/* @charset "utf-8"; */
@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-tit {position:relative; font-weight:700; padding-left:43px; font-size:28px; color:#2c2c2c; margin-bottom:25px;}
.doc-tit:before {content:""; position:absolute; top:-2px; left:0; width:28px; height:32px; background:url('../images/common/doc-tit.png')0 0 no-repeat; background-size:contain;}

.greeting .img {margin-bottom:30px;}
.greeting .txt {font-size:18px; color:#2c2c2c;}
.greeting .txt p {margin-bottom:15px; line-height:1.667em;}
.greeting .txt p.ceo {text-align:right; font-weight:500; margin-top:50px; margin-bottom:0;}
.greeting .txt p.ceo img {margin-top:-20px;}
.greeting .txt p.ceo span {font-size:24px; margin-right:20px;}

.mission {display:flex;}
.mission .txt {width:34.2%; box-shadow:1px 0px 20px 0px rgba(0,0,0,.1); padding:50px; position:relative;}
.mission .txt p {font-size:26px; color:#2c2c2c; font-family:'NanumSquare'; margin-bottom:35px; line-height:1.462em;}
.mission .txt p.p1 {margin-bottom:0;}
.mission .txt p span {font-weight:800;}
.mission .txt p span.s1 {color:#eeb817;}
.mission .txt .tt {font-size:60px; line-height:1.4em; letter-spacing:.26em; color:rgba(46,45,44,.15); font-family:'NanumSquare'; font-weight:800; position:absolute; right:-22px; bottom:0; writing-mode:vertical-lr; transform:rotate(180deg);-ms-transform:rotate(-90deg);}
@media screen and (min-width:0\0) { .mission .txt .tt {right:-160px; bottom:140px;}}

.mission .img {width:65.8%;}
.mission .img img {height:100%;}

.chart {position:relative;}	
.chart-txt {font-size:20px; font-family:'NanumSquare'; line-height:1.6em; color:#2c2c2c; position:absolute; top:180px; left:100px; padding-top:40px; width:100%; max-width:calc(100% - 200px); background-color:#fff; text-align:center;}
.chart-img2 {margin-top:70px; text-align:center;}
.chart-img3 {margin-bottom:100px;}

.root_daum_roughmap{width:100% !important; height:360px !important; z-index:5;}
.root_daum_roughmap .wrap_map {height:360px !important; z-index:5;}

.local {margin-top:20px;}
.local li {font-size:18px; display:flex; align-items:center; border-top:1px solid #dfdfdf; padding:21px 0;}
.local li:last-child {border-bottom:1px solid #dfdfdf;}
.local li span {font-size:20px; color:#2c2c2c; font-weight:500; font-family:'NanumSquare'; width:8.3333%; text-align:center;} 

.procedure {display:flex; margin:0 -12px;}
.procedure li {width:25%; display:flex; flex-direction:column; justify-content:center; text-align:center; border:1px solid #dfdfdf; border-radius:50%; height:220px; margin:0 12px;}
.procedure li span {font-weight:700;}
.procedure li .img {margin:20px 0;}
.procedure li p {font-size:20px; font-family:'NanumSquare'; color:#2c2c2c;}
.procedure .c1 {border:2px solid #efbc25;}
.procedure .c1 span {color:#eeb817;}

.area-list {background-color:#f8f8f8; padding:100px 0;}
.area-list > ul {} 
.area-list .contain .group {display:flex; margin-bottom:80px;}
.area-list .contain .group:last-child {margin-bottom:0;}
.area-list .contain .group.reverse {flex-direction:row-reverse;}
.area-list .contain .group.reverse .txt {padding-left:0;}
.area-list .contain .group .img {width:48.3333%;}
.area-list .contain .group .txt {width:51.6667%; padding-left:50px;}
.area-list .contain .group .txt h3 {font-size:30px; color:#2c2c2c; font-family:'NanumSquare'; font-weight:800; line-height:1.3em; margin-bottom:5px;}
.area-list .contain .group .txt p {font-size:19px; margin-bottom:20px;}
.area-list .contain .group .txt ul {}
.area-list .contain .group .txt ul li {font-size:18px;}
.area-list .contain .group .txt ul li span {color:#2c2c2c; display:inline-block; margin-right:20px;}

.business-tab .tabmenu {max-width:1200px; margin:0 auto 50px; position:relative;}
.business-tab .tabmenu ul {display:table; table-layout:fixed; width:100%;}
.business-tab .tabmenu ul li {display:table-cell; text-align:center;}
.business-tab .tabmenu ul li a {font-size:18px; color:#797979; display:block; background-color:#fafafa; height:50px; border:1px solid #ddd; border-right:0; border-bottom:1px solid #eeb817; line-height:50px;}
.business-tab .tabmenu ul li:last-child a {border-right:1px solid #ddd;}
.business-tab .tabmenu ul li.active a {border:1px solid #eeb817; border-bottom:1px solid #fff; color:#eeb817; background-color:#fff;}
.business-tab .tabmenu ul li.active a + li {border-left:0;}

.business-detail {margin-bottom:50px;}
.business-detail .item {position:relative;}
.business-detail .slick-arrow {position:absolute; top:50%; margin-top:-25px; width:50px; height:50px; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.business-detail .slick-prev {left:70px; background-image:url("../images/main/record_prev.jpg"); z-index:1;}
.business-detail .slick-next {right:70px; background-image:url("../images/main/record_next.jpg");}
.business-detail .single-item .img img {margin:0 auto;}

.detail-box {display:flex; flex-wrap:wrap; background-color:#fafafa; border:1px solid #dfdfdf; padding:46px 50px; margin-bottom:50px;}
.detail-box li {width:50%; position:relative; padding-left:107px;}
.detail-box li:nth-child(-n+2) {margin-bottom:30px;}
.detail-box li span {font-size:22px; color:#2c2c2c; font-family:'NanumSquare'; font-weight:700; display:inline-block; position:absolute; left:0;}

.go_list {font-size:18px; display:block; background-color:#eeb817; width:200px; height:50px; line-height:50px; text-align:center; margin:0 auto; color:#fff;}

/* 사이트맵 */
.sitemap {*zoom:1; overflow:hidden; display:flex; flex-wrap:no-wrap; margin:0 -10px;}
.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:#eeb817;}
.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;}