@charset "utf-8";

/*******************************************
	Common Style
*******************************************/

button,
input {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border:none;}

#wrap {position:fixed; top:0; left:0; right:0; bottom:0; overflow:hidden;}
#wrap, .map-infoWdw {font-size:20px; font-weight:500;} 
#m_conts *{line-height:1.4;}
#openMymenu{display:none;}

@media all and (max-width:1024px) {
	#wrap, .map-infoWdw {font-size:19px;}
	#m_menu .depth1 > li > .mnu-tit a {padding: .5em;z-index:0;}
}
@media all and (max-width:640px) {#wrap, .map-infoWdw {font-size:18px;}}
@media all and (max-width:480px) {#wrap, .map-infoWdw {font-size:17px;}}


#lnbWrap .li_depth01.active > a::before {content:''; position:absolute; height:15px; bottom:25px; left:-10%; right:-10%;  background:#d0efff; z-index:-1;}


/*******************************************
	Layout Style
*******************************************/

#lnbWrap .li_depth01.on > a,
#lnbWrap .li_depth01.active > a {color: #0086cd;font-weight:600;}

#map_search button[onclick] span:after {content:""; display:inline-block; position:relative; margin-left:.1em; width:.9em; height:.9em; vertical-align:middle; background:url(/common/img/common/ico_lnb_blank.svg) no-repeat 50% 50%; background-size:contain;}

@media all and (min-width:1025px) {
	#map_header .logo {width:16em; background-image:url(../img/logo.svg);}	
}
@media all and (max-width:1150px) and (min-width:1025px) {
	#map_header .logo ~ nav {left:18.5em;}
}
@media all and (max-width:1024px) {
	#map_header .logo a {background-image:url(../img/logo_small.svg);}
}
@media all and (min-width:1025px) {
	#map_search.open-sublist {width:31em;}
	#map_search.open-sublist .area,
	#map_search.open-sublist .category {width:15em;}
	#map_search.open-sublist .searchWrap {left:15em;}
	#map_search .depth2 {display:none !important;}
	
	#map_search_distance {display:none;}
	
	#map_area {top:7em; margin-left: 25em;}
	#map_search.close-pannel + #map_area {margin-left:0;}
}
@media all and (max-width:1024px) {
	#map_searchArea > ul:not(.depth2) > li > a,
	#map_searchArea > ul:not(.depth2) > li > button {display:block; position:relative; height:1.5em; border-radius:9em; border:1px solid #ddd; background:#fff; padding:0 .75em;}
	#map_searchArea > ul:not(.depth2) > li > a span,
	#map_searchArea > ul:not(.depth2) > li > button span {display:block; font-size:.8em; color:#555;}
	#map_searchArea > ul:not(.depth2) > li > button.on {background:#fff; border-color:#f64776;}
	#map_searchArea > ul:not(.depth2) > li > button.on span {color:#f64776; font-weight:600;}
	.open-sublist #map_searchArea > ul:not(.depth2) > li > button.on {background:#f64776;}
	.open-sublist #map_searchArea > ul:not(.depth2) > li > button.on span {color:#FFFFFF;}
	
	#map_searchArea .depth2 {background:#FBFBFB; border-top:1px solid #ddd;}
	#map_searchArea .depth2 li + li {margin-left:1em;}
	#map_searchArea .depth2 button {border:none; padding:0; border-radius:0; background:transparent !important;}
	#map_searchArea .depth2 button span:before {content:""; display:block; position:absolute; width:4px; height:4px; background:#BBB; left:0; top:50%; margin-top:-2px;}
	#map_searchArea .depth2 button span {display:block; position:relative; padding-left:1em; font-size:.8em; color:#555555;}
	#map_searchArea .depth2 button.on {background:transparent;}
	#map_searchArea .depth2 button.on span:before {background:#f64776;}
	#map_searchArea .depth2 button.on span {font-weight:800; color:#000;}
	
	#map_search.open-sublist ~ #map_area {top:9.8em;}
	#map_search.open-sublist .searchWrap {top:9.8em;}
	
	#map_search_distance {position:fixed; left:.5em; bottom:2em; z-index:10; border-radius:9em; background:#2A49B9; box-shadow:2px 2px 5px 0px rgba(0,0,0,.5); overflow:hidden;}
	#map_search_distance li {display:block; position:relative; float:left;}
	#map_search_distance li + li {border-left:1px dashed rgba(255,255,255,.2);}
	#map_search_distance button {display:block; position:relative; padding:.5em .75em;}
	#map_search_distance button span {display:block; position:relative; font-size:.7em; color:#fff; font-weight:600;}
}

#map_search .multiSelect button {display:block; position:relative; width:100%; height:2.5em; text-align:center; color:#333; border-radius:5px; background:#fff;}
#map_search .multiSelect button span {display:block; position:absolute; left:0; right:0; top:50%; font-size:.8em; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

#map_search .multiSelect button.on {background:#323768; color:#fff; font-weight:600;}
#map_search .multiSelect button.on span {text-decoration:underline;}
#map_search .frmSearch {height: 11.5em;}
#map_search .resultSearch {top: 11.5em !important;}

@media all and (max-width:1024px) {
	#map_search .frmSearch {height: 9em;}
	#map_search .resultSearch {top: 9em !important;}
	#openSearch,
	#searchWrap {display:none!important;}
}