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

.doc-tt {margin-bottom:15px;}
.doc-tit {position:relative; font-size:24px; font-weight:700; color:#2c2c2c; padding-left:50px; margin-bottom:20px;}
.doc-tit:before {content:""; position:absolute; top:0; left:0; width:39px; height:30px; background:url('../images/sub/doc-tit.png')0 0 no-repeat; background-size:contain;}
.doc-tit2 {font-size:18px;}

.sub-title .txt p {font-size:24px; line-height:1.667em; margin:40px 0 30px;}
.company-outline {background:url('../images/sub/company_outline.jpg')0 0 no-repeat; padding:185px 0 100px; background-color:#fff;}
.company-outline .contain {background-color:#fff; text-align:center; padding-top:50px;}
.company-outline h3 {font-size:26px; margin-bottom:45px; font-weight:400; line-height:1.3em;}
.company-outline h3 span {color:#006682; font-weight:700;}
.company-outline p {font-size:18px; line-height:1.556em; margin-bottom:30px;}
.company-outline p:last-child {margin-bottom:0;}
.company-outline .ceo {font-size:20px; font-weight:500; line-height:1.4em; color:#2c2c2c; margin-left:60px;}
.company-outline .ceo img {margin:-10px 0 0 20px;}

.ideology {background-color:#e1ecef; height:652px; padding-top:90px;}
.ideology .txt {text-align:center; margin-bottom:30px;}
.ideology .txt h3 {font-size:32px; font-weight:700; color:#222;  margin-bottom:45px; position:relative; line-height:1.3em;}
.ideology .txt h3:after {content:""; display:block; width:2px; height:30px; background:#005c75; margin:20px auto 0;}
.ideology .txt p {font-size:24px; line-height:1.667em;}
.ideology ul {display:flex;}
.ideology ul li {position:relative; width:33.3333%;}
.ideology ul li.ideology1 {text-align:left;}
.ideology ul li.ideology2 {text-align:center;}
.ideology ul li.ideology3 {text-align:right;}
.ideology ul li:before {position:absolute; content:''; width:210px; height:1px; top:50%; left:260px; background-color:#a2a2a2;}
.ideology ul li:after {position:absolute; content:''; width:16px; height:16px; top:50%; margin-top:-7px; right:30px; background-color:#003946; border-radius:50%;}

.ideology ul li p {color:#fff; line-height:1.3em; position:absolute; bottom:95px;}
.ideology1 p {left:70px;}
.ideology2 p {left:50%; transform:translateX(-50%);}
.ideology3 p {right:70px;}
.ideology ul li.ideology2:before {left:330px;}
.ideology ul li.ideology2:after {right:-40px;}
.ideology ul li:last-child:before {display:none;}
.ideology ul li:last-child:after {display:none;} 

.history {padding-top:90px;}
.history h3 {text-align:center; font-size:32px; font-weight:700; color:#222; position:relative; line-height:1.3em;}
.history h3:after {content:""; display:block; width:2px; height:30px; background:#005c75; margin:20px auto 0;}
.history-img {background:url('../images/sub/history.jpg')0 0 no-repeat; display:table; table-layout:fixed; width:100%; height:200px; z-index:1; position:relative; margin-top:50px;}
.history-img p {padding-left:50px; font-weight:700; color:rgba(255,255,255,0.4); font-size:80px; letter-spacing:1.16em; line-height:200px; text-align:center;}
.history .group {display:flex; margin:0 auto; padding-left:510px; padding-top:40px; position:relative;}
.history .group:after {content:""; position:absolute; left:50%; top:50px; bottom:-50px; width:1px; background:#003946;}
.history .group:last-child:after{display:none;}
.history .group h4 {font-size:26px; font-weight:700; color:#003946; margin-right:60px; position:relative;}
.history .group h4:before {position:absolute; content: ''; width:20px; height:20px; border:5px solid #003946; background-color: #fff; border-radius:50%; top:5px; right:-41px; z-index:1;}
.history .group ul {}
.history .group ul li {position: relative; padding-left:55px; font-size:18px; color: #797979; line-height: 1.444em; text-align:left; margin-bottom:10px;}
.history .group ul li span {position: absolute; left:0; font-size:18px; font-weight:500; color:#2c2c2c;}

.certificate {display:flex; flex-wrap:wrap; margin:0 -20px;}
.certificate li {width:25%; text-align:center; margin-bottom:60px;}
.certificate li p {font-size:18px; line-height:1.444em; color:#2c2c2c;}
.certificate li:last-child {margin-bottom:0;}
.certificate li .thumbs {border:1px solid #dfdfdf; margin:0 20px 15px; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, .2);}

.facility {display:flex;}
.facility2 {flex-direction:row-reverse; margin-top:100px;}
.facility .img {width:50%;}
.facility .cnt {width:50%;}
.facility1 .cnt {padding-left:50px;}
.facility2 .cnt {padding-right:50px;}
.facility h3 {font-size:24px; font-weight:500; line-height:1.4em; color:#2c2c2c; margin-bottom:30px;}
.facility table {border-collapse:collapse; width:100%; border-top:2px solid #003946; font-size:18px; line-height:1.3em;}
.facility table tr {border-bottom:1px solid #dfdfdf;}
.facility table tr th {background-color:#fafafa; text-align:center; font-weight:400; border-right:1px solid #dfdfdf;}
.facility table tr td {padding:12px 40px;}

.local {display:flex;}
.local .map {}
.local .cnt {color:#fff; background-color:#003946; padding:0 50px;}
.local .cnt .txt {padding:45px 0 45px 80px; border-bottom:1px solid #4d757e;}
.local .cnt .txt2 {padding-left:0;}
.local .cnt .txt h3 {font-size:22px; font-weight:500; line-height:1.3em;}
.local .cnt .txt {position:relative;}
.local .cnt .txt:before {position:absolute; content:''; width:54px; height:54px; left:5px; top:32px;}
.local .cnt .icon1:before {background:url('../images/sub/local_icon1.png')0 0 no-repeat; background-size:contain;}
.local .cnt .icon2:before {background:url('../images/sub/local_icon2.png')0 0 no-repeat; background-size:contain;}
.local .cnt .icon3:before {background:url('../images/sub/local_icon3.png')0 0 no-repeat; background-size:contain;}
.local .cnt .icon4:before {background:url('../images/sub/local_icon4.png')0 0 no-repeat; background-size:contain;}
.local .cnt .txt h3 span {font-size:16px; font-weight:300; line-height:1.3em;}
.local .cnt .txt p {font-weight:300;}

.intro {display:flex; margin-bottom:70px;}
.intro .img {width:48.2%; border:1px solid #dfdfdf;}
.intro .cnt {width:51.8%; padding-left:40px;}
.intro .cnt table {width:100%; text-align:center; border-collapse:collapse;}
.intro .cnt table thead {color:#fff; background-color:#003946; font-size:16px; line-height:1.4em;}
.intro .cnt table thead tr th {padding:14px 0; font-weight:400;}
.intro .cnt table tbody tr {border-bottom:1px solid #dfdfdf;}
.intro .cnt table tbody tr td {padding:10px 0; border-right:1px solid #dfdfdf;}
.intro .cnt table tbody tr td:last-child {border:none;}

.structure {border:1px solid #dfdfdf; margin-bottom:80px;}
.base-film {margin-bottom:65px;}


.tabmenu2 {margin-bottom:50px;}
.tabmenu2 .tabs {display:flex;}
.tabmenu2 .tabs li {width:12.5%; text-align: center; padding:12px 0; border:1px solid #dfdfdf; border-right:none; border-bottom:1px solid #003946; line-height:1.444em;}
.tabmenu2 .tabs li:last-child {border-right:1px solid #dfdfdf;}
.tabmenu2 .tabs li.active {border:1px solid #003946; border-bottom:1px solid #fff;}
.tabmenu2 .tabs li.active a {color:#003946; font-weight:500;}
.tabmenu2 .tabs li a {display:block; color:#505050; font-weight:400; font-size:18px;}
.product-list-table table {width:100%; text-align:center; border-collapse:collapse;}
.product-list-table table thead {color:#fff; background-color:#003946; font-size:18px; line-height:1.4em;}
.product-list-table table thead tr th {padding:17px 0; font-weight:400;}
.product-list-table table tbody tr {border-bottom:1px solid #dfdfdf;}
.product-list-table table tbody tr td {padding:10px 5px; border-right:1px solid #dfdfdf;}
.product-list-table table tbody tr td:last-child {border-right:none;}

.tabs2 li {width:33.3333% !important;}
.tabs3 li {width:50% !important;}

/* 사이트맵 */
.sitemap {*zoom:1; margin:0 0px; margin-bottom:-50px; margin-top:0px; overflow:hidden; display:flex; flex-wrap:no-wrap;}
.sitemap dl {width:25%; padding:0 10px; margin-bottom:50px; vertical-align:top; box-sizing:border-box;}
.sitemap dl:nth-child(3n+1) {clear:left;}
.sitemap dl dt {margin-bottom:5px; text-align:center; color:#fff; font-size:18px; font-weight:400; line-height:50px; letter-spacing:0; background:#006784;}
.sitemap dl dd {border-bottom:1px solid #ddd;}
.sitemap dl dd > a {display:block; line-height:22px; color:#555; font-size:16px; font-weight:400; background:url("../images/sub/dot.gif") 5px 16px no-repeat; padding:8px 0 8px 30px; text-decoration:none;}
.sitemap dl dd a:hover, .sitemap dl dd a:focus {text-decoration:underline;}