@charset "utf-8";

/* 공통 */
.sub-tab {text-align:center; margin-bottom:60px;}
.sub-tab ul {display:flex; flex-wrap:wrap;}
.sub-tab ul li {width:16.66666666%; height:60px; background:#f8f8f8; border:1px solid #ddd; border-left:0; margin-bottom:-1px;}
.sub-tab ul li:nth-child(6n + 1) {border-left:1px solid #ddd;}
.sub-tab ul li a {display:flex; align-items:center; justify-content:center; height:100%; padding:0 15px; color:#ababab; font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-.03em;}
.sub-tab ul li.active {position:relative; background:#0070c0; border-color:#0070c0 !important;}
.sub-tab ul li.active a {color:#fff;}

.c1 {color:#0070c0;}
.c2 {color:#70caef;}
.c3 {color:#004a94;}

.blue-bg {background:#f7fbfd;}

.sub-ico-tit {padding-bottom:17px; border-bottom:1px solid #ddd; display:flex; align-items:center; font-size:24px; font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.4em;}
.sub-ico-tit:before {content:""; display:inline-block; width:24px; height:24px; margin-right:10px; background:url("../images/sub/sub_tit_ico.png") no-repeat 50% 50% / contain;}

.tech-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.tech-table table thead th {padding:14px; border-right:1px solid #ddd; background:#0070c0; color:#fff; font-size:16px; font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.tech-table table thead tr:nth-child(1) th:last-child {border-right:0;}
.tech-table table tbody td {padding:30px 14px; border-bottom:1px solid #ddd; text-align:center; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.tech-table table col {border-right:1px solid #ddd;}
.tech-table table col:last-child {border-right:0;}


/* 회사개요 */
.outline .section:last-child {padding-bottom:0;}

.outline .bold-tit {text-align:center; color:#242424; font-size:40px; font-weight:600; letter-spacing:-.03em; line-height:1.45em;}
.outline .bold-tit .c1 {font-size:50px; font-family:'Montserrat', sans-serif;}

.outline .sec1 {text-align:center;}
.outline .sec1 .head {margin-bottom:23px;}
.outline .sec1 .head p {margin-top:17px; color:#242424; font-size:28px; font-weight:400; letter-spacing:-.03em; line-height:1.4em;}
.outline .sec1 .txt {margin-bottom:43px;}
.outline .sec1 .txt p {margin-bottom:10px; color:#454545; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.75em;}
.outline .sec1 .txt .everyone {font-weight:600; margin:25px 0 0;}
.outline .sec1 .img {margin-bottom:-75px;}

.outline .sec2 {padding:140px 0 100px;} 
.outline .sec2 .head {position:relative; padding-left:117px; margin-bottom:53px;}
.outline .sec2 .head:before {content:""; position:absolute; left:0; top:50%; margin-top:-41px; width:86px; height:82px; background:url("../images/sub/big_ico.png") no-repeat 50% 50% / contain;}
.outline .sec2 h3 {font-size:28px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.outline .sec2 h3 span {font-size:40px; margin-top:7px;}
.outline .sec2 h3 strong {font-weight:600;}
.outline .sec2 .table-type1 table {border-top:1px solid #ddd; border-bottom:1px solid #ddd; width:100%; border-collapse:collapse; border-spacing:0px;}
.outline .sec2 .table-type1 table th {padding:14px 8px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;font-size:16px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424; background:#f2f8fc;}
.outline .sec2 .table-type1 table td {padding:14px 20px; background:#fff; border-bottom:1px solid #ddd; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;} 

.outline .sec3 {padding:70px 0;}
.outline .sec3 h3 {margin-bottom:45px; font-family:'Montserrat', sans-serif; color:#242424; font-size:40px; font-weight:600; letter-spacing:-.03em; line-height:1.45em;}
.outline .sec3 .bold-tit {margin-top:60px;}
.outline .sec3 .tit {min-width:261px;}
.outline .sec3 .tit p {font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.outline .sec3 .tit h4 {margin-top:12px; font-family:'Montserrat', sans-serif; font-size:28px; font-weight:700; letter-spacing:-.03em; color:#242424; line-height:1.4em;}
.outline .sec3 .wrap {border-bottom:1px solid #ddd; display:flex; align-items:center;}
.outline .sec3 .wrap:first-of-type {border-top:1px solid #ddd;}
.outline .sec3 .wrap {padding:67px 0;}
.outline .sec3 .wrap:nth-of-type(1) > p {width:100%; text-align:center; font-size:28px; font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.4em;}
.outline .sec3 .wrap:nth-of-type(1) .c1 {font-family:'Montserrat', sans-serif; font-size:28px;}
.outline .sec3 .wrap:nth-of-type(3) .cnt {text-align:center; width:100%;}
.outline .sec3 .wrap:nth-of-type(3) .cnt .tit {margin-bottom:13px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.outline .sec3 .wrap:nth-of-type(3) .cnt p {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.75em; color:#454545;}

/* 회사연혁 */
.history .bg-box {margin-bottom:50px; padding:115px 100px; background:url("../images/sub/history.jpg") no-repeat 50% 50% / cover;}
.history .bg-box p {color:#fff; font-size:28px; font-weight:500; letter-spacing:-.04em; line-height:1.4em;}
.history .bg-box .c2 {font-size:24px; font-weight:600; letter-spacing:-.03em; line-height:1.667em;}
.history .group {display:flex;}
.history .group:first-child .year,
.history .group:first-child .cnt {border-top:2px solid #0070c0;}
.history .group:last-child .year,
.history .group:last-child .cnt {border-bottom:2px solid #0070c0;}
.history .group .year {padding:36px; text-align:center; width:200px; margin-right:36px; border-bottom:1px solid #ddd;font-size:34px; font-weight:700; letter-spacing:-.03em; line-height:1em; color:#0070c0;}
.history .group .cnt {width:100%; padding:39px; border-bottom:1px solid #ddd;}
.history .group .row {margin-bottom:8px; display:flex; align-items:flex-start;}
.history .group .row:last-child {margin-bottom:0;}
.history .group .row .month {position:relative; min-width:44px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1em; color:#242424;}
.history .group .row .month:after {content:""; position:absolute; right:0; top:3px; width:2px; height:15px; background:#0070c0;}
.history .group .row ul li {padding-left:20px; margin-bottom:7px; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.history .group .row ul li:last-child {margin-bottom:0;}

/* 회사 운영방침 */
.operate .sec1 .bg-box {padding:60px 0; text-align:center; background:url("../images/sub/operate_bg.jpg") no-repeat 50% 100% / contain;}
.operate .sec1 .bg-box p {font-size:28px; font-weight:500; letter-spacing:-.03em; line-height:1.429em; color:#242424;}
.operate .sec1 .bg-box p:before {content:""; margin:0 auto 15px; display:block; width:31px; height:19px; background:url("../images/sub/mark1.png") no-repeat 50% 50% / contain;}
.operate .sec1 .bg-box p:after {content:""; margin:15px auto 0; ;display:block; width:31px; height:19px; background:url("../images/sub/mark2.png") no-repeat 50% 50% / contain;}
.operate .sec1 .bg-box .c3 {font-family:'Montserrat', sans-serif; font-size:30px;}
.operate .sec1 .solution {padding:50px 0 95px; border-top:1px solid #aecee4;}
.operate .sec1 .solution .tit {margin-bottom:55px; text-align:center; font-size:28px; font-weight:500; letter-spacing:-.03em; color:#242424;}
.operate .sec1 .solution .tit .c1 {font-family:'Montserrat', sans-serif; font-size:30px;}
.operate .sec1 .solution ul {display:flex; margin:0 -10px;}
.operate .sec1 .solution ul li {width:25%; text-align:center; padding:0 10px;}
.operate .sec1 .solution ul li h5 {margin:18px 0 10px; font-family:'Montserrat', sans-serif; font-size:20px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.operate .sec1 .solution ul li p {color:#454545; font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.5em;}

.operate .sec2 .order-lst {padding:60px 0; border-bottom:1px solid #b2d4ec; margin-bottom:40px;}
.operate .sec2 .order-lst ul {display:flex; justify-content:center; margin:0 -20px;}
.operate .sec2 .order-lst ul li {padding:0 20px;}
.operate .sec2 .mission {padding:0 50px;}
.operate .sec2 .mission ul {display:flex; flex-wrap:wrap; margin:-10px -15px;}
.operate .sec2 .mission ul li {width:50%; padding:10px 15px;}
.operate .sec2 .mission .border-box {display:flex; align-items:center; border:1px solid #ddd; border-radius:10px; padding:38px;}
.operate .sec2 .mission .border-box .cnt {flex:1 1 auto; width:1%; min-width:0; margin-right:10px;}
.operate .sec2 .mission .border-box .order {font-size:16px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.operate .sec2 .mission .border-box .tit {margin:10px 0 12px; font-size:20px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.operate .sec2 .mission .border-box .txt {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#454545;}
.operate .sec2 .mission .border-box .ico-img {align-self: flex-end;}

/* 회사 오시는길 */
.location .root_daum_roughmap {width:100% !important;}
.location .root_daum_roughmap .wrap_map {height:450px !important;}
.location .cnt {margin-top:38px;}
.location .cnt .address {margin-bottom:25px;}
.location .cnt .address .t1 {font-size:16px; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.location .cnt .address .t2 {margin:5px 0 8px; font-size:23px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#242424;}
.location .cnt .address .t3 {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.location .ico-info dl {display:flex; border-bottom:1px solid #ddd;}
.location .ico-info dl:first-of-type {border-top:1px solid #ddd;}
.location .ico-info dl dt {font-size:18px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424; width:180px; padding:30px; display:flex; align-items:center;}
.location .ico-info dl dt:before {content:""; display:inline-block; margin-right:20px; width:20px; height:20px;  background-repeat:no-repeat; background-size:contain; background-position:50% 50%;}
.location .ico-info dl:nth-of-type(1) dt:before {background-image:url("../images/sub/location_ico1.png");}
.location .ico-info dl:nth-of-type(2) dt:before {background-image:url("../images/sub/location_ico2.png");}
.location .ico-info dl:nth-of-type(3) dt:before {background-image:url("../images/sub/location_ico3.png");}
.location .ico-info dl dd {font-size:16px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545; padding:30px 30px 30px 0;}

/* 국가별 전압 및 코드타입 */
.nation-type .sub-ico-tit {margin-bottom:40px;}
.nation-type .tabs-wrap {margin-bottom:58px;}
.nation-type .tabs {display:flex; flex-wrap:wrap; margin:-10px;}
.nation-type .tabs li {width:14.2857%; padding:10px;}
.nation-type .tabs li a {display:block;}
.nation-type .tabs li.active .img-active {display:block;}
.nation-type .tabs li.active .img {display:none;}
.nation-type .tabs li a .img-active {display:none;}
.nation-type .bg-img {padding:110px 40px; background:url("../images/sub/nation_type_bg.png") no-repeat 50% 50% / cover;}
.nation-type .bg-img .border-box {max-width:570px; margin:0 auto; width:100%; height:250px; padding:30px; background:#fff; display:flex; justify-content:center; align-items:center; position:relative; border:3px solid #0070c0; border-radius:20px; overflow:hidden;}
.nation-type .bg-img .border-box .tit {padding:7px; font-size:24px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; background:#0070c0; color:#fff; position:absolute; left:0; top:0; border-radius:0 0 20px 0; width:150px; text-align:center;}
.nation-type .bg-img .border-box p {text-align:center; font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.4em; color:#242424;}

/* 국가별 인증 */
.nation-certi .sub-ico-tit {border:0;}
.nation-certi  .tech-table table thead th:nth-child(4) {border-bottom:1px solid #ddd;}

/* 지적재산권 보유 내역 */
.property .tech-table table tbody td {padding:15px;}

/* 주요생산설비현황 */
.main-production .sub-ico-tit {margin-bottom:39px;}
.main-production .tech-table table tbody td {padding:14px;}
.main-production .tech-table:first-of-type .table-tit {margin-top:0;}
.main-production .table-tit {margin:60px 0 20px; display:flex; align-items:center; font-size:18px; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#0070c0;}
.main-production .table-tit:before {content:""; display:inline-block; margin-right:9px; width:20px; height:20px; background:url("../images/sub/table_tit_ico.png") no-repeat 50% 50% / contain;}
.main-production .table-tit:first-of-type {margin-top:0;}