@charset "utf-8"; /* ===================================================== */
/* 콘텐츠 공통 */
.color-b { color:#222 !important; } 
.color-g { color:#666 !important; } 
.color-1 { color:#0868ac !important; } 
.color-2 { color:#63b32e !important; } 
.color-3 { color:#e00031 !important; } 
.color-4 { color:#0091d4 !important; } 

.fw-1 { font-weight: 100; } 
.fw-2 { font-weight: 200; } 
.fw-3 { font-weight: 300; } 
.fw-4 { font-weight: 400; } 
.fw-5 { font-weight: 500; } 
.fw-6 { font-weight: 600; } 
.fw-7 { font-weight: 700; } 
.fw-8 { font-weight: 800; } 
.fw-9 { font-weight: 900; } 


.alignC { text-align:center !important; } 
.alignL { text-align:left !important; } 
.alignR { text-align:right !important; } 

.upper { text-transform: uppercase; } 

strong { font-weight: 700; } 



/*타이틀*/
.title-wrap { margin-bottom:3rem; line-height: 1.15; } 
.title-wrap .tit-type1 { font-size:max(4rem, 28px); color:#222; font-weight: 700; } 
.title-wrap .tit-type1 .stxt { display: block; font-size:max(2rem, 16px); color:var(--color-sub1); font-weight: 800; } 

.title-wrap .tit-type2 { font-size:max(3rem, 20px); color:#222; font-weight: 700; padding-left:1.8rem; position: relative; } 
.title-wrap .tit-type2::before { content:''; display: block; width:0.6rem; height:2.6rem; border-radius: 1rem; background-color: var(--color-sub1); position: absolute; left:0; top:0.4rem; } 

@media (max-width: 1023px){
 .tb__scroll { position: relative; padding-top:25px; margin-top:-2rem; } 
.tb__scroll::after { content: ''; display: block; width:24px; height:24px; background:url('../images/common/ico_scrollx.gif') center top no-repeat; position: absolute; top:0; right:0; } 
.tb__scroll-inner { overflow-x:auto; padding-bottom:1rem; } 
.tb__scroll-inner::-webkit-scrollbar { height: 6px; background-color: #fff; } 
.tb__scroll-inner::-webkit-scrollbar-thumb { border: 1px solid transparent; background-color: var(--color-main); background-clip: content-box; } 
 }





.sub-content-wrap { --inout-padding:calc(var(--inner-padding) - var(--outer-padding)); } 
@media (max-width: 1540px){
 .sub-content-wrap { --inout-padding:var(--outer-padding); } 
 }


@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) { } 
/* 콘텐츠 공통 */
/* ===================================================== */


.woolin-cnt { margin-bottom: 20rem; } 

/* ===================================================== */
/* 0101_회사소개 : S */
.company .inner { display: flex; align-items: center; gap: 0 10rem;  overflow: hidden;} 
.company .inner .img-area { width: 40%; min-height: 630px; background: url(../images/sub/0101_img01.png) no-repeat 50% 50%; border-radius: 0 50px 50px 50px; padding: 6rem; } 
.company .inner .img-area h4 { font-size: 6rem; color: #fff; } 
.company .inner .img-area h4 span { display: block; } 
.company .inner .img-area h4 span.wt01 { font-weight: 700; } 
.company .inner .img-area h4 span.wt01 b { font-weight: 300; } 
.company .inner .img-area h4 span.wt02 { font-size: 3.5rem; font-weight: 700; margin-top: 1rem; } 
.company .inner .img-area h4 span.wt02 b { font-weight: 500; } 
.company .inner .desc-area { width: 60%; line-height: 1.6; font-weight: 600; } 
.company .inner .desc-area p { font-size: 2rem; margin-top: 4rem; } 
.company .inner .desc-area p:first-child { margin-top: 0; } 
.company .inner .desc-area p:last-child { margin-top: 4rem; color: #222; font-size: 2.4rem; font-weight: 700; position: relative; padding-top: 4rem; } 
.company .inner .desc-area p:last-child:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 1px; background-color: #ddd; } 
.company .inner .desc-area p:last-child:after { content: ""; position: absolute; left: 0; top: 0; width: 10%; height: 1px; background-color: #053266; } 
.company .inner .desc-area p b.blue { color: var(--color-main); font-weight: 700; } 
.company .inner .desc-area p b.black { color: #222; font-weight: 700; } 

@media (max-width: 1024px) {.company .inner { gap: 0 5rem; } 
.company .inner .desc-area p { font-size: 1.8rem; margin-top: 3rem; font-weight: 400; } 
 }
@media (max-width: 768px) {.company .inner { flex-direction: column; align-items: center; } 
.company .inner .img-area { width: 100%; min-height: 200px; background: url(../images/sub/0101_img01.png) no-repeat 60% 40%; border-radius: 0; padding: 6rem; } 
.company .inner .img-area h4 { text-align: center; } 
.company .inner .desc-area { width: 100%; margin-top: 4rem; text-align: center; } 
.company .inner .desc-area p:last-child:after { display: none; } 
 }
/* 0101_회사소개 : E */
/* ===================================================== */










/* ===================================================== */
/* 0102_조직도 : S */
.organization .organiz-top { padding-bottom: 1px; position: relative; } 
.organization .organiz-top::before { display: block; content: ''; width: 1px; height: 80%; background: #e3e3e3; position: absolute; bottom: 0; left: 50%; z-index: -1; } 
.organization .ceo { text-align: center; } 
.organization .ceo .desc { display: inline-flex; align-items: center; justify-content: center; width: 24rem; height: 10rem; border-radius: 15px; background: var(--color-main); font-size: 3.2rem; font-weight: 700; color: #fff; letter-spacing: 0.015em; position: relative; } 
.organization .ceo .desc:before { position: absolute; content: ""; width: 170px; height: 90px; background: url(../images/sub/organiz-ceo.png) no-repeat 50% 50%; } 
.organization .organiz-top .organiz-item { text-align: left; margin: 5rem 1rem 6rem 50%; position: relative; } 
.organization .organiz-top .organiz-item::before { display: block; content: ''; width: 25rem; height: 1px; background: #ddd; position: absolute; top: 50%; left: 0; z-index: -1; } 
.organization .organiz-top .organiz-item .desc { display: inline-block; margin-left: calc(11rem + 6.5rem); text-align: center; padding: 3rem; background: #f3f6f9; border: 1px solid #ddd; font-size: 2.4rem; font-weight: 700; color: #222; letter-spacing: 0.015em; border-radius: 15px; min-width: 20rem; } 
.organization .organiz-bottom { display: flex; justify-content: space-between; align-items: flex-start; padding-top: 5rem; position: relative; gap: 4rem; } 
.organization .organiz-item { width: 25%; } 
.organization .organiz-bottom::after { display: block; content: ''; width: 77%; height: 1px; background: #ddd; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } 
.organization .organiz-bottom .organiz-item::before { display: block; content: ''; width: 1px; height: 5rem; background: #ddd; position: absolute; top: 0; left: 11.5%; z-index: -1; } 
.organization .organiz-bottom .organiz-item:nth-of-type(2):before { left: 37%; } 
.organization .organiz-bottom .organiz-item:nth-of-type(3):before { left: 63%; } 
.organization .organiz-bottom .organiz-item:nth-of-type(4):before { left: 88.5%; } 
.organization .organiz-bottom .desc { padding: 8.5rem 1rem 4rem; background: #053266; font-size: 2.2rem; font-weight: 700; color: #fff; letter-spacing: 0.015em; position: relative; text-align: center; border-radius: 15px; } 
.organization .organiz-bottom .desc::after { display: block; content: ''; width: 60px; height: 60px; background: url(../images/sub/organiz-ico01.png) no-repeat center; position: absolute; top: 3rem; left: 50%; transform: translateX(-50%); } 
.organization .organiz-bottom .organiz-item:nth-child(2) .desc:after { background-image: url(../images/sub/organiz-ico02.png); } 
.organization .organiz-bottom .organiz-item:nth-child(3) .desc:after { background-image: url(../images/sub/organiz-ico03.png); } 
.organization .organiz-bottom .organiz-item:last-child .desc:after { background-image: url(../images/sub/organiz-ico04.png); } 
.organization .organiz-sub-list { padding-top: 4rem; position: relative; } 
.organization .organiz-sub-list::before { display: block; content: ''; width: 1px; height: 100%; background: #ddd; position: absolute; top: 0; left: 50%; z-index: -1; } 
.organization .organiz-sub-list span { display: block; padding: 2rem 1rem; border: 1px solid #ddd; background: #f3f6f9; font-size: 1.8rem; color: #222; letter-spacing: 0.015em; border-radius: 15px; text-align: center; } 
.organization .organiz-sub-list span+span { margin-top: 15px; } 

@media (max-width: 640px) {.organization .organiz-top .organiz-item .desc { margin-left: 11rem; } 
.organization .organiz-bottom { flex-direction: column; align-items: center; } 
.organization .organiz-item { width: 100%; } 
.organization .organiz-bottom .desc { padding: 10.5rem 2rem 6rem; } 
.organization .organiz-sub-list span { padding: 4rem 2rem; } 
.organization .organiz-bottom .organiz-item:nth-of-type(2):before,
.organization .organiz-bottom .organiz-item:nth-of-type(3):before,
.organization .organiz-bottom .organiz-item:nth-of-type(4):before,
.organization .organiz-bottom::after { display: none; } 
.organization .organiz-bottom .organiz-item::before { left: 50%; } 
.organization .organiz-top .organiz-item .desc { margin-left: 0; } 
.organization .organiz-top .organiz-item { margin: 5rem 0; text-align: center; } 
.organization .organiz-top .organiz-item::before { display: none; } 
 }
/* 0102_조직도 : E */
/* ===================================================== */










/* ===================================================== */
/* 0103_연혁 : S */
.history .inner { display: flex; column-gap: 18rem; } 
.history .left { position: relative; } 
.history .left .wrap { border-radius: 50px; position: sticky; top: 150px; align-self: start; align-content: start; } 
.history .right { width: 50%;  overflow: hidden;} 
.history .right h4 { color: #fff; font-size: 2.4rem; font-weight: 700; padding: 1.5rem; min-width: 17rem; background-color: #053266; text-align: center; border-radius: 50px; display: inline-block; } 
.history .right > ul > li { margin-top: 9rem; } 
.history .right > ul > li:first-child { margin-top: 0; } 
.history .right > ul > li > ul { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 2.5rem; margin-top: 2.5rem; } 
.history .right > ul > li > ul > li { display: flex; column-gap: 3rem; margin-top: 2rem; } 
.history .right > ul > li > ul > li:first-child { margin-top: 0; } 
.history .right > ul > li > ul > li h5 { color: #222; font-size: 2.4rem; font-weight: 700; width: 8rem; } 
.history .right > ul > li > ul > li p { font-size: 1.8rem; color: #666; line-height: 1.6; } 

@media (max-width: 1024px) {.history .inner { column-gap: 5rem; } 
.history .right > ul > li > ul > li h5 { width: unset; } 
@media (max-width: 768px) {.history .inner { flex-direction: column; align-items: center; } 
.history .left .wrap { display: flex; justify-content: center; } 
.history .left .wrap .img { width: 60%; } 
.history .right { width: 100%; margin-top: 7rem; } 
 } 
 }
/* 0103_연혁 : E */
/* ===================================================== */










/* ===================================================== */
/* 0105_ci : S */
.ci  {overflow: hidden;}
.ci .intro { text-align: center; } 
.ci .intro h4 { font-size: 4rem; color: #222; font-weight: 700; } 
.ci .intro p { font-size: 2rem; color: #666; line-height: 1.6; font-weight: 500; margin: 3rem 0 8rem; } 
.ci .motive { border: 1px solid #ddd; border-top-left-radius: 20px; border-top-right-radius: 20px; display: flex; justify-content: center; padding: 7rem 4rem; border-bottom: none; } 
.ci .sec02 { background-color: #f3f6f9; } 
.ci .sec02 .logo-area .top { border: 1px solid #ddd; border-top: none; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; background: url(../images/sub/0105_ci-img02.png) no-repeat; display: flex; justify-content: center; padding: 13rem 4rem; } 
.ci .sec02 .logo-area .bottom { padding: 10rem 0 20rem; display: flex; column-gap: 7rem; } 

@media (max-width: 640px) {.ci .sec02 .logo-area .bottom { flex-direction: column; row-gap: 3rem; } 
 }
/* 0105_ci : E */
/* ===================================================== */










/* ===================================================== */
/* 0106_오시는길 : S */
.directions { position: relative; } 
.directions-map { height: 65rem; } 
.directions-map .item { height: 100%; position: relative; } 
.directions-map .item iframe { width: 100%; height: 100%; border: 0; aspect-ratio: 16 / 5; position: relative; z-index: 1; } 
.directions .info-box { position: absolute; bottom: -85px; background-color: var(--color-main); z-index: 1000; width: 100%; display: flex; border-radius: 0 15px 15px 15px; } 
.directions .info-box .box01 { background-color: #044276; padding: 4.5rem; border-radius: 0 15px 0 15px; width: 40%; } 
.directions .info-box .box01 h4 { color: #009ade; font-weight: 800; font-size: 2rem; font-family: "Montserrat"; letter-spacing: 1rem; margin-bottom: 2.5rem; padding-bottom: 2.5rem; position: relative; } 
.directions .info-box .box01 h4:after { position: absolute; width: 114%; height: 1px; content: ""; background-color: rgb(255, 255, 255, .1); left: 0; bottom: 0; } 
.directions .info-box .box01 p { font-size: 1.8rem; font-weight: 700; color: #fff; } 
.directions .info-box .box02 { width: 100%; padding: 6rem 4rem; display: flex; align-items: center; } 
.directions .info-box .box02 ul { display: flex; column-gap: 3rem; flex-direction: column; row-gap: 2rem;} 
.directions .info-box .box02 ul li { display: flex; align-items: center; column-gap: 1rem; } 
.directions .info-box .box02 ul li h5 { background-color: #164a86; color: var(--color-main); font-size: 1.7rem; font-weight: 800; padding: 1rem 2rem; border-radius: 50px; } 
.directions .info-box .box02 ul li a { color: #fff; font-family: "Montserrat"; font-weight: 500; font-size: 1.8rem; } 
.directions .info-box .box02 .fax a { cursor: text; pointer-events: none; } 

@media (max-width: 1024px) {.directions .info-box .box02 ul { flex-direction: column; row-gap: 1rem; } 
 }
@media (max-width: 574px) {.directions .info-box { flex-direction: column; } 
.directions .info-box { border-radius: 15px; position: relative; bottom: -30px; } 
.directions .info-box .box01 { width: 100%; border-radius: 15px 15px 0 0; } 
 }
/* 0106_오시는길 : E */
/* ===================================================== */










/* ===================================================== */
/* 0200_(공통) : S */
.business {overflow: hidden;}
.business > ul > li { display: flex; align-items: center; } 
.business ul li > * { width: 50%; } 
.business ul li .desc { padding-left: 10rem; } 
.business ul li:nth-child(2) .desc { padding-right: 10rem; } 
.business ul li .desc h4 { font-size: 4.4rem; font-weight: 800; color: #053266; padding-bottom: 5rem; margin-bottom: 5rem; position: relative; } 
.business ul li .desc h4:before { position: absolute; content: ""; width: 100%; height: 1px; background-color: #ddd; bottom: 0; } 
.business ul li .desc h4:after { position: absolute; content: ""; width: 10%; height: 1px; background-color: #053266; bottom: 0; left: 0; } 
.business ul li .desc p { font-size: 1.8rem; font-weight: 600; color: #666; line-height: 1.5; } 
.business ul li:nth-child(1) .img { border-radius: 50px 50px 0 50px; } 
.business ul li:nth-child(2) .img { border-radius: 0 50px 50px 0; } 
.business ul li:nth-child(3) .img { border-radius: 50px 0 50px 50px; } 
.business ul li #img { border-radius: 0 50px 50px 50px; } 
.business ul li .img,
.business ul li #img { overflow: hidden; } 
.business ul li .img img,
.business ul li #img img { display: block; } 
.business ul li .desc .list { margin-top: 4.5rem; } 
.business ul li .desc .list h5 { margin-bottom: 2rem; font-size: 2.2rem; font-weight: 700; color: #222; } 
.business ul li .desc .list ul li { color: #444; font-size: 1.6rem; } 
.business ul li .desc .list ul li { margin-top: 1.2rem; padding-left: 2.6rem; position: relative; } 
.business ul li .desc .list ul li:before { position: absolute; content: ""; width: 20px; height: 20px; background: url(../images/sub/0204_ico-check.png) no-repeat; left: 0; top: 0; } 
.business ul li .desc .list ul li:first-child { margin-top: 0; } 

@media (max-width: 1280px) {.business ul li .desc h4 { font-size: 3.4rem; } 
 }
@media (max-width:1024px) {.business ul li .desc { padding-left: 5rem; } 
.business ul li:nth-child(2) .desc { padding-right: 5rem; } 
.business ul li .desc h4 { padding-bottom: 3rem; margin-bottom: 3rem; font-size: 3.4rem; } 
.business ul li .desc .list ul li:before { background-size: contain; width: 15px; height: 15px; top: 1px; } 
 }
@media (max-width:700px) {.business ul li { flex-direction: column; } 
.business ul li > * { width: 100%; } 
.business ul li:nth-child(1) .img,
.business ul li:nth-child(2) .img,
.business ul li:nth-child(3) .img,
.business ul li #img { border-radius: 30px; } 
.business ul li .desc { padding-left: 0; padding-top: 3rem; } 
.business ul li { margin-top: 7rem; } 
.business ul li:first-child { margin-top: 0; } 
.business ul li:nth-child(2) { flex-direction: column-reverse; } 
 }
/* 0200_(공통) : E */
/* ===================================================== */










/* ===================================================== */
/* 0202_스마트팩토리 : S */
.business02 {overflow: hidden;}
.business02 .tit { color: #222; font-size: 3.2rem; font-weight: 700; margin-bottom: 3rem; } 
.business02 .sec01 .desc { border: 10px solid #dcdcdc; border-radius: 50px; padding: 10rem; } 
.business02 .img-area { background-color: #f6f6f6; padding: 9rem 3rem; display: flex; justify-content: center; } 
.business02 .img-area img:last-child { display: none; } 
.business02 .img-area:nth-child(2) { margin: 12rem 0; position: relative; } 
.business02 .img-area:nth-child(2):before { position: absolute; content: ""; top: -100px; left: 50%; transform: translateX(-50%); width: 67px; height: 77px; background: url(../images/sub/0202_ico-arrow.png) no-repeat; } 
.business02 .custom-table { width: 100%; border-collapse: collapse; text-align: center; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; } 
.business02 .custom-table thead th { background: #666; color: #fff; border: 1px solid #ddd; padding: 2rem; font-size: 2rem; } 
.business02 .custom-table tbody td { background: #fff; border: 1px solid #ddd; border-left: none; padding: 2rem; font-size: 1.6rem; color: #666; } 
.business02 .custom-table tbody td:first-child { background-color: #f6f6f6; font-size: 1.8rem; color: #222; } 
.business02 .custom-table tbody td:last-child { border-right: none; } 
.business02 .custom-table tbody { border-bottom: 1px solid #ddd; } 
.business02 .sec02 { margin: 20rem 0; } 
.business02 .sec02 .desc { background-color: #f3f6f9; padding: 13rem 0; display: flex; justify-content: center; } 
.business02 .sec02 .desc .img img:last-child { display: none; } 
.business02 .sec03 .desc h5 { font-size: 2.4rem; color: #053266; font-weight: 700; text-align: center; margin-bottom: 2.5rem; } 
.business02 .sec03 .desc > .img { padding-bottom: 8rem; margin-bottom: 8rem; border-bottom: 1px solid #ddd; } 
.business02 .sec03 .desc .bottom { display: flex; justify-content: space-between; align-items: flex-end; column-gap: 4rem; } 
.business02 .sec03 .desc .bottom .table-area { border: 1px solid #ddd; padding: 8rem 5rem; border-radius: 20px; width: 45%; margin-bottom: 10rem; position: relative; display: flex; justify-content: center; } 
.business02 .sec03 .desc .bottom .table-area:before { position: absolute; left: 50%; top: -55px; transform: translateX(-50%); content: ""; width: 110px; height: 110px; background: url(../images/sub/0202_ico-check.png) no-repeat; } 
@media (max-width:1024px){
 .business02 .sec03 .desc > .img { width: 100%; overflow-x: scroll; } 
 .business02 .sec03 .desc > .img img { min-width: 1024px; } 
 .business02 .sec03 .desc .bottom { flex-direction: column; align-items: center; row-gap: 20rem; } 
 .business02 .sec03 .desc .bottom .table-area { width: 100%; overflow-x: unset; } 
 .business02 .sec03 .desc .bottom .table-area .custom-table { min-width: unset; } 
 }
@media (max-width:768px) {.business02 .img-area img:last-child { display: block; } 
.business02 .img-area img:first-child,
.business02 .sec02 .desc .img img:first-child { display: none; } 
.business02 .sec01 .desc { padding: 6rem; } 
.business02 .sec02 .desc .img img:last-child { display: block; } 
.business02 .img-area { padding: 5rem; } 
.business02 .img-area:nth-child(2):before { top: -85px; } 
.business02 .table-area { width:100%; overflow-x: scroll; } 
.business02 .table-area .custom-table { min-width: 768px; } 
 }
/* 0202_스마트팩토리 : E */
/* ===================================================== */










/* ===================================================== */
/* 0206_사업실적 : S */
.business03.inner { display: flex; column-gap: 12rem; overflow: hidden;} 
.business03 .tit { width: 20%; } 
.business03 .tit h4 { font-size: 2rem; font-weight: 800; color: #222; position: relative; padding-top: 136px; letter-spacing: 5px; font-family: "Montserrat"; } 
.business03 .tit h4:before { position: absolute; content: ""; left: 0; top: 0; width: 102px; height: 96px; background: url(../images/sub/0206_ico01.png) no-repeat; } 
.business03 .modal-area { width: 80%; } 
.business03 ul.item-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 100px 80px; } 
.business03 ul.item-list li { padding: 2rem; text-align: center; cursor: pointer; transition: all 0.3s ease; min-height: 27rem; display: flex; justify-content: center; align-items: center; color: #053266; font-family: "Montserrat"; font-size: 3.5rem; font-weight: 700; background: url(../images/sub/0206_img01.jpg) no-repeat 50% 50%; position: relative; box-shadow: 10px 12px 20px rgba(0, 0, 0, 0.15); } 
.business03 ul.item-list li:before { position: absolute; content: ""; inset: 15px; border: 1px solid rgba(0, 200, 255, 0.8); transition: opacity 0.3s ease; opacity: 0; } 
.business03 ul.item-list li:after { position: absolute; content: ""; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; background: url(../images/sub/0206_ico02.png) no-repeat; opacity: 0; bottom: 9rem; } 
.business03 ul.item-list li span { transition: .3s; } 
.business03 ul.item-list li:hover { background: url(../images/sub/0206_img01-hover.jpg) no-repeat 50% 50%; color: #fff; } 
.business03 ul.item-list li:hover span { margin-bottom: 5rem; } 
.business03 ul.item-list li:hover:before,
.business03 ul.item-list li:hover:after { opacity: 1; } 
.business03 .hidden-content { display: none; } 
.business03 .modal-dim { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.7); z-index: 900; } 
.business03 .modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 46vw; height: 80vh; overflow-y: auto; background: url(../images/sub/0206_img-modal.jpg) no-repeat 50% 50%; box-shadow: 0 0 20px rgba(0,0,0,0.3); z-index: 1000; } 
.business03 .modal body { height: 100vh; height: calc(var(--vh, 1vh) * 100);  } 
.business03 .modal h3 { margin: 4rem 0 2rem 8rem; font-size: 7rem; font-weight: 700; font-family: "Montserrat"; color: var(--color-main); } 
.business03 .modal-body ul { background-color: #fff; padding: 6rem 3rem 6rem 6rem; margin-right: 5rem; border-radius: 0 25px 25px 0; } 
.business03 .modal-body ul li { font-size: 1.8rem; color: #222; font-weight: 700; position: relative; padding-left: 1.4rem; margin-top: 1.7rem; } 
.business03 .modal-body ul li:first-child { margin-top: 0; } 
.business03 .modal-body ul li:before { position: absolute; content: ""; width: 5px; height: 5px; background-color: #053266; border-radius: 50%; top: 7px; left: 0; } 
.business03 .close-btn { position: absolute; top: 6.5rem; right: 5rem; background: none; cursor: pointer; } 

@media (max-width: 1280px){
 .business03 ul.item-list { gap: 70px 60px; } 
 }
@media (max-width: 1024px){
 .business03 ul.item-list { grid-template-columns: repeat(3, 1fr); gap: 50px 40px; } 
.business03 .modal { width: 70vw; } 
.business03.inner { column-gap: 10rem; } 
 }
@media (max-width: 768px){
 .business03 .close-btn { top: 6rem; } 
 }
@media (max-width: 640px){
 .business03 .modal-area,
 .business03 .tit { width: 100%; } 
 .business03 .tit { text-align: center; margin-bottom: 5rem; } 
 .business03 .tit h4 { padding-top: 100px; } 
 .business03 .tit h4:before { left: 50%; transform: translateX(-50%); width: 82px; height: 76px; background-size: contain; } 
 .business03 ul.item-list { grid-template-columns: repeat(3, 1fr); gap: 50px 40px; } 
.business03.inner { column-gap: 10rem; flex-direction: column; align-items: center; } 
.business03 .modal { width: 80vw; } 
 }
@media (max-width: 480px){
.business03 .modal { width: 90vw;}
.business03 ul.item-list { grid-template-columns: repeat(2, 1fr); gap: 30px 20px; } 
.business03 .modal-body ul li { font-weight: 500; } 
.business03 .close-btn { top: 5.5rem; } 
 }
/* 0206_사업실적 : E */
/* ===================================================== */













/* ===================================================== */
/* 0401_인재상 : S */
.talent { padding-bottom: 20rem;  overflow: hidden;} 
.talent .tit { color: #222; font-size: 5rem; font-weight: 800; position: relative; padding-bottom: 8rem; text-align: center; margin-bottom: 4rem; } 
.talent .tit:after { position: absolute; left: 50%; bottom: 0; content: ""; width: 1px; height: 47px; background-color: #222; } 
.talent .list { position: relative; } 
.talent .list:before { position: absolute; left: 0; top: 0; content: ""; width: 100%; min-height: 25rem; background: url(../images/sub/0401_img01.png) no-repeat; } 
.talent .list ul { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 7rem; position: relative; top: 13rem; } 
.talent .list li { width: 18%; position: relative; } 
.talent .list li:after { position: absolute; left: 50%; top: 60%; transform: translate(-50%, -50%); content: ""; width: 6px; height: 35px; background: url(../images/sub/0401_circle.png) no-repeat; } 
.talent .list li .box { background-color: #fff; position: relative; padding: 6rem 3rem; border-radius: 30px; min-height: 21.5rem; width: 100%; box-shadow: 0 2px 50px rgba(0, 0, 0, 0.2); } 
.talent .list li .box:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 72px; height: 67px; background: url(../images/sub/0401_ico01.png) no-repeat; } 
.talent .list li:nth-child(2) .box:after { width: 67px; height: 67px; background: url(../images/sub/0401_ico02.png) no-repeat; } 
.talent .list li:nth-child(3) .box:after { width: 68px; height: 68px; background: url(../images/sub/0401_ico03.png) no-repeat; } 
.talent .list li:nth-child(4) .box:after { width: 56px; height: 56px; background: url(../images/sub/0401_ico04.png) no-repeat; } 
.talent .list li p { margin-top: 14rem; font-size: 2rem; color: #222; font-weight: 700; line-height: 1.6; text-align: center; } 

@media (max-width:1024px){
.talent .list ul { column-gap: 4rem; } 
.talent .list ul li { width: 20%; } 
.talent .list li .box:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 62px; height: 57px; background: url(../images/sub/0401_ico01.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(2) .box:after { width: 57px; height: 57px; background: url(../images/sub/0401_ico02.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(3) .box:after { width: 58px; height: 58px; background: url(../images/sub/0401_ico03.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(4) .box:after { width: 46px; height: 46px; background: url(../images/sub/0401_ico04.png) no-repeat; background-size: contain; } 
 }
@media (max-width:768px){
.talent .list ul { column-gap: 3rem; } 
.talent .list li .box:after { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); content: ""; width: 52px; height: 47px; background: url(../images/sub/0401_ico01.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(2) .box:after { width: 47px; height: 47px; background: url(../images/sub/0401_ico02.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(3) .box:after { width: 48px; height: 48px; background: url(../images/sub/0401_ico03.png) no-repeat; background-size: contain; } 
.talent .list li:nth-child(4) .box:after { width: 36px; height: 36px; background: url(../images/sub/0401_ico04.png) no-repeat; background-size: contain; } 
 }
@media (max-width:640px){
 .talent .list ul li { width: 100%; display: flex; justify-content: space-between; align-items: center; } 
.talent .list li p { margin-top: 0; width: 30%; text-align: left; } 
.talent .list li .box { width: 50%; } 
.talent .list:before { display: none; } 
.talent .list ul { top: 0; row-gap: 3rem; } 
.talent .list li:after { left: 60%; top: 40%; transform: translate(-50%, -50%); transform: rotate(90deg); content: ""; } 
 }
/* 0401_인재상 : E */
/* ===================================================== */










/* ===================================================== */
/* 0402_채용절차 : S */
.recruitment {overflow: hidden;}
.recruitment .tit { text-align: center; border-bottom: 2px solid #222; padding-bottom: 13rem; margin-bottom: 12rem; position: relative; } 
.recruitment .tit:after { position: absolute; left: 50%; bottom: -80px; transform: translateX(-50%); content: ""; width: 160px; height: 160px; background: url(../images/sub/0402_ico01.png) no-repeat; } 
.recruitment .tit h4 { font-size: 5rem; font-weight: 800; color: #222; margin-bottom: 3rem; } 
.recruitment .tit p { font-size: 2.2rem; color: #666; font-weight: 600; line-height: 1.5; } 
.recruitment .desc h5 { font-size: 3rem; font-weight: 800; color: #222; margin-bottom: 2rem; } 
.recruitment .desc > ul > li { margin-top: 7rem; } 
.recruitment .desc > ul > li:last-child { margin-top: 3rem; } 
.recruitment .desc > ul > li > ul > li { font-size: 1.8rem; font-weight: 600; color: #666; position: relative; margin-top: 1rem; padding-left: 1.2rem; line-height: 1.5; } 
.recruitment .desc > ul > li > ul > li:first-child { margin-top: 0; } 
.recruitment .desc > ul > li > ul > li:before { width: 5px; height: 5px; position: absolute; left: 0; top: 11px; background-color: #222; border-radius: 50%; content: ""; } 
.recruitment .desc > ul > li .process { display: grid; grid-template-columns: repeat(4, 1fr); column-gap: 10rem; margin-top: 4rem; } 
.recruitment .desc > ul > li .process .item { background-color: #e9eef2; padding: 3.5rem 2rem 7.5rem; border-radius: 20px; display: flex; flex-direction: column; align-items: center; position: relative; } 
.recruitment .desc > ul > li .process .item:after { position: absolute; content: ""; right: -80px; top: 50%; transform: translateY(-50%); width: 57px; height: 15px; background: url(../images/board/0403_view-process-arw.png) no-repeat; } 
.recruitment .desc > ul > li .process .item:last-child:after { display: none; } 
.recruitment .desc > ul > li .process .item b { font-size: 1.7rem; font-weight: 800; text-decoration: 2px underline; text-underline-offset: 2px; margin-bottom: 1rem; color: #053266; } 
.recruitment .desc > ul > li .process .item h6 { font-size: 2.5rem; color: var(--color-main); font-weight: 700; margin-bottom: 3rem; } 
.recruitment .desc > ul > li .process .item .ico { background-color: #fff; padding: 3rem; min-height: 13rem; width: 70%; border-radius: 15px; margin-bottom: 4.5rem; position: relative; } 
.recruitment .desc > ul > li .process .item .ico:after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); background: url(../images/board/0403_view-ico01.png) no-repeat; width: 57px; height: 58px; } 
.recruitment .desc > ul > li .process .item:nth-child(2) .ico:after { background: url(../images/board/0403_view-ico02.png) no-repeat; width: 67px; height: 58px; } 
.recruitment .desc > ul > li .process .item:nth-child(3) .ico:after { background: url(../images/board/0403_view-ico03.png) no-repeat; width: 68px; height: 56px; } 
.recruitment .desc > ul > li .process .item:nth-child(4) .ico:after { background: url(../images/board/0403_view-ico04.png) no-repeat; width: 74px; height: 67px; } 
.recruitment .desc > ul > li .process .item p { font-size: 1.8rem; color: #666; text-align: center; line-height: 1.5; } 
.recruitment .desc > ul > li .process .item p strong { font-size: 2rem; font-weight: 800; color: #4c7ca3; } 
.recruitment .desc > ul > li .info-box { background-color: #e9eef2; padding: 5rem; display: flex; column-gap: 8rem; border-radius: 10px; } 
.recruitment .desc > ul > li .info-box header { color: #222; font-size: 1.8rem; font-weight: 700; } 
.recruitment .desc > ul > li .info-box a { color: var(--color-main); font-size: 2.5rem; font-weight: 700; font-family: "Montserrat"; } 
.recruitment .desc > ul > li .info-box > div { position: relative; padding-left: 7rem; } 
.recruitment .desc > ul > li .info-box > .tel,
.recruitment .desc > ul > li .info-box > .fax { padding-left: 8rem; } 
.recruitment .desc > ul > li .info-box > .fax a { cursor:auto; pointer-events: none; } 
.recruitment .desc > ul > li .info-box > .rank:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 49px; height: 62px; background: url(../images/board/0403_view-ico05.png) no-repeat; } 
.recruitment .desc > ul > li .info-box > .tel:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 62px; height: 62px; background: url(../images/board/0403_view-ico06.png) no-repeat; } 
.recruitment .desc > ul > li .info-box > .fax:before { position: absolute; content: ""; left: 0; top: 50%; transform: translateY(-50%); width: 62px; height: 62px; background: url(../images/sub/0402_ico02.png) no-repeat; } 

@media (max-width: 1280px){
 .recruitment .desc > ul > li > ul > li:before { width: 4px; height: 4px; top: 9px; border-radius: 100%; } 
 }
@media (max-width: 1024px){
 .recruitment .desc > ul > li .process { column-gap: 5rem; } 
.recruitment .desc > ul > li .process .item:after { background-size: contain; width: 37px; height: 5px; right: -50px; } 
.recruitment .desc > ul > li .process .item .ico:after { background-size: contain; width: 37px; height: 38px; } 
.recruitment .desc > ul > li .process .item:nth-child(2) .ico:after { background-size: contain; width: 57px; height: 38px; } 
.recruitment .desc > ul > li .process .item:nth-child(3) .ico:after { background-size: contain; width: 48px; height: 36px; } 
.recruitment .desc > ul > li .process .item:nth-child(4) .ico:after { background-size: contain; width: 54px; height: 47px; } 
.recruitment .desc > ul > li .info-box { column-gap: 4rem; } 
.recruitment .tit:after { background-size: contain; width: 140px; height: 140px; } 
 }
@media (max-width: 768px){
.recruitment .desc > ul > li .process { column-gap: 3rem; } 
.recruitment .desc > ul > li .process .item .ico { width: 80%; } 
.recruitment .desc > ul > li .process .item:after { right: -40px; } 
.recruitment .desc > ul > li .info-box { flex-direction: column; row-gap: 7rem; } 
.recruitment .desc > ul > li .info-box > .tel:before,
.recruitment .desc > ul > li .info-box > .fax:before { background-size: contain; width: 52px; height: 52px; } 
.recruitment .desc > ul > li .info-box > .rank:before { background-size: contain; width: 39px; height: 52px; } 
.recruitment .tit:after { width: 120px; height: 120px; bottom: -65px; } 
 }
@media (max-width: 640px){
.recruitment .desc > ul > li .process { grid-template-columns: repeat(2, 1fr); row-gap: 3rem; } 
.recruitment .desc > ul > li .process .item { padding: 3.5rem 2rem 4rem; } 
.recruitment .desc > ul > li .process .item .ico { width: 50%; } 
.recruitment .desc > ul > li .process .item:after { display: none; } 
 }
@media (max-width: 480px){
.recruitment .desc > ul > li .process { grid-template-columns: repeat(1, 1fr); } 
.recruitment .desc > ul > li .process .item .ico { width: 30%; } 
.recruitment .desc > ul > li > ul > li:before { top: 6px; } 
.recruitment .desc > ul > li .info-box > .tel:before,
.recruitment .desc > ul > li .info-box > .fax:before { width: 42px; height: 42px; } 
.recruitment .desc > ul > li .info-box > .rank:before { width: 29px; height: 42px; } 
 }
/* 0402_채용절차 : E */
/* ===================================================== */