@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */




/* 웹폰트 */
@font-face {
    font-family: 'MapoDPPA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/MapoDPPA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/* 공통 */
.sub-gra {position: relative; margin-top: 4rem; padding-bottom: 20rem; font-family: 'Pretendard';}
.sub-gra::after {content: ""; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 20rem; background: linear-gradient(to bottom, #fff, #f2f4f6); pointer-events: none;}
.sub-gra span {vertical-align: baseline;}



/* 1-1. CEO 인사말 */
.sub-greeting .tit-wrap {position: relative;}
.sub-greeting .tit-wrap .tit-box {font-family: 'MapoDPPA'; width: 100%; height: auto; background-color: #f3f6f9; padding: 10rem var(--inner-padding) 8rem;}
.sub-greeting .tit-wrap .tit-box h5 {font-size: 6rem; color: #1a5e8e; line-height: 1; width: 50%; margin-right: auto;}
.sub-greeting .tit-wrap .tit-box p {margin-top: 3rem; font-size: 2.6rem; color: #222; line-height: 1.3; width: 50%; margin-right: auto;} 
.sub-greeting .tit-wrap .img-box {position: absolute; width: calc(50% - 10rem); right: var(--inner-padding); top: 10rem; max-width: 500px;}
.sub-greeting .txt-wrap {margin: 7rem var(--inner-padding); }
.sub-greeting .txt-wrap p {width: 50%; margin-right: auto;}
.sub-greeting .txt-wrap .sub-tit {margin-bottom: 5rem; font-size: 2.6rem; font-weight: 500; color: #222; line-height: 1.3;}
.sub-greeting .txt-wrap .sub-tit span {font-weight: 700;}
.sub-greeting .txt-wrap .sub-tit span.txt-blue {font-weight: 700; color: #1a5e8e;}
.sub-greeting .txt-wrap .txt {font-size: 1.8rem; font-weight: 500; color: #666; line-height: 1.8;}
.sub-greeting .txt-wrap .txt+.txt {margin-top: 4rem;}
.sub-greeting .ceo-wrap .ceo {font-size: 2rem; font-weight: 500; line-height: 1; color: #1a5e8e;}
.sub-greeting .ceo-wrap .ceo span {margin-left: 1rem; font-size: 2.6rem; font-weight: 700; line-height: 1; color: #222;}

@media (max-width: 1024px){
    .sub-greeting .tit-wrap .tit-box h5, .sub-greeting .tit-wrap .tit-box p, .sub-greeting .txt-wrap .sub-tit,
    .sub-greeting .txt-wrap .txt, .sub-greeting .ceo-wrap .ceo {width: 100%; text-align: center;}
    .sub-greeting .tit-wrap .img-box {margin-top: 5rem; position: relative; width: 100%; right: initial; top: initial; max-width: initial;}
    .sub-greeting .tit-wrap .img-box img {width: 30rem; height: auto; margin: auto;}
    .sub-greeting .txt-wrap {width: 70%; margin: 7rem auto;}
    .sub-greeting .txt-wrap .txt {font-size: 2rem;}
    .sub-greeting .txt-wrap .txt br {display: none;}
}
@media (max-width: 768px){
    .sub-greeting .txt-wrap {width: 80%;}
}
@media (max-width: 576px){
    .sub-greeting .txt-wrap {width: 85%;}
}
@media (max-width: 480px){
    .sub-greeting .txt-wrap {width: 90%;}
    .sub-greeting .txt-wrap .sub-tit {font-size: 2.8rem; line-height: 1.4;}
    .sub-greeting .txt-wrap .txt {font-size: 2.2rem;}
}



/* 1-2. 기업소개 */
.sub-about>div .tit-wrap {font-family: 'MapoDPPA'; text-align: center;}
.sub-about>div .tit-wrap h5 {font-size: 3.5rem; color: #1a5e8e; line-height: 1;}
.sub-about>div .tit-wrap p {margin-top: 2rem; font-size: 3.2rem; color: #222; line-height: 1.3;}
.sub-about .cont-vision ul {position: relative; margin-top: 12rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem;}
.sub-about .cont-vision ul::before {z-index: -1; content: 'Who WE are'; font-size: 9rem; color: #f7f7f7; text-align: center; line-height: 1; font-family: 'Poppins'; font-weight: 800; position: absolute; top: -7rem; left: 50%; transform: translateX(-50%);}
.sub-about .cont-vision ul li {position: relative; min-height: 25rem; background: url('../images/sub/1-2_img01.png') no-repeat center / cover;}
.sub-about .cont-vision ul li:nth-child(2) {background-image: url('../images/sub/1-2_img02.png');}
.sub-about .cont-vision ul li:nth-child(3) {background-image: url('../images/sub/1-2_img03.png');}
.sub-about .cont-vision ul li .txt-box {position: absolute; left: 0; top: 50%; transform: translateY(40%); width: calc(100% - 7rem); background-color: #fff; border-radius: 0 10px 0 0; padding: 3rem;}
.sub-about .cont-vision ul li .txt-box .tit {font-family: 'Poppins'; font-weight: 800; color: #0e2854; line-height: 1; font-size: 2rem;}
.sub-about .cont-vision ul li:nth-child(2) .txt-box .tit {color: #1a5e8e;}
.sub-about .cont-vision ul li:nth-child(3) .txt-box .tit {color: #3094da;}
.sub-about .cont-vision ul li .txt-box .txt {font-size: 1.6rem; color: #666; font-weight: 500; line-height: 1.5; margin-top: 2rem;}

.sub-about .cont-intro {margin-top: 15%; margin-bottom: 10rem;}
.sub-about .cont-intro>ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 3.5rem; margin-top: 4rem;}
.sub-about .cont-intro>ul>li .img {background-color: #f3f6f9; border-radius: 10px; height: 20rem; display: flex; justify-content: center; align-items: flex-end;}
.sub-about .cont-intro>ul>li .txt {margin-top: 2.5rem;}
.sub-about .cont-intro>ul>li .txt p {font-size: 1.8rem; font-weight: 500; color: #666; line-height: 1;}
.sub-about .cont-intro>ul>li .txt p span {font-size: 2.8rem; font-weight: 800; color: #0e2854; line-height: 1;}
.sub-about .cont-intro>ul>li .txt ul {margin-top: 2rem;}
.sub-about .cont-intro>ul>li .txt ul>li {padding-left: 12px; position: relative; font-size: 1.7rem; font-weight: 500; color: #222; line-height: 1.3; margin-bottom: 10px;}
.sub-about .cont-intro>ul>li .txt ul>li::before {content: ''; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background-color: #3094da; border-radius: 50%;}
.sub-about .cont-intro>ul>li .txt ul>li:last-child {margin-bottom: 0;}

@media (max-width: 1440px){
    .sub-about .cont-vision ul li .txt-box {width: calc(100% - 3.5rem);}
}
@media (max-width: 1280px){
    .sub-about .cont-vision ul li .txt-box .txt {font-size: 1.8rem;}
    .sub-about .cont-vision ul li .txt-box .txt br {display: none;}
}
@media (max-width: 1024px){
    .sub-about .cont-vision ul {grid-template-columns: repeat(1, 1fr); gap: 10rem 2.5rem;}
    .sub-about .cont-vision ul li {min-height: 25rem;}
    .sub-about .cont-vision ul li .txt-box {width: calc(100% - 20rem);}
    .sub-about .cont-vision ul li .txt-box .tit {font-size: 3rem;}
    .sub-about .cont-vision ul li .txt-box .txt {font-size: 2rem; margin-top: 1rem;}
    .sub-about .cont-intro>ul {grid-template-columns: repeat(2, 1fr); gap: 4rem;}
    .sub-about .cont-intro>ul>li .txt ul>li {font-size: 2rem;}
    .sub-about .cont-intro>ul>li .txt p {font-size: 2rem;}
    .sub-about .cont-intro>ul>li .txt p span {font-size: 3rem; margin-right: 5px;}
}
@media (max-width: 960px){
    .sub-about .cont-intro {margin-top: 20%;}
}
@media (max-width: 768px){
    .sub-about .cont-intro {margin-top: 25%;}
    .sub-about .cont-vision ul li .txt-box {width: calc(100% - 10rem);}
    .sub-about .cont-intro {margin-bottom: 5rem;}
}
@media (max-width: 576px){
    .sub-about>div .tit-wrap p br {display: none;}
    .sub-about .cont-intro {margin-top: 30%;}
    .sub-about .cont-intro>ul {grid-template-columns: repeat(1, 1fr); gap: 8rem;}
    .sub-about .cont-vision ul li .txt-box {width: calc(100% - 5rem);}
    .sub-about .cont-intro {margin-bottom: 0;}
}
@media (max-width: 480px){
    .sub-about .cont-intro>ul {margin-top: 5rem;}
    .sub-about .cont-vision ul li .txt-box {transform: translateY(00%);}
    .sub-about .cont-intro>ul>li .txt ul>li {font-size: 2.2rem;}
    .sub-about .cont-intro>ul>li .txt p {font-size: 2.2rem;}
    .sub-about .cont-intro>ul>li .txt p span {font-size: 3.2rem; margin-right: 5px;}
}



/* 1-3. 연혁 */
.sub-history {position: relative;}
.sub-history .inner {display: flex; align-items: flex-start;}
.sub-history .img-wrap {width: 100%; height: 36rem;  border-radius: 20px; overflow: hidden;}
.sub-history .img-wrap img {width: 100%; height: 100%; object-fit: cover;}
.sub-history .inner .list-wrap { width: calc(100% - 55rem); margin-right: 0; overflow-y: auto; height: 35rem; padding-right: 2rem; margin-right: 8rem; }
.sub-history .inner .list-wrap .li-y {margin-bottom: 10rem;}
.sub-history .inner .list-wrap .li-y:last-child {margin-bottom: 5rem;}
.sub-history .inner .list-wrap .li-y p.year {font-size: 9rem; color: #1a5e8e; line-height: 1; font-family: 'MapoDPPA';}
.sub-history .inner .list-wrap .li-y>ul {margin-top: 5rem; padding-top: 5rem; border-top: 2px solid #6996b5;}
.sub-history .inner .list-wrap .li-m {display: flex; margin-bottom: 5rem;}
.sub-history .inner .list-wrap .li-m:last-child {margin-bottom: 0;}
.sub-history .inner .list-wrap .li-m .month {font-size: 2rem; padding-top: 2px; font-weight: 500; color: #222; line-height: 1;}
.sub-history .inner .list-wrap .li-m>ul {margin-left: 3.5rem;}
.sub-history .inner .list-wrap .li-m>ul>li {margin-bottom: 1rem; font-size: 2rem; font-weight: 500; color: #666; line-height: 1.3;}
.sub-history .inner .list-wrap .li-m>ul>li:last-child {margin-bottom: 0;}

@media (max-width: 1280px){
    .sub-history .inner .list-wrap .li-y p.year {font-size: 7.5rem;}
    .sub-history .inner .list-wrap {width: calc(100% - 35rem); margin-right: 5rem;}
}
@media (max-width: 1024px){
    .sub-history .inner .list-wrap {width: calc(100% - 15rem); margin-right: 3rem;}
}
@media (max-width: 768px){
    .sub-history .inner {flex-direction: column-reverse;}
    .sub-history .inner .list-wrap {width: 100%; margin-right: 0; margin-top: 7rem; overflow: initial; height: 100%;}
    .sub-history .inner .list-wrap .li-y p.year {font-size: 6.5rem;}
    .sub-history .inner .list-wrap .li-m .month, .sub-history .inner .list-wrap .li-m>ul>li {font-size: 2.2rem;}
}
@media (max-width: 576px){
    .sub-history .img-wrap {height: 30rem;}
}
@media (max-width: 480px){
    .sub-history .img-wrap {height: 28rem;}
    .sub-history .inner .list-wrap .li-m .month, .sub-history .inner .list-wrap .li-m>ul>li {font-size: 2.4rem;}
    .sub-history .inner .list-wrap .li-m>ul>li {margin-bottom: 1.2rem;}
}





/* 1-4. CI소개 */
.sub-ci .cont-ci {display: flex;}
.sub-ci .cont-ci .logo-wrap {border: 1px solid #ccc; border-radius: 20px 0 0 20px; width: 60%; display: flex; justify-content: center; align-items: center; height: auto; background: url('../images/sub/1-4_bg.png') no-repeat center / cover;}
.sub-ci .cont-ci .txt-wrap {display: flex; flex-direction: column; justify-content: space-between; width: 40%; background-color: #0e2854; border: 1px solid #0e2854; border-radius: 0 20px 20px 0; padding: 5rem 7rem; min-height: 32.5rem;}
.sub-ci .cont-ci .txt-wrap .txt-box p {font-size: 1.8rem; color: #fff; font-family: 'MapoDPPA'; line-height: 1.5;}
.sub-ci .cont-ci .txt-wrap .btn-box {display: flex; justify-content: center;}
.sub-ci .cont-ci .txt-wrap .btn-box li { border: 1.5px solid #fff; border-radius: 9999px;}
.sub-ci .cont-ci .txt-wrap .btn-box li+li {margin-left: 15px;}
.sub-ci .cont-ci .txt-wrap .btn-box li a {width: 100%; height: 100%; display: block; padding: 15px 60px 15px 20px;}
.sub-ci .cont-ci .txt-wrap .btn-box li a p {position: relative; font-size: 16px; font-weight: 700; color: #fff; line-height: 1; position: relative;}
.sub-ci .cont-ci .txt-wrap .btn-box li a p::after {content: ''; position: absolute; width: 14px; height: 14px; background: url('../images/sub/1-4_down.png') no-repeat center / contain; top: 50%; right: -40px; transform: translateY(-50%);}
.sub-ci .cont-ci .txt-wrap .btn-box li:hover {background-color: #fff;}
.sub-ci .cont-ci .txt-wrap .btn-box li:hover a p {color: #0e2854;}
.sub-ci .cont-ci .txt-wrap .btn-box li:hover a p::after {background-image: url('../images/sub/1-4_down_hover.png');}

.sub-ci .cont-color {margin-top: 10rem;}
.sub-ci .cont-color h5 {font-size: 3.5rem; color: #222; line-height: 1; font-family: 'MapoDPPA';}
.sub-ci .cont-color ul {margin-top: 4rem; display: grid; grid-template-columns: repeat(4,1fr); gap: 2rem;}
.sub-ci .cont-color ul li {padding: 4rem 3rem; background-color: #0e2854; border-radius: 10px; border: 1px solid #0e2854;}
.sub-ci .cont-color ul li:nth-child(2) {background-color: #1a5e8e; border: 1px solid #1a5e8e;}
.sub-ci .cont-color ul li:nth-child(3) {background-color: #898989; border: 1px solid #898989;}
.sub-ci .cont-color ul li:nth-child(4) {background-color: #fff; border: 1px solid #ccc;}
.sub-ci .cont-color ul li p {font-size: 1.8rem; line-height: 1; color: #fff; font-family: 'MapoDPPA'; margin-bottom: 2rem;}
.sub-ci .cont-color ul li:nth-child(4) p {color: #222;}
.sub-ci .cont-color ul li p:last-child {margin-bottom: 0;}

@media (max-width: 1280px){
    .sub-ci .cont-color ul {grid-template-columns: repeat(2,1fr); gap: 2rem;}
    .sub-ci .cont-ci .txt-wrap, .sub-ci .cont-ci .logo-wrap {width: 50%;}
    .sub-ci .cont-ci .logo-wrap img {max-width: 35rem;}
}
@media (max-width: 1024px){
    .sub-ci .cont-ci {flex-direction: column;}
    .sub-ci .cont-ci .logo-wrap {padding: 10rem; border-radius: 20px 20px 0 0; width: 100%;}
    .sub-ci .cont-ci .txt-wrap {min-height: initial; border-radius: 0 0 20px 20px; width: 100%;}
    .sub-ci .cont-ci .txt-wrap .txt-box p {margin-bottom: 5rem; text-align: center; font-size: 2rem; line-height: 1.6;}
    .sub-ci .cont-ci .logo-wrap img {max-width: initial; width: 70%; margin: auto;}
}
@media (max-width: 768px){
    .sub-ci .cont-ci .logo-wrap img {width: 90%; }
}
@media (max-width: 576px){
    .sub-ci .cont-color ul {grid-template-columns: repeat(1,1fr); gap: 2rem;}
    .sub-ci .cont-ci .txt-wrap .btn-box {flex-direction: column; width: 60%; margin: auto;}
    .sub-ci .cont-ci .txt-wrap .btn-box li+li {margin-left: 0; margin-top: 1.5rem;}
    .sub-ci .cont-color ul li p {font-size: 2.2rem;}
    .sub-ci .cont-ci .logo-wrap {padding: 8rem;}
    .sub-ci .cont-ci .logo-wrap img {width: 100%;}
    .sub-ci .cont-color ul li {text-align: center;}
}
@media (max-width: 480px){
    .sub-ci .cont-ci .txt-wrap .btn-box {width: 100%;}
    .sub-ci .cont-ci .txt-wrap .txt-box p {font-size: 2.4rem;}
    .sub-ci .cont-color h5 {font-size: 4rem;}
    .sub-ci .cont-color ul li p {font-size: 2.4rem;}
}




/* 1-5. 오시는길 */
.sub-map .cont-logo {margin-bottom: 4.5rem;}
.sub-map .cont-map {width: 100%; height: 50rem; position: relative;}
.sub-map .cont-map::after {content: 'VISIT US'; font-size: 14rem; line-height: 1; font-weight: 900; color: #f3f6f9; position: absolute; right: 0; top: -11.5rem; z-index: -1;}
.sub-map ul {margin-top: 5rem; padding-top: 5rem; border-top: 1px solid #e5e5e5; display: grid; gap: 2rem; grid-template-columns: 2fr 1.25fr 1.25fr 1.25fr;}
.sub-map ul li {border-radius: 15px; background-color: #1a5e8e; flex: 1;}
.sub-map ul li:first-child {flex: 2;}
.sub-map ul li a {padding: 4rem; width: 100%; height: 100%;}
.sub-map ul li a .tit-box {display: flex; justify-content: space-between;}
.sub-map ul li a .tit-box .tit p {font-size: 1.8rem; color: #fff; font-family: 'MapoDPPA'; line-height: 1;}
.sub-map ul li a .tit-box .img {display: flex; justify-content: center; align-items: center; background-color: rgb(56, 111, 153, 0.4); border: 1.5px solid rgb(255, 255, 255, 0.4); border-radius: 50%; width: 8rem; height: 8rem;}
.sub-map ul li a .txt-box {margin-top: 5rem;}
.sub-map ul li a .txt-box p {font-size: 2rem; font-weight: 700; color: #fff; line-height: 1; margin-bottom: 1.5rem;}
.sub-map ul li a .txt-box small {font-size: 1.6rem; color: #fff; font-weight: 400; line-height: 1.4;}
.sub-map ul li:hover {background-color: #0e2854;}
.sub-map ul li:hover a .tit-box .img {background-color: rgb(21, 52, 104);}
.sub-map ul li:hover a .tit-box .img img {animation: map-shake 0.5s infinite;}
@keyframes map-shake {50% { transform: rotate(-10deg); } 100% { transform: rotate(10deg);}}

@media (max-width: 1440px){
    .sub-map ul li a {padding: 4rem 3rem;}
    .sub-map ul {grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr;}
}
@media (max-width: 1280px){
    .sub-map ul li a {display: flex; flex-direction: column; justify-content: space-between;}
    .sub-map ul li a .tit-box .tit p, .sub-map ul li a .txt-box p {font-size: 2.2rem;}
    .sub-map ul li a .txt-box small {font-size: 1.8rem;}
    .sub-map ul {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 1024px){
    .sub-map .cont-map::after {font-size: 10rem; top: -8rem;}
}
@media (max-width: 768px){
    .sub-map ul li a .tit-box .tit p, .sub-map ul li a .txt-box p {font-size: 2.4rem;}
    .sub-map ul li a .txt-box small {font-size: 2rem;}
    .sub-map .cont-map::after {display: none;}
    .sub-map .cont-logo img {margin-left: auto;}
}
@media (max-width: 576px){
    .sub-map ul {grid-template-columns: repeat(1, 1fr);}
}
@media (max-width: 480px){
    .sub-map ul li a .tit-box .tit p, .sub-map ul li a .txt-box p {font-size: 2.6rem;}
    .sub-map ul li a .txt-box small {font-size: 2.2rem;}
}



/* 2-1. 반도체 */
.sub-semic {margin-top: 2rem;}
.sub-semic .cont-tit {margin-bottom: 7.5rem;}
.sub-semic .cont-tit h5 {font-size: 5.5rem; color: #222; line-height: 1.2; font-family: 'MapoDPPA';}
.sub-semic .cont-tit p {margin-top: 0.5rem; font-size: 2.5rem; font-weight: 800; color: #1a5e8e;}
.sub-semic .cont-line {position: relative; padding: 3.5rem; width: 100%; background: url('../images/sub/2-1_linebg.png') no-repeat center / cover;}
.sub-semic .cont-line p {line-height: 1.3; font-size: 2.5rem; color: #fff; font-weight: 700; text-align: center;}
.sub-semic .cont-line::before {content: ''; z-index: -1; position: absolute; right: var(--inner-padding); top: -34rem; width: 45rem; height: 34.2rem; background: url('../images/sub/2-1_img-semic.png') no-repeat center / contain;}
.sub-semic .cont-contents {margin-top: 6.5rem;}
.sub-semic .cont-contents .tit-wrap {display: flex; flex-direction: column; justify-content: center; text-align: center;}
.sub-semic .cont-contents .tit-wrap>span {width: 2px; height: 6rem; background-color: #222; display: block; margin: auto;}
.sub-semic .cont-contents .tit-wrap .tit {font-size: 6rem; color: #222; font-family: 'MapoDPPA'; line-height: 1; margin: 2.5rem 0;}
.sub-semic .cont-contents .tit-wrap .tit span {color: #1a5e8e;}
.sub-semic .cont-contents .tit-wrap .txt {font-size: 2.5rem; font-weight: 700; color: #1a5e8e;}
.sub-semic .cont-contents .img-wrap {margin-top: 5rem; min-height: 95rem; display: flex; flex-direction: column; justify-content: space-between; padding: 10rem; width: 100%; height: auto; background: url('../images/sub/2-1_bg.png') no-repeat bottom / cover;}
.sub-semic .cont-contents .img-wrap>p {text-align: center; font-size: 3.5rem; line-height: 1.3; color: #fff; font-family: 'MapoDPPA'; letter-spacing: 0.05em;}
.sub-semic .cont-contents .img-wrap ul {display: grid; gap: 6rem; grid-template-columns: repeat(3, 1fr);}
.sub-semic .cont-contents .img-wrap ul li {overflow: hidden; position: relative; background-color: #fff; border-radius: 20px; padding: 5.5rem 4.5rem; min-height: 23rem;}
.sub-semic .cont-contents .img-wrap ul li p {position: relative; z-index: 2; font-size: 2.5rem; font-family: 'MapoDPPA'; color: #222;}
.sub-semic .cont-contents .img-wrap ul li img {position: absolute; right: 0; bottom: 0; z-index: 1;}

@media (max-width: 1280px){
    .sub-semic .cont-contents .img-wrap {padding: 8rem;}
    .sub-semic .cont-contents .img-wrap ul {gap: 4rem;}
    .sub-semic .cont-contents .img-wrap ul li {padding: 4rem 3rem;}
}
@media (max-width: 1024px){
    .sub-semic .cont-contents .img-wrap {padding: 6rem;}
    .sub-semic .cont-contents .img-wrap ul li {padding: 4rem 3rem;}
}
@media (max-width: 960px){
    .sub-semic .cont-contents .img-wrap {padding: 4rem;}
    .sub-semic .cont-contents .img-wrap ul li {padding: 4rem 3rem; border-radius: 15px;}
    .sub-semic .cont-contents .img-wrap ul {gap: 3rem;}
    .sub-semic .cont-line::before {top: -30rem; width: 35rem; height: 33.5rem; z-index: -5;}
    .sub-semic .cont-tit h5 {font-size: 5rem;}
    .sub-semic .cont-tit p {font-size: 2.2rem;}
    .sub-semic .cont-tit {margin-bottom: 3rem;}
    .sub-semic .cont-line p {font-size: 2.2rem; line-height: 1.4;}
}
@media (max-width: 768px){
    .sub-semic .cont-contents .img-wrap ul {grid-template-columns: repeat(1, 3fr);}
    .sub-semic .cont-contents .img-wrap ul li img {width: 30rem;}
    .sub-semic .cont-contents .img-wrap ul li {min-height: 20rem; border-radius: 10px;}
    .sub-semic .cont-contents .img-wrap ul li:last-child img {bottom: -12px;}
    .sub-semic .cont-contents .tit-wrap .tit {font-size: 5rem;}
    .sub-semic .cont-contents {margin-top: 4rem;}
}
@media (max-width: 650px){
    .sub-semic .cont-line::before {display: none;}
    .sub-semic .cont-tit {text-align: center;}
}




/* 2-2. 전력제어모듈 */
.sub-templete {margin-top: 0;}
.sub-templete .cont-tit {margin-bottom: 5rem;}
.sub-templete .cont-tit h5 {font-size: 5.5rem; font-family: 'MapoDPPA'; line-height: 1.2; color: #222;}
.sub-templete .cont-tit p {margin-top: 1.5rem; font-size: 2.5rem; font-weight: 800; color: #1679be; letter-spacing: 0.45em;} 

.sub-templete .cont-contents {padding: 17rem 0 12.5rem; width: 100%; position: relative; background: url('../images/sub/2-2_bg.png') no-repeat bottom / cover;}
.sub-templete .cont-contents .txt-wrap {margin: 0 10rem;}
.sub-templete .cont-contents .txt-wrap p {font-size: 2rem; font-weight: 700; color: #fff;}
.sub-templete .cont-contents .txt-wrap p+p {margin-top: 5.5rem;}

.sub-elec .cont-contents::before {content: ''; position: absolute; width: 38rem; height: 30rem; top: -29.6rem; z-index: -1; right: 0; background: url('../images/sub/2-2_img.png') no-repeat center / contain; }

.sub-templete .cont-contents ul {margin: 10rem 30rem 0; display: grid; gap: 6rem; grid-template-columns: repeat(2, 1fr);}
.sub-templete .cont-contents ul li {padding: 5rem 4.5rem; overflow: hidden; height: 23rem; background-color: #fff; border-radius: 20px; position: relative;}
.sub-templete .cont-contents ul li p {font-size: 2.5rem; font-family: 'MapoDPPA'; line-height: 1.2; color: #222; z-index: 2; position: relative;}
.sub-templete .cont-contents ul li img {position: absolute; right: 0; bottom: 0; z-index: 1;}


/* 2-3. 에너지 딜리버리 */
.sub-templete.sub-energy {margin-top: 2rem;}
.sub-templete.sub-energy .cont-contents {padding: 10rem 0 12.5rem; background: url(../images/sub/2-3_bg.png) no-repeat bottom / cover;}
.sub-templete.sub-energy .cont-contents .txt-wrap p {color: #1a5e8e;}
.sub-templete.sub-energy .cont-contents ul {margin: 20rem 25rem 0;}
.sub-templete.sub-energy .cont-contents::before {content: ''; position: absolute; width: 49rem; height: 27rem; top: -26.6rem; z-index: -1; right: 0; background: url('../images/sub/2-3_img.png') no-repeat center / contain;}

@media (max-width: 1440px){
    .sub-templete.sub-energy .cont-contents ul {margin: 20rem 20rem 0;}
    .sub-templete.sub-energy .cont-contents ul li {padding: 5rem 3rem;}
}
@media (max-width: 1280px){
    .sub-templete .cont-tit h5 {font-size: 4.8rem;}
    .sub-templete .cont-tit p {font-size: 2.4rem;}
    .sub-templete .cont-contents .txt-wrap p {font-size: 2.2rem;}
    .sub-templete .cont-contents::after {z-index: -1; display: block; content: ''; background-color: rgb(0, 0, 0, 0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .sub-templete.sub-energy  .cont-contents::after {z-index: -1; display: block; content: ''; background-color: rgba(255, 255, 255, 0.3); width: 100%; height: 100%; position: absolute; left: 0; top: 0;}
    .sub-templete .cont-contents ul {margin: 10rem 20rem 0;}
    .sub-templete .cont-contents ul li {padding: 3rem;}
    .sub-templete.sub-energy .cont-contents ul {margin: 20rem 10rem 0;}
}
@media (max-width: 1024px){
    .sub-templete .cont-contents::before {display: none;}
    .sub-templete .cont-tit {text-align: center;}
    .sub-templete .cont-contents ul {margin: 10rem 10rem 0;}
    .sub-templete .cont-contents .txt-wrap p {text-align: center;}
    .sub-templete .cont-contents .txt-wrap p br {display: none;}
    .sub-templete .cont-tit h5 {font-size: 4rem;}
    .sub-templete.sub-energy .cont-contents ul {grid-template-columns: repeat(1, 2fr); margin: 10rem 10rem 0;}
    .sub-templete.sub-energy .cont-contents ul li {padding: 5rem;}
    .sub-templete.sub-energy .cont-contents ul li br {display: none;}
}
@media (max-width: 768px){
    .sub-templete .cont-contents ul {grid-template-columns: repeat(1, 2fr);}
    .sub-templete .cont-contents ul li img {width: 38rem;}
    .sub-templete .cont-contents ul li  {border-radius: 10px;}
    .sub-templete.sub-energy .cont-contents .txt-wrap p br {display: none;}

}
@media (max-width: 576px){
    .sub-templete .cont-contents ul {margin: 8rem 5rem 0;}
    .sub-templete.sub-energy .cont-contents ul {margin: 15% 5rem 0;}
    .sub-templete .cont-contents .txt-wrap {margin: 0 5rem;}
    .sub-templete .cont-contents {padding: 8rem 0;}
    .sub-templete .cont-tit h5 br {display: none;}
}
@media (max-width: 480px){
    .sub-templete.sub-energy .cont-contents ul li br {display: block;}
    .sub-templete.sub-energy .cont-contents ul li {padding: 3rem; display: flex; align-items: flex-end;}
    .sub-templete.sub-energy .cont-contents ul li img {width: 100%; height: 100%; object-fit: cover;}
}



















@charset "utf-8";


/* ===================================================== */
/* 콘텐츠 공통 */
.sub-content-wrap {background: linear-gradient(to top, #f2f4f6, #fff 12rem);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* 콘텐츠 공통 */
/* ===================================================== */


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */


/* ===================================================== */
/*  */

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 030101 */
.products-wrap {padding-bottom: 18rem;}
.products-wrap .con-header {font-size: 30px; color: var(--color-sub01); padding-bottom: 3.5rem; border-bottom: 1px solid #d1d1d1; transform: translateY(-1.5rem); position: relative;}
.products-wrap .con-header .down-btn {position: absolute; right: 0; bottom: 0; transform: translateY(50%);}
.products-wrap .con-header .down-btn a {display: block; padding: 0.5rem 3rem 1.2rem; border-radius: 55px; background: #be8f00;}
.products-wrap .con-header .down-btn span {font-family: var(--font-montserrat); font-size: 17px; font-weight: 600; color: #fff; padding-left: 6rem; vertical-align: baseline; position: relative;}
.products-wrap .con-header .down-btn span::after {display: block; content: ''; width: 24px; height: 20px; background: url(../images/sub/ico_down-btn.png) no-repeat center; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.products-wrap .con-box {margin-top: 10rem; position: relative;}
.products-wrap .con-box:nth-of-type(1) {margin-top: 5rem;}
.products-wrap .con-box .tit {font-size: 25px; color: #222; margin-bottom: 2rem;}
.products-wrap .con-box .desc {margin-left: 14px; padding-left: 14px; font-family: var(--font-montserrat); font-size: 17px; font-weight: 600; color: #666; line-height: 1.8; position: relative;}
.products-wrap .con-box .desc::after {display: block; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #222; position: absolute; top: 13px; left: 0;}
.products-wrap .con-box figure:not(.img) {position: absolute; top: 0; right: 0;}
.products-wrap .con-box.box-bg {padding: 5rem 0;}
.products-wrap .con-box.box-bg::before {display: block; content: ''; width: 100vw; height: 100%; background: #dde6ed; position: absolute; top: 0; left: calc(-1 * var(--inner-padding));}
.products-wrap .con-box.box-bg > * {position: relative; z-index: 1;}
.products-wrap .con-box.box-bg .sub-tit {font-family: var(--font-montserrat); font-size: 17px; font-weight: 600;}

.products-wrap .desc-box {display: flex; justify-content: space-between;}
.products-wrap .desc-box .table {font-family: var(--font-montserrat); font-size: 16px; font-weight: 500; color: #fff; text-align: left;}
.products-wrap .desc-box .table tr:nth-of-type(odd) {background: #1a5e8e;}
.products-wrap .desc-box .table tr:nth-of-type(even) {background: #3781b5;}
.products-wrap .desc-box .table th {padding: 2rem 4rem 2rem 2rem; border-right: 1px solid rgba(255, 255, 255, 0.15);}
.products-wrap .desc-box .table td {padding: 2rem 4rem;}
.products-wrap .desc-box .table.type01 td:nth-of-type(2),
.products-wrap .desc-box .table.type01 td:last-child {text-align: center;}
.products-wrap .desc-box .table+figure.img {transform: translateY(-6rem);}

.products-wrap img {margin: 0 auto;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
    .products-wrap .desc-box .table td {padding: 2rem 3rem;}
}
@media (max-width: 1280px){
    .products-wrap .con-header {font-size: 26px; padding-bottom: 2.5rem;}
    .products-wrap .con-box .tit {font-size: 22px; margin-bottom: 1.5rem;}
    .products-wrap .con-box .desc {font-size: 16px;}
    .products-wrap .con-box figure:not(.img) {max-width: 50%;}
    .products-wrap .desc-box .table+figure.img {margin-left: 2rem; transform: translateY(0);}
}
@media (max-width: 1024px){
    .products-wrap .con-header .down-btn a {padding: 0 3rem 0.3rem;}
    .products-wrap .con-header .down-btn span {padding-left: 4rem;}
    .products-wrap.type01 .desc-box {flex-direction: column-reverse;}
    .products-wrap .desc-box .table+figure.img {margin: 2rem 0;}
    .products-wrap .con-box.box-bg .sub-tit {font-size: 15px;}
    .products-wrap .con-box .desc::after {top: 12px;}
}
@media (max-width: 768px){
    .products-wrap .con-header {font-size: 22px;}
    .products-wrap .con-header .down-btn span {font-size: 15px;}
    .products-wrap .con-box .tit {font-size: 20px;}
    .products-wrap .con-box figure:not(.img) {max-width: 40%;}
    .products-wrap .desc-box .table {font-size: 15px; font-weight: 400;}
}
@media (max-width: 576px){
    .products-wrap .con-box .desc {margin-left: 0;}
    .products-wrap .con-box .desc::after {top: 11px;}

    .products-wrap .desc-box .table tr {display: block;}
    .products-wrap .desc-box .table th {display: block; width: 100%; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); text-align: center;}
    .products-wrap .desc-box .table td {display: inline-block; width: calc(33.3333% - 3px); text-align: center;}
}
@media (max-width: 480px){
    .products-wrap .con-header {font-size: 20px;}
    .products-wrap .con-header .down-btn span {font-size: 14px; font-weight: 400;}
    .products-wrap .con-box .tit {font-size: 18px;}
    .products-wrap .con-box .desc {font-size: 14px;}
    .products-wrap .con-box .desc::after {top: 10px;}
    .products-wrap .desc-box .table {font-size: 14px;}
    .products-wrap .desc-box .table td {padding: 2rem;}
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 030102 */
.products-wrap.type02 {background: url(../images/sub/products-bg.png) no-repeat right calc(100% - 10rem);}

.products-wrap .desc-box .table.type02 {width: 100%; position: relative;}
.products-wrap .desc-box .table.type02 table {border-top: 2px solid var(--color-sub01); border-bottom: 2px solid var(--color-sub01);}
.products-wrap .desc-box .table.type02 tr {background: #e4eaee;}
.products-wrap .desc-box .table.type02 th {width: 25%; padding: 2rem 3rem; background: var(--color-sub01); font-size: 18px; font-weight: 700; border-bottom: 1px solid #3c769f;}
.products-wrap .desc-box .table.type02 td {color: #222; letter-spacing: -0.025em; border-bottom: 1px solid #b5bec4;}
.products-wrap .desc-box .table.type02 td p {position: relative;}
.products-wrap .desc-box .table.type02 td p+p {margin-top: 3rem;}
.products-wrap .desc-box .table.type02 td p::after {display: block; content: ''; width: 5px; height: 5px; border-radius: 50%; background: #222; position: absolute; top: 10px; left: -12px;}

.products-wrap .desc-box .table.type02 .img {position: absolute; top: 6rem; right: 4rem;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
    .products-wrap .desc-box .table.type02 .img {width: 35%;}
}
@media (max-width: 1280px){
    .products-wrap .desc-box .table.type02 .img {top: auto; bottom: 0;}
}
@media (max-width: 1024px){
    .products-wrap .desc-box .table.type02 th {padding: 2rem;}
}
@media (max-width: 768px){
    .products-wrap .desc-box .table.type02 .img {display: none;}
    .products-wrap .desc-box .table.type02 th {font-weight: 500; font-size: 16px;}
}
@media (max-width: 576px){
    .products-wrap .desc-box .table.type02 th,
    .products-wrap .desc-box .table.type02 td {display: block; width: 100%;}
    .products-wrap .desc-box .table.type02 td p {text-align: left;}
    .products-wrap .desc-box .table.type02 td p br {display: none;}
}
@media (max-width: 480px){
    .products-wrap .desc-box .table.type02 td {padding-left: 3rem;}
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 030201 */
.products-wrap .con-tit {font-size: 5.5rem; color: #222;}

/* 030202 */
.products-wrap .top-box  {justify-content: flex-end; background: url(../images/sub/products-wrap_bg01.png) no-repeat center / cover; padding: 10rem;}
.products-wrap .txt-box {display: inline-block; border-radius: 15px; padding: 5rem; background: #fff;}
.products-wrap .txt-box .tit {font-size: 3.5rem;}
.products-wrap .txt-box .tag {display: inline-block; padding: 5px 2rem; border-radius: 40px; font-size: 20px; color: #fff; background: var(--color-sub01);}
.products-wrap .txt-box .sub-tit {margin-top: 1rem; font-size: 25px; color: var(--color-sub01);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
}
@media (max-width: 1280px){
    .products-wrap .con-tit {font-size: 4rem;}
    .products-wrap .con-tit+.img {max-width: 70%;}

    .products-wrap .top-box {padding: 5rem;}
    .products-wrap .txt-box .tit {font-size: 30px;}
}
@media (max-width: 1024px){
    .products-wrap .con-tit {order: 2;}
    .products-wrap .con-tit br {display: none;}
    .products-wrap .con-tit+.img {order: 1; max-width: 80%; margin: 3rem auto 0;}

    .products-wrap .txt-box {text-align: center; background: rgba(255, 255, 255, 0.8);}
    .products-wrap .txt-box .tit br {display: none;}
    .products-wrap .txt-box .tag {font-size: 18px;}
}
@media (max-width: 768px){
    .products-wrap .con-tit {font-size: 30px;}
    .products-wrap .con-tit+.img {max-width: 100%;}

    .products-wrap.type01 .desc-box {padding: 3rem;}
    .products-wrap .txt-box .tit {font-size: 24px;}
    .products-wrap .txt-box .tag {font-size: 16px;}
    .products-wrap .txt-box .sub-tit {font-size: 20px;}
}
@media (max-width: 576px){
    .products-wrap .txt-box {padding: 2.5rem;}
}
@media (max-width: 480px){
    .products-wrap .con-tit {font-size: 20px;}

    .products-wrap.type01 .desc-box {padding: 0; border-radius: 15px;}
    .products-wrap .txt-box {border-radius: 10px;}
    .products-wrap .txt-box .tit {font-size: 20px;}
    .products-wrap .txt-box .tit br {display: block;}
    .products-wrap .txt-box .sub-tit {font-size: 18px;}
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 030301 */
.products-wrap .line-box {border: 1px solid #ddd; background: #fff; border-radius: 20px; padding: 3.5rem;}
.products-wrap .line-box .desc-box {justify-content: flex-end;}
.products-wrap .line-box .desc-box .img+.img {margin-left: 12rem;}
.products-wrap .line-box .txt-desc {font-family: var(--font-pretendard); font-size: 18px; font-weight: 500; color: #666; padding-left: 12px; position: relative;}
.products-wrap .line-box .txt-desc::after {display: block; content: '*'; font-size: 18px; font-weight: 500; color: #666; position: absolute; left: 0; top: 0;}

.products-wrap .line-box .bottom-box {border-radius: 10px; background: #dde6ed url(../images/sub/products-wrap_bg02.png) no-repeat calc(100% - 14px) calc(100% - 14px); padding: 4rem;}
.products-wrap .line-box .bottom-box p {padding-left: 25px; font-family: var(--font-pretendard); font-size: 17px; font-weight: 600; color: #666; line-height: 1.8; position: relative;}
.products-wrap .line-box .bottom-box p::after {display: block; content: ''; width: 14px; height: 10px; background: url(../images/sub/products-dot01.png) no-repeat center; position: absolute; top: 10px; left: 0;} 

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px){
    .products-wrap .line-box .desc-box .img+.img {margin-left: 6rem;}
}
@media (max-width: 1280px){
    .products-wrap .line-box .txt-desc {font-size: 16px;}
}
@media (max-width: 1024px){
    .products-wrap .line-box {padding: 2rem;}
    .products-wrap .line-box .desc-box {flex-wrap: wrap;}
    .products-wrap .line-box .desc-box .img {display: flex; align-items: center; max-width: calc(50% - 1.5rem);}
    .products-wrap .line-box .desc-box .img+.img {margin-left: 3rem;}
    .products-wrap .line-box .txt-box {width: 100%; text-align: left; padding: 0 4rem 5rem;}
}
@media (max-width: 768px){
    .products-wrap .line-box .bottom-box p {font-size: 16px;}
}
@media (max-width: 576px){
    .products-wrap .line-box .txt-box {padding: 0 2rem 3rem;}
    .products-wrap .line-box .bottom-box {padding: 2rem;}
}
@media (max-width: 480px){
    .products-wrap .line-box .bottom-box p {font-size: 14px; padding-left: 20px;}
    .products-wrap .line-box .bottom-box p::after {top: 8px;}
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 030302 */
.products-wrap.type03 {background: url(../images/sub/products-bg.png) no-repeat right 40%;}
.products-wrap .img.type01 img {border-radius: 20px;}
.products-wrap .con-arrow {margin: 3rem 0;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
    .products-wrap .con-arrow img {max-width: 50px;}
}
@media (max-width: 768px){
    .products-wrap .img.type01 img {border-radius: 15px;}
}
@media (max-width: 576px){
    .products-wrap .con-arrow img {max-width: 40px;}
}
@media (max-width: 480px){
    .products-wrap .img.type01 img {border-radius: 10px;}
    .products-wrap .con-arrow img {max-width: 30px;}
}
/*  */
/* ===================================================== */


/* ===================================================== */
/* 050301 */
.recruitment-wrap {text-align: center; padding-top: 9rem;}
.recruitment-wrap .con-box.nth-1 .tit {font-size: 4rem; color: #222;}
.recruitment-wrap .con-box.nth-1 .tit span {color: var(--color-main);}
.recruitment-wrap .recruitment-list {display: flex; align-items: flex-start; justify-content: center; margin: 13.5rem 0 9rem;}
.recruitment-wrap .recruitment-list .item+.item {margin-left: 7rem;}
.recruitment-wrap .recruitment-list .item:nth-of-type(2) {margin-top: 10rem;}
.recruitment-wrap .recruitment-list .img {border-radius: 50%; overflow: hidden; box-shadow: 0 0 70px rgba(0, 0, 0, 0.05);}
.recruitment-wrap .recruitment-list h2 {font-size: 24px; color: #000; margin-top: 4rem; letter-spacing: 0.015em;}
.recruitment-wrap .recruitment-list p {font-family: var(--font-pretendard); font-size: 17px; font-weight: 500; color: #666; letter-spacing: 0.015em; margin-top: 2rem;}

.recruitment-wrap .con-box.nth-2 {background-color: #f3f6f9; width: 100%; height: auto; padding: 7.5rem 0;}
.recruitment-wrap .con-box.nth-2 .tit {font-size: 3.6rem; color: #222; letter-spacing: -0.02em; text-align: left;}
.recruitment-wrap .con-box.nth-2 .fl-wrap {margin-top: 4rem; display: flex; justify-content: space-between; align-items: center;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box {display: flex; align-items: center;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle {display: flex; justify-content: center; align-items: center; flex-direction: column; width: 25rem; height: 25rem; background-color: #fff; border-radius: 50%; border: 5px solid rgb(26, 94, 142, 0.5);}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle.nth-3 {border-color: var(--color-main);}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle .img {margin-bottom: 3rem; display: flex; justify-content: center; align-items: center;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle .txt {text-align: center; letter-spacing: -0.02em; color: #222; line-height: 1;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle .txt small {margin-bottom: 1.5rem; font-size: 16px;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .circle .txt p {font-family: var(--font-pretendard); font-size: 24px; font-weight: 700;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .step-box .arrow {margin: 0 1.5rem;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .btn {background-color: #222; border-radius: 10px;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .btn a {width: 100%; height: 100%; padding: 3rem 11rem 3rem 4rem;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .btn a p {font-size: 20px; color: #fff; letter-spacing: 0.015em; position: relative;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .btn a p::after {content: ''; position: absolute; transform: translateY(-50%); right: -80px; top: 50%; width: 17px; height: 17px; background: url('../images/common/new-tab_arrow.png') no-repeat center / contain;}
.recruitment-wrap .con-box.nth-2 .fl-wrap .btn:hover {background-color: #386f99;}

.recruitment-wrap .con-box.nth-3 {padding: 12rem 0 26rem;}
.recruitment-wrap .con-box.nth-3 .tit {font-size: 3.6rem; color: #222; letter-spacing: -0.02em; text-align: left;}
.recruitment-wrap .con-box.nth-3 ul {display: flex; justify-content: space-between; margin-top: 6.5rem;}
.recruitment-wrap .con-box.nth-3 ul li {flex: 1;}
.recruitment-wrap .con-box.nth-3 ul li+li {border-left: 1px solid #f0f0f0;}
.recruitment-wrap .con-box.nth-3 ul li img {margin: 0 auto;}
.recruitment-wrap .con-box.nth-3 ul li .txt {letter-spacing: -0.02em; margin-top: 5.5rem;}
.recruitment-wrap .con-box.nth-3 ul li .txt p {margin-bottom: 2rem; font-size: 22px; color: #222;}
.recruitment-wrap .con-box.nth-3 ul li .txt small {font-family: var(--font-pretendard); font-size: 17px; font-weight: 400; color: #666;}


@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/*  */
/* ===================================================== */