@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /* font-family: 'Noto Sans KR', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Italiana&display=swap'); /* font-family: 'Italiana', serif; */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Italiana&display=swap'); /* font-family: 'Cinzel', serif; */
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap'); /* font-family: 'Didact Gothic', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Aboreto&display=swap'); /* 'Aboreto', cursive */

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Light';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SunBatang-Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_eight@1.0/SunBatang-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: "Roustel";
    font-style: normal;
    font-weight: 300;
    src: local(※),
	url('/web/font/Roustel.ttf') format("truetype"),	
    url('/web/font/Roustel.eot') format("embedded-opentype"),
    url('/web/font/Roustel.woff2') format("woff2"),
    url('/web/font/Roustel.woff') format("woff")    
}


@font-face{
    font-family: "Athena-Regular";
    font-style: normal;
    font-weight: 300;
    src: local(※),
	url('/web/font/Athena-Regular.ttf') format("truetype"),	
    url('/web/font/Athena-Regular.eot') format("embedded-opentype"),
    url('/web/font/Athena-Regular.woff2') format("woff2"),
    url('/web/font/Athena-Regular.woff') format("woff")    
}




*{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: #e3e3e3;*/color:#666;}
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:#9f9f9f; color:#fff;}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-thumb {background-color: #696969;}
::-webkit-scrollbar-track {background-color: #a9a9a9; }




/* new main */
.con_main{position: relative;}
.con_main:before {content:'';width:100%;height: 55.55%;background: #f6f6f6;position:absolute;left:0;bottom:0;}


.imgsub-list p {text-align: center; font-size: 14px; margin-top: 50px; font-family: 'Pretendard-Regular'; padding-bottom: 60px; line-height: 2;}	
.imgsub-list h1 {font-size: 34px;text-align: center;margin-bottom: 26px;font-weight: 100;text-transform: uppercase;font-family: 'Aboreto', cursive;letter-spacing: -0.8px;}	
.imgsub-list .lightSlider li {height: 660px;background-size: cover;background-position:center;}		
.imgsub-list {max-width:1250px;margin: 5% auto 0;position: relative;}
.imgsub-list .lSAction {position: relative;width:97px;height:48px;right:0;top: 10px;z-index: 99;}
.imgsub-list li:nth-child(2n) .lSSlideOuter .lSAction { left:0;}
.imgsub-list .lSAction a {display:block;width:48px;height:48px;/* background: #d3c9b9; */color: #a18781;text-align:center;font-size: 2em;line-height:48px;opacity:1;top:0;margin:0;}
.imgsub-list .lSAction>.lSPrev { left:0;}
.imgsub-list .lSAction>.lSNext { right:0;} 
.imgsub-list .mainsub_slider .lslide {border-radius: 50px;}
.imgsub-list .box_sub{display: flex;align-items: center;justify-content: center;overflow: hidden;}
.imgsub-list .box_sub h5{font-size: 15px;font-family: 'SunBatang-Light';font-weight: 400;text-transform: uppercase;letter-spacing: -0.5px;}
.imgsub-list .box_sub .line{width: 250px;height: 1px;background-color: #c6bab3;margin: 0 20px;position: relative;}
.imgsub-list .box_sub .line .line-bold{width: 100%; height: 1px; display: block; background-color: #a3958c; position: absolute; top: 0; left: 0; transform: scale(0); transition: 0.2s; transform-origin: left;}
	
.vdo-btn_pop{position: absolute;top: 35%;left: 50%;transform: translateX(-50%);z-index: 15;cursor: pointer;}
.vdo-btn_pop .play-ico{width: 50px;height: 50px;border: 1px solid white;border-radius: 50%;margin: 0 auto;display: block;margin-bottom: 10px;cursor: pointer;position: relative; transition: 0.5s;} 
.vdo-btn_pop .play-ico i{color: white;font-size: 26px;position: absolute;transform: translate(-50%,-50%);}
.vdo-btn_pop .play-ico:hover {background: rgba(255,255,255,0.5); transition: 0.5s;}

.vdo-btn_pop h5{font-size: 19px;font-family: 'Aboreto', cursive;font-weight: 400;color: white;text-align: center;position: relative;}
.vdo-pop-wrap{position: fixed; width: 100%; height: 100vh; background-color: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 60; opacity: 0; pointer-events: none; transition: 0.6s;}
.vdo-pop-wrap .vdo-wrap{width: 80%; height: 90%; position: relative; }
.vdo-pop-wrap .vdo-wrap .close-btn{width: 50px; height: 50px; cursor: pointer; position: absolute; top: 0; right: 0; transform: translate(50%, -50%);}
.vdo-pop-wrap .vdo-wrap .close-btn .line{width: 50%;height: 1px;background-color: #fff;position: absolute;top: 50%;left: 50%;}
.vdo-pop-wrap .vdo-wrap .close-btn .line1{transform: translate(-50%,-50%) rotate(45deg);}
.vdo-pop-wrap .vdo-wrap .close-btn .line2{transform: translate(-50%,-50%) rotate(-45deg);}
.vdo-pop-wrap .vdo-wrap .vdo{width: 100%; height: 100%;}
.vdo-pop-wrap .vdo-wrap .vdo iframe{width: 100%; height: 100%;}
.vdo-pop-wrap.on{opacity: 1; pointer-events: all;}



/* main room*/
.stay_line{margin: 0 auto;padding-top: 70px;border-bottom: 1px solid #ccc;padding-bottom: 45px;transition: 0.8s;}
.stay_line.visible{width: 1400px;}
.stay_line p{font-family: 'Aboreto', cursive;font-size: 14px;font-style: italic;color: #ababab;letter-spacing: 5px;}
.stay_line p:nth-child(1){float: left;}
.stay_line p:last-child{ float: right;}
.stay_line+.room-gallery-section{margin-top: 80px;}


/* full-slide */
.full-slide {width: 100%; height: auto; position: relative;}
.full-slide__wrapper {position: relative;}
.full-slide__tit {position: absolute;z-index: 10;left: 50%;bottom: 100px;transform: translateX(-50%);color: #fff;display:block !important;text-align:center;text-shadow: 0px 2px 5px #505050;}
.full-slide__tit h2 {font-size: 19px;letter-spacing: 0.2em;margin-bottom: 10px;font-weight: 500;font-family: 'Pretendard-Regular';}
.full-slide__tit p {font-size: 17px;line-height: 28px;letter-spacing: 0.02em;font-family: 'Pretendard-Regular';}

.full-container {width: 100%; height: 100vh; overflow: hidden; position: relative;}
.full-container .swiper-slide {width: 100%; height: 100%; overflow: hidden; position: relative;}
.full-container .swiper-slide img {width: 100%; height: 100%; object-fit: cover;}
.full-ctrl {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.full-ctrl .full-pagination {position: absolute; width: 100%; left: 50%; bottom: 50px; transform: translateX(-50%); line-height: 11px;}
.full-ctrl .swiper-pagination-bullet {width: 3px;height: 3px;margin: 0 5px;background: #ccc;opacity: 1;}
.full-ctrl .swiper-pagination-bullet-active {background: #fff; transform: scale(1.8); transform-origin: center;}
.full-ctrl .nav-btn {font-size: 25px;color: #fff;outline: none;}
.full-ctrl .swiper-button-prev {left: -3.5%;}
.full-ctrl .swiper-button-next {right: -3.5%;}
.full-slide01 {width:100%;margin:auto;padding-top: 6%;}
.full-container01{height: 90vh;}
.full-ctrl01 .nav-btn{color:#777777;}
.full-ctrl01 .nav-btn:hover{ opacity:0.5;}

.main-background {width: 100%;height: 560px;/* background-color: #ededed; */position: absolute;z-index: 0;}	

/*scroll-animation*/
.scroll-obj{transition: 1.4s;}
.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.fadeY.on{opacity: 0.95;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);}	

/* prologue*/
.about_conts .about_us .wrap_txt {margin: 100px auto;text-align: center;}
.about_conts .about_us .txt1 {font-size: 21px;font-weight: 500;line-height: 2;margin-bottom: 80px;}
.about_conts .about_us .txt1 span {display: block;font-family: 'NotoSerifKR';}
.about_conts .about_us .txt1 span small {font-size: 15px;letter-spacing: -0.5px;border-bottom: 1px solid;}
.about_conts .about_us .txt2 {margin-top: 40px;line-height: 1.75;font-family: 'Pretendard-Regular';font-size: 14px;}


.prologue .pr-txt {text-align: center;color: #5b5755;padding: 50px 0 50px;position: relative;max-width: 1420px;margin: 0 auto;border-bottom: 1px solid #ccc;margin-bottom: 50px;}
.prologue .pr-txt h1{font-family: 'Pretendard-Regular';font-size: 19px;letter-spacing: 4px;opacity: 0.6;display: inline-block;font-weight: 100;}
.prologue .pr-txt h1::after{content: ""; display: block; height: 1px; background-color: #5b5755; transform: translateY(-3px);}
.prologue .pr-txt p{font-size: 14px;margin-top: 30px;line-height: 1.8;font-family: 'Pretendard-Light';}

.prologue .pr-box .wide-img{width: 100%; height: 444px; background-size: cover; background-position: center; background-repeat: no-repeat; margin-top: 40px;}
.prologue .pr-box  aside{width: 50%;float: left;}
.prologue .pr-box  .txt::after{content: ""; display: table; clear: both;}
.prologue .pr-box  .txt1{padding: 15px 0 35px;font-size: 13px;line-height: 2.5;}
.prologue .pr-box  .txt1 h2{font-size: 30px;text-align: center;font-weight: 200;/* padding-right: 250px; */margin-top: 35px;font-family: 'Didact Gothic', sans-serif;line-height: 2;}
.prologue .pr-box  .txt1 h2 span {display:block;font-size: 15px;opacity: 0.8;}
.prologue .pr-box  .txt1 .right{/*margin-bottom: 100px;*/ margin-bottom:0;}
.prologue .pr-box  .txt1 .right h3{font-size: 15px;margin-top: 40px;font-weight: 500;line-height: 1.5;font-family: 'Pretendard-Regular';}


.prologue .pr-box  .txt1 .right p{font-size: 13px;line-height: 1.8;font-family: 'Pretendard-Light';}

.prologue .prview{width: 100%;/*height: 1200px;*/display: inline-block;margin-top: 50px;}
.prologue .prview li{width: 32%;float: left;height: 400px;margin-left: 1%;margin-bottom: 1%;opacity: 0.95;overflow:hidden;background: #7e7e7e;border-radius: 5px;}
.prologue .prview li.on {opacity:1; transform:translateY(0); transition:1.2s;}
.prologue .prview li div{width: 100%;height: 100%;background-position: center;background-repeat: no-repeat;background-size: cover;transition:1.5s;opacity: 0.95;}
.prologue .prview li div:hover{transform:scale(1.1); transition:1.5s; opacity:1;}  


.site-txt_end_rev{max-width:100%; margin:auto; text-align:center;}
.view_btn {display: block;width: 213px;line-height: 30px;color: #555351;border: 1px solid #555351;border-radius:40px;text-align:center;font-size: 13px;font-family: 'Pretendard-Regular';transition:0.8s;margin: auto;padding: 6px;}
.view_btn:hover {color: #fff;background-color: #555351;border: 1px solid #555351; transition:0.8s;}
	


.block-info-wrap{max-width:1200px;margin: 20px auto  150px;}
.block-info-wrap {/* padding-bottom: 200px; */}
.block-info-wrap .tit{padding: 45px 0;border-top: 1px solid #e1e1e1;border-bottom:  1px solid #e1e1e1;margin-bottom: 50px;transform: rotate(0.03deg);}
.block-info-wrap .tit h2{margin: 0 auto 20px;font-size: 25px;font-weight: 500;vertical-align: middle;text-align: center;} .block-info-wrap .tit h2 span {font-size:15px;letter-spacing: 2px;font-family: 'Pretendard-Regular';vertical-align: text-top;padding-left: 10px;}
.block-info-wrap .tit p b{font-size: 15px;width: 120px;letter-spacing: 4px;display: inline-block;}
.block-info-wrap .tit p{font-size: 14px;line-height: 2;font-family: 'Pretendard-Regular';}


.pr-box{margin-bottom: 0;}


/* main max*/

.stay_max {max-width: 1280px;margin: 0 auto 4%;}

.main{max-width: 1250px;/* margin: 0 auto 3%; */}
.main_title{text-align: center;margin-top:150px;}
.main_title h1{font-weight: 400;font-size: 55px;text-transform: uppercase;font-family: 'Didact Gothic', sans-serif;letter-spacing: 1px;/* margin-bottom: 50px; */}
.main_title p  {font-weight: 400;margin: 0px 0px 25px 0;font-size: 14px;opacity: 0.8;font-family: 'Didact Gothic', sans-serif;letter-spacing: 5px;}


/* main sppre */

.main-info-incon{position: relative;text-align: center;padding: 3% 0 7%;/* margin: 0 auto 6%; */background: #fbfbfb;}
.main-info-incon .box {max-width: 80%;}
.main-info-incon .box_info {margin-top: 5%;}
.main-info-incon .text-wrap{width: 100%;color: #666666;}
.main-info-incon ul{/* display: flex; */margin: auto;left: 0;right: 0;}
.main-info-incon ul a{width: 24.55%;display: inline-block;}
.main-info-incon ul a li{width: 100%;color: #656565;border-left: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;padding: 50px 23px;transition:0.5s;text-align: left;}
	

.main-info-incon ul a {background-size: cover;background-position: center;transition:0.5s;/* margin-top: 4%; */}	
.main-info-incon ul a:hover {background: #ededed;transition:0.5s; }
	
.main-info-incon ul a .first{ border-left:none;}
.main-info-incon ul a li i{font-size: 22px;margin-bottom: 18px;font-weight: 300;padding-right: 15px;}
.main-info-incon ul a li .ko{font-size: 24px;line-height: 34px;padding-bottom: 12px;font-family: 'Aboreto', cursive;font-weight: 200;letter-spacing: -0.5px;}
.main-info-incon ul a li .en{font-size: 16px;line-height: 15px;padding-bottom: 10px;font-family: 'Pretendard-Regular';font-weight: 400;letter-spacing: 0;font-style: oblique;}
.main-info-incon ul a li .line {background: #c5c5c5;width: 24%;height: 1px;/* margin: auto; */left: 0;}
.main-info-incon ul a li p{font-size: 14px;line-height: 2;padding-top: 33px;font-family: 'Pretendard-Light'; letter-spacing: -0.8px;}	
	
.main-info-incon ul a li .btn {position: relative;margin: 11% auto 5%;width: 37%;border-bottom: 1px solid #ccc;color: #616161;font-family: 'Aboreto', cursive;padding: 0 7px 5px;font-weight: 500;text-align: left;cursor: pointer;transition: all 0.3s ease;z-index: 2;text-transform: capitalize;letter-spacing: 3px;font-size: 10px;text-align: center;}
.main-info-incon ul a li .btn::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 1px;background-color: #adadad;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}
.main-info-incon ul a:hover .btn{width: 50%;}
	
	
		

/*main roompre*/

.text_show {opacity: 0;transform: translateY(20%);-webkit-transform: translateY(20%);}
.img_wrap .img {padding-top: 100%;background-position: center;background-size: cover;background-repeat: no-repeat;}
.con_room .wrapper {padding: 100px 0 0px;position: relative;overflow: hidden;}
.con_room .wrapper2 {padding: 100px 0 200px;}
.con_room .wrapper3 {padding: 100px 0 300px;}
.con_room .tit2 {position: absolute;z-index: 10;font-size: 60px;margin-top: 15px; font-family: 'GyeonggiBatang';font-weight: 100;color: #838383;font-style: italic;left: 0;right: 0;text-align: center; } 
.con_room .tit3 {position: absolute;z-index: 10;font-size: 60px;margin-top: 15px; font-family: 'Aboreto', cursive;font-weight: 100;color: #838383;font-style: italic;left: 0;right: 0;text-align: center;}
.con_room .txt_wrap {/* padding-left: 83px; */}
.con_room .txt_wrap>div {text-align: center;}
.con_room .txt_wrap_about {margin-top: 144px;}
.con_room .txt_wrap .tit1 {margin: 35px 11%;font-family: 'GyeonggiBatang';font-size: 24px;text-align: center;}
.con_room .txt_wrap .tit1 small {font-size: 15px; font-family: 'NotoSerifKR';}
.con_room .txt_wrap .txt1 p {font-size: 14px;letter-spacing: -1px;font-family: 'SunBatang-Light';}

.room_boxinfo{/* margin-bottom: 5%; */}
.main_roomoer {margin: 4% auto 100px;}
.main_roomoer > .spinfo_main {position: relative;margin: auto;}
.main_roomoer > .spinfo_main > img { position: absolute; left: -50px; top: -80px; }
.main_roomoer > .spinfo_main > .subject > h3 {font-size: 2.3em;font-weight: 500;font-family: 'Playfair Display', serif;color: #808080;}
.main_roomoer > .spinfo_main > .subject > p {font-size: 15px;line-height: 25px;margin-top: 20px;color: #666;font-family: 'NanumBarunGothic';}
.main_roomoer .spinfo_main .main_roomoerlist {position: relative;height:100%;}

.main_roomoer .sec2_slider { padding-bottom: 15px; }
.main_roomoer .sec2_slider .swiper-slide {padding: 0px 5px 0;width: 33%;transition: .3s;display:inline-block;opacity: 0.95;}
.main_roomoer .sec2_slider .swiper-slide:hover{opacity:1;}
.main_roomoer .sec2_slider .swiper-slide > a {position: relative;display: block;height: 350px;overflow: hidden;}
.main_roomoer .sec2_slider .swiper-slide > a:hover > .image > .view { opacity: 1; }
.main_roomoer .sec2_slider .swiper-slide > a > .image { position: relative; }
.main_roomoer .sec2_slider .swiper-slide > a:hover > .image {transform: scale(1.1);opacity: 1;}
.main_roomoer .sec2_slider .swiper-slide > a > .image > .view { position: absolute; z-index: 10; top: calc(50% - 40px); left: calc(50% - 40px); width: 80px; height: 80px; background: #FFF; border-radius: 50%; text-align: center; opacity: 0; transition: .8s; }
.main_roomoer .sec2_slider .swiper-slide > a > .image  > .view > p { margin: 0px; line-height: 80px; font-family: 'Lora'; font-size: 18px; color: #d0d0d0; }

.main_roomoer .sec2_slider .swiper-slide > a > .image {width: 100%;height: 350px;background-size: cover !important;background-position: center !important;transition: .8s;opacity: 0.8;}

.main_roomoer .sec2_slider .swiper-slide > .text {padding: 36px 0px 15px;text-align: center;}
.main_roomoer .sec2_slider .swiper-slide > .text > h3 {font-family: 'SunBatang-Light';margin: 15px auto;font-size: 13px;font-weight: 100;letter-spacing: -0.5px;color: #959595;}
.main_roomoer .sec2_slider .swiper-slide > .text > p{margin: 10px 0;font-family: 'Pretendard-Regular';font-size: 19px;font-weight: 100;letter-spacing: -0.5px;}


.main_roomoer .swiper-pagination {bottom: 0px;right: 0;width: 100%;}
.main_roomoer .swiper-pagination-progressbar {height: 1px;background: #d0d0d0;border: 1px solid #f5f5f4;border: none;} 
.main_roomoer .swiper-pagination-progressbar-fill {height: 1px;background: #757575;}


.main_roomoer .swiper-pagination {bottom: 0px;right: 0;width: 100%;}
.main_roomoer .swiper-pagination-progressbar {height: 1px;background: #d0d0d0;border: 1px solid #f5f5f4;border: none;} 
.main_roomoer .swiper-pagination-progressbar-fill {height: 1px !important;background: #757575 !important;}


/* room pre */
.roombox {width: 33%;display: inline-block;padding-left: 15px;transition:all 0.45s ease-in-out;opacity: 0.85;padding-bottom: 50px;}
.roombox:hover {transform: scale(1.02); opacity:1; transition:all 0.45s ease-in-out;}
.room_box_g{margin-top: 11%;}
.room_box_g a{overflow:hidden;}
.roombox .txt_wrap{margin-top:4.5%;font-family: 'Yantramanav', sans-serif;}
.roombox .img_wrap .img {padding-top: 104%;}
.romguid_list {max-width: 1500px;position: inherit;display: block;left: 0;right: 0;margin: auto;} .romguid_list02{margin:1.5% auto 40%;}
.tit_info{display:block;text-align:left;float:left;font-size:15px;color:#666;font-family: 'Pretendard-Regular';} .tit_sub{display:block; text-align:right; font-size:13.5px; color:#666;}



/* room */

.sub-view_bg .slide {height:555px;position: fixed;width: 100%;top: 0;z-index: 5;background-position: right  bottom 30%;opacity: 0.85;}
.sub-txt {/* margin: 65px auto 45px; */text-align: center;padding-top: 55px;}
.bnr_sub{background: #fff;margin-top: 500px;position: relative;z-index: 2;}


.room_in_txt {text-align: center;/* margin-top: 10%; */padding-top: 6%;}	
.room_in_txt .tit{line-height: 1.2;}
.room_in_txt .tit p {font-size: 31px;font-family: 'Aboreto', cursive;margin-bottom: 24px; color: #494949;}
.room_in_txt .tit p span  {font-family: 'GyeonggiBatang'; font-size: 31px;  color: #494949; opacity: 1;}
.room_in_txt .tit span {font-size: 10px;line-height: 2;opacity: 0.3;}
.room_in_txt .v_room_info{overflow:hidden;margin-top: 50px;border-top: 1px solid #d1d1d1;/* border-bottom: 1px solid #b7b7b7; */}
.room_in_txt .v_room_info li{position:relative;float:left;width: 33%;padding:34px 0;text-align:center;box-sizing:border-box;}
.room_in_txt .v_room_info li:before{position:absolute;top:50%;right:0;content:'';width:1px;height:38px;margin-top:-19px;background: #d1d1d1;}
.room_in_txt .v_room_info li:last-child:before{display:none}
.room_in_txt .v_room_info .info_c{display:inline-block;width: 150px;margin-bottom:14px;border: 1px solid #939393;border-radius:100px;font-size:14px;line-height:33px;font-family: 'Pretendard-Regular';color: #939393;}
.room_in_txt .v_room_info .info_name{font-size: 13px;font-family: 'Pretendard-Regular';}
	
.room_info_box .tit-wrap{padding: 9% 0 7%;justify-content: space-between;align-items: flex-end;display: flex;}
.room_info_box .tit-wrap .tit{font-size: 38px;font-weight: 300;font-family: 'Aboreto', cursive;line-height: 1;letter-spacing: -1px;}
.room_info_box .tit-wrap .tit span{/* display: block; */font-family: 'GyeonggiBatang';}
.room_info_box .tit-wrap .txt{font-size: 14px;font-weight: 400;line-height: 2;letter-spacing: -0.5px;text-align: end;font-family: 'Pretendard-Light';}

.room_info_box .in_txt > li{border-top: 1px solid #e9e9e9;padding: 25px 0;display: flex;align-items: center;}
.room_info_box .in_txt .tit{min-width: 145px;font-size: 14px;font-weight: 600;color: #656565;font-family: 'Aboreto', cursive;letter-spacing: 0.05em;}
.room_info_box .in_txt .info{width: 100%;}
.room_info_box .in_txt .info p{font-size: 13.5px;font-weight: 400;color: #7b7b7b;FONT-FAMILY: 'Pretendard-Regular';letter-spacing: -0.5px;}
.room_info_box .in_txt .info .info-list{display: flex;}
.room_info_box .in_txt .info .info-list h5{font-size: 14px;font-weight: 400;color: #999;margin-top: 15px;}

.room_info_box .guide {margin-top: 7%;padding: 50px 60px;border: 2px solid #e9e9e9;max-width: 90%;margin: 7% auto 0;}
.room_info_box .guide .tit_guide {display: block;font-weight: 400;font-size: 24px;text-transform: uppercase;border-bottom: 1px solid #e9e9e9;padding-bottom: 29px;font-family: 'Aboreto', cursive;letter-spacing: 6px;}
.room_info_box .guide .conts_guide {display: flex;justify-content: space-between;margin-top: 28px;font-size: 15px;}
.room_info_box .guide [class^=lst] {width: 50%;}
.room_info_box .guide [class^=lst] li {position: relative;}
.room_info_box .guide [class^=lst] li:before {position: absolute;top: 11px;left: 0;border-radius: 100%;background: #90826f;content: "";}
.room_info_box .guide .lst_guide li {padding-left: 12px;margin-top: 9px;font-family: 'Pretendard-Regular';letter-spacing: -0.5px;font-size: 14px;}
.room_info_box .guide .lst_guide li:before { width: 3px; height: 3px;}
.room_info_box .guide .lst_guide li + li {}
.room_info_box .guide .lst_cost { padding-left: 40px;}
.room_info_box .guide .lst_cost li {padding-left: 15px;margin-bottom: 17px;}
.room_info_box .guide	.lst_cost li:before { width: 4px; height: 4px;}
.room_info_box .guide .lst_cost strong {display: block;font-weight: 600;font-family: 'SunBatang-Light';font-style: oblique;}
.room_info_box .guide .lst_cost span {display: block;margin-top: 5px;font-size: 13px;font-family: 'Pretendard-Regular';}

.room_icon li{width: 8.2%;float: left;line-height: 2;text-align: center;margin-bottom: 3%;}
.room_icon li .fal {font-size: 17px;font-weight: 100;}

.site-txt_end_rev{max-width:100%; margin:auto; text-align:center;}
.site-txt_end_rev a {display:inline-block;width: 213px;margin-top: 50px;line-height: 30px;color: #757575;border: 1px solid #757575;border-radius:40px;text-align:center;font-size: 13px;font-family: 'Aboreto', cursive;transition:0.8s;padding: 8px;font-weight: 700;}
.site-txt_end_rev a:hover {color: #fff;background-color: #555351;border: 1px solid #555351; transition:0.8s;}
	

.gallery_end{display: flex; flex-flow: column; align-items: center;}
.gallery_end .tit-wrap{display: flex;justify-content: center;align-items: center;margin: 6% auto 3%;color: #999;}
.gallery_end .tit-wrap h5{font-size: 12px;font-weight: 300;text-transform: uppercase;font-family: 'Aboreto', cursive;}
.gallery_end .tit-wrap h2{font-size: 40px;font-weight: 300;font-family: "Athena";margin: 0 15px;transition: 1.6s;letter-spacing: 2px;}

.gallery_end .img_box{margin-bottom: 7%;overflow: hidden;width: 100%;}
.gallery_end .img_box .roller{display: flex; align-items: center; justify-content: start; animation: roomMarquee 35s infinite linear; white-space:nowrap;}
.gallery_end .img_box .roller:hover{animation-play-state: paused;}
.gallery_end .img_box .img-list{display: flex; align-items: center; }
.gallery_end .img_box .img-list li{width: calc(20vw + 10px);padding: 0 23px;overflow:hidden;}
.gallery_end .img_box .img-list li img{width: 100%;display: block;transition:1.2s;opacity: 0.80;}
.gallery_end .img_box .img-list li img:hover {transform:scale(1.1);opacity: 1;transition:1.2s;}  

@keyframes roomMarquee {
    0%{
        transform: translateX(0%);
    }
    100%{
        transform: translateX(-300%);
    }
}




/* info pre */
.info-preview{margin: 10% auto 7%;max-width: 1280px;}
.info-preview::after{content: ""; display: table; clear: both;}
.info-preview .tit{width: 33.4%;float: left; padding-top: 3vw;}
.info-preview .tit h2{font-family: 'Aboreto', cursive;font-size: 36px;font-weight: 300;margin-bottom: 7%;text-transform: uppercase;}

.info-preview .tit p{font-size: 13px;letter-spacing: -0.5px;margin-bottom: 35px;font-family: 'Pretendard-Regular';}
.info-preview .info-preview-slide{float: left; width: 66.36%; overflow: hidden;}
.info-preview .info-preview-slide .slide-wrap{width: 180%;}
.info-preview .info-preview-slide .slide-wrap li{width: 24%;float: left;padding-left: 40px;position: relative;}
.info-preview .info-preview-slide .slide-wrap li .img{position: relative; }
.info-preview .info-preview-slide .slide-wrap li img{width: 100%;opacity: 0.9;border-radius: 4px;height: 245px; transition:0.8s;} 
.info-preview .info-preview-slide .slide-wrap li:hover img{border-radius: 30px; transition:0.8s;} 

.info-preview .info-preview-slide .slide-wrap li .vimeo-box{width: 100%;}
.info-preview .info-preview-slide .slide-wrap li p{font-size: 13px;margin-top: 26px;font-family: 'Pretendard-Regular';}
.info-preview .info-preview-slide .slide-wrap li p b{font-size: 21px;font-weight: 300;margin-right: 10px;display: block;font-family: 'Aboreto', cursive;}
.info-preview .gauge-wrap{width: 100%;height: 1px;background-color: #bfbfbf;position: relative;margin-top: 80px;}
.info-preview .gauge-wrap .gauge{width: 0; height: 100%; background-color: #656565;}
	


/* special */
.sp_info_txt .conts {display: flex;justify-content: space-between;margin: 12% auto 15%;}
.sp_info_txt .left_txt {letter-spacing: 0;font-weight: 400;width: 40%;padding-left: 50px;}
.sp_info_txt .left_txt .txt {display: inline-block;position: relative;padding-bottom: 36px;font-size: 45px;line-height: 1.1;font-weight: 100;font-family: 'Aboreto', cursive;}
.sp_info_txt .left_txt .txt small {font-size: 15px;display: block;font-family: 'SunBatang-Light';margin-bottom: 13px;}
.sp_info_txt .left_txt .txt:after {position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #2c3217;content: "";}
.sp_info_txt .left_txt dl[class^=info] {margin-top: 22px;font-size: 0;font-family: 'Pretendard-Regular';}
.sp_info_txt .left_txt dl[class^=info] dt, .sp_info_txt .left_txt dl[class^=info] dd {display: block;font-size: 14px;}
.sp_info_txt .left_txt dl[class^=info] dt {margin-right: 10px;font-weight: 500;font-size: 15px;font-style: italic;letter-spacing: 3px;font-family: 'SunBatang-Light';}
.sp_info_txt .left_txt dl[class^=info] dd { color: #444;}
.sp_info_txt .left_txt dl[class^=info] dd span { display: inline-block; margin-left: 4px; font-weight: 500; color: #888;}
.sp_info_txt .left_txt dl.info4 { margin-top: 34px;}
.sp_info_txt .rigtn_txt {width: 46%;}
.sp_info_txt .rigtn_txt .wrap_txt { line-height: 1.75;}
.sp_info_txt .rigtn_txt .wrap_txt span {font-size: 19px;font-family: 'Aboreto', cursive;letter-spacing: 8px;}
.sp_info_txt .rigtn_txt .wrap_txt p {font-family: 'Pretendard-Regular';font-size: 14px;letter-spacing: -0.5px;line-height: 2;}
.sp_info_txt .rigtn_txt .wrap_txt p b {margin-bottom: 15px;display: block;margin-top: 29px;font-size: 20px;}

.sp_info_txt .rigtn_txt .wrap_txt a {border: 1px solid #757575;padding: 13px 30px;line-height: 9;border-radius: 40px;font-size: 14px;font-family: 'Pretendard-Regular';color: #757575;transition: 0.8s;}
.sp_info_txt .rigtn_txt .wrap_txt a:hover{background-color: #898682;color: #fff;border: 1px solid #898682;transition: 0.8s;}
.sp_end_img .bax{width: 100%;height: 400px; margin: 100px auto;}
.sp_end_img .bax .ba-img{height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; width: 100%; }
.sp_end_img .bax.on .ba-img {background-position: 0 80%;transition: 3.5s;overflow: hidden;display: block;/* border-radius: 100px 20px; */}


.sp_bak_info .bg{height: 745px;}
.sp_bak_info .inner-con{padding-top: 0; align-items: center;}
.sp_bak_info {background: #000;}	
.sp_bak_info .bg{height: 90vh;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;background-attachment: fixed;opacity: 0.95;}
.sp_bak_info .bg .black-box{width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0;}
.sp_bak_info .inner-con{display: flex;/* height: 100%; */padding-top: 30vh;z-index: 5;max-width: 75%;margin: auto;}
.sp_bak_info .tit-wrap{display: flex; flex-flow: row-reverse; align-items: flex-start; }
.sp_bak_info .tit-wrap h5{font-size: 22px;font-family: 'Cinzel', serif;font-weight: 400;color: #ffffff;letter-spacing: 0.6em;transform: rotate(90deg);transform-origin: top left;margin-left: 29%;text-align: center;border-bottom: 1px solid;width: 100%;padding-bottom: 25px;}
.sp_bak_info .tit-wrap p{display: flex;/* align-items: flex-start; */flex-flow: row-reverse;margin-left: 25px;text-align: center;}
.sp_bak_info .tit-wrap p span{width: 1em;display:block;color: #fff;font-size: 15px;font-weight: 100;line-height: 1.2;margin-left: 8px;font-family: 'GyeonggiBatang';}
.sp_bak_info .tit-wrap p span .dot{display: block; line-height: 0em; margin-top: -0.2em; font-weight: 400;}

.sp_bak_info .tit-wrap p.fadeY.on:first-of-type{transition-delay: 0.6s;}
.sp_bak_info .tit-wrap p:last-of-type{ transition-delay: 0.8s;}



/* sub bgimg */
.sub-background {width: 100%;height: 500px;/* background-color: #ededed; */position: absolute;z-index: 0;}	
.sub-view .slide {height: 500px;}
.sub-txt {padding-top: 120px;margin-bottom: 50px;text-align: center;z-index: 1;position: relative;}
.sub-txt strong {display: block;font-size: 23px;font-weight: 100;letter-spacing: -0.5px;font-family: 'NotoSerifKR';color: #8f8f8f;text-transform: uppercase;}
.sub-txt p {margin-top: 27px;font-size: 14px;color: #434343;font-weight: 100;font-family: "Noto Serif KR",serif;}
.sub-txt span{display: block;width: 1px;height: 50px;background-color: #959595;margin: 30px auto 0;}


/* tour */
.tour-list-wrap{margin: 17% auto 5%;}
.tour-list { margin:-70px auto 0; }
.tour-list > ul:after {content:""; display:block; clear:both;}
.tour-list > ul > li:after {content:"";  display:block;  clear:both;}
.tour-list li .lSSlideOuter {position:relative;/* float:left; *//* width:55%; */margin-bottom:0;z-index:1;}
.tour-list li{width: 49.5%;display: inline-block;padding: 7px;}
.tour-list .txt {float: left;width: 100%;padding: 33px 20px 33px 20px;text-align: center;}
.tour-list .txt em {font-size: 22px;color: #696969;font-style: initial;font-family: 'NotoSerifKR';opacity: 0.8;font-weight: 100;line-height: 63px;}
.tour-list .txt em small {font-weight: 600;letter-spacing: 2px;font-family: 'Italiana', serif;}
.tour-list .txt strong {display:block;font-size: 12px;color: #62656c;margin: 0px 0 25px 0;letter-spacing: 2px;font-family: 'Aboreto', cursive;}
.tour-list .txt span {font-size:14px;color:#3a3a3a;border-bottom:1px solid #3a3a3a;float: initial;font-family: 'Pretendard-Regular';letter-spacing: 2px;}
.tour-list .txt p {margin: 30px 0 100px;color:#3a3a3a;font-size: 14px;line-height: 2;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';}
.tour-list .txt a {border: 1px solid #707070;border-radius: 40px;padding: 2px 40px;color: #707070;transition:0.8s;font-size: 13px;font-family: 'Pretendard-Regular';display: inline-block;}
.tour-list .txt a:hover {background: #62656c;border: 1px solid #62656c;transition:0.8s;color:#fff;}

/* rev */

.dash-txt li{padding-left: 15px;position: relative;font-family: 'Pretendard-Regular';}
.dash-txt li::before{content: "-"; display: inline-block; position: absolute; left: 0px;}


.reserve-price{/* max-width: 80%; */margin: auto;}
.rev-list-wra {}
.rev_box_info {margin: 3% auto 0%;}

.reser-box {width: 150px;height: 60px;border: 1px solid #757170;display: flex;align-items: center;justify-content: center;margin: 3% auto 6%;}
.reser-box .link-txt {background-color: #757170;color: #f6f2ec;font-weight: 500;width: calc(100% - 10px);height: calc(100% - 10px);text-align: center;display: flex;align-items: center;justify-content: center;transition: 0.4s;font-size: 15px;font-family: "Athena-Regular";}
.reser-box .link-txt:hover {   width: 100%;  height: 100%; border-radius: 0;}

.rev_box_info .box-in{display: flex;align-items: flex-start;}
.rev_box_info .box-in .txt{width: 50%;transform: rotate(0.03deg);display: flex;justify-content: end;}
.rev_box_info .box-in .txt .flex-box{width: 100%;max-width: 700px;margin-bottom: 55px;margin-right: 10px;}
.rev_box_info .box-in .txt .flex-box p {/* text-align: center; */font-size: 13.5px;letter-spacing: -0.5px;margin-bottom: 20px;font-family: 'Pretendard-Regular';}
.rev_box_info .box-in .txt .tit{display: none;font-size: 31px;font-weight: 100;width: 100%;letter-spacing: -0.04em;margin: 25px 0;font-family: 'NotoSerifKR';letter-spacing: 1px;}
.rev_box_info .box-in .txt h5 {font-size: 19px;font-family: 'NotoSerifKR';font-weight: 100;margin-bottom: 16px;}
.rev_box_info .box-in .txt ol {margin-bottom: 5%;/* border-bottom: 1px solid #b5b1b1; */padding-bottom: 22px;}
.rev_box_info .box-in .txt li{font-size: 14px;font-weight: 400;line-height: 2.22;letter-spacing: -0.05em;font-family: 'Pretendard-Regular';}
.rev_box_info .box-in .txt li span{color: #b12d2d;}
.rev_box_info .box-in .txt li span b{font-size: 16px;}
.rev_box_info .tit-wrap {display: inline-flex;margin: 5% 0 3%;padding-bottom: 40px;width: 100%;border-bottom: 1px solid #c1c1c1;}	
.rev_box_info .tit-wrap h2 {font-size: 35px;font-weight: 400;font-family: 'Aboreto', cursive;font-style: italic;line-height: 0.6;color: #757170;}
.rev_box_info .tit-wrap h5 {font-family: 'NotoSerifKR';font-size: 18px;font-weight: 500;letter-spacing: -0.025em;transition-delay: 0.4s;margin-top: -0.5%;padding-left: 22px;}	

.rev_tr_end {/* max-width: 60%; *//* margin: auto; */}

table { border: 1px solid #ccc; width: 100%;text-align: center;line-height: 1.5rem;margin-top: 40px;margin-bottom: 20px;}
table tr { border: 1px solid #ccc;}
table th {border: 1px solid #ccc;background-color: #eee;line-height: 1.5;padding: 10px 0;font-size: 12px;font-family: 'Pretendard-Regular';}
table tr td {line-height: 1.5;padding: 10px 0px !important;font-size: 12px;font-family: 'Pretendard-Regular';/* background: #ebebeb; */}
table td {border: 0.1px solid #ccc;line-height:3;}

#mo {display:none;}

.rsv_cal_t {margin-top: 5%;}
.rsv_cal_t .prv {height: 25px !important; width: 22px !important; background-size:cover !important; background-position: -1px 1.5px !important;}
.rsv_cal_t .next {height: 25px !important;width: 22px !important;background-size:cover !important;background-position: -24px -0.5px !important;} 
.rsv_cal_t p{font-size: 14px !important;line-height: 26px !important;}


.rsv_cal_h .ssn td, .rsv_cal_h .htr td{/* background: #ebebeb !important; */}
.rsv_cal_b td.nm_room{/* background: #e1e1e1 !important; */}



/*객실 프리뷰*/
.view_slick .inner-con{padding-top: 11%;}
.view_slick .img_wrap_box{margin-top: 0;}

.view_slick .img_wrap_box{}
.view_slick .img_wrap_box{display: flex; position: relative;}
.view_slick .img_wrap_box .left-wrap{width: 50%;padding-right: 150px;}
.view_slick .img_wrap_box .left-wrap .txt{margin-top: 55px;}
.view_slick .img_wrap_box .left-wrap .txt p{font-size: 15px;font-family: 'SunBatang-Light';white-space: nowrap;margin-bottom: 25px;letter-spacing: -1px;}
.view_slick .img_wrap_box .left-wrap .slide-page-wrap {display: flex;align-items: center;margin-top: 37px;}
.view_slick .img_wrap_box .left-wrap .slide-page-wrap .page-number{display: flex; align-items: center; margin-right: 50px;}
.view_slick .img_wrap_box .left-wrap .slide-page-wrap .num{font-size: 15px; font-weight: 300; font-family: "VentiCF",sans-serif; width: 1em; text-align: center;}
.view_slick .img_wrap_box .left-wrap .slide-page-wrap .dash{width: 34px;height: 1px;background-color: #939393;margin: 0 15px;}
.view_slick .img_wrap_box .left-wrap .btn-wrap{display: flex; align-items: center;}
.view_slick .img_wrap_box .left-wrap .btn-wrap button{font-size: 15px;font-weight: 300;cursor: pointer;}
.view_slick .img_wrap_box .left-wrap .btn-wrap .center-line{width: 1px;height: 13px;background-color: #939393;display: block;margin: 0 15px;}
.view_slick .img_wrap_box .right-wrap{width: 50%;padding-left: 150px;}
.view_slick .img_wrap_box .right-wrap .tit{margin: 30% auto 5%;}
.view_slick .img_wrap_box .right-wrap .tit h2{font-size: 24px;font-weight: 200;font-family: 'Aboreto', cursive;color: #999;text-transform: uppercase;letter-spacing: 0;text-align: end;}
.view_slick .img_wrap_box .right-wrap .tit h2 span{display: block;font-size: 11px;}
.view_slick .img_wrap_box .right-wrap .tit h2 .overflow-box{overflow: hidden;}
.view_slick .img_wrap_box .swiper-slide{height: 655px;}




/* ami */

@keyframes boom {
    0%{transform: scale(1);}
    80%{transform: scale(1.05);}
    100%{transform: scale(1);}
}



/* media */


@media all and (max-width : 1760px){
	
	.imgsub-list{max-width: 1200px;}
	.stay_max{max-width: 1200px;}
	.info-preview{max-width: 1200px;}
	
	.imgsub-list .lightSlider li{height: 600px;}
	
	.main_roomoer .sec2_slider .swiper-slide > a > .image, .main_roomoer .sec2_slider .swiper-slide > a {height: 325px;}
	
	.main-info-incon ul a li .ko{font-size: 20px;}
	.main-info-incon ul a li i{padding-right: 8px;}
	
	.sub-view .slide, .sub-view_bg .slide{height: 350px;}
	.bnr_sub{margin-top: 370px;}
	
	.sp_info_txt .left_txt .txt{font-size: 40px;}
	
	
	
}


@media all and (max-width : 1600px){
	
}

@media all and (max-width : 1500px){
	
	.imgsub-list{max-width: 1150px;}
	.stay_max{max-width: 1150px;}
	.info-preview{max-width: 1150px;}
	
	.vdo-pop-wrap .vdo-wrap{width: 85%; height: 95%;}
	.vdo-pop-wrap .vdo-wrap .close-btn{right: -30px;}
	
	
	.view_slick .img_wrap_box .left-wrap{padding-right: 100px;}
	
	.room_info_box .guide{padding: 50px 40px; max-width: 96%;}
	.roo_boxpre{max-width: 1000px; margin: auto;}

	.con_room .txt_wrap_about{margin-top: 120px;}
	
	.main_roomoer .sec2_slider .swiper-slide > a > .image, .main_roomoer .sec2_slider .swiper-slide > a {height: 300px;}
	
	.stay_line{max-width: 1100px;}
	
	.gallery_end .img_box .img-list li{padding: 0 13px;}
	
	.main-info-incon ul a li p{font-size: 12px;}
	.main-info-incon ul a li .ko{font-size: 18px; letter-spacing: -1px;}
	.main-info-incon ul a li .btn{width: 45%;} .main-info-incon ul a:hover .btn{width: 55%;}
	
	
	.sp_info_txt .left_txt{width: 60%;} .sp_info_txt .left_txt .txt{font-size: 35px;}
	

	.rsv_cal_t{margin-top: 9%;}
}

@media all and (max-width : 1450px){
	
	
}

@media all and (max-width : 1380px){
	
	.imgsub-list{max-width: 1000px;}
	.stay_max{max-width: 1000px;}
	.info-preview{max-width: 1000px;}
	
	.imgsub-list{margin-top: 6.5%;}
	.imgsub-list .lightSlider li{height: 490px;}
	.vdo-btn_pop{top: 30%;}
	.view_slick .img_wrap_box .swiper-slide{height: 500px;}
	.view_slick .img_wrap_box .right-wrap{padding-left: 100px;}
	
	.main-info-incon ul a li i{font-size: 15px; padding-right: 5px;}
	.main-info-incon ul a li .ko{font-size: 18px;}
	.main-info-incon ul a li .en{padding-bottom: 20px;}
	
	.bnr_sub{margin-top: 315px;}
	.sub-view .slide, .sub-view_bg .slide{height: 277px;}
	
	.info-preview .info-preview-slide .slide-wrap li img{height: 210px;}
	.info-preview .info-preview-slide .slide-wrap li p b{font-size: 17px;}
	.info-preview .tit{width: 27%;} .info-preview .info-preview-slide{width: 72.36%;}
	.info-preview .gauge-wrap{margin-top: 50px;}
	
	.main-info-incon ul a li{padding: 40px 20px;}
	
}

@media all and (max-width : 1280px){

}


@media all and (max-width: 1025px){
	
	.imgsub-list{max-width: 95%;}
	.stay_max{max-width:  95%;}
	.info-preview{max-width:  95%;}
	
	.main-info-incon .box{max-width: 100%;}
	
	.rev_box_info .box-in .txt .flex-box{margin-right: 0;}
	
	
}

@media all and (max-width: 950px){
	
	.imgsub-list{margin-top: 13%;}
	.vdo-pop-wrap .vdo-wrap{width: 95%;height: 40%;}
	.vdo-pop-wrap .vdo-wrap .close-btn{right: 0; bottom: 0; transform: none;}
	
	.rev_box_info .box-in{display: block;}
	.rev_box_info .box-in .txt{display:block; width: 100%; }
	
	
	.full-container01{height: 50vh;}
	.full-ctrl .swiper-button-next{right: 0;} .full-ctrl .swiper-button-prev{left: 0;}
	.full-ctrl01 .nav-btn{color: #fff;}
	
	.room_info_box .guide{max-width: 100%;}
	.room_info_box .guide{padding: 40px 20px;}
	
	.room_info_box .guide .conts_guide{display: block;}
	.room_info_box .guide [class^=lst]{width: 100%;}
	.room_info_box .guide .lst_cost{padding-left: 0;padding-top: 20px;}
	
	.gallery_end .img_box .img-list li{padding: 0 10px; width: calc(40vw + 10px);}
	
	.map_box{max-width: 100% !important;}
	
}

@media all and (max-width: 850px){
	
}


@media all and (max-width: 655px){
	
	.imgsub-list p{letter-spacing: -0.5px;}
	
	.vdo-btn_pop{top: 23%;} 
	.roombox{width: 49%;padding: 0 0px 35px 0px;} .tit_info{float: none;} .tit_sub{text-align: left;}
	 
	.view_slick .img_wrap_box .left-wrap{padding-right: 10px;}
	.view_slick .img_wrap_box .right-wrap{padding-left: 10px;}
	.view_slick .img_wrap_box .swiper-slide{height: 400px;}
	.view_slick .img_wrap_box .left-wrap .txt p{font-size: 13px;}
	.view_slick .img_wrap_box .right-wrap .tit{margin: 7.5% auto 5%;}
	
	.main-info-incon .box{max-width: 95%;}
	.main-info-incon ul a{width: 49.55%;margin-bottom: 5px;}
	.main-info-incon ul a .first {border-left: 1px solid #e3e3e3;}
	.main-info-incon ul a li{padding: 35px 10px;text-align: center;border: none;border: 1px solid #e3e3e3;}
	.main-info-incon ul a li .line{margin: auto;}
	.main-info-incon ul a li p{font-size: 12px;} 
	.main-info-incon ul a li .ko{font-size: 15px;}
	
	.imgsub-list .lightSlider li{height: 330px;}
	.imgsub-list .box_sub .line{width: 130px;}
	
	.con_room .wrapper{padding: 60px 0 0;}
	.con_room .tit3, .con_room .tit2{ font-size: 35px;}
	.con_room .txt_wrap_about{margin-top: 90px;} .con_room .txt_wrap .txt1 p{font-size: 12px;}
	.main_roomoer .sec2_slider .swiper-slide > a > .image, .main_roomoer .sec2_slider .swiper-slide > a{height: 235px;}
	
	.room_in_txt .v_room_info li {width: 100%; padding: 18px 0;}
	.room_in_txt .v_room_info li:before{top: auto;bottom: 0;width: 38px;height: 1px;margin:auto;left: 0;right: 0;} 
	.room_info_box .tit-wrap{display: block;}
	.room_info_box .tit-wrap .txt{text-align: left;}
	.room_icon li{width: 20%;}
	
	.sp_info_txt .left_txt{width: 100%; padding-left: 0; text-align: center;}
	.sp_info_txt .conts{display: block;}
	.sp_info_txt .rigtn_txt{width: 100%; margin-top: 35px;  text-align: center; border-top: 1px solid #e3e3e3;}
	.sp_info_txt .rigtn_txt .wrap_txt{margin-top: 5%;}
	.sp_end_img .bax{height: 250px;}
	.br_sp{display: none;}
	
	.info-preview .tit{width: 100%; float: none;}
	.info-preview .info-preview-slide{width: 100%; float: none;}
	.info-preview .info-preview-slide .slide-wrap li{padding-left: 10px;}
	.info-preview .info-preview-slide .slide-wrap li img{height: 180px;}
	.info-preview .info-preview-slide .slide-wrap li p b{font-size: 15px; letter-spacing: -0.5px;}
	.info-preview{margin-bottom: 17%;}
}


@media all and (max-width: 450px){
	
	.imgsub-list{margin-top: 18%;}
	.imgsub-list .lightSlider li{height: 255px; }
	.imgsub-list .box_sub h5{font-size: 13px;}
	.imgsub-list .box_sub .line{width: 50px;}
	.imgsub-list p{margin-top: 30px;font-size: 13px;}
	
	.vdo-btn_pop{top: 20%;}
	.vdo-btn_pop .play-ico{width: 45px; height: 45px;}
	.vdo-btn_pop .play-ico i{font-size: 22px;}
	.vdo-btn_pop h5{font-size: 16px;}
	
	.view_slick .img_wrap_box{display: block;}
	.view_slick .img_wrap_box .left-wrap{width: 100%; padding-right: 0;}
	.view_slick .img_wrap_box .right-wrap{width: 100%; padding-left: 0;}
	.view_slick .img_wrap_box .swiper-slide{height: 250px;}
	
	.stay_line p{font-size: 12px; letter-spacing: 1px;}
	.con_room .wrapper{padding: 45px 0;}
	.con_room .tit3, .con_room .tit2{margin-top: 0; font-size: 40px;}
	.con_room .txt_wrap .txt1 p{font-size: 12px;}
	.main_roomoer .sec2_slider .swiper-slide > a > .image, .main_roomoer .sec2_slider .swiper-slide > a{height: 200px;}
	.main_roomoer .sec2_slider .swiper-slide > .text{padding: 15px 0;}
	.main_roomoer .sec2_slider .swiper-slide > .text > h3{font-size: 11px; letter-spacing: -1px;}
	.main_roomoer .sec2_slider .swiper-slide > .text > p{font-size: 15px;}
	.main-info-incon ul a{width: 100%;}
	
	.full-container01{height: 40vh;}
	.full-slide01{padding-top: 15%;}
	
	.sp_info_txt .left_txt .txt{font-size: 20px; padding-bottom: 15px;}
	.sp_info_txt .rigtn_txt .wrap_txt p b{font-size: 14px; letter-spacing: 1px;}
	.info-preview .info-preview-slide .slide-wrap li img{height: auto;}
	.info-preview .info-preview-slide .slide-wrap li p b{font-size: 13px;}
	.info-preview .tit h2{font-size: 20px;}
	
	.rev_box_info{overflow: hidden;}
	.rev_box_info .tit-wrap{display: block; text-align: center;}
	.rev_box_info .tit-wrap h2{font-size: 24px;}
	.rev_box_info .tit-wrap h5{padding-left: 0;padding-top: 22px;}
	.rev_box_info .box-in .txt li{font-size: 13.5px; line-height: 2;}
	.dash-txt li{padding-left: 10px;}
	
	.bnr_sub{margin-top: 250px;}
	.room_info_box .tit-wrap .tit{font-size: 27px;}
	.room_info_box .tit-wrap .txt{font-size: 12px; line-height: 1.85; margin-top: 25px;}
	.room_info_box .in_txt .info p{font-size: 10px;}
	.room_info_box .in_txt .tit{font-size: 11px;} .room_info_box .in_txt .tit{min-width: 120px;}
	.gallery_end .tit-wrap h5{font-size: 10px;}
	
	.tour-list{margin: 0;}
	.tour-list li{width: 100%; padding: 0;}
	
	.sub-txt{padding-top: 85px;}
	.sub-txt strong{font-size: 18px;}
	.sub-view .slide, .sub-view_bg .slide{height: 215px;}

	.about_conts .about_us .wrap_txt{text-align: left;}
	.about_conts .about_us .txt1 span small{font-size: 12px;}
	.about_conts .about_us .txt2{font-size: 13px; letter-spacing: -0.5px;}
	.prologue .prview li{width: 100%; height: 150px;}
	
	.room_info_box .guide .lst_guide li, .room_info_box .guide .lst_cost span{font-size: 12px;}
}

@media all and (max-width: 415px){	

	.room_info_box .tit-wrap .txt{font-size: 11px;}


}

@media all and (max-width: 315px){
	
	.imgsub-list .box_sub{display: block; text-align: center;}
	.imgsub-list .box_sub .line{left: 0; right: 0; margin: auto;}
	.imgsub-list p{font-size: 10px;}
	.view_slick .img_wrap_box .left-wrap .txt p{font-size: 11px;}
	.view_slick .img_wrap_box .right-wrap .tit h2{font-size: 18px;}
	
	.con_room .txt_wrap .txt1 p{font-size: 10px;}
	
	.sub-txt p{font-size: 11px;}
	.sub-view .slide, .sub-view_bg .slide{height: 180px;}
	.roombox{width: 100%;}
	.room_in_txt .tit p{font-size: 23px; margin-bottom: 10px;}
	.room_info_box .tit-wrap .txt{font-size: 10px;}
	.room_info_box .in_txt .tit{letter-spacing: -0.05em;}
	.room_info_box .in_txt .tit{min-width: 100px;} .room_icon li{width: 25%;}
	.room_info_box .guide .tit_guide{font-size: 20px; padding-bottom: 15px;}
	.room_info_box .guide .lst_guide li,.room_info_box .guide .lst_cost span {font-size: 11px;}
	.room_info_box .guide{padding: 15px 10px;}
	
	.gallery_end .tit-wrap h2{font-size: 20px;} .gallery_end .tit-wrap h5{letter-spacing: -0.05em;}
	
	.about_conts .about_us .txt1{font-size: 15px;} .about_conts .about_us .txt2{font-size: 11px;}
	
	.sp_info_txt .left_txt dl[class^=info] dt, .sp_info_txt .left_txt dl[class^=info] dd{font-size: 12px;}
	.sp_info_txt .rigtn_txt .wrap_txt span{font-size: 16px; letter-spacing: 4px;}
	.sp_info_txt .rigtn_txt .wrap_txt p b{font-size: 12px; letter-spacing: 0.5px;}
	.sp_info_txt .rigtn_txt .wrap_txt p{font-size: 12px;}
	.info-preview .tit p{ font-size:  10px;}
	
	.main_roomoer .sec2_slider .swiper-slide > a > .image, .main_roomoer .sec2_slider .swiper-slide > a{height: 150px;}
	.main_roomoer .sec2_slider .swiper-slide > .text > p{font-size: 12px;}
	.rev_box_info .box-in .txt h5{font-size: 15px;}
	.rev_box_info .box-in .txt li {font-size: 11px;}
	
	.main-info-incon ul a li p{font-size: 11px;}

}