@charset "utf-8";

/* PC */
@media screen and (min-width: 769px) {
	.pc {display: block;}
	.mobile {display: none;}

	body {
		word-break: keep-all;
		line-height: 1.4;
	}

	
	#header .mobile-btn {
		display: none;
		cursor: pointer;
		color: #1c4450;
	}

	/*slider*/
	.rslides {position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
	.rslides li {-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
	.rslides li:first-child {position: relative;display: block;float: left;}
	.rslides img {display: block;height: auto;float: left;width: 100%;border: 0;}
	/*header*/
	#header_wrap {width:100%;}
	#header_wrap #header{width:100%;height:100px;min-width:1100px;margin:auto;z-index:10;background-color:#000;}
	#header_wrap #header header{width:1150px;margin:auto;}
	#header_wrap #header header h1{
		float:left;
		width:200px;
        height: 100px;
        align-content: center;
	}
	#header_wrap #header header h1 img{width:200px;}
	/*menu*/  
	#header_wrap #header header nav{float:left;width:730px;height:100px;margin:auto;}
	#header_wrap #header header nav #menu{padding-left:10px;}
	#header_wrap #header header nav #menu li{float:left;padding:0 25px;height:100px;}
	#header_wrap #header header nav #menu li a{display:block;color:#fff;text-align:center;font-weight:bold;line-height:100px;letter-spacing:0.3px;font-size:16px;}
	#header_wrap #header header #booking{
		width:160px;
		height: 100px;
		background-color: #f5cd00;
		float: left;
		padding-left:8px;
		padding-right: 8px;
		box-sizing: border-box;
	}
	#header_wrap #header header #booking a{
		display: block;
		color:#222;
		margin-top:32px;
	}
	#header_wrap #header header #booking a img{
		width:37px;
		float:left;
	}
	#header_wrap #header header #booking a span{
		float: right;
	}
	#header_wrap #header header #admin{
		width:54px;
		height:100px;
		float: left;
		border-right: 1px solid #aaa;
	}
	#header_wrap #header header #admin a{
		display: block;
		width:54px;
		height:100px;
		font-size: 10px;
		text-align: center;
		padding-top:32px;
		line-height: 82px;
		padding-left:5px;
		box-sizing: border-box;
		cursor: pointer;
		color:#fff;
		background:url(../images/admin_over.png) no-repeat 13px 26px;
		background-size: 30px;
	}
	#header_wrap #header header #admin a:hover{
		background-color:#f5cd00;
	}
	/*main image*/
	#visual {width:100%;min-width:1100px;}
	#visual img {
		width: 100%;
		height: 80vh;
		object-fit: cover;
		object-position: bottom;
	}
	/*section*/
	#section{width:100%;}
	/*about*/
	#section #about{
        width: 100%;
        height: 430px;
        background: url(../images/main_bg.jpg) no-repeat;
        background-position: center;
        background-size: cover;
	}
	#section #about #about_wrap{
		width: 1100px;
        height: 100%;
        margin: auto;
        display: flex;
        align-items: center;
	}
	#section #about #about_wrap #left{width:600px;}
	#section #about #about_wrap #left h2{width:300px;font:bold 26px 'NanumGothic';margin-bottom:30px;}
	#section #about #about_wrap #left h2 span{color:#f5cd00;}
	span.mari {
		color: #f5cd00;
	}
	#section #about #about_wrap #left p{line-height:33px;}
	#section #about #about_wrap #right{width:500px;}
	/* #section #about #about_wrap #right img{} */

	/* 지도 공통 */
	.root_daum_roughmap .map_border,
	.root_daum_roughmap .cont,
	.root_daum_roughmap .wrap_controllers {
		display: none !important;
	}

	/*rooms*/
	#section #rooms{
		width:1100px;
		margin: 0 auto 30px;
	}
	#section #rooms h2{width:230px;margin:60px auto 40px auto;text-align:center;font:bold 26px 'NanumGothic';}
	#section #rooms h2 span{color:#f5cd00;}
	#section #rooms ul{
		width:100%;
		display: flex;
        flex-wrap: wrap;
		gap: 10px;
	}
	#section #rooms ul li{
		width: calc(100% / 3.1);
		font:bold 16px/50px 'NanumGothic';
		text-align:center;
		letter-spacing:-0.5px;
	}
	#section #rooms ul li:nth-child(4),
	#section #rooms ul li:nth-child(8){margin-right:0;}
	#section #rooms ul li span{font:bold 14px/50px 'NanumGothic';}
	#section #rooms ul li a{display:block;overflow:hidden;}
	#section #rooms ul li a img{
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1); 
		-o-transform:scale(1);  
		transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;
	}
	#section #rooms ul li:hover a img{
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		-ms-transform:scale(1.2);   
		-o-transform:scale(1.2);
		transform:scale(1.2);
	}

	/*service*/
	#section #service{
		width:100%;
		background:url(../images/main_b.jpg) no-repeat;
		background-position: center;
		background-size: cover;
	}
	#section #service #s_wrap{width:1100px;height:540px;margin:auto;}
	#section #service #s_wrap h2{width:240px;font:bold 26px 'NanumGothic';color:#fff;padding-top:50px;padding-left:30px;box-sizing:border-box;}
	#section #service #s_wrap h2 span{color:#f5cd00;}
	#section #service #s_wrap ul{
		width:732px;
		/* height:180px; */
		margin:auto;
		border-top:1px solid #fff;
		border-bottom:1px solid #fff;
		padding: 60px 0;
		box-sizing: border-box;
		margin-top:92px;
		display: flex;
	}
	#section #service #s_wrap ul li{
		width: calc(100% / 4);
		text-align:center;
		/* margin-right:68px; */
		color:#fff;
		font:15px/60px 'NanumGothic';
	}
	#section #service #s_wrap ul li:last-child{margin-right:0;}
	#section #service #s_wrap ul li img {
		display: block;
		width: 80px;
		margin: auto;
	}
	/*footer*/
	#footer {
		background: #f1f1f1;
	}
	#footer footer{width:1100px;height:100px;margin:auto;box-sizing:border-box;align-content: center;}
	#footer footer h1{width:240px;float:left}
	#footer footer h1 img {
		box-sizing: border-box;
		padding-right: 30px;
	}

	#footer footer ul{
		width:860px;
		float:right;
		font:13px/22px 'NanumGothic';
		display: flex;
		flex-wrap: wrap;
		gap: 0 20px;
	}

	#footer footer p{
		width:860px;
		float:right;
		font:13px/22px 'NanumGothic';
	}

	/*sub*/
	#sub_visual img {width: 100%;}
	/*sub_about*/
	#sub_wrap{width:1100px;margin: 90px auto;position:relative;}
	#sub_wrap>h2{width:800px;font:bold 22px arial;letter-spacing:-1px;text-transform: uppercase;}
	#sub_wrap #lng{width:1100px;text-align:right;font:12px arial;column-rule: #f5cd00;padding-bottom:5px;box-sizing:border-box;text-transform: uppercase;}
	#sub_wrap #lng a{color:#222;}
	#sub_wrap #border{border-top:1px solid #f5cd00;}
	#sub_wrap #aw{width:100%;height:450px;}
	#sub_wrap #aw #about_left{width:800px;float:left}
	#sub_wrap #aw #about_left h3{margin-top:55px;margin-bottom: 40px;}
	#sub_wrap #aw #about_left #txt{font:13px/18px 'NanumGothic';}
	#sub_wrap #aw #about_right{width:300px;float:right;}
	#sub_wrap #aw #about_right img{margin-top:30px;}
	#sub_wrap #addres{width:100%;padding:25px 0;box-sizing:border-box;}
	#sub_wrap #addres p{font:13px/18px 'NanumGothic';}
	#sub_wrap .root_daum_roughmap{margin:25px 0;}
	/*rooms*/
	#sub_wrap #tab{width:1100px;}
	#sub_wrap #tab ul {
		width: 100%;
		height: 90px;
		padding-bottom: 15px;
		padding-top: 20px;
		display: flex;
		flex-wrap: wrap;
		height: auto;
		/* justify-content: space-between; */
		gap: 5px;
	}
	#sub_wrap #tab ul li{
		width: calc(100% / 5.1);
		height:45px;
		/* float:left; */
		background-color:#ddd; 
		/* margin-right: 10px; */
		margin-bottom: 10px;
	}
	/* #sub_wrap #tab .room_tab li {width: 267px; margin-bottom: 10px;} */
	#sub_wrap #tab li.on {background-color:#f5cd00;}
	#sub_wrap #tab li.on a {color:#222;}
	#sub_wrap #tab ul li:nth-child(4),
	#sub_wrap #tab ul li:last-child {margin-right: 0;}
	#sub_wrap #tab ul li a{display:block;text-align:center;font:bold 13px/45px 'NanumGothic';color:#666;letter-spacing: -0.5px;}
	#sub_wrap #tab ul li:hover{background-color:#f5cd00;}
	#sub_wrap #tab ul li:hover a{color:#222;}
	#sub_wrap #tab ul .nreserve:hover {background-color:#41b145;}
	#sub_wrap #sub_img{width:1095px;margin: 0 auto 30px;}
	#sub_wrap #sub_img #s_img ul{width:1095px;height:70px;margin-bottom:18px;margin-top:8px;}
	#sub_wrap #sub_img #s_img ul li{float:left;margin-right:5px;}
	#sub_wrap #sub_img #s_img ul li:last-child{margin-right:0;}
	#sub_wrap #sub_txt{padding:20px 0;}
	#sub_wrap #sub_txt p{font:13px/20px 'Malgun Gothic';}
	#sub_wrap #sub_txt p span{font-weight:bold;font-size:16px;}
	#sub_wrap #sub_txt2{padding:20px 0;box-sizing:border-box;}
	#sub_wrap #sub_txt2 p{font:13px/26px 'Malgun Gothic';}
	#sub_wrap #sub_txt2 p span{font-weight:bold;font-size:16px;}

	/* 객실 슬라이드 */
	#sub_wrap #sub_img .slider,
	#sub_wrap #sub_img .swiper {
		width: 100%;
	}

	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
		display: none;
	}

	.swiper-pagination-bullet-active {
		background: #f5cd00 !important;
	}


	/*tour*/
	#sub_wrap #tour_tab{width:1100px;}
	#sub_wrap #tour_tab{width:1100px;height:40px;margin-top:23px;}
	#sub_wrap #tour_tab li{width:148px;float:left;background-color:#e4e4e4;font:13px/40px 'NanumGothic';text-align:center;letter-spacing:-0.5px;cursor:pointer;color:#707070; margin-right: 10px;}
	#sub_wrap #tour_tab li:last-child {margin-right: 0;}
	/* #sub_wrap #tour1{display:block;width:1100px;margin-top:20px;}
	#sub_wrap #tour2,
	#sub_wrap #tour3,
	#sub_wrap #tour4,
	#sub_wrap #tour5,
	#sub_wrap #tour6,	
	#sub_wrap #tour7,
	#sub_wrap #tour8{display:none;width:1100px;margin-top:20px;} */
	#sub_wrap div h3{font-size:18px;letter-spacing:-0.5px;margin-bottom:20px;}
	/* #sub_wrap div img{} */
	#sub_wrap div #t_txt{margin:20px 0;font:13px/24px 'NanumGothic';}
	#sub_wrap div #point{width:30px;margin-top:15px;margin-bottom:10px;}
	#sub_wrap div h4{float:right;width:1050px;margin-top:20px;font-size: 13px;line-height:20px;font-weight:bold;letter-spacing:0.3px;}
	#sub_wrap div #map{margin-bottom:50px;}
	#sub_wrap #tour_tab .on{background-color:#f5cd00;color:#222;}






	.tour-wrap {
		width: 100%;
	}

	.tour-list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		gap: 50px;
		box-sizing: border-box;
        border-bottom: 1px solid #555;
        padding: 50px 0;
	}

	.tour-cont {
		width: 50%;
	}

	.tour_desc {
		margin-top: 40px;
	}

	.tour-img {
		flex-shrink: 0;
		width: 45%;
        height: 300px;
		overflow: hidden;
	}

	.tour-img img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}


	.tour-wrap .chapter {
        display: inline-block;
        background: #1489d8;
        color: #fff;
        font-size: 14px;
        font-weight: bold;
        margin-bottom: 30px;
        padding: 10px 20px;
        border-radius: 3px;
        box-sizing: border-box;
    }

	.tour-wrap .title {
        font-size: 26px;
        color: #168be5;
        font-weight: bold;
        margin-bottom: 10px;
    }

	/* 제1경 (파랑) */
	#tour1 .chapter {
		background: #1489d8;
	}

	#tour1 .title,
	#tour1 .label {
		color: #168be5;
	}

	/* 제2경 (주황) */
	#tour2 .chapter {
		background: #ff5a00;
	}

	#tour2 .title,
	#tour2 .label {
		color: #ff5a00;
	}

	/* 제3경 (초록) */
	#tour3 .chapter {
		background: #2f9b1f;
	}

	#tour3 .title,
	#tour3 .label {
		color: #2f9b1f;
	}

	/* 제4경 (빨강) */
	#tour4 .chapter {
		background: #ff4040;
	}

	#tour4 .title,
	#tour4 .label {
		color: #ff4040;
	}

	/* 제5경 (남색) */
	#tour5 .chapter {
		background: #0d5c97;
	}

	#tour5 .title,
	#tour5 .label {
		color: #0d5c97;
	}

	/* 제6경 (진초록) */
	#tour6 .chapter {
		background: #0f7a1c;
	}

	#tour6 .title,
	#tour6 .label {
		color: #0f7a1c;
	}

	/* 제7경 (갈색) */
	#tour7 .chapter {
		background: #b66a2b;
	}

	#tour7 .title,
	#tour7 .label {
		color: #b66a2b;
	}

	/* 제8경 (보라) */
	#tour8 .chapter {
		background: #4b2aa5;
	}

	#tour8 .title,
	#tour8 .label {
		color: #4b2aa5;
	}

	.tour-wrap .eng-title {
		color: #555;
		font-size: 17px;
		margin-bottom: 30px;
	}

	.tour-wrap .content {
		font-size: 15px;
		color: #444;
		line-height: 1.6;
		margin-bottom: 35px;
	}

	.tour-wrap .info {
		display: flex;
		align-items: center;
		font-size: 15px;
	}

	.tour-wrap .info:not(:last-child) {
		margin-bottom: 5px;
	}

	.tour-wrap .label {
		color: #168be5;
		font-weight: bold;
		margin-right: 18px;
	}

	.tour-wrap .address {
		color: #444;
	}






	/*gallery*/
	#sub_wrap #gallery_img{width:1100px;height:1512px;margin:30px auto;}
	#sub_wrap #gallery_img li{float:left;margin-bottom:7px;margin-right:7px;}
	#sub_wrap #gallery_img .g1{width:680px;}
	#sub_wrap #gallery_img .g2{width:413px;margin-right:0;}
	#sub_wrap #gallery_img .g3{width:413px;margin-right:0;}
	#sub_wrap #gallery_img .g4{width:275px;}
	#sub_wrap #gallery_img .g5{width:275px;}
	#sub_wrap #gallery_img .g6{width:536px;margin-right:0;}
	#sub_wrap #gallery_img .g7{width:360px;}
	#sub_wrap #gallery_img .g8{width:363px;}
	#sub_wrap #gallery_img .g9{width:363px;margin-right:0;}
	#sub_wrap #gallery_img .g10{width:240px;}
	#sub_wrap #gallery_img .g11{width:240px;margin-right:6px;}
	#sub_wrap #gallery_img .g12{width:240px;margin-right:0;}
	#sub_wrap #gallery_img .g13{width:730px;}
	#sub_wrap #gallery_img .g14{width:363px;margin-right:0;}

	/* reservation */
	#reservation_banner {
		display: block;
		margin: 20px 0;
	}
	#reservation_txt {
		font-size: 17px;
		line-height: 22px;
		padding-left: 10px;
	}
	#reservation_btn {
		display: block;
		width: 200px;
		height: 55px;
		margin: 30px auto 50px;
		box-sizing: border-box;
		border-radius: 3px;
		text-align: center;
		align-content: center;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.2rem;
		background: #03c75a;
		color: #fff;
		transition: all 0.2s;
	}
	#reservation_btn:hover {
		background: green;
	}
	.room_info {
		margin: 50px 0 100px; 
	}
	.room_info b {
		display: block;
		font-size: 16px;
		margin: 40px 0 5px;
	}
	.room_info ul {
		border-top:2px solid #ddd;
	}
	.room_info ul li {
		border-bottom: 1px solid #ddd;
		line-height: 40px;
		text-indent:3px;
		font-size: 13.5px;
	}



	#container {
		width: 1100px;
		font-size: 13px;
	}

	#bo_v_share .btn {
		width: auto !important;
	}

}







