@charset "utf-8";

/*------------------------------------------------------------------------------------------------------------------------------------------
	File : Contents.CSS
	Company : The Webstyle co.,ltd
 	Author : Jong Hoon, Park 2015-06
 	CSS 적용순서 : 아이디 > 태그와 클래스 > 클래스 > 태그
	CSS 선택자 선언순서 : Type Selector, Layout Selector, Class Selector, Etc
	CSS 속성 선언순서 : display, position, float/clear, overflow, width/height, margin/padding, border, background, color/font, align, etc
--------------------------------------------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------
                                         * 공통 *
-------------------------------------------------------------------------------------------*/
/*----- Wrap -----*/
#wrap {position:relative; width:100%; min-width:1240px; min-height:100%;}

#header_wrap {
	position:absolute; left:0; top:0;
	width:100%;
	background:url('../../images/map/bg_white_90per.png'); z-index:1000;
	box-shadow:0 2px 12px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.05);
	-moz-box-shadow:0 2px 12px rgba(0,0,0,0.05);
	border-bottom:1px solid #eee\9;
}
#header {position:relative; overflow:hidden; height:62px;}
#header .hgroup_wrap {margin:22px 0 0 15px;}
#header .hgroup_wrap:after {content:""; display:block; clear:both;}

#header .hgroup_wrap h1 {float:left; height:20px; margin-left:12px;}
#header .hgroup_wrap h1 a {display:block; height:20px; line-height:20px;}
#header .hgroup_wrap h1 a span {color:#222; font-family:"NotoSansKR-Medium"; font-size:16px; vertical-align:top;}
#header .hgroup_wrap .logo {float:left; margin-top:0px; margin-left:20px;}
#header .hgroup_wrap .logo span {display:inline-block; width:126px; height:33px; background:url('./../../images/map/logo_header.png') 0 0 no-repeat; text-indent:-9999px;}

#header .location_wrap {position:absolute; left:506px; top:23px; z-index:1;}
#header .location_wrap .pinpoint {padding-left:20px; font-size:14px; color:#555; line-height:23px;}
#header .location_wrap .pinpoint:after {content:''; position:absolute; top:0; left:0; display:block; width:1px; height:23px; background:#e1e1e1;}

#header .btn_wrap {position:absolute; top:15px; right:10px;}
#header .btn_wrap .ctk {margin:0 10px 0 10px;}
.btn_mine {background:url('./../../images/map/btn_mine.png') 13px center no-repeat;}
.btn.mid.btn_mine {padding-left:40px;}
.btn_favorite {background:url('./../../images/map/btn_favorite.png') 13px center no-repeat;}
.btn.mid.btn_favorite {padding-left:40px;}

#container {position:relative; height:100%; padding-top:62px;}

.mapService {overflow:hidden;}
.mapService #wrap {min-width:initial; height:100%;}
.mapService #header_wrap {/*box-shadow:none;*/}
.mapService #container {min-width:initial; height:100%;}
.mapService #contents {height:100%; padding-left:195px;}
.mapService #contents .map_area {position:relative; height:100%;}
.mapService #contents .map_area .map {position:absolute; top:0; right:0; bottom:0; left:0; z-index:100; width:100%; min-width:1000px; height:100%;}



