@charset "utf-8";

/* 서브레이아웃 상단 비주얼*/
.sub_top {background: url("/images/common/sub/title_bg_02.jpg") no-repeat right center;}
.top_title h2 {padding: 55px 0 20px 0;font-family: 'TTWanjudaedunsanche', 'GmarketSans';font-weight: 400;font-size: 32px;text-align: center;color: #393c5c;}
.top_menu {width: 100%;padding: 0 0 40px 0;}
.top_menu div {display: flex;width: 150px;gap: 12px;margin: 0 auto;}
.top_menu ul {display: flex;gap: 5px;}
.top_menu ul li a {display: block;width: 35px;height: 30px;background: url("/images/common/btn.png") no-repeat;}
.tm_box {border: 2px solid #676a86; border-radius: 30px;}
.top_menu ul .plus a {width: 45px;background-position: center -1302px;}
.top_menu ul .minus a {width: 45px;background-position: center -1262px;}
.top_menu ul .minus {position: relative;}
.top_menu ul .minus::after {display: block;content: "";position: absolute;top: 5px;left: -2px;width: 1px;height: 21px;background-color: #83859e9e;}
.top_menu ul .share a {height: 35px; background-position: 0 -1217px;}
.top_menu ul .print a {height: 35px; background-position: 0 -1160px;}
.top_menu ul li a span {position: absolute; top: -10000px; left: -10000px;}
.top_menu ul li a:hover,.top_menu ul li a:active,.top_menu ul li a:focus {transform: scale(1.1);}

/* 공유하기 펼치기 */
.top_menu .share button{margin-right: 4px; background-position: 5px -81px;}
.top_menu ul .share {position: relative;}
.top_menu .share .sharing_wrap{display: none;position: absolute;top: 30px;left: 0;z-index: 9;width: 100%;}
.top_menu .share .sharing_wrap.on{display: block;}
.top_menu .share .sharing_wrap ul{margin-top: 10px; display: block;}
.top_menu .share .sharing_wrap li{margin-bottom: 6px;}
.top_menu .share .sharing_wrap li a{display: block;width: 40px;height: 40px;margin: 0 auto;font-size: 0;border-radius: 10px;}
.top_menu .share .sharing_wrap li.url a{border: 1px #34a23f solid;background: #34a23f url('/images/common/sub/share_copy.png') center no-repeat;background-size: 30px;}
.top_menu .share .sharing_wrap li.kakao a{background: #ffeb00 url('/images/common/sub/share_kakao.png') center no-repeat;background-size: 30px;}
.top_menu .share .sharing_wrap li.face a{background: #4c7bdd url("/images/common/sns_icon.png") no-repeat center 5px;background-size: 30px;}
.top_menu .share .sharing_wrap .close{display: block;width: 40px;height: 40px;margin: 0 auto;font-size: 0;background: #333 url('/images/common/sub/btn_close.png') 3px 3px no-repeat;border-radius: 10px;border: 1px solid #333;background-size: 30px;}



/* 서브컨텐츠 상단 gnb */
.l_gnb{background:#393c5c;display:block;}
.local{display: flex;flex-direction: column;}
.local:after{content:"";display:block;clear:both}
.local>li{float:left;border-right:1px solid #d7d9e5;position:relative}
.local .home a{display:block;width: 80px;height: 80px;overflow:hidden;background:#4f5272;font-size: 0;}
.local .home a:before{content:"";display:block;width: 35px;height: 35px;background: url("/images/common/btn.png") -1px -1046px;margin: 23px;}
.local li button{color:#fff;font-size:18px;text-align:left;background:#393c5c;width:100%;min-width: 220px;height: 80px;padding: 0 60px 0 30px;position:relative}
.local li button:hover,.local li button:focus{background: #4f5272}
.local li button span{display:block;width:20px;height:0;padding:20px 0 0 0;background:url("/images/common/btn.png") center -893px;overflow:hidden;position:absolute;top:50%;right: 20px;transform:translate(0, -50%)}
.local li.on button{background:#4f5272}
.local li.on button span{background-position: center -855px;}
.local li div{display:none;position:absolute;top: 70px;left:0;right:0;background:#4f5272;padding:10px 30px}
.local li.on div{display:block}
.local div li a{display:block;margin:15px 0;color:#fff;position:relative}
.local div li a:hover,.local div li a:focus{text-decoration:underline;color:#35c8ff}
.local .new_win{background-position:0 0}

.s_con{padding: 40px 20px 60px 20px}

.scon_bottom {margin-top: 30px; font-size: 16px;}
/* 담당자정보 */
.b_wrap{padding:20px;}
.manager h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.manager li:before{display: inline-block;width: 20px;height: 20px;content: "";background: url("/images/common/btn.png") no-repeat center -768px;background-size: 25px;margin-right: 4px;vertical-align: middle;}
.manager li strong {padding-left: 10px;}
.manager li.tel:before{background-position: center -930px;}

/* 최종수정일 */
.b_wrap .date strong {display: inline-block; font-weight: 400;background: #d7d9e5; padding: 6px 13px;}
.b_wrap .date span {display: inline-block; border: 1px solid #d7d9e5; padding: 5px 18px;}

/* 공공누리 */
.license{padding:20px;text-align:center;word-break: keep-all;}
.license div{display:block;margin:0 0 10px 0}
.license p em{font-style:normal;font-weight: 600;color: #34a23f;}

/* 만족도조사 */
.research{padding:20px;}
.research h4{display:block;overflow:hidden;position:absolute;top:0;left:-5000px;font-size:1.8em}
.research p{margin:0 0 10px 0}
.research li{line-height:1.5em}
.research li:first-child{margin:0 0 10px 0}
.research li *{vertical-align:middle}
.research input[type=text]{border:1px solid #ddd;width:100%;height: 45px;box-sizing:border-box;padding-left: 13px;margin-right: -5px;}
.research input[type=submit]{background:#393c5c;color:#fff;width:100%;height: 45px;cursor: pointer;}
.research input[type=submit]:focus { outline-offset: -3px; outline: 2px dashed #fff;}
.research label{margin-right:20px;font-size: 14px;}

/* 서브레이아웃 푸터 */
#ft_con {height: auto;min-height: 0;background: none;overflow: visible;}


/* tablet */
@media all and (min-width: 768px) {
.local {display: block; flex-direction: unset;}
.scon_bottom {border-top: 2px solid #9c9dad;}
.b_wrap {display: flex; justify-content: space-between;}
.b_wrap2 {border-top: 1px solid #9c9dad;}
.manager ul li {float: left;padding: 5px 0;margin-right: 35px;}
.manager ul li strong {font-weight: 600;}
.license {display: flex;border-bottom: 1px solid #9c9dad;}
.license p {padding: 5px 0 10px 10px;}
.research{padding:25px;position:relative}
.research input[type=text]{width: calc(100% - 170px);}
.research input[type=submit]{width:100px}
.research a.btn_bbsw{width:100px;position:absolute;top:20px;right:25px}

.top {top: -20px;}
}

/* desktop*/
@media all and (min-width: 1023px) {
.top_title h2 {font-size: 45px;}
.local li button {width: 300px;font-size: 19px;}

.scon_bottom {font-size: 17px;}

.b_wrap2 {padding: 20px;}
.license {padding: 0;border: none;}
.license p {text-align: left;}
.license p span {display: block;}
.research {padding: 0;margin-top: 20px;}
.research ul:after{display: block;clear: both;content:"";}
.research li{float:left;width:50%}
.research li:last-child{margin-top: -25px;text-align: end;}

}
@media (min-width: 1200px) {
.sub_container {position: relative;top: 90px;}
.l_gnb>div, .s_con, .scon_bottom {width: 95%; margin: 0 auto;}
.s_con{padding: 40px 0;}
.b_wrap, .b_wrap2 {padding: 20px 0;}

.foot {position: static;}
.top {top: 50px;}
#ft_con {margin: 80px 0 0 0;}
}


/* 와이드 desktop*/
@media all and (min-width: 1620px) {
.l_gnb>div,.s_con,.scon_bottom {width: 1620px;}
.b_wrap2 {display: flex; justify-content: space-between;}
.research {width: calc(100% - 750px);margin: 0;}

.top {top: 50px;right: 40px;}
}