/* 모바일 */
@media screen and (max-width: 768px) {
	.pc {display: none;}
	.mobile {display: block;}

	body {
		word-break: keep-all;
		line-height: 1.4;
	}


	#header .mobile-btn {
		display: block;
		position: absolute;
		right: 10px;
		top: 8px;
		font-size: 25px;
		padding: 10px;
		background: none;
		opacity: 0.7;
		color: #fff;
        border: none;
	}  

	#header .mobile-btn .fa-bars {display: block;}
	#header .mobile-btn .fa-times {display: none;}
	#header .mobile-btn.on .fa-bars {display: none;}
	#header .mobile-btn.on .fa-times {display: block;}


	/*slider*/
	.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
	}

	.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
	}

	.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
	}

	.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
	}
	

	/*room slider*/
	.device {position:relative;overflow:hidden;}
	.device .arrow-left,.device .arrow-right {position:absolute;top:38%;z-index:100;}
	.swiper-container {/*border-bottom:3px solid #3f3f3f;*/}
	.swiper-wrapper {}
	.swiper-wrapper li {float:left;}
	.swiper-wrapper li img {width:100%;}

	/*header*/
	#header_wrap #header {width:100%;height:60px;margin:auto;position:relative;z-index:10;background-color:#000;}
	#header_wrap #header header{width:100%;}
	#header_wrap #header header #booking{width:18%;height:30px;float: left;margin-top:14px;margin-left:3%;}
	#header_wrap #header header #booking a{display: block;height:30px;font-size: 11px;color:#fff;border:1px solid #aaa;line-height: 30px;text-align: center;}

	#header_wrap #header header h1{width:120px;height:60px;margin:auto;}
	#header_wrap #header header h1 a {
		display: block;
        box-sizing: border-box;
        height: 100%;
        align-content: center;
	}
	#header_wrap #header header h1 a img{display: block;}

	/*menu*/  
	#toggle{display:none;}
	#toggle_btn{display:block;width:30px;height:30px;position:absolute;top:15px;right:10px;z-index:1;
	background:url(../images/toggle.png) no-repeat 0 0;text-indent:-9999px;background-size:30px 30px;}
	#gnb{width:100%;display:none;top:auto !important;}
	#gnb li{height:50px;background-color:#000;margin-top:-1px;} 
	#gnb li a{display:block;color:#fff;font:13px/50px 'Malgun Gothic';text-align:center;}

	/*main image*/
	#wrapper{}
	#wrapper img{width:100%;}

	/*about*/
	#section{width:100%;}
	#about{width:95%;margin:20px auto;border-top:1px solid #ccc;border-bottom:1px solid#ccc;padding-top:13px;} 
	#about #left{width:100%;text-align:left;font:12px/20px 'Malgun Gothic';color:#4b4b4b;letter-spacing:-1px;margin-bottom:20px;}
	#about #left span{font:bold 18px/30px 'Malgun Gothic';color:#f18101;letter-spacing:-0.5px;}
	#about #right{width:100%;margin:auto;margin-bottom: 20px;}
	#about #right a{display:block;background-color:#f18101;color:#fff;font:bold 14px/40px 'Malgun Gothic';text-align:center;}


	/*rooms*/
	#rooms{width:95%;overflow:hidden;margin:auto;border-bottom: 1px solid #ccc;}
	#rooms h2{width:100%;font:bold 16px 'Malgun Gothic';letter-spacing:-1px;}
	#rooms h2 span{color:#f18101;}
	#rooms ul{
		display: flex;
		gap: 10px;
        flex-wrap: wrap;
		width:100%;
		margin:10px auto;
		box-sizing:border-box;
	}
	#rooms ul li{
		/* float:left;
		width:24.25%;
		margin-right:1%;
		margin-bottom:10px; */
		font:bold 12px/20px 'Malgun Gothic';
		text-align:center;
		letter-spacing:-0.5px;
		width: calc(100% / 2.1);
	}
	#rooms ul li:nth-child(4){margin-right:0;}
	#rooms ul li:nth-child(8){margin-right:0;}
	#rooms ul li a{display:block;} 
	#rooms ul li a img{width:100%;margin-bottom:8px;}

	section#sub_txt2 p {
		box-sizing: border-box;
		padding: 20px;
	}

	#reservation_btn {
		display: block;
		width: 200px;
		height: 55px;
		margin: 30px auto 50px;
		box-sizing: border-box;
		border-radius: 3px;
		text-align: center;
		align-content: center;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.2rem;
		background: #03c75a;
		color: #fff;
		transition: all 0.2s;
	}
	#reservation_btn:hover {
		background: green;
	}


	
	/*special*/
	#special{width:95%;margin:auto;height:310px;padding-top:15px;border-bottom: 1px solid #ccc;}
	#special h2{width:100%;font:bold 16px 'Malgun Gothic';letter-spacing:-1px;}
	#special h2 span{color:#f18101;}
	#special ul{width:100%;margin:10px auto;}
	#special ul li{float: left;margin-right:2%;margin-bottom: 8px;position: relative;}
	#special ul li:nth-child(1){width:49%;}

	#special ul li:nth-child(2){width:49%;margin-right: 0;}

	#special ul li:nth-child(3){width:100%;margin-right: 0;}
	#special ul li a #over_txt{
		color:#fff;
		font-size: 16px;
		font-weight: bold;
	}

	#special ul li:nth-child(1) a #over_txt{
		position:absolute;
		top:57px;
		left:31%;
	}
	#special ul li:nth-child(2) a #over_txt{
		position:absolute;
		top:57px;
		left:33%;
	}
	#special ul li:nth-child(3) a #over_txt{
		position:absolute;
		top:60px;
		left:44%;
	}
	/*service: ;*/
	#service{clear:both;padding-top:20px;border-bottom:1px solid #ccc;}
	#service h2{width:95%;margin:auto;font:bold 16px/20px 'Malgun Gothic';letter-spacing:-0.5px; color: #fff;}
	#service h2 span{color:#f18101;font-size:16px;}
	#service #s_wrap{width:100%;background:url(../images/main_b.jpg) no-repeat;background-size:100% 100%;padding: 30px 0;}
	#service #s_wrap #icon{width:80%;height:77px;margin:auto;box-sizing:border-box;padding-top:30px;}
	#service #s_wrap #icon li{float:left;width:19%;text-align:center;margin-right:1%;}
	#service #s_wrap #icon li.icon5{margin-right:0;}
	#service #s_wrap #icon_txt{width:80%;height:48px;margin:auto;}
	#service #s_wrap #icon_txt li{float:left;width:19%;font-size:11px;margin-right:1%;color:#fff;text-align:center;letter-spacing:-0.3px;}
	#service #s_wrap #icon_txt li:last-child{margin-right:0;}

	#s_wrap ul {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 0;
		width: 80%;
        margin: 20px auto 0;
	}

	#service #s_wrap li {
		width: calc(100% / 2);
		font-weight: bold;
		text-align: center;
		color: #fff;
		text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	}

	#service #s_wrap li img {
		width: 40%;
		display: block;
		margin: 0 auto 15px;
	}


	/*footer*/
	#footer{
		clear:both;
		/* width:95%; */
		margin:auto;
		text-align:center;
        background: #f1f1f1;
	}
	#footer footer{width:100%;margin:auto;padding: 30px 0 35px;color:#6f6f6f;font-size:10px;}
	#footer h1 {
		width: 50%;
		margin: 0 auto;
	}
    #footer ul {
        display: flex;
        margin: 20px auto 10px;
        flex-direction: column;
        gap: 5px;
    }
	#footer ul li{
		font-size: 12px;
	}
	#footer p.copy {
		font-size: 12px;
	}


	/*sub*/
	#sub_visual{width:100%;}
	#sub_visual img{width:100%;height:106px;margin-bottom:30px;}
	#sub_wrap{clear:both;width:100%;}
	#title{width:95%;margin: 0 auto 30px;height:30px;}
	#title h2{width:100%;float:left;font:bold 20px arial;letter-spacing:-1px;}
	#title h2 span{color:#f18101;}
	#border{width:95%;margin:auto;border-top:1px solid #aaa;}
	#sub_txt{width:95%;margin:auto;padding:15px 0;}
	#sub_txt h3{font-size:16px;line-height:34px;}
	#sub_txt p{font:12px/20px 'Malgun Gothic';}
	#sub_txt p span{font-weight:bold;font-size:12px;}
	#sub1_add{width:95%;margin:auto;padding:20px 0;}
	#sub1_add p{font:11px/18px 'Malgun Gothic';}
	#sub1_map{width:95%;padding:40px 0;margin:auto;}
	table{margin:20px auto;}
	#map{width:100%;}
	#map .root_daum_roughmap{width:100%;margin-top:20px;}
	
	/* 지도 공통 */
	#daumRoughmapContainer1784079962500 {
		width: 100% !important;
		margin-top: 30px;
	}

	.root_daum_roughmap .wrap_map {
    	height: 300px !important;
	}

	.root_daum_roughmap .map_border,
	.root_daum_roughmap .cont,
	.root_daum_roughmap .wrap_controllers {
		display: none !important;
	}

	#tab{
    	margin-bottom: 20px;
	}
	#tab ul{
		width:100%;
		display: flex;
        flex-wrap: wrap;
	}
	#tab li{
		width: calc(100% / 3);
		height:35px;
		border-right:1px solid #ccc;
		box-sizing:border-box;
		border-bottom:1px solid #ccc;
	}
	#tab .fac_tab li{
		width: calc(100% / 4);
	}
	/* #tab li:nth-child(4),
	#tab li:nth-child(8){border-right:0;}
	#tab li:nth-child(2) a,
	#tab li:nth-child(3) a{
	line-height: 14px;
	padding-top: 5px;
	} */
	#tab li a{
		display:block;
		font-size:11px;
		text-align:center;
		line-height:35px;
		height: 100%;
        align-content: center;
    }
	#tab li.on {background-color:#f5cd00;}
	#tab li.on a {color:#222;}

	#sub2{height:35px;}
	#sub2 ul{width:100%;display:inline-block;height:35px;}
	#sub2 li{float:left;width:33.333333%;height:35px;border-right:1px solid #ccc;box-sizing:border-box;border-bottom:1px solid #ccc;}
	#sub2 li:nth-child(3){border-right:0;}

	#sub2 li a{display:block;font-size:10px;text-align:center;line-height:35px;}
	#img_slider{margin-bottom:20px;}
	#sub{height:35px;}
	#sub #sub_tab{width:100%;height:35px;line-height:35px;display:block;padding:0;font-size:1em;text-align:center;}
	#sub #sub_tab li{float:left;width:50%;}
	#sub li a{display:block;font-size:10px;}
	#sub_wrap #tour_wrap #map{width:100%;}
	#sub_wrap #tour_wrap .root_daum_roughmap{width:100%;}
	#sub_wrap #sub1_map .root_daum_roughmap{width:100%;}
	#gallery{width:95%;margin:auto;}
	#gallery span{color:#f18101;}
	#gallery #gallery_img{margin-top:20px;margin-bottom:20px;}


	/* about */
	#sub_wrap>#title h2,
	#sub_wrap>h2{
		width:100%;
		float:left;
		font:bold 20px arial;
		letter-spacing:-1px;
		text-align: center;
		color:#f18101;
		text-transform: uppercase;
	}
	#sub_wrap>h2 span{color:#f18101;}
	#sub_wrap>#title p#lng,
	p#lng {
		text-align: center;
		font-size: 12px;
		opacity: 0.8;
		margin: 10px 0;
		text-transform: uppercase;
	}
	#border{width:95%;margin:auto;border-top:1px solid #aaa;}
	#sub_txt{width:95%;margin:auto;padding:15px 0;}
	#sub_txt h3{font-size:16px;line-height:34px;}
	#sub_txt p{font:12px/20px 'Malgun Gothic';}
	#sub_txt p span{font-weight:bold;font-size:12px;}
	#sub1_add{width:95%;margin:auto;padding:20px 0;}
	#sub1_add p{font:11px/18px 'Malgun Gothic';}
	#sub1_map{width:95%;padding:40px 0;margin:auto;}
	table{margin:20px auto;}


	#about_left {
		margin: 30px 0;
	}

   	#about_left h3 {
        text-align: center;
    }

	#about_left p#txt {
		width: 90%;
        margin: auto;
		text-align: center;
	}

	#about_right {
		width: 100%;
	}

	#about_right img {
        width: 100%;
        display: block;
    }

	#addres {
		width: 95%;
		margin: 30px auto;
	}





	/*tour*/
	#sub_wrap #tour_tab{width:100%;height:70px;margin-top:20px;}
	#sub_wrap #tour_tab li{width:24.25%;float:left;background-color:#fdeaaa;font:11px/35px 'NanumGothic';text-align:center;letter-spacing:-0.5px;color:#707070;margin-right:1%;margin-bottom:4px;}
	#sub_wrap #tour_tab li:nth-child(1),
	#sub_wrap #tour_tab li:nth-child(2),
	#sub_wrap #tour_tab li:nth-child(3){width:32.66666666666667%;}
	#sub_wrap #tour_tab li:nth-child(3),
	#sub_wrap #tour_tab li:nth-child(7){margin-right:0;}

	/* #sub_wrap #tour1{display:block;width:100%;margin-top:20px;}
	#sub_wrap #tour2,
	#sub_wrap #tour3,
	#sub_wrap #tour4,
	#sub_wrap #tour5,
	#sub_wrap #tour6, 
	#sub_wrap #tour7,
	#sub_wrap #tour8{display:none;width:100%;margin-top:20px;} */
	#sub_wrap div #map{width:100%;}
	#sub_wrap div h3{font-size:18px;letter-spacing:-0.5px;margin-bottom:20px;text-align:center;}
	#sub_wrap div img{margin-bottom:30px;}
	#sub_wrap div #t_txt{margin:20px 10px;font:13px/24px 'NanumGothic';}
	#sub_wrap div #point{width:24px;margin:15px 0 10px 10px;}
	#sub_wrap div h4{float:right;width:87%;margin-top:20px;font-size: 11px;line-height:15px;letter-spacing:-0.3px;}
	#sub_wrap div #map{margin-bottom:50px;}
	#sub_wrap #tour_tab .on{background-color:#f5cd00;color:#222;}



	
	.tour-list{
        display: flex;
        flex-direction: column-reverse;
        gap: 30px;
        padding: 30px 0;
        width: 93%;
        margin: auto;
        box-sizing: border-box;
        border-bottom: 1px solid #555;
    }

	#tour8 .tour-list {
        border-bottom: none;
		margin-bottom: 30px;
	}

    .tour-cont,
    .tour-img{
        width:100%;
    }

    .tour-img img {
		margin-bottom: 0 !important;
    }

    .tour-wrap .chapter{
        display: inline-block;
        background: #1489d8;
        color: #fff;
        font-size:13px;
        padding:8px 16px;
        margin-bottom:20px;
        padding: 10px 20px;
        border-radius: 3px;
        box-sizing: border-box;
    }

    .tour-wrap .title{
        font-size:23px;
        line-height:1.3;
        margin-bottom:8px;
    }

    .tour-wrap .eng-title{
        font-size:15px;
        margin-bottom:20px;
    }

    .tour_desc{
        margin-top:25px;
    }

    .tour-wrap .content{
        font-size:14px;
        line-height:1.8;
        margin-bottom:25px;
        word-break: keep-all;
    }

    .tour-wrap .info{
        align-items:flex-start;
        font-size:14px;
        line-height:1.6;
    }

    .tour-wrap .info:not(:last-child){
        margin-bottom:8px;
    }

    .tour-wrap .label{
        flex-shrink:0;
        min-width:65px;
        margin-right:10px;
    }

    .tour-wrap .address{
        flex:1;
        word-break:keep-all;
    }



	/* 제1경 (파랑) */
	#tour1 .chapter {
		background: #1489d8;
	}

	#tour1 .title,
	#tour1 .label {
		color: #168be5;
	}

	/* 제2경 (주황) */
	#tour2 .chapter {
		background: #ff5a00;
	}

	#tour2 .title,
	#tour2 .label {
		color: #ff5a00;
	}

	/* 제3경 (초록) */
	#tour3 .chapter {
		background: #2f9b1f;
	}

	#tour3 .title,
	#tour3 .label {
		color: #2f9b1f;
	}

	/* 제4경 (빨강) */
	#tour4 .chapter {
		background: #ff4040;
	}

	#tour4 .title,
	#tour4 .label {
		color: #ff4040;
	}

	/* 제5경 (남색) */
	#tour5 .chapter {
		background: #0d5c97;
	}

	#tour5 .title,
	#tour5 .label {
		color: #0d5c97;
	}

	/* 제6경 (진초록) */
	#tour6 .chapter {
		background: #0f7a1c;
	}

	#tour6 .title,
	#tour6 .label {
		color: #0f7a1c;
	}

	/* 제7경 (갈색) */
	#tour7 .chapter {
		background: #b66a2b;
	}

	#tour7 .title,
	#tour7 .label {
		color: #b66a2b;
	}

	/* 제8경 (보라) */
	#tour8 .chapter {
		background: #4b2aa5;
	}

	#tour8 .title,
	#tour8 .label {
		color: #4b2aa5;
	}



	
	/* 객실 슬라이드 */
	.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
	.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
		display: none;
	}

	.swiper-pagination-bullet-active {
		background: #f5cd00 !important;
	}


	.slider img {
		display: block;
		width: 100%;
		height: 250px;
		margin-bottom: 0;
	}


	/* reservation */
	#reservation_banner {
	display: block;
	margin: 25px auto;
	}
	#reservation_txt {
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}


	/* 객실 & 예약 페이지 공통 */
	#reservation_btn {
        display: block;
        width: 130px;
        margin: 10px auto 30px;
        height: 43px;
        font-size: 14px;
        letter-spacing: 0.1rem;
    }
	/*  */

	.reservation #reservation_btn {
        margin: 50px auto 50px;
    }

	.room_info {
	width: 95%;
	margin: 40px auto 40px;
	word-break: keep-all;
	}
	.room_info b {
	display: block;
	font-size: 16px;
	margin: 20px 0 5px;
	}
	.room_info table{
	border-top:2px solid #ddd;
	margin:auto;
	}
	.room_info table tr{
	border-bottom: 1px solid #ddd;
	}
	.room_info table tr td{
	padding:10px 4px;
	font-size: 12px;
	line-height: 16px;
	}
	.room_info table tr th {
	text-align: center;
	font-size: 12.5px;
	}


	/* 공지사항 */
	.notice #wrapper {
		margin: 30px auto;
	}

	.notice #container {
		min-height: auto !important;
	}

	.more_opt li {
		font-size: 12px !important;
	}

	.btn_top {
		z-index: 1 !important;
	}


}