@charset "UTF-8";
/* reset style */
/* 초기화, 기본설정, 글로벌CSS  */
/* local */
html *{
    box-sizing:border-box; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
}
html, body, div,  p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul, li, blockquote, pre, button, fieldset, form, legend,
table, caption, tbody, tfoot, thead, tr, th, td, iframe, article, aside, canvas, details, embed,
figure, figcaption, header, footer, menu, nav, section, summary, audio, video {
    margin: 0; padding: 0; border: 0; line-height:inherit; -webkit-text-size-adjust:none; /* -webkit-text-size-adjust:100%; */ -webkit-print-color-adjust:exact;
}
article,aside,details,figcaption,figure,footer,hgroup,header,main,menu,nav,section,summary { display: block; }
audio,canvas,progress,video { display: inline-block; }

body{
    position:relative;
    font-size:13px; 
    font-weight:300;
    line-height:1em;
    color:#666;
    font-family:"Malgun Gothic","맑은 고딕",Dotum,"돋움",Helvetica,AppleSDGothicNeo,sans-serif;
}

img, fieldset, object{ vertical-align:middle; border:0 none; margin: 0; padding: 0; }
figure, figcaption{	margin:0;padding:0 }
b, strong{ font-weight: 300; }
i, em, dfn, cite, address, optgroup{ font-style: normal; }
table tbody td i, table tbody td span, table tbody td em, table tbody td strong{ vertical-align: middle;}
hr{display:none;}
audio, canvas, progress, video{ display:inline-block; vertical-align:baseline; }
mark{background-color: #ff0; color: #000;}
small{font-size: 80%;}
sup,sub{ position: relative; font-size: .9em; line-height: 0; vertical-align: baseline; }
sub{ bottom: -0.25em; }
sup{ top: -0.5em; }
del{ text-decoration: line-through; }
ol, ul, li { list-style:none;}
table, thead, tbody {border-collapse:collapse; border-spacing:0;}
legend, caption { position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
button{box-shadow:none; border:none; vertical-align:top; border-radius:0; background:none;}
button:hover,
button:active,
button:focus{cursor:pointer;}
a { color:#666; text-decoration:none; background-color:transparent;} /** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a:hover{ text-decoration:underline;}
a[href^="tel"]{color:inherit; text-decoration:none;}
label{ cursor:pointer; vertical-align:middle;}
input, button, select{vertical-align:middle;}

/* 입력 form */
input, select, textarea{ 
	color:#666; background:#fff; 
}
select, input[type="number"], input[type="text"], input[type="file"], input[type="password"] {
	height:35px;line-height:35px; padding:0 0 0 12px;  border:1px solid #c3c3c3; 
}
select, textarea, input[type="text"], input[type="file"], input[type="password"] {
	max-width: 100%;
}

/* 한글우선 */
textarea, input[type="text"]{   
	ime-mode:active; 
	-webkit-ime-mode:active; 
	-moz-ime-mode:active; 
	-ms-ime-mode:active; 
}

/*********************  Global Style ***************************/

/* hidden Text */
.sr-only, .skip { position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}

.clearfix{}
.clearfix:after { content:" "; display:block; clear:both; height:0;}
.clear{clear:both; width:100%;}

/*정렬*/
.taC{ text-align:center;}
.taL{ text-align:left;}
.taR{ text-align:right;}

.red{ color: #e30070;}
.bold{ font-weight: 700;}

/*marker 공통*/
/* .marker { display: block; width: 36px; height: 47px; background: url(/images/share_map/marker_off.png) no-repeat center center; }
.marker .in_txt { display: inline-block; width: 100%; margin-top: 8px; font-size: 16px; font-weight: bold; color: #0fa3de; text-align: center; }
.marker.on { background-image: url(/images/share_map/marker_on.png); }
.marker.on .in_txt { color: #e30070;} */

/*=============================== 공유지도 ==============================================*/

html,body{ width: 100%; height: 100%;}

.wsize{ max-width: 94%; margin: 0 auto; }
.wrap{ position: relative; width: 100%; height: 100%;}


/*====== map 컨텐츠 ======*/
#share_map_cnt{ position: fixed; z-index: 999; top: 0; left: 0; width: 360px; height: 100%; background: #eef2f5;}/*컨텐츠 전체 bg*/

#share_map_cnt .aside_bar{ position: absolute; top: 0; right: -10px; width: 10px; height: 100%; }
#share_map_cnt .aside_bar .bar_shadow{ position: relative; z-index: 1; display: block;  width: 100%; height: 100%; background: url(/images/share_map/map_shadow.png) repeat-y 0 0; }
#share_map_cnt .aside_bar .bar_btn{ position: absolute; top: 50%; left: 0; z-index: 2; display: block;  width: 25px; height: 50px; background: #fff; border-top-right-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.38); }
#share_map_cnt .aside_bar .bar_btn:before{ content: ""; display: inline-block; width: 10px; height:10px; border: 3px solid #4773b4; border-right: 0px; border-bottom: 0px; transform: rotate(-45deg); transition: transform 0.3s; }
#share_map_cnt .aside_bar .bar_btn.closed:before{ transform: rotate(135deg); margin-left: -5px;}

@media screen and ( max-width:768px){        
    #share_map_cnt .aside_bar{ display: none;}
}

/*상단로고*/
#share_map_cnt .cnt_title{ position: relative; padding: 10px 0; background: #173869; }/*헤더 bg*/
#share_map_cnt .cnt_title .logo{ height: 30px; line-height: 30px; padding-left: 35px; background: url(/images/share_map/emb.png) no-repeat 0 0; background-size: contain; font-size: 18px; font-weight: 700;  color: #fff; -0.05em; letter-spacing: -0.05em;}
#share_map_cnt .cnt_title .logo .sb_txt{ margin-left: 7px; font-size: 17px; font-weight: 400; letter-spacing: -0.05em; }
#share_map_cnt .cnt_title .go_home{ position: absolute; top: 10px; right: 15px; width: 40px; height: 35px; border-radius: 50px; background: url(/images/share_map/map_ico_home.png) no-repeat center center; background-size: 22px auto; background-color: #235297; }
#share_map_cnt .cnt_title .go_home:hover{ background-color: #1765d4; }

@media screen and ( max-width:768px){        
    #share_map_cnt{ width: 100%; height: auto; }
    /*상단로고*/
    #share_map_cnt .cnt_title{}
    #share_map_cnt .cnt_title .logo{ /*height: 24px; line-height: 24px; padding-left: 28px; font-size: 16px;*/  }
    #share_map_cnt .cnt_title .logo .sb_txt{ margin-left: 5px; font-size: 14px;}
}



/*======검색영역=====*/
/*자원검색*/
/*#share_map_cnt .search_group{}*/
.search_group{  background: #fff;  }/*검색기능 전체 bg*/
.search_group .sch_info{ position: relative; padding: 20px 0 10px; background: #4773b4; }/*자원검색 bg*/
.search_group .sch_info .ti{ font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px; color: #fff;}
.search_group .sch_info .sm_toggle{ display: none; } /*==== 모바일제어=====*/
.search_group .sch_info .sec_list{}
.search_group .sch_info .sec_list > li{ float: left; width: 33.33%;}
.search_group .sch_info .sec_list > li+li{ padding-left: 5px;}
.search_group .sch_info .sec_list > li > select{ width: 100%; border: none;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .sch_info .sch_bg_box{ position: relative; height: 35px; padding: 3px; margin-top: 5px;  padding-right: 60px; 
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .sch_info .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
.search_group .sch_info .sch_bg_box .s_btn{ position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_top_sch.png)no-repeat center center; background-size: 22px auto;}
.search_group .sch_info .sch_bg_box .s_btn:hover{background-color: #f3f3f3;}
.search_group .sch_info .curr_check{ padding: 3px 0; color: #fff; }
.search_group .sch_info .curr_check input{ width: 17px; height: 17px; border: none; background: #fff;}
.mapAddr{margin-top: 20px; }

@media screen and ( max-width:768px){        
    .search_group{  background: #fff; }
    .search_group .sch_info{ position: relative; padding: 0px 0 10px;}
    .search_group .sch_info .ti{ display: none;}
    .search_group .sch_info .sm_toggle{ display: block; text-align: right; padding: 5px 0px; } /*==== 모바일제어=====*/    
    .search_group .sch_info .sm_toggle .sm_btn{ position: relative; display: inline-block; padding: 5px 25px 5px 10px ; font-size: 12px; letter-spacing: -0.05em; color: #fff; border: 1px solid #8dafe0; border-radius: 30px; } 
    .search_group .sch_info .sm_toggle .sm_btn.on{ background: #173869;} 
    .search_group .sch_info .sm_toggle .sm_btn:after{ content: ""; position: absolute; top: 7px; right: 10px; display: inline-block; width: 5px; height: 5px; border: 2px solid #fff; border-top: none; border-left: none; transform: rotate(45deg); transition: transform 0.3s;} 
    .search_group .sch_info .sm_toggle .sm_btn.on:after{ top: 10px; transform: rotate(-135deg);} 
    .search_group .sch_info .sm_toggle .sm_btn:hover{ text-decoration: none;} 
    .search_group .sch_info .sm_toggle .sm_btn.bt2{  display: inline-block;}  
    .search_group .sch_info .sec_list{ display: block; }
    .search_group .sch_info .sec_list > li{ float: left; width: 33.33%;}
    .search_group .sch_info .sec_list > li+li{ padding-left: 5px;}
    .search_group .sch_info .sec_list > li > select{ width: 100%;}
    .search_group .sch_info .sch_bg_box{ }
    .search_group .sch_info .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
    .search_group .sch_info .sch_bg_box .s_btn{ }
    .mapAddr{ margin-top: 180px; }
 
    .result_group .result_top #hideBtn{ content: ""; position: absolute; top: 7px; right: 10px; display: inline-block; width: 15px; height: 15px; border: 2px solid black; border-top: none; border-left: none; transform: rotate(45deg); transition: transform 0.3s; top: 30%; left: 77%;} 
 	.result_group .result_top #hideBtn.on { content: ""; position: absolute; top: 7px; right: 10px; display: block; width: 15px; height: 15px; border: 2px solid black; border-bottom: none; border-right: none; transform: rotate(45deg); transition: transform 0.3s; top: 40%; left: 77%;} 
}


/*주변탐색*/
.search_group .around_info { padding: 20px 0; background: #d9e7fa;}
.search_group .around_info .ti{ color: #000; font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px;}
.search_group .around_info .list { }
.search_group .around_info .list > li{ float: left; padding-right: 3px; padding-bottom: 5px;}
.search_group .around_info .list > li > a{ 
    display: inline-block; 
    padding: 6px 10px; 
    font-size: 13px; color: #000;
    border-radius: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 1px 0 rgba(0,0,0,.15);
}
.search_group .around_info .list > li > a:hover{ text-decoration: none; background-color: #0c6bfa; color: #fff;}
.search_group .around_info .list > li.on > a{ background-color: #0c6bfa; color: #fff;}

.search_group .around_info .option_group{}
.search_group .around_info .option_group .option_dl{ position: relative; height: 35px; padding-left: 80px; margin-bottom: 5px;}
.search_group .around_info .option_group .option_dl:last-child{  margin-bottom: 15px;}

.search_group .around_info .option_group .option_dl > dt{ position: absolute; top:0; left: 0; width: 80px; height: 100%; background: #4773b4; color: #fff; padding-left: 10px; line-height: 35px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.search_group .around_info .option_group .option_dl > dt > label{ vertical-align: baseline;}
.search_group .around_info .option_group .option_dl > dd{ width: 100%; height: 100%;}

.search_group .around_info .option_group .option_dl.addr > dd > input{ width: 100%;  border-top-right-radius: 6px; border-bottom-right-radius: 6px; border: none;}
.search_group .around_info .option_group .option_dl.addr > dd > button{position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_top_sch.png)no-repeat center center; background-size: 22px auto;}
.search_group .around_info .option_group .option_dl.addr > dd > button:hover{background-color: #f3f3f3;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list{ width: 100%;  height: 100%; padding-left: 8px; padding-top: 5px; background: #fff;   border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li{ float: left;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li + li{ margin-left: 8px;}
.search_group .around_info .option_group .option_dl.radius > dd > .radio_list > li > input{ width: 17px; height: 17px;}

@media screen and ( max-width:768px){        
    .search_group .around_info { display: none; margin-top: 0px; }
    .search_group .around_info .ti{ display: none; }
    .search_group .around_info .list { }
    .search_group .around_info .list > li{ float: left; padding-right: 3px; padding-bottom: 3px;}
    .search_group .around_info .list > li > a{ display: inline-block; padding: 5px 10px; border-radius: 50px; background: #fff; font-size: 13px; color: #000;}
}

/*설맞이 주차장 검색 - 기존 주변검색에 케스케이딩*/
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list{}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li{ float: left; width: 50%;}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li+li{ padding-left: 5px;}
.search_group .around_info.parking_type .option_group .option_dl.locate > dd > .sec_list > li > select{ width: 100%; border: none; border-radius: 3px;  background-color: #fff; }

.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box{ position: relative; height: 35px; padding: 3px; margin-top: 5px;  padding-right: 60px; border-radius: 3px; background-color: #fff;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_txt{ width: 100%; height: 100%; border: none;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_btn{ position: absolute; top: 3px; right: 0; width: 60px; height: 30px; background: url(/images/share_map/ico_top_sch.png)no-repeat center center; background-size: 22px auto;}
.search_group .around_info.parking_type .option_group .option_dl > dd .sch_bg_box .s_btn:hover{background-color: #f3f3f3;}

.search_group .around_info.parking_type .parking_sch_btn{ text-align: center;}
.search_group .around_info.parking_type .parking_sch_btn .btn{ display: inline-block; width: 50%; background: #e30070; padding: 10px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8; text-align: center;}
.search_group .around_info.parking_type .parking_sch_btn .btn:hover{ opacity: 1;}

@media screen and ( max-width:768px){    
    .search_group .around_info.parking_type { display: block; margin-top: 0px; } 
}


/*======결과영역=====*/
/*#share_map_cnt .result_group{}*/
.result_group{ /*display: none;*/ position: relative; background: #fff;  }
.result_group .result_top{ position: relative; height: 80px; padding:20px 0 10px; border-bottom: 1px solid #e4e4e4;} /*기본 부모가 display:none 라서 자신의 높이값은 지정해 주어야 함*/
.result_group .result_top .ti{ color: #000; font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px;}
.result_group .result_top .sm_close_btn{ position: absolute; top: 10px; right: 10px;  display: inline-block; border: 1px solid #dedede; width: 30px; height: 30px; background: #fff;}
.result_group .result_top .sm_close_btn:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}
.result_group .result_top .sm_close_btn:after{ content: "";  position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(-45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}
.result_group .result_top .r_txt{ font-size: 15px; color: #000; padding: 5px 0;}

.result_group .result_list_wrap{ height: 500px; overflow-y: scroll;}
.result_group .result_list_wrap .list{}
.result_group .result_list_wrap .list > li{ border-bottom: 1px solid #d9d9d9; }
.result_group .result_list_wrap .list > li > .inner{ position: relative; padding: 15px 15px 15px 50px; }
.result_group .result_list_wrap .list > li > .inner .marker{ position: absolute; top: 5px; left: 5px; }
.result_group .result_list_wrap .list > li:hover > .inner{ background: #eff7ff;}
.result_group .result_list_wrap .list > li.on > .inner{ background: #eff7ff;}

.result_group .result_list_wrap .list > li > .inner a:hover{ text-decoration: none;}
.result_group .result_list_wrap .list > li > .inner .sbj{ display: inline-block; margin-bottom: 10px; font-size: 17px; font-weight: 400; color: #000; line-height: normal; }
.result_group .result_list_wrap .list > li > .inner .sbj .char_txt{ margin-right: 5px; font-size: 17px;  font-weight: 700; color: #2636fd;}
.result_group .result_list_wrap .list > li > .inner .etc_list{ font-size: 12px; }
.result_group .result_list_wrap .list > li > .inner .etc_list > li{ position: relative;  margin-bottom: 5px; padding-left: 5px;}
.result_group .result_list_wrap .list > li > .inner .etc_list > li:after{ content: ""; position: absolute; top: 5px; left: 0px; inline-block; width: 2px; height: 2px; background: #484848;  }
.result_group .result_list_wrap .list > li > .inner .etc_list > li .s_ti{ color: #000; letter-spacing: -0.05em;}
.result_group .result_list_wrap .list > li > .inner .etc_list > li .tel{ color: #4f740a;}


@media screen and ( max-width:768px){        
    .result_group{ position: fixed; z-index: 999; width: 100%; bottom: 0; left: 0; }
    .result_group .result_top{ height: 50px; padding:15px 0 10px; border: none; background: #f0f0f0;}
    .result_group .result_top .ti{ display: none; /*font-weight: 700; font-size: 15px; letter-spacing: -0.05em; margin-bottom: 10px;*/}
    .result_group .result_top .sm_close_btn{ top: 10px; right: 15px;}
    .result_group .result_top .r_txt{ font-size: 15px; color: #000; padding: 5px 80px 0px 0px; white-space: normal;}

    .result_group .result_list_wrap{ height: 160px !important; width: 100%; overflow-y:scroll; }
    .result_group .result_list_wrap .list{ }    
    .result_group .result_list_wrap .list > li{  }    
    .result_group .result_list_wrap .list > li > .inner{  padding: 8px 10px 8px 50px; }    
    .result_group .result_list_wrap .list > li > .inner .sbj{ display: inline-block; margin-bottom: 5px; font-size: 15px; font-weight: 700; color: #000;}
    .result_group .result_list_wrap .list > li > .inner .sbj .char_txt{ margin-right: 5px; font-size: 17px;  font-weight: 700; color: #2636fd;}
    .result_group .result_list_wrap .list > li > .inner .etc_list{ }
    .result_group .result_list_wrap .list > li > .inner .etc_list > li{ margin-bottom: 2px;}
    
}


/* page_nav */ 
.page_nav{clear:both; width:100%; margin:20px 0 20px; text-align:center; font-size: 0;}
.page_nav a{ position: relative; display:inline-block; width:30px; height:30px; line-height:30px; margin:0 1px 5px 0; border:1px solid #e0e0e0; font-size:15px; vertical-align:middle; text-align:center; transition:0.3s; background: #fff; text-decoration: none;}

.page_nav .start,
.page_nav .prev,
.page_nav .next,
.page_nav .end{font-size:0; text-indent:-999px; background:url(/images/share_map/ico_board.png) no-repeat; background-color: #fff;}
.page_nav .start{background-position:10px -70px;}
.page_nav .prev{background-position:10px -120px;}
.page_nav .next{background-position:12px -171px;}
.page_nav .end{background-position:10px -220px;}

.page_nav a:hover,
.page_nav a:focus {border:1px solid #0b397f; background-color:#f5faff; text-decoration: none;}
.page_nav a.on{color:#fff; font-weight:bold; background:#0b397f; border:1px solid #0b397f;}



@media screen and ( max-width:768px){             
    .page_nav{ margin:20px 0 30px;}
    .page_nav a{ font-size:15px; }

}







/*======지도영역=====*/
#map_application{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*지도위 마커*/
#map_application .marker{ position: absolute; top: 0; left: 0; z-index: 777; cursor: pointer;}

/*마커 상세정보 레이어*/
#map_application .div_layer{ position: absolute; z-index: 888; top: 0px; left: 0px; width: 260px; height: 300px; padding: 15px; background: #fff; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.22); }
#map_application .div_layer:before{ content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 21px; height: 11px; background: url(/images/share_map/box_bottom_arrow.png) no-repeat  0 0;}

#map_application .div_layer .close{ position: absolute; top: -20px; right: -20px;  display: inline-block; border: 1px solid #dedede; width: 35px; height: 35px; background: #fff; border-radius: 50%;}
#map_application .div_layer .close:before{ content: ""; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}
#map_application .div_layer .close:after{ content: "";  position: absolute; top: 50%; left: 50%; transform: translateX(-50%) rotate(-45deg); margin-top: -2px; display: inline-block; width: 23px; height: 3px; background: #444;}

#map_application .div_layer .close:hover{ background: #262626; border-color:#262626;}
#map_application .div_layer .close:hover:before,
#map_application .div_layer .close:hover:after{  background: #fff;}


/*마커 기본 - 레이어*/
#map_application .div_layer.detail{  top: -360px; left:-128px;  z-index:999;}
#map_application .div_layer.detail .top_img{ height: 120px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#map_application .div_layer.detail .body_txt{     white-space: normal;}
#map_application .div_layer.detail .body_txt .ti{ display: block; margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em; padding-left: 20px; background: url(/images/share_map/ico_title.png) no-repeat 0 0;}
#map_application .div_layer.detail .body_txt .etc{ font-size: 12px; }
#map_application .div_layer.detail .body_txt .etc > li{ position: relative;  margin-bottom: 5px; padding-left: 5px;}
#map_application .div_layer.detail .body_txt .etc > li:before{ content: ""; position: absolute; top: 5px; left: 0px; inline-block; width: 2px; height: 2px; background: #484848;  }
#map_application .div_layer.detail .body_txt .etc > li > .sti{ }
#map_application .div_layer.detail .bottom_bt{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 12px; font-size: 0;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap{ display: inline-block; width: 50%; padding: 0 3px;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn{ display: inline-block; width: 100%; background: #0c6bfa; padding: 10px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn:hover{ opacity: 1;}
#map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn.go_reg{ background: #e30070; }

/*마커 주차장 시설(이지미,예약버튼 없는경우) -  레이어*/
#map_application .div_layer.detail.simple_type{top: -360px; left:-128px;  z-index:999;/* height: 180px;  */}
#map_application .div_layer.detail.simple_type .top_img{ height: 120px; margin-bottom: 15px; background-size: contain; background-repeat: no-repeat; background-position: center center;}
#map_application .div_layer.detail.simple_type .body_txt{ white-space: normal; line-height: 15px; overflow-x:hidden;  overflow-y:auto; max-height: 230px;} 
#map_application .div_layer.detail.simple_type .body_txt .ti{ display: block; margin-bottom: 15px; font-size: 16px; font-weight: 700; color: #000; letter-spacing: -0.05em; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em; padding-left: 20px; background: url(/images/share_map/ico_title.png) no-repeat 0 0;}
#map_application .div_layer.detail.simple_type .body_txt .etc{ font-size: 12px; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li{ position: relative;  margin-bottom: 5px; padding-left: 5px;}
#map_application .div_layer.detail.simple_type .body_txt .etc > li:before{ content: ""; position: absolute; top: 5px; left: 0px; inline-block; width: 2px; height: 2px; background: #484848;  }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .sti{ color: #000; font-weight: 700; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .stxt{ line-height: 1.4em; }
#map_application .div_layer.detail.simple_type .body_txt .etc > li > .stxt.stxt-block{ display: block; margin-top: 2px;}
#map_application .div_layer.detail.simple_type .bottom_bt{ position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 15px 12px; font-size: 0; text-align: center;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap{ display: inline-block; width: 50%; padding: 0 3px;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn{ display: inline-block; width: 100%; background: #0c6bfa; padding: 10px; color: #fff; font-size: 15px; font-weight: 700; border-radius: 4px; opacity: 0.8;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn:hover{ opacity: 1;}
#map_application .div_layer.detail.simple_type .bottom_bt > .bt_wrap > .btn.go_reg{ background: #e30070; }



/* 마커 교육강좌 - 레이어.*/
 #map_application .div_layer.lecture{  top: -360px; left:-128px; z-index:999; } 
#map_application .div_layer.lecture .top{ position: relative; height: 40px;}
#map_application .div_layer.lecture .top .ti{ display: block; padding-top: 6px; padding-right: 60px; font-size: 16px; font-weight: 700; color: #000; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1em; letter-spacing: -0.05em; padding-left: 20px; background: url(/images/share_map/ico_title.png) no-repeat 0 6px;}
#map_application .div_layer.lecture .btn.go_road{ position: absolute; top: 0; right: 0; display: inline-block; width: 60px; background: #0c6bfa; padding: 7px 5px; color: #fff; font-size: 14px; border-radius: 4px;}
#map_application .div_layer.lecture .body_txt{ padding: 12px 8px; padding-right: 0px; border: 2px solid #e5e5e5;}
#map_application .div_layer.lecture .body_txt .list{ height: 200px;  overflow-y: scroll;}
#map_application .div_layer.lecture .body_txt .list li{ position: relative; padding-right: 60px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
#map_application .div_layer.lecture .body_txt .list li .lec_name{ 
    display: block; margin-bottom: 8px; font-size: 13px; font-weight: 700; color: #000;  letter-spacing: -0.05em;
    text-overflow: ellipsis; overflow: hidden; white-space: normal; 
    height: 2.8em; line-height: 1.4em; 
    word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}

#map_application .div_layer.lecture .body_txt .list li .btn.go_reg{ position: absolute; top: 0; right: 3px; display: inline-block; width: 50px; background: #e30070; padding: 4px 4px; color: #fff; font-size: 14px; border-radius: 4px;}
#map_application .div_layer.lecture .body_txt .list li .btn.go_reg > i{ display: block; margin-top: 2px;}
#map_application .div_layer.lecture .btn{ opacity: 0.8;}
#map_application .div_layer.lecture .btn:hover{ opacity: 1;}




@media screen and ( max-width:768px){    
    #map_application .div_layer{  width: 200px; height: 260px; padding: 10px;}
    #map_application .div_layer.detail .top_img{ height: 100px; margin-bottom: 10px;}
    #map_application .div_layer.detail .body_txt .ti{ margin-bottom: 10px; font-size: 14px; background-size: auto 1em;}
    #map_application .div_layer.detail .bottom_bt > .bt_wrap > .btn{ padding: 6px; font-size: 14px;}
    
    #map_application .div_layer.lecture .top{ position: relative; height: 30px;}
    #map_application .div_layer.lecture .top .ti{padding-top: 6px; padding-right: 50px; font-size: 14px; background-size: auto 1em;}    
    #map_application .div_layer.lecture .btn.go_road{  width: 45px; font-size: 13px; background: #0c6bfa; padding: 5px 0px;  }
    #map_application .div_layer.lecture .body_txt{ padding: 8px 5px; }
    #map_application .div_layer.lecture .body_txt .list{ height: 190px;}
    #map_application .div_layer.lecture .body_txt .list li{ padding-right: 50px; margin-bottom: 5px; border-bottom: 1px solid #e5e5e5; }
    #map_application .div_layer.lecture .body_txt .list li .btn.go_reg{  width: 40px;  padding: 4px 4px; font-size: 13px;}
    
    #map_application .div_layer.detail.simple_type{top: -320px; left:-97px;  z-index:999;/* height: 180px;  */}
    #map_application .div_layer.lecture{  top: -320px; left:-97px; z-index:999; } 
    #map_application .div_layer.detail{  top: -320px; left:-97px;  z-index:999;}
    
}


/*지도*/
#map_application .root_daum_roughmap{ width: 100%; height: 100%; border: none; padding: 0;}
#map_application .root_daum_roughmap .wrap_map { height: 100% !important; }