@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.sub-cnt {padding:100px 0;}
.sub-cnt.bgc1 {background-color:#f8f8f8;}

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

.fz17 {font-size:17px;}
.fz18 {font-size:18px; letter-spacing:-.03em; line-height:1.7em;}
.fz19 {font-size:19px; letter-spacing:-.03em; line-height:1.5em;}

.color24 {color:#242424;}

.doc-indent {padding-left:30px;}

.doc-cnt30 {margin-bottom:30px;}
.doc-cnt60 {margin-bottom:60px;}
.doc-cnt100 {margin-bottom:100px;}

.map-content .bt2wid {margin-bottom: 90px;}
.application-wrap {position: relative;}
.pf-text {font-size: 17px; letter-spacing: -.03em; line-height:1.3em; color: #242424; position: absolute; top:15px; left: 0;}

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

.pro-list {padding-top:30px; border-top:2px solid #242424;}
.pro-list ul {margin:0 -15px; display:flex; flex-wrap:wrap;}
.pro-list li {padding:0 15px; margin-bottom:30px; width:33.3333%;}
.pro-list a {padding:25px 25px 40px; height:340px; display:block; border:2px solid #ddd; position: relative;}
.pro-list a .title {font-size:30px; margin-bottom:5px; font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro-list a p {font-size:21px; margin-bottom:12px; font-weight:500; color:#282828; line-height:1.3em; max-height:2.6em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.pro-list a .cnt {font-size:17px; margin-bottom:10px; height:7.5em; line-height:1.5em; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.pro-list a .learn {padding-right:65px; color:#808080; text-align:right; position:absolute; bottom:25px; right:25px;}
.pro-list a .learn:after {width:50px; height:50px; right:0; top:50%; transform:translateY(-50%); background-image:url('../images/sub/arrow1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.pro-list a:hover .learn {color:#cd022a;}
.pro-list a:hover .learn:after {background-image:url('../images/sub/arrow1_on.png');}
.pro-list li:hover a {border-color:#e4788d;}

.board-search.type2 {margin-bottom:45px; display:flex;}
.board-search.type2 .cate {margin-right:10px;}
.board-search.type2 select.input {width:120px;}
.board-search.type2 .input {height:40px;}
.board-search.type2 .btn-pack.dark {width:60px; height:40px; padding:0; text-indent:-999em; padding:0; background-image:url('../images/common/head_search.png'); background-position:center center; background-repeat:no-repeat;}

.search-table table {border-collapse:collapse; width:100%; text-align:center; border-top-right-radius:30px; overflow:hidden;}
.search-table th {font-size :18px; padding:14px 0; border-right:1px solid #ddd; font-weight:500; background-color:#0a4288; color:#fff;}
.search-table td {padding:14px 0;border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.search-table td:last-child {border-right:0;}

.down-linked {padding-left:30px; position:relative;}
.down-linked:before {width:17px; height:19px; left:0; top:50%; transform:translateY(-50%); background-image:url('../images/sub/download.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.down-linked:hover {color:#cd022a;}
.down-linked:hover:before {background-image:url('../images/sub/download_on.png')}

.bt2wid {padding-top:30px; border-top:2px solid #242424;}

.table table {border-top:2px solid #242424; border-collapse:collapse; width:100%; text-align:center;}
.table table td {font-size:18px; padding:15px 0; letter-spacing:-.03em; border-right:1px solid #ddd; border-bottom:1px solid #ddd; color:#242424;}
.table table td:last-child {border-right:0;}

.table2 table {border-top:2px solid #242424; border-collapse:collapse; width:100%; text-align:center;}
.table2 table th {font-size:17px; padding:15px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-weight:500; background-color:#f8f8f8; letter-spacing:-.03em; color: #242424;}
.table2 table td {padding:15px 0; color:#242424; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.table2 table th:last-child,
.table2 table td:last-child {border-right:0;}

.subbg {padding:56px 30px 56px 100px; background-size:cover; background-repeat:no-repeat; color:#fff;}
.subbg.bg01 {background-image:url('../images/sub/subbg_01.jpg');}
.subbg.bg02 {background-image:url('../images/sub/subbg_02.jpg');}
.subbg.bg03 {padding:72px 100px; background-image:url('../images/sub/subbg_03.jpg');}
.subbg b {font-size:40px; margin-bottom:30px; font-weight:600; display:block; line-height:1em; letter-spacing:-.03em;}
.subbg p {margin-bottom:7px;}
.subbg p:last-child {margin-bottom:0;}

.cert ul {display:flex;}
.cert ul li {width:33.3333%; text-align:center;}
.cert ul li strong {font-size:20px; margin:25px 0 10px; color:#cd022a; font-weight:600; letter-spacing:-.03em; line-height:1.3em; display:block;}
.cert ul li p {line-height:1.625em;}

.patent {margin:0 -15px -30px; display:flex; flex-wrap:wrap;}
.patent li {padding:0 15px; margin-bottom:30px; width:20%;}

.enviro {display:flex; align-items:center}
.enviro .img {order:2;}
.enviro .cnt {padding-right:120px; flex:1;}

.indent-list li {margin-bottom:5px; padding-left:12px; text-indent:-12px; line-height:1.625em;}
.indent-list li:last-child {margin-bottom:0;}

.indent-list.type2 {margin-bottom:20px;}

.item.pad {padding:10px 15px 15px 0; display:inline-block;}

.sub5-menu {display:flex; justify-content:center;}
.sub5-menu li {padding:0 8px;}
.sub5-menu li a {font-size:18px; width:230px; height:60px; color:#808080; align-items:center; justify-content:center; border:1px solid #ddd; text-align:center; display:flex; border-radius:30px;}
.sub5-menu li.active a {color:#fff; background-color:#cd022a; border-color:#cd022a;}

.sale-place {padding:100px 0; border-bottom:1px solid #ddd; display:flex;}
.sale-place.first {padding-top:0;}
.sale-place.last {padding-bottom:0; border-bottom:0;}
.sale-place .col-l {font-size:35px; flex:1 180px; max-width:180px; font-weight:600; color:#cd022a; line-height:1em; letter-spacing:-.03em;}
.sale-place .col-r {flex:1; margin:0 -17px -50px; display:flex; flex-wrap:wrap;}
.sale-place .group {padding:0 17px; margin-bottom:50px; width:33.3333%; position:relative;}
.sale-place .box {min-height:575px; padding-top:24px; background-color:#f8f8f8;}
.sale-place .logo {margin-bottom:15px; text-align:center;}
.sale-place .padding {padding-left:30px;}
.sale-place .cen {margin:5px 0 3px;}
.sale-place ul {position:relative;}
.sale-place ul li {margin-bottom:3px; display:flex;}
.sale-place ul li strong {padding-right:3px; letter-spacing:-.03em; line-height:1.5em; font-weight:500; color:#242424;}
.sale-place ul li p {flex:1; line-height:1.5em;}
.sale-place ul li span {padding-top:5px; display:inline-block;}
.sale-place ul li .left {position:absolute; left:0; line-height:1.4em;}
.sale-place ul.pad {padding-left:45px;}

.barogo {font-size:18px; width:201px; height:55px; position:absolute; left:50%; transform:translateX(-50%); bottom:20px; font-weight:500; align-items:center; justify-content:center; color:#808080; letter-spacing:-.03em; border:2px solid #808080; display:flex;}
.barogo span {padding-left:10px;}
.barogo:hover {color:#fff; background-color:#cd022a; border-color:#cd022a;}

.his-top {padding:38px 120px; display:flex; background-color:#f8f8f8; border-radius:10px; align-items:center;}
.his-top p {margin-left:175px; line-height:1.78em; flex:1;}
.his-top p strong {font-weight:500; color:#cd022a;}

.history {position:relative;}
.history:before {width:51px; height:51px; left:256px; top:-18px; background-image:url('../images/sub/hisdotx2.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history .img {position:absolute; top:100px; right:-165px;}
.history .group {padding-top:80px; display:flex; position:relative;}
.history .year {width:275px; padding-left:185px; font-size:24px; font-weight:700; color:#242424; letter-spacing:-.01em;}
.history .year:before {top:-8px; bottom:8px; left:282px; position:absolute; z-index:-1; content:''; width:1px; background-color:#ddd;}
.history .col-r {flex:1;}
.history ul {padding-left:35px; position:relative;}
.history ul:before {width:15px; height:14px; left:0; top:6px; background-image:url('../images/sub/hisdot.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.history ul li {display:flex;}
.history ul li .month {font-size:17px; width:38px; font-weight:600; color:#242424; letter-spacing:-.01em;}
.history ul li .in {flex:1;}
.history ul li.mt15 {margin-top:15px;}