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

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

.sub-intro {color:#454545; padding-left:30px; margin-bottom:35px; line-height:1.75em; border-top:1px solid #ddd; padding-top:15px;}
.intro-list {border-top:1px solid #ddd; padding:20px 0 0 30px;}
.intro-list li {position:relative; padding-left:25px; margin-bottom:25px;}
.intro-list li:last-child {margin-bottom:0;}
.intro-list li:before {position: absolute; content:''; top:6px; left: 0;width:15px; height:15px; border-radius:50%; border:4px solid #29367c;}
.intro-list li img {width:100%;}
.intro-list li h4 {font-size:20px; margin-bottom:10px; font-weight:500; line-height:1.3em;}
.intro-list li p {color:#454545; line-height:1.75em;}

.facilities {display:flex; padding:30px 0; border-bottom:1px solid #d5d5d6;}
.facilities:first-child {border-top:2px solid #242424;}
.facilities .img {width:25%;}
.facilities .cnt {width:75%; padding:7px 0 0 40px;}
.facilities .cnt li {margin-bottom:10px; position:relative; padding-left:95px; margin-bottom:10px; text-indent:-35px; color:#454545;}
.facilities .cnt li:before {position:absolute; content:''; width:10px; height:10px; border:2px solid #29367c; border-radius:50%; top:9px; left:0;}
.facilities .cnt li span {display:inline-block; padding-right:15px; font-weight:500; color:#242424;}

.local {display:flex;}
.local li {width:50%; margin-top:40px; padding:0 20px;}
.local li.icon1 {border-right:1px solid #d5d5d6;}
.local li.icon2 {padding-left:40px;}
.local li h3 {font-size:24px; font-weight:500; line-height:1.3em; position:relative; padding-left:40px; margin-bottom:10px;}
.local li h3:before {position:absolute; content:'';  height:24px; top:3px; left:0;}
.local li.icon1 h3:before {background:url('../images/sub/local1.png')0 0 no-repeat; width:20px; background-size:contain;}
.local li.icon2 h3:before {background:url('../images/sub/local2.png')0 0 no-repeat; width:24px; background-size:contain;}
.local li p {padding-left:40px; line-height:2em;}
.local li p.addr {margin-bottom:10px;}

.root_daum_roughmap{width:100% !important; height:500 !important}
.root_daum_roughmap .wrap_map {height:500 !important}

.tabmenu {margin-bottom:50px;}
.tabmenu .tabs {display:flex;}
.tabmenu .tabs li {width:50%; display: flex; align-items: center; justify-content: center; height: 76px; text-align: center; border:1px solid #d5d5d6; border-right:none; line-height:1.222em; font-size:18px;}
.tabmenu .tabs li:last-child {border-right:1px solid #d5d5d6;}
.tabmenu .tabs li.active {border:1px solid #2c76b5; background-color:#2c76b5;}
.tabmenu .tabs li.active a {color:#fff;}
.tabmenu .tabs li a {display:block; color:#505050; font-weight:500; font-size:18px;}

.tabmenu .tabs2 li {width:33.3333%;}

.tabmenu {margin-bottom:50px;}
.tabmenu .tabs5 {display:flex;}
.tabmenu .tabs5 li {width:50%; text-align: center; padding:15px 0; border:1px solid #d5d5d6; border-right:none; line-height:1.222em; font-size:18px;}
.tabmenu .tabs5 li:last-child {border-right:1px solid #d5d5d6;}
.tabmenu .tabs5 li.active {border:1px solid #2c76b5; background-color:#2c76b5;}
.tabmenu .tabs5 li.active a {color:#fff;}
.tabmenu .tabs5 li a {display:block; color:#505050; font-weight:500; font-size:18px;}
.tabmenu .tabs5 li {width:20%;}

.tabmenu2 {position:relative; margin-bottom:50px;}
.tabmenu2 .items {padding:0 50px;}
.tabmenu2 .slick-list {}
.tabmenu2 .slick-list:after {content:""; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}
.tabmenu2 .item {border:1px solid #ddd; text-align: center; height:50px; line-height:48px; border-left:0;}
.tabmenu2 .item a {display:block; font-size:18px;}
.tabmenu2 .items .item.active {z-index:2;}
.tabmenu2 .items .item.active a {background:#29367c; color:#fff; border-color:#29367c;}

.tabmenu2 .slick-arrow {text-indent:-9999px; width:15px; height:25px; position: absolute; top:13px; border:none;}
.tabmenu2 .slick-prev {background:url('../images/sub/sub_construction_prev.png')0 0 no-repeat; left:14px;}
.tabmenu2 .slick-next {background:url('../images/sub/sub_construction_next.png')0 0 no-repeat; right:14px;}

.people-list ul {display:flex; margin:0 -20px; flex-wrap:wrap;}
.people-list ul li {width:50%; display:flex; border:1px solid #ddd; margin:0 20px 18px; padding:25px; color: #454545; max-width: calc(50% - 40px);}
.people-list ul li .img {margin-right:25px;}
.people-list ul li .txt p {line-height:1.625em; margin-bottom:3px;}
.people-list ul li .txt p.name {margin-bottom:10px;}
.people-list ul li .txt p span {font-weight:500;}

.topic-list .img {text-align:center; border:1px solid #d5d5d6; padding:30px 0 20px; margin:0 0 45px 30px;}
.topic-list .img2 {margin-bottom:20px;}
.topic-list .img3 {margin-bottom:0;}
.topic-list .img2t {margin-bottom:35px;padding:0 30px;}
.topic-list .img p {font-weight:500; line-height:1.75em;}
.topic-list .topic {border-top:1px solid #d5d5d6; padding:15px 25px 25px; color:#454545;}
.topic-list .topic ul li {text-indent:-10px; padding-left:10px;}

.ptable table {border-collapse:collapse; width:100%; text-align:center; border-top:2px solid #242424;}
.ptable tr td {border-right:1px solid #d5d5d6; border-bottom:1px solid #d5d5d6; padding:20px 0;}
.ptable thead tr td {text-align:center !important; font-weight:500;}
.ptable tbody tr td {color:#454545;}	
.ptable tr td:last-child {border-right:none; text-align:left; padding-left:22px;}

.pub-group {border-top:2px solid #242424;}
.pub-group li {border-bottom:1px solid #ddd;}
.pub-group li a {display:block; padding:25px 10px;}
.pub-group h3 {position:relative; font-weight:500; font-size:18px; line-height:1.7em; padding-left:25px;}
.pub-group h3:before {position:absolute; content:''; top:8px; left:0; width:15px; height:15px; border:4px solid #29367c; border-radius:50%;}
.pub-group p {line-height:1.875em; padding-left:25px; color:#454545;}