@charset "utf-8";

/*sitemap*/
.directionsdetail *{letter-spacing:-0.75px;}
.popup-layer-contents{display:none;}
.popup-layer-contents.open{position:fixed;display:block;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);z-index:10000;}
.directionsdetail{position:absolute;width: 940px;height: 740px;background:#fff;z-index:10001;left:50%;top:50%;margin-left: -455px;margin-top: -390px;}
.directionsdetail .Btn-close{width:18px;height:18px;background:url(/img/house/liketown_close.png) no-repeat center center;position:absolute;right:15px;top:11px;text-indent:-1000px;overflow:hidden;-webkit-transition-duration:0.1s;transition-duration:0.1s;}
.directionsdetail .Btn-close:hover{transform:rotate(90deg);}
.popheader{position:relative;text-align:center;height: 40px;box-sizing:border-box;color:#fff;background-color:#32a6f3;}

.popheader p{background-color:#1667cc;height:28px;max-width:265px;margin:62px auto 0;box-sizing:border-box;border-radius:14px;padding:0 20px;}
.popheader p span{line-height:28px;font-size:16px;font-family:'Nanum Gothic Bold';text-align:center;color:#c9e8fd;}
.popheader h1 {height: 40px; width: 100%; background: #333; font-weight: normal; line-height: 21px; font-size: 18px; color: #fff; font-family: 'Nanum Square Bold'; padding: 11px 0 0 15px; box-sizing: border-box; text-align: left; }
.popheader h2{font-family:'Nanum Square Bold';color:#fff;font-size: 20px;padding-top:11px;}

.directionsdetail .contentsBox{width:100%;height: auto;padding: 25px 20px;box-sizing:border-box;}
.directionsdetail .top-cont{margin-bottom:17px;overflow:hidden;}

.contentsWraps{width: 100%;overflow: hidden;} 
.sitecontents h1{font-size:20px; color:#595959; background:url(/img/newhelp/icon.png) no-repeat top left ; text-indent:7px; font-weight: 500;}
.sitecontents h2{font-size:14px; color:#595959; text-indent:7px; margin-top:10px; font-weight: 100;}
.sitecontents img{border:0px solid #d5d5d5; margin-left:7px; margin-top:30px; width:722px;} 
.sitecontents li{font-size:14px; color:#595959; text-indent:7px; margin-top:10px; font-weight: 100; line-height:13px;}

.mapSiteContentsWrap{float:left;}
.mapSiteContents{width: 210px;/*min-height: 470px;*/min-height: 497px;height: 100%;margin-bottom: 43px;margin-right: 20px;} /* 2025.02.26. 김보림 자연재해 통계지도 추가 */ /* 2025.06.16. 김보림 청년 통계지도 추가 */
.mapSiteContentsInside{min-height: 380px;} /* 2025.02.26. 김보림 자연재해 통계지도 추가  */
.mapSiteContentsWrap:nth-child(4) > div {margin-right: 0; }
.mapSiteContentsWrap .mapContents:nth-child(2) {min-height: 235px;margin-bottom: 0;} 

.mapSiteTitle{position: relative;box-sizing: border-box;height: 41px;border:solid 1px #4584b6;line-height: 41px;text-align:center;font-size: 17px;color:#4584b6;font-family: 'Nanum Square Bold';}
.mapSiteTitle img{border:0;margin:0;width:60px;height: 39px;position: absolute;z-index: 0;left: 55px;}
.mapSiteTitle span{text-align: center;font-size: 17px;padding-left: 61px;font-family: 'Nanum Square Bold';line-height: 40px;display: inline-block;}
.mapSiteTitle a{color:#4584b6; font-weight:500; }
.mapSiteTitle a:hover{color:#4584b6; text-decoration:underline;}

.mapSiteContents li{line-height:37px;border-bottom:solid 1px #e5e7e8;padding-left:26px;clear: both;margin-top:0;}
.mapSiteContents li.bg{background:url(/img/newhelp/maplogo2.png) no-repeat 32px 7px; cursor: pointer;    text-indent: 58px;}
.mapSiteContents li img{border:0; margin:0; width:45px;   margin-left: 5px; float: left;}
.mapSiteContents li span{float:left; margin-left:5px}
.mapSiteContents li a{color:#595959; font-size:13px;}
.mapSiteContents li a:hover{text-decoration:underline;}

.list{height:170px; overflow:hidden; }
.list li{line-height:33px; border-bottom:solid 0px #e5e7e8; width:180px; padding-left:9px; margin-top:0; background:url(/img/newhelp/icon2.png)no-repeat 8px 15px ;}
.list li a{color:#595959;}
.list li a:hover{text-decoration:underline;}