@charset 'utf-8';
@media screen and (max-width: 1640px) {	
	#map .maps-images{left: -180px;top: -150px;}	
}
@media screen and (max-width: 1420px) {	

	#map{background-position: 60% top;}
	#map .maps-images{left: -4%;top: -150px;}	
}
@media screen and (max-width: 1280px) {	
	#map{background-size: cover;background-position: 54% top;}
	#map .maps-images{left: -30px;top: -150px;}	
}


@media screen and (max-width: 1150px) {	
	#map .maps-images{left: -80px;top: -110px;}	
	#map .obj{transform: scale(0.9);}
}

@media screen and (max-width: 980px) {
	
	.device-m {
		display: block !important;
	}
	html, body{min-height:auto;height:auto;overflow-y: auto;}
	#app{height:auto;min-height: auto;}
	#intro {display:none;}
	#totalWrap {
		min-height: auto;
		overflow-y: auto;
		padding-right: 0;
		padding-top: 360px;
		height: auto;
		/* overflow: visible; */
	}
    .marker_wrapr .marker{position:absolute;top: 13px;left:50%;z-index: 2;transform: translate(-50%,0);}
	.marker_info {
		padding: 10px;
		padding-top: 152px;
		display: block;
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		right: auto;
		margin-left: 0;
		text-align: center;
		min-height: 279px;
	}
.tour_name{font-size:18px;line-height:1.2;display:block;text-align:center;padding: 0 14px;}
	#intro .mouse {
		width: 21px;
		height: 30px;
		background: url(../img/intro_mouse.png) no-repeat center / 100%;
		margin-bottom: 5px;
	}

	#intro header {
		margin-top: -210px;
	}

	#intro .arr2 {
		width: 38px;
		height: 14px;
		background: url(../img/intro_arr.png) no-repeat center / auto 100%;
	}

	#intro .arr1 {
		width: 38px;
		height: 14px;
		background: url(../img/intro_arr.png) no-repeat center / auto 100%;
	}

	#intro header h1 .logo {
		width: 92px;
		height: auto;
	}

	#intro header p {
		font-size: 14px;
		opacity: 0.7;
	}

	#intro header h1 {
		font-size: 28px;
		margin-bottom: 10px;
	}

	.header_bg {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		z-index: 20;
	}

	#search_btn2 {
		top: 0;
		right: 0;
		width: 80px;
		height: 80px;
		background: url(../img/icon_search_2.png) no-repeat center;
	}

	#search_wrap {
		overflow: hidden;
		overflow-y: auto;
		background: #f1f2fa;
		z-index: 40;
	}

	#search {
		background: #fff;
		padding: 0 10%;
		position: absolute;
		left: auto;
		width: 100%;
		height: calc(100% - 100px);
		top: 100px;
		margin-left: 0;
	}

	#searchKeyword {
		font-size: 16px;
		height: 48px;
		padding: 0 15px;
	}

	#searchForm {
		border: 1px solid #ddd;
		height: 50px;
		padding-right: 50px;
		margin-top: -25px;
	}

	#searchSubmit {
		width: 50px;
	}

	#searchSubmit img {
		width: 50%;
	}

	#searchResult .search_notfound .ment1 {
		font-weight: bold;
		font-size: 16px;
	}

	#searchResult .search_notfound .ment2 {
		font-size: 14px;
	}

	#searchResult .item {
		height: 60px;
		line-height: 60px;
	}

	#searchResult .item .item_title {
		padding-right: 10px;
		width: calc(100% - 35px);
	}

	#searchResult .item .search_detail_btn {
		width: 30px;
		height: 30px;
		text-indent: -300px;
		overflow: hidden;
		border-radius: 500%;
		background: #1a66a7 url(../img/link_w.png) no-repeat center / 50%;
	}

	#searchResult .item .item_address {
		display: none;
	}

	#searchResult .item .item_cate {
		display: none;
	}

	#search_close {
		background: url(../img/x_b_b.png) no-repeat center / 50%;
		left: auto;
		right: 20px;
	}

	#head {
		width: 100%;
		height: 280px;
		position: static;
		background-image: none;
	}

	#head .copyright {
		position: absolute;
		height: 120px;
		padding: 30px;
		width: 100%;
		max-width: 100%;
		left: 0;
		bottom: 0;
		background: #034b90 url(../img/m-f-logo.png) no-repeat top right;
		background-size: 120px auto;
	}

	#cate {
		overflow: hidden;
		height: auto;
	}

	#cate li {
		width: 100%;
		height: 300px;
	}

	#cate .cate1 {
		margin-left: 0;
	}

	#cate li h2 {
		margin-top: -100px;
	}

	#cate li p {
		margin-top: 50px;
	}

	#cate li button {
		border: 0;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: translateY(0) translateX(0);
		margin-top: 0;
		font-size: 0;
		text-indent: -1000%;
	}

	#cate li button span:before {
		width: 0;
		height: 0;
	}

	#cate li button:before {
		width: 0;
		height: 0;
	}

	#cate li button span:after {
		width: 0;
		height: 0;
	}

	#cate li button:hover span:before {
		width: 0;
		height: 0;
	}

	#cate li button:hover:before {
		width: 0;
		height: 0;
	}

	#cate li button:hover span:after {
		width: 0;
		height: 0;
	}

	#cate .cate1 {
		background-image: url(../img/m-intro1.png);
	}

	#cate .cate2 {
		background-image: url(../img/m-intro2.png);
	}

	#cate .cate3 {
		background-image: url(../img/m-intro3.png);
	}

	#cate .cate4 {
		background-image: url(../img/m-intro4.png);
	}

	#cate .cate5 {
		background-image: url(../img/m-intro5.png);
	}

	#head-toggle {
		width: 50px;
		height: 50px;
		position: absolute;
		top: 30px;
		right: 0;
		background: url(../img/menu-toggle.png) no-repeat right center;
		background-size: 24px auto;
	}

	#header {
		position: fixed;
		width: 300px;
		z-index: 20;
		right: -300px;
		left: auto;
	}

	#logo {
		display: none;
	}

	#gnb .dept1 {
		margin-top: 0;
	}

	.nicescroll-rails {
		display: none !important;
	}

	#gnb .dept1>li>button {
		height: 80px;
		font-size: 19px;
	}

	#gnb .dept1>li.btn_1 {
		border-top: 0;
	}
