#mobile {
		display: block;
		padding-top: 10.5%;
	}
	#mobile_visual {
		position: relative;
	}
	#mobile_visual div.intro {
		position: absolute;
		top: 42%;
		right: 22%;
		z-index: 100;
		width: 55%;
	}
	#mobile_visual div.intro h2 img {
		max-width: 100%;
	}
	#mobile_visual div.intro .text {
		color: #fff;
		font-weight: 100;
		margin-top: 3%;
		font-size: 1.15vw;
	}
	#mobile_visual .main_paging1,
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging1,
	#mobile_visual .about_paging2 {
		position: absolute;
		bottom: 6%;
		left: 82%;
		z-index: 10;
		width: 5%;
	}
	#mobile_visual .main_paging2,
	#mobile_visual .about_paging2 {
		left: 87.2%;
	}
	#mobile_visual .main_paging1 img,
	#mobile_visual .main_paging2 img,
	#mobile_visual .about_paging1 img,
	#mobile_visual .about_paging2 img {
		max-width: 100%;
	}




@media (max-width: 1870px) {
	#footer div.company_map a.top {
		margin-left: 40px;
		
	}

}

@media (max-width: 1600px) {
	.row {
		padding: 0 15px;
	}
	.container{
		width: 100%;
	}
	#header {
		background-color: rgba(0,0,0,0);
	}
	#header h1 {
		width: 100%;
		background-color: #072025;
		height: 82px;

	}
	#header ul.sub_menu {
		display: none;
	}
	#header div.gnb_menu_wrap {
		float: none;
	}
	#header ul.gnb_menu {
		display: none;
		width: 100%;
		background-color: #fff;
		border-bottom: 1px solid #eee;
	}
	#header ul.gnb_menu>li {
		width: 14.285%;
	}
	#header ul.gnb_menu>li>a {
		width: 100%;
		color: #000;
	}
	#header ul.gnb_menu>li:first-child+li+li+li+li>a {
		width: 100%;
	}
	#header ul.gnb_menu>li>a:hover {
		background-color: #FAFAFA;
	}
	#header ul.gnb_menu>li>a {
		padding: 0;
	}



	header button {
		float: left;
		margin-left: 0;
		position: absolute;
		top: 0;
		right: 0;
		padding: 0;
		width: 105px;
		height: 82px;
		background-color: #FF5C01;
	}
	header button img.ico1 {
		display: none;
	}
	header button img.ico2 {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	header button .menu_ico {
		width: 27%;
		display: inline-block;

	}
	header button.reservation_button {
		right: 105px;
	}
	header button.menu_open,
	header button.menu_close {
		display: block;
		background-color: #FF813A;
	}
	header button.menu_close {
		display: none;
	}
	header button span {
		display: block;
		margin-top: 4px;
	}
	.sub_preview_res {
		display: none;
	}









	
	
	



	#preview .preview_left .b_room_img {
		width: 59.45%
	}
	#preview ul.s_room_img li {
		float: left;
		position: relative;
		width: 49.6%;
	}


/*	#footer div.company_map a.map_img {*/
/*		width: 300px;*/
/*	}*/
/*	#footer div.company_map a.top {*/
/*		margin-left: 30px;*/
/*	}*/
/*	#footer div.company_info {*/
/*		padding-left: 3%;	*/
/*	}*/

#footer {
		padding-top: 3%;
	}
	#footer h2 {
		margin-bottom: 1%;
	}
	#footer div {
		float: none;
	}
	#footer div.company_info {
		text-align: center;
		padding: 0 0 2% 0;
		width: 100%;
	}
	#footer div.contact {
		width: 100%;
		border-left: 0;
		border-right: 0;
		border-bottom: 1px solid #666;
		border-top: 1px solid #666;
		text-align: center;
		padding: 0;
		padding: 2% 0 0 0;
	}
	#footer p.footer_num {
		margin-bottom: 10px;
	}
	#footer p.footer_txt {
		margin-bottom: 0;
	}
	#footer div.company_map {
		text-align: center;
		padding: 2% 0 0 0;
	}
	#footer div.company_map a.top {
		margin-left: 20px;
		float: none;
		height: 70px;
	}
	#footer div.company_map a.map_img {
		width: 60%;
	}
	#footer div.company_map {
		width: 100%;
	}
	
}


