@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; */


@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.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://cdn.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://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



*{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:#fff; 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; }

/*main viedo */
.main_vido{padding-top: 0%;}
.main_vido #vido_sub{width: 100%;height: 800px;background-position: center;background-size: cover;background-repeat: no-repeat;position: relative;max-width: 1600px;margin: auto;}

/*main img*/
.main-wrap .con1 .main-slide-wrap{height: 83vh;position: relative;max-width: 95%;margin: 50px auto 0;}
.main-wrap .con1 .slide-left{float: left; width: 33.6%; height: 100%; position: relative;}
.main-wrap .con1 .slide-left .info{width: calc(100% - 250px);position: absolute;bottom: 0px;right: 90px;}
.main-wrap .con1 .slide-left .small-slide-wrap{width: 100%;  margin-right: 90px;  overflow: hidden}
.main-wrap .con1 .slide-left .small-slide-wrap .slider-roller{height: 100%;  position: relative;}
.main-wrap .con1 .slide-left .small-slide-wrap .slide{display: block; width: 100%; position: absolute; top: 0; height: auto; overflow: hidden;}
.main-wrap .con1 .slide-left .small-slide-wrap .slide img{width: 100%; display: block;}
.main-wrap .con1 .slide-left .txt{margin-top: 54px;margin-bottom: 77px;text-align: center;}
.main-wrap .con1 .slide-left .txt h3{font-size: 34px;font-weight: 300;font-family: 'Didact Gothic', sans-serif;/*opacity: 0;transition: 1.2s;*/margin-bottom: 0;color: #898989;letter-spacing: 2px;line-height: 1.5;}
.main-wrap .con1 .slide-left .txt p{font-size: 16px;font-weight: 100;color: #747474;transform: translateY(20px);/*opacity: 0;transition: 1.2s;transition-delay: 0.2s;*/letter-spacing: 4px;font-family: 'Didact Gothic', sans-serif;}

/*.main-wrap .con1 .slide-left .txt.on h3{transform: translateY(0); opacity: 1;}
.main-wrap .con1 .slide-left .txt.on p{transform: translateY(0); opacity: 1;}*/

.main-wrap .con1 .slide-right .slide{z-index: 1;}
.main-wrap .con1 .slide-right .slide.prevSlide{z-index: 3;}
.main-wrap .con1 .slide-right .slide.nextSlide{z-index: 5;}
.main-wrap .con1 .slide-right .slide.thisSlide{z-index: 4;}

.main-wrap .con1 .slide-left .slide{z-index: 1;}
.main-wrap .con1 .slide-left .slide.prevSlide{z-index: 3;}



.main-wrap .con1 .slide-left .slide.nextSlide{z-index: 5;}
.main-wrap .con1 .slide-left .slide.thisSlide{z-index: 4;}

.main-wrap .con1 .slide-control{position: absolute; height: 100%; top: 0; width: 100%; z-index: 5; pointer-events: none;}
.main-wrap .con1 .slide-control button{width: 35px; height: 35px; background-color: rgba(255,255,255,0.8); border-radius: 50%; cursor: pointer; pointer-events: all; position: absolute; top: 50%; transform: translateY(-50%);}
.main-wrap .con1 .slide-control .prev{ margin-left: 40px; left: 0;}
.main-wrap .con1 .slide-control .next{ margin-right: 40px; right: 0;}
.main-wrap .con1 .slide-control .fal{font-size: 13px;}
.main-wrap .con1 .slide-control .prev .fal{transform: translateX(-2px);}
.main-wrap .con1 .slide-control .next .fal{transform: translateX(2px);}
.main-wrap .con1 .slide-control .btn-hover-wrap{width: 15%; min-width: 70px; height: 100%;  position: absolute; top: 0; opacity: 0; transition: 0.8s; pointer-events: all;}
.main-wrap .con1 .slide-control .btn-hover-wrap:hover{opacity: 1;  pointer-events: all;}
.main-wrap .con1 .slide-control .btn-hover-wrap:active{pointer-events: none;}
.main-wrap .con1 .slide-control .btn-hover-wrap.left{left: 0; transform: scale(1.05);}
.main-wrap .con1 .slide-control .btn-hover-wrap.right{right: 0;}
.main-wrap .con1 .slide-right{float: left;width: 66.4%;height: 100%;margin-top: 70px;}
.main-wrap .con1 .slide-right .large-slide-wrap{width: 94%;height: 100%;position: relative;overflow: hidden;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide{pointer-events: none;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide.thisSlide{transform: scale(1); }
.main-wrap .con1 .slide-right .large-slide-wrap .slide .slide-img{height: 100%; width: 100% ; background-size: cover; background-repeat: no-repeat; background-position: center; pointer-events: none;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller{height: 100%; position: relative; transition: 0.4s; transition-timing-function: ease-out;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller.boom{animation: boom 0.9s ease-in-out;}
.main-wrap .con1 .slide-right .large-slide-wrap .slider-roller::after{content: ""; display: table; clear: both;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide{width: 100%; height: 100%; top: 0; position: absolute; overflow: hidden;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide img{position: absolute; top: 0; pointer-events: none; transition: 1.2s;}
.main-wrap .con1 .slide-right .large-slide-wrap .slide.thisSlide img{transform: scale(1.2);}
.main-wrap .con1 .page-wrap{line-height: 1;position: absolute;left: -50px;bottom: 275px;transform: rotate(-90deg);transform-origin: left;}
.main-wrap .con1 .page-wrap p{font-size: 14px; color: #000; float: left; font-weight: 600; transform: rotate(0.03deg);}
.main-wrap .con1 .page-wrap .line{width: 110px; height: 1px; background-color: #c3c3c3; display: block; float: left; margin: 0 50px; margin-top: 8px;}


/* 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: 35px;color: #fff;outline: none;}



.full-ctrl .swiper-button-prev {left: -5%;}
.full-ctrl .swiper-button-next {right: -5%;}

.full-slide01 {width:100%; margin:auto;}
.full-container01{height: 85vh;}
.full-ctrl01 .nav-btn{color:#777777;}
.full-ctrl01 .nav-btn:hover{ opacity:0.5;}


/* prologue*/

.main-subtxt{margin: 0 auto;position: relative;}
.main-subtxt .info-txt{color: #828282;max-width:1200px;margin: 60px auto;}
.main-subtxt .info-txt h2{font-size: 32px;font-weight: 300;width: 55%;float: left;letter-spacing: 5px;}
.main-subtxt .info-txt h2:after {content:'';position:absolute;right: 35%;top: 69%;width: 31%;height:1px;background:#c8c8c8;}
.main-subtxt .info-txt h3{font-size: 13px;font-weight: 500;float: right;text-align: right;margin-top: 20px;}
.main-subtxt .info-txt p{font-size: 12px;margin-bottom: 22px;opacity: 0.8;line-height: 1.75; letter-spacing: 0;}

.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: 57%;float: left;}
.prologue .pr-box  .txt::after{content: ""; display: table; clear: both;}
.prologue .pr-box  .txt1{padding: 45px 0 65px;}
.prologue .pr-box  .txt1 h2{font-size: 45px;text-align: center;font-weight: 200;/* padding-right: 250px; */margin-top: 35px;font-family: 'Didact Gothic', sans-serif;line-height: 2;letter-spacing: 5p;}
.prologue .pr-box  .txt1 h2 span {display:block;font-size: 15px;opacity: 0.8;line-height: 1.2;}
.prologue .pr-box  .txt1 .right{/*margin-bottom: 100px;*/margin-bottom:0;width: 40%;}
.prologue .pr-box  .txt1 .right h3{font-size: 14px;margin-top: 55px;font-weight: 500;line-height: 2;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: 35px;}
.prologue .prview li{width: 49%;float: left;/* height: 600px; *//* margin-left: 1%; */margin-bottom: 1%;opacity:1;overflow:hidden;margin: 1%;}

.prologue .prview li:first-child{margin-left: 0;}
.prologue .prview li:last-child{margin-right: 0;}


.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;}

.prologue .prview li div:hover{transform:scale(1.1); transition:1.5s; opacity:0.85;}  




.block-info-wrap{max-width:1200px;margin: 20px auto 0;}
.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: 16px;line-height: 1.88;font-family: 'Pretendard-Regular';text-align: center;}


.pr-box{margin-bottom:8%;}


/* main max*/

#stay {max-width: 1300px;margin:0 auto 5%;}











.main{max-width:80%;margin: 4% 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 sub */
.main-subtxt{margin: 68px auto 0;height: auto;padding-top:68px;padding-bottom: 11%;/*border-top: 1px solid #e7e7e7;*/}
.main-subtxt .txt{padding-top: 307px;text-align: right;}
.main-subtxt .txt h3{font-size: 71px;font-weight: 500;line-height: 1;margin-bottom: 29px;font-family: 'Didact Gothic', sans-serif;}
.main-subtxt .txt p{font-size: 17px;color: #747474;font-weight: 100;font-family: 'NotoSerifKR';}
.main-subtxt .txt span{font-size: 15px;display: block;line-height: 2;letter-spacing: -0.5px;margin-top: 20px;opacity: 0.7;font-family: 'Pretendard-Regular';}
.main-subtxt .txt a {display: block;width: 11%;border: 1px solid #a3a3a3;background: #a3a3a3;color: #fff;float: right;text-align: center;margin-top: 33px;font-size: 12px;padding: 8px 0;}
.main-subtxt .img-wrap.left{position: absolute;left: 0;}
.main-subtxt .img-wrap.left li{float: left; margin-right: 15px; position: relative; overflow: hidden; transform: translateY(50px);}
.main-subtxt .img-wrap.left li:last-child{transition-delay: 0.2s;}

.main-subtxt .img-wrap.left li img{display: block; width: 100%;}


/*main roompre*/

.inner-con .tit{font-size: 12px;text-align: center;margin-top: 120px;margin-bottom: 34px;}
.inner-con .tit h2{font-weight: 400;line-height: 1.6;letter-spacing: 4px;color: #535353;font-family: 'Didact Gothic', sans-serif;}
.inner-con .tit h3{font-weight: 100;}
.main_roompre .box .info-con{float: left; width: calc(33.3333% - 5px); padding-right: 10px;  position: relative;}
.main_roompre .box .right {padding-right:0;}

.main_roompre .box::after{content: ""; display: table; clear: both;}
.main_roompre .box .info .img{position: relative; overflow: hidden;}
.main_roompre .box .info .img img{transition: 1.5s;}
.main_roompre .box .info .img:hover img{transform: scale(1.1);}
.main_roompre .box .size1 .img{height: 635px;margin-bottom: 10px;}
.main_roompre .box .size2 .img{height: 316px;margin-bottom: 10px;}
.main_roompre .box .size3 .img{height: 760px;margin-bottom: 10px;}
.main_roompre .box .size4 .img{height: 642px;}
.main_roompre .box .size5 .img{height: 635px;margin-bottom: 10px;}
.main_roompre .box .size6 .img{height: 517px;}
.main_roompre .box .size7 .img{height: 316px;}
.main_roompre .box .info .img img{height: 100%; width:100%;}


.sub_tab-menu{margin-bottom: 45px;text-align: center;}
.sub_tab-menu li{margin-left: 30px;display: inline-block;/*border-bottom: 1px solid #ccc;*/ opacity:0.8;}
.sub_tab-menu li:first-child {margin-left:0;}
.sub_tab-menu li a{font-size: 17px;color: #818181;font-family: 'Didact Gothic', sans-serif;font-weight: 500;letter-spacing: 0.3px;}
.sub_tab-menu li::after{content: ""; display: block; height: 1px; background-color: #333; transform: scaleX(0); transition: 0.8s;}
.sub_tab-menu li.on::after{transform: scaleX(1);}
.sub_tab-menu li.on a{color: #333;font-weight: 600;}
.sub_tab-menu li:hover a{color: #333;}
.sub_tab-menu li:hover::after{transform: scaleX(1);}
 
/* main sppre */
.main_spre{margin-top: 6%;}
.main_spre .spbox{margin-bottom:15px; overflow:hidden;}

.main_spre .spText {text-align:center;width: 63%;margin: 2% auto 0%;padding: 0 0 1% 0;}
.main_spre .spText dt{font-size: 24px;letter-spacing: 0.02em;line-height: 2.5;margin-bottom: 26px;color:#686666;font-family: 'Italiana', serif;}
.main_spre .spText dt small {display:block;font-size: 15px;color: #a7a7a7;padding-bottom:25px;border-bottom: 1px solid #eaeaea;font-family:  'Pretendard-Light';}
.main_spre .spText dd {font-size: 14px;line-height: 2em;font-family: 'Pretendard-Regular';}
.main_spre .spbox ul li {overflow:hidden;}
.main_spre .spbox  img{transition: 1.5s; width:100%;}
.main_spre .spbox :hover img{transform: scale(1.1); transition: 1.5s;}


/* room */
.info-subtxt{margin: 8.5% auto 0;position: relative;max-width: 1200px;}
.info-subtxt .info-txt{color: #454545cc;max-width:1200px;text-align: center;margin-bottom: 35px;}
.info-subtxt .info-txt h2{font-size: 20px;font-weight: 300;letter-spacing: 1px;margin-bottom: 10px;text-transform: uppercase;font-family: 'Didact Gothic', sans-serif;}
.info-subtxt .info-txt p {font-size: 14px;letter-spacing: -0.6px;font-family: 'Didact Gothic', sans-serif;letter-spacing: 4px;}

.room_info_txt {margin: 80px auto 65px;padding: 40px 0;/* border:1px dotted #b9cccd; */border-left:none;border-right:none;overflow:hidden;}

.room_info_txt .info_box {/* width: 70%; *//* float:left; */overflow:hidden;padding-top: 20px;}
.room_info_txt .info_box p {font-size: 16px;margin-top: 5px;font-family: 'Pretendard-Regular';}
.room_info_txt .info_box span {letter-spacing: 3px;font-size: 20px;color: #434343;font-family: 'Pretendard-Regular';font-weight: 500;}
.room_info_txt .notice {/* float:left; *//* width: 30%; */margin-left: 0%;border-bottom: 1px solid #ccc;/* padding-left: 50px; */padding-bottom: 35px;text-align: center;}
.room_info_txt .notice ul {margin-top: 15px;}
.room_info_txt .notice li {color:#5f5f5f;list-style:none;font-size: 16px;line-height: 1.8;font-family: 'Pretendard-Regular';width: 50%;display: inline;margin-right: 55px;}
.room_info_txt .notice span {font-size: 25Px;letter-spacing: 3px;font-family: 'Pretendard-Regular';color: #434343;font-weight: 500;}

.sub-infoba{background:#fafafa; padding:80px 0;margin-bottom: 7%;} .sub-infoba .stay {max-width:1200px; margin:auto;}
.sub-infoba .img-box{width: 45%;float: left;}
.sub-infoba  .info .img-con{/*width: calc(50% - 30px);*/ width:90%; /*height: 260px;*/ height: 425px; background-size: cover; background-repeat: no-repeat; background-position: center; float: left; margin-right:10px ; margin-bottom: 10px;opacity: 0.85;}
.sub-infoba .info .info-box {width: 100%;padding-left: 20px;float: right;padding-top: 15px;}
.sub-infoba .info::after{display: table; content: ""; clear: both;}
.sub-infoba .info-box .txt ul{margin: 30px 0  50px;margin-left: 20px;}
.sub-infoba .info-box .txt li{font-size: 17px;position: relative;color: #3d3d3d;line-height: 1.6;font-family: 'Pretendard-Regular';}
.sub-infoba .info-box .txt li::before{content: ""; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #959595; position: absolute; top: 0.5rem; left: -15px;}
.sub-infoba .info-box .txt li span {padding-left:10px;}
.sub-infoba .room-infotxt {font-size: 21px;color: #494949;font-family: 'Pretendard-Regular';font-weight: 100;} .room-infotxt b {letter-spacing: 2px;/* font-size: 22px; */margin-right: 14px;font-family: 'Didact Gothic', sans-serif;}
.sub-infoba .icon ul li{float: left; width: 10%; text-align: center;}
.sub-infoba .icon ul{margin-top: 30px; margin-bottom: 50px;}
.sub-infoba .icon ul::after{display: table; content: ""; clear: both;}
.sub-infoba .icon ul li .fal{font-size: 22px; color: #959595;}
.sub-infoba  .icon ul li span{display: block;font-size: 10px;margin: 3px 0 15px;color: #959595;font-family: 'Didact Gothic', sans-serif;}

.roomend{max-width: 1450px;margin: 0% auto 0;}




img{width: 100%;}	
.room_point{margin: 80px auto 30px;/* max-width:1400px; */position: inherit;display: inline-block;}
.room_point .point_info .txt{float: left;padding-top: 12%;width: 27%;}
.room_point .point_info .txt h2{font-size: 35px;color: #d6c3ab;font-weight: 100;text-align: left;transform: translateX(0px);font-style: italic;display: block;font-family: 'Cormorant Garamond', serif;}
.room_point .point_info .txt h3{font-size: 20px;font-weight: 500;/* font-style: italic; */color: #a5957f;line-height: 2.6;margin-bottom: 30px;font-family: 'Jeju Myeongjo', serif;}
.room_point .point_info .txt h4{font-size: 15px;color: #878787;margin-bottom: 10px;font-weight: 400;font-family: 'ELAND_Choice_M';}
.room_point .point_info .txt p{font-size: 10px;line-height: 2;padding-top: 1.5px;color: #d8d8d8;}
.room_point .point_info .point_img{float: right;/* width: 73%; */margin-bottom:55px;}
.room_point .point_info .point_img img{/* width: calc(40%); */margin-right: 24px;display: block;float: left;transition: 1.8s;margin-bottom: 15px;}
.room_point .point_info .point_img img:last-child{margin-right: 0;}
.point_img{ float:left;}
.room_point .point_info .le {width: 32%;float:left;left:0;top: 6px;} .room_point .point_info .ce {width: 66%;left:0;float:0;} .room_point .point_info .ri {width:48%; left:0; float:left; display:inline-flex;} .room_point .point_info .ri img {height:170px;}
.room_subimg{ max-width:80%; margin: auto;} .room_subimg > div {margin-bottom:100px;}
.popup-gallery {overflow:hidden; transition:0.8s;}
.popup-gallery a {overflow: hidden; display: block;}
.popup-gallery img{transition:0.8s;} 
.popup-gallery img:hover{opacity: 0.75; transition:0.8s; transform:scale(1.1);} 



/* special */
.special_pre{/*margin-top:12%;*/ border-bottom:1px solid #ccc;}

.sub_spre{margin-top:40px;}
.sp-list { margin:0px auto 0;  padding-top:25px;} 
.sp-list > ul > li:after { content:""; display:block; clear:both;}
.sp-list li .img-txt {position:relative;float:left;width: 60%;margin-bottom: 70px;z-index:1;}
.sp-list li{margin-bottom: 6.5%;} .sp-list li:last-child { margin-bottom:0;}

.info-txt-wrap{display: inline-block;/* margin-top: 20px; */text-align: center;width: 100%;}
.info-txt-wrap .line{display: block;width: 50px;height: 1px;background-color: #909090;margin-bottom: 0px;transition: 0.8s;left: 0;right: 0;margin: auto;}
.info-txt-wrap p{font-size: 17px;margin: 40px 0 20px;font-family: 'Pretendard-Regular';}
.info-txt-wrap p.eng{font-size: 10px;color: #ccc;font-family: 'Didact Gothic', sans-serif;}
.info-txt-wrap p span {color:#cd0000;}

.spinfo_slider .txt {float:right;width: 40%;padding: 0 0px 0 90px;text-align:center;color: #909090;margin-top: 11%;}
.spinfo_slider .txt span {font-size: 15px;display: block;}
.spinfo_slider .txt strong {display:block;font-size: 24px;}
.spinfo_slider .txt p {padding: 15px 0;font-size:16px;font-weight:200;}

.sp-list .lSAction {position:absolute;width:97px;height:48px;right:0;bottom:0;z-index: 99;}
.sp-list .lSAction a {display:block;width:48px;height:48px;background: #ffffff;color: #919191;text-align:center;font-size: 1em !important;line-height:48px;opacity:1;margin:0;top: 0;}
.sp-list .lSAction>.lSPrev {left:0;}
.sp-list .lSAction>.lSNext { right:0;} 

.sp_end_img{margin: 5px auto 70px;}
.special-view { position:relative;margin:5% auto 0%; }
.sp_txt{text-align: center;margin-top: -38px;}
.sp_txt .wrapper{display: inline-block;width: 100%;padding: 1px 20px;}
.sp_txt .col{width: 100%;float: left;}
.sp_txt .col.tit{text-align: center;font-size: 50px;font-weight: bold;line-height: 1;letter-spacing: -1.4px;color:#7c7c7c;}

.spend-img-wrap{margin: 8% auto 0; position: relative;}
.spend-img-wrap::after{content: ""; display: table; clear: both;}
.spend-img-wrap .img{width: calc(49.77% - 0px);float: left;margin-bottom: 4px;overflow: hidden;opacity: 0.90;}
.spend-img-wrap .img img{display: block; width: 100%; transition: 1.5s;}
.spend-img-wrap .img:nth-of-type(2n - 1){margin-right: 4px;}
.spend-img-wrap .img img:hover{ transform:scale(1.1); transition:1.5s; opacity:0.85;}  




/* sub bgimg */
.sub-view .slide { height:555px; }
.sub-txt {margin: 65px auto 45px;text-align: center;}
.sub-txt strong {display: block;font-size: 27px;letter-spacing: 0px;font-weight: 100;letter-spacing: 3px;font-family: 'Pretendard-Regular';color: #434343;text-transform: uppercase;}
.sub-txt p {/* margin-top: 16px; */font-size: 18px;color: #434343;font-weight: 100;letter-spacing: 5px;font-family: 'NotoSerifKR';}

/* 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;}



.tour-list .txt {float: left;width: 100%;padding: 33px 20px 33px 20px;text-align: initial;}
.tour-list .txt em {font-size: 16px;color: #696969;font-style: initial;font-family: 'NotoSerifKR';opacity: 0.8;}
.tour-list .txt em small {font-weight: 600;letter-spacing: 2px;font-family: 'Italiana', serif;}
.tour-list .txt strong {display:block;font-size: 20px;color: #62656c;margin: 0px 0 25px 0;letter-spacing: 3px;font-family: 'Italiana', serif;}
.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: 60px 0 80px;color:#3a3a3a;font-size: 13px;line-height:1.8;letter-spacing: -0.02em;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:12px;float: right;font-family: 'Pretendard-Regular';}
.tour-list .txt a:hover {background: #62656c;border: 1px solid #62656c;transition:0.8s;color:#fff;}

/* rev */
.rev_info{}

.revinfo .plus-width .img{overflow: hidden;width: 100%;position: relative;margin-bottom: 50px;}
.revinfo .plus-width .img img{display: block; width: 100%;}
.revinfo .info-tit h3{font-size: 20px;font-weight: 100;line-height: 1.5;text-transform: uppercase;display:grid;font-family: 'Pretendard-Regular';letter-spacing: 3.3px;}
.revinfo .info-tit p{font-size: 17px;font-weight: 600;margin-left: 4px;opacity: 0.8;font-family: 'Pretendard-Regular';letter-spacing: 5px;}
.revinfo .txt-section::after{content: ""; display: table; clear: both;}
.revinfo .info-tit{/* float: left; *//* width: 244px; */margin-bottom: 3%;/* text-align: center; */display: inline-flex;}
.revinfo .info-txt{/* float: right; *//* width: calc(100% - 330px); */}
.revinfo .info-txt p{font-size: 15px; color: #666; line-height: 1.8;}
.revinfo .info-txt h4{font-weight: 600;font-size: 1em;margin-bottom: 7px;opacity: 0.7;font-family: 'Pretendard-Regular';letter-spacing: 3px;}
.revinfo .info-txt li{font-size: 16px;color: #666;line-height: 2;font-family: 'Pretendard-Regular';}
.revinfo .info-txt li span {color: #d14f4f;font-weight: 600;}


.revinfo .info-txt p.reser-txt{font-size: 16px;border-bottom: 1px solid #cccccc;font-family: 'Pretendard-Regular';}
.revinfo .info-txt p span{color: #86A5A6;  font-weight: 600;  letter-spacing: 2px; padding-right: 20px;}
.revinfo .txt1{padding-bottom: 55px;border-top: 1px solid #ccc;padding-top: 35px;}
.revinfo .reser-txt{ font-weight: 400;}
.revinfo .info-txt .reser_box{margin: 0; margin-top: 30px;}
.revinfo .top-line-box{/* margin-top:15px; */}
.revinfo .info-txt ul{margin-bottom: 27px;}
.revinfo .info-txt ul .dash_b{font-family: 'Pretendard-Regular';}

.revinfo .txt2{padding: 70px 0;}
.revinfo .txt2 h4{margin-top: 40px; font-size: 15px; color: #666;}
.revinfo .talbe-wrap:last-child{margin: 50px;}
.revinfo .talbe-wrap h2{font-size: 24px; text-align: center; font-weight: 400; margin-bottom: 10px;}

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

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: 7px 0;font-size: 13px;font-family: 'Pretendard-Regular';letter-spacing: 5px;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 7px 0px;font-size: 13px;font-family: 'Pretendard-Regular';}
table td {border: 0.1px solid #ccc;line-height:3;}
#mo {display:none;}

.sup_rev a { display:inline-block;   margin-top: 20px;   background: #6b6b6b; border:1px solid #6b6b6b;  color: #fff;text-align:center;font-size: 12px;padding: 5px 30px;font-family: 'Pretendard-Light'; transition: all 0.3s ease-in-out;}
.sup_rev a:hover {color: #6b6b6b; background-color: #fff; border:1px solid #6b6b6b; transition: all 0.3s ease-in-out;}


/*more*/
.js-box {max-width: 1200px;border-top: 1px solid #eaeaea;padding-top: 1%; margin:auto;}
.js-load { display: none;}
.js-load.active {  display: block;width: 100%;padding: 0 10px;}
.is_comp.js-load:after { display: none;}
.btn-wrap, .lists, .main { display: block;}
.js-box .button { text-align: center;border: 1px solid #ccc;margin: auto;padding: 10px 35px;font-size: 12px;color: #565656; transition:0.8s;} 
.js-box .button:hover {background:#9f9f9f; color:#fff; transition:0.8s;}
.btn-wrap{margin: 0% auto 3%; left:0; right:0; text-align:center;}

.roomend_img {display: flex; justify-content: space-between; /* padding-left: 10px; */ /* padding-right: 10px; */ margin-bottom:20px;}
.roomend_img img {width: calc(100% / 3 - 20px); margin: 0px 10px 0; object-fit: cover; }



/* ami */


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



/* media */

@media all and (max-width : 1760px){
    .main-wrap .con2 .intro-section .img-wrap{left: auto; margin: 0; right: 30px; bottom: 180px;}
    .main-wrap .con2 .intro-section .img-wrap img{width: 250px;}
    .main-wrap .con2 .main-special-preview-wrap .img-wrap.left li:nth-child(1){width: 24vw;}
    .main-wrap .con2 .main-special-preview-wrap .img-wrap.left li:nth-child(2){width: 18vw;}
    
}


@media all and (max-width : 1600px){
	.sub-view .slide{height:444px;}

}

@media all and (max-width : 1500px){
	.main{max-width:90%;}
   #stay{max-width:1080px;} .sub-infoba .stay{max-width:1080px;}
   .main-wrap .con1 .main-slide-wrap{width:100%;}
   
   .main-wrap .con2 .intro-section .img-wrap .img{width: 250px; }
    .main-wrap .con2 .main-special-preview-wrap .img-wrap.right{right: 30px;}  
   
   .sub-view .slide{height:390px;}
   
   .main_vido #vido_sub{height:675px;}
    .main-wrap .con1 .slide-left .info{ right:100px; width:calc(100% - 200px);}
	
	.main_title {margin-top:100px;}
}

@media all and (max-width : 1400px){
	 #stay{max-width:1000px;} .sub-infoba .stay{max-width:1000px;}
	 .sub-view .slide{height:350px;}
	
	.main_title{margin-top:110px;}
	.main_title p{/* margin: 15px 0 10px 0; */}
	
	.main-wrap .con1 .main-slide-wrap{margin:10px auto 0;}
    .main-wrap .con1 .slide-left .info{ right:100px; width:calc(100% - 200px); bottom:-50px;}
	.main-wrap .con1 .slide-left .small-slide-wrap{margin-right:70px;}
	
	.revinfo .info-tit h3{font-size:17px;}
	.revinfo .info-txt{/* width: calc(100% - 280px); */}
	
	.main_vido #vido_sub{height:565px;} .main_vido{margin-bottom:55px;}
	
	.full-container01{height:90vh;}
	
	.prologue .pr-box .wide-img{height:365px;}
	.pr-box{/* margin-bottom:35%; */}
	.prologue .prview li{/* height:515px; */} .prologue .prview{/* height:1045px; */}
	.roomend{ max-width:1200px;}

	.main-wrap .con1 .slide-left .txt h3{font-size: 20px; line-height: 0.2;}
	.main-wrap .con1 .slide-left .txt p{font-size: 12px;}
	
	.main-subtxt .txt h3{font-size: 55px;}
	.main-subtxt .txt p{font-size: 14px;} .main-subtxt .txt span {font-size: 13px; margin-top: 60px;}
	

    
}

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

@media all and (max-width : 1280px){
    .main-wrap .con2 .intro-section .img-wrap{bottom: 200px;}
    .main-wrap .con2 .intro-section .img-wrap .img{display: inline-block; margin-right: 15px;}

	.info-txt-wrap p{font-size: 16px;letter-spacing: -0.5px;}
	.tour-list .txt strong{font-size:17px;} .tour-list .txt em{font-size:14px;} .tour-list .txt p{font-size:12px;}
	.sub-infoba .info-box .txt li{ font-size:13px;}
}


@media all and (max-width: 1025px){
	.main{ max-width:95%;}	
	 #stay{max-width:95%;/* display:flow-root; */} .sub-infoba .stay{max-width:95%;}
	 .main-wrap .con1 .main-slide-wrap{max-width:100%;}
	 .main-wrap .con1 .slide-left .info{width:calc(100% - 100px); right:45px; bottom:-100px;}
	 .roomend{max-width: max-content;}
	 
	.full-ctrl .swiper-button-prev {left: 1%;}
	.full-ctrl .swiper-button-next {right: 1%;}
	
	.pr-box{margin-bottom:10%;}

	.prologue .pr-box aside{width: 100% !important;float: none;} .prologue .pr-box aside{width:100%; text-align:center;}
	.prologue .pr-box .txt1 h2{margin-top:0;font-size: 25px;} .prologue .pr-box .txt1 h2 span{font-size: 10px;padding-top: 13px;}
	.room_point{margin: 80px auto 10px;}
	.room_point .point_info .point_img img{margin-bottom: 5px;}
	.room_point .point_info .point_img{margin-bottom: 0;}
	
	.revinfo .info-tit{display: block;}

}

@media all and (max-width: 950px){
	.hd{height: 8%;/* background:none; */}
	.main-subtxt{ padding-top:15px;}
	.main-subtxt .img-wrap.left li{width:75%;} .main-subtxt .txt{padding-top:240px;}
	.main-subtxt .txt h3{font-size:30px;} .main-subtxt .txt span{font-size:11.5px;margin-top: 20px;}
/*	.prologue .pr-box .wide-img{height:444px;}*/
	
	.main_roompre .box .size1 .img{height: auto; margin-bottom: 2px;}
	.main_roompre .box .size2 .img{height: auto; margin-bottom: 2px;}
	.main_roompre .box .size3 .img{height:  auto;  margin-bottom: 2px;}
	.main_roompre .box .size4 .img{height: auto;}
	.main_roompre .box .size5 .img{height: auto; margin-bottom: 2px;}
	.main_roompre .box .size6 .img{height: auto;}
	.main_roompre .box .size7 .img{height: auto;}
	
	.prologue .prview li{/* height:350px; */}
	.spend-img-wrap .img:nth-of-type(2n - 1){margin-right:3px;}
	
	.main_roompre .box .right{padding-right:8px;}
	
	.pr-box{margin-bottom:20%;}
	
	.room_info_txt .notice li{display: block;width: 100%;margin-right: 0;font-size: 15px;}
	.room_info_txt .notice{text-align: left;}
 
}

@media all and (max-width: 850px){
	.main{margin:14% auto 3%;}
	
	.full-container01{height:50vh;}
	.prologue .prview{/* height:0; */}
	
	.main-subtxt .img-wrap.left li{width:62%;}
	
	.main-wrap .con1 .main-slide-wrap{height:55vh;}
	.main-wrap .con1 .slide-left{ width:100%; float:none;}
	.main-wrap .con1 .slide-right .large-slide-wrap{width:95%; margin:auto;}
	.main-wrap .con1 .slide-right{width:100%; margin-top:0;}
	.main-wrap .con1 .slide-left .info{width:40%; float:none; right:0; bottom:0; right:0; left:0; margin:auto;}
	.main-wrap .con1 .slide-left .small-slide-wrap{ margin-right:0;}
	
	.revinfo .info-tit{width:100%;float: none;margin-top:0;margin-bottom: 10.5%;text-align: center;}
	.revinfo .info-txt{width:100%; float: none;}
	
	.main_vido #vido_sub{height: 410px;} 
	
	
	.sub-infoba .info-box .txt li span{display: block;padding-left: 0;font-weight: 100;}
	
	.sub-infoba .room-infotxt{font-size: 16px;}
}


@media all and (max-width: 555px){
   .sub-view .slide{height:220px;}
   
   .tour-list li{ width:100%;}
   
   .main-wrap .con1 .slide-left .info{/* bottom:-60px; */}
   .main-wrap .con1 .slide-left .txt{margin-top:18px;margin-bottom: 36px;}
   .main-wrap .con1 .slide-left .txt h3{/* font-size:15px; *//* margin-bottom:10px; */}
   .main-wrap .con1 .slide-left{margin-bottom:30px;}
   
   .spend-img-wrap .img:nth-of-type(2n - 1) {margin-right:1px;} .spend-img-wrap .img{margin-bottom:1px;}
   
   .room_info_txt .info_box{ width:100%;} .room_info_txt .info_box p{/* padding-bottom:30px; */}
   .room_info_txt .notice{width:100%; padding-top:30px; padding-left:0; border-left:0; border-top:1px solid #ccc;}

   .sub-infoba .img-box{width:100%; float:none;} .sub-infoba .info .img-con{width:100%;}
   .sub-infoba .info .info-box{width:100%; padding-left:0;}
   
   .main-subtxt .img-wrap.left li{ width:100%;}
   .main-subtxt .img-wrap.left{position:inherit;}
   .main-subtxt .txt{padding-top:100px; display:inline-block; width:100%;}
   .prologue .pr-box .wide-img{height:200px;}
   

   .main_roompre .box .info-con{padding-right:3px; width:calc(33.3333% - 0px);}
   .main_roompre .box .right {/* padding:0px !important; */ }
   .main_roompre .box .size1 .img{height: auto; margin-bottom: -5px;}
	.main_roompre .box .size2 .img{height: auto; margin-bottom: -5px;}
		.main_roompre .box .size3 .img{height: auto; margin-bottom: -5px;}
	.main_roompre .box .size4 .img{height: auto;}
	.main_roompre .box .size5 .img{height: auto; margin-bottom: -5px;}
	
	.main_spre .spText{width:100%;}
	
	.main_vido #vido_sub{height: 300px;}
	.prologue .prview li{/* height:250px; */}
	
	.full-ctrl01 .nav-btn{color:#fff;}
	.full-ctrl .swiper-pagination-bullet{margin:0 3px;} .full-ctrl .full-pagination{ bottom:20px;}
	
	.js-load.active{padding:0 0px; margin:0; margin-bottom:10px;}
	.roomend_img{display:block; }
	
	.prologue .pr-box .txt1 .right h3{margin-top: 33px;line-height: 1.5;} .prologue .pr-box .txt1 .right p{font-size:12px;}
	
	.main_vido{margin-bottom:0;}
	.pr-box{margin-bottom:40%;}

}
@media all and (max-width: 450px){
	.main{margin:22% auto 0;} .main-subtxt{padding-top:0;}
	.full-container01{height:38vh;}
	
	.prologue .pr-box .wide-img{ height:145px;}
	.prologue .pr-box .txt1{padding:45px 0 35px;}
	.pr-box{margin-bottom:25%;}
	.main_spre .spText dd{font-size:12px;}
	.main_spre .spText dt{font-size:19px;}
	
	.sub-txt strong{font-size:20px;} .sub-txt p{margin-top:10px; font-size:12.5px;}
	.block-info-wrap .tit p b{font-size: 14px;/* width:100px; */}
	.block-info-wrap .tit p{font-size: 14px;letter-spacing: -0.5px;}
	
	.main-subtxt .txt p{ font-size:14px;}
	
	.inner-con .tit{margin-top: 65px; margin-bottom: 25px;}
	.main_roompre .box .size1 img{margin-bottom: 0;}
	.main_roompre .box .size2 img{margin-bottom: -3px;}
	.main_roompre .box .size3 img{margin-bottom: 0;}
	.main_roompre .box .size5 img{margin-bottom: -3px;}
	.main_roompre{padding: 1px 0 65px;}
	.sub_tab-menu li{margin-left: 14px;}
	

	.main_title h1{font-size: 35px;} .main_title p{/* font-size:12px; */} .info-subtxt .info-txt{margin-bottom:15px;}
	.info-subtxt .info-txt h2{font-size: 27px;} .sub_tab-menu li a{font-size:12px;}
	.room_info_txt .info_box span{font-size:17px;} .room_info_txt .info_box p{font-size: 14px;letter-spacing: -0.5px;}
	
	.room_info_txt{margin: 0 auto 15px;}
	.sub-infoba .info .img-con{height:300px;}
	
	.sub-infoba .info-box .txt li{font-size: 14px;font-weight: bold;margin-bottom: 10px;} .sub-infoba .icon ul li{ width:20%;} .sub-infoba .icon ul li span{letter-spacing:-0.4px;}
	
	.roomend{/* margin-top:30px; */} .sub-infoba{padding:30px 0;}
	.prologue .prview li{/* height:195px; */width: 49%;}
	
	.main-wrap .con1 .main-slide-wrap{height:44vh;}
	.main-wrap .con1 .slide-left .info{width:55%;}

	.tourinfo{padding-top:20px;} .tour-list .txt{padding:30px 10px 30px 10px;}
	
	.revinfo .info-txt li{font-size: 14px;}
	
	table th{font-size:10px;} table tr td{font-size:10px;}
	#mo {display: block; display:revert;} #pc {display:none;}
	
	.inner-con .tit{margin-top:60px;}
	
	.root_daum_roughmap .wrap_map{height:300px !important;}
}
@media all and (max-width: 415px){	
.main_roompre .box .info-con{ padding-right:3px;}

}

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

}

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

}