@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.fz17 {font-size:17px !important; letter-spacing:-.02em; line-height:1.765em;}
.fz18 {font-size:18px !important; letter-spacing:-.02em;}
.fz20 {font-size:20px !important;}
.fz22 {font-size:22px !important;}

.doc-cnt35 {margin-bottom:35px !important;}
.doc-cnt60 {margin-bottom:60px !important;}
.doc-cnt75 {margin-bottom:75px !important;}

.fw500 {font-weight:500 !important;}
.fw600 {font-weight:600 !important;}

.c1 {color:#1c4673 !important;}
.c2 {color:# !important;}

.greeting {display:flex;}
.greeting .img {margin:35px 0 0 20px; order:2;}
.greeting .cnt {flex:1;}
.greeting .fz22 {line-height:1.682em; display:block;}
.greeting p.fz18 {margin-top:40px; line-height:1.944em;}
.greeting p.last {font-weight:600; color:#242424; text-align:right;}
.greeting p.last span {font-size:35px; padding-left:12px; font-weight:400; letter-spacing:-.02em;}
.greeting p.last img {margin:-20px 0 0 10px; vertical-align:middle;}
.greeting p.margin {margin:65px 0 30px;}

.tb-1 table {border-top:2px solid #242424; border-collapse:collapse; width:100%;}
.tb-1 th {font-size:20px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#1c4673; font-weight:600; text-align:center;}
.tb-1 td {padding:32px 50px; font-size:17px; letter-spacing:-.02em; border-bottom:1px solid #ddd;}
.tb-1 td ul li {display:flex; line-height:2em;}
.tb-1 td ul li .year {width:85px; font-weight:600; color:#242424;}
.tb-1 td ul li p {flex:1;}

.tb-2 table {border-top:2px solid #242424; border-collapse:collapse; width:100%;}
.tb-2 thead th {font-size:18px; padding:16px 10px; letter-spacing:-.03em; font-weight:500; color:#242424; text-align:center; background-color:#d5e9ff;}
.tb-2 tbody td {padding:15px 10px; line-height:1.75em; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-2 tbody td:last-child {border-right:0;}
.tb-2 td.left {padding-left:50px; text-align:left !important;}

.doc-tit {font-size:22px; padding-left:35px; margin-bottom:25px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#242424; position:relative;}
.doc-tit:before {width:21px; height:20px; top:5px; left:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.brand {margin:0 -14px -28px; display:flex; flex-wrap:wrap;}
.brand li {padding:0 14px; margin-bottom:28px; width:25%;}

.cert {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.cert li {padding:0 15px; margin-bottom:30px; width:20%; line-height:1.563em; text-align:center;}
.cert li .img {margin-bottom:12px;}

.patent.cert li {width:25%;}

.prd-menu ul {margin-bottom:50px; display:flex; justify-content:center;}
.prd-menu ul li {max-width:300px; padding:0 10px; width:33.3333%;}
.prd-menu ul li a {font-size:17px; height:60px; line-height:1.353em; display:flex; align-items:center; justify-content:center; border-radius:30px; text-align:center; border:1px solid #ddd;}
.prd-menu ul li.active a {color:#fff; background-color:#99c716; border-color:#99c716;}
.prd-menu.ty2 ul {flex-wrap:wrap;}
.prd-menu.ty2 ul li {margin-bottom:20px;}

.tab-sec1 {margin-bottom:55px; display:flex;} 
.tab-sec1 .col-l {margin-right:60px;}
.tab-sec1 .col-r {padding-top:25px; flex:1;}
.tab-sec1 .group {margin-bottom:60px;}
.tab-sec1 .group.mar1 {margin-bottom:50px;}
.tab-sec1 .group.mar2 {margin-bottom:12px;}
.tab-sec1 .group:last-child {margin-bottom:0;}
.tab-sec1 .title {font-size:25px; line-height:1.6em; color:#1c4673; letter-spacing:-.02em; font-weight:600;}
.tab-sec1 .doc-tit {margin-bottom:15px;}

.tab-sec1.ty2 .col-r {padding-top:0 !important;}

.doc-tit-dot {padding-left:24px; margin-bottom:8px; font-size:18px; line-height:1.3em; font-weight:600; color:#242424; letter-spacing:-.02em; position:relative;}
.doc-tit-dot:before {position:absolute; content:''; width:10px; height:10px; top:6px; left:0; border-radius:100%; background-color:#1c4673;}

.slash-list li {padding-left:10px; text-indent:-10px; line-height:1.563em;}

.research-items {background-image:url('../images/sub/sub0301_bg1.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.research-items ul {height:400px; display:flex; align-items:center;}
.research-items ul li {width:25%; color:#fff; font-weight:600; text-align:center; letter-spacing:0; line-height:1.3em; position:relative;}
.research-items ul li:after {height:70px; position:absolute; content:''; top:50%; transform:translateY(-50%);right:0; width:1px; background-color:#fff; opacity:.3;}
.research-items ul li p {margin-top:17px;}

.num-tit {font-size:22px; margin-bottom:20px; font-weight:600; color:#242424; letter-spacing:-.02em; line-height:1.5em;}

.insa {display:flex; margin:0 -20px; justify-content:center;}
.insa li {padding:0 20px;}
.insa li .img {text-align:center;}

.benefits {margin:0 -15px -30px; display:flex; flex-wrap:wrap; text-align:center;}
.benefits li {padding:0 15px; margin-bottom:30px; width:20%; font-weight:500; color:#242424;}
.benefits li .box {height:260px; flex-direction:column; justify-content:center; display:flex; border:1px solid #ddd;}
.benefits li p {margin-top:17px;}

.state {font-size:14px; min-width:67px; max-width:67px; line-height:26px; display:inline-block; margin:0 auto; text-align:center; font-weight:500; letter-spacing:0; color:#fff; border-radius:5px;}
.state.ty1 {background-color:#99c716;}
.state.ty2 {background-color:#aaa;}