@media (max-width: 1280px) {
	#header ul.gnb_menu>li {
		width: 16.66%;
	}
	#about {
		display: none;
	}
	#kids {
		margin-top: 0;
	}
	
	h3.pc_tit,
	#kids p.kids_content,
	#sub_kids p.kids_content {
		display: none;
	}
	h3.mobile_tit {
		display: block;
		text-align: center;
		padding-bottom: 2%;
		padding-top: 2%;
	}


	#main_visual .main_paging1,
	#about_visual .about_paging1{
		left: 47%;
	}
	#main_visual .main_paging2,
	#about_visual .about_paging2{
		left: 50%;
	}


	#preview ul.s_room_img {
		display: none;		
	}
	#preview .preview_left .b_room_img {
		position: static;
		display: block;
		float: left;
		width: 32.65%;
		margin-bottom: 2%;
	}
	#preview .preview_left .b_room_img:nth-child(3n+2) {
		margin: 0 1% 2%;
	}
	#preview .preview_left .room_txt {
		position: static;
		text-align: left;
	}
	#preview .preview_left .room_txt p {
		color: #000;
	}



	#facilities .mobile_wrap {
		display: block;
	}
	#facilities .facilities_wrap {
		display: none;
		font-size: 0;
	}
	
	#facilities .mobile_fac {
		width: 32.65%;
		position: relative;
		float: left;
		margin-bottom: 1%;
	}
	#facilities .mobile_fac .m_bg {
		width: 100%;
	} 
	#facilities .mobile_fac:nth-child(3n+2) {
		margin-right: 1%;
		margin-left: 1%;
	}
	#facilities .mobile_fac .mobile_text {
		display: block;
		position: absolute;
		bottom: 2%;
		right: 0;
		width: 45%;
		height: 20%;
		background-color: #005294;
		color: #fff;
		font-size: 0.83vw;
		padding: 2% 0 0 4%;
		text-align: left;
	}
	#facilities .mobile_fac .mobile_text span {
		display: block;
	}
	#room_list .room_info div.room_list_res {
		margin-top: 3%;
	}




	#preview_visual {
		display: none;
	}
	#sub_preview h3 {
		display: none;
	}
	#sub_preview div.sub_preview_res {
		display: none;
	}
	#sub_preview {
		margin-top: 10%;
	}

	#sub_preview .mobile_tit {
		display: block;
		text-align: center;
		font-size: 14px;
	}
	#sub_preview .pc_tit {
		display: none;
	}




	#room_list .room_img {
		display: none;
	}
	#room_list .room_info {
		width: 100%;
	}
	#room_list .img_list img {
		width: 100%;
	}
	#room_list .room_info p.content {
		line-height: 18px;
	}




	#facilities_visual {
		display: none;
	}
	#facilities_sub h3+p {
		line-height: 18px;
	}
	#sub_kids {
		margin-top: 9%;
	}
	#facilities_sub h3 {
		margin: 0;
	}
	#facilities_sub .mobile_tit {
		display: block;
		text-align: left;
		font-size: 14px;
	}
	#facilities_sub .pc_tit {
		display: none;
	}
	
	

	#tab_menu_wrap,
	#tab_menu{
		margin-top: 82px;
		background-color: #f2f2f2;
		border: 0;
	}
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(14.365% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li.tab1,
	#tab_menu ul.tab_menu li.tab1{
		border-left: 0;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(7n) a,
	#tab_menu ul.tab_menu li:nth-child(7n) a{
		border-right: 0; 
	}
	#tab_menu_wrap ul.tab_menu li a,
	#tab_menu ul.tab_menu li a{
		width: 100%;
		border-right: 1px solid #cecece;
		border-bottom: 1px solid #cecece;
	}
	#tab_menu_wrap ul.tab_menu li a:hover,
	#tab_menu_wrap ul.tab_menu a.active,
	#tab_menu ul.tab_menu li a:hover,
	#tab_menu ul.tab_menu a.active{
		background-color: #616161;
	}



	#service {
		margin-top: 2%;
	}
	#service_visual,
	#service h3{
		display: none;
	}
	#service h4 {
		margin: 0;
	}
	#service .service2 h4, 
	#service .service4 h4 {
		margin-left: 0;
	}
	#service .service .service_txt{
		background: none;
		width: 100%;	
		text-align: left;
	}
	#service .service_txt p {
		margin: 0;
	}
	#service .service a,
	#service .service a img{
		width: 100%;
	}
	#service p {
		line-height: 18px;
	}
	#service .service a {
		margin-bottom: 3.3%;
	}

		

	#sub_tourist {
		margin-top: 10%;
	}
	#tourist_visual,
	#sub_tourist h3{
		display: none;
	}
	#sub_tourist .tour_txt p{
		line-height: 18px;
	}


	#map_visual,
	#map h3 {
		display: none;
	}
	#map p.first {
		margin-top: 10%;
	}
	#map p.map_txt {
		line-height: 18px;
	}



	#reservation_visual {
		display: none;
	}
	#reservation p {
		line-height: 18px;
	}
	#community_visual {
		display: none;
	}
	

	
