@charset "utf-8";
/*default*/
*{margin: 0; padding: 0; box-sizing: border-box;}
html,body{width: 100%;height: 100%;font-family: "Noto Sans KR","Lato",sans-serif;background-color: #fbf9f6; color: #666;}
li{list-style: none;}
a{text-decoration: none;}
button,input,a{border: 0; background-color: transparent; outline: none; color: #4E4E4E;}
section,footer{position: relative;background-color: #fbf9f6;}

.slick-slide, .slick-slide * {outline: none !important;}
.full-page-wrap .slide{height: 95vh;filter: brightness(105%);/* image-rendering: pixelated; */}
.slide{background-size: cover; background-repeat: no-repeat; background-position: center;}


html ::selection{background-color: #000000;color:#fff;}

::-webkit-scrollbar {width: 4.5px;}
::-webkit-scrollbar-thumb {background-color: #222222;}
::-webkit-scrollbar-track {background-color: #737373;}


/* main */
.inner-con{width: 80%; margin: 0 auto; position: relative;}

.con1{z-index: 0;}
.con1 .slick-dots{position: absolute; top: 50%; right: 70px; transform: translateY(-50%);}
.con1 .slick-dots li button{width: 10px; height: 10px; background-color: white; border-radius: 50%;}
.con1 .slick-dots li.slick-active button{background-color: #333;}


.con1 .main-tit{position: absolute;bottom: 7%;/* right: 0; *//* left: 0; */text-align: center;z-index: 10;color: white;pointer-events: none;width: 100%;}
.con1 .main-tit h3{font-size: 15px;font-weight: 100;letter-spacing: 0;font-family: 'RIDIBatang';text-transform: capitalize;line-height: 3;}
.con1 .main-tit h1{font-size: 45px;font-weight: bold;font-family: "Analogue";letter-spacing: -5.5px;}
.con1 .main-tit h1 span{margin-right: 0;}
.con1 .right-con{width: 97%;position: absolute;bottom: 20%;right: 0px;z-index: 10;}
.con1 .scroll-down{writing-mode: vertical-lr; color: white;font-weight: 100; min-height: 10em; font-family: "Perpetua",sans-serif;-ms-writing-mode: tb-lr; cursor: pointer; white-space: nowrap; position: relative;}
.con1 .right-con .scroll-down .mouse{width: 17px; height: 27px; background-color: white; border-radius: 17px; margin-top: 10px; margin-bottom: 20px; position: relative; position: absolute; bottom: -55px; right: 0;}
.con1 .right-con .scroll-down .mouse .whell{position: absolute; width: 3px; height: 8px; background-color: #a25d44; border-radius: 3px; left: 7.5px; top: 5px; animation: whell 2s ease-in-out infinite;}
.con1 .scroll-down p{font-size: 16px; transition: 0.8s;}
.con1 .scroll-down p:hover{color: #333;}

.con1 .page-control{margin-bottom: calc(50vh - 300px);position: relative;right: 15px;display: flex;}
.con1 .page-control .slickBtn{width: 30px;height: 30px;line-height: 20px;text-align: center;border-radius: 50%;border: 1px solid white;cursor: pointer; transition: 0.5s;}
.con1 .page-control .slickBtn:hover {background: rgba(255,255,255,0.5); transition: 0.5s;}
.con1 .page-control .line{display: none;margin: 15px auto;display: block;/* width: calc(100% + 45px); */height: 1px;background: no-repeat;}
.con1 .page-control .fal{font-size: 10px;color: white;text-align: center;}

.con2 .page-control{position: absolute;right: 15px;bottom: 15px;z-index: 3;}
.con2 .page-control .slickBtn{width: 45px; height: 45px; line-height: 45px; text-align: center; border-radius: 50%; border: 1px solid white; cursor: pointer;}
.con2 .page-control .line{margin: 15px auto; display: block; width: calc(100% + 45px); height: 1px; background-color: white;}
.con2 .page-control .fal{font-size: 22px; color: white; text-align: center;}

.con1 .full-video{height: 100vh;}




/*main bg*/
.main-wrap .con2 .tit{width: 900px; margin: 0 auto; color: #a69587; transform: rotate(0.03deg);}
.main-wrap .con2 .tit h2{font-family: "Hunter",sans-serif; font-size: 70px; font-weight: 100;}
.main-wrap .con2 .tit p{font-size: 16px; font-family: "Nanum Myeongjo",sans-serif; margin-top: 35px; }
.main-wrap .con2 .tit a{font-size: 14px; font-family: "Parpetua"; color: #a69587; display: inline-block; position: relative;padding-left: 80px; margin-top: 35px;}
.main-wrap .con2 .tit a:hover span{animation: line 0.8s ease-out; transform-origin: right;}
.main-wrap .con2 .tit .line{width: 65px; height: 1px; background-color: #a69587; display: inline-block; position: absolute; left: 0px; top: 0.7em;}
.main-wrap .con2{padding-top: 160px;}


/* main info */

.main_intxt {padding-top: 160px;}	
.main_intxt .tit{width: 80%;margin: 0 auto;color: #a69587;transform: rotate(0.03deg);}
.main_intxt .tit h2{font-family: "Analogue";font-size: 50px;font-weight: 100;text-transform: uppercase;}
.main_intxt .tit p{font-size: 15px;font-family: 'Pretendard-Regular';margin-top: 35px;line-height: 2;letter-spacing: -0.5px;}
.main_intxt .tit .mover_txt{font-size: 17px;font-family: "Analogue";color: #a69587;display: inline-block;position: absolute;right: 0;bottom: 10px;letter-spacing: 4px;}
.main_intxt .tit .mover_txt .line{width: 150px;height: 1px;background-color: #a69587;display: inline-block;top: -2px;left: 0;position: relative;}

.video_main{max-width: 80%;margin: 6% auto 0%;}

.grad{background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #f5f2ee);height: 20vh;}
.main_subs{width: 100%; background: #f5f2ee;}
.main_subs_grp{width: 80%;padding-top: 2%;margin: auto;}

.main_subs .left{float: left;}
.main_subs .left .img_left .pic01 {width: 800px;height: 800px;background-position: center;background-size: cover;margin-top: 5%;}
.main_subs .left .img_left .pic01.on{transition: 2s;opacity: 1;z-index: 1;/* background-position:0; */}

.main_subs .right{float: right;text-align: center;margin: 5% 8% 15% 0;}
.main_subs .right .line{width: 335px;height: 440px;border: 1px solid #937d6d; /* margin-top: 60px; */border-radius: 170px;}
.main_subs .right .line .pic02{width: 325px;height: 420px;border-radius: 170px;background-color: #e5e1d6;margin: 0 auto;margin-top: 7px;background-size: cover;background-attachment: fixed;background-position: center;}
.main_subs .right h3{font-size: 3em;color: #937d6d;letter-spacing: -1px;line-height: 1.2;font-family: "Analogue";margin: 30px 0 25px;text-transform: uppercase;font-weight: 100;}
.main_subs .right p{font-family: 'RIDIBatang';font-size: 13px;color: #797170;padding: 15px 0;line-height: 2;}



/* main room */
.room_pre{padding: 200px 0 150px;background: #f5f2ee;}
.room_pre .inner-con{display: flex;align-items: flex-start;}
.room_pre .txt{padding-top: 5%;margin-right: 0;/* text-align: center; */width: 30%;}

.room_pre .txt .tit h3{font-size: 20px;font-weight: 100;line-height: 1;margin-bottom: 60px;font-family: 'NotoSerifKR';color: #8f8f8f;letter-spacing: 5px;}
.room_pre .txt .tit h3 span {display: block;font-family: "Analogue";color: #906f6f;font-size: 80px;margin-top: 9%;letter-spacing: 5px;} 
.room_pre .txt .tit h3 span:nth-child(2){margin-left: 0.8em;transition-delay: 0.4s;margin-top: 0;}
.room_pre .txt .tit h5{font-size: 14px;font-weight: 400;letter-spacing: -0.05em;color: #5b5754;line-height: 1.8;}
.room_pre .txt .slide{display: inline-flex;align-items: flex-start;justify-content: start;margin-top: 100px; height: 0;}
.room_pre .txt .slide .btn{width: 40px;height: 40px;border-radius: 50%;/* border: 1px solid #61759b; */cursor: pointer;/* margin: 0 25px; */position: relative;display: flex;align-items: center;justify-content: center;}
.room_pre .txt .slide .btn .arrow{position: relative;}
.room_pre .txt .slide .btn .arrow::before{content: "";display: block;width: 15px;height: 1px;background-color: #99806f;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(45deg);}
.room_pre .txt .slide .btn .arrow::after{content: "";display: block;width: 15px;height: 1px;background-color: #99806f;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%) rotate(-45deg);}

.room_pre .txt .slide .btn.prev-btn .arrow{margin-left: -3px;}
.room_pre .txt .slide .btn.prev-btn .arrow::before{transform-origin: left center;}
.room_pre .txt .slide .btn.prev-btn .arrow::after{transform-origin: left center;}
.room_pre .txt .slide .btn.next-btn .arrow{margin-right: -3px;}
.room_pre .txt .slide .btn.next-btn .arrow::before{transform-origin: right center;}
.room_pre .txt .slide .btn.next-btn .arrow::after{transform-origin: right center;}

.room_pre .box{width: 70%;overflow: hidden;}
.room_pre .box .swiper-slide .click_rom{border: 1px solid #f5f2ee;display: block;padding: 20px;transition: 0.5s;}
.room_pre .box .swiper-slide .txts {padding-left: 10px;}
.room_pre .box .swiper-slide .txts h3{font-size: 30px;font-family: "Analogue";font-weight: 400;color: #906f6f;margin-top: 10px;text-align: left;text-transform: uppercase;margin-bottom: 2%;letter-spacing: 2px;}
.room_pre .box .swiper-slide .txts span {font-size: 15px;font-family: "Pretendard-Regular";letter-spacing: 1px;color: #906f6f;display: block;line-height: 2;font-weight: 600;}
.room_pre .box .swiper-slide .txts span small {font-size: 13px;font-family: "Pretendard-Regular";letter-spacing: 1px;display: block;font-weight: 100;}

.room_pre .box .info_btns {position: relative;margin-top: 9%;padding-bottom: 10px;width: 37%;border-bottom: 1px solid #906f6f;font-family: 'SUITE-Regular';text-transform: uppercase;font-size: 12px;font-weight: 500;color: #906f6f;text-align: left;letter-spacing: 5px;background: transparent;cursor: pointer;transition: all 0.3s ease;z-index: 2;padding-left: 10px;}
.room_pre .box .info_btns::after {content: '';display: block;margin-bottom: -1px;width: .8rem;height: 1px;background-color: #906f6f;position: absolute;right: 0;bottom:0;transform: rotate(65deg);transform-origin: right bottom;}

.room_pre .box .swiper-slide .img-wrap{overflow: hidden;transition:0.5s;/*border: 1px solid;*/}
.room_pre .box .swiper-slide .img-wrap .img{height: 500px;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
.room_pre .box .swiper-slide:hover .click_rom {border: 1px solid #906f6f; transition: 0.5s;}
.room_pre .box .swiper-slide:hover .info_btns{width: 30%;}



/* main special */
.mainsp_pre{padding-bottom: 7.5%;}	
.sppre_box .txt{width:100%;text-align: center;padding: 170px 0 70px;}
.sppre_box .txt h3{font-family: "Analogue";font-size: 67px;color: #906f6f;letter-spacing: 2px;position: relative;}
.sppre_box .txt h3::after{content: "";display: block;position: absolute;width: 35%;height: 1px;left: 0;top: 50%;background-color: #906f6f;}
.sppre_box .txt h3::before{content: "";display: block;position: absolute;width: 35%;height: 1px;right: 0;top: 50%;background-color: #906f6f;}


.sppre_box .txt p{font-size: 13px;line-height: 2;letter-spacing: -0.5px;margin: 2% auto;}
.sppre_box .txt ul{display: inline-block;zoom: 1;height: 60px;}
.sppre_box .txt li{float: left;border-right: 1px solid #906f6f;padding: 8px 0;width: 150px;margin: 0;cursor: pointer;transition: 0.8s;}
.sppre_box .txt li:last-child{border-right: 0;}
.sppre_box .txt li a{font-family: 'Pretendard-Regular';font-size: 11px;line-height: 1.5;letter-spacing: 1px;text-transform: uppercase;}
.sppre_box .txt li a span{font-size: 20px;}

.sppre_box .txt li.on {background: #906f6f;transition: 1.2s;}
.sppre_box .txt li.on a{font-weight: 400; color: #fff;}

	
.sppre_box .pic{height: 500px;width:100%;overflow: hidden;max-width: 70%;margin: auto;border: 1px solid #906f6f;padding: 15px;}
.sppre_box .pic .num{float: right; margin-right: 45px;margin-top: 173px;    position: relative;  z-index: 2;}
.sppre_box .pic .num .num_grp{position: relative; display: inline-block; zoom: 1; transform: rotate(90deg);right: -13px;}
.sppre_box .pic .num .num_grp span{font-family: 'TIMESS'; font-size: 16px; font-weight: 400; position: absolute; opacity: 0; transition: 0.5s;}
.sppre_box .pic .num .num_grp span.on{opacity: 1;}
.sppre_box .pic .num .line_grp{width: 2px; height: 168px; background: #fff;position: relative;top: 30px;}
.sppre_box .pic .num .line_grp .line{width: 100%; height: 25%; background: #162327; display: inline-block;position: absolute; transition: 0.5s;}


.sppre_box .pic .gallery{width: 100%;height: 100%;position: relative;overflow: hidden;}
.sppre_box .pic .gallery div{position: absolute;top: 0;left: 0;opacity: 0;transition: 1s;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: 0 0;overflow: hidden;}
.sppre_box .pic .gallery div.on{transition: 1.5s;opacity: 1;z-index: 1;background-position:0;}
.sppre_box .pic .gallery div a{display: block; width: 100%; height: 100%; transition: 1.2s;}
.sppre_box .pic .gallery div:hover {/*transform: scale(1.05); transition: 1.2s;*/}
.sppre_box .pic .gallery div a .main-more{position: absolute;left: 0;top: 0;bottom: 0;right: 0;margin: auto;color: #666;text-align: center;background: #fff;border-radius: 100%;padding: 25px 20px;display: inline-table;opacity: 0;transition: 1.2s;font-size: 15px;text-transform: uppercase;}
.sppre_box .pic .gallery div a:hover .main-more{opacity: 1;  transition: 1.2s;}
.sppre_box .pic .gallery div a:hover {background: rgba(0,0,0,0.25); transition: 1.2s;}

.spre_daco {display: block;position: relative;}
.spre_daco img {width: 8%;right: 5%;position: absolute;top: 345px;z-index: 9;display: block;}

.sppre_box .pic .gallery div span {position: absolute;color: #fbf9f6;left: 0;right: 0;bottom: -150px;text-align: center;font-size: 80px;text-transform: uppercase;font-family: "Analogue";letter-spacing: 5px;transition: 1.2s;opacity: 0;}
.sppre_box .pic .gallery div.on span {bottom: -25px;opacity: 1;transition: 1.2s;}

.mo_sp_btn{display: none !important;}
.m-spe-txt{display: none;}




/*view*/
.con2 .view_info{padding:0 115px;/* margin-top: 120px; */}
.con2 .view_info{padding-top: 85px;}
.con2 .view_info .bg{ padding-top: 50px;}
.con2 .view_info .tit{text-align: -webkit-center;}
.con2 .view_info .tit h4{font-size: 14px; transition-delay: 0.8s; font-weight:300; color: #a69587; font-family: "Lato",sans-serif; letter-spacing: 0.2em;}
.con2 .view_info .tit h2{font-size: 46px;font-family: "Analogue";font-weight:100;color: #a69587;margin-top: 15px;margin-bottom: 30px;}
.con2 .view_info .tit h3{font-size: 16px;font-family: 'RIDIBatang';transition-delay: 0.8s;color: #957d68;font-weight: 100 !important;}
.con2 .view_info .info{position: relative;}
.con2 .view_info .info .img{width: 1150px; height: 450px; margin: 70px auto; overflow: hidden;}
.con2 .view_info .info .img img{width: 100%; position: relative; top: -100px; transition: 1.2s; transition-timing-function: ease-out;}
.con2 .view_info .info .txt{text-align: center;padding-bottom: 40px;font-weight: 100;color: #4b4845;font-size: 15px;font-family: 'Pretendard-Regular';line-height: 2;letter-spacing: -0.5px;}
.con2 .view_info .info .txt b {font-weight: 600;}
.con2 .view_info .info .line{display: block;width: 1px;height: 100px;background-color: #a69587;position: relative;left: 0;right: 0;margin: auto;transform-origin: top;transform: scaleY(0);transition: 1.4s;z-index: 1;}
.con2 .view_info .info .line.on{transform: scaleY(1);}

.viewend_img{color: #857568;border-top: 1px solid #a69587;margin-top: 3%;padding-bottom: 18%;}
.viewend_img .txt{padding-top: 160px; display: inline-block; position: relative;}	
.viewend_img .txt h3{font-size: 18px;font-family: 'Pretendard-Regular';font-weight: 100;letter-spacing: 5px;}
.viewend_img .txt h2{font-size: 50px;font-family: "Analogue";font-weight: 400;margin: 25px 0 60px;letter-spacing: -0.5px;text-transform: capitalize;}
.viewend_img .txt span {background: #a69587;width: 20%;height: 1px;display: block;margin-bottom: 12%;}
.viewend_img .txt p{font-size: 16px;font-weight: 300;margin-bottom: 50px;line-height: 1.8;font-family: 'Pretendard-Regular';}

.viewend_img .img-wrap p.eng{color: #494938; font-size: 13px; font-family: "Gara",sans-serif; margin-top: 10px;}
.viewend_img .img-wrap p{font-size: 16px; margin-top: 15px; line-height: 1.8;}
.viewend_img .img-wrap p b{font-weight: 500;}

.viewend_img .img-wrap{position: absolute;top: 230px;right: 0;width: 100%;}
.viewend_img .img-wrap .img01 {float: right;width: 40%;margin-left: 80px;}
.viewend_img .img-wrap .img01 .img-box{width: 100%;height: 540px;background-position: center;background-size: cover;}
.viewend_img .img-wrap .img02{float: right;margin-top: 175px;width: 25%;}
.viewend_img .img-wrap .img02 .img-box{width: 100%;height: 50vh;background-position: center;background-size: cover;}


/* map */
.map_info .text-section{}
.map_info .text-section::after{content: ""; display: table; clear: both;}
.map_info .info-tit{float: left;padding-top:45px;line-height: 2;}
.map_info .info-tit h3{font-size: 38px;letter-spacing: 0px;font-weight: 400;font-family: "Tenor Sans", sans-serif;color: #846f6a;}
.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% + 300px);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-left: 8%;margin: 40px 0;border-left: 1px solid #cccccc;line-height:2;font-family: 'Pretendard-Regular';text-align: left;font-size: 14px;}
.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{margin: auto;display: table;text-align: center;left: 0;right: 0;max-width: 80%;padding-bottom: 10%;}
.box-board {/* position:relative; */z-index:20;max-width: 100%;margin: 0 auto 10%;text-align: center;margin: auto;left: 0;right: 0;}
.box-board iframe { width:100%; }

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


/* room */
.room_inbox{max-width: 75%;padding-top: 11%;margin: auto;}	
.room_inbox .info{width: 100%; position: relative;}
.room_inbox .info::after{content: ""; display: table; clear: both;}
.room_inbox .info .img{width: 62%;float: left;border: 1px solid #937d6d;padding: 15px;}
.room_inbox .info .img .slide{height: 29vw;opacity: 0.95;}
.room_inbox .info .txt{float: left;width: 38%;margin-top: 9%;}
.room_inbox .info .txt h3{margin-bottom: 5%;font-size: 16px;font-weight: 100;font-family: 'NotoSerifKR';text-transform: uppercase;letter-spacing: 3px;}
.room_inbox .info .txt h2{font-size: 65px;font-weight: 300;font-family: "Analogue";margin-bottom: 30px;border-bottom: 1px solid;color: #937d6d;text-transform: capitalize;}
.room_inbox .info .txt b{font-size: 19px;font-weight: bold;line-height: 1.8;font-family: "Pretendard-Regular";margin-bottom: 5%;display: block;}
.room_inbox .info .txt p{font-size: 15px;font-weight: 300;line-height: 1.8;font-family: "Pretendard-Regular";}

.room_inbox .info .img img{width: 100%;}
.room_inbox .info .room-ico li{display: inline-block; text-align: center; margin-right: 35px; margin-top: 45px;}
.room_inbox .info .room-ico li .fal{font-size: 32px; margin-bottom: 15px; color: #c9ae66;}
.room_inbox .info .room-ico li p{font-size: 15px; font-family: "Lato"; }

.room_infos {max-width: 75%; margin: auto;}
.room_infos .tit{font-family: "Bero",sans-serif;margin-bottom: 80px;margin-top: 135px;text-align: center;color: #937d6d;border-bottom: 1px solid #937d6d;}
.room_infos .tit h3{font-size: 16px;font-weight: 100; font-family: "Pretendard-Regular";}
.room_infos .tit h2{font-size: 60px;font-weight: 300;display: inline-block;padding-bottom: 30px;font-family: "Analogue";}
.room_infos .info-wrap::after{content: ""; display: table; clear: both;}
.room_infos .info-wrap .txt{float: left;padding-right: 200px;width: 38%;}
.room_infos .info-wrap .txt h3{font-family: "Analogue";font-size: 20px;letter-spacing: 2px;color: #937d6d;}
.room_infos .info-wrap .txt p{font-size: 16px;font-weight: 300;margin: 10px 0 25px;font-family: "Pretendard-Regular";color: #666; letter-spacing: 1px;}
.room_infos .info-wrap .ins{float: left; width: 62%;}
.room_infos .info-wrap .ins .boxs{/* margin-top: 50px; */padding: 0 50px; font-size: 15px;}
.room_infos .info-wrap .ins .boxs li b{display: inline-block;width: 15%;height: 100%;float: left;color: #937d6d;letter-spacing: 5px;}
.room_infos .info-wrap .ins .boxs li span{display: inline-block;}
.room_infos .info-wrap .ins .boxs li{/* color: white; */font-size: 14px;line-height: 30px;border-bottom: 1px solid #937d6d;padding: 20px 0;font-family: "Pretendard-Regular";}
.room_infos .info-wrap .ins .boxs li:last-child{border-bottom: 0;}

.room_end_box {padding: 100px;background: #f8f5f0;margin-top: 7%;}
.room_end_box .boxs {max-width: 85%;margin: auto;}
.room_end_box .txt {float: left;width: 20%;padding-top: 11%;}
.room_end_box .txt h3 {font-size: 41px;font-family: "Analogue";font-weight: 400;transform: skew(-15deg);}
.room_end_box .txt p {font-size: 13px;font-weight: 300;color: #666;margin-top: 10%;}
.room_end_box .img-wrap {/* float: left; */display: flex;}
.room_end_box .img-wrap li { float: left; width: 33.333%;  position: relative;}
.room_end_box .img-wrap li .img {float: right;display: block;width: 95%;height: 40vh;background-position: center;background-size: cover;}
	


/* point */
.sp_txtbox {padding-top: 90px;}	
.sp_txtbox .tit{padding:  100px 0;text-align: center;background: #f7f3ed;}
.sp_txtbox i {text-align: center;display: block;font-size: 25px;color: #937d6d; margin: 0 auto 4%;padding-bottom: 19px;width: 100px;}
.sp_txtbox .tit h3{font-family: "Analogue";font-size: 24px;color: #937d6d;font-weight: 100;text-transform: uppercase;letter-spacing: 10px;opacity: 0.5;margin-bottom: 34px;}
.sp_txtbox .tit h2{font-family: "Analogue";font-size: 70px;margin-bottom: 25px;color: #937d6d;text-transform: uppercase;letter-spacing: 2px;}
.sp_txtbox .tit h4{font-size: 20px;font-weight: 400;display: inline-block;font-family: NotoSerifKR;color: #666;}
.sp_txtbox .tit p{font-size: 16px;margin-bottom: 40px;font-weight: 300;line-height: 2;font-family: "Pretendard-Regular";letter-spacing: -0.5px;}	
.sp_txtbox .tit .line{display: block;width: 1px;height: 43px;background-color: #a69587;position: relative;left: 50%;bottom: 0;transform-origin: top;transform: scaleY(0);transition: 1.4s;margin: 3% 0;}
.sp_txtbox .tit .line.on{transform: scaleY(1);}
.sp_txtbox .img-wrap{margin: 0 auto;margin-top: 100px;display: flex;}
.sp_txtbox .img-wrap::after{content: ""; display: table; clear: both;}
.sp_txtbox .img-wrap .img{width: 49%;float: left;height: 50vh;background-size: cover;background-repeat: no-repeat;background-position: center;margin: 15px;}
.sp_txtbox .img-wrap .img1{margin-left: 0;}
.sp_txtbox .img-wrap .img2{margin-right: 0;}	


/* sub bg */
.half-page-wrap .con1 .main-bg{width: 100%;height: 30vw;background-size: cover;background-repeat: no-repeat;background-position: center;}
.sub_intxt h1 {border-bottom: 1px solid #937d6d;color: #937d6d;text-align: center;padding: 25px;text-transform: capitalize;margin-bottom: 5%;font-size: 25px;font-family: "Analogue";letter-spacing: 5px;}




/* 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: -70px auto 200px;}*/
.tourArea02 > ul:after {content:""; display:block; clear:both;}
.tourArea02 > ul > li:after { content:""; display:block; clear:both;}
.tourArea02 > ul > li{padding: 60px 0;max-width: 80%;margin: auto;} .tourArea02 > ul > li img {width:100%;}
.tourArea02 li .lSSlideOuter {position:relative;float:left;width: 50%;margin-bottom:0;z-index:1;}

.tourArea02 .tour_bg01 {}
.tourArea02 .tour_bg01 .lSSlideOuter {line-height: 0;border: 1px solid #937d6d;padding: 10px;}
.tourArea02 .tour_bg02 {/* background: #e8e2d9; */padding-bottom: 72px;}
.tourArea02 .tour_bg02 .lSSlideOuter {border: 1px solid #937d6d;padding: 10px;}

.tour_text02 {position:relative;float:left;width: 50%;padding: 5%;z-index:2;background: #f8f5f0;bottom: -65px;/* background-image: linear-gradient(#fff -10%, #f8f5f0, #fff); */text-align: center;}
.tour_text02 span {font-size: 14px;border-left: 1px solid;padding-left: 15px;font-family: 'Pretendard-Regular';letter-spacing: 3px;}
.tour_text02 dt {line-height:1.2em;color: #9d9082;font-size: 30px;margin: 0 auto 14px;font-family: 'NotoSerifKR';letter-spacing: 0.05em;font-weight: 100;/* font-style: oblique; */vertical-align: middle;}
.tour_text02 dt small{display:block;font-size: 22px;line-height: 3;color: #937d6d;font-family:"Analogue";font-weight: 500;border-bottom: 1px solid #937d6d;text-transform: capitalize;}
.tour_text02 dt span {font-weight:700;}
.tour_text02 dd {font-size: 14px;line-height: 2em;word-break:keep-all;margin: 25px auto;font-family: 'Pretendard-Regular';}


/* rev */

.price-section {max-width: 80%; margin: auto; padding:5% 0;}	
.price-section .price-info h3{font-size: 35px; color: #937d6d;border-bottom: 1px solid #937d6d;padding-bottom: 10px;margin-bottom: 15px;font-family: 'NotoSerifKR';font-weight: 100;}
.price-section .price-info h3 a{display:block;font-size: 16px;color: #706058;float: right;border: 1px solid #706058;transition: 0.8s;text-align: center;padding: 15px 40px;font-family: 'Pretendard-Regular';}
.price-section .price-info h3 a:hover{background-color: #333; color: white;}
	
.price-section .info01{margin-top: 50px;padding-bottom: 50px;}
.price-section .info01::after{content: ""; display: table; clear: both;} 
.price-section .info01 aside{width: 50%; float: left;}
.price-section .info01 p{font-size: 15px;line-height: 1.8;color: #333;position: relative;font-family: 'Pretendard-Regular';}
.price-section .info01 span {margin-top: 5%;display: block;font-family: 'Pretendard-Regular';color: #e13131;}
.price-section .info02 h1 {color: #a69587;font-size: 65px;text-align: center;margin-bottom: 2%;font-family: "Analogue";border-bottom: 4px double #a69587;padding-bottom: 21px;}	
.price-section .info02{margin-top: 100px;padding-bottom: 20px;}
.price-section .info02::after{content: ""; display: table; clear: both;} 
.price-section .info02 aside{width: 50%; float: left;}
.price-section .info02 h5 {font-size: 20px;margin: 7% 0 2%;color: #a69587;font-family: 'NotoSerifKR';font-weight: 100;}
.price-section .info02 p{font-size: 14px;line-height: 2;letter-spacing: -0.5px;font-family: 'Pretendard-Regular';display: flex;}
.price-section .info p:before { content:'-';  left:0; top:0;padding-right: 10px;}
.price-section .info .right{padding-left: 50px;}	
	

table {border: 1px solid #ccc;width: 100%;text-align: center;line-height: 1.5rem; border-collapse:collapse;}
table tr { border: 1px solid #ccc;}
table th {background-color: #706058;line-height: 1.5;padding: 10px 0;font-size: 13px;font-family: 'Pretendard-Regular';letter-spacing: 1px;color: #fff;font-weight: 300;}
table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 10px 0px;font-size: 12px;font-family: 'Pretendard-Regular';background: rgba(255,255,255,0.4);}
table td {border: 0.1px solid #ccc;line-height:3;}
	



/*Animation*/
.ani-main-tit span{visibility: hidden;opacity: 0;transform: translateY(50px);transition: 0.8s;display: inline-block;text-transform: capitalize;}
.ani-main-tit span:nth-child(1){transition-delay:0 ;}
.ani-main-tit span:nth-child(2){transition-delay:0.2s ;}
.ani-main-tit span:nth-child(3){transition-delay:0.4s ;}
.ani-main-tit span:nth-child(4){transition-delay:0.6s ;}
.ani-main-tit span:nth-child(5){transition-delay:0.8s ;}
.ani-main-tit span:nth-child(6){transition-delay:1s ;}
.ani-main-tit span:nth-child(7){transition-delay:1.2s ;}
.ani-main-tit span:nth-child(8){transition-delay:1.4s ;}
.ani-main-tit span:nth-child(9){transition-delay:1.6s ;}
.ani-main-tit span:nth-child(10){transition-delay:1.8s ;}
.ani-main-tit span:nth-child(11){transition-delay:2s ;}
.ani-main-tit span:nth-child(12){transition-delay:2.2s ;}

.animateme { transition:0.8s; }
.ani-main-tit span.on{visibility: visible; opacity: 1; transform: translateY(0);}
.scroll-txt{visibility: hidden; opacity: 0; transform: translateY(30px); transition: 1.6s;}
.scroll-txt.on{visibility: visible; opacity: 1; transform: translateY(0);}

.scroll-obj{visibility: hidden; opacity: 0; transform: translateY(30px); transition: 1.6s;}
.scroll-obj.on{visibility: visible; opacity: 1; transform: translateY(0);}

.tit-box{overflow: hidden;}
.scroll-tit{visibility: hidden; opacity: 0; transform: translateY(1.2em);transition: 1.2s;}
.scroll-tit.on{visibility: visible; opacity: 1; transform: translateY(0);}

.m-map{display: none;}
.m-price{display: none;}

.main-wrap .m-slide-wrap{display: none;}

@keyframes line {
    0%{transform: scaleX(0);}
    100%{transform: scaleX(1);}
}
@keyframes whell{
    0%{transform: translateY(0px);}
    50%{transform: translateY(2px);}
    100%{transform: translateY(0px);}
}
@media all and (min-width: 1200px) {
    .con1{/* position: fixed; */top: 0;left: 0;width: 80%;margin: auto;padding-top: 4.5%;}
    .half-page-wrap .con1{height: 35vw;padding-top: 6%;}    
    .full-page-wrap .con1{/* height: 100vh; */}    
    .full-page-wrap .con2{/* margin-top: 100vh; */}
    .half-page-wrap .con2{margin-top: 2vw;}
}

/* ------------ */


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

	.room_pre .box .info_btns{width: 150px} 
	.room_pre .box .swiper-slide:hover .info_btns {width: 170px;}
}


@media all and (max-width: 1480px){
	
	.con1{padding-top: 5.25%;}
	
	.con1 .main-tit h1{/* font-size: 80px; */}
	
	.main_subs .left .img_left .pic01{width: 555px; height: 666px;}
	.main_subs .right .line .pic02{width: 300px;height: 345px;} .main_subs .right .line{height: 365px;}
	
	.room_pre .txt .tit h3 span{font-size: 60px;}
	.room_pre .box .swiper-slide .img-wrap .img{height: 350px;}

	.room_infos .info-wrap .ins .boxs li b{width: 130px;}
	.room_end_box .boxs{max-width: 100%;}
	
	.room_inbox .info .txt{width: 45%;}
	.room_inbox .info .img .slide{height: 25vw;}
	.room_inbox .info .txt{margin-top: 6%;}
	.room_inbox .info .txt b{font-size: 16px;} .room_inbox .info .txt p{font-size: 13px;}
	.room_inbox .info .img{width: 55%;}

	.main_map{display: block;}
	.root_daum_roughmap_landing{width: 100% !important;}

	
	.sppre_box .txt h3{font-size: 45px;}
	.room_inbox .info .txt h2{font-size: 50px;}
}


@media all and (max-width: 1380px){
	
	.main_subs .right{margin: 5% 8% 20% 0;}
	.main_subs .right h3{font-size: 2.5em;}
	.main_subs .right p{padding: 0 0 10px;}
	
	.con1 .main-tit{}
	.con1 .main-tit h1{/* font-size: 65px; */}
	.con1 .right-con{bottom: 40%;}
  
	.price-section .price-info h3{font-size: 30px;}
	.price-section .info02 p{font-size: 13px;}
	
	.sppre_box .txt p{margin: 3% auto 4%;}
	.sppre_box .pic{height: 410px;} .sppre_box .txt{padding: 170px 0 40px;}
	
	.room_infos .tit h2{font-size: 50px;}
	.room_infos .info-wrap .txt{padding-right: 0;}
	
	.room_pre .box .swiper-slide .txts h3{font-size: 35px;}
	.room_pre .box .swiper-slide .txts span small{font-size: 12px;}
	.room_pre .box .info_btns{margin-top: 5%; font-size: 11px;}
	
	.room_end_box .txt{padding-top: 8%;}
	
	table th, table tr td{padding: 7px 0;}
	
	
	
}


@media all and (max-width: 1025px){
	
	.con1{padding-top: 0;}
	

	.inner-con{width: 95%;}
	
	.grad{display: none;} .mo_br {display: none;}
	
	.main_intxt .tit{width: 95%;} .video_main{max-width: 95%;}
	
	.main_subs{background: #fbf9f6;}
	.main_subs_grp{width: 95%;}
	.main_subs .left{float: none;}
	.main_subs .left .img_left .pic01{width: 100%;}
	.main_subs .right{float: none; margin: 0; margin-bottom: 10%;}
	.main_subs .right .line{display: none;}
	
	.con2 .view_info{margin-top: 75px; padding-top: 0;}
	.con2 .view_info .info .img{width: 95%;  height: 333px;}
	
	.viewend_img .txt{text-align: center; width: 100%; padding-top: 80px;}
	.viewend_img .txt span{margin: 0 auto 5%;}
	.viewend_img .img-wrap{position: relative; top: 0;}
	.viewend_img .img-wrap .img01{width: 100%; margin-left: 0; float: none;}
	.viewend_img .img-wrap .img02{width: 100%; margin-right: 0; margin-top: 20px; float: none;}
	.viewend_img .img-wrap .img01 .img-box, .viewend_img .img-wrap .img02 .img-box{height: 100vh;}
	
	.box-board{background: no-repeat;}
	.main_map{max-width: 95%;}
	.map_info .info-tit{float: none;} 
	.map_info .info-txt{width: 100%; float: none;}
	.map_info .info-txt p.nav{border-left: none; border-top: 1px solid #ccc; padding-left: 0; padding-top: 2%; text-align: center;}
	
	.sppre_box .pic{max-width: 95%;}
	.sppre_box .txt h3::before{width: 25%;} .sppre_box .txt h3::after{width: 25%;}
	
	
	.room_inbox{max-width: 95%;} .room_infos {max-width: 95%;}
	.room_inbox .info .txt{margin-top: 0;}
	.room_end_box{padding: 100px 0;}
	
	.sp_txtbox {padding-top: 75px;}
	
	.tourArea02 > ul > li{max-width: 95%;}
	.tour_text02{bottom: 0;}
	
	.price-section{max-width: 95%;}
	.price-section .info01 aside{width: 100%; flex: none;}
	.price-section .info02 aside{width: 100%; float: none;}
	.price-section .info02 h5{margin: 4% 0 2%;}
	.price-section .info .right{padding-left: 0;}
	
}


@media all and (max-width: 950px){
   
	.full-page-wrap .slide{height: 80vh;}
	.con1 .main-tit{display: none;}
	.con1 .page-control{margin-bottom: 0;}
	
	.viewend_img .img-wrap .img01 .img-box, .viewend_img .img-wrap .img02 .img-box{height: 40vh;}
	
	.room_end_box .txt{float: none; width: 100%; text-align: center;}
	.room_end_box .txt p{margin: 15px auto 30px;}
	.room_end_box .img-wrap li .img{height: 25vh;}
	.sp_txtbox .img-wrap .img{height: 25vh;}
	
	
	.tourArea02 li .lSSlideOuter{float: none; width: 100%;}
	.tour_text02{width: 100%; float: none;background: no-repeat; bottom: -65px;}
	
}

@media all and (max-width: 780px){
	
	.sppre_box .txt h3{font-size: 45px;}
	
	.pc_sp_btn{display:none !important;}
	.mo_sp_btn{display: inline-block !important;}
    
	
}


@media all and (max-width: 560px){
	
	.con1 .right-con{right: 0;width: 90%;margin: auto;left: 0;}
	.con1 .page-control{right: 0;left: 0;}
	.con1 .page-control .line{width: 100%;}
	
	.main_intxt{padding-top: 100px;}
	.main_intxt .tit{text-align: center;}
	.main_intxt .tit h2{font-size: 55px;}
	.main_intxt .tit .mover_txt{position: relative;  bottom: 0; margin-top: 30px;}
	
	.room_pre{padding: 50px 0 100px;}
	.room_pre .inner-con{display: block;}
	.room_pre .txt{width: 100%; text-align: center;}
	.room_pre .txt .tit h3{font-size: 13px; margin-bottom: 25px;}
	.room_pre .txt .tit h3 span{font-size: 45px; margin-top: 15px;}
	.room_pre .txt .tit h3 span:nth-child(2){margin: 0;}
	.room_pre .txt .slide{margin-top: 30px;}
	.room_pre .box{width: 100%; margin-top: 40px;}
	.room_pre .box .swiper-slide .click_rom{padding: 5px;}
	.room_pre .box .swiper-slide .img-wrap .img{height: 270px;}
	
	.sppre_box .txt{padding: 100px 0 40px;}
	.sppre_box .txt h3{font-size: 35px;}
	.sppre_box .txt h3::before{width: 20%;} .sppre_box .txt h3::after {width: 20%;}
	.sppre_box .txt p{margin: 7% auto 4%; font-size: 12px;}
	.sppre_box .txt li {width: 120px; padding: 5px 0; float: none; display: inline-block;} 
	.sppre_box .txt li a{font-size: 10px;}
	.sppre_box .pic{height: 270px;}
	.sppre_box .pic .gallery div span{font-size: 70px;}
	
	.con2 .view_info{padding: 0 0px;}
	.viewend_img .txt h2{font-size: 35px;}
	.viewend_img .txt p{font-size: 13px; letter-spacing: -0.5px;}
	
	.room_infos .tit{margin: 80px 0 40px;}
	.room_inbox .info .txt{width: 100%; float: none; text-align: center; padding-bottom: 10%;}
	.room_inbox .info .txt h2{font-size: 30px;padding-bottom: 15px;}
	.room_inbox .info .img{width: 100%; float: none; padding: 5px;}
	.room_inbox .info .img .slide{height: 40vw;}
	.room_infos .info-wrap .txt{float: none; width: 100%;}
	.room_infos .info-wrap .ins{float: none; width: 100%;}
	.room_infos .info-wrap .ins .boxs{padding: 0;}
	.room_end_box .boxs{width: 95%;}
	
	
	.sp_txtbox .tit{padding: 35px 10px;}
	.sp_txtbox .tit h3{font-size: 13px; margin-bottom: 10px;}
	.sp_txtbox .tit h2{font-size: 45px;} .sp_txtbox .tit p{font-size: 13px;}
	.sp_txtbox .tit .line{margin: 10% 0; height: 35px;}
	.sp_txtbox .img-wrap{margin-top: 60px; display: block;}
	.sp_txtbox .img-wrap .img{margin: 0; width: 100%;}
	.sp_txtbox .img-wrap .img2{margin-top: 15px;}
	.sp_txtbox .img-wrap .img{height: 45vh;}
	
	.sub_intxt h1{font-size: 15px; letter-spacing: 3px;}
	.half-page-wrap .con1 .main-bg{height: 45vw;}
	
	.price-section .price-info h3{font-size: 19px;}
	.price-section .price-info h3 a{padding: 8px 20px; font-size: 12px;}
	.price-section .info01 p{font-size: 12px;}
	.price-section .info01 span{margin: 5% 0; font-size: 13px; letter-spacing: -0.5px;}
	.price-section .info02{margin-top: 24px;}
	.price-section .info02 h1{font-size: 38px;}
	.price-section .info02 h5{font-size: 15px;}
	.price-section .info02 p{font-size: 12px;}
	
	table th, table tr td{font-size: 10px;}
	
}



@media all and (max-width: 450px){
	
	.full-page-wrap .slide{height: 55vh;}
	.con1 .page-control .slickBtn{width: 25px; height: 25px;}
    
	.main_intxt .tit h2{font-size: 40px;}
	.main_intxt .tit p{font-size: 13px;}
	.main_intxt .tit .mover_txt{font-size: 12px; margin-top: 45px;}
	.main_intxt .tit .mover_txt .line{width: 80px;}
	
	.main_subs .left .img_left .pic01{height: 250px;}
	.main_subs .right{margin-bottom: 15%;}
	.main_subs .right h3{margin-top: 15%;}
	.main_subs .right p{letter-spacing: -0.5px;}
	
	.con2 .view_info .bg{padding-top: 0;}
	.con2 .view_info .tit h2{font-size: 45px;}
	.con2 .view_info .info .img{height: 240px; margin: 70px auto 20px;}
	.con2 .view_info .info .txt{font-size: 13px;}
	.con2 .view_info .info .line{height: 40px; }
	
	.viewend_img{margin-top: 8%;}
	.viewend_img .txt{padding-top: 45px;}
	.viewend_img .txt h2{margin: 25px 0;}
	.viewend_img .txt p{margin-bottom: 20px;}
	.viewend_img .img-wrap{margin-top: 50px;}
	
	.sppre_box .txt h3::before, .sppre_box .txt h3::after {width: 15%;}	
	.sppre_box .pic{height: 240px; padding: 10px;}
	.sppre_box .pic .gallery div span{font-size: 30px;}
	.sppre_box .pic .gallery div.on span{bottom: -5px;}
	
	.sp_txtbox .tit h2{font-size: 35px; margin: 15px;}
	.sp_txtbox .img-wrap .img{height: 25vh;}
	
	.room_inbox .info .txt b{font-size: 13px;} .room_inbox .info .txt p{font-size: 11.5px;}
	.room_infos .tit h2{font-size: 38px;}
	.room_infos .info-wrap .txt h3 {font-size: 12px;}
	.room_infos .info-wrap .txt p{font-size: 13px;}
	.room_infos .info-wrap .ins .boxs li{ font-size: 12px; padding: 10px 0;}
	.room_infos .info-wrap .ins .boxs li b{width: 100%;}
	.room_end_box {padding: 15px 0 50px;}
	.room_end_box .img-wrap{display: block;}
	.room_end_box .img-wrap li .img{float: none; width: 100%;}
	.room_end_box .img-wrap li{float: none; width: 100%; margin-bottom: 15px;}
	
	.tour_text02{padding: 0px;}
	.tour_text02 dt{font-size: 20px;}	 .tour_text02 span{font-size: 11px;} .tour_text02 dd{font-size: 13px;}
	.tour_text02 dt small{line-height: 2;}
	
	.room_pre .txt .tit h5{font-size: 13px;}
	.room_pre .box .swiper-slide .txts h3{text-align: center; margin-bottom: 15px;}
	.room_pre .box .swiper-slide .txts{padding: 0; text-align: center;}
	.room_pre .box .info_btns{margin: 5% auto;}
	
	.sp_txtbox {margin: 0 auto 10%; }
	
	.map_info .info-tit h3{font-size: 30px;}
	.map_info .info-tit p{margin: 0;}
	.map_info .info-txt p.nav{font-size: 12px;}
	
	.root_daum_roughmap .wrap_map{height: 333px !important;}
}



@media all and (max-width: 340px){
	
	.main_subs .right p{font-size: 12px;}
	.room_pre .box .swiper-slide .img-wrap .img{height: 200px;}
	.room_pre .txt .tit h5{font-size: 11px;}
	.sppre_box .txt h3{font-size: 30px;}
	.sppre_box .txt li{width: 100px;}
	
	.tour_text02 dd{font-size: 12px;}
	
	.sp_txtbox .tit h4{font-size: 18px;}
	.sp_txtbox .tit p{font-size: 12px;}


	
	.room_inbox .info .txt h3{font-size: 13px;}
	.room_inbox .info .txt h2{font-size: 35px;}    
	.room_end_box .txt h3{font-size:30px;}
	
}