
.stay_main {max-width: 80%;margin: auto; }
.main_bg {height: 80vh;}

/*scroll*/
.scroll-box{overflow: hidden;}
.scroll-tit{transform: translateY(0.5em);transition: 1.5s;transition-timing-function: ease-out;}
.scroll-tit.on{transform: translateY(0);}

.scroll-txt{transform: translateY(50px); opacity: 0; transition: 1.5s;}
.scroll-txt.on{transform: translateY(0); opacity: 1;}

.scroll-obj{transform: translateY(100px); transition: 1.5s; opacity: 0;}
.scroll-obj.on{transform: translateY(0px); opacity: 1;}
.animateme { transition:1.2s; }
.non-slide .page-wrap{display: none;}
.m-eng-sub{display: none;}

/*scroll-animation*/
.scroll-obj{transition: 0.8s;}
.scroll-obj.fadeY{opacity: 0; transform: translateY(30px);}
.scroll-obj.fadeX{opacity: 0; transform: translateX(30px);}
.scroll-obj.scrollUp{transform: translateY(1em);}
.scroll-obj.scaleY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.fadeY.on{opacity: 1; transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.scaleY.on{transform: scaleY(1);}
.scroll-obj.scrollUp.on{transform: translateY(0px);}

.fadeY.is-inview{opacity: 1; transform: translateY(0px);}
.fadeX.is-inview{opacity: 1; transform: translateX(0px);}
.fadeXR.is-inview{opacity: 1; transform: translateX(0px);}
.fadeY_overflow.is-inview .overflow-box{transform: translateY(0em);}

.lineY{transform: scaleY(0); transform-origin: top; transition: 1.4s;}
.lineY.is-inview{transform: scaleY(1);}
.lineX{transform: scaleX(0); transform-origin: left; transition: 1.4s;}
.lineX.is-inview{transform: scaleX(1);}


.br_mo{display: none;}

/* -- main info -- */

.main-info .info-section {padding-top: 5%;}
.main-info .info-section .max {width: 100%;margin: 0 auto;}
.main-info .info-section .intro-box {height: 100vh; display: flex;  padding-bottom: 100px;}
.main-info .info-section .intro-box .line-wrap {width: 10%;margin: 10px 0;display: flex;flex-direction: column;align-items: center;}
.main-info .info-section .intro-box .line-wrap .line {height: 295px; width: 1px; display: block; background-color: rgba(45,30,12,0.3);}
.main-info .info-section .intro-box .line-wrap .line:nth-child(1) {margin-top: 100px;}
.main-info .info-section .intro-box .line-wrap h3 {margin: 70px 0;color: rgba(45,30,12,0.5);font-size: 14px;transform: rotate(0deg);text-transform: uppercase;}
.main-info .info-section .intro-box .img-wrap {}
.main-info .info-section .intro-box .img-wrap .img {}
.main-info .info-section .intro-box .img-wrap .img1 {height: 100%;border-radius: 5%;background-size: cover;background-position: bottom;}

.main-info .info-section .intro-box .tit {width: 39%;position: relative;margin-left: 4%;}
.main-info .info-section .intro-box .tit h4 {transition-delay: 0.5s;position: absolute;top: 29%;left: 6%;}
.main-info .info-section .intro-box .tit h4 img {width: 150px;}
.main-info .info-section .intro-box .tit p {font-family:  'Pretendard-Regular';font-size: 15px;line-height: 2;position: absolute;left: 40px;bottom: 30%;font-weight: 100;letter-spacing: -0.5px;}
.main-info .info-section .intro-box .tit p span {font-weight: 100;}
.main-info .info-section .intro-box .tit p span:nth-child(1) {transition-delay: 1.1s; display: inline-block;}

.main-info .info-section .btn {position: absolute; left: 10%; bottom: 32%;}
.main-info .info-section .btn a { font-family: "Lato", sans-serif; color: #2d1e0c; font-size: 15px; display: block; position: relative;}
.main-info .info-section .btn a:before {clear: both; content: ""; z-index: -1; width: 145px; height: 145px;  position: absolute; left: -43px; top: -68px;}
.main-info .info-section .btn .arrow-button {width: 4px; height: 4px; border-radius: 10px; background-color: #3d1e0c; position: absolute; left: 10px; top:40px;} 
.main-info .info-section .btn .arrow-button:before {clear: both; content: ""; width: 280px; height: 1px; clip-path:inset(0 100% 0 0); transition: clip-path 0.5s;  background-color: rgba(45,30,12,0.5); position: absolute; left: 5px; top:2px;}
.main-info .info-section .btn .arrow-button:after {left: 278px; top:0px; clear: both; content: ""; width: 10px; height: 1px; clip-path:inset(0 0 0 100%);  transition: clip-path 0.5s;  transition-delay: 0.5s; transform: rotate(32deg);  background-color: rgba(45,30,12,0.5); position: absolute; left: 278px; top:0px;}

.main-info .info-section .btn:hover .arrow-button:before { clip-path:inset(0 0 0 0); }
.main-info .info-section .btn:hover .arrow-button:after { clip-path:inset(0 0 0 0); }

.main-info .in-section.on .img-wrap.circle{border-radius: 5%;width: 50%;position: relative;transition: 1.4s;margin-top: 10%;float: right;}
.main-info .in-section .img-wrap.circle::after{content: "";width: 100%;height: 100%;border-radius: 5%;display: block;border: 1px solid #ccc;position: absolute;top: 0;left: 0;transition: 0.6s;}
.main-info .in-section.on .img-wrap.circle::after{transform: scale(0.97);}


.main-info .in-section .txt-wrap{color: #7a6f5c;padding-top: 200px;padding-bottom: 200px;float: left;padding-left: 100px;}
.main-info .in-section .txt-wrap h2{font-size: 45px;font-weight: 400;line-height: 1.5;margin-bottom: 40px;font-family: 'Marcellus', serif;}
.main-info .in-section .txt-wrap h2 span{display: block;}
.main-info .in-section .txt-wrap h2 span.overflow-span{overflow: hidden;}
.main-info .in-section .txt-wrap h2 span.animate-span{transform: translateY(1.6em); transition: 0.8s; }
.main-info .in-section .txt-wrap h2 span.overflow-span:nth-of-type(2).animate-span{transition-delay: 0.2s;}
.main-info .in-section .txt-wrap p{font-size: 15px; font-weight: 400; margin-bottom: 30px; transform: translateY(30px); opacity: 0; transition: 0.8s;}
.main-info .in-section .txt-wrap p:nth-of-type(1){transition-delay: 0.4s;}
.main-info .in-section .txt-wrap p:nth-of-type(2){transition-delay: 0.6s;}
.main-info .in-section .link-txt{display: block;width: 220px;height: 70px;position: absolute;text-align: center;line-height: 70px;font-size: 15px;font-family: "Marcellus";transition: 0.8s;background: #7a6f5c;color: #fff;border-radius: 50%;bottom: 10%;left: 5%;}

.main-info .in-section .link-txt svg{fill: transparent;stroke-miterlimit:10;position: absolute;top: 0;left: 0;overflow: visible;stroke-dasharray: 500px;stroke-dashoffset: 500px;border: 1px solid #7a6f5c;border-radius: 50%;margin: -3%;padding-top: 8px;}
.main-info .in-section .link-txt .arrow{width: 85px;height: 1px;position: absolute;top: 50%;right: -90px;background-color: #735e3a;transform: scaleX(0);transform-origin: left;transition: 0.4s;transition-delay: 1s;}
.main-info .in-section .link-txt .arrow::after{ width: 8px; height: 1px; content: ""; display: block; position: absolute; top: 0; right: 0;background-color: #735e3a; transform-origin: right bottom; transition: 0.4s; transition-delay: 0.4s; }
.main-info .in-section .link-txt .arrow::before{ width: 8px; height: 1px; content: ""; display: block; position: absolute; top: 0; right: 0;background-color: #735e3a; transform-origin: right top; transition: 0.4s; transition-delay: 0.4s;}
.main-info .in-section.on .link-txt:hover .arrow{ width: 120px; transform: translateX(20px) scale(1); transition-delay: 0.2s;}
.main-info .in-section.on .link-txt .arrow{transform: scaleX(1);}
.main-info .in-section.on .link-txt .arrow:after{transform: rotate(45deg);}
.main-info .in-section.on .link-txt .arrow::before{transform: rotate(-45deg);}



	 
.box_mainend{max-width: 80%;margin: 5% auto 0;}	
.box_mainend .inner {display: flex;justify-content: space-between;position: relative;padding-bottom: 10%;}
.box_mainend .item {flex-grow: 1; margin-right: 16px;overflow: hidden;}
.box_mainend .item .img {width: 100%;height: 100%;background-position: center;background-size: cover;/* border-radius: 20px 20px 0  0; */opacity: 0.9;}
.box_mainend .item:nth-child(1) {height: 655px;}
.box_mainend .item:nth-child(2) {height: 555px;}
.box_mainend .item:nth-child(3) {height: 455px;margin-right: 0;}
.box_mainend .wrap_title {position: absolute;bottom: 35%;right: 0;text-align: end;font-size: 11px;font-family: "Marcellus";}
	

/*-- main viedo --*/

.video_bg{margin-top: 6%;}
.video_bg .tit h2 {font-weight: 400;line-height: 1.6;color: #997b55;font-size: 17px;text-align: center;letter-spacing: 8px;margin-bottom: 40px;font-family: "Tenor Sans", sans-serif;}
.main_vido{padding-bottom: 3%;z-index: 2}
.main_vido:before {content:'';width:100%;height: 56%;/* background: #fbf8f4; */position:absolute;left:0;bottom:0;}

.main_vido #vido_sub{width: 100%;height: 800px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;max-width: 80%;margin: auto;}

.main-line {padding: 0 0  4.5%;}
.main-line .line{width: 30%;height: 1px;display: block;background-color: #b6a69d;position: relative;margin: auto;}
.main-line .line-bold{width: 145px; height: 2px; background-color: #a19791; position: absolute; /*bottom: 0;*/ left: 50%; transform: translateX(-50%); display: block; transition: 0.6s;}

/*.deco_circle{width: 280px;height: 280px;background: #f5eadf;border-radius: 50%;z-index: 0;right: 10%;top: -15%;position: absolute;z-index: -1;}*/


/*-- main sub --*/
.main_sub_00 {max-width: 1450px;margin: 0 auto 200px;}
.main_sub_00 .view-tit {position:relative;z-index:100;margin-top: 0;color: #a18c80;text-align: right;}
.main_sub_00 .view-tit .kor {font-size: 14px;font-family: 'Pretendard-Regular';}
.main_sub_00 .view-tit .eng {margin-top: 28px;font-size: 12px;font-family: 'Cormorant Garamond', serif;letter-spacing: -0.3px;opacity: 0.85;}
.main_sub_00 .img {width: 58%;}
.main_sub_00 .img02 {position:absolute;right:0;top: 0;width: 40%;}
.main_sub_00 .img02 img {/* border-radius: 0 50px; */}
	

	

/* --- main rooms -- */

	
.main_roompr{background: #fff7f1;}
.main_roompr .room_ba{border-top: 1px solid #dbd7d5;}
.main_roompr .room_ba .inner-con{display: flex;max-width: 80%;margin: auto;}
.main_roompr .room_ba .img-wrap{width: 50%;padding-top: 60px;padding-bottom: 60px;padding-right: 50px;border-right: 1px solid #dbd7d5;}
.main_roompr .room_ba .img-wrap .img{width: 100%;height: 100%;display: block;background-position: center;background-size: cover;border-radius: 15px;}
.main_roompr .room_ba .img-wrap .img:hover {transform: scale(1.05);  transition:1.2s;}

.main_roompr .room_ba .txt-wrap{width: 50%;padding: 150px 0;display: flex;flex-flow: column;/* align-items: flex-start; */justify-content: space-between;transform: skew(0.03deg);padding-left: 100px;TEXT-ALIGN: center;}
.main_roompr .room_ba .txt-wrap .img_small {width: 100%;/* border-radius: 100px; */margin: 0 auto 25px;border: 1px solid #c7c3c1;padding: 5px;display: none;}

.main_roompr .room_ba .txt-wrap .tit h5{font-size: 18px;font-family: 'GowunBatang-Regular';font-weight: 600;color: #655f59;letter-spacing: 2px;}
.main_roompr .room_ba .txt-wrap .tit h2{font-size: 34px;font-weight: 100;margin-bottom: -2px;padding-right: 5px;letter-spacing: -0.5px;color: #9d948c;font-family: 'Cinzel', serif;border-bottom: 1px solid;}
.main_roompr .room_ba .txt-wrap .txt{display: flex; flex-flow: column; align-items: flex-start;}
.main_roompr .room_ba .txt-wrap .txt p{font-size: 15px;font-weight: 400;line-height: 2;margin: 22px 0 30px;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;width: 100%;}
.main_roompr .room_ba .txt-wrap .txt a{font-size: 15px;font-family: "Tenor Sans", sans-serif;color: #ffff;overflow: hidden;padding: 12px 15px;width: 60%;margin: auto;font-weight: bold;background: #997b55;font-weight: 100;}
.main_roompr .room_ba .txt-wrap .txt a .line {border-bottom: 1px solid;width: 50px;display: inline-block;top: -2px;position: relative; transition:1.2s;}
.main_roompr .room_ba .txt-wrap .txt a:hover .line {width: 100px; transition:1.2s;}

.main_roompr .room_ba:nth-child(2n) .inner-con{flex-flow: row-reverse;}
.main_roompr .room_ba:nth-child(2n) .img-wrap{border: 0;padding-left: 50px;padding-right: 0;/* padding-bottom: 150px; */}
.main_roompr .room_ba:nth-child(2n) .txt-wrap{padding-right: 100px;border-right: 1px solid #dbd7d5;text-align: center;float: right;/* padding-top: 190px; *//* padding-bottom: 235px; */}

	







/* -- main bak -- */

.bak_deco-txt {font-family: 'Cormorant Garamond', serif;padding-top: 35px;}
.bak_deco-txt h3{font-size: 30px;letter-spacing: 2px;text-transform: uppercase;font-weight: bold;line-height: 1.5;transform: translateY(30px);opacity: 0;transition: 0.8s;transition-delay: 0.2s;color: #bdac93;margin-right: 35px;/* padding-bottom: 15px; */display: block;overflow: hidden;}	
.bak_deco-txt.on h3{opacity: 1; transform: translateY(0);}
.bak_deco-section{text-align: center;/* background: #f5eadf; */padding: 65px 0 85px;}
.bak_deco-section .txt{transform: rotate(0.03deg); }
.bak_deco-section .txt .leaf-deco{}
.bak_deco-section .txt p{font-size: 16px;font-weight: 300;letter-spacing: -0.5px;line-height: 1.8;font-family: 'NotoSerifKR';margin-top: 30px;color: #af9b87;}




.bak_banner {position:relative;height: 650px;background:url('/web/img/set/bak.jpg') center center no-repeat;background-size:cover;background-attachment:fixed;overflow: hidden;}
.bak_banner .sub_info .txt-info .txt {position: relative;padding-left: 45px;margin-left: 10%;transform: rotate(0.03deg);color: #fff;}
.bak_banner .sub_info .txt-info .txt h3{font-size: 29px;transform: translateY(30px);opacity: 0;transition: 1.2s;letter-spacing: 2px;padding-top: 13%;font-family: Athena-Regular;}
.bak_banner .sub_info .txt-info .txt h3 img {width: 10%;}
.bak_banner .sub_info .txt-info .txt p{font-size: 15px;font-weight: 400;transform: translateY(30px);opacity: 0;font-family: 'NotoSerifKR';transition: 1.2s;line-height: 2;letter-spacing: -0.5px;}
.bak_banner .sub_info .txt-info .txt p:first-child{transition-delay: 0.2s;}
.bak_banner .sub_info .txt-info .txt p:last-child{transition-delay: 0.4s;}

.bak_banner .sub_info .txt-info .txt .line{display: block;width: 1px;background-color: #fff;height: 655px;position: absolute;top: 0;left: 0;}
.bak_banner .sub_info .txt-info .txt.on h3{transform: translateY(0); opacity: 1;}
.bak_banner .sub_info .txt-info .txt.on p{transform: translateY(0); opacity: 1;}
.bak_banner .sub_info .txt-info .txt .line{transform: scaleY(0);transition: 1.8s;transform-origin: top;transition-delay: 0.3s;}
.bak_banner .sub_info .txt-info .txt.on .line{transform: scaleY(1);}


/* -- main sper -- */
.main_pre-txt01{text-align: center;margin: 0 auto 0;color: #735f54;}
.main_pre-txt01 h2{font-size: 36px;font-weight: 500;line-height: 1.6;font-family: 'Cinzel', serif;text-transform: uppercase;}
.main_pre-txt01 p{font-size: 18px;font-weight: 400;line-height: 2;letter-spacing: -0.5px;margin-top: 6px;font-family: 'NotoSerifKR';}


.stay_main_sp {max-width: 1500px;margin: auto;padding-top: 155px;}
.main_sp{display: block;overflow: hidden;}

.SP_txt_in {font-size: 29px;font-family: 'Cormorant Garamond', serif;font-weight: 300;color: #d3c6bb;text-transform: uppercase;letter-spacing: 4px;}
.SP_left-txt{left: 0px;transform: rotate(-90deg);position: absolute;top: 82%;}
.SP_right-txt{right: 0px;transform: rotate(90deg);position: absolute;top: 82%;}




.bg-deco-box{background-color: #f7f0e7;height: 1500px;width: 100%;position: absolute;left: 0;z-index: 0;}

.swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center;}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-prev, .swiper-button-next{position: relative;/* width: auto; *//* left: 0; */right: 0;top: 0;bottom: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}

.main_spre {margin: 55px auto 80px;}
.main_spre .swiper-container{padding-bottom: 80px;}
.main_spre .swiper-container .bottom {margin-top: 40px;}
.main_spre .swiper-wrapper::after{content: ""; display: table; clear: both;}
.main_spre .swiper-wrapper a{display: block; overflow: hidden;}

.main_spre .swiper-wrapper .img{width: 100%;height: 50vh;transition: 0.8s;display: block;opacity: 0.95;background-size: cover;background-position: center;}
.main_spre .swiper-wrapper a:hover .img{transform: scale(1.05); opacity: 1;}
.main_spre .swiper-wrapper .txt{padding-top: 45px;padding-bottom: 30px;text-align: center;color: #534944;}
.main_spre .swiper-wrapper .txt h3{font-size: 35px;font-family: 'GowunBatang-Regular';font-weight: 500;letter-spacing: -0.5px;text-transform: uppercase;}
.main_spre .swiper-wrapper .txt p{font-size: 15px;margin-bottom: 50px;font-family: 'Pretendard-Regular';font-weight: 500;letter-spacing: -0.5px;}
.main_spre .swiper-wrapper .txt span{font-family: 'Pretendard-Regular';font-size: 13px;color: #a18c80;border: 1px solid #a18c80;padding: 12px 35px;letter-spacing: 1px;display: inline-block;position: relative;transition: 1.2s;}
.main_spre .swiper-wrapper a:hover .txt span{transform: scale(1);  transition: 1.2s; background: #857663; color: #fff;}
.main_spre .swiper-controller{position: relative;margin-top: 50px;/* display: none; */}
.main_spre .swiper-controller span {background: #cbbcb0;width: 80%;left: 0;right: 0;margin: 3% auto 0;height: 1px;display: block;position: absolute;}
.main_spre .swiper-controller button{width: 35px;height: 35px;border: 1px solid #a18c80;border-radius: 50%;color: #a18c80;}

.main_spre .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-size: auto;margin-top: 25px;float: left;right: 0;margin-left: 40px;}
.main_spre .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-size: auto;margin-top: 25px;float: right;left: 0;margin-right: 40px;}


/* -- main end -- */
	
.reser-box{position: absolute;text-align: center;margin-top: 2%;}
.reser_btn .txt_btn{line-height: 50px;text-align: center;font-size: 13px;font-family: "Nanum Myeongjo",sans-serif;letter-spacing: 0.05em;background-color: #fff;color: #bd9770;transition: all 0.3s ease-in-out;padding: 17px 27px;}
.reser_btn .txt_btn i{width: 50px;line-height: 50px;background-color: #c3ac98;text-align: center;color: white;font-size: 18px;float: right;transition: all 0.3s ease-in-out;}
.reser_btn .txt_btn:hover {background: #a7978e; color: #fff; transition: all 0.3s ease-in-out;}
.reser_btn .txt_btn:hover i{background: #d9c8b1;transition: all 0.3s ease-in-out;}


/* -- view st -- */


.view-wrap .deco_title{top: 0;}
.view_con_grp{width: 100%;/* height: 750px; */margin-top: 30px;}
.view_con_grp>div{float: right;height: 100%;}

.view_con_grp .view_con_txt{width: 100%;text-align: center;overflow: hidden;display: block;}

.view_con_grp .view_con_txt h3{font-size: 20px;line-height: 35px;font-weight: 100;color: #846f6a;text-transform: capitalize;opacity: 0;transition: 0.8s;background: linear-gradient(0deg, #ede7da 25%, transparent 47%);letter-spacing: -0.5px;font-family: 'NotoSerifKR';display: inline;padding: 0 16px;}
.view_con_grp .view_con_txt p{font-family: 'Pretendard-Regular';font-size: 14px;color: #876f6f;margin: 61px auto 55px;position: inherit;line-height: 2;letter-spacing: -0.8px;}
.view_con_grp .view_con_txt .line{opacity: 0;transition: 0.8s;height: 0px;}

.view_con_grp .view_con_txt.on h3{opacity: 1; transform: translateY(0); transition: 0.8s;}
.view_con_grp .view_con_txt.on p{opacity: 1; transform: translateY(0); transition: 1.2s;}
.view_con_grp .view_con_txt.on .line{opacity: 0.8;transform: translateY(0);transition: 1.2s;background: #8b7773;height: 100px;width: 1px;display: block;margin: auto;}

.view_con_grp .view_con_img{width: 100%;position: relative;margin: 4px auto 74px;}
.view_con_img .view_arch_line{/* padding-bottom: 150px; */}
.view_con_img .view_arch_img{width: auto;height: 555px;margin: 0px auto;margin-top: 10px;background-repeat: no-repeat;background-size: cover;background-position: center;transition: 5s;opacity: 0.95}
	

.view_con_grp .view_con_img.on .view_arch_img {opacity: 1;transform: translateY(0);height: 700px;}
/*.view_con_grp .view_arch_line:before {content:'';width:100%;height: 55%;background: #ded3c5;position:absolute;left:0;bottom:0;}*/

.view_box_bg .view_bg .img{position: unset;width: 100%;height: 750px;opacity: 1;display: inline-block;background-size: cover;background-position:0 0%;overflow: hidden;display: block;}
.view_box_bg.on .view_bg .img {border-radius: 50% 50% 0 0;background-position: 0%;transition: 3.5s;overflow: hidden;display: block;}
	
.view_con_img .view_arch_img.visible{background-position: 0px 0px;}

.view_con_img .view_rect_line{width: 1300px;height: 620px;left: 0;transition: 1s;margin: 100px auto 50px;}

.view_con_img .view_rect_img{width: 1300px;height: 620px; margin: 0 auto;margin-top: 0;background-repeat: no-repeat;background-size: cover;transition: 1.4s; opacity:0.95;}
.view_con_img .view_rect_img.visible{background-position: 70%;}
.view_con_img p{position: absolute;bottom: 0;font-family: 'Open sans';font-size: 13px;color: #232323;/* opacity: 0.8; */}


.sub-txt {margin: 100px auto 65px;text-align: center;}
.sub-txt strong {display: block;font-size: 25px;letter-spacing: 0px;font-weight: 100;letter-spacing: 1px;color: #8f7c73;position:relative;font-family: 'GowunBatang-Regular';margin: auto;}
.sub-txt strong::after{content: "";display: block;position: absolute;width: calc(40% - 100px);height: 0.1px;left: 0;top: 50%;background-color: #bbb4b1;}
.sub-txt strong::before{content: "";display: block;position: absolute;width: calc(40% - 100px);height: 0.1px;right: 0;top: 50%;background-color: #bbb4b1;}

.view_info{margin: auto; text-align: center;}
 




.view-wrap .box_img .top-img {width: 1480px; margin: 100px auto 50px auto; height: 550px; background-repeat: no-repeat; background-size: contain;} 
.view-wrap .box_img .com {width: 80%;margin: 0 auto;}
.view-wrap .box_img .com .con1 {display: flex;height: 86vh;width: 100%;position: relative;}

.view-wrap .box_img .com .con1::before {width: 1px;height: 144vh;background-color: rgba(45,30,12,0.5);content: "";clear: both;top: 52px;position: absolute;left: 50%;}

.view-wrap .box_img .com .con1 .img-wrap {width: 50%;}
.view-wrap .box_img .com .con1 .img-wrap .img {width: 95%;height: 568px;margin-top: 15%;background-position: center;background-size: cover;background-repeat: no-repeat;}

.view-wrap .box_img .com .con1 .txt-wrap {width: 50%;/* margin-right: 10%; */text-align: right;}
.view-wrap .box_img .com .con1 .txt-wrap h3 {font-family: 'Cinzel', serif;margin-right: 30px;margin-top: 170px;font-weight: 100;font-size: 40px;color: #6f5d47;}
.view-wrap .box_img .com .con1 .txt-wrap .line {width: 100%; margin: 30px 0; display: block; background-color: rgba(45,30,12,0.5); height: 1px;}
.view-wrap .box_img .com .con1 .txt-wrap p {font-family: 'Pretendard-Regular';margin-right: 30px;font-size: 15px;letter-spacing: -0.5px;color: #2d1e0c;margin-bottom: 10px;font-weight: 100;line-height: 2.5;}

.view-wrap .box_img .com .con2 {display: flex;height: 70vh;width: 100%;}
.view-wrap .box_img .com .con2 .img-wrap {width: 50%; position: relative;}

.view-wrap .box_img .com .con2 .img-wrap .img1 {background-position: center;background-size: cover;width: auto;height: 520px;width: 95%;right: 0;display: block;position: absolute;}
.view-wrap .box_img .com .con2 .img-wrap .img2 {width: 600px; height: 700px; position: absolute; left: 119px; top: -87px; z-index: 1;}
.view-wrap .box_img .com .con2 .img-wrap .img2 video {width: 100%; height: 100%;}
.view-wrap .box_img .com .con2 .img-wrap .img2 video source {width: 100%; height: 100%;}

.view-wrap .box_img .com .con2 .txt-wrap {width: 50%;/* margin-left: 10%; *//* text-align: left; */}
.view-wrap .box_img .com .con2 .txt-wrap h3 {font-family: 'Cinzel', serif;margin-left: 30px;margin-top: 170px;font-weight: 100;font-size: 40px;color: #6f5d47;}
.view-wrap .box_img .com .con2 .txt-wrap .line {width: 100%; margin: 30px 0; display: block; background-color: rgba(45,30,12,0.5); height: 1px;}
.view-wrap .box_img .com .con2 .txt-wrap p {font-family: 'Pretendard-Regular';margin-left: 30px;font-size: 15px;color: #2d1e0c;margin-bottom: 15px;letter-spacing: -0.5px;line-height: 2.5;}




.map_info .text-section{padding-top: 80px;}
.map_info .text-section::after{content: ""; display: table; clear: both;}
.map_info .info-tit{float: left; padding-top:45px;}
.map_info .info-tit h3{font-size: 38px;letter-spacing: 0px;font-weight: 400;font-family: 'Cinzel', serif;color: #846f6a;letter-spacing: 7px;}
.map_info .info-tit p{font-size: 17px;font-weight: 100;margin: 0px auto 45px;font-family: 'NotoSerifKR';}
.map_info .info-tit a {border:1px solid #b5b5b5; color:#777777;  background:#fff; padding:10px 25px; border-radius:45px;  transition:0.4s;}
.map_info .info-tit a:hover {border: 1px solid #a7a09d;color:#fff;background: #a7a09d;transition:0.4s;}
.map_info .info-txt{width: calc(50% + 250px); float: right;}
.map_info .info-txt p span {font-size: 18px;line-height:3;font-family: 'NotoSerifKR';font-weight: 500;color: #846f6a;}
.map_info .info-txt p.nav{padding-bottom: 20px;margin: 20px 0;/* border-bottom: 1px solid #cccccc; */line-height:2;font-family: 'Pretendard-Regular';text-align: left;font-size: 17px;}
.map_info .info-txt ul{margin: 30px 0 150px;}
.map_info .info-txt li{float: left;list-style: none;margin-right: 15px;}
.map_info .info-txt a{color: #f3f1ef;background-color: #846f6a;display: block;border-radius: 30px;height: 40px;width: 250px;line-height: 40px;font-family: 'Pretendard-Regular';text-align: center;transition:0.5s;letter-spacing: -0.5px;}
.map_info .info-txt a:hover {background:#515151; color: #fff; transition:0.5s;}

.main_map{text-align:center;margin:0% auto 0;display: table;text-align: center;left: 0;right: 0;}
.box-board {/* position:relative; */z-index:20;max-width: 100%;margin:0 auto;margin: 7% auto 10%;}
.box-board iframe { width:100%; }


/* -- room_sub -- */
.room_sub_main .title {padding: 7.5% 0 6%;}
.room_sub_main .title .txt {padding-top:4vw; font-size:calc(1rem + .32vw); text-align:center;}
.room_sub_main .sub_tit {display: flex;align-items: center;justify-content: space-between;width: 100%;}
.room_sub_main .sub_tit span.line {margin: 0 7vmin;width: 100%;height:1px;background-color: #a18c80;transform: scaleX(0);}
.room_sub_main .sub_tit span.on.line{transform: scaleX(1); transition:1.2s;}

.room_sub_main .sub_tit .en {margin-top: -1vmin;font-size: 18px;color: #a18c80;font-family: 'Marcellus', serif;text-transform: uppercase;letter-spacing: 4px;}
.room_sub_main .sub_tit .kor {font-family: 'Pretendard-Regular';font-size: 16px;color: #a18c80;width:10%;text-align: end;letter-spacing: 3px;}
.sub_tit span {  -webkit-animation:subTitAni 3s none; animation:subTitAni 3s none;}
	

.room_subinfo .leftbox .img {width: 645px;height: 830px;background-position: center;background-size: cover;border-radius: 0;box-shadow: none;}
.room_subinfo .leftbox .img.on {box-shadow: -20px 18px 0 #c19f86;/* border-radius: 0 150px 0 0; */}


.room_subinfo .txt{font-size: 17px;text-align: center;margin-bottom: 9%;letter-spacing: 3px;font-family: 'Pretendard-Regular';font-weight: 100;color: #85644c;}
.room_subinfo h3 {margin-bottom: 1em;font-family: 'GowunBatang-Regular';letter-spacing: -0.5px;font-size: 22px;}
.room_subinfo .txtcont {line-height: 2;font-size: 13px;font-family: 'NotoSerifKR';letter-spacing: -0.5px;}
.room_subinfo .sec1 .grid {display: grid;grid-template-columns: calc((100% - 1vw)/2) calc((100% - 1vw)/2);justify-content: space-around;}
	
	
.room_subinfo .imgtxtbox {position: relative;font-size: 1.1rem;text-align: left;word-break: keep-all;line-height: 1.5em;border-top: 1px  solid #a18c80;}
.room_subinfo .imgtxtbox_in {font-size: 0.9rem;margin-bottom: 7%;font-family:  'Pretendard-Regular';letter-spacing: -0.5px;}
.room_subinfo .imgtxtbox_in .txt_box{margin-top: 15px;}
.room_subinfo .imgtxtbox_in .txt01 {display: block;line-height: 2;font-weight: 100;font-family: 'RIDIBatang';letter-spacing: 1px;font-size: 17px;color: #73645c;margin-bottom: 2px;}
.room_subinfo .imgtxtbox_in .txt01 small {padding-left: 15px;text-transform: capitalize;font-weight: 100;}
.room_subinfo .imgtxtbox_in .txt02 {display: block;}
.room_subinfo .sec1 .price{margin-top: 10%;}
.room_subinfo .sec1 .price li h1 {width: 200px;font-size: 18px;text-transform: capitalize;border-bottom: 2px solid #c19f86;display: block;padding-left: 13px;color: #85644c;font-family: 'Cinzel', serif;font-weight: 600;letter-spacing: 3px;}

.room_revbtn {display: block;padding: 12px 44px;border-radius: 0;color: #938476;margin-top: 55px;font-size: 12px;letter-spacing: 1px;text-transform: uppercase;text-decoration: none;position: relative;transition: all 250ms ease;transition: 0.5s;width: 180px;font-family: "Tenor Sans", sans-serif;}
.room_revbtn:before, .room_revbtn:after {  content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid; transition: 0.25s;}
.room_revbtn:before {transform: translateX(-0.25em) translateY(0.25em);}
.room_revbtn:after { transform: translateX(0.25em) translateY(-0.25em);}


.room_revbtn:hover:before, .room_revbtn:hover:after { transform: translateX(0) translateY(0);}
	

.room_sub_main .end_img {width: 100%; height: auto; margin: 100px auto 0 auto;}
.room_sub_main .end_img .tit-wrap {margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
.room_sub_main .end_img .tit-wrap h3 {padding-top: 5px;font-size: 48px;color: #443129;font-weight: 300;font-family: 'GowunBatang-Regular';}
.room_sub_main .end_img .tit-wrap p {line-height: 28px;text-align: right;font-size: 15px;color: #443129;font-family: 'RIDIBatang';letter-spacing: -0.5px;}
.room_sub_main .end_img .img-wrap {margin-bottom: 100px; display: flex; justify-content: space-between;}
.room_sub_main .end_img .img-wrap div {width: 500px; height: 350px; background-size: cover; background-position: center;}

.room_sub_main .end_img .img-wrap .img1 {opacity: 0; transform:translateY(50px);}
.room_sub_main .end_img .img-wrap .img2 {opacity: 0; transform:translateY(50px);}
.room_sub_main .end_img .img-wrap .img3 {opacity: 0; transform:translateY(50px);}
.room_sub_main .end_img .img-wrap02 .img4 {width: 100%; opacity: 0.95; margin-bottom: 10%;}

.room_sub_main .end_img .img-wrap.on .img1 {transition-delay: 0.3s; opacity: 0.95; transform:translateY(0);}
.room_sub_main .end_img .img-wrap.on .img2 {transition-delay: 0.6s; opacity: 0.95; transform:translateY(0);}
.room_sub_main .end_img .img-wrap.on .img3 {transition-delay: 0.9s; opacity: 0.95; transform:translateY(0);}
.room_sub_main .end_img .info-wrap {display: flex; margin: 100px 0;}		
		


/* -- sp per -- */
.sp_wrap {z-index: 1;margin: auto;}
.sp_wrap .inner-con > ul{width: 100%;display: inline-block;zoom:1;margin-top: 55px;}
.sp_wrap .inner-con > ul li{float: left;width: 40%;padding-left: 70px;}
.sp_wrap .inner-con > ul li h4{font-weight: 400;font-family: 'Cormorant Garamond', serif;font-size: 55px;line-height: 65px;margin-top: 90px;letter-spacing: -0.5px;color: #a18c80;text-transform: uppercase;}
.sp_wrap .inner-con > ul li h4 small {letter-spacing: 3px;font-size: 31px;text-transform: capitalize;}
.sp_wrap .inner-con > ul li h4 span{display: block;font-size: 18px;font-family: 'NotoSerifKR';margin-top: 35px;font-weight: 100;color: #666;letter-spacing: 4px;}
.sp_wrap .inner-con > ul li p{font-family: 'Pretendard-Regular';font-size: 15px;margin-top: 35px;letter-spacing: -0.2px;}
.sp_wrap .inner-con > ul li p b { border-bottom: 1px solid #ccc; padding-bottom: 15px;}
.sp_wrap .inner-con > ul li.img{width: 55%;}
.sp_wrap .inner-con > ul li.img .pic{width: 100%;height: 450px;background-size: cover;border-radius: 50px 0 0;}
.sp_wrap .inner-con > ul li.img .pic img {width: 100%;}	
.sp_wrap .inner-con > ul li.img .deco {opacity: 0;transition:1.5s;left: 0;width: 0;height: 0;top: 30%;}
.sp_wrap .inner-con > ul li.img.on  .deco {opacity: 1;position: absolute;top: 30%;left: 30px;width: 65%;height: 75%;background: #f9f2ec;z-index: -1;transition:1.5s;}

.sp_info_txt .info {text-align: center;}	
.sp_info_txt .info .txt h5{font-size: 28px;font-family: 'GowunBatang-Regular';font-weight: 400;letter-spacing: 0.05em;margin-bottom: 35px;text-transform: uppercase;line-height: 2.5;}
.sp_info_txt .info .txt span {font-family: 'Cinzel', serif;display: block;letter-spacing: 3px;font-size: 25px;text-align: center;}
.sp_info_txt .info .txt p{font-size: 16px;font-family: 'Pretendard-Regular';line-height: 1.8;font-weight: 400;margin-bottom: 50px;letter-spacing: -0.5px;}


.sp_info_txt .info .txt .line{opacity: 0;transition: 1.5s;height: 0px;}
.sp_info_txt .info .txt.on .line{opacity: 0.8;transform: translateY(0);transition: 1.2s;background: #8b7773;height: 100px;width: 1px;display: block;margin: auto;}
	
.stay_end{max-width: 80%; margin: 5% auto 6.5%;}	
.special_end .prview{width: 100%;display: flex;}
.special_end .prview li{width: 50%;height: 500px;margin-left: 1%;margin-bottom: 1%;opacity:0;overflow:hidden;}
.special_end .prview li.on {opacity: 0.95;transform:translateY(0);transition:1.2s;}
.special_end .prview li div{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition:1.5s;}
.special_end .prview .st.on{border-radius: 20% 0 0 0;box-shadow: -20px -17px #ebe4da;}
.special_end .prview .en.on{border-radius: 0 0% 20% 0%;box-shadow: 17px 20px #ede7de;}


/* -- tour -- */

.tourArea > ul:after {content:""; display:block; clear:both;}
.tourArea > ul > li { float:left; width:48%; margin:0 1%;}
.tourArea > ul > li:nth-child(2n):after { content:""; display:block; clear:both; padding:6% 0; float: right;}
.tourArea02 ul:nth-child(2n) .lSSlideOuter { float:right;}
.tour_slider .lSSlideOuter { position:relative; margin-bottom:10px}
.tour_slider .lSPager.lSpg { position:relative; width:100%; margin:5px 0 !important; left:0;}

.tour_slider .lSPager.lSpg li { display:inline !important; }
.tour_slider .lSSlideOuter .lSPager.lSpg > li a, .tour_slider .lSSlideOuter .lSPager.lSpg > li.active a 
{ display:inline-block; width:8px; height:8px; margin:0; border-radius:100% !important; background:#cbcbcb; border:1px solid #fff;  font-size:0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out;}
.tour_slider .lSSlideOuter .lSPager.lSpg > li a:hover, .tour_slider .lSSlideOuter .lSPager.lSpg > li a:focus, .tour_slider .lSSlideOuter .lSPager.lSpg > li.active a { background:#000;}


.tourArea02 {margin-bottom: 10%;}
.tourArea02 > ul:after {content:""; display:block; clear:both;}
.tourArea02 > ul > li:after { content:""; display:block; clear:both;}
.tourArea02 > ul > li{padding-top: 35px;max-width: 80%;margin: auto;}
.tourArea02 > ul > li img {width:100%;}
.tourArea02 li .lSSlideOuter {position:relative;float:left;width: 45%;margin-bottom:0;z-index:1;}

.tourArea02 .tour_bg01 {margin-bottom: 4%;}
.tourArea02 .tour_bg01 .lSSlideOuter {box-shadow: -20px -16px 0 #f1e7de;line-height: 0;border-radius: 10% 0 0;}
.tourArea02 .tour_bg02 {/* background: #e8e2d9; */padding-bottom: 72px;}
.tourArea02 .tour_bg02 .lSSlideOuter {box-shadow: 20px -18px 0 #f1e7de;border-radius: 0 10% 0% 0%;}

.tour_text02 {position:relative;float:left;width: 50%;padding: 7% 0 0 4%;z-index:2;}
.tour_text02 span {font-size: 14px;border-top: 1px solid #a8a8a8;border-left: none;border-right: none;padding-top: 10px;font-family: 'Pretendard-Regular';letter-spacing: 3px;}
.tour_text02 dt {line-height:1.2em;color: #635a50;font-size: 30px;margin: 0 auto 14px;font-family: 'RIDIBatang';letter-spacing: 0.05em;font-weight: 100;/* font-style: oblique; */vertical-align: middle;}

.tour_text02 dt small{display:block;font-size: 17px;line-height: 3;letter-spacing: -0.5px;color: #635a50;font-family: 'GowunBatang-Regular';font-weight: 500;border-bottom: 1px solid;}
.tour_text02 dt span { font-size:0.6em; text-transform:uppercase; font-weight:700; }
.tour_text02 dd {font-size: 15px;line-height: 2em;word-break:keep-all;margin: 25px auto;font-family: 'Pretendard-Regular';}

.tour_text02 a {border: 1px solid #717483;border-radius: 40px;padding: 5px 15px 5px 25px;color: #717483;margin-top: 24px;transition:0.8s;font-size: 14px;margin-left: 20px;vertical-align: middle;}
.tour_text02 a:hover {background: #a5928a;border: 1px solid #a5928a;transition:0.8s;color:#fff;}


/*-- rev --*/

.reser-info{overflow: hidden;margin-top: 7%;padding-bottom: 5%;}
.reser-info .rev_img{width: 615px;height: 615px;float: left;background-position: center;background-repeat: no-repeat;background-size: cover;transition: 1s;border-radius: 30% 0 0;/* box-shadow: 20px -2px #f9f2ec; */}
/*.reser-info .rev_txt{height: 750px;}*/
.reser-info .rev_txt .txt{float: left;margin-left: 150px;margin-top: 0;text-align: left;}
.reser-info .rev_txt .txt>span{font-family: 'Noto Sans KR'; font-size: 14px;}
.reser-info .rev_txt .txt h3{font-family: 'Cinzel', serif;font-weight: 500;font-size: 33px;color: #715f54;letter-spacing: 0;margin-bottom: 7%;}
.reser-info .rev_txt .txt ul{margin: 35px 0;}
.reser-info .rev_txt .txt ul li{font-size: 15px;font-family: 'Pretendard-Regular';line-height: 2;}
.reser-info .rev_txt .txt ul li p{display: inline-block;}
.reser-info .rev_txt .txt ul li button{    cursor: pointer; background: #735e3a; color: #fff; padding: 5px 15px; margin-left: 10px; border-radius: 20px; font-size: 10px;}
.reser-info .rev_txt .txt ul li input{opacity: 0;}
.reser-info .rev_txt .txt ul li a{color: #4e4e4e;}
.reser-info .rev_txt .txt ul li span{font-weight: bold;font-size: 15px;letter-spacing: 3px;color: #715f54;}
.reser-info .rev_txt .txt ul li b {color: #b10000;}	
.reser-info .rev_txt .txt p{font-size: 20px;letter-spacing: -0.5px;font-family: 'Athena-Regular';color: #715f54;border: 1px solid;padding: 8px 0;border-right: 0;border-left: 0;}



.rev-info .sub-inner{/* border-bottom: 1px solid #959595; */padding-bottom: 50px;text-align: center;}
.rev-info::after{display: table; content: ""; clear: both;}
.rev-info h2{font-size: 30px;font-family: 'Athena-Regular';line-height: 1.2;margin: 3.5% auto 1%;font-weight: 500;color: #a18c80;}
.rev-info h4{font-size: 20px;font-weight: 100;margin-bottom: 50px;font-family: 'NotoSerifKR';letter-spacing: 2px;color: #8d7568;}
.rev-info p{font-size: 16px;line-height: 2;font-family: 'Pretendard-Regular';}
.rev-info p b {letter-spacing:2px;}
/*.rev-info .sub-inner a{width: 207px;border: 1px solid #7c766a;text-align: center;line-height: 45px;padding: 15px 27px;font-size: 12px;font-family: 'Pretendard-Regular';transition:0.8s;font-size: 13px;}
.rev-info .sub-inner a .fal{margin-right: 5px;}
.rev-info .sub-inner a .fal:before{position: relative; top: 0.05em;}
.rev-info .sub-inner a:hover {background: #556779; color:#fff; transition:0.8s;}*/
.rev-info .sec-num{display: block; margin-left: 5em;}

.rev-info .room_revbtn{margin: 0 auto 15px;}

.reser-wrap .guide-section::after{content: ""; display: table; clear: both; }
.reser-wrap .guide-section .txt-info{width: 80%;margin: auto;}
.reser-wrap .guide-section .txt-info .tit{margin-top: 70px;}

.reser-wrap .guide-section .txt-info .tit h2{font-size: 35px;font-family: 'Cinzel', serif;font-weight: 500;text-transform: uppercase;color: #a18c80;text-align: center;letter-spacing: 5px;}
.reser-wrap .guide-section .txt-info .tit .line{width: 100px;height: 1px;display: block;margin: 25px auto;background-color: #556779;}
.reser-wrap .guide-section .txt-info .txt p{font-size: 14.5px;font-family: 'Pretendard-Regular';font-weight: 400;}
.reser-wrap .guide-section .txt-info .reser-connect{margin-top: 45px; margin-left: 20px; padding-left: 15px; border-left: 2px solid #cbb7a8;}
.reser-wrap .guide-section .txt-info .reser-connect li{font-size: 14px; color: #957f72; font-weight: 400;}
.reser-wrap .guide-section .txt-info .reser-connect li b{font-weight: 600;}
.reser-wrap .guide-section .txt-info .reser-connect li a{color: #957f72;}
.reser-wrap .guide-section .txt-info > p{font-size: 14px; font-weight: 400; color: #957f72; margin-top: 45px; line-height: 1.8;}

.reser-wrap .guide-section .img-info{width: 50%;float: right;}
.reser-wrap .guide-section .img-info img{width: 100%;display: block;max-width: 470px;float: right;border-radius: 200px 0 0 0;margin-top: 150px;z-index: 1;position: relative;opacity: 0.9;}

.reser-wrap .reser-price-wrap .reser_btn{margin-top: 50px;}

.reser-wrap .reser-info-section {margin-top: 85px;}
.reser-wrap .reser-info-section .inner-con::after{ content: ""; display: table; clear: both;}
.reser-wrap .reser-info-section::after{content: ""; display: table; clear: both;}
.reser-wrap .reser-info-section .img-wrap{float: left;}
.reser-wrap .reser-info-section .img-wrap img{display: block;width: 100%;max-width: 480px;border-radius: 0 200px 0 0;}
.reser-wrap .reser-info-section .info-wrap{float: right; margin-top: 125px; margin-bottom: 140px;}
.reser-wrap .reser-info-section .info-wrap .reser-alert{margin-bottom: 180px;}
.reser-wrap .reser-info-section .info-wrap .reser-alert li{position: relative; font-size: 14px; color: #957f72; margin-bottom: 10px;}
.reser-wrap .reser-info-section .info-wrap .reser-alert li span{position: absolute; top: 0; left: -20px;}
.reser-wrap .reser-info-section .info-wrap .tit{margin-left: -20px; }
.reser-wrap .reser-info-section .info-wrap .tit h3{font-size: 30px;font-family: "Cinzel",sans-serif;font-weight: 500;color: #556779;opacity: 0;transition: 1.2s;}
.reser-wrap .reser-info-section .info-wrap .tit .line{display: block;width: 45px;height: 1px;background-color: #556779;transform: scaleX(0);transition: 1.2s;transform-origin: left;margin: 25px 0;}

.reser-wrap .reser-info-section .info-wrap .tit.on h3{opacity: 1; transform: translateY(0);}
.reser-wrap .reser-info-section .info-wrap .tit.on .line{transform: scaleX(1);}

.dash-txt li{padding-left: 15px; position: relative;}
.dash-txt li::before{content: "-"; display: inline-block; position: absolute; left: 0px;}

.revinfo .info-txt ul{margin-bottom: 27px;}
.revinfo .info-txt ul .dash_b{ font-family:'Pretendard-Light';}

.revinfo .txt2{padding: 70px 0;}
.revinfo .txt2 h4{margin-top: 40px; font-size: 15px; color: #666;}
.revinfo .info-txt p{font-size: 15px; color: #666; line-height: 1.8;}
.revinfo .info-txt h4{font-weight: 100;font-size: 25px;margin-top: 25px;color: #8d7568;font-family: 'RIDIBatang';letter-spacing: -0.5px;}

.revinfo .info-txt li{font-size: 15.5px;color: #666;line-height: 2;font-family: 'Pretendard-Regular';letter-spacing: -0.2px;}
.revinfo .info-txt li span {color: #d14f4f;font-weight: 600;}
.guide-section01 {background: #000;}

.top-line-box {border-bottom: 1px solid #c1baac;}
.reser-wrap .reser-info-section .info-wrap .reser-info{margin-left: -20px;}
.reser-wrap .reser-info-section .info-wrap .reser-info li h5{font-size: 17px;color: #556779;font-weight: 600;margin-bottom: 17px;}
.reser-wrap .reser-info-section .info-wrap .reser-info li p{font-size: 14px;font-family: 'Pretendard-Regular';font-weight: 400;}
.reser-wrap .reser-info-section .info-wrap .reser-info li{margin-bottom: 50px;}

.reser-wrap .refund-section{margin: 100px auto 150px;}
.reser-wrap .refund-section h3{margin-top: 65px;font-size: 34px;font-family: 'Cinzel', serif;font-weight: 500;margin-bottom: 30px;text-transform: uppercase;color: #a18c80;}
.reser-wrap .refund-section p{font-size: 15.5px;font-family: 'Pretendard-Regular';margin-bottom: 35px;}

.reser-wrap .refund-section .refund-table{width: 100%; text-align: center; margin-bottom: 20px;}
.reser_circle{width: 300px;height: 300px;background-color: #f9f2ec;border-radius: 50%;float: left;margin-top: -150px;transition: 1.2s;z-index: -1;position: unset;display: revert;margin-left: 50px;}

.guide-section01{background: #fbf8f4;margin: 4% auto;padding: 2% 0 6%;}

table {/* border: 1px solid #ccc; */width: 100%;text-align: center;line-height: 1.5rem;font-size:13px;margin-bottom: 20px;}
table tr {/* border: 1px solid #ccc; */}
table th {border: 1px solid #e7ded3;background-color: #9f8c7e;line-height: 1.5;padding: 10px 0;font-size: 13px;font-family: 'Pretendard-Regular';color: #fff;}
table tr td {border: 1px solid #e7ded3;line-height: 1.5;padding: 10px 0px;font-family: 'Pretendard-Regular';font-size: 13px;background: rgba(255,255,255,0.5);}
table td { border: 1px solid #ccc; line-height:3;}
#mo {display:none;}




/* mo */
@media all and (max-width : 1680px){	
	
	.reser-info .rev_img{width: 555px;}
	.room_subinfo .leftbox .img{width: 500px;}
	.room_subinfo .sec1 .grid{grid-template-columns:calc((100% - 0vw)/2) calc((100% - 0vw)/2);}
	.tourArea02 > ul > li{max-width: 85%;}
	.main_spre{max-width: 85%;}
}

@media all and (max-width : 1550px){	
	
	.main_bg{height: 65vh;}
	
	.box_mainend .item:nth-child(1){height: 555px;}









	.box_mainend .item:nth-child(2){height: 455px;}
	.box_mainend .item:nth-child(3){height: 355px;}
	
	.main_roompr .room_ba .img-wrap{padding-top: 50px;padding-bottom: 50px;}
}

@media all and (max-width : 1455px){	
	
	.main_roompr .room_ba .txt-wrap .tit h2{font-size: 28px;}
	
	.bak_banner{height: 555px;}
	.room_subinfo .sec1 .grid{grid-template-columns: calc((100% - 0vw)/2) calc((84% - 0vw)/2);}
	.room_sub_main .end_img .img-wrap div{width: 350px; height: 310px;}
	
	.view-wrap .box_img .com .con1 .img-wrap .img{height: 400px;}
	.view-wrap .box_img .com .con1 .txt-wrap h3{margin-top: 145px;}
	.view-wrap .box_img .com .con2 .img-wrap .img1{height: 400px;}
	.view-wrap .box_img .com .con2 .txt-wrap h3{margin-top: 80px;}
	
	.main_roompr .room_ba .txt-wrap{padding-top: 100px; padding-bottom: 100px;}
	.special_end .prview li{height: 400px;}
	
	.reser-info .rev_img{width: 500px;}
	.reser-info .rev_txt .txt{margin-left: 100px;}
	
	.box-board{max-width: 80%;}
	.map_info .info-txt{width: calc(50% + 200px);}
	.root_daum_roughmap_landing{max-width: 100% !important;}
	
}


@media all and (max-width : 1280px){	
	
	.stay_main{max-width: 95%;}
	.reser-wrap .guide-section .txt-info{ width: 95%;}
	.stay_end{max-width: 95%;}
	.main_spre{max-width: 95%;}
	.view-wrap .box_img .com {width: 95%;}
	.box-board{max-width: 95%;}
	.main_vido #vido_sub{max-width: 95%;}
	.box_mainend{max-width: 95%;}
	
	.reser-info .rev_img{width: 450px;}



}


@media all and (max-width : 1025px){	
	
}



@media (max-width: 950px){	

	.main_bg{height: 30vh;}
	
	.main_roompr .room_ba .inner-con{max-width: 95%;}
	
	.box_mainend .item:nth-child(1){height: 355px;}
	.box_mainend .item:nth-child(2){height: 255px;}
	.box_mainend .item:nth-child(3){height: 155px;}
	
	.room_subinfo .sec1 .grid{width: 100%; display: block;}
	.room_subinfo .leftbox .img{width: 400px; height: 500px; margin: 0 auto 4%;}
	.room_subinfo h3{text-align: center; margin-top: 10%;} .room_subinfo .txtcont{text-align: center;}
	.room_revbtn{margin: 55px auto 0;}
	.room_sub_main .end_img .img-wrap{display: block;}
	.room_sub_main .end_img .img-wrap div{width: 100%; margin-bottom: 5%;}
		
	.special_end .prview li{height: 300px;}
	
	.room_sub_main .sub_tit .kor{width: 20%;font-size: 13px;}
	.room_sub_main .sub_tit .en{font-size: 13px;}
	.bak_banner{height:410px;background-size:100%  !important;background-attachment:inherit !important;}

	.tourArea02 > ul > li{max-width: 95%;}
	.tourArea02 li .lSSlideOuter{float: none; width: 100%;}
	.tour_text02{float: none; width: 100%; padding: 0; margin-top: 5%;}
	
	.reser-info .rev_img{float: none;margin: auto;border-radius: 45% 45% 0 0;}
	.reser-info .rev_txt .txt{float: none; margin-left: 0;}
	
	.box-board{width: 100%;} .root_daum_roughmap{width:  100% !important;}
	
	
}


@media all and (max-width : 777px){	
	
	.main_vido #vido_sub{height: 450px;}
	.box_mainend .inner{display:block;}
	.box_mainend .item{margin: 0; margin-bottom: 5%;}
	.box_mainend .item:nth-child(1){height: 400px;}
	.box_mainend .item:nth-child(2){height: 400px;}
	.box_mainend .item:nth-child(3){height: 400px;}
	.box_mainend .wrap_title{display: none;}
	
	.main_roompr .room_ba .txt-wrap .txt a{width: 100%;}
	.main_roompr .room_ba:nth-child(2n) .txt-wrap{padding-left: 20px; padding-right: 10px;}
	
	
	.main_map{width: 100%;}
	.map_info .info-tit{ float: none; width: 100%; text-align: center;}
	.map_info .info-txt{width: 100%; float: none; text-align: center;} .map_info .info-txt p.nav{text-align: center;font-size: 13px;}
	
	.view-wrap .box_img .com .con1 .txt-wrap p{margin-right: 0;}
	.view-wrap .box_img .com .con2 .txt-wrap p{margin-left: 0;}
	
	.room_subinfo .leftbox .img.on{border-radius: 150px 150px 0 0;}
	.room_sub_main .end_img .img-wrap div{height: 355px;}
	.main_spre .swiper-button-prev, .swiper-container-rtl .swiper-button-next{ margin-left: 0;}
	.main_spre .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ margin-right: 0;}
	
	.room_sub_main .end_img .tit-wrap h3{font-size: 35px;}
	.room_sub_main .end_img .tit-wrap p{font-size: 12.5px;}
	
	
	.main_roompr .room_ba .img-wrap{width: 100%;}
	.main_roompr .room_ba .txt-wrap{display: block; width: 100%;}

	
	.view_con_grp .view_con_img.on .view_arch_img{height: 400px;}
	.bak_banner .sub_info .txt-info .txt h3 img{width: 30%;}
	
}

@media all and (max-width : 555px){	
	
	.main_vido #vido_sub{height: 333px;}
	
	.main_roompr .room_ba .inner-con{display: block;}
	.main_roompr .room_ba .img-wrap{display: none;}
	.main_roompr .room_ba .txt-wrap .img_small{display: block;}
	
	.main_roompr .room_ba .txt-wrap .tit h2{padding: 0;font-size: 22px;}
	.main_roompr .room_ba .txt-wrap{padding: 0; padding: 65px 0;}
	.main_roompr .room_ba:nth-child(2n) .txt-wrap{float: none;border-right:none;padding: 0;padding: 65px 0;}
	.main_roompr .room_ba:nth-child(2n) .img-wrap{display: none;}
	
	.bak_banner .sub_info .txt-info .txt h3 img{width: 35%;}
	.bak_banner .sub_info .txt-info .txt h3{padding-top: 20%;}
	
	.reser-info .rev_img{width: 70%; height: 455px;}
	.reser-info .rev_txt .txt ul li, .revinfo .info-txt li, .reser-wrap .refund-section p{font-size: 12.5px; letter-spacing: -0.5px;}
	
	.special_end .prview li{width: 100%;}
	.special_end .prview{display: block;}
	.stay_end{margin-bottom: 10%;}
	
	
	.room_subinfo .leftbox .img{width: 280px; height: 410px;}
	
	.view-wrap .box_img .com {display: grid;margin: auto;left: 0;right: 0;text-align: center;}
	.view-wrap .box_img .com .con1{display: block;margin: auto;left: 0;right: 0;text-align: center;}
	.view-wrap .box_img .com .con1::before{display: none;}
	.view-wrap .box_img .com .con1 .img-wrap{width: 100%;}
	.view-wrap .box_img .com .con1 .txt-wrap{width: 100%; text-align: center;}
	.view-wrap .box_img .com .con1 .img-wrap .img{margin: auto; width: 100%;}
	.view-wrap .box_img .com .con1 .txt-wrap h3{margin: 0; margin-top: 25px;}
	.view-wrap .box_img .com .con2 .txt-wrap h3{margin: 0; margin-top: 100px;}
	.view-wrap .box_img .com .con2{display: block; height: auto;}
	.view-wrap .box_img .com .con2 .img-wrap{width: 100%; position: inherit;}
	.view-wrap .box_img .com .con2 .txt-wrap{width: 100%;}
	.view-wrap .box_img .com .con2 .img-wrap .img1{ position: relative; width: 100%;}
	
	.room_subinfo .txt{font-size: 14px;letter-spacing: 4px;}
	
	.main_spre .swiper-wrapper .img{height: 35vh;}
	
		
	table {/* border: 1px solid #ccc; */width: 100%;text-align: center;line-height: 1.5rem;font-size:13px;margin-bottom: 20px;}
	table tr {/* border: 1px solid #ccc; */}
	table th {border: 1px solid #e7ded3;background-color: #9f8c7e;line-height: 1.5;padding: 10px 0;font-size: 10px;font-family: 'Pretendard-Regular';color: #fff;}
	table tr td {border: 1px solid #e7ded3;line-height: 1.5;padding: 10px 0px;font-family: 'Pretendard-Regular';font-size: 10px;background: rgba(255,255,255,0.5);}
	table td { border: 1px solid #ccc; line-height:3;}
	#mo {display:none;}
	
}


@media all and (max-width : 450px){	
	
	.video_bg .tit h2{margin-top: 40px; margin-bottom: 0;}
	
	.box_mainend .item:nth-child(1){height: 250px;}
	.box_mainend .item:nth-child(2){height: 250px;}
	.box_mainend .item:nth-child(3){height: 250px;}
	
	.bak_banner {height: 340px;}
	.bak_banner .sub_info .txt-info .txt p{font-size: 11.5px;}
	.reser-box{margin-top: 5%;}
	
	.view_con_grp .view_con_img.on .view_arch_img{height: 250px;}
	.view-wrap .box_img .com .con1{height: 68vh;}
	.view-wrap .box_img .com .con1 .txt-wrap h3, .view-wrap .box_img .com .con2 .txt-wrap h3 {font-size: 30px;}
	.view-wrap .box_img .com .con1 .txt-wrap p, .view-wrap .box_img .com .con2 .txt-wrap p {font-size: 12px;}

	.room_sub_main .sub_tit .kor{width: 155px;font-size: 11px;}
	.room_sub_main .end_img .tit-wrap{display: block;}
	.room_sub_main .end_img .tit-wrap p{text-align: left;}
	.room_sub_main .end_img .img-wrap div{height: 255px;}
	
	.sp_info_txt{max-width: 95%; margin: auto;}
	.sp_info_txt .info .txt p{font-size: 14px;}
	
	.reser-info .rev_img{height: 350px;}
	.reser-info .rev_txt .txt p{font-size: 14px; letter-spacing: -0.5px;}
	.reser-wrap .guide-section .txt-info{width: 100%;}
	
	.main_spre .swiper-controller{margin-top: 0;}
	.main_spre .swiper-container{padding-bottom: 0;}
	
	
	.yapen-priceLayer .yapen-priceTbl tbody tr.yapen-priceTbl-roomInfo td{background: no-repeat !important; border: none !important;}
	

}


@media all and (max-width : 375px){	
	.paging_custom{bottom: 3em !important;}
	.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{bottom: 2em !important;}
	
	
}