#home{display:block;position: absolute;top: 23px;left: 10px;border-radius: 50%;overflow: hidden;}
#home a{}

.top{position:relative;height:110px;}
#logo{width: 120px;height: 82px;margin-top: 20px;margin-left: auto;margin-right: auto;display: block;/* position: relative !important; */}
#logo a{display:block;width:100%;height:100%;background-position:-80px 0}


#gnb .dept1 > li > button > .icon{width:24px;height:24px;margin-right: 3px;position: relative;vertical-align: middle;}
#gnb .dept1 > li > button > .icon.icon_01{background-position:0 -116px}
#gnb .dept1 > li > button > .icon.icon_02{background-position:-33px -117px}
#gnb .dept1 > li > button > .icon.icon_03{background-position:-72px -114px}
#gnb .dept1 > li > button > .icon.icon_04{background-position:-107px -115px}
#gnb .dept1 > li > button > .icon.icon_05{background-position:-145px -115px}
#gnb .dept1 > li > button > .icon.icon_06{background-position:-184px -115px}
#gnb .dept1 > li > button > .icon.icon_07{background-position:-222px -115px}
	.device-m {
		display: block !important;
	}
	#menu-bg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 4;
		width: 100%;
		height: 100%;
		position: fixed;
		background: #000;
		opacity: 0.8;
	}

	#m-top {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2;
		width: 100%;
		/* height: 60px; */
		/* background: #644c3c; */
	}

	#m-logo {
		display: block;
		margin: 15px auto;
		width: 320px;
		/* height: 60px; */
		/* float: left; */
		background: url(../img/m-header-logo.png) no-repeat center;
		background-size: 45px auto;
	}
    .title p{display: block;text-align: center;color: #fff;font-size: 20px;}
	#m-title {
		margin-left: 10px;
		float: left;
		line-height: 60px;
		height: 60px;
		color: #fff;
		font-size: 16px;
	}

	#m-title .m-arrow {
		display: inline-block;
		vertical-align: middle;
		margin-top: -3px;
		width: 30px;
		height: 30px;
		background: url(../img/m-arrow.png) no-repeat center;
		background-size: 10px auto;
	}

	#m-toggle {
		width: 60px;
		height: 60px;
		position: absolute;
		top: 0px;
		right: 0;
		background: url(../img/menu-toggle.png) no-repeat center 54%;
	}

	#map {
		background: none;
		/* top: 50px; */
		/* right: 0 !important; */
		/* height: calc(100% - 50px); */
		/* margin-left: 0 !important; */
		max-width: none;
		height: auto;
	}

