@charset "utf-8";



html, body{height : 100%;}
/* CSS Document */
.top_wrap{height: 65px; background: #FFFFFF; border-bottom: 1px solid #464646;}
.top_wrap h1{background: url(../images/logo.png) no-repeat; text-indent: -100000px; margin: 15px 0 0 15px; height: 34px; width: 124px; display: inline-block; float: left}
.top_wrap .search{width: 300px; height: 28px; border-radius: 30px; border: 3px solid #1f76c8; padding-left: 10px; float: left; margin: 15px 0 0 10px;}
.top_wrap .search input{height: 25px; width: 207px; border: 0; font-family: "맑은 고딕"; letter-spacing: -0.05em; float: right;ime-mode:active;}
.top_wrap .search button{width: 22px; height: 22px; text-indent: -100000px; border: 0; display: inline-block; background: url(../images/btn_search_3.png) no-repeat; float: right; margin-top: 5px; cursor: pointer;}

.site_join{float: right; font-size: 12px; margin-top: 5px;}
.site_join li{float: left; margin-right: 20px; color: #7d7d7d; cursor: pointer;}
.site_join li:hover{color: #484848;}

.site_join_en{float: right; font-size: 12px; margin-top: 5px;}
.site_join_en li{float: left; margin-right: 20px; color: #7d7d7d; cursor: pointer;}
.site_join_en li:hover{color: #484848;}

.site_menu{float: right; font-size: 12px; margin-top: 5px;}
.site_menu li{float: left; margin-right: 20px; color: #7d7d7d; cursor: pointer;}
.site_menu li:hover{color: #484848;}

.Family_site{float: right; width: 90px; margin-right: 10px; cursor: pointer;}
.Family_site li.heading{font-size: 12px; margin-top: 5px; color: #1157b3; background: url(../images/icon_cts.png) no-repeat 65px -443px;}
.Family_site li.heading_off{font-size: 12px; margin-top: 5px; color: #1157b3; background: url(../images/icon_cts.png) no-repeat 65px -493px;}

.Family_site li.content ul{font-size: 12px; float: left; position: absolute; z-index: 1; background-color: #fff; padding: 3px; border: 1px solid #E5E5E5; width: 85px}
.Family_site li.content ul li{float: left; color:#636363; background: url(../images/icon_cts.png) no-repeat 0 -342px; padding-left: 5px;}
.Family_site li.content ul li:hover{text-decoration: underline;}
/* 푸터 */
.footer ul{position: absolute; height: 30px; bottom: 0; padding-left: 10px; font-size: 12px; line-height: 30px; background: #efefef; width: 335px; box-sizing: border-box;}
.footer ul li{float: left; margin-right: 20px; color: #888; cursor: pointer;}
.footer ul li:hover{font-weight: 500; color: #6b6b6b}
.footer ul li:last-child{margin-right: 0;}

/* .cts_wrap{width: 100%; height:calc(100% - 66px); position: absolute; background: url(../images/map.png) no-repeat; background-color: #000;} */
.cts_wrap{
	width: 100%; height:calc(100%); position: absolute; background: url(../images/map.png) no-repeat; background-color: #000;
	height : -moz-calc(100%);
    height : -webkit-calc(100%);
    height : -o-calc(100%);
    height : -ms-calc(100%);
}
.navi{width: 70px; height: 100%; background: #182739; float: left}
.navi ul li{width: 70px; height: 70px; cursor: pointer; color: #fff; font-size: 12px; font-weight: 400; text-align: center; padding-top: 45px; box-sizing: border-box; background: url(../images/navi_icon.png); letter-spacing: -0.05em;}
.navi ul li.m_1{background-position: 0 0;}
.navi ul li.m_2{background-position: 0 -70px;}
.navi ul li.m_3{background-position: 0 -140px;}
.navi ul li.m_4{background-position: 0 -210px;}
.navi ul li.m_5{background-position: 0 -280px;}
.navi ul li.m_6{background-position: 0 -350px;}
.navi ul li.m_7{background-position: 0 -420px;}

.navi ul li:hover, .navi ul li.active{background-color: #266bc5;}
.navi ul li.m_1:hover, .navi ul li.m_1.active{background-position: -70px 0;}
.navi ul li.m_2:hover, .navi ul li.m_2.active{background-position: -70px -70px;}
.navi ul li.m_3:hover, .navi ul li.m_3.active{background-position: -70px -140px;}
.navi ul li.m_4:hover, .navi ul li.m_4.active{background-position: -70px -210px;}
.navi ul li.m_5:hover, .navi ul li.m_5.active{background-position: -70px -280px;}
.navi ul li.m_6:hover, .navi ul li.m_6.active{background-position: -70px -350px;}
.navi ul li.m_7:hover, .navi ul li.m_7.active{background-position: -70px -420px;}

.contents{width: 335px; height: 100%; background: #fff; float: left; overflow-x: hidden; overflow-y: auto; border-right: 1px solid #000; font-family: "Nanum Gothic";}
.contents h1{font-size: 13px; line-height: 36px; padding-left: 28px; background: url(../images/icon_cts.png) no-repeat 12px 11px; background-color: rgba(255,255,255,0); font-family: "Nanum Gothic"; color: #1d7dfb; float: left; width: 100%; box-sizing: border-box;}
/* .contents h1{font-size: 13px; line-height: 36px; padding-left: 28px; background: url(../images/icon_cts.png) no-repeat 12px 11px; background-color: #ebebeb; font-family: "Nanum Gothic"; color: #1d7dfb; float: left; width: 100%; box-sizing: border-box;} */
.contents h2{font-size: 13px; font-weight: normal; line-height: 32px; box-sizing: border-box; padding-left: 30px; background: url(../images/icon_cts.png) no-repeat 9px -41px; float: left; width: 100%; box-sizing: border-box;}
.contents h2 span{color: #1d7dfb; font-weight: 500;}
.contents h3{font-size: 13px;; font-weight: normal; color: #5b5b5b; letter-spacing: -0.04em}
/* 탭 _홈 */
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    font-size:13px;
}
ul.tabs li {
	color: #7d7d7d;
	background: #efefef;
    float: left;
    text-align:center;
    cursor: pointer;
    width:110px;
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #dcdcdc;
    overflow: hidden;
    position: relative;
	font-weight: normal;
}
ul.tabs li:last-child{border-right: 0;}
ul.tabs li:first-child{border-left: 0;}
ul.tabs li.active {
	font-weight: 500;
	color: #1d7fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border-top: none;
    float: left;
    width: 335px;
	height: calc(100% - 66px);
	height : -moz-calc(100% - 66px);
    height : -webkit-calc(100% - 66px);
    height : -o-calc(100% - 66px);
    height : -ms-calc(100% - 66px);
	position: absolute;
	top: 36px;
	overflow-y: auto;
}
.tab_content {
    padding: 10px;
    display: none;
}
.tab_container .tab_content ul {
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
#container {width: 335px; font-family: "Nanum Gothic"}
/* 홈_탭1 */
.tap_1_map{width: 305px; height: 461px; background: url(../images/bg_map.png) no-repeat; margin: 20px 0;}
/* 홈탭 공통 */
.home_notice{margin: 30px 0 15px 0; font-family: "Nanum Gothic"; border-bottom: 1px solid #e5e5e5;}
.home_notice dt{background-color: #e5e5e5; border-radius: 50px; padding-left: 8px; font-weight: 500; color: #4a4a4a; font-size: 16px; line-height: 24px; margin-bottom: 5px; cursor: default;}
.home_notice dt button{width: 20px; height: 20px; border-radius: 50px; background: url(../images/icon_cts.png) no-repeat 6px -844px; background-color: #2c76bc; text-indent: -1000px; line-height: 24px; float: right; margin: 2px;}
.home_notice dd{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 4px -336px; padding-left: 10px; letter-spacing: -0.02em; color: #6b6b6b; line-height: 30px; cursor: pointer;}
.home_notice dd:hover{color: #2c76bc; text-decoration: underline;}
.home_menu{font-family: "Nanum Gothic"; font-size: 14px;}
.home_menu li{color: #6b6b6b; background: url(../images/icon_vod.png) no-repeat; width: 83px; text-align: center; padding-top: 80px!important; float: left; margin-right: 9px; margin-bottom: 10px; cursor: pointer;}
.home_menu li:hover{text-decoration: underline;}
.home_menu li:last-child{margin-right: 0px;}
.home_menu li.vod{background: url(../images/solarVideo.PNG) no-repeat;background-size: 137px;width: 98px;background-position: 0 0;}
.home_menu li.manual{background-position: -105px 0;}

/* 홈_탭2 */
.tab2_table{font-size: 12px; font-family: "Nanum Gothic"; color: #555; letter-spacing: -0.04em; margin: 10px 0;}
.tab2_table th{line-height: 28px; background: #d6e4f1; border-bottom: 2px solid #fff; font-weight: 500; width: 87px; }
.tab2_table tr{}
.tab2_table td{text-align: center; width: 70px;}
.tab2_graph{ width: 300px; height: 300px;}

/* 주소검색 = 기본정보 */

.tabs_2{float: left; font-size: 13px;}
.tabs_2 li{float: left; width: 167px; text-align: center; line-height: 35px; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: #efefef; cursor: pointer;}
.tabs_2 li.active{background: #fff; border-bottom: 0;}
.tabs_2 li:last-child{border-right:0}

/*ul.tabs_2 {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 35px;
    border-bottom: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    font-size:13px;
}
ul.tabs_2 li {
	color: #7d7d7d;
	background: #efefef;
    float: left;
    text-align:center;
    cursor: pointer;
    width:166px;
    height: 35px;
    line-height: 35px;
    border-right: 1px solid #dcdcdc;
    overflow: hidden;
	font-weight: normal;
}
ul.tabs_2 li:last-child{border-right: 0;}
ul.tabs_2 li:first-child{border-left: 0;}
ul.tabs_2 li.active {
	font-weight: 500;
	color: #1d7fff;
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container_2 {
    border-top: none;
    float: left;
    width: 335px;
	height: calc(100% - 36px);
	position: absolute;
	top: 36px;
	overflow-y: auto;
}
.tab_content_2 {
    display: none;
	float: left;
	width: 335px;
}
.tab_container_2 .tab_content_2 ul {
    margin:0px;
    padding:0px;
}
.tab_container_2 .tab_content_2 ul li {
    padding:5px;
    list-style:none
}*/

/* 지도검색 */
.search_list{float: left; height: calc(100% - 100px); box-sizing: border-box; position: absolute; width: 335px; top: 70px; overflow-y: auto;
	height : -moz-calc(100% - 100px);
    height : -webkit-calc(100% - 100px);
    height : -o-calc(100% - 100px);
    height : -ms-calc(100% - 100px);

}
/*위치검색*/
.s_location {margin: 12px 0 0 12px; font-family: "맑은 고딕"}
.s_location li.title{cursor: pointer;}
.s_location li.title:hover{background-color:#eee;}
.s_location li.title:nth-child(1){background:url(../images/num/icon_pin_1.png) no-repeat;}
.s_location li.title:nth-child(2){background:url(../images/num/icon_pin_2.png) no-repeat;}
.s_location li.title:nth-child(3){background:url(../images/num/icon_pin_3.png) no-repeat;}
.s_location li.title:nth-child(4){background:url(../images/num/icon_pin_4.png) no-repeat;}
.s_location li.title:nth-child(5){background:url(../images/num/icon_pin_5.png) no-repeat;}
.s_location li.title:nth-child(6){background:url(../images/num/icon_pin_6.png) no-repeat;}
.s_location li.title:nth-child(7){background:url(../images/num/icon_pin_7.png) no-repeat;}
.s_location li.title:nth-child(8){background:url(../images/num/icon_pin_8.png) no-repeat;}
.s_location li.title:nth-child(9){background:url(../images/num/icon_pin_9.png) no-repeat;}
.s_location li.title:nth-child(10){background:url(../images/num/icon_pin_10.png) no-repeat;}

.s_location li ul{margin-bottom: 20px;}
.s_location li ul li{padding-left: 40px; font-size: 12px; line-height: 20px;}
.s_location li ul li:first-child{font-weight: bold; color: #004174; text-decoration: underline;}
.s_location li ul li.addr{color: #868585; background: url(../images/icon_addr.png) no-repeat 41px 3px; padding-left: 73px; letter-spacing: -0.07em;}
.s_location li ul li.phone{color: #1d7fff}
.s_location li ul li.phone span{color: #777; }

.s_paging_wrap{text-align: center; padding: 10px 0 10px 0; border-top: 1px solid #ccc}
.s_paging{font-family: "맑은 고딕"; font-size: 11px; color: #5C6777; margin: auto; display: inline-block;}
.s_paging li{float: left; text-align: center; width: 15px; height: 15px; border: 1px solid #B0B0B0; margin-left: 5px; line-height: 15px; cursor: pointer;}
.s_paging li:hover{background: #182739; color: #fff; border: 1px solid #182739;}
.s_paging li:first-child{border: 0;}
.s_paging li:last-child{border: 0}

/* 부지분석 */
.wrap_cts{float: left; height: calc(100% - 65px); box-sizing: border-box; position: absolute; width: 335px; top: 36px; overflow-y: scroll; font-family: "Nanum Gothic";
    height : -moz-calc(100% - 65px);
    height : -webkit-calc(100% - 65px);
    height : -o-calc(100% - 65px);
    height : -ms-calc(100% - 65px);
}
/* 부지분석 아코디언 */
.acd_1{color: #899faf; font-size: 17px; font-weight: 500; letter-spacing: -0.05em; line-height: 42px; background: url(../images/icon_cts.png) no-repeat 10px -137px; padding-left: 30px; cursor: pointer; width: 285px; box-sizing: border-box; float: left;}
.acd_1_off{background-position: 10px -87px; color: #1d7dfb;}
.acd_1_cts{clear: both; padding: 0 0 0 20px; box-sizing: border-box; width: 310px; float: left;}

.info{width: 30px; height: 30px; background: url(../images/icon_cts.png) no-repeat 7px -193px; text-indent: -10000px; margin-top: 7px; float: right; clear: both;}
.info:hover,.info:focus{background-position: 7px -243px;}
.sub_cts{font-size: 14px;}
.sub_cts li{background: url(../images/icon_cts.png) no-repeat}

.sub_cts li.title{background-position: 0 -290px; padding-left: 10px; line-height: 30px; color: #5b5b5b; font-weight: 500;}
.sub_cts li.title span{font-size: 11px; font-weight: normal; color: #757373;}

.sub_cts li.cts_list{background-position: 0 -339px; padding-left: 10px; line-height: 25px; font-size: 13px; color: #757373;margin-left:10px;}
.sub_cts li.cts_list span{width: 60px; display: inline-block;}

.sub_cts li.cts_list2{display:none;background-position: 0 -339px; padding-left: 10px; line-height: 25px; font-size: 13px; color: #757373;}

.sub_cts li.tip{background:rgba(255,255,255,0); font-size: 11px; font-weight: normal; color: #9b9b9b;}
.sub_cts li.important{background: rgba(255,255,255,0); font-size: 11px; font-weight: normal; color: #5092fc;}
/* 방법 설명 버튼 */
.sub_cts li.button_tip{background-position: -100px; background-color: #788ca6; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin-top: 10px;}
.sub_cts li.button_tip span{ display: inline-block; background: url(../images/icon_cts.png) no-repeat 0 -393px; padding-left: 20px;}
.sub_cts li.button_tip:hover{background-color: #5c7699;}
/* 기능실행 버튼 */
.sub_cts li.button_run{background-position: -100px; background-color: #1d7fff; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin: 5px 0 10px 0;}
.sub_cts li.button_run span{ display: inline-block; background: url(../images/icon_cts.png) no-repeat 0 -541px; padding-left: 20px;}
.sub_cts li.button_run:hover{background-color: #1a6cd7;}
.sub_cts li.content{background: #fff; cursor: pointer;}
/* 용량조회 */
.btn{background: url(../images/icon_cts.png) no-repeat; background-color: #557298; padding: 0px 6px 0px 22px; font-size: 11px; color: #fff; border-radius: 3px; border: 1px solid #365072; line-height: 18px;}
.btn:hover{background-color: #365072;}
.btn.b_1{background-position: 5px -597px;}
.btn.b_2{background-position: 5px -647px;}

.danUpdown{ background-color: #557298; padding: 2px; font-size: 11px; color: #fff; border-radius: 3px; border: 1px solid #365072; line-height: 18px;}


input.l_s{border: 1px solid #bababa; width: 80px; margin-right: 3px; padding-left: 3px; margin-left: 5px;}
input.l_s3{border: 1px solid #bababa; width: 80px; margin-right: 3px; padding-left: 3px; margin-left: 5px;}
input.l_xs{border: 1px solid #bababa; width: 40px; margin-right: 3px; padding-left: 3px; margin-left: 5px;}

/* 토지이용현황분석 */
.check{clear: both; display: inline-block; font-weight: normal;float: right;}
/* 지도 _컨트롤/ 주소바 */
.map_ctrl{height: 36px; width: 100%; background: #fff; border-bottom: 1px solid #dcdcdc; padding-left: 425px; box-sizing: border-box; line-height: 36px;}
.map_location{font-size: 12px; color: #7d7d7d; float: left; cursor: default;}
.map_location li{float: left; background: url(../images/icon_cts.png) no-repeat 0px -700px;; line-height: 36px; padding-left: 30px; margin-right: 10px;}
.map_location li:first-child{background: #fff; padding-left: 0px;height: 34px;}
.map_btn{ float: right; font-size: 12px;border: 1px solid #c2c1c1; line-height: 24px; margin-top: 5px; cursor: pointer; margin-right: 3px;}
.map_btn li{float: left; padding: 0 10px; border-right: 1px solid #c2c1c1; color: #505254;}
.map_btn li:last-child{border-right: 0}
.map_btn li:hover, .map_btn li.active{background: #1f76c8; color: #fff;}
.map_ctrl select{color: #7d7d7d;}

/* i팝업 */
.pop_info{position: absolute; top: 0px; left: 405px;z-index:2; width: 300px; max-height: 500px; overflow-y: auto; background: #fff;}
.pop_info h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -243px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_info h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_info h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_info p{font-size: 12px; padding: 10px; color: #4D4D4D;}
/* ?팝업 */
/* i팝업 */
.pop_method{position: absolute; top: 0px; left: 405px; width: 700px; background: #fff;z-index:3;}
.pop_method h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -793px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_method h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_method h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_method p{font-size: 12px; padding: 10px; color: #4D4D4D;}
.pop_method dl.method_list{padding: 10px; font-size: 12px;}
.pop_method dl.method_list dt{font-weight: bold; color: #2374de;}
.pop_method dl.method_list dd{color: #626262; padding-left: 10px; background: url(../images/icon_cts.png) no-repeat 5px -343px;}

.pop_scr{max-height: 500px; overflow-y: scroll; overflow-x: hidden;}
.pop_scr img.p_2{width: 100%; height: 100%;}
.pop_scr li.img_ctrl{float: left; display: inline-block; width: 330px; height: 330px; padding: 10px 0px 40px 10px; text-align: center; font-size: 11px; color: #707070; cursor: pointer;}

/* 아이콘 정보보기 팝업 */
.pop_icon{position: absolute; bottom: 34px; right: 10px; width: 140px; max-height: 500px; background: #fff;}
.pop_icon h1{font-size: 13px; background-color: #fff; line-height: 30px; padding-left: 26px}
.pop_icon h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_icon h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_icon table tr td{font-size: 12px; padding: 5px; color: #4D4D4D;}

#btn_icon_info {position: absolute; width:140px; bottom:0px; right:10px; background-color: #99bbff; color: #fff; text-align: center; font-size: 12px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; z-index: 1; border: 5px solid #99bbff; border-left: 15px solid #99bbff; border-right: 15px solid #99bbff; margin: 5px 0 10px 0;}
#btn_icon_info.active{background-color: #1f76c8; color: #fff; border: 5px solid #1f76c8; border-left: 15px solid #1f76c8; border-right: 15px solid #1f76c8;}

/* 사업추진절차 팝업 */
.pop_footer_m1{position: absolute; top: 36px; left: 405px; background: #fff; height: calc(100% - 37px); width: calc(100% - 407px);
	height : -moz-calc(100% - 37px);
    height : -webkit-calc(100% - 37px);
    height : -o-calc(100% - 37px);
    height : -ms-calc(100% - 37px);
    width: -moz-calc(100% - 407px);          /* => 파폭 */
    width: -webkit-calc(100% - 407px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 407px);            /* => 오페라 */
    width: -ms-calc(100% - 407px);           /* => 익스플로러 */    
        
}
.pop_footer_m1 h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -793px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_footer_m1 h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_footer_m1 h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}

.pop_footer_m1 div.pop_contents{width: 300px; background: #F1F1F1; padding: 10px; overflow-x: hidden; overflow-y: auto; height: calc(100% - 55px); float: left;
	height : -moz-calc(100% - 55px);
    height : -webkit-calc(100% - 55px);
    height : -o-calc(100% - 55px);
    height : -ms-calc(100% - 55px);
}
.pop_footer_m1 div.left_contents{width: calc(100% - 321px);  height: calc(100% - 31px); float: left; overflow-y: auto; border-left: 1px solid #E1E1E1;
	width: -moz-calc(100% - 321px);          /* => 파폭 */
    width: -webkit-calc(100% - 321px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 321px);            /* => 오페라 */
    width: -ms-calc(100% - 321px);           /* => 익스플로러 */
    height : -moz-calc(100% - 31px);
    height : -webkit-calc(100% - 31px);
    height : -o-calc(100% - 31px);
    height : -ms-calc(100% - 31px);
}
.pop_footer_m1 dl.process_list{padding: 0 0 0 10px; }
.pop_footer_m1 dl.process_list dt{font-weight: bold; color: #2374de; font-size: 15px; line-height: 25px; cursor: pointer; margin-top: 15px;}
.pop_footer_m1 dl.process_list dt:hover,.pop_footer_m1 dl.process_list dt.active{color: #1a6cd7; text-decoration: underline;}
.pop_footer_m1 dl.process_list dd{color: #626262; padding-left: 13px; background: url(../images/icon_cts.png) no-repeat 5px -338px; font-size: 13px; line-height: 25px; cursor: pointer;}
.pop_footer_m1 dl.process_list dd:hover,.pop_footer_m1 dl.process_list dd.active{text-decoration: underline;}

.pop_footer_m1 h2{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -290px; background-color: #fff; line-height: 30px; padding-left: 15px; border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1;}
.pop_footer_m1 p{font-size: 13px; padding: 10px 15px;}
.pop_footer_m1 p.link{color:#585858; }
.pop_footer_m1 p.link button{background: url(../images/icon_cts.png) no-repeat 5px -543px; padding: 0 10px 0 25px; background-color: #1d7fff; color: #fff; text-align: center; line-height: 25px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; border-radius: 3px}
.pop_footer_m1 p.link button:hover{background-color: #1a6cd7;}

/* 오류신고 테스트 */
.ui-dialog .ui-dialog-titlebar{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -894px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px; font-weight: 500; cursor: move;}
.pop_error{background: #fff; position: absolute; padding: 10px; left: 405px;}
.ui-dialog .ui-dialog-titlebar-close {float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -744px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px; top: 20%} 
.ui-dialog .ui-dialog-titlebar-close {float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -744px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px; top: 20%} 
.ui-dialog .ui-dialog-titlebar-close:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }

.error_cts{width: 380px; float: left; font-size: 14px;}
.error_cts li{border: 2px solid #D9D9D9; padding: 3px 0 4px 10px; border-radius: 3px; font-family: "Nanum Gothic"; font-weight: 600; margin-bottom: 3px;}
.error_cts li:last-child{border: 0; text-align: center; padding: 8px 0 0 0; font-size: 12px; color: #7E7E7E;}
.error_cts li label{border-right: 1px solid #D9D9D9; padding-right: 10px; width: 53px; display: inline-block;}
.error_cts li label.error_write{height: 140px; float: left; margin-top: 3px;}
.error_cts li input{width: 296px;}
.error_cts li input.error_box{height: 150px; float: left;}
.error_cts li select{width: 290px;}
.error_cts li textarea{width: 285px; height: 140px; padding: 0 5px;}


/* 180523_부가서비스 */ 
.pop_services_m1{position: absolute; top: 66px; left: 405px; background: #fff; height: calc(100% - 37px); width: calc(100% - 407px); z-index:2;
	width: -moz-calc(100% - 407px);          /* => 파폭 */
    width: -webkit-calc(100% - 407px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 407px);            /* => 오페라 */
    width: -ms-calc(100% - 407px);           /* => 익스플로러 */
    height : -moz-calc(100% - 37px);
    height : -webkit-calc(100% - 37px);
    height : -o-calc(100% - 37px);
    height : -ms-calc(100% - 37px);
}
.pop_services_m1 h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -991px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_services_m1 h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_services_m1 h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_services_m1 h2{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -290px; background-color: #fff; line-height: 30px; padding-left: 15px; border-bottom: 1px solid #E1E1E1; border-top: 1px solid #E1E1E1; clear: both;}
.services_tab{}
.services_tab li{float: left; margin-left: 10px; border: 1px solid #BDBDBD; padding: 5px 10px; margin: 10px 0 10px 10px; cursor: pointer; font-size: 14px; background: #E4E4E4;}
.services_tab li:hover, .services_tab li.active{background: #2461b2; color: #fff; border: 1px solid #1a5097;}
.services_t_1{font-size: 14px; line-height: 30px; border-top: 2px solid #1a5097;}
.services_t_1 td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }
.services_t_1 th:first-child{border-left:0;padding-left: 5px;}
.services_t_1 th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; color: #2F2F2F;padding-left: 5px;}
.wrap_table{padding: 10px;}
.services_contents{overflow-y: auto; height: calc(100% - 37px);
	height : -moz-calc(100% - 37px);
    height : -webkit-calc(100% - 37px);
    height : -o-calc(100% - 37px);
    height : -ms-calc(100% - 37px);
}
.services_t_1 tr:hover{background: #f1f5f8;}
.t_total{background:#E7E7E7;}
.t_total:hover{background:#E1E1E1!important;}
.t_title{background: #E1E8ED;}
.t_title2{background: #0f1a28;}
.t_title:hover{background: #E1E8ED!important;}
.t_title3 th{background: #0f1a28; font-size:18px;font-family: "맑은 고딕"; font-weight: 100;}

/* 180726_버튼css추가 */
.btn_pre{padding: 10px 15px; float: right; font-size: 12px; }
.btn_pre li{line-height: 24px; border: 1px solid #CDCDCD; width: 50px; text-align: center; box-sizing: border-box; cursor: pointer;}
.btn_pre li.pre{border-right: 0; float: left;}
.btn_pre li.next{float: left;}
.btn_pre li:hover{background: #2461b2; color: #fff;}

/* 180817_보유시설등록하기 */
.pop_services_m2{position: absolute; top: 66px; left: 405px; background: #333940; height: 100%; width: calc(100% - 407px); z-index:2;
	width: -moz-calc(100% - 407px);          /* => 파폭 */
    width: -webkit-calc(100% - 407px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 407px);            /* => 오페라 */
    width: -ms-calc(100% - 407px);           /* => 익스플로러 */    
}
.pop_services_m2 h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -1093px; background-color: #0f1a28; line-height: 30px; padding-left: 26px; color: #fff;}
.pop_services_m2 h2{color: #1a8bff; font-size: 18px; width: 1024px; border-bottom: 1px dotted #fff; padding-bottom: 5px; clear: both; margin: 20px 0 0 0; float: left; background: url(../images/icon_cts.png) no-repeat 0 -292px; padding-left: 10px;}
.pop_services_m2 div.wrap_box{width: 1024px; margin: 40px auto;}
.pop_services_m2 div.wrap_box ul{width: 1024px; box-sizing: border-box; margin: 10px 20px; font-size: 15px; float: left;}
.pop_services_m2 div.wrap_box ul li{width: 512px; float: left; line-height: 45px;}
.pop_services_m2 div.wrap_box ul li b{background: #939aa2; width: 150px; display: inline-block; text-align: center; line-height: 30px; border-radius: 30px; margin-right: 10px;}
.pop_services_m2 div.wrap_box ul li.tip{line-height: 10px;}
.pop_services_m2 div.wrap_box ul li.tip span{font-size: 11px; width: 502px; display: inline-block; color: #fff; padding: 10px;}
.pop_services_m2 div.wrap_box select{height: 28px; width: 300px; padding-left: 5px; background:rgba(255,255,255,0.85);}
.pop_services_m2 div.wrap_box select.half{width: 148px;}
.pop_services_m2 div.wrap_box input.pw{height: 28px; width: 295px; padding-left: 5px; background:rgba(255,255,255,0.85);}

#ct7_popSolarbiddingForm div.wrap_box input.pw{
	height: 28px; width: 280px; padding-left: 5px; background:rgba(255,255,255,0.85);
}

.btn_bt{text-align: center; border-top: 2px solid #71757a; float: left; width: 100%; margin: 30px 0; padding-top: 25px;}
.btn_bt button{width: 100px; line-height: 30px; border-radius: 5px; border: 2px solid #71757a; font-size: 16px; font-weight: 500; color: #fff;}
.btn_bt button.m_submit{background-color: #222222;}
.btn_bt button.m_cancel{background-color: #989898;}
/* 180820 둥근버튼 */
.btn_btns{clear: both; border-top: 1px solid #B3B3B3; padding: 10px; float: left; width: 270px; margin-left:20px;}
.btn_btns li{ text-align: center; border-radius: 30px; color: #fff; font-size: 12px; line-height: 27px; cursor: pointer;}
.btn_btns li.b_3{
	background: #4c4c4c; 
	background:-o-linear-gradient(180deg, #4c4c4c, #787878);
	background:-moz-linear-gradient(180deg, #4c4c4c 5%, #787878 100% );
	background:-webkit-gradient(180deg, color-stop(0.05, #4c4c4c), color-stop(1, #787878) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#787878');
	background:-webkit-linear-gradient(180deg, #4c4c4c, #787878);
	background:-ms-linear-gradient(180deg, #4c4c4c, #787878);
	background:linear-gradient(180deg, #4c4c4c, #787878);
	float: left;
}
.btn_btns li.b_3:hover{
	background: #555555;
	background:-o-linear-gradient(180deg, #787878, #4c4c4c);
	background:-moz-linear-gradient(180deg, #787878 5%, #4c4c4c 100% );
	background:-webkit-gradient(180deg, color-stop(0.05, #787878), color-stop(1, #4c4c4c) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#4c4c4c');
	background:-webkit-linear-gradient(180deg, #787878, #4c4c4c);
	background:-ms-linear-gradient(180deg, #787878, #4c4c4c);
	background:linear-gradient(180deg, #787878, #4c4c4c);
}
.btn_btns li.b_3 span{display: inline-block; width: 120px; background: url(../images/icon_cts.png) no-repeat 7px -1144px;}

.btn_btns li.b_4{
	background: #555555;
	background:-o-linear-gradient(180deg, #787878, #4c4c4c);
	background:-moz-linear-gradient(180deg, #787878 5%, #4c4c4c 100% );
	background:-webkit-gradient(180deg, color-stop(0.05, #787878), color-stop(1, #4c4c4c) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#787878', endColorstr='#4c4c4c');
	background:-webkit-linear-gradient(180deg, #787878, #4c4c4c);
	background:-ms-linear-gradient(180deg, #787878, #4c4c4c);
	background:linear-gradient(180deg, #787878, #4c4c4c);
	float: right;
}
.btn_btns li.b_4:hover{
	background: #4c4c4c; 
	background:-o-linear-gradient(180deg, #4c4c4c, #787878);
	background:-moz-linear-gradient(180deg, #4c4c4c 5%, #787878 100% );
	background:-webkit-gradient(180deg, color-stop(0.05, #4c4c4c), color-stop(1, #787878) );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#787878');
	background:-webkit-linear-gradient(180deg, #4c4c4c, #787878);
	background:-ms-linear-gradient(180deg, #4c4c4c, #787878);
	background:linear-gradient(180deg, #4c4c4c, #787878);
}

.btn_btns li.b_4 span{display: inline-block; width: 120px; background: url(../images/icon_cts.png) no-repeat 99px -1194px;}

.services_m2_top_title{width: 1040px; color: #fff; margin: 0 auto; border-bottom: 2px solid #C5C5C5; padding-bottom: 30px;}
.services_m2_top_title ul{width: 270px!important; background: url(../images/title_icon.png) no-repeat 0; padding-left: 70px; margin: 40px auto 0 auto;}
.services_m2_top_title ul li{line-height: 30px!important; font-size: 12px;}
.services_m2_top_title li:first-child{font-size: 25px; font-weight: 500;}
/*공통*/
.hide{display: none;}
.fl_r{float: right;}
.fl_l{float: left;}
.ma_t{margin-top: 3px;}
.clear{clear: both;}

/*20180419 추가************************************************************************************************************************************************************************************************************/
.map{width: calc(100%); height: calc(100%);position:absolute;background: #fff; float: left; overflow-x: hidden; overflow-y: auto; font-family: "Nanum Gothic";
	width: -moz-calc(100%);          /* => 파폭 */
    width: -webkit-calc(100%);       /* => 크롬 & 사파리 */
    width: -o-calc(100%);            /* => 오페라 */
    width: -ms-calc(100%);           /* => 익스플로러 */
    height : -moz-calc(100%);
    height : -webkit-calc(100%);
    height : -o-calc(100%);
    height : -ms-calc(100%);
    
    

}
/* .map{width: calc(100% - 407px); height: calc(100% - 36px); top:36px; left:405px; position:absolute;background: #fff; float: left; overflow-x: hidden; overflow-y: auto; font-family: "Nanum Gothic";} */
/* 20180423 추가*/
.acd_1_cts2{display:block;height: calc(100% - 100px);width: 315px;top: 70px;overflow-y: scroll;overflow-x:hidden; position: absolute;padding-left:20px;

	height : -moz-calc(100% - 100px);
    height : -webkit-calc(100% - 100px);
    height : -o-calc(100% - 100px);
    height : -ms-calc(100% - 100px);


}
.acd_1_cts3{display:block;height: calc(100% - 100px);width: 315px;top: 70px;overflow-y: scroll;overflow-x:hidden; position: absolute;padding-left:20px;

	height : -moz-calc(100% - 100px);
    height : -webkit-calc(100% - 100px);
    height : -o-calc(100% - 100px);
    height : -ms-calc(100% - 100px);


}
/* .acd_1_cts2{float: left; height: calc(100% - 100px); box-sizing: border-box; position: absolute; width: 335px; top: 70px; overflow-y: auto;} */
.s_paging li.active{background: #182739; color: #fff; border: 1px solid #182739;} /*20180423 추가*/ 
input.l_s2{border: 1px solid #bababa; width: 80px; margin-right: 3px; padding-left: 3px; margin-left: 5px;background: #efefef;}
.check2{clear: both; display: inline-block; font-weight: normal;float: left;}

/* 20180424 추가  부지분석 아코디언 */
.ect_1{color: #899faf; font-size: 14px; font-weight: 500; letter-spacing: -0.05em; line-height: 42px; background: url(../images/icon_cts.png) no-repeat 10px -935px; padding-left: 27px; cursor: pointer; width: 285px; box-sizing: border-box; float: left;}
.ect_1_off{background-position: 10px -985px; color: #1d7dfb;}
.ect_1_cts{clear: both; padding: 0 0 0 20px; box-sizing: border-box; width: 310px; float: left;}
.ect_2{font-size: 17px; line-height: 36px; letter-spacing: -0.05em; line-height: 42px; background: url(../images/icon_cts.png) no-repeat 10px -137px; cursor: pointer;width:285px; padding-left: 30px; height: 42px; float: left; box-sizing: border-box;}
.ect_2_off{background: url(../images/icon_cts.png) no-repeat 10px -87px; color: #1d7dfb; font-weight: 500;}
.ect_2_cts{clear: both; box-sizing: border-box; width: 310px; float: left;}

.ect_3{font-size: 17px; line-height: 36px; letter-spacing: -0.05em; line-height: 42px; background: url(../images/icon_cts.png) no-repeat 0px -137px; cursor: pointer;width:285px; padding-left: 0px; height: 42px; float: left; box-sizing: border-box;}
.ect_3_off{background: url(../images/icon_cts.png) no-repeat 0px -87px; color: #1d7dfb; font-weight: 500;}
.ect_3_cts{clear: both; box-sizing: border-box; width: 310px; float: left;}

.info2{width: 30px; height: 30px; background: url(../images/icon_cts.png) no-repeat 7px -193px; text-indent: -10000px; margin-top: 7px; float: right; clear: both;}
.info2:hover,.info2:focus{background-position: 7px -243px;}

/* 발전량예보 전국 지도 */
.map_serviceview{display:block;position:relative;float:left;width:36%;height:423px;margin:0 auto;border-right:none;line-height:1.6em}
.map_serviceview_inner{padding:15px 15px 0}
.tit_map,.group_userguide h3,.group_notice h3{margin-bottom:11px;font-size:1.538em;font-weight:normal}
.tab_container .tab_content .bg_map{position:relative;width:208px;height:303px;margin:15px auto 0;background:url(../images/main_map.png) no-repeat 0 0}
.lst_locmap{padding:0px;}
.lst_locmap li{position:absolute;top:100px;width:30px;height:19px;text-align:center}
.lst_locmap li a{display:block;width:100%;height:100%;font-size:.923em;color:#fff !important;vertical-align:top;line-height:1.6em}
.lst_locmap li a:hover,.lst_locmap li a:active,.lst_locmap li a:focus{text-decoration:none !important}
.lst_locmap li.l1{top:29px;right:173px}
.lst_locmap li.l2{top:39px;left:49px}
.lst_locmap li.l3{top:40px;left:116px}
.lst_locmap li.l4{top:68px;left:58px}
.lst_locmap li.l5{top:104px;left:35px}
.lst_locmap li.l6{top:97px;left:88px}
.lst_locmap li.l7{top:116px;left:137px}
.lst_locmap li.l8{top:131px;left:53px}
.lst_locmap li.l9{top:147px;left:88px}
.lst_locmap li.l10{top:150px;left:131px}
.lst_locmap li.l11{top:168px;left:178px}
.lst_locmap li.l12{top:164px;left:52px}
.lst_locmap li.l13{top:181px;left:107px}
.lst_locmap li.l14{top:198px;left:163px}
.lst_locmap li.l15{top:195px;left:25px}
.lst_locmap li.l16{top:223px;left:42px}
.lst_locmap li.l17{top:284px;left:38px}

.sub_cts li.sub_title{background-position: 10px -87px; padding-left: 18px; background: url(../images/sub_title.png) no-repeat 1px; font-size: 15px; font-weight: 500;}

/* 다음 버튼 */
.sub_cts li.button_next{width:49%;background-position: -100px; background-color: #204980; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin: 5px 0 10px 0;}
.sub_cts li.button_next span{ display: inline-block; background: url(../images/icon_cts.png) no-repeat 0 -541px; padding-left: 20px;}
.sub_cts li.button_next:hover{background-color: #021329;}

input.btn_pn{width: 143px; background-color: #021329; color: #ffffff; font-size: 14px; line-height: 30px; cursor: pointer;}
select.l_s{border: 1px solid #bababa; margin-right: 3px; padding-left: 3px; margin-left: 5px;}

.pop_method pre{font-size: 12px; padding: 10px; color: #4D4D4D; white-space:pre-wrap; word-wrap:break-word;}
.sub_cts li.content2{list-style: none; background: none;}

/* 180524 추가*/
.error_cts li input.error_btn{height: 25px;background-color: #1d7fff;color: #fff;border-radius: 3px;font-weight: 600;cursor: pointer;}
.error_cts li input.error_btn:hover{background-color: #1a6cd7;}
input.l_l{border: 1px solid #bababa; width: 160px; margin-right: 3px; padding-left: 3px; margin-left: 5px;}

/* 180528 추가*/
.sub_cts li.title2{background-position: 0 -290px; padding-left: 10px; line-height: 30px; color: #5b5b5b; font-weight: 500; cursor: pointer;}
.wrap_table input{width: 64px;background: none;cursor: context-menu;text-align: center;}
.info_btn{width: 30px; height: 30px; background: url(../images/icon_cts.png) no-repeat 7px -796px; text-indent: -10000px; float: right; clear: both;}

/* 180530 추가 경사도분석 범례 */
.legend{font-size: 12px; line-height: 30px; border-top: 2px solid #1a5097;}
.legend th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }
.legend td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }

/* 180607 추가 부가서비스 설명 버튼*/
.info3{width: 30px; height: 30px; background: url(../images/icon_cts.png) no-repeat 7px -193px; text-indent: -10000px; clear: both; float: right; margin-top: -3px;}
.info3:hover,.info3:focus{background-position: 7px -243px;}

.info4{width: 30px; height: 30px; background: url(../images/icon_cts.png) no-repeat 7px -193px; text-indent: -10000px; clear: both; float: right; margin-top: 1px;}
.info4:hover,.info3:focus{background-position: 7px -243px;}

/* 180612 추가 공지사항 팝업 */
.pop_notice{position: absolute; left: 405px; width: 700px; background: #fff;}
.pop_notice h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -243px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_notice h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_notice h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_notice p{font-size: 12px; padding: 10px; color: #4D4D4D;}
.pop_notice dl.method_list{padding: 10px; font-size: 12px;}
.pop_notice dl.method_list dt{font-weight: bold; color: #2374de;}
.pop_notice dl.method_list dd{color: #626262; padding-left: 10px; background: url(../images/icon_cts.png) no-repeat 5px -343px;}
.services_t_2{font-size: 14px; line-height: 30px; border-top: 2px solid #1a5097;}
.services_t_2 td:first-child{border-left:0}
.services_t_2 td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }
.services_t_2 th:first-child{border-left:0; padding-left: 5px;}
.services_t_2 th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; color: #2F2F2F; padding-left: 5px;}
.pop_notice input.error_btn{height: 25px;background-color: #1d7fff;color: #fff;border-radius: 3px;font-weight: 600;cursor: pointer;}

/* 180618 보유시설 등록 팝업 */
#ct7_popPowerstForm {overflow-y:scroll;}
#powerstSearch {width: 147px; height: 28px;background: #888; color: #fff; box-shadow: 1px 1px 2px #333;cursor:pointer;}    
#powerstSearch:hover {background: #555; box-shadow : 0px;} 

/* 180620 조례팡업 추가*/
/* i팝업 */
.pop_method2{position: absolute; bottom:0px; left: 405px; width: calc(100% - 405px); height:230px; background: #fff;
	width: -moz-calc(100% - 405px);          /* => 파폭 */
    width: -webkit-calc(100% - 405px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 405px);            /* => 오페라 */
    width: -ms-calc(100% - 405px);           /* => 익스플로러 */

}
.pop_method2 h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -793px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_method2 h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_method2 h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_method2 p{font-size: 12px; padding: 10px; color: #4D4D4D;}
.pop_method2 dl.method_list{padding: 10px; font-size: 12px;}
.pop_method2 dl.method_list dt{font-weight: bold; color: #2374de;}
.pop_method2 dl.method_list dd{color: #626262; padding-left: 10px; background: url(../images/icon_cts.png) no-repeat 5px -343px;}
.pop_method2 pre{font-size: 12px; padding: 10px; color: #4D4D4D; white-space:pre-wrap; word-wrap:break-word;}

/* 180625 부가서비스 추가*/
.sub_cts li.button_run2{background-position: -100px; background-color: #1d7fff; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin: 5px 0 10px 18px;}
.sub_cts li.button_run2 span{ display: inline-block; background: url(../images/icon_cts.png) no-repeat 0 -541px; padding-left: 20px;}

/* 180627 상단 컨트롤 추가*/
.map_btn2{ float: right; font-size: 12px;border: 1px solid #c2c1c1; line-height: 24px; margin-top: 5px; cursor: pointer; margin-right: 3px;}
.map_btn2 li{float: left; padding: 0 10px; border-right: 1px solid #c2c1c1; color: #505254;}
.map_btn2 li:last-child{border-right: 0}
.map_btn2 li:hover{background: #1f76c8; color: #fff;}
.map_btn2 li.active{background: #1f76c8; color: #fff;}

.loadingBar {display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; z-Index:9999;background: rgba(0, 0, 0, 0.4);text-align: center;}
.loadingBar:before {
    /* content: ''; */
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    }
.loadingBar img{vertical-align:middle;position: relative;display: inline-block; top: 450px;left: 180px}
.services_t_3{font-size: 14px; line-height: 43px; border-top: 2px solid #1a5097;}
.services_t_3 td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }
.services_t_3 th:first-child{border-left:0}
.services_t_3 th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; color: #2F2F2F; width:40%;}

.pop_scr2{max-height: 200px; overflow-y: scroll; overflow-x: hidden;}
.pop_scr2 img.p_2{width: 100%; height: 100%;}
.pop_scr2 li.img_ctrl{float: left; display: inline-block; width: 330px; height: 330px; padding: 10px 0px 40px 10px; text-align: center; font-size: 11px; color: #707070; cursor: pointer;}

.login_cts{width: 380px; float: left; font-size: 14px;}
.login_cts li{border: 2px solid #D9D9D9; padding: 3px 0 4px 10px; border-radius: 3px; font-family: "Nanum Gothic"; font-weight: 600; margin-bottom: 3px;}
.login_cts li:last-child{border: 0; text-align: center; padding: 8px 0 0 0; font-size: 12px; color: #7E7E7E;}
.login_cts li label{border-right: 1px solid #D9D9D9; padding-right: 10px; width: 53px; display: inline-block;}
.login_cts li label.error_write{height: 140px; float: left; margin-top: 3px;}
.login_cts li input.error_box{height: 150px; float: left;}
.login_cts li select{width: 290px;}
.login_cts li textarea{width: 285px; height: 140px; padding: 0 5px;}
.login_cts li input.login_btn{height: 25px;background-color: #1d7fff;color: #fff;border-radius: 3px;font-weight: 600;cursor: pointer;}
.login_cts li input.login_btn:hover{background-color: #1a6cd7;}

.pop_footer_m2{position: absolute; top: 37px; left: 405px; background: #fff; height: calc(100% - 37px); width: calc(100% - 407px);
	width: -moz-calc(100% - 407px);          /* => 파폭 */
    width: -webkit-calc(100% - 407px);       /* => 크롬 & 사파리 */
    width: -o-calc(100% - 407px);            /* => 오페라 */
    width: -ms-calc(100% - 407px);           /* => 익스플로러 */
    height : -moz-calc(100% - 37px);
    height : -webkit-calc(100% - 37px);
    height : -o-calc(100% - 37px);
    height : -ms-calc(100% - 37px);

}
.pop_footer_m2 h1{font-size: 13px; background: url(../images/icon_cts.png) no-repeat 7px -793px; background-color: #E1E1E1; line-height: 30px; padding-left: 26px}
.pop_footer_m2 h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;}
.pop_footer_m2 h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}

.sub_cts li.preBtn{display: inline-block;width:47%;background-position: -100px; background-color: #295279; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin: 5px 0 10px 7px;}
.sub_cts li.preBtn:hover{background: #1f76c8; color: #fff;}
.sub_cts li.nextBtn{display: inline-block;width:47%;background-position: -100px; background-color: #295279; color: #fff; text-align: center; line-height: 30px; font-size: 14px; font-family: "Nanum Gothic"; font-weight: 600; cursor: pointer; margin: 5px 7px 10px 0;}
.sub_cts li.nextBtn:hover{background: #1f76c8; color: #fff;}
.sub_cts li.bottom_line{display: inline-block;border-bottom: solid;border-color: #e5e5e5;width: 94%;margin-left: 10px;margin-bottom:10px;border-bottom-width: 1px;}
.acd_1_cts3{clear: both; padding: 0 0 0 20px; box-sizing: border-box; width: 310px; float: left;}

.btn_tab_col {
  position: absolute;
  top: 50%;
  width: 21px;
  height: 62px;
  margin: -31px 0 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  cursor: pointer;
  z-index: 1;
  border: 1px solid #898b9f;
  border-left: 1px solid #f8f8f8;
  background: #f8f8f8; }

.btn_tab_col:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  background-image: url(/img/sp_safemap2017_ui.png);
  background-position: -774px -357px;
  width: 5px;
  height: 9px; }

.btn_tab_col.changed:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -4px 0 0 -4px;
  background-image: url(/img/sp_safemap2017_ui.png);
  background-position: -774px -343px;
  width: 5px;
  height: 9px; }
.popup h1{font-size: 15px; line-height: 36px; padding-left: 28px; background: url(../images/icon_cts.png) no-repeat 12px 11px; background-color: #1a5097; font-family: "Nanum Gothic"; color: #fff; float: left; width: 100%; box-sizing: border-box;}
.services_t_4{font-size: 14px; line-height: 32px; border-top: 2px solid #1a5097;}
.services_t_4 th:first-child{border-left:0}
.services_t_4 th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; color: #2F2F2F; background: #e0edf5;}
.services_t_4 td:first-child{font-weight:bold;border-left:0}
.services_t_4 td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:#4D4D4D }

.pop_services_m2 h1 button{float: right; height: 20px; width: 20px; background: url(../images/icon_cts.png) no-repeat 6px -745px; border: 1px solid #E1E1E1; text-indent: -10000px; margin: 5px; border-radius: 3px;    background-color: #e8e8e8;}
.pop_services_m2 h1 button:hover{border: 1px solid #ccc; background-color: #e8e8e8;}
.pop_services_m2 h3 {
    width: 200px;
    color: white;
    display: inline-block;
    text-align:  center;
    float: left;
}
.pop_services_m2 div.wrap_box2 h2{color: #1a8bff; font-size: 18px; width: 820px; border-bottom: 1px dotted #fff; padding-bottom: 5px; clear: both; margin: 0px 0 0 0; float: left; background: url(../images/icon_cts.png) no-repeat 0 -292px; padding-left: 10px;}
.pop_services_m2 div.wrap_box2{width: 820px; margin: 14px auto;}
.pop_services_m2 div.wrap_box2 ul{width: 820px; box-sizing: border-box; margin: 10px 20px; font-size: 15px; float: left;}
.pop_services_m2 div.wrap_box2 ul li{width: 409px; float: left; line-height: 45px;}
.pop_services_m2 div.wrap_box2 ul li b{background: #939aa2; width: 150px; display: inline-block; text-align: center; line-height: 30px; border-radius: 30px; margin-right: 10px;color: white;}
.pop_services_m2 div.wrap_box2 ul li.tip{line-height: 10px;}
.pop_services_m2 div.wrap_box2 ul li.tip span{font-size: 11px; width: 502px; display: inline-block; color: #fff; padding: 10px;}
.pop_services_m2 div.wrap_box2 select{height: 28px; width: 300px; padding-left: 5px; background:rgba(255,255,255,0.85);}
.pop_services_m2 div.wrap_box2 select.half{width: 120px;}

.services_t_5{font-size: 14px; line-height: 30px; border-top: 2px solid #1a5097;}
.services_t_5 td{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; text-align: center; color:white }
.services_t_5 th:first-child{border-left:0;padding-left: 5px;}
.services_t_5 th{border-bottom: 1px solid #9A9A9A; border-left: 1px solid #9A9A9A; color: white;padding-left: 5px;}

.map_btn3{ float: right; font-size: 12px;border: 1px solid #c2c1c1; line-height: 24px; margin-top: 5px; cursor: pointer; margin-right: 3px;}
.map_btn3 li{float: left; padding: 0 10px; border-right: 1px solid #c2c1c1; color: #505254;}
.map_btn3 li:last-child{border-right: 0}
.map_btn3 li:hover

div .nLand_info{display:none;background:#fbf8f8;z-index: 999999; width:400px; height:530px; position: absolute; left: 395px;top:103px;border-top-left-radius:10px;border-top-right-radius:10px;}
.nLand_info .info_head{background: #004282;border-top-left-radius: 9px;border-top-right-radius: 9px;height: 35px;padding-top:10px;}
.nLand_info .info_head dl{display: flex;}
.nLand_info .info_head dl dt{background: url(../../images/main/icon_btn.png) no-repeat 9px 5px;font-size: 16px;color:#fff;margin-left:5px;padding-left: 30px;width: 331px;}
.nLand_info .info_head dl dd input{width: 25px;height: 25px;background: #004282;color: #fff;font-size: 16px; cursor: pointer;}
.nLand_info .info_cont{font-size: 14px;}

.nLand_info .info_cont dl{margin: 10px;}
.nLand_info .info_cont dl dt{background: url(../../images/main/icons.png) no-repeat 0px -397px;padding-left:18px;}
.nLand_info .info_cont dl dd.land_info{background: url(../../images/main/icons.png) no-repeat 0px -191px;color: #545454;margin-bottom:10px;margin-top:2px;margin-left:7px;padding-left:11px;}
.nLand_info .info_cont dl dd textarea{resize:none;}
.nLand_info .info_cont dl dd input[type=button]{width: 20px;height: 20px;border: solid 1px #E8E8E8;background: #fff;}
.nLand_info .info_cont dl dd input[type=button]:hover{background: #004282; color: #fff; border: 1px solid #004282;}
.nLand_info .info_cont dl dd input[type=button]:active{background: #004282; color: #fff; border: 1px solid #004282;}

.nLand_info .info_cont::-webkit-scrollbar-track
{
	border-radius: 10px;
	background-color: #F5F5F5;
}

.nLand_info .info_cont::-webkit-scrollbar
{
	width: 6px;
	background-color: #F5F5F5;
}

.nLand_info .info_cont::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	background-color: #555;
}
.btn_info{display:none;width:35px;height:35px;background: #004282;color:#fff;z-index: 99999; position: absolute; left: 440px;top:46px;cursor: pointer;border-radius: 4px;}

#logo{
	float: left; 
	margin: 15px 0 0 10px;
	position: absolute; 
	top:10px;
	left:6px;
	z-index:1;
	cursor: pointer;
}
#logo a img{
	
	width:34px;
	height:34px;
    object-fit: cover;
    object-position: left;
}
#menu_search{
	width: 323px; 
	height: 28px;
	color:#FFFFFF; 
	border-radius: 30px; 
	border: 3px solid #1f76c8; 
	padding-left: 10px; 
	float: left; 
	margin: 15px 0 0 10px;
	background-color:#FFF;
	position: absolute; 
	top:10px;
	left:60px;
	z-index:1;
	cursor: pointer;
}
#menu_search select{
    /* background-color: transparent; */
    border:0px;
    margin-top:2px;
    margin-left:5px;
}
#menu_search select option{
    /* background-color: transparent !important; */
    border: 1px solid #e4e4e4;
    color: #000000;
    -webkit-appearance: none; 
     -moz-appearance: none; 
}
/* #menu_search select {background-color: transporter;}
#menu_search select option{background-color: transporter: 1px solid #e4e4e4; color: #000; -webitapelance: none;} */


#menu_search input{height: 25px; width: 207px; border: 0; font-family: "맑은 고딕"; letter-spacing: -0.05em; float: right;ime-mode:active;}
#menu_search button{width: 22px; height: 22px; text-indent: -100000px; border: 0; display: inline-block; background: url(../images/btn_search_3.png) no-repeat; float: right; margin-top: 5px; cursor: pointer;}