@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.c1 {color:#0e346d !important;}
.c24 {color:#242424 !important;}
.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.fz18 {font-size:18px !important;}
.fz20 {font-size:20px !important;}
.fz22 {font-size:22px !important;}
.fz30 {font-size:30px !important;}
.fz35 {font-size:35px !important;}

.doc-cnt10 {margin-bottom:10px !important;}
.doc-cnt20 {margin-bottom:20px !important;}
.doc-cnt30 {margin-bottom:30px !important;}
.doc-cnt50 {margin-bottom:50px !important;}
.doc-cnt100 {margin-bottom:100px !important;}

.doc-tit {font-weight:600; color:#242424; letter-spacing:-.02em;}

.doc-indent {padding-left:20px;}
.gdot-tit {padding:0 0 30px 20px; position:relative; font-weight:600; color:#242424; letter-spacing:-.02em;}
.gdot-tit:before {width:8px; height:8px; top:10px; left:0; position:absolute; content:''; border-radius:100%; background-color:#88c137;}

.greeting {display:flex;}
.greeting .img {order:2; position:relative;}
.greeting .img:after {width:357px; height:357px; bottom:33px; right:-50px; z-index:-1; position:absolute; content:''; background:linear-gradient(54deg, rgba(14, 53, 109, 1) 50%, rgba(136, 193, 55, 1) 100%);}
.greeting .cnt {margin-right:80px; flex:1;}
.greeting .inner {padding-right:40px;}
.greeting strong.fz35 {margin-bottom:45px; line-height:1.2em; display:block; background:linear-gradient(to right, #88c137, #0e346d); color:transparent; -webkit-background-clip:text; font-family:"Roboto", sans-serif;}
.greeting .fz22 {margin-bottom:25px; font-weight:700; color:#242424; line-height:1.82em; letter-spacing:-.02em;}
.greeting p {margin-bottom:30px; line-height:1.69em;}
.greeting .last {text-align:right; color:#242424; margin-bottom:0 !important;}
.greeting .last span {padding-left:15px;}

.tb-1 table {letter-spacing:-.02em; border-top:2px solid #0e346d; border-collapse:collapse; width:100%;}
.tb-1 table th {color:#242424; font-weight:600; background-color:#f4f4f4;}
.tb-1 table td {padding-left:35px;}
.tb-1 table th, .tb-1 table td {padding-top:15px; padding-bottom:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 table th:last-child, .tb-1 table td:last-child {border-right: 0;}
.tb-1 table .subs {font-size:11px;}
.tb-1 table b.fw600 {color: #242424;}
.tb-1.border table th, .tb-1.border table td {padding-left:0; border-right:1px solid #ddd;}
.tb-1.border table th:last-child, .tb-1.border table td:last-child {border-right:0;}
.tb-1.ty2 thead th {background-color:#dcf3fb;}
.tb-1.ty2 tbody th {border-right:1px solid #ddd; background-color:#fff;}
.tb-1.ty2 td i {width:16px; height:11px; margin:0 8px; background-image:url('../images/sub/table-arrow.png'); background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.tb-1.center table td {text-align:center; padding-left:0;}
.tb-1 table td.in-txt img {vertical-align:middle;}
.tb-1 table td .txt-img {display:block; margin:0 auto;}

.history .item {padding-bottom:65px; display:flex; position:relative;}
.history .item:last-child {padding-bottom:0;}
.history .item:before {top:35px; bottom:20px; position:absolute; content:''; left:50%; width:2px; background-color:#ddd;}
.history .year {padding-left:390px; font-size:40px; width:50%; font-weight:700; color:#009dd8; letter-spacing:-.02em; line-height:.9em;}
.history ul {padding-left:55px; flex:1; position:relative;}
.history ul:before {width:24px; height:24px; left:-12px; top:0; position:absolute; content:''; border-radius:100%; border:5px solid #0e346d; background-color:#fff;}
.history li {margin-bottom:5px; line-height:1.5em;}
.history li:last-child {margin-bottom:0;}
.history .item:nth-last-child(2):before {bottom:20px;}

.patent .group {padding:60px 0; border-bottom:1px solid #ddd; text-align:center;}
.patent .group:first-child {padding-top:0;}
.patent .group:last-child {padding-bottom:0; border-bottom:0;}
.patent .tit {width:180px; height:50px; align-items:center; justify-content:center; display:flex; border-radius:30px; font-weight:500; letter-spacing:-.02em; color:#fff; background-color:#0e346d;}
.patent ul {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.patent li {padding:0 15px; margin-bottom:30px; font-weight:500; width:25%;}
.patent li .img {margin-bottom:20px;}

.local {margin-top:35px; display:flex; text-align:center;}
.local .item {width:25%;}
.local i {width:90px; height:90px; margin:0 auto; display:block; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.local .item:nth-child(1) i {background-image:url('../images/sub/local_ico1.png');}
.local .item:nth-child(2) i {background-image:url('../images/sub/local_ico2.png');}
.local .item:nth-child(3) i {background-image:url('../images/sub/local_ico3.png');}
.local .item:nth-child(4) i {background-image:url('../images/sub/local_ico4.png');}
.local strong {margin:20px 0 15px; font-weight:600; display:block; letter-spacing:-.02em; color:#88c137;}
.local .item:nth-child(even) strong {color:#009dd8;}

.prd-top {display:flex;}
.prd-top .img {order:2;}
.prd-top .cnt {flex:1;}

.prd-slide {padding:75px 0; border:1px solid #ddd;}
.prd-slide .slick-arrow {position:absolute; top:50%; width:71px; height:71px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:100% 100%; background-size:contain;}
.prd-slide .slick-prev {left:50px; background-image:url("../images/sub/prd_prev.png");}
.prd-slide .slick-next {right:50px; background-image:url("../images/sub/prd_next.png");}
.prd-slide img {margin:0 auto;}

.char-flex {display:flex;}
.char-flex .item {width:50%;}
.char-flex ul {margin-top:10px;}

.s-tit {color:#242424; letter-spacing:-.02em; line-height:1.88em;}

.carbon-tb .left {padding-left:20px; text-align:left;}
.carbon-tb .gray {color:#676767;}
.carbon-tb .blue {color:#2d3a9b;}
.carbon-tb .gold {color:#896c38;}
.carbon-tb .green {color:#72b780;}

.carbon-tb table th, .carbon-tb table td {border-right:1px solid #ddd; text-align:center;}
.carbon-tb table th:last-child, .carbon-tb table td:last-child {border-right:0;}
.carbon-tb table td.in-img {padding:25px 0;}

.filter-tb table th {background-color:#dcf3fb !important;}
.filter-tb table td {text-align:center; padding-left:0;}