.exp_tp1 {font-size:13px; color:#555; line-height:18px;}

/* checkBox*/
.checkList {}
.checkList > li {margin-top:15px;}
.checkList > li > a {font-size:13px; line-height:20px;}
.checkList > li:first-child {margin-top:0px;}
.checkList > li .inp_wrap label {font-size:13px;}

/* accordion */
.accordionMenu {}
.accordionMenu .imgCheckBox {padding-left:20px;}
.accordionMenu .imgCheckBox .btn_plus {position:absolute; left:0px; top:3px; width:15px; height:15px; background:url('../../images/map/btn_plus.png') no-repeat;}
.accordionMenu .imgCheckBox .btn_plus.active {background:url('../../images/map/btn_minus.png') no-repeat;}
.accordionMenu .accordionMenu_sub {display:none;}
.accordionMenu .accordionMenu_sub.active {}
/*------------------------------------------------------------------------------------------
                                         * 지도서비스 *
-------------------------------------------------------------------------------------------*/

.acc_wrap {}

.acc_wrap .acc_header {
	position: relative;
	padding: 10px 0;
}

.acc_wrap .acc_header .tit {
	*zoom: 1;
	position: relative;
	padding-left: 16px;
	background: url('../../images/common/tit_tp1.png') no-repeat;
	font-family: 'NotoSansKR-Medium';
	font-size: 15px;
	color: #2f375a;
}

/*.acc_wrap .acc_header .tit:after {*/
/*	content: "";*/
/*	display: block;*/
/*	position: absolute;*/
/*	right: 0px;*/
/*	top: 5px;*/
/*	width: 14px;*/
/*	height: 14px;*/
/*	background: url('../../images/common/ico_select.png') no-repeat;*/
/*}*/

.acc_wrap .acc_header .cnt {
	position: absolute;
	right: 22px;
	top: 12px;
	font-family: 'NotoSansKR-Medium';
	font-size: 12px;
	color: #5d5d5d;
}

.acc_wrap .acc_header .cnt.tp1 {
	right: 0px;
}

.acc_wrap .acc_content {
	display: none;
}

.acc_wrap .acc_content.active {
	display: block;
}

.acc_wrap.no_active .acc_header .tit:after {
	display: none;
}

.list_tp4 > li {
	padding: 10px 0;
	border-bottom: 1px solid #d7d7d7;
	font-size: 12px;
	color: #5d5d5d;
	line-height: 15px;
}

.list_tp4 > li .tit {
	font-family: 'NotoSansKR-Medium';
	color: #3459ac;
}

.list_tp4.i_lt > li {
	padding: 10px 10px 10px 24px;
	background: url('../../images/common/ico_location.png') left center no-repeat;
	text-align: center;
}


.list_tp4 .jibunAddr {
	display: inline-block;
	padding-left: 40px;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: -0.025em;
	color: #111;
	background: url('../../images/map/ic_jibun.png') 1px 3px no-repeat;
}

.list_tp4 .roadAddr {
	padding-left: 40px;
	font-size: 13px;
	font-weight: 300;
	color: #7b7b7b;
	letter-spacing: -0.025em;
	line-height: 1.6;
	background: url('../../images/map/ic_doro.png') 1px 3px no-repeat;
}

.list_tp5 {}

.list_tp5 > li {
	padding: 15px 0 15px 35px;
	background: url('../../images/map/ico_location_blue.png') 12px 12px no-repeat;
	border-bottom: 1px solid #d7d7d7;
	font-size: 12px;
	color: #5d5d5d;
}

/*--------------------
	Snb
--------------------*/
#snb {position:absolute; left:0; top:62px; width:195px; height:100%; background-color:#2b2f3e; z-index:600;}
#snb .panel_content {position:absolute; left:0; top:0; right:0; bottom:0; overflow-x:hidden; height:100%;}
#snb .panel_content .panel_scroll {position:absolute; left:0; top:0; right:-21px; bottom:0; overflow-x:hidden; overflow-y:scroll; height:100%;}

#snb .inner {height:100%;}
#snb .inner .snb>li {display:block; position:relative;}
#snb .inner .snb>li a.depth1 {display:block; padding:22px 0 22px 20px; color:#fff; font-size:15px;}

#snb .inner .snb>li a.depth1 span {display:inline-block; padding-left:30px; line-height:22px;}
#snb .inner .snb>li.mn1 a.depth1 span {background:url('./../../images/map/ico_snb_mn1.png') 3px center no-repeat;}
#snb .inner .snb>li.mn2 a.depth1 span {background:url('./../../images/map/ico_snb_mn2.png') left center no-repeat;}
#snb .inner .snb>li.mn3 a.depth1 span {background:url('./../../images/map/ico_snb_mn3.png') 3px center no-repeat;}
#snb .inner .snb>li.mn4 a.depth1 span {background:url('./../../images/map/ico_snb_mn4.png') left center no-repeat;}
#snb .inner .snb>li.mn5 a.depth1 span {background:url('./../../images/map/ico_snb_mn5.png') left center no-repeat;}
#snb .inner .snb>li.mn6 a.depth1 span {background:url('./../../images/map/ico_snb_mn6.png') left center no-repeat;}
#snb .inner .snb>li.mn7 a.depth1 span {background:url('./../../images/map/ico_snb_mn7.png') left center no-repeat;}
#snb .inner .snb>li.mn8 a.depth1 span {background:url('./../../images/map/ico_snb_mn8.png') left center no-repeat;}

#snb .inner .snb>li a.depth1 i.arrow {display:block; position:absolute; right:23px; top:50%; width:8px; height:8px; margin-top:-3px; background:url('./../../images/map/ico_snb_depth1_off.png') center center no-repeat; text-indent:-9999px;}
#snb .inner .snb>li .submenu_wrap {display:none; padding:12px 0; background-color:#2b2f3e;}
#snb .inner .snb>li .submenu_wrap li a {display:block; padding:9px 0 9px 40px; color:#fff; font-size:13px;}
#snb .inner .snb>li .submenu_wrap li a:hover {background-color:#2a9dc9;}
#snb .inner .snb>li .submenu_wrap li a span {display:inline-block; padding-left:12px;}
#snb .inner .snb>li.active a.depth1 i.arrow {right:22px; top:22px; background:url('./../../images/map/ico_snb_depth1_on.png') center center no-repeat;}
#snb .inner .snb>li.active a.depth1,
#snb .inner .snb>li a.depth1:hover {background-color:#222; color:#fff;}
#snb .inner .snb>li.active .submenu_wrap {display:block; background-color:#454a5e;}
#snb .inner .snb>li.no_sub.active a.depth1,
#snb .inner .snb>li.no_sub a.depth1:hover {background-color:#f29e1a; color:#fff;}
#snb .inner .snb>li.no_sub a.depth1 i.arrow {background:none !important;}
#snb .inner .snb>li.no_sub .submenu_wrap {display:none !important;}
/* #snb .inner .snb>li.active a.depth1 {background-color:#f29e1a;}
:root #snb .inner .snb>li.active a.depth1 {background-position:215px 10px;} */
#snb .inner .snb>li.active a.depth1 i.arrow {right:22px; top:22px; background:url('./../../images/map/ico_snb_depth1_on.png') center center no-repeat;}

/* 왼쪽 패널 */
#panel {
	position:absolute; left:-325px; top:55px;
	width:260px; height:93%;
	background:url('../../images/map/bg_white_90per.png');
	box-shadow:0 2px 12px rgba(0,0,0,0.05);
	-webkit-box-shadow:0 2px 12px rgba(0,0,0,0.05);
	-moz-box-shadow:0 2px 12px rgba(0,0,0,0.05);
	border-bottom:1px solid #eee\9;
	z-index:101;
}
#panel > a.btn_panel_close {display:block; position:absolute; top:-2px; right:-60px; width:55px; height:50px; background:url('../../images/map/btn_panel_close.png') -80px 0px no-repeat; text-indent:-9999px;}
#panel.active > a.btn_panel_close {background-position:0 0;}
#panel .panel_scroll {overflow-y:scroll; position:relative; height:93%;}
#panel .panel_wrap {display:none; height:100%;}
#panel .panel_wrap.on {display:block;}
#panel .panel_tit {padding:18px; background-color:#2a9dc9;}
#panel .panel_tit h3 {color:#fff; font-size:16px; text-align:center;}
#panel .panel_tit .btn_close {position:absolute; right:10px; top:10px; width:22px; height:22px; background:url('../../images/map/btn_close_sml_white.png') center center no-repeat; text-indent:-9999px}
#panel .panel_cont {padding:15px;}
#panel .search_result {margin-top:50px;}
#panel .search_result h4 {margin-bottom:6px; font-family:'NotoSansKR-Medium'; font-size:15px; color:#333;}
#panel .search_result .result_list {background-color:#fff; border:1px solid #e1e1e1; padding:15px;}
#panel .search_result .result_list > li > a {
	display:block;
	padding:15px 0; padding-left:24px;
	background:url('../../images/map/ico_location_blue.png') left 14px no-repeat;
	border-top:1px solid #e1e1e1;
	font-size:13px; line-height:18px;
}
#panel .search_result .result_list > li:first-child > a {border-top:0px;}
#panel .search_result .result_list > li > a:hover {background-position:left -26px; color:#59607c;}
#panel .facilitiesAdd .panel_cont .imgCheckBox {margin-top:10px; height:28px; line-height:28px;}
#panel .facilitiesAdd .panel_cont .imgCheckBox:first-child {margin-top:0px;}

