@charset "utf-8";

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

button,
input {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; border:none;}
#wrap {overflow:hidden; font-family:'SCoreDream',Helvetica,Arial,sans-serif;}
#wrap, .map-infoWdw {font-size:20px;} 

@media all and (max-width:1024px) {#wrap, .map-infoWdw {font-size:20px;}}
@media all and (max-width:640px) {#wrap, .map-infoWdw {font-size:20px;}}
@media all and (max-width:480px) {#wrap, .map-infoWdw {font-size:18px;}}

.nicescroll-cursors {background:rgba(0,0,0,.3) !important;}

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

#map_header {position:fixed; top:0; left:0; right:0; height:4em; z-index:10; background:#fff;}
#map_area {position:fixed; right:0; bottom:0; background:#eee; z-index:0; transition:.3s all; -webkit-transition:.3s all;}

.quickHome {display:block; position:fixed; z-index:10; border-radius:100%; overflow:hidden; right:1em; bottom:1em; width:5em; height:5em; background:url(../img/map/btn_goto_center.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; box-shadow:2px 2px 5px 0px rgba(0,0,0,.50);}
.quickMyLocation {display:block; position:fixed; z-index:10; border-radius:100%; overflow:hidden; right:1em; bottom:6.9em; width:5em; height:5em; background:url(../img/map/btn_goto_my.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; box-shadow:2px 2px 5px 0px rgba(0,0,0,.50);}

@media all and (min-width:1025px) {
	#map_search {position:fixed; top:7em; left:0; bottom:0; z-index:10;}
	#map_area {top:6.2em;}
	
	#map_search,
	#map_search * {transition:.3s all; -webkit-transition:.3s all;}
	#map_search button,
	#map_search button * {transition:none; -webkit-transition:none;}
	#map_search .control {display:block; position:absolute; top:50%; left:100%; width:2em; height:3.5em; margin-top:-1.75em; border-radius:0 .25em .25em 0; background:url(../img/map/btn_pannel_close.svg) no-repeat 50% .5em #fff; border:1px solid #ddd; text-indent:-999px; overflow:hidden; border-left-width:0; transition:.3s all; -webkit-transition:.3s all;}
	#map_search .control span {display:block; position:absolute; text-indent:0; top:2.857142em; left:0; right:0; text-align:center; font-size:.7em; }
	
	#map_search .category {position:absolute; top:0; left:0; bottom:0; width:6em; background:#fff; overflow:hidden; box-sizing:border-box; border-right:1px solid #ddd;}
	#map_search .searchWrap {position:absolute; top:0; bottom:0; left:6em; width:16em; background:#fff; border-right:1px solid #DDDDDD;}
	
	#map_search {width:22em;}
	
	#map_search.close-pannel {width:6em !important;}
	#map_search.close-pannel .control { background-image:url(../img/map/btn_pannel_open.svg);}
	#map_search.close-pannel .control .close,
	#map_search:not(.close-pannel) .control .open {display:none;}
	
	#map_area {left:6em; overflow:hidden;}
		
}
@media all and (max-width:1024px) {
	#map_area {position:fixed; top:3em; left:0; right:0;; z-index:0;}
	#map_search ~ #map_area,
	#map_search ~ * #map_area {top:5.5em;}

	.quickHome {right:5.5em; bottom:1em; width:4em; height:4em;}
	.quickMyLocation {right:1em; bottom:1em; width:4em; height:4em;}
		
}


/*******************************************
	Header
*******************************************/

#map_header {border-bottom:1px solid #ddd;}
#map_header .logo {display:block; position:absolute; background:no-repeat 0 50%; background-size:contain; text-indent:-999px; overflow:hidden;}
#map_header .logo > a {display:block; position:relative; max-width:100%; width:100%; height:100%; background:no-repeat 0 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

@media all and (min-width:1025px) {
	#map_header .logo {top:50%; left:1.5em; margin-top:-1.8em; width:16em; height:3.6em;}
	#map_header .home {display:block; position:absolute; top:50%; right:1.5em; padding:.5em .75em .5em 2em; border-radius:9em; background:url(../img/map/ico_home.svg) no-repeat .75em 50% #F4FAFF; background-size:1em auto; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
	#map_header .home span {display:block; color:#2A49B9; font-size:.8em;}
	#map_header nav {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
	#map_header nav:before {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:9em; z-index:-1; border:1px solid #ddd;}
	#map_header nav:after {content:""; display:block; clear:both;}
	#map_header nav li {display:block; float:left;}
	#map_header nav a {display:block; position:relative; padding:.5em .75em .5em 2em; background:no-repeat .75em 50%; background-size:1em auto; z-index:0; border-radius:9em;}
	#map_header nav a span {display:block; position:relative; font-size:.8em; line-height:1.25em;}
	#map_header nav a.on span {color:#fff;}
	#map_header nav a.event {background-image:url(../img/map/ico_tab_event.svg);}
	#map_header nav a.map {background-image:url(../img/map/ico_tab_life.svg);}
	#map_header nav a.tourmap {background-image:url(../img/map/ico_tab_trav.svg);}
	#map_header nav a.on {background-color:#FF4141; z-index:1;}
	#map_header nav a.event.on {background-image:url(../img/map/ico_tab_event_on.svg);}
	#map_header nav a.map.on {background-image:url(../img/map/ico_tab_life_on.svg);}
	#map_header nav a.tourmap.on {background-image:url(../img/map/ico_tab_trav_on.svg);}
	
	#open_search {display:none;}
}
@media all and (min-width:1025px) and (max-width:1150px) {
	#map_header .logo {left:0;}
	#map_header nav {transform:translateY(-50%); -webkit-transform:translateY(-50%);}
}
@media all and (max-width:1024px) {
	#map_header {height:3em; }
	#map_header .logo {height:2em; top:.5em; left:.5em;}
	#map_header .logo a {width:13em;}
	
	#open_search {display:block; position:fixed; top:3.2em; right:3.5em; width:2.5em; height:2.5em; background:url(../img/map/btn_search_open.svg) no-repeat 50% 50%; background-size:contain; text-indent:-999px; overflow:hidden; z-index:5;}
	body.open-mo-search #open_search {background-image:url(../img/map/btn_search_close.svg);}	
}

@media all and (max-width:460px) {
	#open_search {right:2.5em; top:3.4em;}
}


@media all and (max-width:400px) {
	#open_search {right:2.5em; top:2.8em;}
}

/*******************************************
	Mobile Quick
*******************************************/

@media all and (max-width:1024px) {

	#map_header nav {position:fixed; left:0; bottom:0; width:60%; z-index:5; background:#fff;}
	#map_header nav li {display:block; position:relative; width:33.33%; float:left;}
	#map_header nav li a {display:block; position:relative;}
	#map_header .home {position:fixed; left:60%; width:20%; bottom:0;}
	
	.mo-quick-link span {display:block; position:relative; font-size:.7em; word-break:keep-all; max-width:4.5em; margin:0 auto;}
	.mo-quick-link.on {background:#FF4141;}
	.mo-quick-link.on span {color:#fff;}
	
	.mo-quick-link.event:before {background-image:url(../img/map/ico_tab_event.svg);}
	.mo-quick-link.map:before {background-image:url(../img/map/ico_tab_life.svg);}
	.mo-quick-link.tourmap:before {background-image:url(../img/map/ico_tab_trav.svg);}
	.mo-quick-link.home:before {background-image:url(../img/map/ico_tab_home.svg);}
	.mo-quick-link.quickHome:before {background-image:url(../img/map/ico_tab_map.svg);}
	
	.mo-quick-link.on.event:before {background-image:url(../img/map/ico_tab_event_on.svg);}
	.mo-quick-link.on.map:before {background-image:url(../img/map/ico_tab_life_on.svg);}
	.mo-quick-link.on.tourmap:before {background-image:url(../img/map/ico_tab_trav_on.svg);}
	.mo-quick-link.on.home:before {background-image:url(../img/map/ico_tab_home_on.svg);}
	.mo-quick-link.on.quickHome:before {background-image:url(../img/map/ico_tab_map_on.svg);}
}


/*******************************************
	Search Box
*******************************************/

#map_search .frmSearch {display:block; position:absolute; top:0; left:0; right:0; padding:1.5em; box-sizing:border-box; height:8.5em; background:#0066c2;}
#map_search .frmSearch > * + * {margin-top:.5em;}
#map_search .frmSearch select,
#map_search .frmSearch input[type="text"],
#map_search .frmSearch input[type="search"] {display:block; position:relative; width:100%; box-sizing:border-box; font-size:.8em; border-radius:.3125em; border:none; background:#fff; height:3.125em;}
#map_search .frmSearch select {padding:0 .9em 0 .9em; background:url(../img/map/ico_select.svg) no-repeat 100% 50% #fff; background-size:1.875em auto; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}
#map_search .frmSearch select::-ms-expand {display:none;}
#map_search .frmSearch input[type="text"],
#map_search .frmSearch input[type="search"] {padding:0 1.25em;}
#map_search .frmSearch .multiSelect {display:table; width:100%; position:relative;}
#map_search .frmSearch .multiSelect > * {display:table-cell; position:relative; box-sizing:border-box; padding:0 .3em;}
#map_search .frmSearch .multiSelect > *:first-child {padding-left:0;}
#map_search .frmSearch .multiSelect > *:last-child {padding-right:0;}
#map_search .frmSearch .input {display:block; position:relative; clear:both; background:#fff; border-radius:.25em; overflow:hidden; padding-right:2.5em;}
#map_search .frmSearch .input input[type="submit"] {display:block; position:absolute; top:.5em; right:.5em; width:1.5em; height:1.5em; background:url(/common/img/common/btn_search.svg) no-repeat 70% 50%; background-size:contain; text-indent:-999px; overflow:hidden;}

#map_search .resultSearch {position:absolute; top:0; left:0; right:0; bottom:0;}
#map_search .frmSearch ~ .resultSearch {top:8.5em;}
#map_search .resultSearch .bod_page {position:absolute; left:1em; right:1em; bottom:0; height:4em; box-sizing:border-box; padding:1.2em 0; text-align:center; border-top:1px solid #ddd;}
#map_search .resultSearch .bod_page > * {display:inline-block; vertical-align:middle; font-size:.8em; text-align:center; width:1.875em; height:1.875em; line-height:1.875em; border-radius:100%; background:#F8F8F8;}
#map_search .resultSearch .bod_page > * +  * {margin-left:.2em;}
#map_search .resultSearch .bod_page *[class*="btn_"] {text-indent:-999px; overflow:hidden; background:no-repeat 50% 50%; background-size:contain;}
#map_search .resultSearch .bod_page .btn_first,
#map_search .resultSearch .bod_page .btn_end {display:none;}
#map_search .resultSearch .bod_page .btn_10prev {background-image:url(../img/map/btn_prev.svg);}
#map_search .resultSearch .bod_page .btn_10next {background-image:url(../img/map/btn_next.svg);}
#map_search .resultSearch .bod_page span {background:#FF4141; color:#fff;}

#map_search .resultSearch .list {position:absolute; left:0; top:0; bottom:4em; margin-bottom:-1px; right:0; overflow:auto; padding:0 1em;}
#map_search .resultSearch .list li {border-bottom:1px solid #ddd;}
#map_search .resultSearch .list a {display:block; position:relative; padding:.95em 0;}
#map_search .resultSearch .list a .subj {display:block; position:relative; font-size:.8em; color:#000; font-weight:600; line-height:1.4em; margin-bottom:.2em;}
#map_search .resultSearch .list a .txt {display:block; position:relative; font-size:.7em; color:#555; line-height:1.4em;}
#map_search .resultSearch .list a .date {display:block; position:relative; font-size:.8em; color:#777; line-height:1.4em;}
#map_search .resultSearch .list a:hover .subj,
#map_search .resultSearch .list a:focus .subj {text-decoration:underline;}

@media all and (min-width:1025px) {
	#map_search .pannel {display:block; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
	#map_search .category:after {content:""; display:block; position:absolute; top:0; bottom:0; left:6em; width:9em; background:#FDFDFD; border-left:2px solid #FF4141;}
	#map_search .category > ul {display:block; position:absolute; top:0; bottom:0;}
	#map_search .category > ul > li {display:block; width:6em;}
	#map_search .category > ul > li > button {display:block; position:relative; width:100%; height:3em;}
	#map_search .category > ul > li > button span {display:block; text-align:center; font-size:.9em; color:#555555;}
	#map_search .category > ul > li > button.on {background:#f64776;}
	#map_search .category > ul > li > button.on span {color:#fff;font-weight: 600;}
	#map_search .category > ul > li > ul {display:none; position:absolute; top:0; left:6em; bottom:0; width:9em; box-sizing:border-box; overflow:auto; z-index:1;}
	#map_search .category > ul > li.on > ul {display:block;}
	#map_search .category > ul > li > ul {padding:1em .75em;}
	#map_search .category li li button {display:block; position:relative; width:100%; padding:.5em; background:url(../img/map/bul_cate_depth2.svg) no-repeat 0 50%; background-size:.2em auto;}
	#map_search .category li li button span {display:block; position:relative; font-size:.8em; color:#555; line-height:1.3em; font-weight:400; text-align:left;}
	#map_search .category li li button.on {background-image:url(../img/map/bul_cate_depth2_on.svg);}
	#map_search .category li li button.on span {font-weight:700; color:#000000;}
	
	#map_search .area {overflow:auto;}
	#map_search .area > ul > li > button {display:block; position:relative; width:100%; height:2.5em;}
	#map_search .area > ul > li > button span {display:block; text-align:center; font-size:.9em; color:#555555;}
	#map_search .area > ul > li > button.on {background:#FF4141;}
	#map_search .area > ul > li > button.on span {color:#fff;}
}

@media all and (max-width:1024px) {
	#map_search .control {display:none;}
	
	#map_searchArea {position:fixed; left:0; right:0; top:6.8em; background:#fff; z-index:5; border-bottom:1px solid #ddd;}
	#map_searchArea li {display:inline-block; vertical-align:middle;}
	#map_searchArea > ul ul {display:none;}
	
	#map_searchArea:after {content:""; display:block; position:absolute; top:0; bottom:0; right:0; width:2em; background:linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
	#map_searchArea > ul {display:block; white-space:nowrap; overflow:auto; width:100%; padding:.5em; text-align:center;}
	#map_searchArea > ul > li + li {margin-left:.3em;}
	#map_searchArea > ul > li > a,
	#map_searchArea > ul > li > button {display:block; position:relative; height:1.5em; border-radius:9em; border:1px solid #ddd; background:#fff; padding:0 .75em;}
	#map_searchArea > ul > li > a span,
	#map_searchArea > ul > li > button span {display:block; font-size:.8em; color:#555;}
	
	#map_searchArea > ul > li > button.on {background:#FF4141; border-color:#FF4141;}
	#map_searchArea > ul > li > button.on span {color:#fff; font-weight:600;}
	
	#map_search .searchWrap {position:fixed; top:5.5em; right:0; bottom:0; width:100%; background:#fff; z-index:50; transition:.3s all; -webkit-transition:.3s all;}
	body:not(.open-mo-search) #map_search .searchWrap {transform:translateX(100%); -webkit-transform:translateX(100%);}
	#map_search .frmSearch {height:5.75em; padding:.75em .5em;}
	#map_search .frmSearch .multiSelect > * {padding:0 .125em;}
	#map_search .frmSearch > * + * {margin-top:.25em;}
	#map_search .frmSearch select,
	#map_search .frmSearch input[type="text"],
	#map_search .frmSearch input[type="search"] {height:2.5em; padding:0 .625em;}
	#map_search .frmSearch .input input[type="submit"] {width:1.4em; height:1.4em; top:.3em; right:.3em;}
	#map_search .frmSearch ~ .resultSearch {top:5.75em;}
	#map_search .resultSearch .list {padding:0 .5em;}
}


/*******************************************
	Map Area
*******************************************/

.map-infoWdw {position:absolute; top:-57px; left:50%; transform:translate(-50%, -100%); -webkit-transform:translate(-50%, -100%);  z-index:999;}
.map-infoWdw .close {display:block; position:absolute; top:-.5em; right:-.5em; width:2em; height:2em; background:url('../img/map/btn_map_pop_close.svg') no-repeat 50% 50%; background-size:contain; z-index:5;}

.map-infoWdw .info {position:relative; z-index:1; background:#fff; border:1px solid #222; min-width:16em; max-width:19em; border-radius:1em; padding:.75em 1.25em;
	-webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.25);	
}
.map-infoWdw .info > * + *,
.map-infoWdw .info .con > * + * {margin-top:12px;}
.map-infoWdw .info .bat {display:none;}

.map-infoWdw .info .title {font-size:1em; font-weight:800; color:#000; line-height:1.3; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:0 !important;}
.map-infoWdw .info .title.multi {white-space:normal;}
.map-infoWdw .info .con strong {color:#333; padding-right:.2em;}
.map-infoWdw .info .con em {color:#ff5f1b;}
.map-infoWdw .info .con ul {display:block; position:relative;}
.map-infoWdw .info .con ul > li {display:block; position:relative; line-height:1.2;}
.map-infoWdw .info .con ul > li + li {margin-top:3px;}
.map-infoWdw .info .con ul > li strong {color:#2A49B9; font-weight:700; padding-right:.5em;}
.map-infoWdw .info .con .button {display:block; width:100%; border-color:#ff7538; color:#ff7538 !important; font-size:.88em; height:2.33em;}
.map-infoWdw .info .con .button:hover {color:#fff !important; background:#ff7538;}
.map-infoWdw .info .con p {white-space:normal; font-size:.85em; line-height:1.2;}
.map-infoWdw .info .con .txt-bold {font-weight:700; color:#ee1952;}

.map-infoWdw .info .con .txt-bold.red {font-weight:700; color:red;}
.map-infoWdw .info .con .txt-bold.green {font-weight:700; color:green;}
.map-infoWdw .info .con .txt-bold.orange {font-weight:700; color:#ff570c;}
.map-infoWdw .info .con .txt-bold.blue {font-weight:700; color:blue;}

.map-infoWdw .info .con .box {display:block; position:relative; background:#f8f8f8; color:#777777; font-size:.8em; padding:.7em; overflow:hidden; text-overflow:ellipsis;}
.map-infoWdw .info .con .box ul li {display:block; position:relative; color:#777777; line-height:1.4; border:none !important; white-space:normal;}

.map-infoWdw .pop-list {position:absolute; top:0; left:-10em; margin-left:-10px; width:10em; min-height:11em; padding:5px; z-index:1; background:#fff; border-radius:1.3334em; font-size:15px; line-height:1.6; color:#777777; font-weight:300; border:1px solid #222; overflow:hidden;}
.map-infoWdw .pop-list img {max-width:100%;}
.map-infoWdw .pop-list .list {max-height:10em; overflow:auto;}
.map-infoWdw .pop-list .list::-webkit-scrollbar{width: 5px; height: 5px;}
.map-infoWdw .pop-list .list::-webkit-scrollbar-thumb{background: #B3AFB3; border-radius: 0px;}
.map-infoWdw .pop-list .list::-webkit-scrollbar-thumb:hover{background: #B3AFB3;}
.map-infoWdw .pop-list .list::-webkit-scrollbar-track{background: #F0F0F0; border-radius: 0px; box-shadow: inset 0px 0px 0px 0px #F0F0F0;}

.map-infoWdw .pop-list .list li {display:block; position:relative;}
.map-infoWdw .pop-list .list li + li {border-top:1px solid #efefef;}
.map-infoWdw .pop-list .list li a,
.map-infoWdw .pop-list .list li button {display:block; position:relative; padding:.8em 1.05em; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333333; font-weight:400;}
.map-infoWdw .pop-list .list li.on a,
.map-infoWdw .pop-list .list li.on button,
.map-infoWdw .pop-list .list li a.on,
.map-infoWdw .pop-list .list li button.on {font-weight:600;}

.map-infoWdw .info .con .box.air {font-size:0.7em;}
.map-infoWdw .info .con .box.air li {display:flex; justify-content:space-between;}
.map-infoWdw .info .con .box.air li span {text-align:right;}
.map-infoWdw .info .con .box.air li span + span {display:none;}

@media screen and (max-width:768px) {
	.map-infoWdw .info {padding:10px 20px; font-size:18px;}
	.map-infoWdw .pop-list {margin:0 -20px -10px;}
}
@media all and (max-width:560px) {
	.map-infoWdw .info .con > ul > li {overflow:hidden; text-overflow:ellipsis;}
}
@media all and (max-width:560px) {
	.map-infoWdw .info {padding:10px 15px; font-size:16px; /*max-width:20em;*/min-width:18em;}
	.map-infoWdw .info > * + *,
	.map-infoWdw .info .con > * + * {margin-top:8px;}
	.map-infoWdw .pop-list {margin:0 -15px -10px;}
	.map-infoWdw .pop-list .list li a,
	.map-infoWdw .pop-list .list li button {padding:15px 10px;}
}