@charset "utf-8";
.foundation-guide{}
.foundation-guide .inquiry{}
.foundation-guide .inquiry .form-box h4{ font-size: 30px;font-weight: bold;margin-top:60px}
.foundation-guide .inquiry .form-box h4 span{font-weight:500;}
.foundation-guide .inquiry .form-box dl{border-top:2px solid #202020;margin-top:20px;}
.foundation-guide .inquiry .terms-box{margin-top:20px;}
.foundation-guide .inquiry .top-box{margin-top:60px;}
.bg_box { background:#F7F6F2; padding: 80px 0}

/* 공통 */
h3.tith3 { text-align: center; font-size: 52px; font-weight: 700; margin-bottom: 50px}
h4.tith4 { font-size:34px;font-weight:700;padding-left:20px;position:relative;margin-bottom:30px;}
h4.tith4:before {content:"";display:block;width:6px;height:30px;border-radius:6px;background:#0D2D65;position:absolute;top:50%;left:0;transform:translateY(-50%);}

.tb-all {border-collapse:collapse; font-size: 18px; border-bottom: 2px solid #000 !important}
.tb-all caption { font-size: 0}
.tb-all thead { border-top: 2px solid #000; }
.tb-all thead th { padding: 15px; font-size: 20px; font-weight: 600; color: #000; border-bottom: 1px solid #000 !important; border:1px solid #d9d9d9;}
.tb-all tbody th { color: #333; font-weight: 600}
.tb-all tbody th,.tb-all tbody td { padding:15px; border:1px solid #d9d9d9; text-align: center;}
.tb-all th:first-child,
.tb-all td:first-child {border-left:0;}

.tb-all th:last-child,
.tb-all td:last-child {border-right:0;}

.tb-sctxt { display: flex;align-items: center; justify-content: space-between;}
.tb-sctxt span { display: inline-block; font-size: 18px; font-weight: 400; text-align: right;}
.t-red { background: #FCF4EE}
.t-gray { background: #F3F5F7}
.t-dark { background: #F1F1F1}

.tab-type1 { margin-bottom: 50px}
.tab-type1 ul { display: flex; text-align: center; gap:10px}
.tab-type1 ul li { flex: 1; }
.tab-type1 ul li a { display: block; border-radius: 10px; font-size:19px; color: #202020; padding: 20px 0; background: #F3F5F7}
.tab-type1 ul li.on a{ font-weight: 600; color: #fff; background: #202020}
.tab-type1 ul li:hover a { background: #e9edf0}
.tab-type1 ul li.on:hover a { background: #000}

.tab-type2 { margin-bottom: 50px}
.tab-type2 ul { display: flex; text-align: center; gap:0}
.tab-type2 ul li { flex: 1; }
.tab-type2 ul li a { display: block; font-weight: 500;font-size: 20px; color: #787878; padding:15px 0; background: #fff; border-bottom: 2px solid #ccc}
.tab-type2 ul li a span { position: relative; }
.tab-type2 ul li.on a{ font-weight: 600; font-weight: bold; color: #0D2D65; background: #fff; border-bottom: 2px solid #0D2D65}
/* .tab-type2 ul li.on a span::before { content: ""; width: 7px; height: 7px; position: absolute; display: block; background:#0D2D65; border-radius: 99px; right: -12px; transition: all 0.2s; top: 0} */
.tab-type2 ul li:hover a { font-weight: bold; border-bottom: 2px solid #aaa; color: #727272; }
.tab-type2 ul li.on:hover a { border-bottom: 2px solid #000E27;color:#2A549F; }
/* .tab-type2 ul li.on:hover a span::before { content: ""; width: 7px; height: 7px; position: absolute; display: block; background:#0D2D65; border-radius: 99px; right: -12px; top: -8px; } */

/* tablet */
@media all and (max-width:1280px) {
h3.tith3 { font-size:46px }
h4.tith4 { font-size:34px }
.tab-type1 ul li a { font-size: 18px;}
}

/* tablet */
@media all and (max-width:1024px) {
h3.tith3 { font-size:36px; margin-bottom: 40px}
h4.tith4 { font-size:30px }
.tab-type1 ul { flex-wrap:wrap;}
.tab-type1 ul li { flex:0 0 calc(33% - 5px);}
.tab-type1 ul li a { font-size: 15px; padding: 14px 0;}
}

/* tablet */
@media all and (max-width:768px) {
h3.tith3 { font-size:32px; margin-bottom: 35px}
h4.tith4 { font-size:22px;padding-left: 17px; }
h4.tith4:before { height: 100%; width: 4px;}
.tab-type1 ul li { flex:0 0 calc(50% - 5px);}
.tab-type1 ul li a { font-size: 15px; padding: 10px 0;}
}

@media all and (max-width:768px){
.navi-menu .layout {display:flex;flex-wrap:wrap;}
.navi-menu .layout a {flex:1 0 33.333%;text-align:center;padding:14px 0;}
.navi-menu .layout a:nth-child(n+4) {flex:1 0 50%;}
}

/* 미디어센터 */
.prlibrary { }
.prlibrary .pr-box { display: flex; margin-top:100px;gap: 120px; align-items: center;}
.prlibrary .pr-box .pr-img { position: relative;}
.prlibrary .pr-box .pr-img::before { content: ""; width: 100%; display: block; height: 100%; background:#E9E9E9; top:12px; left: 15px; position: absolute; z-index: -1}
.prlibrary .pr-box .pr-txt { }
.prlibrary .pr-box .pr-txt strong { color: #0D2D65; font-size: 40px;}
.prlibrary .pr-box .pr-txt strong span { display: block; color: #787878; font-size: 20px}
.prlibrary .pr-box .pr-txt p { font-size: 22px; display: block; margin: 40px 0 80px; font-weight: 500; word-break: keep-all;}
.prlibrary .pr-box .pr-txt .pr-file { display: flex; gap: 20px}
.prlibrary .pr-box .pr-txt .pr-file a {flex: 1; background: #202020; border-radius: 99px; font-size: 18px; display: inline-block; border: 1px solid #202020; color: #fff; text-align: center; padding:15px 0;}
.prlibrary .pr-box .pr-txt .pr-file a:last-child { background: #fff; border: 1px solid #202020; color: #202020}
.prlibrary .pr-box .pr-txt .pr-file a:hover { font-weight: bold;}


/* tablet */
@media all and (max-width:1280px) {
    .prlibrary .pr-box { gap:80px }
    .prlibrary .pr-box .pr-txt strong { font-size: 32px;}
    .prlibrary .pr-box .pr-txt p { font-size: 20px}

}

/* mobile */
@media all and (max-width:1024px) {
    .prlibrary .pr-box { gap:40px }
    .prlibrary .pr-box .pr-txt strong { font-size: 26px;}
    .prlibrary .pr-box .pr-txt p { font-size: 17px}
    .prlibrary .pr-box .pr-txt .pr-file a { font-size: 15px}
}


/* mobile */
@media all and (max-width:768px) {
    .prlibrary .pr-box {flex-direction: column; margin-top: 0}
    .prlibrary .pr-box .pr-txt p { font-size: 16px; margin:20px 0 40px}
    .prlibrary .pr-box .pr-img::before { top: 7px; left: 10px}
    .prlibrary .pr-box .pr-txt strong span { font-size:15px }
    .prlibrary .pr-box .pr-txt .pr-file { gap:10px; }
    .prlibrary .pr-box .pr-txt .pr-file a { padding: 13px 0;}
}



/* 회사소개 */
/* 경영이념, 연혁 */
.company { }
.company .abtit { color: #0D2D65; font-size: 20px; font-weight: bold; display: block; margin-bottom: 15px}
.company h4 { font-size: 50px; font-weight: bold; margin-bottom: 40px; line-height: 1.2; word-break: keep-all;}
.company h4 em { display: block; font-size: 30px; color: #CCCCCC; margin-top:10px; font-weight: 600;}
.company .about01 { display: flex; justify-content: space-between; margin-bottom: 160px}
.company .about01 p { font-size: 19px; }
.company .about01 p em { font-size:23px; display:block;line-height: 1.3; font-weight: 500; margin-top: 20px}
.company .about02 { display: flex; justify-content: space-between; gap:100px; margin-bottom: 160px}
.company .about02 .vision-list {  }
.company .about02 .vision-list div { margin-bottom: 45px}
.company .about02 .vision-list div:last-child { margin-bottom: 0}
.company .about02 .vision-list span { position: relative;}
.company .about02 .vision-list span::before { content: ""; display: block; position: absolute; left: 0; width: 5px; height: 100%; background: #0D2D65}
.company .about02 .vision-list span em { color: #CCCCCC; display: block;font-size: 17px; font-weight: 500; padding-left: 20px;}
.company .about02 .vision-list span strong { display: block; color: #0D2D65; font-size: 34px; padding-left: 20px; line-height: 1.2;}
.company .about02 .vision-list p { margin-top: 20px; font-size: 17px;}
.company .about03 {}
.company .about03 ul {display:flex;justify-content:space-between;gap:0;margin:0;padding:0;list-style:none;}
.company .about03 ul li {flex:1;aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;}
.company .about03 ul li::before{content:"";position:absolute;inset:0;border:1px solid #1c3f8f;border-radius:50%;}
.company .about03 ul li strong {display:block;font-size:32px;font-weight:700;color:#0b2c63;letter-spacing:-0.5px;margin-bottom:14px;position:relative;z-index:1;}
.company .about03 ul li span {display:block;font-size:16px;font-weight:400;color:#444;line-height:1.4;position:relative;z-index:1;}

.company .history{}
.company .history .box{position:relative;margin-top:120px;}
.company .history .box:before{content: "";position: absolute;left:50%;top:0;transform:translateX(-50%);width:2px;height:100%;background: #ccc;}
.company .history .box .bullet{position:absolute;display: inline-block;bottom: -21px;left: -24px;width:50px;height:50px;transition: all 0.4s;}
.company .history .box .bar{content: "";position: absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:1px;background: #2e3191;z-index: 10;transition: all 0.4s;}
.company .history .box .bullet img{display: block;}
.company .history .box .inner{display: flex;}
.company .history .box .inner + .inner{margin-top:100px;}
.company .history .box .inner > div{flex:1;max-width:50%;}
.company .history .box .l-cont{}
.company .history .box .l-cont .img-box{}
.company .history .box .l-cont .img-box h3{font-size: 60px;font-weight: bold;color: #000;}
.company .history .box .l-cont .img-box figure{margin-top:20px;}
.company .history .box .l-cont .img-box figure img{display: block;}
.company .history .box .l-cont .img-box figure figcaption{margin-top:5px;display:block;font-size: 16px;font-weight: 500;color: #787878;}
.company .history .box .l-cont #player-container{max-width:620px;height:350px;}
.company .history .box .l-cont #player-container iframe{display: block;width:100% !important;height:100% !important;}
.company .history .box .r-cont{position: relative;padding-left: 85px;}
.company .history .box .r-cont ul{}
.company .history .box .r-cont ul li{}
.company .history .box .r-cont ul li + li{}
.company .history .box .r-cont ul li h3{font-size: 54px;font-weight: bold;line-height: 1.3;color: #202020;margin-bottom: 30px;}
.company .history .box .r-cont ul li p{}
.company .history .box .r-cont ul li p + p{margin-top:40px;}
.company .history .box .r-cont ul li p em{display: block; font-size: 34px;font-weight: 600;color: #202020;margin-bottom: 10px;}
.company .history .box .r-cont ul li p span{position: relative;display: block;font-size: 18px;font-weight: 500;line-height: 1.4; color: #202020;  margin-bottom:20px;}
/* .company .history .box .r-cont ul li p span:before{content: "";position: absolute;top:19px;left: 0;width:3px;height:3px;border-radius: 100%;background: #202020;} */
.company .history .box .r-cont ul li p span strong { font-weight: 600; margin-right: 10px; color: #2e3191;}
.company .history .box .r-cont .txt-box{}
.company .history .box .r-cont .txt-box h3{font-size: 54px;font-weight: bold;line-height: 1.3;color: #202020;}
.company .history .box .r-cont .txt-box p{position: relative;margin-top:40px;padding-left: 16px; font-size: 20px;font-weight: 500;line-height: 2;color: #202020;}
.company .history .box .r-cont .txt-box p:before{content: "";position: absolute;top:19px;left: 0;width:3px;height:3px;border-radius: 100%;background: #202020;}


@media all and (max-width:1440px) {
.company { padding: 0 20px}
}

@media all and (max-width:1280px) {
.company .abtit {font-size: 18px; margin-bottom: 13px}
.company h4 { font-size: 46px; margin-bottom: 40px;}
.company h4 em { font-size: 22px}
.company .about01 { gap:30px }
.company .about01 p { font-size: 17px; word-break: keep-all;}
.company .about01 p em { font-size: 19px;line-height: 1.4;}
.company .about02 { flex: 1}
.company .about02 .vision-list span em { font-size: 16px}
.company .about02 .vision-list span strong { font-size: 30px}
.company .about02 .vision-list p { font-size: 17px;margin-top: 14px;}
.company .about02 .vision-list p br { display: none;}
.company .about03 ul li strong { font-size: 30px}
.company .about03 ul li span { font-size: 17px}
}

@media all and (max-width:1024px) {
.company { padding: 0}
.company .abtit {font-size: 16px; margin-bottom: 13px}
.company h4 { font-size: 38px; margin-bottom: 30px;}
.company .about01 { gap:0 }
.company .about01 div { flex: 1}
.company .about01 p { font-size: 16px; word-break: keep-all;}
.company .about01 p em { font-size: 17px;line-height: 1.4;margin-top: 16px;}
.company .about02 .vision-list span em { font-size: 15px}
.company .about02 .vision-list span strong { font-size: 24px}
.company .about02 .vision-list p { font-size: 16px;margin-top: 14px;}
.company .about02 .vision-list p br { display: none;}
.company .about03 ul li strong { font-size: 24px}
.company .about03 ul li span { font-size: 16px; word-break:keep-all;}

.company .history .box{margin-top:80px;}
.company .history .box .inner { gap:40px }
.company .history .box .inner + .inner{margin-top:80px;}
.company .history .box .l-cont .img-box h3{font-size:32px;}
.company .history .box .l-cont .img-box figure figcaption{font-size:16px;}
.company .history .box .r-cont { padding-left: 50px; word-break: keep-all;}
.company .history .box .r-cont ul li h3{font-size:32px;margin-bottom: 20px;}
.company .history .box .r-cont ul li p em{font-size:22px;margin-bottom: 5px;}
.company .history .box .r-cont ul li p span{font-size:16px;}
.company .history .box .r-cont ul li p span:before{top:15px;}
.company .history .box .r-cont .txt-box h3{font-size:32px;}
.company .history .box .r-cont .txt-box p{margin-top:20px;font-size: 16px;}
}

@media all and (max-width:768px) {
.company h4 { font-size: 30px; margin-bottom:20px;}
.company h4 em { font-size: 18px}
.company .about01 { flex-direction: column; gap:30px; margin-bottom: 80px}
.company .about01 p br { display: none;}
.company .about02 { flex-direction: column-reverse; gap:30px; margin-bottom: 80px}
.company .about03 ul {flex-wrap:wrap;gap:0;}
.company .about03 ul li {flex:auto}
/* .company .about03 ul li {flex:0 0 calc(50% - 0px);} */
.company .about03 ul li span { font-size: 15px; padding: 0 10px}

.company .history .box{margin-top:60px;padding-left: 30px;}
   .company .history .box:before{transform: none;left:0;width:1px;}
   .company .history .box .bar{transform: none;left:0;width:1px;}
   .company .history .box .bullet{width:30px;height:30px;bottom: -19px;left: -14px;}
   .company .history .box .inner{flex-direction: column;gap:20px;}
   .company .history .box .inner + .inner{margin-top:60px;}
   .company .history .box .inner > div{max-width: 100%;}
   .company .history .box .inner .l-cont{padding-right: 0;}
   .company .history .box .l-cont .img-box h3{font-size:28px;}
   .company .history .box .l-cont .img-box figure{margin-top:10px;}
   .company .history .box .l-cont .img-box figure img{width:100%;}
   .company .history .box .l-cont .img-box figure figcaption{font-size:14px;}
   .company .history .box .l-cont #player-container{position:relative;max-width:100%;height:auto;padding-top: 56%;}
   .company .history .box .l-cont #player-container iframe{position: absolute;top:0;left:0;}
   .company .history .box .inner .r-cont{padding-left: 0;}
   .company .history .box .r-cont ul li h3{font-size:28px;margin-bottom: 10px;}
   .company .history .box .r-cont ul li p em{font-size:18px;}
   .company .history .box .r-cont ul li p span{font-size:14px; line-height: 1.6;}
   .company .history .box .r-cont ul li p span:before{top:13px;}
   .company .history .box .r-cont ul li p + p{margin-top:15px;}
   .company .history .box .r-cont .txt-box h3{font-size:28px;}
   .company .history .box .r-cont .txt-box p{font-size:14px;margin-top:10px;padding-left: 10px;}
   .company .history .box .r-cont .txt-box p:before{top:13px;}
   .company .history .box .r-cont ul li p span strong { margin-right: 5px}
}




/* 인사말 */
.company .getit{ font-size: 40px; line-height: 1.5; margin-bottom: 90px}
.company .greetingobx { display: flex; gap:5px; justify-content: space-between}
.company .greetingobx div { flex: 1; }
.company .greetingobx div:last-child {text-align: right; }
.company .greetingobx p { font-weight: 500}
.company .greetingobx p span { font-size: 18px; display: block; margin-bottom: 40px}
.company .greetingobx p span em { color: #FF9211; font-weight: bold;}

@media all and (max-width:1280px) {
.company .getit{ font-size: 32px; line-height: 1.4; margin-bottom: 60px}
.company .greetingobx { gap:60px }
.company .greetingobx div { flex: 1}
.company .greetingobx p span { font-size: 17px; margin-bottom: 30px; word-break: keep-all;}
.company .greetingobx p span br { display: none;}
}

@media all and (max-width:768px) {
.company .getit { font-size: 20px; word-break: keep-all; text-align: center; letter-spacing: -0.5px; margin-bottom: 40px}
.company .greetingobx { flex-direction: column-reverse; gap: 30px;}
.company .greetingobx img { width: 100%}
.company .greetingobx p span { font-size: 16px; margin-bottom: 24px}
}



/* CI */
.company .ci-tit{ margin-bottom: 80px;word-break:keep-all;}
.company .ci-tit h3 { font-size: 40px; line-height: 1.5; margin-bottom: 20px}
.company .ci-tit span { font-size: 22px;}
.company .ci-box { display: flex; gap:20px; word-break:keep-all;}
.company .ci-box div { flex: 1}
.company .ci-box strong{ font-size: 18px; display: block; margin: 10px 0}
.company .ci-box p { font-size: 18px; color: #4B4B4B; }


@media all and (max-width:1280px) {
    .company .ci-tit h3 { font-size: 34px; line-height: 1.3;}
    .company .ci-tit span { font-size: 20px;}
    .company .ci-box strong{ font-size: 16px;}
    .company .ci-box p { font-size: 16px;  }
}

@media all and (max-width:1024px) {
    .company .ci-tit { margin-bottom: 40px;}
    .company .ci-tit h3 { font-size: 30px; }
    .company .ci-box div { flex: 1 }
    .company .ci-box p br { display: none;}
}

@media all and (max-width:768px) {
    .company .ci-tit { word-break:keep-all;}
    .company .ci-tit h3 { font-size: 24px; line-height: 1.3;}
    .company .ci-tit span { font-size: 17px;}
    .company .ci-box {flex-direction: column; gap:40px}
    .company .ci-box p br { display: none;}
    .company .ci-box img { width: 100%}
    .company .ci-box strong{ font-size: 15px; margin: 5px 0}
    .company .ci-box p { font-size: 15px;  }
}

/* customer */
.customer .customer-ul {display:flex;flex-wrap:wrap;}
.customer .customer-ul:first-of-type {margin-bottom:140px;}
.customer .customer-ul li {width:19.2%;margin-right:1%;}
.customer .customer-ul li:nth-child(5n) {margin-right:0;}
.customer .customer-ul li:nth-child(n+6) {margin-top:35px;}
.customer .customer-ul li .img {overflow:hidden;height:auto;text-align:center;border:0.01rem solid #e1e1e1;}
.customer .customer-ul li .img img {width:100%; display: block;}
.customer .customer-ul li p {font-size:15px; color:#222;font-weight:500;text-align:center;padding-top:10px;}


@media all and (max-width:768px) {
/* company - customer */
.customer .customer-ul li {width:49%;margin-right:2%;}
.customer .customer-ul li:nth-child(5n) {margin-right:2%;}
.customer .customer-ul li:nth-child(2n) {margin-right:0;}
.customer .customer-ul li:nth-child(n+3) {margin-top:20px;}
.customer .customer-ul li .img {border:1px solid #e1e1e1;}
.customer .customer-ul li p {font-size:15px;padding-top:10px;}
}



/* 찾아오시는 길 */
.introduce .location{}
.introduce .location .map-box .root_daum_roughmap .cont { display: none;}

.introduce .location .info-box{margin-top:80px;display: flex;justify-content: space-between;}
.introduce .location .info-box .txt-box{}
.introduce .location .info-box .txt-box h3{font-size: 32px;font-weight: normal;line-height: 1.31;color: #000;}
.introduce .location .info-box .txt-box a{display: flex;margin-top:50px;width:220px;height:60px;align-items: center;justify-content: space-between;padding:0 28px;font-size: 18px;font-weight: 600;color: #fff;background: #FF9211; border-radius: 10px}
.introduce .location .info-box .txt-box a:after{content: "→";}
.introduce .location .info-box .list{width:100%;max-width:865px;}
.introduce .location .info-box .list dl{border-top:2px solid #141414;}
.introduce .location .info-box .list dl dt{position:relative;width:129px;font-size: 18px;font-weight: bold;color: #141414;padding: 30px 0 0 49px;}
.introduce .location .info-box .list dl dt i{position: absolute;top:31px;left:17px;display: inline-block;}
.introduce .location .info-box .list dl dt i img{display: block;}
.introduce .location .info-box .list dl dd{padding:30px 0 30px 129px;border-bottom: 1px solid #ccc; font-size: 18px;font-weight: normal;color: #141414;}
.introduce .location .info-box .list dl dd a{margin-left:20px;display: inline-block; width:80px;line-height: 28px;border-radius: 5px;border: solid 1px #002a40;background-color: #fff; font-size: 16px;font-weight: 500;color: #002a40;text-align: center;}

@media all and (max-width:1280px) {
.introduce .location .info-box { gap:40px }
}

@media all and (max-width:1024px) {
.introduce .location .info-box .txt-box h3 { font-size: 24px; word-break: keep-all;}
.introduce .location .info-box .txt-box h3 br {  display: none;}
.introduce .location .info-box { flex-direction: column; margin-top: 40px}
.introduce .location .info-box .txt-box a { margin-top:20px;}

}

@media all and (max-width:768px) {
.introduce .location .info-box .txt-box a {width: 100%}
.introduce .location .info-box .list dl dt { font-size: 16px;padding: 20px 0 0 49px;}
.introduce .location .info-box .list dl dt i { top:20px }
.introduce .location .info-box .list dl dd { font-size: 16px;padding: 8px 0 15px 50px;}
}


/* 사업분야 */
/* 공통 */
.pro-txtbox { background: #F3F5F7; padding: 30px; border-radius: 10px; margin-bottom: 80px}
.pro-txtbox ul { }
.pro-txtbox ul li { position: relative; padding-left: 15px; margin-bottom: 5px;font-size: 18px; font-weight: 500; letter-spacing: 0; word-break: keep-all;}
.pro-txtbox ul li:last-child { margin-bottom: 0}
.pro-txtbox ul li::before { content: ""; display:block; width: 5px; height: 5px; position: absolute; background: #023261; border-radius: 99px; left: 0; top: 10px}

.pro-info{ display:flex; gap:80px; align-items: center; margin-bottom: 80px}
.pro-info .ps-img{ }
.pro-info .ps-txt{ flex: 1}
.pro-info .ps-txt em { font-size: 18px; font-weight: 600;}
.pro-info .ps-txt strong { display: block; font-size: 40px;letter-spacing: -1px}
.pro-info .ps-txt span { font-size: 30px; color: #0D2D65; font-weight: 600; display: block; margin: 10px 0 30px}
.pro-info .ps-txt p { font-size: 20px; line-height: 1.6; font-weight: 500; word-break: keep-all;}

.tb-spec {border-collapse:collapse; font-size: 18px }
.tb-spec caption { font-size: 0}
.tb-spec thead { }
.tb-spec thead th { padding: 12px; background: #14275D; font-size: 18px; font-weight: 600; color: #fff; border:1px solid rgba(255,255,255,0.35);}
.tb-spec tbody th { background: #FAFAFA; color: #787878; font-weight: 600}
.tb-spec tbody th,.tb-spec tbody td {padding:15px; border:1px solid #d9d9d9; text-align: center;}


/* ps */
.products-ps .pspoint{display:flex; gap:30px; flex-wrap:wrap; }
.products-ps .pspoint div{flex:0 0 calc((100% - 60px) / 3); padding:20px; border:1px solid #CCCCCC; border-radius:10px; box-sizing:border-box; }
.products-ps .pspoint div strong{display:block; margin:12px 0 5px; font-size:21px; word-break:break-word; overflow-wrap:break-word; }
.products-ps .pspoint div span{display:block; font-size:16px; word-break:break-word; overflow-wrap:break-word; }

/* we */
.products-webg {background: #F3F5F7; padding: 100px 0; margin-bottom: 100px}
.products-webg .layout { display: flex; gap:30px; align-items: flex-start; }
.products-webg .layout .wepoint { flex: 1;}
.products-webg .layout .wepoint h4 { }
.products-webg .layout .wepoint div { margin-bottom: 20px; gap:40px; align-items: center; display: flex; flex-wrap: wrap;  padding: 20px; background: #fff; border-radius: 10px}
.products-webg .layout .wepoint div strong {  display: block; margin-bottom: 15px; font-size: 24px;}
.products-webg .layout .wepoint div span {font-size: 18px; }
.products-webg .layout .wepoint div p {flex: 1;; word-break: keep-all;}


@media all and (max-width:1380px) {
    .pro-info { gap:40px }
    .pro-info .ps-txt strong { font-size: 34px; }
    .pro-info .ps-txt span { font-size:24px;}
    .pro-info .ps-txt p { font-size: 18px}
}

@media all and (max-width:1280px) {
    .pro-txtbox ul li { font-size: 17px}

    .pro-info .ps-txt p br { display: none;}
    .pro-info .ps-txt em { font-size: 16px;}
    .pro-info .ps-img { width: 50%}
    .pro-info .ps-txt {flex: 1;}

    .products-ps .pspoint { gap:20px }
    .products-ps .pspoint div { padding: 15px; width: 32%;}
    .products-ps .pspoint div strong { font-size: 19px}
    .products-ps .pspoint div span{ font-size: 15px}
    .tb-scroll {width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
    .tb-scroll table {min-width:900px;}
    .tb-scroll::before {content:"← Scroll left and right →";display:block;text-align:center;font-size:12px;color:#888;margin-top:6px;}
}

@media all and (max-width:1024px) {
    .pro-info .ps-txt strong { font-size: 30px; }
    .pro-info .ps-txt span { font-size:22px;margin: 10px 0 20px;}
    .pro-info .ps-txt p br { display: none;}
    .products-ps .pspoint { gap:10px}
    .products-ps .pspoint div { flex: 0 0 calc((100% - 20px) / 2);}
    .products-ps .pspoint div img { width: 100%}
    .products-ps .pspoint div strong { font-size: 20px}
    .tb-spec {border-collapse:collapse; font-size: 15px }
    .tb-spec tbody th, .tb-spec tbody td { padding: 10px;}
    .tb-spec thead th { padding:7px 2px; }
}

@media all and (max-width:768px) {
    .pro-txtbox { padding: 20px 25px; margin-bottom: 60px}
    .pro-txtbox ul li { font-size: 16px}

    .pro-info {flex-direction: column;gap:20px; margin-bottom: 60px }
    .pro-info .ps-img { width: 100%}
    .pro-info .ps-img img { width: 100%}
    .pro-info .ps-txt em { font-size: 14px;}
    .pro-info .ps-txt strong { font-size: 26px; }
    .pro-info .ps-txt span { font-size:20px;margin: 5px 0 10px;}
    .pro-info .ps-txt p { font-size: 16px}

    .products-ps .pspoint { gap:20px }
    .products-ps .pspoint div { flex: 0 0 calc((100% - 0px) / 1);}
    .products-ps .pspoint div strong { font-size: 17px}
    .products-ps .pspoint div span{ font-size: 14px}

    .products-webg { margin-bottom: 60px;padding: 60px 0;}
    .products-webg .layout .wepoint div { gap:20px }
    .products-webg .layout .wepoint div img { width: 100%}
    .products-webg .layout .wepoint div strong { font-size: 20px; margin-bottom: 10px;}
    .products-webg .layout .wepoint div span{ font-size: 16px}
    .products-webg .layout .wepoint div span br { display: none;}
}


/* 투자정보 */
/* 주요경영성과 */
.information h4.danw em { font-size: 16px; color: #787878; font-weight: 500; margin-right:8px;    position: relative;top: 25px;}
.information .finimg1 { display: flex; margin-bottom: 120px; gap: 50px;}
.information .finimg1 div { flex: 1 }
.information .finimg1 div h4 { }
.information .finimg1 div img { background: #F5F5F5; padding: 24px; border-radius: 10px}
.information .finimg2 { display: flex; }
.information .finimg2 div { flex: 1 }
.information .finimg2 div p { font-size: 20px; }
.information .finimg2 div ul { margin-top: 60px}
.information .finimg2 div ul li { font-size: 20px; }
.information .finimg2 div ul li i { display: inline-block; width: 20px; height: 20px; border-radius: 5px; vertical-align: middle;}
.information .finimg2 div ul li:first-child i { background: #0D2D65; }
.information .finimg2 div ul li:nth-child(2) i { background: #4FCFCF }
.information .finimg2 div ul li:nth-child(3) i { background: #91F100 }
.information .finimg2 div:last-child { text-align: right; margin-right:60px}
.information .finimg1 div h4.danw { display: flex; align-items: flex-end;justify-content: space-between;}

@media all and (max-width:1450px) {
.information .finimg1 { margin-bottom: 80px; gap: 20px;}
}

@media all and (max-width:1280px) {
	.information .finimg2 div p { font-size: 18px;word-break: keep-all;}
	.information .finimg2 div p br { display: none;}
	.information .finimg2 div:last-child {  margin-right:0;}
	.information .finimg2 div ul li { font-size: 18px; }
}

@media all and (max-width:780px) {
	.information .finimg1 { flex-direction: column; margin-bottom: 40px; gap: 30px;}
	.information .finimg1 div img { padding: 10px;width: 100%}
	.information .finimg2 { flex-direction: column;}
	.information .finimg2 div p { font-size: 16px;}

	.information .finimg1 div h4 { margin-bottom: 12px}
	.information .finimg2 div ul { margin-top: 30px; margin-bottom: 20px}
	.information .finimg2 div ul li { font-size: 16px; margin-bottom: 5px}
	.information .finimg2 div:last-child { padding: 0 15px;}
    .information h4.danw em { font-size: 14px; top:0 }
}


/* 재무정보 */
.fin-chart {border:1px solid #ddd;border-radius:12px;padding:40px 40px 5px;position:relative;background:#fff;margin-bottom:120px;}
.fin-chart .fin-chart-top {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0;}
.fin-chart .fin-legend {display:flex;gap:22px;align-items:center;list-style:none;margin:0;padding:0;}
.fin-chart .fin-legend li {display:flex;gap:8px;align-items:center;font-size:17px;color:#111;white-space:nowrap;}
.fin-chart .fin-dot {width:18px;height:4px;border-radius:999px;display:inline-block;}
.fin-chart .fin-dot.is-sales {background:#ff6a00;}
.fin-chart .fin-dot.is-op {background:#0d2b5f;}
.fin-chart .fin-dot.is-net {background:#4b555a;}
.fin-chart .fin-unit {font-size:17px;color:#111;white-space:nowrap;}

.fin-chart .fin-plot {position:relative;margin-top:14px;padding-top:40px;padding-bottom:18px;}
.fin-chart .fin-grid {position:absolute;left:0;right:0;top:40px;bottom:56px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;}
.fin-chart .fin-grid span {height:1px;background:rgba(0,0,0,0.15);display:block;}

.fin-chart .fin-groups {position:relative;z-index:1;display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:0 6px;min-height:360px;}
.fin-chart .fin-group {flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px;}
.fin-chart .fin-bars {width:100%;max-width:280px;height:300px;display:flex;justify-content:center;align-items:flex-end;gap:24px;}
.fin-chart .fin-barwrap {width:60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative;}
.fin-chart .fin-bar {width:100%;height:0;border-radius:0;transform-origin:bottom;transform:scaleY(0);will-change:transform,height;}
.fin-chart .fin-bar.is-sales {background:#ff6a00;}
.fin-chart .fin-bar.is-op {background:#0d2b5f;}
.fin-chart .fin-bar.is-net {background:#4b555a;}
.fin-chart .fin-val {position:absolute;left:50%;transform:translateX(-50%);bottom:calc(100% + 8px);font-size:18px;font-weight:700;color:#111;opacity:0;transition:opacity .2s ease;white-space:nowrap;}
.fin-chart .fin-group.is-done .fin-val {opacity:1;}
.fin-chart .fin-year {font-size:18px;font-weight:600;color:#111;margin-top:2px;}

.fin-chart.is-anim .fin-bar {transition:transform .9s ease,height .9s ease;}
.fin-chart.is-anim .fin-bar {transform:scaleY(1);}

/* tablet */
@media all and (max-width:1280px){
.fin-chart {padding:32px 28px 18px;}
.fin-chart .fin-legend {gap:16px;}
.fin-chart .fin-legend li {font-size:15px;}
.fin-chart .fin-unit {font-size:15px;}
.fin-chart .fin-groups {gap:28px;min-height:320px;}
.fin-chart .fin-bars {max-width:240px;height:260px;gap:18px;}
.fin-chart .fin-barwrap {width:52px;}
.fin-chart .fin-val {font-size:16px;}
}

/* mobile */
@media all and (max-width:768px){
.fin-chart {padding:18px;}
.fin-chart .fin-chart-top {flex-direction:column;gap:10px;}
.fin-chart .fin-legend {flex-wrap:wrap;gap:12px;}
.fin-chart .fin-legend li {font-size:14px;}
.fin-chart .fin-grid {display:none;}
.fin-chart .fin-group {position:relative;padding-top:34px;padding-bottom:8px;}
.fin-chart .fin-group::before {content:"";position:absolute;left:0;right:0;top:34px;bottom:50px;background:repeating-linear-gradient(to bottom, rgba(0,0,0,0.15) 0, rgba(0,0,0,0.15) 1px, transparent 1px, transparent calc((100% - 1px) / 4));pointer-events:none;}
.fin-chart .fin-unit {font-size:14px;align-self:flex-end;}
.fin-chart .fin-plot {margin-top:10px;padding-top:34px;padding-bottom:10px;}
.fin-chart .fin-groups {flex-direction:column;gap:26px;align-items:stretch;min-height:auto;padding:0;}
.fin-chart .fin-bars {max-width:340px;width:100%;height:220px;gap:14px;}
.fin-chart .fin-barwrap {width:clamp(44px,18vw,64px);}
.fin-chart .fin-val {font-size:14px;}
.fin-chart .fin-year {text-align:center;}
}

.iframebox { max-width: 700px;  margin: 0px auto 0; }
.iframebox iframe { width:100%; height:960px; margin:0px auto 0; overflow-x: auto;background:#fff;}


/* R&D */
/* 기술현황 */
    .tb-tech { border-top: 2px solid #000; word-break: keep-all;}
    .tb-tech caption { font-size: 0}
    .tb-tech th, .tb-tech td { font-size: 19px; padding: 25px }
    .tb-tech thead th { border-bottom: 1px solid #000; position: relative;}
    .tb-tech thead th:nth-child(2)::before { content: ""; background: #000; height: 22px; width: 1px; display: inline-block; position: absolute; left: 0}
    /* .tb-tech thead th:nth-child(2)::after { content: ""; background: #000; height: 22px; width: 1px; display: inline-block; position: absolute; right: 0} */
    .tb-tech tbody th { border-right: 1px solid #DDDDDD; font-weight: 600;padding:20px }
    .tb-tech tbody td { border-right: 1px solid #DDDDDD; }
    .tb-tech tbody tr { border-bottom: 1px solid #ddd}
    .tb-tech tbody td span { text-align: left; display: inline-block; margin-bottom: 10px; font-size: 17px; color: #0D2D65; font-weight: bold; padding: 5px 10px; border-radius: 10px; background: #EFF3F9}
    .tb-tech tbody td ul { }
    .tb-tech tbody td ul li {font-size: 18px; text-align: left; position: relative; padding-left: 14px; line-height: 30px; }
    .tb-tech tbody td ul li::before { content: ""; width: 5px; height: 5px; background:#0D2D65; border-radius: 99px; display: inline-block; position: absolute; left:1px; top: 13px}
    .tb-tech tbody tr td:last-child { border-right: 0}

    /* tablet */
    @media all and (max-width:1280px) {
        .tb-tech th, .tb-tech td { font-size: 16px; padding: 20px }
        .tb-tech tbody td span {font-size: 15px; }
        .tb-tech tbody td ul li {font-size: 16px; }
    }

    /* tablet */
    @media all and (max-width:768px) {
        .tb-tech th, .tb-tech td { font-size: 15px; padding: 10px }
        .tb-tech tbody td span {font-size: 14px; }
        .tb-tech tbody td ul li {font-size: 15px; line-height: 1.4;}
        .tb-tech tbody td ul li::before { top: 8px}
        .tb-tech tbody th {padding:10px }
    }



/* 인증 및 특허 */
.certification {padding-bottom:90px;}
.certification section {display:flex;flex-wrap:wrap;position:relative;border-top:2px solid #202020; margin-bottom: 140px}
.certification section:last-child { margin-bottom:0 }
.certification section:before {content:"";display:block;width:100%;height:1px;background:#202020;position:absolute;bottom:0;left:0;}
.certification section > div {width:50%;padding:30px;display:flex;align-items:center;border-bottom:1px solid #ccc;}
.certification section div .img-box { max-width: 135px; border: 1px solid #ddd;position:relative;cursor:pointer;}
.certification section div .img-box img {display:block;width:100%;}
.certification section div .img-box .mask{position: absolute;top:0;left:0;width:100%;height:100%;background: rgb(12 86 179 / 90%);display: flex;align-items: center;justify-content: center;flex-direction: column;gap:10px;transition: all 0.3s;opacity: 0;}
.certification section div .img-box .mask i{display:inline-block;width:25px;height:25px;background: url(/_public/images2/icon/ico_zoom.svg) no-repeat;background-size: cover;}
.certification section div .img-box .mask span{display:inline-block;font-size: 16px;font-weight: 600;color: #fff;}
.certification section div .img-box:hover .mask {opacity:1;}
.cert .list ul li .txt-box{width:calc(100% - 240px);}
.certification section div .txt-box {margin-left:50px; width: 100%}
.certification section div .txt-box strong {display:block;font-size:17px;color:#5481C2;margin-bottom:14px;}
.certification section div .txt-box p {font-size:21px;font-weight:700;line-height:1.6;margin-bottom:20px;padding-right:20%;}
.certification section div .txt-box span {font-size:17px;color:#787878;}

/* certification modal popup */
.modal-popup { display: none;  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 9999999; width: 100%; }
.modal-cert { max-width: 536px;}
.modal-cert .modal-close { position: absolute;top: 0;right: -50px;  display: inline-block; }
.modal-cert .modal-close img { display: block; }
.modal-cert .img-box { overflow-y: auto; max-height: calc(100% - 130px); height: 100%; }
.modal-cert .img-box img { display:block;max-width:537px;}


/* tablet */
@media all and (max-width:1280px) {
.certification {padding-bottom:50px;  }
.certification section div .txt-box {margin-left:35px;}
.certification section div .txt-box strong {font-size:16px;margin-bottom:10px;}
.certification section div .txt-box p {font-size:18px;margin-bottom:15px;padding-right:0;}
.certification section div .txt-box span {font-size:16px;}
.modal-cert { max-width:536px;width:calc(100% - 32px);}
.modal-cert .modal-close { top:-42px;right:0;}
.modal-cert .modal-close img { width:32px;height:32px;}
.modal-cert .img-box { max-height:calc(100vh - 100px);}
.modal-cert .img-box img { max-width:100%;width:100%;}
}


@media all and (max-width:768px) {
.certification {padding-bottom:40px;}
.certification section {border-bottom:0; margin-bottom: 70px}
.certification section > div {width:100%;border-bottom: 1px solid #ccc;padding:30px 0;}
.certification section div .img-box {width:30%;}
.certification section div .txt-box {width:70%;margin-left:20px;}
.certification section div .txt-box strong {font-size:15px;margin-bottom:10px;}
.certification section div .txt-box p {font-size:17px;margin-bottom:14px;word-break:keep-all;}
.certification section div .txt-box p br {display:none;}
.certification section div .txt-box span {font-size:14px;}
}


/* HR */
/* 채용정보 */
.recruitment .retoppr { margin-bottom: 60px;background: url(/_public/images2/contents/hr_bg.png); text-align: center; padding: 120px 0; border-radius: 12px}
.recruitment .retoppr p { font-size: 36px; font-weight: 600; color: #fff; margin-bottom: 15px}
.recruitment .retoppr p em { color: #FF9211}
.recruitment .retoppr span { color: #fff; font-size: 18px;}
.recruitment .step-list {display:flex;justify-content:space-between;align-items:flex-start;gap:0;list-style:none;margin:0 0 120px;padding:0;position:relative;}
.recruitment .step-list::before {content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#cfcfcf;transform:translateY(-50%);z-index:0;}
.recruitment .step-list li {width:19%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;position:relative;z-index:1;}
.recruitment .step-list li::before {content:"";width:240px;aspect-ratio:1/1;border:2px dashed #d9d9d9;border-radius:50%;background:#F9F9F9;position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:-1;}
.recruitment .step-list li img {width:64px;height:64px;object-fit:contain;display:block;margin-top:62px;}
.recruitment .step-list li span {display:block;font-size:18px;line-height:1.2;font-weight:700;color:#111;text-align:center;margin-top:6px;padding-bottom:62px;}
.recruitment .mur-list {display:flex;flex-direction:column;gap:60px;margin:0;padding:0}
.recruitment .mur-list div {display:flex;align-items:flex-start;gap:50px; border-bottom: 1px solid #ddd;padding-bottom: 60px;}
.recruitment .mur-list div img { max-width:100%;display:block;}
.recruitment .mur-list .murtxt {flex:1;margin:0;padding-top:18px;}
.recruitment .mur-list .murtxt strong {display:flex;align-items:center;gap:14px;font-size:30px;font-weight:800;line-height:1.2;color:#111;}
.recruitment .mur-list .murtxt em {display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#0b2d5c;color:#fff;font-size:24px;font-weight:700;font-style:normal;}
.recruitment .mur-list .murtxt span {display:block;margin-top:18px;font-size:18px;line-height:1.6;color:#333; word-break: keep-all;}


@media all and (max-width:1280px) {
.recruitment .retoppr { padding: 90px 0; background-size: cover}
.recruitment .retoppr p { font-size: 28px}
.recruitment .retoppr span { font-size: 18px}
.recruitment .step-list {margin:0 0 90px;}
.recruitment .step-list li {width:24%;}
.recruitment .step-list li::before {width:200px;}
.recruitment .step-list li img {width:56px;height:56px;margin-top:54px;}
.recruitment .step-list li span {font-size:18px;padding-bottom:54px;}
}

@media all and (max-width:1024px) {
.recruitment .retoppr { padding: 60px 0; background-size: cover}
.recruitment .retoppr p { font-size: 24px}
.recruitment .retoppr span { font-size: 16px}
.recruitment .step-list {flex-wrap:wrap;justify-content:center;gap:18px;margin:0 0 60px;}
.recruitment .step-list::before {display:none;}
.recruitment .step-list li {width:calc(50% - 9px);gap:10px;position:relative;overflow:visible;}
.recruitment .step-list li::before {width:170px;z-index:-1;}
.recruitment .step-list li img {width:48px;height:48px;margin-top:46px;}
.recruitment .step-list li span {font-size:16px;padding-bottom:46px;}
.recruitment .step-list li::after {z-index:-2;}
.recruitment .step-list li:nth-child(1)::after {content:"";position:absolute;top:85px;left:50%;transform:translateX(85px);width:calc(100% - 170px + 36px);height:1px;background:#cfcfcf;}
.recruitment .step-list li:nth-child(3)::after {content:"";position:absolute;top:85px;left:50%;transform:translateX(85px);width:calc(100% - 170px + 36px);height:1px;background:#cfcfcf;}
.recruitment .step-list li:nth-child(2)::after {content:"";position:absolute;top:129%;left:-104px;width:100%;height:1px;background:#cfcfcf;transform:translate(-95px,60px) rotate(334deg);transform-origin:left center;}

.recruitment .mur-list { gap:40px }
.recruitment .mur-list div {display:block; padding-bottom: 30px;}
.recruitment .mur-list div img { width: 100%}
.recruitment .mur-list .murtxt strong { font-size: 22px; gap:5px; font-weight: 600;}
.recruitment .mur-list .murtxt em { width: 24px; height: 24px; font-size: 17px;}
.recruitment .mur-list .murtxt span { font-size: 16px}

}

@media all and (max-width:768px) {
.recruitment .step-list li:nth-child(2)::after {content:"";position:absolute;top:107%;left:1px;width:205px;height:1px;background:#cfcfcf;transform:translate(-95px,60px) rotate(320deg);transform-origin:left center;}
}