/*----- 검색 (레이어) -----*/
.searchForm_wrap {position:absolute; top:60px; left:10px; z-index:400; width:304px;}
.searchForm_wrap .inner {position:relative;}
.searchForm_wrap .inner .searchForm {display:none;}
.searchForm_wrap.on .searchForm {display:block;}
.btn_formSwitch {display:block; position:absolute; top:0; right:-50px; width:44px; height:44px; background:url('./../../images/common/bg_white_90per_piece.png') 0 0 repeat; box-shadow:2px 2px 3px #ccc; text-indent:-9999px;}
.btn_formSwitch  span {display:block; width:100%; height:100%; background: url(./../../images/content/btn_formswitch_off.png) center center no-repeat;}
.searchForm_wrap.on .btn_formSwitch  span {display:block; width:100%; height:100%; background: url(./../../images/content/btn_formswitch_on.png) center center no-repeat;}

.searchForm_wrap .inner .tab_type2 {margin-bottom:8px;}
.searchForm_wrap .inner .tab_type2 > li {box-shadow:0px 2px 3px #ccc}
.searchForm_wrap .inner .tab_type2 li a h3 {width:152px; background:url('./../../images/common/bg_white_90per_piece.png');}
.searchForm_wrap .inner .tab_type2 li.on a h3 {background:none; background-color:#2a9dc9;}
.searchForm_wrap .inner .tab_container .tab_content .form_wrap {
	padding:14px; background-color:#fff; background:url('./../../images/common/bg_white_90per_piece.png') 0 0 repeat;
	box-shadow:0 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.3);
}
.searchForm_wrap .inner .table_layout_type1 th {padding-left:6px; font-family:'NotoSansKR-Regular'; font-size:13px; color:#555; text-align:left;}
.searchForm_wrap .inner .table_layout_type1 th.t {padding-top:12px;}
.searchForm_wrap .inner .table_layout_type1 td {padding:3px 0;}
.searchForm_wrap .inner .table_layout_type1 td select.size100p,
.searchForm_wrap .inner .table_layout_type1 td>input.size100p {width:97% !important;}

.searchForm_wrap .inner .formBody_wrap {overflow-y:auto; margin-bottom:15px;}
.searchForm_wrap .inner .formFooter_wrap .table_wrap {padding-top:15px; border-top:1px solid #e1e1e1;}
.searchForm_wrap .inner .formFooter_wrap .btn_wrap {margin-top:6px;}


.btn_mapOption {position:absolute; top:8px; right:10px; min-width:45px; background:url('./../../images/content/btn_mapOption.png') 10px center no-repeat;}
.btn_mapOption.btn.sml {padding-left:34px;}

/* 레이어 */
.layerList {}
.layerList > li {margin-top:10px;}
.layerList > li:first-child {margin-top:0px;}
.layerList > li > a {
	display:block;
	padding:12px 15px;
	background:url('../../images/map/arrow_tp1.png') right 15px no-repeat;
	border:1px solid #e1e1e1;
	font-family:"NotoSansKR-Medium"; font-size:15px; color:#333;
}
.layerList > li.active {background-color:#59607c; }
.layerList > li.active > a {color:#fff; background-position:right -24px; border:1px solid #59607c;}
.layerList > li .checkList {padding:20px; background-color:#f2f2f2; border:1px solid #e1e1e1; border-top:0px;}
.layerList > li .subList {display:none; padding:10px 20px;}
.layerList > li .subList > li {margin-top:8px; padding-left:0px;}
.layerList > li .subList > li:first-child {margin-top:0px;}

/*----- 지도 정보 (레이어) -----*/
.mapOption_wrap {position:absolute; top:60px; right:10px; z-index:400; background:url('./../../images/common/bg_white_90per_piece.png') 0 0 repeat;}
.mapOption_wrap .inner {position:relative;}
.mapOption_wrap .inner .mapOption {display:none;}
.mapOption_wrap.on .inner .mapOption {display:inline-block;}
.mapOption_wrap .inner .accordion li.node1 a.accordion_head {min-width:202px;}

.mapOption_list {padding:15px 15px 15px 30px; }
.mapOption_list > li {margin-top:8px;}
.mapOption_list > li:first-child {margin-top:0;}
.mapOption_list > li .item {overflow:hidden;}
.mapOption_list > li .item input {float:left; margin-right:3px;}
.mapOption_list > li .item label {display:block; float:left; color:#000; font-size:12px; line-height:12px;}

/*<!-- 검색 결과 (레이어) -->*/
.searchResult_wrap {position:absolute; left:10px; bottom:16px; z-index:500; width:calc(100% - 20px); width:98.5%\9;}
.searchResult_wrap .inner .btn_searchResult {display:block; position:absolute; top:-44px; left:50%; width:44px; height:44px; margin-left:-22px;  background:url('./../../images/content/btn_searchResult_off.png') center center no-repeat; text-indent:-9999px;}

.searchResult_wrap .inner > .searchResult {display:none; overflow:hidden;}
.searchResult_wrap.on > .inner > .searchResult {display:block;}
.searchResult_wrap.on > .inner .btn_searchResult {background:url('./../../images/content/btn_searchResult_on.png') 0 0 no-repeat;}

.searchResult {padding:9px 14px 14px 14px; background:url('./../../images/common/bg_white_90per_piece.png') 0 0 repeat;}
.searchResult .searchResult_body {overflow-x:auto;}
.searchResult .searchResult_body .table_wrap {overflow-x:auto; width:100%;}
.searchResult .searchResult_body .table_wrap table {width:initial; min-width:1800px;}
.searchResult .searchResult_body .table_wrap table th {padding:5px}
.searchResult .searchResult_body .table_wrap table td {padding:5px}
.searchResult .searchResult_footer {padding-top:10px;}
.searchResult .searchResult_footer .boardPage_wrap {margin:0;}
.btn_mapOption {position:absolute; top:8px; right:10px; min-width:45px; background:url('./../../images/content/btn_mapOption.png') 10px center no-repeat;}
.btn_mapOption.btn.sml {padding-left:34px;}

/*----- 지도 제어 (레이어) -----*/
.mapControl_wrap {position:absolute; left:0px; top:0px; z-index:500; width:100%; background-color:#59607c;}
.mapControl_wrap .mapControl {display:block; padding-right:5px;
	box-shadow:0 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 1px 8px rgba(0,0,0,0.3);
	-moz-box-shadow:0 1px 8px rgba(0,0,0,0.3);
}
.mapControl_wrap.on .mapControl {display:none;}
.mapControl_list {padding:2px 0;}
.mapControl_list:after {content:""; display:block; clear:both;}
.mapControl_list > li {float:left; width:46px; height:40px; border-left:1px solid #707796; background-color:#59607c;}
.mapControl_list > li:first-child {border-left:0;}
.mapControl_list > li >  .item .btn span {display:inline-block; width:46px; height:40px; text-indent:-9999px;}
.mapControl_list > li >  .item {position:relative;}
.mapControl_list > li >  .item .tooltip {
	display:none;
	position:absolute; left:49px; bottom:-55px;
	min-width:138px; height:40px;  padding:0 8px;
	border-radius:5px;
	background-color:#000; color:#fff; font-size:16px;
	line-height:40px; text-align:center;
}

.mapControl_list > li > .item .mc_wrap {
	display:none;
	position:absolute; left:49px; top:95px;
	min-width:106px; padding:10px;
	background: url(./../../images/map/bg_white_90per_piece.png) 0 0 repeat;
	font-size:16px; line-height:40px; text-align:center;
}
.mapControl_list > li.on > .item .mc_wrap {
	display:block;
}
.mapControl_list > li > .item .mc_wrap .mc_close {display:inline-block; position:absolute; right:-24px; top:0px; z-index:1; width:12px;}
.mapControl_list > li > .item .mc_wrap .mc_close {display:block; width:24px; height:24px; background:url('./../../images/map/btn_lp_close2_blue.png') center center no-repeat #fff; text-indent:-9999px; text-align:center;}

.mapControl_list > li >  .item .tooltip .inner {position:relative;}
.mapControl_list > li >  .item .tooltip .inner .pointer {position:absolute; left:-19px; top:-16px; width:24px; height:21px; background:url('./../../images/map/ico_pointer_up.png') 0 0 no-repeat;}
.mapControl_list > li:hover >  .item .tooltip {display:block;}
.mapControl_list > li >  .item .btn .btn_roadViewNv .tooltip .inner .pointer {position:absolute; left:-19px; top:-16px; width:24px; height:21px; background:url('./../../images/map/ico_pointer_up.png') 0 0 no-repeat;}

.btn.btn_map_zoomin span {background:url('./../../images/content/btn_map_zoomin.png') center center no-repeat; background-size:35%;}
.btn.btn_map_zoomout span {background:url('./../../images/content/btn_map_zoomout.png') center center no-repeat; background-size:35%;}
.btn.btn_map_move span {background:url('./../../images/content/btn_map_move.png') center center no-repeat; background-size:32%;}
.btn.btn_map_forth span {background:url('./../../images/content/btn_map_forth.png') center center no-repeat; background-size:35%;}
.btn.btn_map_back span {background:url('./../../images/content/btn_map_back.png') center center no-repeat; background-size:35%;}
.btn.btn_map_scale span {background:url('./../../images/content/btn_map_scale.png') center center no-repeat; background-size:35%;}
.btn.btn_map_default span {background:url('./../../images/content/btn_map_default.png') center center no-repeat; background-size:35%;}
.btn.btn_map_print span {background:url('./../../images/content/btn_map_print.png') center center no-repeat; background-size:35%;}
.btn.btn_map_divide span {background:url('./../../images/content/btn_map_divide.png') center center no-repeat; background-size:35%;}
.btn.btn_map_refresh span {background:url('./../../images/content/btn_map_refresh.png') center center no-repeat; background-size:35%;}
.btn.btn_map_measure span {background:url('./../../images/content/btn_map_measure.png') center center no-repeat; background-size:45%;}
.btn.btn_map_send span {background:url('./../../images/content/btn_map_send.png') center center no-repeat; background-size:45%;}
.btn.btn_map_memo span {background:url('./../../images/content/btn_map_memo.png') center center no-repeat; background-size:45%;}
.btn.btn_map_flight span {background:url('./../../images/content/btn_map_flight.png') center center no-repeat; background-size:40%;}
.btn.btn_map_cross span {background:url('./../../images/content/btn_map_cross.png') center center no-repeat; background-size:35%;}
.btn.btn_map_draw span {background:url('./../../images/content/btn_map_draw.png') center 9px no-repeat; background-size:45%;}
.btn.btn_map_inquiry span {background:url('./../../images/content/btn_map_inquiry.png') center 10px no-repeat; background-size:45%;}
.btn.btn_map_full span {background:url('./../../images/content/btn_map_full.png') center center no-repeat; background-size:38%;}


.btn.btn_roadView span {background:url('./../../images/map/btn_roadView.png') center center no-repeat;}
.btn.btn_roadViewNv span {background:url('./../../images/map/btn_roadView.png') center center no-repeat;}
.btn.btn_fullView span {background:url('./../../images/map/btn_fullView.png') center center no-repeat;}
.btn.btn_mapMove span {background:url('./../../images/map/btn_mapMove.png') center center no-repeat;}
.btn.btn_mapProperties span {background:url('./../../images/map/btn_mapProperties.png') center center no-repeat;}
.btn.btn_imgSave span {background:url('./../../images/map/btn_imgSave.png') center center no-repeat;}
.btn.btn_mapPrint span {background:url('./../../images/map/btn_mapPrint.png') center center no-repeat;}
.btn.btn_mapMove span {background:url('./../../images/map/btn_mapMove.png') center center no-repeat;}
.btn.btn_mapAreaSearch span {background:url('./../../images/map/btn_mapAreaSearch.png') center center no-repeat;}
.btn.btn_mapRadiusSearch span {background:url('./../../images/map/btn_mapRadiusSearch.png') center center no-repeat;}
.btn.btn_reset span {background:url('./../../images/map/btn_reset.png') center center no-repeat;}
.btn.btn_distanceMeasure span {background:url('./../../images/map/btn_distanceMeasure.png') center center no-repeat;}
.btn.btn_areaMeasure span {background:url('./../../images/map/btn_areaMeasure.png') center center no-repeat;}
.btn.btn_map_draw span {background:url('./../../images/map/btn_map_draw.png') center center no-repeat;}
.btn.btn_mapRotate span {background:url('./../../images/map/btn_mapRotate.png') center center no-repeat;}
.btn.btn_mapReverseRotate span {background:url('./../../images/map/btn_mapReverseRotate.png') center center no-repeat;}
.btn.btn_mapSearchArea span {background:url('./../../images/map/btn_mapSearchArea.png') center center no-repeat;}
.btn.btn_northView span {background:url('./../../images/map/btn_northView.png') center center no-repeat;}
.btn.btn_memo span {background:url('./../../images/map/btn_memo.png') center center no-repeat;}


/* modalayer */
.modalyer_pop {display:none; position:absolute; z-index:102; background-color:#fff; box-shadow:0 0 20px #666;}
.modalyer_pop.tp1 {width:350px; left:318px; top:110px;}
.modalyer_pop.tp1 .modal_body {*zoom:1; padding:15px; max-height:500px; overflow-y:auto;}
.modalyer_pop.tp1 .modal_body:before {content:""; display:block; clear:both;}

.modalyer_pop.tp2 {width:385px; left:680px; top:110px;}
.modalyer_pop.tp2 .modal_body {padding:15px;}

.modalyer_pop.tp3 {width:700px; left:67px; top:55px;}
.modalyer_pop.tp3 .modal_body {*zoom:1; padding:15px; max-height:750px;}
.modalyer_pop.tp3 .modal_body:before {content:""; display:block; clear:both;}

.modalyer_pop .modal_body .modal_body_l {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.modalyer_pop .modal_body .modal_body_r {padding-left:20px; float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}

.modalyer_pop .modal_header {padding:15px 20px; background-color:#2a9dc9;}
.modalyer_pop .modal_header h1 {font-family:"NotoSansKR-Medium"; font-size:16px; color:#fff;}
.modalyer_pop .modal_header .btn_close {display:block; position:absolute; right:15px; top:15px; width:15px; height:15px; background:url('../../images/map/btn_close_sml_white.png') no-repeat; text-indent:-9999px;}

.modalyer_pop .sign_wrap {height:100%; padding:15px; border:1px solid #e1e1e1;}
.modalyer_pop .sign_wrap .sign_header {}
.modalyer_pop .sign_wrap .sign_header h2 {margin-bottom:5px; font-family:"NotoSansKR-Medium"; font-size:15px; color:#555;}
.modalyer_pop .sign_wrap .sign_header .inp_wrap {padding:8px; background-color:#f7f7f7;}
.modalyer_pop .sign_wrap .sign_header .inp_wrap select {min-width:90px;}
.modalyer_pop .sign_wrap .sign_body {margin-top:20px;}
.modalyer_pop .sign_wrap .sign_body .signList {overflow:hidden;}
.modalyer_pop .sign_wrap .sign_body .signList > li {float:left; margin-bottom:5px; text-align:center;}
.modalyer_pop .sign_wrap .sign_body .signList > li > a {display:block; padding-top:60px; padding-bottom:20px; width:80px; height:60px;}
.modalyer_pop .sign_wrap .sign_body .signList > li > a.sm1 {background:url('../../images/map/sign_1.png') center top no-repeat;}

.modalyer_pop .sign_wrap .board_pager_wrap {padding-top:15px; border-top:1px solid #e1e1e1;}

.modalyer_pop .his_wrap {height:100%; padding:15px; border:1px solid #e1e1e1;}
.modalyer_pop .his_wrap .his_header {}
.modalyer_pop .his_wrap .his_header h2 {margin-bottom:5px; font-family:"NotoSansKR-Medium"; font-size:15px; color:#555;}
.modalyer_pop .his_wrap .his_header .inp_wrap {padding:8px; background-color:#f7f7f7;}
.modalyer_pop .his_wrap .his_header .inp_wrap select {min-width:90px;}
.modalyer_pop .his_wrap .his_body {margin-top:20px;}
.modalyer_pop .his_wrap .his_body .hisList {overflow:hidden;}
.modalyer_pop .his_wrap .his_body .hisList > li {float:left; margin-bottom:5px; text-align:center;}
.modalyer_pop .his_wrap .his_body .hisList > li > a {display:block; padding-top:60px; padding-bottom:20px; width:80px; height:60px;}
.modalyer_pop .his_wrap .his_body .hisList > li > a.sm1 {background:url('../../images/map/sign_1.png') center top no-repeat;}

.modalyer_pop .his_wrap .board_pager_wrap {padding-top:15px; border-top:1px solid #e1e1e1;}



/* measure */
.measure-tooltip {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 4px;
	color: white;
	padding: 4px 8px;
	opacity: 0.7;
	white-space: nowrap;
}
.tooltip-static {
	background-color: red;
	color: white;
	font-weight:bold;
	border: 1px solid white;
}
.tooltip-static:before {
	border-top: 6px solid rgba(0, 0, 0, 0.5);
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	content: "";
	position: absolute;
	bottom: -6px;
	margin-left: -7px;
	left: 50%;
}
.tooltip-static:before {
	border-top-color: #ffcc33;
}

/* draw */
.draw-tooltip {
	position: relative;
	border-radius: 4px;
	padding: 20px 25px;
	white-space: nowrap;
	background-color: black;
	color: white;
	font-weight:bold;
	border: 1px solid white;
}

.layer_wrap {position:absolute; left:0px; top:0px; z-index:9999;}
.layer_wrap:after {content:""; display:inline-block; height:100%; vertical-align:middle;}

.layer_wrap .layer_inner {display:inline-block; position:relative; background-color:#fff; vertical-align:middle; text-align:center;}
.layer_wrap .layer_inner .layer_header h3 {display:block; height:50px; padding:0 15px; font-family:"NotoSansKR-Medium"; color:#fff; font-size:16px; background-color:#2a9dc9; line-height:52px; text-align:left;}

/*중첩 레이어*/
.layer_mapInfo {}
.layer_mapInfo .layer_inner {width:180px;}
.mapInfo_list li {height:30px; padding:0 15px; line-height:30px; font-size:14px; text-align:left;cursor:pointer;}
.mapInfo_list li:hover {background-color:#ddd;}


@media print {
	@page {
		size: landscape;
		margin-top:2.5cm;
		margin-right:2cm;
		margin-bottom:2cm;
		margin-left:2cm;
	}
}

.edit-tool {
	display:none;
	background: url(./../../images/map/bg_white_90per_piece.png) 0 0 repeat;
	position:absolute; right:50px; top:60px;
	min-width:106px; padding:10px;
	font-size:16px; line-height:40px; text-align:center;
	z-index: 100;
}





.mapInfo_wrap {position:absolute;/* right:5%; */padding: 6px;/* top: 6px; */z-index:400;/* height:30px; */}
.mapInfo_wrap .mapType_list {float:left;overflow:hidden;}
.mapInfo_wrap .mapType_list li {float:left;}
.mapInfo_wrap .mapType_list li .item {}
.mapInfo_wrap .mapType_list li .item .btn {height:30px; padding:0 15px; background-color:#fff; font-family:"NotoSansKR-Medium"; font-size:12px; line-height:30px;}
.mapInfo_wrap .mapType_list li.on .item .btn {background-color:#42BDD1; color:#fff;}
.btn {
	position:relative;
	display:inline-block; *display:inline; *zoom:1;
	cursor:pointer;
	text-align:center;
	/*border-radius:2px;*/
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
}
.btn>span {display:block; position:relative; height:100%; font-family:'NanumGothicBold';}