#map .maps-images{top:auto;left:auto;width:100%;height: auto;padding: 0 20px;}
	#map .obj{width:100%;flex-wrap: wrap;height: auto;transform: scale(1);left: auto;top: auto;}
	#map .obj .marker_wrapr{position:relative;/* background: #fff; */top: 0 !important;left: auto !important;right: auto !important;width: 24%;margin: 0.5%;}




	.marker_img {
		display: none;
	}

	#info {
		display: none;
		top: 280px;
		box-shadow: none;
		width: 100%;
		margin-left: calc(-100% / 2);
		left: 50% !important;
		z-index: 11;
	}

	#info .title {
		font-size: 20px;
	}

	#info .title span {
		background-size: 20px auto;
		background-repeat: no-repeat;
		width: 20px;
		height: 38px;
	}

	#info .info_inner {
		width: 100%;
		padding: 30px 10px;
	}

	#info .thumb {
		width: 100%;
		max-height: 400px;
		margin-top: 0;
		padding-top: 0;
		overflow: hidden;
	}

	#info .thumb img {
		height: 100%;
	}

	#info .button_wrap button,
	#info .button_wrap a {
		margin: 2px 0;
	}
	#info .button_wrap button#m-navi-btn {display:inline-block;}
    #info_close {
    left: 50%;
    top: -55px;
    margin: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
	#m-list {
		width: 100%;
		/* position: absolute; */
		/* top: 290px; */
		/* left: 0; */
		/* padding-bottom: 50px; */
		z-index: 1;
		/* background: #fff; */
		/*box-shadow: 0px -2px 10px rgba(0, 0, 0, .2);*/
	}

	#m-list .dept2 {
		padding: 10px;
		overflow: hidden;
	}

	#m-list>button {
		display: block;
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding: 10px;
		text-align: left;
	}

	#m-list li {
		width: 50%;
		float: left;
		padding: 0px 5px;
	}

	#m-list li button {
		width: 100%;
		border-bottom: 1px solid #ddd;
		text-align: left;
		padding: 10px 5px;
	}

	#m-list .icon {
		width: 40px;
		height: 40px;
		display: inline-block;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center;
	}

	#m-list .icon_1 {
		background-image: url(../img/cate1_icon_on.png);
		background-size: 26px auto;
	}

	#m-list .icon_2 {
		background-image: url(../img/cate2_icon_on.png);
		background-size: 28px auto;
	}

	#m-list .icon_3 {
		background-image: url(../img/cate3_icon_on.png);
		background-size: 17px auto;
	}

	#m-list .icon_4 {
		background-image: url(../img/cate4_icon_on.png);
		background-size: 28px auto;
	}

	#m-list .icon_5 {
		background-image: url(../img/cate5_icon_on.png);
		background-size: 23px auto;
	}

	#m-list .text {
		display: inline-block;
		vertical-align: middle;
	}

	#m-list .apbt {
		width: 15px;
		height: 15px;
		/*margin-top:-3px;*/
		margin-right: 5px;
		border-radius: 10px;
		display: inline-block;
		vertical-align: middle;
		color: #fff;
		background: #2b7ad3;
		font-size: 11px;
		text-align: center;
		line-height: 15px;
	}

	#m-list .apbt_text {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}

	.m-hide {
		display: none !important;
	}

	#mediaCnt {
		padding-right: 0;
		z-index: 10;
		top: 0;
		height: 100%;
		width: 100%;
	}

	#mouse_notice {
		width: 200px;
		height: 200px;
		background-size: cover;
		margin-top: -100px;
		margin-left: -100px;
		background-image: url(../img/m-hand.png);
	}

	#control {
		display: none;
	}

	#slide_thumb_wrap {
		height: 100px;
	}

	#slide_thumb {
		margin-top: -30px;
		left: 55px;
		right: 55px;
		height: 60px;
	}

	.thumb_li {
		width: 95px;
		height: 60px;
		margin-right: 10px;
	}

	#slide_prev {
		left: 10px;
		background-size: 50% auto;
	}

	#slide_next {
		right: 10px;
		background-size: 50% auto;
	}

	#slide_prev,
	#slide_next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
	}
}

@media screen and (max-width: 800px) {
	#map .obj .marker_wrapr{width:32.33%;}
}

@media screen and (max-width: 640px) {
	#m-logo{width:200px;margin-top: 60px;}
	.title p{line-height:1.2;/* padding: 0 120px; */max-width: 270px;width: 100%;display: block;margin: 0 auto;}
	#map .obj .marker_wrapr{width: 48%;margin: 1%;}
}
@media screen and (max-width: 360px) {
	#map .obj .marker_wrapr{width: 98%;}
}