/*	#footer div.company_info {*/
/*		padding-right: 3%;*/
/*	}*/


}
@media (max-width: 900px) {
	#header h1 {
		height: 77px;
	}
	#header h1 img {
		width: 119px;
		padding-left: 16px;
	}
	#header ul.gnb_menu>li {
		width: 25%;
	}
	header button {
		height: 77px;
	}
	#main_visual, 
	#about_visual {
		padding-top: 8%;
	}
	#main_visual .scroll_down, 
	#about_visual .scroll_down {
		display: none;
	}
	#main_visual .main_paging1, 
	#main_visual .main_paging2 {
		bottom: 10%;
	}
	#about_visual .about_paging1, 
	#about_visual .about_paging2 {
		bottom: 10%;
	}
	#main_visual .main_paging1, 
	#about_visual .about_paging1 {
		left: 46%;
	}
	
	#kids ul.kids_list li,
	#sub_kids ul.kids_list li{
		width: 47.8%;
	}
	#kids ul.kids_list li:nth-child(4),
	#sub_kids ul.kids_list li:nth-child(4){
		margin-right: 2.9%;
	}
	#kids ul.kids_list li:nth-child(2n),
	#sub_kids ul.kids_list li:nth-child(2n){
		margin-right: 0;
	}
	#sub_kids {
		margin-top: 13%;
	}



	#sub_preview {
		margin-top: 12%;
	}
	#sub_preview figure {
		width: 49.1%;
	}



	#sub_preview figure:nth-of-type(3n+2) {
		margin-right: 0;
		margin-left: 0;
	}
	#sub_preview figure:nth-of-type(2n+1) {
		margin-right: 1.7%;
	}
	#sub_preview figure:nth-of-type(2n) {
		margin-right: 0;
	}


	#room_list .room_info div.room_list_res a {
		height: 60px;
		line-height: 60px;
	}
	



	#tab_menu_wrap,
	#tab_menu{
		margin-top: 77px;
	}	
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(20.11% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(5n) a,
	#tab_menu ul.tab_menu li:nth-child(5n) a {
		border-right: 0; 
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(7n) a,
	#tab_menu ul.tab_menu li:nth-child(7n) a{
		border-right: 1px solid #cecece; 
	}




	#sub_tourist {
		margin-top: 14%;
	}
	#map p.first {
		margin-top: 14%;
	}

	


	
