@charset "utf-8";


*{margin: 0; padding: 0; box-sizing: border-box;}
main{overflow: hidden;}
html,body{width: 100%;position: relative;font-family: "Noto Sans KR",sans-serif;line-height: 1.8;background: #f5f8fa;color: #636c75;}
li{list-style: none;}
a{text-decoration: none; color: #333;}
section{position: relative;}
figure{position: relative; z-index: 1;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}

.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}
.slide-wra *{border: 0; outline: 0;}
table {outline: 0; border-spacing: 0;}


html ::selection{ background-color:#000; color:#fff;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #000000;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}


@media screen and (max-width: 640px) {
	input {
	   -webkit-appearance: none;
	   -webkit-border-radius: 0;
	}
}

/* scroll */
.scroll-obj{transition: 1.8s; }
.scroll-obj.fade{opacity: 0;}
.scroll-obj.fade.on{opacity: 1;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.fadeXR{opacity: 0; transform: translateX(-30px);}
.scroll-obj.fade.on{opacity: 1;}
.scroll-obj.fadeY.on{opacity: 1;transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineY.on{transform: scaleY(1);}
.scroll-obj.clipX{clip-path:inset(0 100% 0 0); transition: 5s all; -webkit-clip-path:inset(0 100% 0 0)}
.scroll-obj.on.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}
.scroll-txt{filter: blur(3px); opacity: 0; transition: 3s;}
.scroll-txt.on{filter: blur(0px); opacity: 1; transition: 2.5s;}
.scroll-obj.clipX{clip-path:inset(0 100% 0 0); transition: 5s all; -webkit-clip-path:inset(0 100% 0 0)}
.scroll-obj.on.clipX{clip-path:inset(0 0% 0 0); -webkit-clip-path:inset(0 0% 0 0)}


/* main Arrow */
.con1 .page{width: 85%;position: absolute;font-size: 14px;bottom: 5%;margin: auto;left: 0;right: 0;z-index: 30;display: inline-flex;}
.con1 .page .btn-arro {background: no-repeat; border: 1px solid #fff;padding: 2px; transition: 0.5s;}
.con1 .page .btn-arro:hover {background: rgba(255,255,255,0.25); transition: 0.5s;}
.con1 .page .next, .con1 .page .prev {position: relative;cursor: pointer;z-index: 150;}
.con1 .page p{color: white;margin: 0 18px;}
.con1 .page .fal{color: white;}
.con1 .page p:first-child{text-align: left;}
.con1 .page p:last-child{text-align: right;}
.con1 .page .pro-bar-wrap{width: 85%;height: 1px;background-color: rgba(255,255,255,0.5);margin: 10px auto;}
.con1 .page .pro-bar{display: block; width: 0%; height: 1px; background-color: rgba(255,255,255,0.5);}
.con1 .page .pro-bar.pro-ani{animation: paging 1.5s infinite linear;}  

/*main txt */
.con1 .basic-slide-wrap .slide{height: 102vh;background-position: 0 80%;background-size: cover;}
.con2 .basic-slide-wrap .slide{height: 60vh;}

.tit-effect .con1{overflow: hidden;height: 102vh;}
.tit-effect .con1 .main-tit{position: absolute;top: 40%;left: 70%;z-index: 30;text-align: right;color: #fff;line-height: 1.8;}
.main-wrap .con1 .main-tit h1{font-family: "Aboreto", system-ui;font-size: 50px;font-weight: 500;text-transform: uppercase;letter-spacing: -0.5px;line-height: 1.2;}
.main-wrap .con1 .main-tit h1 small{letter-spacing: 3.5px;font-size: 25px;}
.main-wrap .con1 .main-tit h2{font-family: 'GyeonggiBatang';font-size: 22px;font-weight: 100;position: relative;  letter-spacing: -0.5px;}
.main-wrap .reser_box{margin:0 auto;}
.tit-effect .con2{overflow: hidden;}
.tit-effect .con2 .main-tit{text-align: center;width: 100%;position: absolute;top: -130px;transform: translateY(0%);line-height: 1.8;}
.main-wrap .con2 .main-tit h1{font-family: "Aboreto", system-ui;font-size: 50px;font-weight: 300;text-transform: uppercase;letter-spacing: -0.5px;}
.main-wrap .con2 .main-tit h2{font-family: 'GyeonggiBatang';font-size: 25px;font-weight: 100;position: relative;top: 0;}
.main-wrap .con3{margin: 160px;border-top: 1px solid #b39c9c;}

/* main */
.main-info-incon .text-wrap h4{font-size: 18px;line-height: 27px;padding-bottom: 20px;font-family: 'Athena-Regular';font-weight: 100;}
.main-info-incon .text-wrap h3{font-size: 50px;line-height: 60px;padding-bottom: 9%;font-family: 'Roustel';font-weight: 100;letter-spacing: 2px;}
.main-info-incon .text-wrap p{ font-size: 14px; line-height: 24px; padding-bottom: 50px; word-break: keep-all;font-family: 'Pretendard-Regular';}
.main-info-incon{position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: center;opacity:0.95;margin: 2% auto 0%;max-width: 85%;padding-top: 6%;}
.main-info-incon .text-wrap{width: 100%;color: #666666;}

.main-info-incon h1 {font-size: 17px;line-height: 1.8;letter-spacing: -0.5px;font-family: 'SUIT-Regular';margin: 1.5% 0 3%;font-weight: 100;}
.main-info-incon span {font-size: 25px;font-weight: 500;display: block;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;color: #586775;}

.main-info-incon ul{display: inline-flex;margin: auto;left: 0;right: 0;}
.main-info-incon ul {width: 100%;pointer-events: none;cursor: pointer;background: #ddeaeb;padding: 20px 0;}
.main-info-incon ul li{width: 100%;color: #4d6573;padding: 25px 30px;transition:0.5s;border-right: 1px dotted;}
.main-info-incon ul li:last-child{border: none;}
.main-info-incon ul .first{ border-left:none;}
.main-info-incon ulli .box {display: inline-flex;width: 100%;}
.main-info-incon ul li .left {display: block;width: 100%;color: #1a4369;}
.main-info-incon ul li .right {display: block;}
.main-info-incon ul li i{font-size: 55px;margin-top: 15px;font-weight: 100;}
.main-info-incon ul li .ko{font-size: 20px;line-height: 34px;padding: 20px 0;font-family: 'SUITE-Regular';font-weight: 200;}
.main-info-incon ul li .en{font-size: 20px;line-height: 21px;padding-bottom: 20px;font-family: "Aboreto", system-ui;font-weight: 400;letter-spacing: 0;}
.main-info-incon ul li p {font-size: 13px;}

/* main video */
.video_main{max-width: 100%;margin: 4% auto 4%;}

.main_in_txt{padding: 0px 0 76px;}
.main_in_txt .box{max-width: 100%;margin: 0 auto;}
.main_in_txt .box .left{display: flex; gap: 80px;}
.main_in_txt .box .left img{width: 100%;}

.main_in_txt .box .left .img1 img {/* box-shadow: -4px 5px 6px 0px #dfdfdf; */padding: 15px 0 75px;}
/*.main_in_txt .box .left .img2 img {box-shadow: 9px -5px 6px 0px #dfdfdf;padding: 15px;}*/

.main_in_txt .box .left h2{font-size: 66px;font-weight: 600;letter-spacing: -2px;text-align: left;line-height: 1.2;font-family: "Cormorant", serif;text-transform: capitalize;/* margin-bottom: 15%; */color: #265783;}
.main_in_txt .box .left h2 small {display: block;letter-spacing: 5px;font-size: 15px;font-family: 'SUIT-Regular';font-weight: 300;margin-bottom: 10%;}
.main_in_txt .box .left .img1{width: 32%;flex-direction: column;justify-content: space-between;}
.main_in_txt .box .left .img2{width: 65%;margin-top: 5%;}
.main_in_txt .box .left .img1 h4{text-transform: capitalize;font-size: 22px;font-weight: 400;text-align: left;font-family: "Aboreto", system-ui;}
.main_in_txt .box .right{margin-top: -35px;display: flex;flex-direction: column;}
.main_in_txt .box .right .txt p{margin-top: 15px;font-size: 14px;line-height: 2;font-family: 'SUIT-Regular';text-align: right;}
.main_in_txt .box .right .txt{ align-self: flex-end; }


/* main room */
.room_list_box{display: flex;overflow: hidden;padding: 9% 0;margin-top: 0;}
.room_list_box .room-img-wrap{width: 44%;overflow: hidden;padding: 0 3% 0 3%;}

.room_list_box .room-img-wrap .sub_img {margin: 0;}
.room_list_box .room-img-wrap .swiper-slide{height: 65vh;background-size: cover;background-position: center;border-radius: 25px;}
.room_list_box .room-img-wrap .tit-wrap{bottom: 70px;left: 10.416%;z-index: 5;}
.room_list_box .room-img-wrap .tit-wrap h2{font-size: 15px;font-weight: 400;line-height: 1.5;text-align: center;}

.room_list_box .room-img-wrap .tit-wrap h2 span small {font-size: 50px;font-family: "Cormorant", serif;color: #597793;text-transform: capitalize;font-weight: 600;line-height: 1.2;}
.room_list_box .room-img-wrap .tit-wrap h2 span{display: block;margin: 5% 0;font-family: 'NotoSerifKR';font-weight: 100;letter-spacing: 0.5px;}
.room_list_box .room-img-wrap .tit-wrap h2 span:last-of-type{transition-delay: 0.2s;color: #636c75;}
.room_list_box .room-img-wrap .tit-wrap a {color: #ffffff;font-size: 17px;padding: 9px 53px;border: 1px solid;border-radius: 100px;background: rgba(255,255,255,0.15);font-family: "Montserrat", sans-serif;text-transform: uppercase;letter-spacing: -0.5px;transition: 0.5s;}
.room_list_box .room-img-wrap .tit-wrap a:hover {background: #568d90;color: #fff;border: 1px solid #568d90;transition: 0.5s;}

.room_list_box .room-img-wrap .tit-wrap a .plus { transform: rotate(0deg); transition: 0.8s;}
.room_list_box .room-img-wrap .tit-wrap a:hover .plus { transform: rotate(145deg); color: #fff;  transition: 0.5s;}

.room_list_box .room-slide-wrap{width: 50%;padding-left: 3%;display: flex;flex-flow: column;justify-content: end;padding-bottom: 2vw;border-left: 1px solid;}
.room_list_box .room-slide-wrap .room-nav{margin-top: 25px;display: flex;justify-content: space-between;align-items: center;width: 107%;}
.room_list_box .room-slide-wrap .room-nav .line_nav {width: 85%;background: #abaaa9;height: 1px;}
.room_list_box .room-slide-wrap .room-nav li span{display: block;}
.room_list_box .room-slide-wrap .room-nav li .arrow-wrap{display: flex;height: 20px;align-items: center;color: #857f7d;}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn{position: relative;}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn i{font-size: 18px;}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn .arrow{position: absolute;}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn .arrow .line{display: block; width: 12px; height: 1px;  background-color: #2b2b2b;}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn .arrow .line1{transform: rotate(45deg);}
.room_list_box .room-slide-wrap .room-nav li .arrow-btn .arrow .line2{transform: rotate(-45deg);}

.room_list_box .room-slide-wrap .room-nav li .prev .arrow-btn .arrow{left: 0; margin-top: -0.5px;}
.room_list_box .room-slide-wrap .room-nav li .prev .arrow-btn .arrow .line{transform-origin: left center;}
.room_list_box .room-slide-wrap .room-nav li .next .arrow-btn .arrow{right: 0; margin-top: -0.5px;}
.room_list_box .room-slide-wrap .room-nav li .next .arrow-btn .arrow .line{transform-origin: right center;}

.room_list_box .room-slide-wrap .info-slide-wrap .swiper-slide{background-color: transparent; display: flex; flex-flow: column; justify-content: space-between;}
.room_list_box .room-slide-wrap .info-slide-wrap{width: 110%; overflow: hidden;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap{color: #636c75;transform: rotate(0.03deg);padding-bottom: 50px;margin-top: 8%;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h2 small{font-family: "Aboreto", system-ui;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h2{font-size: 36px;font-weight: 100;margin-bottom: 18px;letter-spacing: 0;line-height: 1.2;text-transform: capitalize;font-family: 'Arita-buri-SemiBold';color: #3b6081;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h5{font-size: 13px;font-weight: 100;margin-bottom: 19px;font-family: 'SUIT-Regular';letter-spacing: -0.5px;opacity: 0.8;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap p{font-size: 12px;font-weight: 200;font-family: 'Pretendard-Light';letter-spacing: 4px;border-bottom: 1px solid #636c75;display: inline-block;padding-bottom: 5px;color: #636c75;}
.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap p i  { transform: rotate(0deg); transition: 0.8s;}
.room_list_box .room-slide-wrap .info-slide-wrap .box-wrap:hover .txt-wrap p i { transform: rotate(45deg);  transition: 0.5s;}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap{display: flex; flex-flow: column; align-items: flex-start; justify-content: start; }
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{width: 450px;}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .link-txt{font-size: 15px;font-weight: 300;color: #a5a5a5;margin-bottom: 20px;transition: 0.6s;font-family: 'Pretendard-Light';}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .link-txt::after{content: ""; display: block; width: 100%; height: 1px; background-color: #a5a5a5; margin-top: 2px; transition: 0.6s;}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .room-link{overflow: hidden; display: block; transform: rotate(0.03deg);}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{transition: 0.6s;display: block;height: 500px;background-size: cover;background-position: bottom;}
.room_list_box .room-slide-wrap .info-slide-wrap .box-wrap:hover .img-wrap .img{transform: scale(1.05);}
.room_list_box .room-slide-wrap .info-slide-wrap .box-wrap:hover .img-wrap .link-txt{color: #0d0d0d;transform: scaleX(1); transition: 0.8s;}
.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .link-txt:hover::after{transform: scaleX(0);}
/* .room_list_box .room-slide-wrap .info-slide-wrap .img-wrap:hover .link-txt::after{background-color: #0d0d0d;} */


/* main sp */

.main_sppr{padding-top: 155px;background-color: #ddeaeb;padding-bottom: 90px;}
.main_sppr .inner-con{display: flex;justify-content: center;width: 100%;}
.main_sppr .tit-wrap{text-align: center;width: 25%;}
.main_sppr .tit-wrap .tit-inner{display: inline-block;transform: rotate(0.03deg);margin-top: 100%;padding-right: 100px;}
.main_sppr .tit-wrap .tit-cata{display: flex; justify-content: start; margin-bottom: 40px;}
.main_sppr .tit-wrap .tit-cata span{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 400; color: #7b7976; letter-spacing: 0.1em;}
.main_sppr .tit-wrap .tit-cata span.line{background-color: #7b7976; display: inline-block; width: 90px; height: 1px; margin: 0.5em 10px 0 15px;} 
.main_sppr .tit-wrap .tit-box h2{font-size: 85px;font-family: "Cormorant", serif;font-weight: 500;color: #5d87ad;opacity: 1;letter-spacing: 0;line-height: 1.2;text-transform: uppercase;}
.main_sppr .tit-wrap .tit-box h2 small {font-size: 23px;display: block;letter-spacing: 3px;margin-bottom: 12%;font-family: 'NotoSerifKR';}
.main_sppr .tit-inner .txt .line{display: block;width: 2px;height: 80px;opacity: 0.35;background-color: #265783;margin: 50px auto 20px;transform: scaleY(0);transition: 1.2s;transition-delay: 0.6s;}
.main_sppr .tit-inner.on .txt .line{transform: scaleY(1);}
	
.main_sppr .tit-wrap .txt {color: #636c75;margin-top: -30px;}
.main_sppr .tit-wrap .txt h3{font-size: 50px;font-weight: 300;font-family: "Cormorant", serif;letter-spacing: 0.05em;margin-bottom: 0;transition-delay: 0.2s;color: #265783;}
.main_sppr .tit-wrap .txt h5{font-size: 12px;font-family: 'Marcellus', serif;font-weight: 400;letter-spacing: -0.3px;transition-delay: 0.4s;}
.main_sppr .box{width: 50%;}

.main_sppr .box {width: 60%;display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 50px;row-gap: 0;padding-left: 50px; border-left: 1px solid;}
.main_sppr .box .boxs, .main_sppr .box .info-wrap { display: contents;}
.main_sppr .box .info { position: relative;}
.main_sppr .box .info a {background: #000;}
.main_sppr .box .info01 {top: 50px;}
.main_sppr .box .info02 {  top: 0;}
	
.main_sppr .box .info-wrap .info a .img{display: block;width: 100%;transition: 0.8s;height: 350px;background-position: center;background-size: cover;}
.main_sppr .box .info-wrap .info a:hover .img{ border-radius: 30px 30px 0 0;}
.main_sppr .box .info-right{margin-top: 101px;}
.main_sppr .box .info-wrap .info .img img{width: 100%;display: block;}
.main_sppr .box .info-wrap .info .txt{transform: rotate(0.03deg);text-align: center;margin: 0px auto 65px;padding-bottom: 35px;background: #6188a9;color: #fff;border-radius: 0 0 30px 30px;}
.main_sppr .box .info-wrap .info .txt h5{font-size: 45px;font-weight: 500;font-family: "Cormorant", serif;letter-spacing: -0.5px;text-transform: uppercase;}
.main_sppr .box .info-wrap .info .txt h3{font-size: 20px;font-family: 'GmarketSansMedium';font-weight: 400;margin-bottom: 4%;letter-spacing: -0.5px;}
.main_sppr .box .info-wrap .info .txt span{font-size: 15px;border: 1px solid;padding: 5px 35px;font-family: 'Cinzel', serif;color: #fff;background: rgba(255,255,255,0.2);}


/* sub txt */

.sub_tit_start{margin: 135px 0 103px 0;text-align: center;color: #614f4f;}
.sub_tit_start h4{font-weight: 400;font-family: "Jost", sans-serif;font-size: 14px;letter-spacing: 10px;color: #adc5db;}
.sub_tit_start h3{font-weight: 400;font-family: 'GyeonggiBatang';color: #265783;font-size: 35px;background-color: #f5f8fa;padding: 0px 40px;margin-top: -45px;position: absolute;left: 50%;transform: translateX(-50%);top: 10px;text-transform: capitalize;}
.sub_tit_start span{width: 100%;height: 1px;display: inline-block;background: #adc5db;margin-top: 38px;position: relative;}


/*prologue*/
.view_in_txt .txt-wrap {text-align: center;}

.view_in_txt .txt-wrap h3 {font-size: 60px;font-family: 'TIMESS'; font-weight: 100;color: #aba292;}

.view_in_txt .txt-wrap h2 { font-size: 30px; font-weight: 400; font-family: "Nanum Myeongjo",sans-serif; color: #8a847b; margin-bottom: 50px;}
.view_in_txt .txt-wrap .txt p {font-size: 15px;font-weight: 400;margin: 35px auto;line-height: 1.8;font-family: 'Pretendard-Regular';}
.view_in_txt .txt-wrap .txt h5 {font-size: 17px;font-family: 'NotoSerifKR';font-weight: 100;/* font-style: italic; */margin-bottom: 50px;color: #265783;}

.view-wrap .inner-con .line{display: block;width: 1px;height: 150px;background-color: #aba292;margin: 0 auto;margin-bottom: 30px;}
.view_ends{background: #ddeaeb;margin-top: 5%;}
.view_ends .inner {display: flex;align-items: center;width: 100%;max-width: 100%;padding: 150px 0;}
.view_ends .big-img {flex-shrink: 0;width: 53%;overflow: hidden;padding-left: 8%;}
.view_ends .big-img .img {height: 145vh;width: 100%;background-position: center;background-size: cover;}
	
.view_ends .box-content {width: 46%;margin: 0 4rem;text-align: center;}
.view_ends .box-content .box_img {width: 101%;height: 45vh;margin-bottom: 15px;background-position: center;background-size: cover;}
.view_ends .box-content .txt0 {text-align: left;text-transform: uppercase;font-family: "Aboreto", system-ui;margin-bottom: 5px;font-size: 27px;letter-spacing: -0.5px;}
.view_ends .box-content .txt1 {margin-top: 8%;font-size: 25px;font-family: 'GyeonggiBatang';letter-spacing: -0.5px;}
.view_ends .box-content .txt2 {font-size: 14px;margin-top: 2rem;font-family: 'SUIT-Regular';line-height: 2.5;letter-spacing: -0.5px;}
	

/*map*/	
.map-wrap{margin-top: 10%;}
.map-wrap .info-txt-wrap{text-align: center; padding-top: 55px; margin-bottom: 150px;}
.map-wrap .info-txt-wrap .tit{color: #636c75;margin-bottom: 25px;}
.map-wrap .info-txt-wrap .tit h3{font-size: 17px;font-weight: 400;font-family: "Aboreto", system-ui;margin-bottom: 15px;letter-spacing: 2px;}
.map-wrap .info-txt-wrap .tit h2{font-size: 20px;font-family: 'NotoSerifKR';font-weight: 100;letter-spacing: 3px;}
.map-wrap .info-txt-wrap .txt{display: inline-block;border: 1px solid #636c75;padding: 35px 85px;}
.map-wrap .info-txt-wrap .txt p{font-size: 15px;font-weight: 400;color: #636c75;line-height: 2.5;font-family: 'Pretendard-Regular';}
	
.root_daum_roughmap .wrap_controllers{ display: none !important;}
.m-gallery{display: none;}


table {border: 1px solid #ccc;width: 100%;text-align: center;line-height: 1.5rem; border-collapse:collapse;}
table tr { border: 1px solid #ccc;}
table th {background-color: #636c75;line-height: 1.5;padding: 5px 0;font-size: 12px;font-family: 'Pretendard-Regular';letter-spacing: 1px;color: #fff;font-weight: 300;}
table tr td {border: 1px solid #ccc;/* line-height: 0; */padding: 0;font-size: 13px;font-family: 'Pretendard-Regular';background: rgba(255,255,255,0.4);}
table td {border: 0.1px solid #ccc;line-height:3;}

.sub_tab-menu{margin-bottom: 44px;text-align: center;padding-top: 0;}
.sub_tab-menu li{margin-left: 30px;display: inline-block;/*border-bottom: 1px solid #ccc;*/ opacity:0.8;}
.sub_tab-menu li:first-child {margin-left:0;}
.sub_tab-menu li a{font-size: 15px;color: #6483a3;font-family: 'Pretendard-Regular';font-weight: 500;letter-spacing: 0.3px;}
.sub_tab-menu li::after{content: "";display: block;height: 1px;background-color: #406285;transform: scaleX(0);transition: 0.8s;}
.sub_tab-menu li.on::after{transform: scaleX(1);}
.sub_tab-menu li.on a{color: #406285;font-weight: 600;}
.sub_tab-menu li:hover a{color: #406285;}
.sub_tab-menu li:hover::after{transform: scaleX(1);}

.room_infosa {}
.room_infosa .con1 {overflow: hidden;}
.room_infosa  {width: 82.25%;margin: 0 auto;}
.room_infosa  .tit-wrap { padding-top: 120px;width: 100%; color: #002b21;}
.room_infosa  .tit-wrap h2 { font-size: 100px;  font-weight: 100;  text-align: center;}
.room_infosa  .tit-wrap p {  position: relative;  font-size: 14px;  width: 85px;  margin: 0 auto; color: #877866;  line-height: 20px; font-family: 'Pretendard-Light', sans-serif; text-align: center;}
.room_infosa  .tit-wrap p::before {  content: '';position: absolute; border-radius: 5px; opacity: 0.7; left: -4px;  top: 9px; width: 3px; height: 3px; background-color: #877866;}
.room_infosa  .tit-wrap p::after { content: '';  position: absolute; border-radius: 5px;  opacity: 0.7; right: -4px; top: 9px; width: 3px; height: 3px; background-color: #877866;}
.room_infosa  .info-wrap {padding-top: 6%;display: flex;padding-bottom: 0;}
.room_infosa  .info-wrap .info1 {width: 50%;z-index: 1;}
.room_infosa  .info-wrap .info1 .info-inner {margin-bottom: 35px;}
.room_infosa  .info-wrap .info2 {width: 85%;position: relative;}
.room_infosa  .info-wrap .info2 .img1 {z-index: 10;width: 570px;height: 650px;/* background-position: center; */background-position: center;background-size: cover;position: absolute;/* border-radius: 50px 0 0; */opacity: 0.8;}
.room_infosa  .info-wrap .info2 .img2 {width: 400px;height: 450px;position: absolute;background-position: center;background-size: cover;bottom: 0;right: 0;box-shadow: 20px -20px 0 #ddeaeb;}
.room_infosa  .info-wrap .info2 .txt2 { right: -200%;}
.room_infosa .info-wrap div h3 {color: #265783;font-weight: 500;font-size: 55px;margin-bottom: 47px;font-family: "Cormorant", serif;line-height: 2.2;}
.room_infosa .info-wrap div h3 small {display: block;font-size: 15px;letter-spacing: -0.5px;font-family: 'SUITE-Regular';}
.room_infosa .info-wrap div h4 {color: #265783;margin-bottom: 0;font-weight: 100;font-size: 25px;font-family: "Cormorant", serif;letter-spacing: 2px;text-transform: capitalize;}
.room_infosa .info-wrap div h5 {color: #506477;margin-bottom: 10px;font-size: 17px;font-family: 'GmarketSansMedium';}
.room_infosa .info-wrap div p {font-family: 'Pretendard-Regular';font-size: 14px;color: #636c75;margin-bottom: 6px;line-height: 1.2;}
			
.room_end{max-width: 85%;margin: 100px auto 0;border-top: 1px solid #636c75;/* padding: 50px 0; */}
.room_end .txt-area .txt{float: left;}
.room_end .txt-area .left{width: 30%;/* margin-right: 30px; */text-align: center;}
.room_end .txt-area .left h2{font-size: 55px;font-weight: 100;text-transform: capitalize;margin: 65px auto 30px;font-family: "Cormorant", serif;color: #265783;text-transform: uppercase;}
.room_end .txt-area .left p{font-size: 17px;color: #636c75;font-family: "Nanum Myeongjo",serif;letter-spacing: -1px;line-height: 2;}
.room_end .txt-area .left .imgs {display: block;width: 220px;height: 260px;background-position: center;background-size: cover;border-radius: 500px 500px 0 0;margin: 17% auto 0;}
.room_end .txt-area .right{width: 65%;margin-left: 35px;border-left: 1px solid #636c75;padding: 70px 0 0 50px;margin-bottom: 150px;}
.room_end .txt-area .right .box01 {border-bottom: 1px solid #636c75;}
.room_end .txt-area .right .box02 {padding-top: 50px;}

.room_end .txt-area .right h3{font-size: 27px;font-weight: 500;margin-bottom: 20px;letter-spacing: 4px;font-family: "Cormorant", serif;color: #265783;}
.room_end .txt-area .right .list{margin-bottom: 50px; padding: 0;}
.room_end .txt-area .right .list li{font-family: "Lato",serif;font-size: 15px;font-weight: 500; }
.room_end .txt-area .right .lst {display: block;padding-top: 0;padding-bottom: 5%;}
.room_end .txt-area .right .lst li {display: inline-block;width: 12%;text-align: center;margin-bottom: 4%;}
.room_end .txt-area .right .lst li i {font-size: 25px;font-weight: 100;}
.room_end .txt-area .right .lst li span {font-size: 12px;letter-spacing: -0.5px;display: block;font-family: 'Pretendard-Regular';padding-top: 10px;}
				
.room_boxs .prview{width: 100%;max-width: 90%;margin: 0 auto 0;display: flow-root;}
.room_boxs .prview li{width: 32%; float: left; height: 315px; margin-left: 1%; margin-bottom: 1%; opacity:1; overflow:hidden;}
.room_boxs .prview li img {width: 100%; height: 100%;}
.room_boxs .prview li.on {opacity:1; transform:translateY(0); transition:1.2s;}
.room_boxs .prview li div{width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover;  transition:1.5s;}
	

.sp_infos {padding: 122px 0 100px;position: relative;max-width: 80%;margin: auto;}
.sp_infos .bigtxt {position: absolute;top: 0;margin: auto;z-index: -1;color: #eeebe6;font-family: "Aboreto", system-ui;font-size: 100px; font-weight: 300;line-height: normal;letter-spacing: -0.5px;text-align: center;right: -200px;}
.sp_infos .iner {display: flex;align-items: center;}
.sp_infos .iner .tit-wrap { width: 45%;}
.sp_infos .iner .tit-wrap .tit {margin-bottom: 45px;}
.sp_infos .iner .tit-wrap .tit h3 {color: #597793;font-family: "Cormorant", serif;font-size: 80px;font-weight: 300;line-height: normal;letter-spacing: 0;text-transform: capitalize;}
.sp_infos .iner .tit-wrap .tit h6 {font-family: 'SUIT-Regular';font-size: 17px;font-weight: 300;letter-spacing: 7px;margin-top: 15px;}
.sp_infos .iner .tit-wrap .line {display: block;margin: 50px 0 35px;width: 1px;height: 107px;background-color: rgba(127, 118, 103, 0.5);}
.sp_infos .iner .tit-wrap .txt p {font-family: 'Pretendard-Regular';font-size: 15px;font-weight: 500;line-height: 2;margin-bottom: 35px;letter-spacing: -0.5px;}
.sp_infos .iner .tit-wrap .txt p b{font-family: 'GyeonggiBatang';font-size: 22px;letter-spacing: -0.5px;font-weight: 500;}
.sp_infos .iner .img-wrap {  width: 55%;   display: flex; align-items: flex-start;  gap: 30px;}
.sp_infos .iner .img-wrap .img1 {width: 350px;height: 350px;background-size: cover;background-repeat: no-repeat;background-position: center;margin-top: 25%;}
.sp_infos .iner .img-wrap .img2 {width: 604px;height: 680px;background-position: bottom;background-size: cover;border-radius: 15px 0;}


.spbox_end {margin: 0 auto 9%;padding: 50px 60px;border: 1px solid #636c75;max-width: 70%;border-radius: 10px;}
.spbox_end .tit {display: block;font-weight: 400;font-size: 35px;text-transform: uppercase;font-family: "Cormorant", serif;letter-spacing: 0;border-bottom: 1px solid #636c75;color: #265783;}
.spbox_end .conts {display: flex;justify-content: space-between;margin: 30px 0;font-size: 15px;}
.spbox_end [class^=lst] {width: 100%;}
.lst-text li {position: relative;padding-left: 15px;line-height: 2;font-size: 15px;letter-spacing: -0.5px;}
.lst-text li:before { position: absolute; top: 11px; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #90826f; content: "";}



.spbox_end .lst li {padding-left: 12px;margin-top: 9px;font-family: 'SUIT-Regular';letter-spacing: -0.5px;font-size: 15px;line-height: 2;font-weight: 100;color: #265783;text-align: left;}
.spbox_end .lst li b{font-family: 'NotoSerifKR';font-size: 14px;letter-spacing: 3px;font-weight: 500;border-left: 3px solid;padding-left: 10px;}
.spbox_end .lst li:before { width: 3px; height: 3px;}
.spbox_end .lstend {border-left: 1px solid #636c75;padding-left: 4%;}
	


@keyframes roomMarquee {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-300%);
    }
}


.con1 .basic-slide-wrap .slide{height: 102vh;filter: contrast(1.05) saturate(0.95);}
.con2 .basic-slide-wrap .slide{height: 60vh;}
		
.set_box .txt {text-align: center;position: relative;top: -90px;z-index: 5;}
.set_box .txt h2 {overflow: hidden;display: block;font-size: 50px;text-transform: capitalize;font-family: "Aboreto", system-ui;color: #ffffff;font-weight: 100;line-height: 1.5;}
.set_box .txt p {font-family: 'NotoSerifKR';margin-top: 1.5%;margin-bottom: 0%;font-size: 15px;font-weight: 100;}
.set_box .txt p span {display: block;line-height: 5;font-family: 'SUITE-Regular';letter-spacing: 4px;font-size: 20px;}


.tour_box .wrap .inner-con {width: 80%;margin: 0 auto 0;padding: 1px 0 1%;}
.tour_box .wrap .inner-con .tour-info {display: flow-root;width: 100%;margin-bottom: 8%;background: #ddeaeb;}
.tour_box .wrap .inner-con .tour-slide-wrap {width: 50%;margin: 0;}
.tour_box .wrap .inner-con .tour-info .tour-slide-wrap  {overflow: hidden;clip-path: ellipse(100% 150% at 50% 100%);}
.tour_box .wrap .inner-con .tour-slide-wrap .slide-wrap .swiper-slide {transition: all 1s;width: 100%;height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center center;}

.tour_box .wrap .inner-con .txt-wrap {width: 50%;padding: 15px 5%;float: left;}
.tour_box .wrap .inner-con .txt-wrap h3 {font-size: 3em;padding-top: 10%;font-weight: 100;letter-spacing: -1px;display: inline-block;margin-right: 20px;font-family: "Aboreto", system-ui;color: #597793;}
.tour_box .wrap .inner-con .txt-wrap > span {font-style: italic;font-size: 20px;color: #597793;letter-spacing: 7px;display: block;font-family: 'SUITE-Regular';line-height: 2;}
	
.tour_box .wrap .inner-con .txt-wrap .time_line {display: flex;justify-content: space-between;position: relative;/* padding-top: 30px; */padding-bottom: 0;}
.tour_box .wrap .inner-con .txt-wrap .time_line h4 {font-weight: 400;font-family: 'SUITE-Regular';color: #597793;font-size: 15px;border-bottom: 1px solid;padding: 15px 20px 5px 0;letter-spacing: 2px;}
.tour_box .wrap .inner-con .txt-wrap .time_line h4 b {font-weight: 600;}
.tour_box .wrap .inner-con .txt-wrap .time_line h4 i {padding-right: 10px;}
.tour_box .wrap .inner-con  .txt-wrap p {padding-top: 35px;color: #636c75;line-height: 2;font-weight: 100;font-family: 'Pretendard-Regular';font-size: 15px;border-top: 1px solid #597793;letter-spacing: -0.5px;}
.tour_box .wrap .inner-con .txt-wrap.tour-box02 {float: right;margin: 0;}
.tour_box .wrap .inner-con .tour-slide-wrap.tour-box02 {float: left;width: 755px;}

.answer{display: block;padding-top: 14px;position: absolute;right: 0;margin-top: 30px;z-index: 2;}
.answer .modA{display: block;font-size: 11px;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;background: #d15151;color: #fff;padding: 8px;border-radius: 5px;width: 65px;text-align: center;float: right;line-height: 1;}


#fconfig {padding:2em; border:1px solid #ddd;background-color:#fff;}
#fconfig div { padding:5px 0}
#fconfig .action {text-align:center;  border-top: 1px solid #ea4026; margin-top:0.5em; padding-top:0.5em;}
#fconfig label {display:inline-block; width:100px; color: #066066;}
#fconfig h3 { font-size:16px; line-height:2em; color:#ea4026;}
.clearfix:after { content: " ";visibility: hidden;display: block;height: 0;clear: both; }
#img-gallery-wrapper {width: 100%;/* float:left; */}
#img-gallery-wrapper img {width: 100%;}


.reserv_info {max-width: 80%;margin: -19px auto 5%;}
.reserv_info .wrap_conts { margin: 100px -18px 0; padding: 0 18px;}
.reserv_info .flex {/* display: flex; */width: 100%;margin: 20px auto 0px;}
.reserv_info .flex .conts_sect {width: 100%;}
.reserv_info .flex .conts_sect	.img {display:block;height: 230px;margin-bottom: 8%;width: 90%;opacity: 0.85;background-position: center;background-size: cover;}	
.reserv_info .box .conts_sect .tit_lst {margin: 50px auto 0px;font-size: 25px;font-family: 'SUIT-Regular';text-transform: capitalize;letter-spacing: 2px;font-weight: 900;width: 100%;display: block;}
.reserv_info .box .conts_sect .tit_lst:first-child{margin-top: 0;}
.reserv_info .box .conts_sect .tit_lst span {border-bottom: 2px solid #265783;font-family: "Cormorant", serif;letter-spacing: -0.5px;font-size: 41px;font-weight: 100;color: #265783;}
.reserv_info .box .conts_sect .tit_lst i {font-size: 5px;padding-right: 10px;vertical-align: middle;}

.reserv_info .box .conts_sect {padding: 0px 0;}
.reserv_info .box .conts_sect .lst {padding-top: 22px;}
.reserv_info .box .conts_sect li {font-size: 15px;letter-spacing: -0.5px;line-height: 2;font-family: 'Pretendard-Regular';}
.reserv_info .box .conts_sect li span {color: #9e3c3e;font-weight: 600;letter-spacing: -1px;font-family: 'GyeonggiBatang';font-size: 16px;}
.reserv_info .box .conts_sect li b {font-weight: 600;letter-spacing: 6px;display: inline-block;margin-top: 20px;}
.reserv_info p {font-size: 14px;font-family: 'SUIT-Regular';color: #636c75;font-weight: 600;text-align: end;}



@media (max-width : 1600px){
	

	.room_infosa{max-width: 85%;}

	.room_infosa .info-wrap .info2{width: 80%;}
	.room_infosa .info-wrap .info2 .img1{width: 455px; height: 600px;}
	.room_infosa .info-wrap .info2 .img2{width: 300px; height: 300px; bottom: 100px;}
	.room_end .txt-area .right .lst li{width: 11%;}
	
	.main-wrap .con3{margin: 50px auto ;}
	.sp_pre_box{max-width: 90%;}

	.tour_box .wrap .inner-con .tour-slide-wrap{/* width: 65%; */}
	.tour_box .wrap .inner-con .tour-slide-wrap.tour-box02{width: 65%;}
	.tour_box .wrap .inner-con .txt-wrap{/* width: 30%; */}
	
	.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{height: 425px; width: 380px;}
	
	.main_sppr .tit-wrap .tit-box h2{font-size: 65px;}
	.main_sppr .box .info-wrap .info .txt h5{font-size: 35px;}
	
}




@media (max-width : 1440px){
	.main-wrap .con1 .main-tit h1{font-size: 35px;}
	.main-wrap .con1 .main-tit h2{font-size: 16px;}
	.main-wrap .con2 .main-tit h1{font-size: 35px;}
	.main-wrap .con2 .main-tit h2{font-size: 16px;}
	
	.sp_infos .iner .tit-wrap .tit h3{font-size: 60px;}
	
	.room_infosa .info-wrap .info2 .img1{width: 400px;height: 500px;}
	.room_infosa .info-wrap .info2 .img2{width: 275px;height: 300px;}
	.room_infosa .info-wrap{padding-bottom: 25px;}
	.room_end .txt-area .right .lst li i{font-size: 20px;}
	.room_end .txt-area .left .imgs{width: 165px; height: 200px; margin: 45% auto 0;}
	.room_end .txt-area .left h2{font-size: 28px; margin: 45px auto 30px;}
	
	.main_in_txt .box .left h2{font-size: 50px;}
	.main_in_txt .box .left h2 small{font-size: 12px; letter-spacing: 3px;}
	.main_in_txt .box .left .img1 h4{font-size: 16px; letter-spacing: -0.5px;}
	
	.main-info-incon h1{font-size: 14px;}
	.main-info-incon span{font-size: 20px;}
	
	.spbox_end{max-width: 85%;}
	.sp_infos .iner .img-wrap .img2{height: 525px;}
	ma{width: 350px;}
	.sp_infos .iner .tit-wrap .line{height: 50px;}
	.sp_infos .iner .tit-wrap .txt p{font-size: 14px; line-height: 1.8;}
	.sp_infos{padding: 100px 0 75px;}
	
	.sub_tit_start{ margin: 135px 0 80px 0;}
	
	.tit-effect .con1 .main-tit{/* transform: translateY(50%); *//* bottom: 100px; */line-height: 1.35;}
	
	.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{height: 355px; width: 325px;}
	.room_list_box .room-img-wrap .tit-wrap h2{font-size: 13px; line-height: 2;}
	.room_list_box .room-slide-wrap{margin-left: 0;}
	.room_list_box .room-img-wrap{margin-right: 0;}
	
	.room_infosa .info-wrap div h3{line-height: 1.85;}
	.room_infosa .info-wrap div h5{font-size: 15px;}
	.room_infosa .info-wrap div p{font-size: 12px;letter-spacing: -0.5px;}
	.room_infosa .info-wrap .info1 .info-inner{margin-bottom: 16px;}
	
	.sp-info .txt-box{padding: 15px 0 20px 0;}
	.sp-slide .swiper-slide{height: 250px;}
	.sp-info .sp-img .subs h1 .img_small{height: 150px; width: 150px; margin: 10% auto 0;}
	.sp-info .sp-img .subs h1 small{margin-top: 15px;}
	.sp-info .sp-img .subs .vertical-lr{left: -70px;}
	.sp_pre_box .boxs{padding-left: 60px;}
	.sp-info .sp-img .subs{transform: translateY(10%);}
	
	.tour_box .wrap .inner-con .txt-wrap h3{font-size: 2em; padding-top: 0;}
	.tour_box .wrap .inner-con .txt-wrap p{padding-top: 25px; font-size: 12px;}
	.tour_box .wrap .inner-con .txt-wrap > span{font-size: 15px;}
	.tour_box .wrap .inner-con .tour-slide-wrap .slide-wrap .swiper-slide{height: auto;}
	
	.main-info-incon ul li{padding: 10px 15px;}
	.main-info-incon ul li .ko{font-size: 17px; padding: 15px 0 5px;} .main-info-incon ul li p{font-size: 12px;}
	
	.main_sppr .box .info-wrap .info a .img{height: 285px;}
	.main_sppr .box .info-wrap .info .txt h5{font-size: 30px;}
	.main_sppr .box .info-wrap .info .txt h3{font-size: 15px; margin-bottom: 3%;}
	.main_sppr .box .info-wrap .info .txt{margin: 0 auto 40px;padding-bottom: 25px;}
	.main_sppr .tit-wrap .tit-box h2 small{font-size: 17px; margin-bottom: 12%;}
	.main_sppr .tit-wrap .tit-box h2{font-size: 55px;} .main_sppr .tit-wrap .txt h3{font-size: 45px;}
	
}


@media all and (max-width: 1025px){
	
	.con1 .basic-slide-wrap .slide{height: 65vh;} .tit-effect .con1{overflow: hidden;height: 65vh;}
	
	.reserv_info, .sp_infos, .spbox_end, .room_infosa, .room_end, .room_boxs .prview, .food_info {max-width: 95%;}
	.tour_box .wrap .inner-con, .food_list_box, .view_in_txt {width: 95%; margin: auto;} 
	
	.room_infosa{width: 100%;}
	
	.main-info-incon{max-width: 100%;width: 90%;} .main_in_txt .box{max-width: 100%;}
	.tit-effect .con1 .main-tit{transform: translateY(65%); bottom: unset;}
	
	/*.tit-effect .con1 .main-tit{display: none;}*/
	.tit-effect .con2 .main-tit{top: 45px;}
	.video_main{max-width: 95%;}
	.main_sppr .tit-wrap .tit-inner{padding-right: 0; margin-top: 0;}
	.main_sppr .box .info01{top: 0;}
	
	.main_sppr{padding: 50px 0 80px;}
	.main_sppr .inner-con{display: block;}
	.main_sppr .tit-wrap{width: 100%;}
	.main_sppr .box{width: 100%; border: none;}
	
	
	.sp_pre_box{max-width: 100%;}
	.sp-info .sp-img .sub-menu .vertical-lr{left: -70px;}

	.main-info-incon{padding-top: 20%;}
	
	.root_daum_roughmap_landing{max-width: 95%; width: 100%!important;}
	
	.con1 .page .pro-bar-wrap{width: 75%;}
	
	
	.room_list_box{display: block;}
	.room_list_box .room-img-wrap{width: 95%; padding: 0; margin: auto;}
	.room_list_box .room-img-wrap .swiper-slide{height: 30vh;}
	.room_list_box .room-slide-wrap{width: 95%; max-width: 95%; margin: auto; padding-bottom: 0; padding-left: 0; padding-top: 0%; border: none;}
	.room_list_box .room-slide-wrap .info-slide-wrap{width: 100%;}
	.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{width: 95%;}
	.room_list_box .room-slide-wrap .room-nav{width: 100%; right: 0;}
	
	.root_daum_roughmap_landing{width: 95% !important;}
	
	.sp_pre_box .boxs{padding-left: 0;}
	.sp-info .sp-img .subs .vertical-lr{display: none;}
		
	.view_ends .inner{display: block; padding: 50px 0;}
	.view_ends .big-img{width: 98%; padding-left: 3%;} .view_ends .big-img .img{height: 37vh;}
	.view_ends .box-content{width: 95%; margin: 5% auto;}
	
		
	.room_infosa .info-wrap div h3 {border-top: 1px solid #877866;}
	.room_infosa .info-wrap{display: block; padding-bottom: 0;}
	.room_infosa .info-wrap .info1 {width: 100%; text-align: center;}
	.room_infosa .info-wrap .info2 {width: 100%; margin-top: 65px;}
	.room_infosa .info-wrap .info2 .img{position: relative; width: 100%; background-position: center;}
	.room_infosa .info-wrap .info2 .img2{bottom: 0; height: 450px; margin-top: 20px;}
	
}

@media (max-width : 925px){
	
	.main-info-incon ul{width: 95%;}
	
	.tit-effect .con1{height: 65vh;}
	.con1 .basic-slide-wrap .slide{height: 65vh;}
	.con2 .basic-slide-wrap .slide{height: 30vh;}
	
	.main-info-incon ul a li{border: none;border-bottom: 1px solid #c5c5c5;}

	
	.room_end .txt-area .txt{float: none;}
	.room_end .txt-area .left{width: 100%; padding-bottom: 5.5%;}
	.room_end .txt-area .left .imgs{margin: 6% auto 2%;}
	.room_end .txt-area .right{width: 100%;padding: 55px 0 0 0;border-left: none;border-top: 1px solid #a19283;margin: 0;}
	.room_end .txt-area .left h2{margin: 0 auto 30px;}
	
	
/*	.tit-effect .con1{padding-top: 25%;}*/

	.sp_infos .iner{display: block;}

	.sp_infos .iner .tit-wrap{width: 100%; text-align: center;}
	.sp_infos .iner .tit-wrap .line{margin: 50px auto 35px;}
	.sp_infos .iner .img-wrap{width: 100%; margin-top: 100px;}
	.spbox_end{padding: 30px 20px;}
	.sp_infos .bigtxt{left: 0; right: 0; top: 75px;}
	
	.haeok_boxs{width: 95%; margin: auto;}
	.haeok_boxs .pic{width: 100%; height: 433px;}

	.reserv_info .box .conts_sect li span{font-size: 13px;}

	.view_in_txt .txt-wrap{padding-top: 22%;}
 	
	.con1 .page{ bottom: 5%;}
	.con1 .page .pro-bar-wrap{width: 45%;}
	
	.main-info-incon span{margin: 5% auto 2%;}
	.main_in_txt .box .right{margin-top: 10px;} .main_in_txt .box .right .txt p{font-size: 12.5px;}
	
	
	.br_mo{display: none;}

	.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{width: 100%;}
	.room_list_box .room-img-wrap .swiper-slide{height: 33.33vh;}
	.room_list_box .room-img-wrap .tit-wrap h2{text-align: center;}
	.room_list_box .room-img-wrap .tit-wrap{border-bottom: 1px solid #a19283;}
	
	.sp-info .sp-img{width:auto; position: relative; height: auto; margin-bottom: 7%;}
	.sp_pre_box .boxs{margin-right: 0;padding-top: 0;border-right: none;border-top: 1px solid #b39c9c;padding-bottom: 11%;}
	.sp-info .sp-img .subs h1 .img_small{margin-top: 3%;}
	.sp-info .sp-img .sub-menu h1 .img_small{margin: 5% auto 0;}
	.sp-info .sp-img .sub-menu {transform: translateY(15%);}
	.sp_pre_box .number{width: 48.20%; margin: 0 5px;}
	.sp-slide .swiper-slide{background-position: center;}
	
	.main-info-incon{max-width: 100%; width: 95%; padding-top: 5%;}
	.main_in_txt .box .left h2 small{margin-bottom: 4%;} .mo_br{display: none;}
	.main_in_txt .box{max-width: 100%;}
	.main_in_txt .box .left{display: block;}
	.main_in_txt .box .left .img1{display: block; width: 100%; margin: 0 auto 5%;}
	.main_in_txt .box .left .img2{width: 100%;}
	.main_in_txt .box .right .txt{align-self: center; text-align: center;}
	.main_in_txt{padding: 0;}
	
	.main-info-incon ul{display: block; width: 100%;}
	.main-info-incon ul li{display: inline-block; width: 49%; border: none;}
	
	.main_sppr .box{padding: 0;}
	.main_sppr .tit-inner .txt .line{height: 25px; margin: 50px auto 0px;} 
	.main_sppr .tit-wrap .txt h5{margin-bottom: 5%;}
	
	.tour_box .wrap .inner-con .txt-wrap{width: 100%; margin-right: 0; margin-bottom: 35px;}
	.tour_box .wrap .inner-con .tour-slide-wrap{width: 100%;}
	.tour_box .wrap .inner-con .tour-slide-wrap.tour-box02{width: 100%; margin-top: 35px; }
	.tour_box .wrap .inner-con .tour-slide-wrap .slide-wrap .swiper-slide{height: 350px;}
	
	.tour_box .wrap .inner-con .txt-wrap p{font-size: 12.5px;}
	.tour_box .wrap .inner-con .txt-wrap h3{font-size: 2em;}
	.tour_box .wrap .inner-con .txt-wrap .time_line{padding-top: 0;}
	.tour_box .wrap .inner-con .txt-wrap .time_line h4{font-size: 13px;}
	
	
	.sub_tit_start{margin: 80px  0 0px 0;}
	
	
	.con1 .basic-slide-wrap .slide{background-position: center;}
	
}

@media (max-width : 700px){  
  
	.con1 .page{right: 0;width: 95%;left: 0;margin: auto;}
	
	.main-info-incon{padding-top: 13.5%;}
	.view_in_txt .txt-wrap{padding: 10% 0 5%;}
	.sub_tab-menu{padding-top: 10%;}
	
	.main_sppr .tit-wrap .tit-box h2 small{margin-bottom: 4%;}
	
	.main_in_txt .box .left .img1 img{padding: 15px 0 50px;}
	.main_in_txt .box .right{display:block;}
	
	.room_end .txt-area .right .lst li{width: 24%;}
	.room_boxs .prview li{width: 49%; height: 150px;}
	.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h2{font-size: 25px;}
	.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h5{font-size: 12px; margin-bottom: 12px;}
	.room_list_box .room-slide-wrap .info-slide-wrap .img-wrap .img{height: 250px;}
	
	.tit-effect .con1 .main-tit{display: none;}
	
	.room_infosa .info-wrap .info1{text-align: left;}
	
}


@media (max-width : 580px){  
	
	.tit-effect .con1 .main-tit{height: 27.5vh; border-radius: 10px;}
	.room_list_box .room-img-wrap .tit-wrap h2 span small{font-size: 40px; line-height: 1;}
	.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap h5{font-size: 14px;}
	.room_list_box .room-slide-wrap .info-slide-wrap .txt-wrap{padding-bottom: 25px;}
	
	.main_sppr .tit-wrap .tit-box h2{font-size: 35px;}
	.main_sppr .tit-wrap .tit-box h2 small{font-size: 14px;}
	.main_sppr .tit-wrap .txt h3{font-size: 30px;}
	.main_sppr .box{column-gap: 10px;}
	.main_sppr .box .info-wrap .info .txt h5{font-size: 23px;}
	.main_sppr .box .info-wrap .info .txt span{padding: 4px 20px;}
	.main_sppr{padding: 50px 0 50px;}
	
	
	.sp_infos{padding: 25px 0 75px;}
	.sp_infos .iner .img-wrap{display: block;}
	.sp_infos .iner .img-wrap .img1{width: 100%;height: 250px;margin-bottom: 5px;} .sp_infos .iner .img-wrap .img2{width: 100%;height: 400px;}
	.spbox_end .conts{display: block;}
	
	.room_end .txt-area .right .lst li{width: 15%;}
	
	.reserv_info .box .conts_sect li{font-size: 13px;}
}



@media (max-width : 480px){  
	
	.con1 .basic-slide-wrap .slide{height: 45vh;} .tit-effect .con1{height: 45vh;}
	.main_in_txt .box .left h2{font-size: 40px;}
	.main-info-incon ul li i{font-size: 42px;}
	.room_list_box .room-img-wrap .swiper-slide{height: 23vh;}
	
	.main_sppr .box{display: block;} .main_sppr .box .info-wrap .info .txt{border-radius: 0;}
	
	.main-info-incon ul li{padding: 10px 0;}
	.main-info-incon ul li .ko{font-size: 14px;}
	.main-info-incon ul li p{font-size: 10px; letter-spacing: -0.5px;}
	
	.view_in_txt .txt-wrap .txt h5{font-size: 14px; letter-spacing: -0.5px;}
	.view_in_txt .txt-wrap .txt p{font-size: 13px;}
	
	.map-wrap .info-txt-wrap .txt{padding: 28px 15px;} .map-wrap .info-txt-wrap{margin-bottom: 50px;}
	
	.room_infosa .info-wrap .info2 .img1, .room_infosa .info-wrap .info2 .img2{height: 250px;}
	
	.room_end .txt-area .left p{font-size: 13px; letter-spacing: -1.5px;}
	.room_end .txt-area .left h2{margin: 0 auto;}
	.room_end .txt-area .right .list li{font-size: 13px;}
	.room_boxs .prview li{width: 100%; height: auto;}
	
	.sub_tab-menu li{margin-left: 10px;}
	.sub_tab-menu li a{font-size: 12px; margin-left: 15px;}
	.sp_infos{padding: 0 0 70px;}
	.sp_infos .iner .img-wrap .img1{margin-top: 0%;} .sp_infos .iner .img-wrap{margin-top: 5.5px;}
	
	.set_box .txt p{font-size: 12px;  letter-spacing: -0.5px;}
	
	.sp_infos .iner .tit-wrap .tit h3{font-size: 40px;}
	.sp_infos .iner .tit-wrap .line{margin: 25px auto 27px;}
	
	.spbox_end .lst li{font-size: 12px;}
	.spbox_end{padding: 30px 5px;}
	.spbox_end .lstend{padding-left: 0;}
}


@media (max-width : 375px){  

	.sub_tit_start h3{font-size: 21px;margin-top: -31px;padding: 0 10px;}
}