/*	#footer div.company_map a.map_img {*/
/*		width: 63%;*/
/*	}*/
/*	#footer div.company_map a.top {*/
/*		margin-left: 0;*/
/*		margin-right: 11%;*/
/*	}*/
	



	
}
@media (max-width: 768px) {
	#header h1 {
		height: 72px;
	}
	header button {
		height: 72px;
		width: 90px;
	}
	header button.reservation_button {
		right: 90px;
	}
	#main_visual, 
	#about_visual {
		padding-top: 9%;
	}
	#sub_kids {
		margin-top: 16%;
	}



	#preview .preview_left .b_room_img {
		width: 49.5%;
	}
	#preview .preview_left .b_room_img:nth-child(3n+2) {
		margin-right: 0;
		margin-left: 0;
	}
	#preview .preview_left .b_room_img:nth-child(2n+1) {
		margin-right: 1%;
	}




	#facilities .mobile_fac {
		width: 49.5%;
	} 
	#facilities .mobile_fac:nth-child(3n+2) {
		margin-right: 0;
		margin-left: 0;
	}
	#facilities .mobile_fac:nth-child(2n+1) {
		margin-right: 1%;
	}



	#tab_menu_wrap,
	#tab_menu{
		margin-top: 72px;
	}	
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(25.13% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(4n) a,
	#tab_menu ul.tab_menu li:nth-child(4n) a{
		border-right: 0; 
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(5n) a,
	#tab_menu ul.tab_menu li:nth-child(5n) a{
		border-right: 1px solid #cecece; 
	}


	#sub_preview {
		margin-top: 16%;
	}
	#sub_tourist {
		margin-top: 16%;
	}


	#map p.first {
		margin-top: 16%;
	}
	
	

	
}
@media (max-width: 479px) {
	#header ul.gnb_menu>li {
		width: 33.33%;
	}
	#header h1 {
		height:63px;
	}
	#header ul.gnb_menu>li>a {
		height: 58px;
		line-height: 58px;
	}
	#header h1 img {
		width: 92px;
		padding: 12px 0 11px 16px;
	}
	header button {
		height: 63px;
		width: 80px;
	}
	header button.reservation_button {
		right: 80px;
	}
	header button span {
		font-size: 12px;
	}
	
	
	#main_visual, 
	#about_visual {
		padding-top: 13%;
	}
	#main_visual .main_paging1, 
	#main_visual .main_paging2,
	#about_visual .about_paging1, 
	#about_visual .about_paging2 {
		bottom: 5%;
	}
	#main_visual .main_paging1,
	#about_visual .about_paging1{
		left: 41%;
	}
	#main_visual .main_paging2,
	#about_visual .about_paging2{
		left: 50%;
	}

	#kids ul.kids_list li a,
	#sub_kids ul.kids_list li a{
		font-size: 12px;
	}
	#kids ul.kids_list li:nth-child(3n+1) a,
	#sub_kids ul.kids_list li:nth-child(3n+1) a {
		padding-top: 10%;
		height: 26.6%;
	}
	#sub_kids {
		margin-top: 13.5%;
		background-color: #E5E5E5;
	}


	#preview .preview_left .b_room_img {
		width: 100%;
	}
	#preview .preview_left .b_room_img:nth-child(2n+1) {
		margin-right: 0;
	}
	#preview .preview_left .room_txt {
		border-left: 1px solid #B8B8B8;
		padding-left: 3%;
	}
	#preview .preview_left .room_txt p {
		font-size: 12px;	
	}
	#preview .preview_left .room_txt p:first-child {
		font-size: 14px;
		margin-bottom: 1%;
		font-weight: bold;
	}
	



	




	#facilities .mobile_fac {
		width: 100%;
	} 
	#facilities .mobile_fac:nth-child(2n+1) {
		margin-right: 0;
	}
	#facilities .mobile_fac .mobile_text {
		font-size: 12px;
	}
	#facilities_sub h3+p {
		font-size: 12px;
	}

	


	#tab_menu_wrap,
	#tab_menu{
		margin-top: 63px;
	}	
	#tab_menu_wrap ul.tab_menu li,
	#tab_menu ul.tab_menu li{
		width: calc(33.55% - 1px);
	}
	#tab_menu_wrap ul.tab_menu li a,
	#tab_menu ul.tab_menu li a{
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(3n) a,
	#tab_menu ul.tab_menu li:nth-child(3n) a{
		border-right: 0; 
	}
	#tab_menu_wrap ul.tab_menu li:nth-child(4n) a,
	#tab_menu ul.tab_menu li:nth-child(4n) a{
		border-right: 1px solid #cecece; 
	}


	#room_list h3 {
		font-size: 14px;
	}
	#room_list .room_info p.content,
	#room_list .room_info p.title{
		font-size: 12px;
	}
	#room_list .room_info div.room_list_res a {
		height: 50px;
		line-height: 50px;
		font-size: 12px;
	}
	




	#sub_preview figure {
		width: 100%;
	}
	#sub_preview {
		margin-top: 5%;
	}
	#sub_preview h3 {
		margin-bottom: 0;
	}
	#sub_preview figcaption,
	#sub_preview .room_over p{
		font-size: 14px;
	}
	#sub_preview div .room_txt p,
	#sub_preview .room_over a{
		font-size: 12px;
	}
	#sub_preview figure{
		margin-right: 0;
	}





	
	#tourist ul.tour_list li,
	#sub_tourist ul.tour_list li{
		width: 33.02%;
		margin-bottom: 0.3%;
	}
	#tourist ul.tour_list li:nth-child(5n),
	#sub_tourist ul.tour_list li:nth-child(5n) {
		margin-right: 0.3%;
	}
	#tourist ul.tour_list li a,
	#sub_tourist ul.tour_list li a{
		height: 35px;
		line-height: 35px;
		font-size: 12px;
	}



	#service h4 {
		font-size: 14px;
		margin-bottom: 1%;
	}
	#service .service_txt p {
		font-size: 12px;
	}


	#sub_tourist {
		margin-top: 19%;
	}
	#sub_tourist .tour_txt p {
		font-size: 12px;
	}

	
	#map p.map_tit {
		font-size: 14px;
	}
	#map p.map_txt {
		font-size: 12px;
	}
	#map p.first {
		margin-top: 20%;
	}



	#reservation h3 {
		font-size: 14px;
	}
	#reservation p.reser_txt {
		font-size: 12px;
	}
	#reservation p {
		font-size: 12px;
	}
	#reservation p strong {
		font-size: 13px;
	}
	#reservation table.refund_info th,
	#reservation table.refund_info td {
		font-size: 12px;
	}
	#community h3 {
		font-size: 14px;
	}



	#footer {
		font-size: 12px;
	}
}


@media (max-width: 400px) {
	#sub_kids {
		margin-top: 17%;
	}
}