@charset "utf-8";
*{margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%;  position: relative; font-family: "Arita",sans-serif; color: #90826f;}
body{background-color: #eae9e5;}
.fixed-vdo-body{ color: #e9e9e9; background-color: transparent;}
main{position: relative; z-index: 5;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: white;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
button, i{color: #1d1d1d;}
.swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; background-color: #eae9e5;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image: none !important;}
.swiper-button-prev, .swiper-button-next{position: relative; width: auto; left: 0; right: 0; top: 0; bottom: 0;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none;}
.italy{font-style: italic;}
.dash-list li{position: relative; padding-left: 0.6em;}
.dash-list li::after{position: absolute; top: 0; left: 0; content: "-";}

.dot-list li{position: relative; padding-left: 0.6em;}
.dot-list li::after{position: absolute; top: 0; left: 0; content: "･";}



b.point1{color: #e8c599; font-weight: 500;}
b.point2{color: #7c4f22; }
b.point1 a{color: #e8c599; font-weight: 500; text-decoration: underline;}
.reser-iframe{height: 3500px;}
/*헤더*/
.hd {position: fixed; height: 100vh; z-index: 30; pointer-events: none; transform: translateX(-100%);  transition: 1.2s;}
.hd .btn-wrap {background-color: white; width: 105px; padding-top: 40px; background-color: white; display: flex; flex-flow: column; justify-content: center; align-items: flex-start; position: absolute; top: 50%; transform: translate(100% , -50%);  pointer-events: all; right: 0;}
.hd .btn-wrap  .logo{width: 65px; margin: 0 auto;}
.hd .btn-wrap  .logo img{width: 100%; display: block;}
.hd .btn-wrap .menu-btn{width: 25px; height: 25px; position: relative; margin: 0 auto; margin-top: 15px; cursor: pointer; margin-bottom: 40px;}
.hd .btn-wrap .menu-btn .line{width: 100%; display: block; height: 1px; background-color: #10162c; position: absolute; top: 50%; left: 0;}
.hd .btn-wrap .menu-btn .line1{transform: translateY(-8px); transition: 0.8s;}
.hd .btn-wrap .menu-btn .line2{transform: translateY(-3px); transition: 0.6s;}
.hd .btn-wrap .menu-btn .line3{transform: translateY(3px); transition: 0.6s;}
.hd .btn-wrap .menu-btn .line4{transform: translateY(8px); transition: 0.8s;}
.hd .btn-wrap .hd-reser-box{background-color: #5f4e3f; text-align: center; padding-top: 20px; padding-bottom: 15px; display: block; width: 100%; transform: translateY(1px);}
.hd .btn-wrap .hd-reser-box i{font-size: 22px; color: white; margin-bottom: 5px;}
.hd .btn-wrap .hd-reser-box span{font-size: 12px; letter-spacing: 0.05em; display: block;}
.hd .fixed-hd-wrap{display: block; height: 100%;}
.hd .menu-wrap{width: 700px; height: 100%; background-color: rgba(255,255,255,0.8); display: flex; justify-content: start; align-items: center; pointer-events: all; padding-left: 50px;}
.hd .menu-wrap a{color: #423d38;}
.hd .menu-wrap .menu-box > ul{display: flex; flex-wrap: wrap;}
.hd .menu-wrap .menu-box > ul > li{width: 33.3333%;}
.hd .menu-wrap .menu-box > ul > li:nth-of-type(4n + 1){width: 50%;}
.hd .menu-wrap .menu-box > ul > li:first-of-type{width: 33.3333%;}
.hd .menu-wrap .menu-box > ul > li > a{font-size: 18px; font-family: "RoxboroughCF",sans-serif; letter-spacing: -0.05em; line-height: 2.6em;}
.hd .menu-wrap .menu-box .sub-menu{padding-bottom: 30px;}
.hd .menu-wrap .menu-box .sub-menu a {font-size: 13px; letter-spacing: -0.03em; line-height: 1.8;}

.hd.click{transform: translateX(0);}
.hd.click .btn-wrap .menu-btn .line1{transform: translateY(-8px) translateX(10px);  opacity: 0;}
.hd.click .btn-wrap .menu-btn .line2{transform: rotate(45deg);}
.hd.click .btn-wrap .menu-btn .line3{transform: rotate(-45deg);}
.hd.click .btn-wrap .menu-btn .line4{transform: translateY(8px) translateX(-10px); opacity: 0;}


/*상단 비쥬얼 (슬라이드)*/
.full-slide-wrap .con1{height: 100vh;}
.full-slide-wrap .con1 .swiper-slide{height: 100vh;}
.full-slide-wrap .con1 .main-tit-wrap{position: absolute; top: 50%; left: 0; text-align: center; pointer-events: none; transform: translateY(-50%); z-index: 15; width: 100%; color: white; transition: 0.8s;}
.full-slide-wrap .con1 .main-tit-wrap.hide{opacity: 0;}
.full-slide-wrap .con1 .main-tit-wrap h1{font-size: 100px; font-family: "RoxboroughCF",sans-serif; font-weight: 500; }
.full-slide-wrap .con1 .main-tit-wrap h1 .color{color: #f5b25d; font-style: italic;}
.full-slide-wrap .con1 .main-tit-wrap h5{font-size: 18px; font-weight: 300; font-family: "Lato",sans-serif; letter-spacing: 0.15em; }

.full-slide-wrap .con1 .side-btn-wrap{position: absolute; right: 0; bottom: 0; height: 50%; pointer-events: none; z-index: 15; display: flex; flex-flow: column; justify-content: space-between;}
.full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap{display: flex; flex-flow: column; align-items: center; pointer-events: all;}
.full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap button{display: flex; width: 45px; height: 45px; border: 1px solid white; border-radius: 50%; justify-content: center; align-items: center;}
.full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap button i{color: white; font-size: 22px;}
.full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap .line{display: block; width: 100px; height: 1px; background-color: white; margin: 10px 0;}
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap{pointer-events: all; display: flex; justify-content: center; align-items: center; flex-flow: column;}
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap .scroll-down-btn{display: flex; flex-flow: column; align-items: center; cursor: pointer; margin-bottom: 15px;}
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap .txt{transform: rotate(90deg) translateX(-50%); font-size: 13px; font-family: "Pretendard",sans-serif; letter-spacing: 0.1em; font-weight: 400; color: white; margin-bottom: 10px;}
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap .ico{width: 17px; height: 25px; background-color: white; border-radius: 7px; }
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap .ico .wheel-ico{width: 3px; height: 8px; background-color: #ac674f; display: block; margin: 0 auto; margin-top: 3px; border-radius: 3px;}
.full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap .line{width: 1px; height: 50px; background-color: rgba(255,255,255,0.5);}

/*상단 비쥬얼 (이미지)*/
.top-img-wrap .con1 .top-img{background-size: cover; background-repeat: no-repeat; background-position: center; height: 650px;}
.map-slide-wrap .swiper-slide{height: 650px;}

.con1 .sub-tit-wrap{position: absolute; left: 0; bottom: -1px; z-index: 15; width: calc(50vw - 65px); padding-left: 250px; transform: rotate(0.03deg); padding-bottom: 35px; padding-top: 35px; background-color: rgba(66, 61, 56, 0.85); display: flex; justify-content: end;}
.con1 .sub-tit-wrap .tit{width: 650px;}
.con1 .sub-tit-wrap h5{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; color: #e8c599; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.con1 .sub-tit-wrap h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; color: white; letter-spacing: 0.1em; margin: 10px 0; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.con1 .sub-tit-wrap h2 .color{color: #f5b25d;}
.con1 .sub-tit-wrap h3{font-size: 12px; font-family: "Lato",sans-serif; font-weight: 300; color: white; letter-spacing: 0.3em; transform: translateY(30px); opacity: 0; transition: 1.2s;  transition-delay: 0.4s;}
.con1 .sub-tit-wrap.on h5{transform: translateY(0); opacity: 1;}
.con1 .sub-tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.con1 .sub-tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.top-img-wrap .con1{overflow: hidden;}
/*메인*/
.main-wrap .con1{overflow: hidden; isolation: isolate; width: 100%; z-index: 15;}
.top-vdo{width: 100%; height: 56vw; position: relative;}
.top-vdo iframe{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height: 100%;}
.top-vdo.horizon{width: 100%; height: 56vw;}
.top-vdo.vertical{height: 100%; width: 177.777vh;}


.intro-section .bg-tit-wrap{  margin-bottom: 70px; transform: translateX(-100px);}


.intro-section .bg-tit-wrap h6{font-size: 200px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #beab98; opacity: 0.2; white-space: nowrap; margin-top: -0.4em; transform: translateY(-1em); transition: 1.2s;}
.intro-section .bg-tit-wrap.on h6{transform: translateY(0);}
.main-wrap .intro-section{ z-index: 5;}
.main-wrap .intro-section .txt-wrap{text-align: center; margin-bottom: 170px;}
.main-wrap .intro-section .txt-wrap .tit h3{font-size: 30px; font-family: "Noto Serif KR",sans-serif; font-weight: 500; letter-spacing: -0.025em;}
.main-wrap .intro-section .txt-wrap .tit h5{font-size: 20px; font-family: "Optima",sans-serif; font-weight: 400;}
.main-wrap .intro-section .line{display: block; margin: 50px auto; width: 60px; height: 1px; background-color: #90826f;}
.main-wrap .intro-section .txt h4{font-size: 22px; font-family: "Noto Serif KR",sans-serif; font-weight: 400; margin-bottom: 35px; letter-spacing: -0.025em;}
.main-wrap .intro-section .txt p{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;}
.main-wrap .intro-section .txt-wrap .txt .link-btn{width: 170px; height: 170px; display: flex; flex-flow: column; align-items: center; justify-content: center; font-size: 17px; font-weight: 400; font-family: "Optima",sans-serif; line-height: 1.6; color: #e2ddd7; margin: 0 auto; letter-spacing: -0.03em; margin-top: 55px; border-radius: 50%; position: relative;}
.main-wrap .intro-section .txt-wrap .txt .link-btn .link-bg{width: 100%; position: absolute; top: 0; left: 0;}
.main-wrap .intro-section .txt-wrap .txt .link-btn .link-txt{position: relative; z-index: 5; transition: 0.8s;}
.main-wrap .intro-section .txt-wrap .txt .link-btn .link-bg{transition: 1.2s;}
.main-wrap .intro-section .txt-wrap .txt .link-btn:hover .link-bg{transform: rotate(35deg);}
.main-wrap .intro-section .txt-wrap .txt .link-btn:hover .link-txt{text-shadow: 0px 0px 3px #000;}
.main-wrap .intro-section .img-wrap {display: flex; justify-content: end;}
.main-wrap .intro-section .img-wrap ul{display: flex; justify-content: start; margin-right: 100px;}
.main-wrap .intro-section .img-wrap li{width: 400px; margin-left: 5px;}
.main-wrap .intro-section .img-wrap li img{width: 100%; display: block;}

.main-wrap .intro-section .bg-img-wrap{position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; overflow: hidden; isolation: isolate;}
.main-wrap .intro-section .bg-img-wrap .img{position: absolute; transition: 1.2s;}
.main-wrap .intro-section .bg-img-wrap .img1{bottom: 65px; left: 0; transform: translateY(100px);}
.main-wrap .intro-section .bg-img-wrap .img2{top: 145px; right: 25px; transform: translateX(100px);}
.main-wrap .intro-section .bg-img-wrap .bg-deco-img{overflow: hidden; isolation: isolate; bottom: 0; right: 0; transform: translateX(20%) translateY(20%); opacity: 0; transition: 1.2s;}
.main-wrap .intro-section .bg-img-wrap .bg-deco-img img{transform: translateY(0px);}

.main-wrap .visual-section .bg{height: auto; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-bottom: 100px;}
.main-wrap .visual-section .txt-wrap{color: white; padding-top: 100px;}
.main-wrap .visual-section .txt-wrap .tit{font-size: 100px; font-weight: 400; font-family: "RoxboroughCF",sans-serif; margin-bottom: 80px;}
.main-wrap .visual-section .txt-wrap .tit span{display: block;}
.main-wrap .visual-section .txt-wrap .txt{display: flex; flex-flow: column; align-items: flex-start;}
.main-wrap .visual-section .txt-wrap .txt h5{font-size: 20px; font-weight: 400; font-family: "Noto Serif KR",sans-serif; letter-spacing: -0.025em; margin-bottom: 25px; line-height: 1.6;}
.main-wrap .visual-section .txt-wrap .txt p{font-size: 16px; font-weight: 300; font-family: "Noto Serif KR",sans-serif; letter-spacing: -0.05em; margin-bottom: 50px; line-height: 1.6;}
.main-wrap .visual-section .txt-wrap .txt a{font-size: 16px; font-weight: 300; font-family: "Noto Serif KR",sans-serif;}
.main-wrap .visual-section .txt-wrap .txt a::after{content: ""; display: block; width: 100%; height: 1px; background-color: white;}

.main-wrap .pop-menu-wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,0.6); z-index: 30; opacity: 0; pointer-events: none; transition: 1.2s;}
.main-wrap .pop-menu-wrap .menu-wrap .close-btn{width: 30px; height: 30px; position: absolute; right: 0; top: 0; transform: translateX(calc(100% + 15px))}
.main-wrap .pop-menu-wrap .menu-wrap .close-btn .close-line{width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: white;}
.main-wrap .pop-menu-wrap .menu-wrap .close-btn .close-line1{transform: rotate(45deg);}
.main-wrap .pop-menu-wrap .menu-wrap .close-btn .close-line2{transform: rotate(-45deg);}
.main-wrap .pop-menu-wrap .menu-wrap{background-color: white; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; padding: 70px 70px; position: relative;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line{content: ""; display: block; width: calc(100% - 40px); height: calc(100% - 60px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; overflow: hidden; isolation: isolate; }
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 3px solid #000;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round{position: absolute; width: 60px; height: 60px; border-radius: 50%; border: 3px solid #000; background-color: white;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round-leftT{top: 0; left: 0; transform: translate(-50%,-50%);}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round-rightT{top: 0; right: 0; transform: translate(50%,-50%)}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round-leftB{bottom: 0; left: 0; transform: translate(-50%,50%)}
.main-wrap .pop-menu-wrap .menu-wrap .menu-line .round-rightB{bottom: 0; right: 0; transform: translate(50%,50%)}
.main-wrap .pop-menu-wrap .menu-wrap .menu-tit{border-bottom: 1px solid #000;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-tit h3{font-size: 30px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #5f4e3f; margin-bottom: 5px;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-tit h4{font-size: 20px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #90826f; letter-spacing: 0.05em; margin-bottom: 25px;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-tit h5{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #000000; margin-bottom: 20px;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-txt{padding-top: 25px; color: #333333;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-txt li{margin-bottom: 10px;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-txt li h5{font-size: 18px; font-weight: 500; font-family: "Lato",sans-serif; margin-bottom: 5px;}
.main-wrap .pop-menu-wrap .menu-wrap .menu-txt li p{font-size: 15px; font-weight: 300; font-family: "Pretendard",sans-serif;}

.main-wrap .pop-menu-wrap.on{pointer-events: all; opacity: 1;}

/*프롤로그*/
.view-wrap .info-section{padding-bottom: 400px; overflow: hidden; isolation: isolate;}
.view-wrap .intro-section .intro-tit{text-align: center;  margin-bottom: 100px;}
.view-wrap .intro-section .intro-tit h3{font-size: 30px; font-weight: 600; color: #90826f; margin-bottom: 10px; font-family: "Noto Serif KR";}
.view-wrap .intro-section .intro-tit h5{font-size: 20px; font-weight: 400; font-family: "Optima",sans-serif; font-weight: 400; color: #90826f;}

.view-wrap .info-section .txt-wrap{transform: rotate(0.03deg); position: relative; padding-left: 240px; padding-top: 50px;}
.view-wrap .info-section .txt-wrap .img{position: absolute; top: 0; left: -170px; transform: translateY(100px); transition: 1.6s;}
.view-wrap .info-section .txt-wrap .tit{font-size: 100px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; color: #423d38; margin-bottom: 80px; position: relative; z-index: 1;}
.view-wrap .info-section .txt-wrap .tit span{display: block;}
.view-wrap .info-section .txt-wrap .tit span:last-of-type{transition-delay: 0.2s;}
.view-wrap .info-section .txt-wrap .txt{padding-left: 125px; position: relative; z-index: 1;}
.view-wrap .info-section .txt-wrap .txt h5{font-size: 20px; font-family: "Noto Serif KR",sans-serif; font-weight: 400; color: #423d38; margin-bottom: 30px;}
.view-wrap .info-section .txt-wrap .txt p{font-size: 16px; font-weight: 300; font-family: "Pretendard",sans-serif; color: #423d38; line-height: 1.4; margin-bottom: 15px;}

.view-wrap .info-section .img-wrap{display: flex; flex-flow: column; justify-content: start; align-items: flex-end; margin-top: 95px;}
.view-wrap .info-section .img-wrap .img{margin-bottom: 15px; width: 795px;}
.view-wrap .info-section .img-wrap .img img{width: 100%; display: block;}
.view-wrap .info-section .img-wrap .img video{width: 100%; display: block;}
.view-wrap .info-section .bg-deco-img{right: -100px;position: absolute; transition: 1.6s;}
.view-wrap .info-section .bg-deco-img img{display: block; width: 100%; transform: translate(30%, 30%); opacity: 0; transition: 1.6s;}
.view-wrap .info-section .bg-deco-img.fixed{position: fixed; top: 100px;  background-color: transparent;}
.view-wrap .info-section .bg-deco-img.yet{position: absolute; top: 100px;}
.view-wrap .info-section .bg-deco-img.done{position: absolute; bottom: 0px;  top: auto;}



/*오시는길*/
.map-wrap{background-color: #fff;}
.map-wrap .map-info-section .main-tit-wrap {color: #5f4e3f; transform: rotate(0.03deg); padding-top: 75px; padding-bottom: 65px;}
.map-wrap .map-info-section .main-tit-wrap h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.map-wrap .map-info-section .main-tit-wrap h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-top: 5px; margin-bottom: 5px;  transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.map-wrap .map-info-section .main-tit-wrap h5{font-size: 12px; font-family: "Lato",Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3em; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4s;}

.map-wrap .map-info-section .main-tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.map-wrap .map-info-section .main-tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.map-wrap .map-info-section .main-tit-wrap.on h5{transform: translateY(0); opacity: 1;}

.map-wrap .map-info-section .txt-wrap {display: flex; justify-content: start; align-items: center; color: #423d38; margin-top: 45px;} 
.map-wrap .map-info-section .txt-wrap h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.05em; margin-right: 20px;}
.map-wrap .map-info-section .txt-wrap p{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 400;}
.map-wrap .map-info-section .txt-wrap p::after{content: ""; display: block; width: 100%; height: 1px; background-color: #423d38;}

.map-wrap .info-section{padding-top: 100px; padding-bottom: 300px; overflow: hidden; isolation: isolate;} 
.map-wrap .info-section .bg-deco-img{position: absolute; top: 0; right: -100px; pointer-events: none;}
.map-wrap .info-section .bg-deco-img img{display: block; width: 100%; transform: translate(50px, 50px); transition: 1.4s; opacity: 0;}
.map-wrap .info-section .bg-deco-img.on img{transform: translate(0); opacity: 1;}

.map-wrap .info-section .bg-deco-img.fixed{position: fixed; top: 100px;  background-color: transparent;}
.map-wrap .info-section .bg-deco-img.yet{position: absolute; top: 100px;}
.map-wrap .info-section .bg-deco-img.done{position: absolute; bottom: 0px; top: auto;}

.map-wrap .info-section .info .tit{ color: #423d38; margin-bottom: 50px;}
.map-wrap .info-section .info .tit h3{font-size: 36px; font-weight: 400; font-family: "RoxboroughCF",sans-serif; margin-bottom: 10px;}
.map-wrap .info-section .info .tit h5{font-size: 16px; font-weight: 400; font-family: "Pretendard",sans-serif;}

.map-wrap .info-section .info .info-list li{display: flex; justify-content: start; align-items: flex-start; margin-bottom: 35px;}
.map-wrap .info-section .info .info-list .list-num{width: 40px; height: 40px; border-radius: 50%; background-color: #000000; margin-right: 20px; text-align: center; line-height: 40px;}
.map-wrap .info-section .info .info-list .list-num h5{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 500; color: white; }
.map-wrap .info-section .info .info-list .list-txt h5{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 600; color: #7c4f22; margin-bottom: 10px; margin-top: 8px;}
.map-wrap .info-section .info .info-list .list-txt p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #333333; line-height: 1.6;}
.map-wrap .info-section .info:first-of-type{padding-bottom: 50px; border-bottom: 1px solid #c9c5c1;}
.map-wrap .info-section .info:nth-of-type(2){padding-top: 70px;}
.map-wrap .info-section .txt p{font-size: 17px; font-family: "Pretendard"; font-weight: 400; color: #333333; line-height: 1.8; margin-bottom: 45px;}
.map-wrap .info-section .txt p .color{font-weight: 600; color: #7c4f22;}
.map-wrap .info-section .txt p .under-line{display: block;}
.map-wrap .info-section .txt p .under-line::after{content: ""; display: block; width: 100%; background-color: #797979;}

/*영상*/
.movie-wrap .con2 .info-wrap{padding-top: 100px; padding-bottom: 150px;}
.movie-wrap .con2 .info-wrap .vdo-box{}
.movie-wrap .con2 .info-wrap .vdo-box iframe{width: 100%; height: 100%;}

/*객실*/
.room-wrap .info-section {display: flex; justify-content: start; align-items: flex-start; background-color: #423d38; min-height: 100vh;}
.room-wrap .info-section .txt-wrap{width: calc(50vw - 65px);  display: flex; justify-content: end; padding-top: 70px; z-index: 1; position: relative; padding-bottom: 45px; padding-left: 125px;}
.room-wrap .info-section .txt-wrap > ul{width: 650px; padding-right: 60px;}
.room-wrap .info-section .txt-wrap .info{padding-top: 20px;}
.room-wrap .info-section .txt-wrap .info.on{padding-bottom: 50px;}
.room-wrap .info-section .txt-wrap .info h3{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 300; color: white; letter-spacing: 0.2em; transform: translateY(-50%) rotate(0deg); padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 15px; position: relative; cursor: pointer;}
.room-wrap .info-section .txt-wrap .info h3 .ico{width: 12px; height: 12px; position: absolute; right: 10px; top: 50%; display: block;}
.room-wrap .info-section .txt-wrap .info h3 .ico::after{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(-50%) rotate(55deg); transform-origin: right;}
.room-wrap .info-section .txt-wrap .info h3 .ico::before{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(50%) rotate(-55deg); transform-origin: left;}
.room-wrap .info-section .txt-wrap .info .txt h5{font-size: 15px; font-weight: 400; font-family: "Lato",sans-serif; color: #e8c599; letter-spacing: 0.1em; margin-bottom: 10px;}
.room-wrap .info-section .txt-wrap .info .txt li{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white; line-height: 1.6; letter-spacing: 0.03em;}
.room-wrap .info-section .txt-wrap .info .txt p{font-size: 15px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white; line-height: 1.6; letter-spacing: 0.03em;}
.room-wrap .info-section .txt-wrap .info3 .txt p{padding-bottom: 30px;}

.room-wrap .info-section .txt-wrap .info .txt-roller{height: 0; overflow: hidden; isolation: isolate; transition: 0.8s;}
.room-wrap .info-section .txt-wrap .info.on .txt-roller{height: auto;}
.room-wrap .info-section .txt-wrap .info.on .txt-roller img{width: 100%; display: block;}
.room-wrap .info-section .txt-wrap .info.on h3 .ico{ transform: translateY(-100%) rotate(180deg); }

.room-wrap .info-section .txt-wrap .info .reser-box{font-size: 16px; color: #e8c599; font-weight: 400; font-family: "Pretendard",sans-serif; display: flex; justify-content: center; align-items: center; width: 195px; height: 35px; border: 1px solid #e8c599; border-radius: 30px; margin-top: 35px; transition: 0.8s;}
.room-wrap .info-section .txt-wrap .info .reser-box:hover{background-color: rgba(255,255,255,0.3);}
.room-wrap .info-section .txt-wrap .info .reser-box .arrow-ico{width: 35px; height: 1px; background-color: #e8c599; display: block; margin-left: 5px; position: relative;}
.room-wrap .info-section .txt-wrap .info .reser-box .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: #e8c599; position: absolute; right: 0; top: 0; transform: rotate(30deg); transform-origin: right bottom;}

.room-wrap .info-section .txt-wrap .info .link{font-size: 16px; font-weight: 400; font-family: "Pretendard",sans-serif; color: #e8c599; display: flex; align-items: center; margin-top: 25px;}
.room-wrap .info-section .txt-wrap .info .link .arrow-ico{width: 35px; height: 1px; background-color: #e8c599; display: block; margin-left: 5px; position: relative;}
.room-wrap .info-section .txt-wrap .info .link .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: #e8c599; position: absolute; right: 0; top: 0; transform: rotate(30deg); transform-origin: right bottom;}

.room-wrap .info-section .txt-wrap .info1 ol{margin-bottom: 35px;}
.room-wrap .info-section .txt-wrap .info.on .txt{padding-bottom: 50px;}
.room-wrap .info-section .txt-wrap .info .txt img{display: block; width: 100%; margin-top: 15px; margin-bottom: 20px;}


.room-wrap .info-section .room-slide-wrap{width: calc(50vw + 49px); height: 100%; position: absolute; top: 0; right: 0; z-index: 0; overflow: hidden; isolation: isolate;}
.room-wrap .info-section .room-slide-wrap .swiper-slide{width: 100%; height: 100%;}
.room-wrap .info-section .room-slide-wrap p{position: absolute; bottom: 25px; left: 150px; z-index: 5; font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 500; color: white;}
.room-wrap .info-section .room-slide-wrap .slide-btn-wrap{position: absolute; bottom: 0; right: 15px; display: flex;}
.room-wrap .info-section .room-slide-wrap .slide-btn-wrap button{width: 50px; height: 50px;  background-color: #ede0d2; position: relative; z-index: 15;}
.room-wrap .info-section .room-slide-wrap .slide-btn-wrap button .ico{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 22px;}

.room-wrap .txt-info-section{overflow: hidden; isolation: isolate;}
.room-wrap .txt-info-section .txt-wrap{display: flex; justify-content: end; padding-top: 160px; padding-bottom: 180px; background-color: #d0c2b3;}
.room-wrap .txt-info-section .img-wrap{display: flex; justify-content: start; margin-top: -320px; padding-bottom: 265px; overflow: hidden; isolation: isolate;}

.room-wrap .txt-info-section .txt-wrap .info{width: 50%; padding-left: 200px; color: #423d38;}
.room-wrap .txt-info-section .img-wrap .info{width: 50%; display: flex; justify-content: end; color: #423d38; }
.room-wrap .txt-info-section .img-wrap .info .img{width: 100%; max-width: 795px;}
.room-wrap .txt-info-section .img-wrap .info .vdo{width: 100%;}
.room-wrap .txt-info-section .txt-wrap .info .tit{margin-bottom: 65px;}
.room-wrap .txt-info-section .txt-wrap .info .tit h3{font-size: 60px; font-weight: 400; font-family: "RoxboroughCF",sans-serif; margin-left: -0.7em;}
.room-wrap .txt-info-section .txt-wrap .info .tit h2{font-size: 70px; font-weight: 400; font-family: "RoxboroughCF",sans-serif; }
.room-wrap .txt-info-section .txt-wrap .info .txt p{font-size: 17px; font-weight: 400; font-family: "Pretendard",sans-serif; letter-spacing: -0.05em; line-height: 1.8;}

.room-wrap .txt-info-section .img-wrap .txt{padding-left: 20%;}
.room-wrap .txt-info-section .img-wrap .txt h2{font-size: 60px ; font-family: "RoxboroughCF",sans-serif; font-weight: 400; margin-bottom: 30px; margin-top: -0.5em;}
.room-wrap .txt-info-section .img-wrap .txt h2 span{display: block;}
.room-wrap .txt-info-section .img-wrap .txt p{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 400; line-height: 1.8;}

.room-wrap .txt-info-section .bg-deco-img{position: absolute; bottom: 0; right: -100px; transform: translate(25%, 25%); opacity: 0; transition: 1.6s;}
.room-wrap .txt-info-section .bg-deco-img.on{transform: translate(0); opacity: 1;}

/*styling*/
.styling-wrap .info-section{}
.styling-wrap .info-section .txt-wrap{width: calc(50vw - 65px);  display: flex; justify-content: end; padding-top: 70px; z-index: 1; position: relative; padding-bottom: 45px; background-color: #423d38; min-height: 100vh; padding-left: 125px;}
.styling-wrap .info-section .txt-wrap .flex-wrap{width: 650px; padding-right: 75px;}

.styling-wrap .info-section .txt-wrap .info .tit{font-size: 14px; font-family: "Lato",sans-serif; font-weight: 300; color: white; letter-spacing: 0.2em; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.3); margin-bottom: 25px; position: relative; cursor: pointer;}
.styling-wrap .info-section .txt-wrap .info .tit .ico{width: 13px; height: 13px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) rotate(0deg);  display: block;}
.styling-wrap .info-section .txt-wrap .info .tit .ico::after{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(-50%) rotate(55deg); transform-origin: right;}
.styling-wrap .info-section .txt-wrap .info .tit .ico::before{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(50%) rotate(-55deg); transform-origin: left;}
.styling-wrap .info-section .txt-wrap .info.on .tit .ico{ transform: translateY(-100%) rotate(180deg);}

.styling-wrap .info-section .txt-wrap .info .txt h5{font-size: 15px; font-weight: 400; font-family: "Lato",sans-serif; color: #e8c599; letter-spacing: 0.1em; margin-bottom: 10px;}
.styling-wrap .info-section .txt-wrap .info .txt p{font-size: 16px; font-family: "Pretendard",sans-serif;  font-weight: 300; color: white; line-height: 1.6;}
.styling-wrap .info-section .txt-wrap .info .txt h6{font-size: 17px; font-family: "Pretendard",sans-serif; font-weight: 300; color: #e8c599; margin-top: 10px; margin-bottom: 30px;} 
.styling-wrap .info-section .txt-wrap .info .txt li{font-size: 16px; font-family: "Pretendard",sans-serif;  font-weight: 300; color: white; line-height: 1.6;}
.styling-wrap .info-section .txt-wrap .info2 ul{margin-bottom: 30px;}

.styling-wrap .info-section .txt-wrap .info2 .txt h5{font-family: "Pretendard",sans-serif;}
.styling-wrap .info-section .txt-wrap .info2 .txt h6{font-size: 17px; font-family: "Pretendard",sans-serif;  font-weight: 500; color: white; line-height: 1.6; margin-bottom: 10px;}
.styling-wrap .info-section .making-txt h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; color: #e8c599; letter-spacing: 0.1em; margin-bottom: 10px;}
.styling-wrap .info-section .making-txt p{font-size: 16px; font-weight: 300; font-family: "Pretendard",sans-serif; color: white; margin-bottom: 30px;}
.styling-wrap .info-section .txt-wrap .info.on{padding-bottom: 55px;}

.styling-wrap .info-section .info-menu-wrap {width: calc(50vw + 65px); height: 100%; background-color: #eae9e5; display: flex; justify-content: center; align-items: center; position: absolute; right: 0;top: 0;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap{background-color: white; display: flex; flex-flow: column; justify-content: center; align-items: center; text-align: center; padding: 80px 70px; position: relative;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line{content: ""; display: block; width: calc(100% - 40px); height: calc(100% - 60px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; overflow: hidden; isolation: isolate; }
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round-wrap{width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 3px solid #000;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round{position: absolute; width: 60px; height: 60px; border-radius: 50%; border: 3px solid #000; background-color: white;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round-leftT{top: 0; left: 0; transform: translate(-50%,-50%);}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round-rightT{top: 0; right: 0; transform: translate(50%,-50%)}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round-leftB{bottom: 0; left: 0; transform: translate(-50%,50%)}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line .round-rightB{bottom: 0; right: 0; transform: translate(50%,50%)}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit{border-bottom: 1px solid #000;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h3{font-size: 30px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #5f4e3f; margin-bottom: 10px;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h4{font-size: 20px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #90826f; letter-spacing: 0.05em; margin-bottom: 25px;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h5{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 400; color: #000000; margin-bottom: 35px;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt{padding-top: 25px; color: #333333;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt li{margin-bottom: 15px;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt li h5{font-size: 18px; font-weight: 500; font-family: "Lato",sans-serif; margin-bottom: 5px;}
.styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt li p{font-size: 15px; font-weight: 300; font-family: "Pretendard",sans-serif;}

.styling-wrap .schedule-section{background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}
.styling-wrap .schedule-section .tit-wrap{ color: #aea193; text-align: center; padding-top: 95px; margin-bottom: 90px; }
.styling-wrap .schedule-section .tit-wrap h3{font-size: 50px;  font-weight: 400; font-family: "RoxboroughCF",sans-serif;}
.styling-wrap .schedule-section .tit-wrap h2{font-size: 70px; font-weight: 400; font-family: "RoxboroughCF",sans-serif;}

.styling-wrap .schedule-section .info-wrap{display: flex;  position: relative;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap{width: 50%; padding-left: 30px; margin-top: 130px; margin-bottom: 200px; position: relative;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li {display: flex; justify-content: start; align-items: start; position: relative; z-index: 1;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .list-num{width: 80px; height: 80px; line-height: 80px; font-size: 25px; font-family: "Lato",sans-serif; font-weight: 500; color: #000; text-align: center; background-color: white;  border-radius: 50%; margin-right: 15px; transition: 0.8s;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt{padding-bottom: 150px; margin-top: 30px;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h5{font-size: 26px; font-family: "Lato",sans-serif; font-weight: 400; color: #efc552; margin-bottom: 15px;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h6{font-size: 20px; font-family: "Lato",sans-serif; font-weight: 400; color: white; margin-bottom: 10px;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h6.kr{font-family: "Pretendard";}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt p{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white; line-height: 1.6;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt p .color{color: #efc552;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap li.on .list-num{background-color: #000; color: white;}


.styling-wrap .schedule-section .info-wrap .img-wrap{width: 50%; margin-bottom: 30px;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box{width: calc(100% - 250px);  position: sticky; top: 50px; margin: 0 auto;  max-width: 800px;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box .img{width: 100%; display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: 0.8s;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box .img.on{opacity: 1;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box .img img{display: block; width: 100%;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box .img video{width: 100%;}
.styling-wrap .schedule-section .info-wrap .img-wrap .img-box .img video.m-video{display: none;}

.styling-wrap .schedule-section .info-wrap .txt-list-wrap .line-wrap{width: 1px; height: calc(100% - 250px); position: absolute; top: 0; left: 70px; background-color: rgba(234, 233, 229, 0.5); z-index: 0; overflow: hidden; isolation: isolate;}
.styling-wrap .schedule-section .info-wrap .txt-list-wrap .line-wrap .line{width: 1px; height: 100%; position: absolute; top: 0; left: 0; background-color: white; transform: scaleY(0); transform-origin: top;}

.styling-wrap .info-section .txt-wrap .info .txt-roller{height: 0; overflow: hidden; isolation: isolate; transition: 0.8s;}
.styling-wrap .info-section .txt-wrap .info.on .txt-roller{height: auto;}


/*special*/
.special-wrap .info-section {display: flex; justify-content: start; align-items: flex-start;}
.special-wrap .info-section .txt-wrap{width: calc(50vw - 65px); background-color: #423d38; display: flex; justify-content: end; padding-top: 70px; z-index: 1; position: relative; padding-bottom: 45px; padding-left: 125px;}
.special-wrap .info-section .txt-wrap .flex-wrap{width: 650px;}
.special-wrap .info-section .txt-wrap h5{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; color: #e8c599; margin-bottom: 15px;}
.special-wrap .info-section .txt-wrap p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white; line-height: 1.6; margin-bottom: 30px;}
.special-wrap .info-section .txt-wrap p.under-line b{text-decoration: underline;}
.special-wrap .info-section .txt-wrap p .margin-top{margin-top: 15px; display: block;}
.special-wrap .info-section .txt-wrap p .reser_btn{color: #e8c599; display: flex; align-items: center; justify-content: start; width: 125px;margin-left: 10px;}
.special-wrap .info-section .txt-wrap p .reser_btn .arrow-ico{width: 35px; height: 1px; background-color: #e8c599; display: block; margin-left: 5px; position: relative;}
.special-wrap .info-section .txt-wrap p .reser_btn .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: #e8c599; position: absolute; right: 0; top: 0; transform: rotate(30deg); transform-origin: right bottom;}
.special-wrap .info-section .txt-wrap p .margin-top.reser-txt{display: flex; align-items: center; justify-content: start;}
.special-wrap .info-section .txt-wrap .img{width: 495px;}
.special-wrap .info-section .txt-wrap .img img{width: 100%; display: block;}
.special-wrap .info-section .txt-wrap .img video{width: 100%; display: block;}

.special-wrap .info-section .txt-wrap .camp-vdo{max-width: 400px; margin-bottom: 50px;}
.special-wrap .info-section .txt-wrap .camp-vdo video{width: 100%; display: block;}

.special-wrap .info-section .img-wrap{width: calc(50vw + 65px); height: 100%; position: absolute; top: 0; right: 0; z-index: 0;}
.special-wrap .info-section .img-wrap .img{width: 100%; height: 100%;background-size: cover; background-repeat: no-repeat; background-position: center;}

/*tour*/
.tour-wrap{overflow: hidden;}
.tour-wrap .info-wrap .info{display: flex; justify-content: start; margin-bottom: 85px;}
.tour-wrap .info-wrap .txt-wrap{width: calc(50vw - 65px); background-color: #423d38; display: flex; justify-content: end; padding-top: 145px; z-index: 1; position: relative; padding-bottom: 45px; padding-left: 110px;}
.tour-wrap .info-wrap .txt-wrap .txt-box{width: 650px;}
.tour-wrap .info-wrap .txt-wrap .tit{margin-bottom: 35px;}
.tour-wrap .info-wrap .txt-wrap .tit h5{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; color:#e8c599; letter-spacing: 0.1em; margin-bottom: 25px;}
.tour-wrap .info-wrap .txt-wrap .tit h3{font-size: 30px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white;}

.tour-wrap .info-wrap .txt-wrap .txt{display: flex; flex-flow: column; align-items: start; justify-content: start;}
.tour-wrap .info-wrap .txt-wrap .txt h6{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; color: #e8c599; margin-bottom: 10px;}
.tour-wrap .info-wrap .txt-wrap .txt h6::after{content: ""; display: block; width: 100%; height: 1px; background-color: #e8c599;}
.tour-wrap .info-wrap .txt-wrap .txt p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; line-height: 1.8; color: white; margin-bottom: 15px;}
.tour-wrap .info-wrap .txt-wrap .txt a{display: block; width: 180px; height: 35px; line-height: 35px; background-color: #aea193; color: #423d38; text-align: center;}
.tour-wrap .info-wrap .tour-slide-wrap {width: calc(50vw + 49px); max-width: 1100px;}
.tour-wrap .info-wrap .tour-slide-wrap .swiper-slide{height: 755px; }

/*tour-sunset*/
.tour-sunset-wrap .txt-wrap {color: white; background-color: #423d38; padding-top: 80px; padding-bottom: 225px;}
.tour-sunset-wrap .txt-wrap .tit{margin-bottom: 80px;}
.tour-sunset-wrap .txt-wrap .tit h5{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; color:#e8c599; letter-spacing: 0.1em; margin-bottom: 25px;}
.tour-sunset-wrap .txt-wrap .tit h3{font-size: 30px; font-family: "Pretendard",sans-serif; font-weight: 300;}
.tour-sunset-wrap .txt-wrap .txt p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; line-height: 1.8;}

.tour-sunset-wrap .img-wrap{padding-bottom: 275px;}
.tour-sunset-wrap .img-wrap .inner-con{display: flex; justify-content: space-between; align-items: flex-start;}
.tour-sunset-wrap .img-wrap .img1{width: 59.3%; margin-top: 185px;}
.tour-sunset-wrap .img-wrap .img2{width: 33.33%; margin-top: -300px;}

/*tour-hiking*/

.tour-hiking-wrap .info-section .txt-wrap{color: white; background-color: #423d38;}
.tour-hiking-wrap .info-section .txt-wrap .inner-con{ padding-top: 80px; padding-bottom: 160px;}
.tour-hiking-wrap .info-section .txt-wrap .tit{margin-bottom: 80px;}
.tour-hiking-wrap .info-section .txt-wrap .tit h5{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; color:#e8c599; letter-spacing: 0.1em; margin-bottom: 25px;}
.tour-hiking-wrap .info-section .txt-wrap .tit h3{font-size: 30px; font-family: "Pretendard",sans-serif; font-weight: 300;}
.tour-hiking-wrap .info-section .txt-wrap .txt p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 300; line-height: 1.8;}
.tour-hiking-wrap .info-section .txt-wrap .img{position: absolute; right: 0; bottom: -90px;}

.tour-hiking-wrap .course-info-section{padding-top: 270px; display: flex; justify-content: center; padding-bottom: 320px;}
.tour-hiking-wrap .course-info-section .nav-wrap{margin-bottom: 35px;}
.tour-hiking-wrap .course-info-section .nav-wrap ul{display: flex; justify-content: center; align-items: center; background-color: #423d38; padding: 20px 35px; border-radius: 30px;}
.tour-hiking-wrap .course-info-section .nav-wrap ul li a{font-size: 20px; font-weight: 500; font-family: "Pretendard",sans-serif; padding: 0 10px; border-right: 1px solid white;}
.tour-hiking-wrap .course-info-section .nav-wrap ul li:last-of-type a{border-right: 0;}
.tour-hiking-wrap .course-info-section .info{padding-bottom: 70px; border-bottom: 1px solid #423d38; padding-top: 85px;}
.tour-hiking-wrap .course-info-section .info .txt-wrap{ text-align: center; color: #423d38;}
.tour-hiking-wrap .course-info-section .info .txt-wrap h3{font-size: 36px; font-family: "Pretendard",sans-serif; font-weight: 600; letter-spacing: -0.025em; margin-bottom: 25px;}
.tour-hiking-wrap .course-info-section .info .txt-wrap p{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.6;  margin-bottom: 35px;}
.tour-hiking-wrap .course-info-section .info img{display: block; max-width: 100%; margin: 0 auto;}


/*reser-wrap*/
.reser-wrap .info-section .main-tit-wrap {color: #5f4e3f; transform: rotate(0.03deg); padding-top: 75px; padding-bottom: 65px;}
.reser-wrap .info-section .main-tit-wrap h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.reser-wrap .info-section .main-tit-wrap h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-top: 5px; margin-bottom: 5px;  transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.reser-wrap .info-section .main-tit-wrap h5{font-size: 12px; font-family: "Lato",Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3em; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4s;}

.reser-wrap .info-section .main-tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.reser-wrap .info-section .main-tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.reser-wrap .info-section .main-tit-wrap.on h5{transform: translateY(0); opacity: 1;}

.reser-wrap .info-section .reser-info-box{padding-left: 50px; background-size: cover; background-repeat: no-repeat; background-position: right;}
.reser-wrap .info-section .reser-info-box ul{padding-top: 95px; margin-bottom: 55px;}
.reser-wrap .info-section .reser-info-box ul li{font-size: 18px; font-family: "Pretendard",sans-serif; font-weight: 300; color: white; line-height: 1.8;}
.reser-wrap .info-section .reser-info-box ul li b{font-weight: 300; color: #e8c599;}

.reser-wrap .info-section .reser-info-box .reser-box{font-size: 16px; color: #e8c599; font-weight: 400; font-family: "Pretendard",sans-serif; display: flex; justify-content: center; align-items: center; width: 195px; height: 35px; border: 1px solid #e8c599; border-radius: 30px; margin-top: 35px; transition: 0.8s;}
.reser-wrap .info-section .reser-info-box .reser-box:hover{background-color: rgba(255,255,255,0.3);}
.reser-wrap .info-section .reser-info-box .reser-box .arrow-ico{width: 35px; height: 1px; background-color: #e8c599; display: block; margin-left: 5px; position: relative;}
.reser-wrap .info-section .reser-info-box .reser-box .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: #e8c599; position: absolute; right: 0; top: 0; transform: rotate(30deg); transform-origin: right bottom;}

.reser-wrap .info-section .reser-info-box p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 500; color: #e8c599; padding-bottom: 25px; margin-top: 15px;}

.reser-wrap .info-section .info-wrap{padding-bottom: 200px; }
.reser-wrap .info-section .info-wrap .tit{margin-top: 50px; margin-bottom: 50px;}
.reser-wrap .info-section .info-wrap .tit h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em;}
.reser-wrap .info-section .info-wrap .tit h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-top: 5px;}

.reser-wrap .info-section .info-wrap ul li{margin-bottom: 20px; font-family: "Pretendard",sans-serif;}
.reser-wrap .info-section .info-wrap ul li h3{font-size: 16px; font-weight: 400; line-height: 40px; background-color: #f4f2ee; border:  1px solid #bfbfbf; cursor: pointer; padding-left: 20px; padding-right: 45px; position: relative;}
.reser-wrap .info-section .info-wrap ul li h3 .ico{width: 15px; height: 15px; position: absolute; right: 10px; top: 50%;  transform: translateY(-100%) rotate(180deg); display: block;}
.reser-wrap .info-section .info-wrap ul li h3 .ico::after{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(-50%) rotate(55deg); transform-origin: right;}
.reser-wrap .info-section .info-wrap ul li h3 .ico::before{display: block; content: ""; width: 100%; height: 1px; background-color: white; position: absolute; top: 50%; left: 0; transform:translateX(50%) rotate(-55deg); transform-origin: left;}
.reser-wrap .info-section .info-wrap ul li.on h3 .ico{transform: translateY(-0%) rotate(0deg);}
.reser-wrap .info-section .info-wrap ul li h3 .ico::before{background-color: #bfbfbf;}
.reser-wrap .info-section .info-wrap ul li h3 .ico::after{background-color: #bfbfbf;}
.reser-wrap .info-section .info-wrap ul .info:last-of-type .dash-list li {margin-bottom: 0;}
.reser-wrap .info-section .info-wrap .txt{padding: 30px 20px;}
.reser-wrap .info-section .info-wrap .txt p{font-size: 14px; line-height: 1.6; margin-bottom: 30px;}
.reser-wrap .info-section .info-wrap .txt p u{font-weight: 500; color: #7c4f22;}
.reser-wrap .info-section .info-wrap .txt li u{font-weight: 500; color: #7c4f22;}
.reser-wrap .info-section .info-wrap .txt p b{font-weight: 600;}
.reser-wrap .info-section .info-wrap .txt h5{font-size: 15px; margin-bottom: 10px; font-weight: 500;}
.reser-wrap .info-section .info-wrap .txt ol{margin-bottom: 30px;}
.reser-wrap .info-section .info-wrap .txt li{font-size: 14px; line-height: 1.6;}

.reser-wrap .info-section .info-wrap .refund-table{width: 100%; text-align: center; border-bottom: 2px solid #5f4e3f; border-top: 1px solid #a79b90;}
.reser-wrap .info-section .info-wrap .refund-table th, .reser-wrap .info-section .info-wrap .refund-table td{padding: 15px 0 ; font-size: 13px;}
.reser-wrap .info-section .info-wrap .refund-table thead th{border-bottom: 1px solid #bfbfbf; position: relative;}
.reser-wrap .info-section .info-wrap .refund-table thead th::before{content: ""; display: block; width: 1px; height: 10px; background-color: #bfbfbf; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.reser-wrap .info-section .info-wrap .refund-table thead th:last-of-type::before{display: none;}

.reser-wrap .info-section .info-wrap .info .detail-txt{height: 0; overflow: hidden; isolation: isolate; transition: 0.8s;}
.reser-wrap .info-section .info-wrap .info.on .detail-txt{height: auto;}

.reser-wrap .book-info-wrap{margin-bottom: 100px;}

.faq-wrap .con2 .main-tit-wrap {color: #5f4e3f; transform: rotate(0.03deg); padding-top: 75px; padding-bottom: 65px;}
.faq-wrap .con2 .main-tit-wrap h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.faq-wrap .con2 .main-tit-wrap h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-top: 5px; margin-bottom: 5px;  transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.faq-wrap .con2 .main-tit-wrap h5{font-size: 12px; font-family: "Lato",Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3em; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4s;}

.faq-wrap .con2 .main-tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.faq-wrap .con2 .main-tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.faq-wrap .con2 .main-tit-wrap.on h5{transform: translateY(0); opacity: 1;}

#faq_wrap li h3 a{color: #333;}
#faq_con .con_inner{font-size: 14px; line-height: 1.6;}

.board-wrap .con2 #bo_list{width: 100%; max-width: 100%; padding: 0; margin-bottom: 100px;}
.board-wrap .con2 .main-tit-wrap {color: #5f4e3f; transform: rotate(0.03deg); padding-top: 75px; padding-bottom: 65px;}
.board-wrap .con2 .main-tit-wrap h3{font-size: 15px; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em; transform: translateY(30px); opacity: 0; transition: 1.2s;}
.board-wrap .con2 .main-tit-wrap h2{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; letter-spacing: 0.1em; margin-top: 5px; margin-bottom: 5px;  transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.2s;}
.board-wrap .con2 .main-tit-wrap h5{font-size: 12px; font-family: "Lato",Arial, Helvetica, sans-serif; font-weight: 300; letter-spacing: 0.3em; transform: translateY(30px); opacity: 0; transition: 1.2s; transition-delay: 0.4s;}
.faq-wrap  .faq_wrap{margin-bottom: 100px;}

.board-wrap .con2 .main-tit-wrap.on h3{transform: translateY(0); opacity: 1;}
.board-wrap .con2 .main-tit-wrap.on h2{transform: translateY(0); opacity: 1;}
.board-wrap .con2 .main-tit-wrap.on h5{transform: translateY(0); opacity: 1;}
#bo_list .tbl_head01 a{color: #333;}
.review-wrap .con2{padding: 100px 0;}
.m-map{display: none;}
/*special-preview*/
.special-preview-section{padding-bottom: 215px;}
.special-preview-section .tit-wrap{margin-top: 140px; color: #5f4e3f; margin-bottom: 130px;}
.special-preview-section .tit-wrap h5{font-size: 16px; font-family: "Lato",sans-serif; font-weight: 400;  letter-spacing: 0.1em;}
.special-preview-section .tit-wrap h2{font-size: 100px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; margin-left: -0.1em;}
.special-preview-section .slide-container{ overflow: hidden; isolation: isolate;}
.special-preview-section .slide-container .swiper-slide .img{overflow: hidden; isolation: isolate; border: 1px solid #eae9e5;}
.special-preview-section .slide-container .swiper-slide img{display: block; width: 100%; border: 1px solid #eae9e5;transition: 0.8s;}
.special-preview-section .slide-container .swiper-slide:hover img{transform: scale(1.05);}
.special-preview-section .slide-container .swiper-slide .txt{position: absolute; z-index: 15; left: 30px; bottom: 50px; color: white;}
.special-preview-section .slide-container .swiper-slide .txt h5{font-size: 18px; font-weight: 400; font-family: "Lato",sans-serif; font-weight: 400; letter-spacing: 0.1em;}
.special-preview-section .slide-container .swiper-slide .txt h3{font-size: 30px; font-weight: 400; font-family: "RoxboroughCF",sans-serif; font-weight: 300; letter-spacing: -0.01em;}
.special-preview-section .info-wrap{display: flex; align-items: center; justify-content: end;}
.special-preview-section .info-wrap .deco-img{padding: 0 65px; animation: rollingTxt 30s infinite linear;}


.special-preview-section .slide-btn-wrap{display: flex; justify-content: start; align-items: center; margin-top: 65px;}
.special-preview-section .slide-btn-wrap .slide-btn{display: flex; justify-content: start; align-items: center;}
.special-preview-section .slide-btn-wrap .slide-btn li{width: 25px; height: 25px; cursor: pointer; display: flex; align-items: center; margin-right: 10px;}
.special-preview-section .slide-btn-wrap .slide-btn li button{width: 100%; height: 1px; background-color: #7c8999; position: relative;}
.special-preview-section .slide-btn-wrap .slide-btn li button .line{display: block; width: 13px; height: 1px; background-color: #7c8999; position: absolute; top: 0;}
.special-preview-section .slide-btn-wrap .slide-btn .prev .line{left: 0;}
.special-preview-section .slide-btn-wrap .slide-btn .prev .line1{transform: rotate(45deg); transform-origin: left;}
.special-preview-section .slide-btn-wrap .slide-btn .prev .line2{transform: rotate(-45deg);transform-origin: left;}

.special-preview-section .slide-btn-wrap .slide-btn .next .line{right: 0;}
.special-preview-section .slide-btn-wrap .slide-btn .next .line1{transform: rotate(45deg); transform-origin: right;}
.special-preview-section .slide-btn-wrap .slide-btn .next .line2{transform: rotate(-45deg);transform-origin: right;}
.special-preview-section .slide-btn-wrap .slide-line{width: calc(100% - 200px); height: 1px; background-color: #9c9b9d; margin-left: 30px; position: relative;}
.special-preview-section .slide-btn-wrap .slide-line .range{width: 100%; height: 1px; position: absolute; top: 0; left: 0; background-color: #000000; transform: scaleX(0); transform-origin: left; transition: 0.6s;}
.special-preview-section .edge-slide .img{overflow: hidden; isolation: isolate; display: block; position: relative;}
.special-preview-section .edge-slide .img::after{content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%,-50%); width: 0; height: 0; border: solid; border-color: transparent #eae9e5 transparent #eae9e5;  border-width:200px 18vw 200px 18vw;}
/* .special-preview-section .slide-btn-wrap .edge-slide .img::before{} */
/*review*/
.review-section{background-color: #5f4e3f;}
.review-section .side-tit{font-size: 30px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; color: #e8e1d3; position: absolute; top: 50%; left: -50px; transform: translateY(-50%) translateX(-50%)  rotate(-90deg); overflow: hidden; isolation: isolate;}
.review-section .side-tit span{transform: translateY(1.2em); display: block; transition: 1.4s;}
.review-section .side-tit.on span{transform: translateY(0);}
.review-section .main_cont2{  position: relative; padding: 0;}
.review-section .main_cont2 .review_wrap{overflow: hidden; isolation: isolate; padding-top: 185px; padding-bottom: 175px;}
.review-section .main_cont2 .swiper-slide{display: flex; justify-content: start; background-color: #e8e1d3; border-radius: 0 30px 30px 0;}
.review-section .main_cont2 .review_wrap{position: relative;}
.review-section .main_cont2 .review-slide-wrap{position: relative;}
.review-section .main_cont2 .fixed-btn{position: absolute; right: 15px; top: -50px; font-size: 14px;}

.review-section .main_cont2 .txt-wrap{padding-top: 20px; padding-left: 20px; padding-right: 20px; display: flex; flex-flow: column; justify-content: start; align-items: flex-start;}
.review-section .main_cont2 .txt-wrap .cata{font-size: 15px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; color: #5b4126; margin-bottom: 10px;}
.review-section .main_cont2 .txt-wrap .tit{font-size: 22px; font-family: "Pretendard",sans-serif; font-weight: 400; letter-spacing:  0.1em; margin-bottom: 20px;}
.review-section .main_cont2 .txt-wrap .tit a{color: #262626;}
.review-section .main_cont2 .txt-wrap .star-icon{display: flex; flex-flow: row-reverse; margin-bottom: 15px;}
.review-section .main_cont2 .txt-wrap .star-icon i{color: #a92020; font-size: 18px;}
.review-section .main_cont2 .txt-wrap .star-icon i.empty{color: #c3ac9c;}


/* .review-section .main_cont2 .txt-wrap .txt{position: relative;} */
.review-section .main_cont2 .txt-wrap .txt p{font-size: 15px; font-weight: 300; font-family: "Pretendard",sans-serif; letter-spacing: -0.025em; line-height: 1.6; color: #262626;}
.review-section .main_cont2 .txt-wrap .txt a{font-size: 14px; font-family: "Montserrat"; font-style: italic; font-weight: 300; color: #262626; position: absolute; bottom: 25px; right: 25px;}
.review-section .main_cont2 .swiper-pagination-bullet{opacity: 1; background-color: #eadbbd;}
.review-section .main_cont2 .swiper-pagination-bullet-active{background-color: #262626;}
.review-section .main_cont2 .swiper-pagination{bottom: -100px;}
.ft {background-size: cover; background-repeat: no-repeat; background-position: center;}
.ft .outtro-section{padding-bottom: 150px;}
.ft .outtro-section .txt-wrap{padding-top: 140px; text-align: center; color: #cbc9c3;}
.ft .outtro-section .txt-wrap h3{font-size: 40px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; letter-spacing: 0.02em;}
.ft .outtro-section .txt-wrap h2{font-size: 60px; font-family: "RoxboroughCF",sans-serif; font-weight: 300; letter-spacing: 0.02em; margin-bottom: 20px;}
.ft .outtro-section .txt-wrap p{font-size: 16px; font-family: "Noto Serif KR",sans-serif; font-weight: 300; margin-bottom: 50px; line-height: 1.8;}
.ft .outtro-section .txt-wrap a{font-size: 16px; font-family: "Noto Serif KR",sans-serif; font-weight: 300; color: #eae9e5; border: 1px solid rgba(234, 233, 229, 0.5); padding: 15px 45px; transition: 0.6s;}
.ft .outtro-section .txt-wrap a:hover{background-color: rgba(255,255,255,0.3);}

.ft .ft-info{padding-bottom: 50px; }
.ft .ft-menu-wrap{position: absolute; top: 85px; left: 0; width: 100%;}
.ft .ft-menu-wrap .menu-wrap .menu-box > ul{display: flex; justify-content: center; align-items: center;}
.ft .ft-menu-wrap .menu-wrap .menu-box > ul > li{margin: 0 10px;}
.ft .ft-menu-wrap .menu-wrap .menu-box > ul > li > a{font-size: 15px; font-weight: 400; font-family: "Optima",sans-serif; letter-spacing: 0.08em; opacity: 0.65;}
.ft .ft-menu-wrap .menu-wrap .menu-box > ul > li:nth-of-type(3){margin-right: 180px;}
.ft .ft-menu-wrap .menu-wrap .menu-box > ul > li:nth-of-type(4){margin-left: 180px;}
.ft .ft-menu-wrap .sub-menu{display: none;}
.ft .ft-info img{margin-bottom: 15px;}
.ft .ft-info .ft-logo{display: flex; flex-flow: column; align-items: center; justify-content: start; margin-bottom: 45px;}
.ft .ft-info .ft-logo h5{font-size: 36px; font-family: "RoxboroughCF",sans-serif; font-weight: 400; color: white; opacity: 0.7;}
.ft .ft-info .ft-logo h5 i{color: white;}
.ft .ft-info .info-wrap{text-align: center; display: flex; flex-flow: column; align-items: center; justify-content: start;}
.ft .ft-info .info-wrap .ft-tel{font-size: 40px; font-family: "Lato",sans-serif; font-weight: 400; color: white;   margin-bottom: 70px;}
.ft .ft-info .info-wrap p{font-size: 16px; font-family: "Pretendard",sans-serif; font-weight: 400; color: white; line-height: 1.8;}
.ft .ft-info .info-wrap .business-number{margin-bottom: 15px;}
.ft .ft-info .info-wrap .copyright{font-size: 12px; font-weight: 300; opacity: 0.8; margin-bottom: 20px;}
.ft .ft-info .info-wrap .login{font-size: 13px; font-family: "Noto Sans KR",sans-serif; font-weight: 500; display: inline-block;}
.ft .ft-info .info-wrap .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: white;}

.fixed-btn-wrap{opacity: 0; pointer-events: none; bottom: 35px; right: 35px; opacity: 0;  position: fixed; z-index: 30;}
.fixed-btn-wrap.on{opacity: 1; pointer-events: all;}

.fixed-btn-wrap .kakao-fixed{width: 75px; height: 75px; text-align: center;background-color: #fff; border-radius: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center;   box-shadow: -1px 1px 5px rgb(0 0 0 / 10%); z-index: 30; transition: 1.6s;} 
.fixed-btn-wrap img{width: 40px;}
.fixed-btn-wrap h5{font-size: 12px;}
.fixed-btn-wrap .to-top{width: 75px; height: 75px; text-align: center;background-color: #fff; border-radius: 50%; display: flex; flex-flow: column; align-items: center; justify-content: center;   box-shadow: -1px 1px 5px rgb(0 0 0 / 10%); z-index: 30; transition: 1.6s; margin-bottom: 15px; cursor: pointer;}
.fixed-btn-wrap .to-top i{font-size: 16px;}
.fixed-btn-wrap .to-top .img a{}

.inner-con{position: relative; max-width: 1420px; margin: 0 auto;}
.inner-con.inner-1580{max-width: 1580px;}


/*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: 1; transform: translateY(0px);}
.scroll-obj.fadeX.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.fadeXR.on{opacity: 1; transform: translateX(0px);}
.scroll-obj.lineY{transform: scaleY(0); transform-origin: top;}
.scroll-obj.lineX.on{transform: scaleY(1);}
.scroll-obj.lineX{transform: scaleX(0);}
.scroll-obj.lineY.on{transform: scaleX(1);}
.scroll-obj.overflow-box .overflow-txt{transform: translateY(1.2em); transition: 1.4s; display: block;}
.scroll-obj.overflow-box {overflow: hidden; isolation: isolate;}
.scroll-obj.overflow-box.on .overflow-txt{transform: translateY(0);} 

.img-mask{display: block; transform: translateY(100%); overflow: hidden; isolation: isolate;}
.img-mask.on{transform: translateY(0);}
.img-mask img{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on img{transform: translateY(0%);}
.img-mask iframe{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on iframe{transform: translateY(0%);}
.img-mask video{transform: translateY(-100%); transition: 1.4s;}
.img-mask.on video{transform: translateY(0%);}


.main-tit-box{overflow: hidden; isolation: isolate;}
.main-tit-box .overflow-txt{transform: translateY(1.2em); transition: 1.4s; display: block;}
.main-tit-wrap.on .main-tit-box .overflow-txt{transform: translateY(0);}
.m-br{display: none;}

/*객실 프리뷰*/
.room-preview-section .deco-wrap{text-align: left; font-family: "RoxboroughCF",sans-serif; float: right; margin-top: 30px;}
.room-preview-section .deco-wrap::after{display: table; content: ""; clear: both;}
.room-preview-section .deco-wrap .txt{float: right; margin-top: 120px; margin-bottom: 50px; margin-right: 25px;}
.room-preview-section .deco-wrap img{float: right;}
.room-preview-section .deco-wrap h3{font-size: 40px; font-weight: 300; font-family: "RoxboroughCF",sans-serif;}
.room-preview-section .deco-wrap h2{font-size: 60px; font-weight: 300; font-family: "RoxboroughCF",sans-serif;}
.room-preview-section ul{clear: both; background-color: #5f4e3f; height: 700px; position: relative;}
.room-preview-section .room-preview-bg{width: 100%; height: 100%; background-position: center; opacity: 0.5; position: absolute; top: 0; left: 0;}
.room-preview-section .room-preview-bg .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background-size: cover; background-repeat: no-repeat; opacity: 0; visibility: hidden; transition: 0.8s;}
.room-preview-section .room-preview-bg .bg.visible{visibility: visible; opacity: 0.6;}

.room-preview-section li{width: 25%; float: left; text-align: center; color: white; position: relative; z-index: 300; border-right: 1px solid #bbc3c1; height: 100%;}
.room-preview-section li .item{ transition: 0.8s}

.room-preview-section .tit{margin-top: 250px;}
.room-preview-section .tit h3{font-family: "Lato",sans-serif; font-weight: 300; font-size: 16px;}
.room-preview-section .tit h2{font-family: "RoxboroughCF",sans-serif; font-weight: 300; font-size: 40px; margin-top: 30px;}
.room-preview-section .line{width: 1px; height: 55px; margin: 40px auto; background-color: white;}
.room-preview-section li .txt{opacity: 0; visibility: hidden; transition: 0.8s;}
.room-preview-section .txt p{font-size: 14px; font-weight: 300; line-height: 1.6; margin-bottom: 80px;}
.room-preview-section .txt a{text-decoration: underline #fff; color: white; font-family: "Lato"; font-size: 14px; font-weight: 300;}

.room-preview-section li.on .item{transform: translateY(-90px);}
.room-preview-section li.on .txt{opacity: 1; visibility: visible; transition-delay: 0 !important; transition-delay: 0.8s;}

#mb_login .aw-login-wrap ul{display: flex; justify-content: space-around; width: 100%; border-top: 1px solid #e3e3e3; padding: 20px;}
#mb_login .aw-login-wrap ul li{width: 100%; text-align: center;}
#mb_login .aw-login-wrap ul a{color: #1f2a25;}
@keyframes rollingTxt {
    from{
        transform: rotate(0);
    }
    to{
        transform: rotate(360deg);
    }
}
@media all and (max-width: 1670px){
    .inner-con{width: calc(100% - 250px);}
}
@media all and (max-width: 1520px){    
    .room-preview-section ul{height: 600px;}
    .room-preview-section .tit{margin-top: 250px;}
    .room-preview-section .line{margin: 20px auto;}
    .room-preview-section .txt p{margin-bottom: 40px;}
}
@media all and (max-width: 1450px){
    .main-wrap .intro-section .bg-img-wrap .img1{width: 300px;}
    .main-wrap .intro-section .bg-img-wrap .img2{width: 300px;}
    .main-wrap .intro-section .bg-img-wrap .img img{display: block; width: 100%;}    
    .main-wrap .intro-section .img-wrap li{width: 300px;}
    .special-wrap .info-section .txt-wrap .img{width: calc(100% - 30px);}

}
@media all and (max-width: 1024px){
    .main-wrap .visual-section .bg{background-attachment: local;}
    .hd{transform: translateX(0); width: 100%;}
    .hd .menu-wrap{width: 100%; display: block; padding: 0 15px; transform: translateX(-100%); transition: 0.8s;}
    .hd.click .menu-wrap{transform: translateX(0);}
    .hd .menu-wrap{display: flex; justify-content: center; align-items: center;}
    .hd .menu-wrap .menu-box > ul{text-align: center;}
    .hd .menu-wrap .menu-box > ul > li > a{font-size: 16px; line-height: 1.4; padding-bottom: 10px;}
    .hd .menu-wrap .menu-box > ul > li:nth-of-type(n+4){width: 50%;}
    .hd .menu-wrap .menu-box .sub-menu a{font-size: 12px; letter-spacing: -0.08em;}
    .hd .btn-wrap{position: fixed; top: 0; left: 0; flex-flow: row; justify-content: space-between; width: 100%; align-items: center; padding: 10px 15px; transform: translate(0); z-index: 30;} 
    .hd .btn-wrap .menu-btn{margin: 0;}
    .hd .btn-wrap .logo{margin: 0;}
    .hd .btn-wrap .hd-reser-box{position: absolute; width: 60px; right: 50px; height: 100%; padding-top: 13px; padding-bottom: 15px;  transform: translateY(0);}
    .hd .btn-wrap .hd-reser-box span{font-size: 11px;}

    .intro-section .bg-tit-wrap h6{font-size: 12vw;}
    .ft .ft-menu-wrap{display: none;}
    .special-preview-section .info-wrap .deco-img{display: none;}
    .special-preview-section .edge-slide .img::after{border-width: 10vw 33.3333vw 10vw 33.3333vw;}
    .review-section .main_cont2 .swiper-slide{flex-flow: column;}
    .review-section .main_cont2 .img-wrap img{display: block; width: 100%;}
    .review-section .main_cont2 .txt-wrap{padding-bottom: 60px;}

    .main-wrap .intro-section .bg-img-wrap .img1{display: none;}
    .main-wrap .intro-section .bg-img-wrap .img2{display: none;}
    .main-wrap .intro-section .img-wrap ul{margin-right: 0;}
    .main-wrap .intro-section .img-wrap li{width: 45%;}
    .styling-wrap .schedule-section{background-attachment: local;}
    .styling-wrap .schedule-section .info-wrap .img-wrap .img-box{width: calc(100% - 50px);}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap{width: 60%;}
    .styling-wrap .schedule-section .info-wrap .img-wrap{width: 40%;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .list-num{width: 50px; height: 50px; line-height: 50px; font-size: 20px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap .line-wrap{left: 55px;}

    .styling-wrap .info-section .txt-wrap{width: 100%; min-height: auto;}
    .styling-wrap .info-section .info-menu-wrap{width: 100%; position: relative;}
    .styling-wrap .info-section .txt-wrap .flex-wrap{width: 100%; padding: 0 50px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt p{font-size: 13px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h5{font-size: 16px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h6{font-size: 15px;}
    .view-wrap .info-section .img-wrap .img{width: 100%;}
    .con1 .sub-tit-wrap{width: 60vw;}
    .con1 .sub-tit-wrap h2{font-size: 24px;}
    .con1 .sub-tit-wrap{padding-left: 15px;}
    .tour-wrap .info-wrap .info{flex-flow: column-reverse;}
    .tour-wrap .info-wrap .tour-slide-wrap{width: 100%;}
    .tour-wrap .info-wrap .txt-wrap{width: 100%; padding: 0 15px; padding-bottom: 100px;}
    .tour-wrap .info-wrap .tour-slide-wrap .swiper-slide{height: 350px;}
    .tour-wrap .info-wrap .txt-wrap{margin-left: 0;}
    .tour-wrap .info-wrap .txt-wrap .txt-box{width: 100%;}
    .tour-wrap .info-wrap .txt-wrap{padding-top: 50px;}
    .tour-wrap .info-wrap .txt-wrap .txt p{font-size: 13px;}
    .tour-hiking-wrap .course-info-section .nav-wrap ul li a{font-size: 12px;}
    .special-wrap .info-section{flex-flow: column-reverse;}
    .special-wrap .info-section .img-wrap{position: relative; height: 500px; width: 100%;}
    
    .special-wrap .info-section .txt-wrap{width: 100%;}
    .special-wrap .info-section .txt-wrap .img{width: 100%;}
    .room-wrap .info-section .txt-wrap{width: 100%;}
    .room-wrap .info-section .room-slide-wrap{width: 100%; position: relative; height: 500px;}
    .room-wrap .info-section .txt-wrap > ul{width: 100%;}
    .room-wrap .txt-wrap{padding: 0 15px;}
    .room-wrap .info-section{flex-flow: column-reverse;}
    .room-wrap .txt-info-section .txt-wrap .info{padding-left: 15px; justify-content: start; width: 60%;}
    .room-wrap .txt-info-section .img-wrap .info .img img{display: block; width: 100%;}
    .room-wrap .txt-info-section .txt-wrap .info{width: 100%;}
    .room-wrap .txt-info-section .txt-wrap .info .tit h3{margin-left: -10px;}
    .room-wrap .txt-info-section .img-wrap{margin-top: -100px;}
    .room-wrap .txt-info-section .img-wrap .info{width: 80%;}
    .special-wrap .info-section .txt-wrap{justify-content: start; padding-left: 30px;}
    
    .special-wrap .info-section .img-wrap{height: auto;}
    
}

@media all and (max-width: 900px){
    .inner-con{width: calc(100% - 50px);}
    .room-preview-section ul{height: 450px;}
    .room-preview-section .tit{margin-top: 200px;}
    
    .room-preview-section .tit h2{font-size: 24px; margin-top: 10px;}
    .room-preview-section .tit h3{font-size: 14px;}
    .room-preview-section .txt p{font-size: 12px;}
    .room-preview-section .line{height: 35px;}
    .room-preview-section .deco-wrap h2{font-size: 40px;}
    .room-preview-section .deco-wrap h3{font-size: 24px;}
    .room-preview-section .deco-wrap img{width: 200px;}
}

@media all and (max-width: 700px){
    .inner-con{width: calc(100% - 30px);}

    .con1 .sub-tit-wrap{padding-left: 0; justify-content: start; padding-top: 20px; padding-bottom: 20px;}
    .con1 .sub-tit-wrap .tit{width: 100%; padding-left: 15px;}
    .con1 .sub-tit-wrap{width: 80%;}
    .con1 .sub-tit-wrap h5{font-size: 13px;}
    .con1 .sub-tit-wrap h2{font-size: 18px; margin: 5px 0;}
    .con1 .sub-tit-wrap h3{font-size: 12px;}
    
    .top-img-wrap .con1 .top-img{height: 300px;}
    .map-slide-wrap .swiper-slide{height: 300px;}
    .main-wrap .intro-section{overflow: hidden; isolation: isolate;}
    .intro-section .bg-tit-wrap h6{font-size: 12vw;}
    .ft .ft-menu-wrap .menu-wrap .menu-box > ul > li > a{display: none;}
    .full-slide-wrap .con1 .main-tit-wrap h1{font-size: 32px;}
    .full-slide-wrap .con1 .main-tit-wrap h5{font-size: 14px;}
    .full-slide-wrap .con1 .swiper-slide{height: 300px;}
    .full-slide-wrap .con1{height: 300px;}
    /* .full-slide-wrap .con1{height: 295px;} */
    
    .full-slide-wrap .con1 .side-btn-wrap .scroll-down-wrap{display: none;}
    .intro-section .bg-tit-wrap{margin-bottom: 35px;}
    .full-slide-wrap .con1 .side-btn-wrap{height: auto; margin-bottom: 15px;}
    .full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap button{width: 30px; height: 30px;}
    .full-slide-wrap .con1 .side-btn-wrap .slide-btn-wrap .line{width: 50px;}
    .main-wrap .intro-section .txt-wrap{margin-bottom: 80px;}
    .main-wrap .intro-section .txt-wrap .tit h3{font-size: 22px; margin-bottom: 10px;}
    .main-wrap .intro-section .txt-wrap .tit h5{font-size: 14px;}
    .main-wrap .intro-section .line{margin: 30px auto;}
    .main-wrap .intro-section .txt h4{font-size: 18px;}
    .main-wrap .intro-section .bg-img-wrap .bg-deco-img{width: 90vw; bottom: 50px; right: -100px;}
    .main-wrap .intro-section .txt h4{font-size: 15px; margin-bottom: 20px;}
    .main-wrap .intro-section .txt p{font-size: 13px;}
    .main-wrap .intro-section .txt-wrap .txt .link-btn{width: 125px; height: 125px;}
    
    .main-wrap .intro-section .txt-wrap .txt .link-btn{font-size: 12px;}
    .main-wrap .intro-section .txt-wrap .txt .link-btn{margin-top: 25px;}
    .main-wrap .intro-section .img-wrap ul{width: 100%; margin-right: 0; justify-content: end;}
    .main-wrap .intro-section .img-wrap li{width: 45%;}
    
    .main-wrap .intro-section .bg-img-wrap .img img{display: block; width: 100%;}
    .main-wrap .intro-section .bg-img-wrap .img1{width: 30%; bottom: 110px; display: none;}
    .main-wrap .intro-section .bg-img-wrap .img2{width: 30%; display: none;}

    .main-wrap .visual-section .txt-wrap{padding-top: 75px;}
    .main-wrap .visual-section .txt-wrap .tit{font-size: 32px; margin-bottom: 20px;}
    .main-wrap .visual-section .txt-wrap .txt h5{font-size: 14px; margin-bottom: 15px;}
    .main-wrap .visual-section .txt-wrap .txt p{font-size: 13px; margin-bottom: 25px;}
    .main-wrap .visual-section .txt-wrap .txt a{font-size: 15px;}
    .main-wrap .visual-section .bg{height: auto; padding-bottom: 50px;}

    .main-wrap .con2{z-index: 15;}
    .main-wrap .pop-menu-wrap .menu-wrap{padding: 35px 25px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-tit h3{font-size: 15px; margin-bottom: 5px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-tit h4{font-size: 13px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-tit h5{font-size: 12px; margin-bottom: 10px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-txt{padding-top: 10px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-txt li h5{font-size: 12px; margin-bottom: 5px;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-txt li p {font-size: 11px; letter-spacing: -0.05em;}
    .main-wrap .pop-menu-wrap .menu-wrap .menu-line{width: calc(100% - 20px); height: calc(100% - 20px);}
    .main-wrap .pop-menu-wrap .menu-wrap .close-btn{z-index: 15; transform: translate(0);}
    .main-wrap .pop-menu-wrap .menu-wrap .close-btn .close-line{background-color: #000;}

    .view-wrap .info-section{padding-bottom: 100px;}
    .view-wrap .intro-section .intro-tit h3{font-size: 18px;}
    .view-wrap .intro-section .intro-tit h5{font-size: 15px;}
    .view-wrap .intro-section .intro-tit{margin-bottom: 0;}
    .view-wrap .info-section .txt-wrap{padding-left: 0; padding-top: 15px; padding-top: 100px; margin-top: 30px;}
    .view-wrap .info-section .txt-wrap .tit{font-size: 32px; margin-bottom: 35px;}
    .view-wrap .info-section .txt-wrap .txt{padding-left: 0px;}
    .view-wrap .info-section .txt-wrap .txt h5{font-size: 15px; margin-bottom: 25px;}
    .view-wrap .info-section .txt-wrap .txt p{font-size: 13px;}
    .view-wrap .info-section .bg-deco-img{width: 80vw; top: 200px;}
    .view-wrap .info-section .bg-deco-img img{display: block; width: 100%;}
    .view-wrap .info-section .txt-wrap .img{left: auto; right: 0; width: 125px;}
    
    .view-wrap .info-section .txt-wrap .img img{display: block; width: 100%;}
    .view-wrap .info-section .img-wrap .img img{display: block; width: 100%;}
    .view-wrap .info-section .img-wrap .img{margin-bottom: 10px; width: 100%;}
    .movie-wrap .con2 .info-wrap{padding-top: 50px; padding-bottom: 80px;}

    .room-wrap .info-section{display: flex; flex-flow: column-reverse;}
    .room-wrap .info-section .room-slide-wrap{position: relative;}
    .room-wrap .info-section .room-slide-wrap{height: auto;}
    .room-wrap .info-section .room-slide-wrap .swiper-slide{height: 300px;}
    .room-wrap .info-section .room-slide-wrap{width: 100%;}
    .room-wrap .info-section .room-slide-wrap p{left: 15px; bottom: 15px;}
    .room-wrap .info-section .txt-wrap{width: 100%;}
    .room-wrap .info-section .txt-wrap > ul{width: 100%; padding: 0 15px;}
    .room-wrap .info-section .room-slide-wrap p{font-size: 12px;}
    .room-wrap .info-section .room-slide-wrap .slide-btn-wrap button{width: 30px; height: 30px;}
    .room-wrap .info-section .room-slide-wrap .slide-btn-wrap button .ico{font-size: 15px;}
    .room-wrap .info-section .txt-wrap{padding-top: 30px; padding-bottom: 30px; padding-left: 0;}
    .room-wrap .info-section .txt-wrap .info h3{font-size: 13px; padding-bottom: 15px; margin-bottom: 15px;}
    .room-wrap .info-section .txt-wrap .info .txt h5{font-size: 14px;}
    .room-wrap .info-section .txt-wrap .info .txt li{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info1 ol{margin-bottom: 25px;}
    .room-wrap .info-section .txt-wrap .info .txt p{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info .reser-box{font-size: 14px; margin-top: 20px;}
    .room-wrap .info-section .txt-wrap .info .txt li{font-size: 13px;}
    .room-wrap .info-section .txt-wrap .info .link{font-size: 14px;}
    .room-wrap .txt-info-section .txt-wrap .info{width: 100%; padding-left: 0;}
    .room-wrap .txt-wrap{padding: 0 15px;}
    .room-wrap .txt-info-section .txt-wrap{padding-top: 60px;padding-bottom: 90px;}
    
    .room-wrap .txt-info-section .txt-wrap .info .tit{padding-left: 20px; margin-bottom: 20px;}
    .room-wrap .txt-info-section .txt-wrap .info .tit h3{font-size: 28px;}
    .room-wrap .txt-info-section .txt-wrap .info .tit h2{font-size: 32px;}
    .room-wrap .txt-info-section .txt-wrap .info .txt p{font-size: 13px;}
    .room-wrap .txt-info-section .bg-deco-img{width: 80vw;}
    .room-wrap .txt-info-section .bg-deco-img img{display: block; width: 100%;}
    .room-wrap .txt-info-section .img-wrap{margin-top: -50px; padding-bottom: 50px;}
    .room-wrap .txt-info-section .img-wrap .info{width: 100%;}
    .room-wrap .txt-info-section .img-wrap .info .img{width: 60%;}
    .room-wrap .txt-info-section .img-wrap .txt h2{font-size: 32px;}
    .room-wrap .txt-info-section .img-wrap .txt p{font-size: 13px;}
    .room-wrap .txt-info-section .img-wrap .txt{padding-left: 30px;}
    .room-wrap .txt-info-section .img-wrap img{display: block; width: 100%;}
    .room-wrap .info-section .txt-wrap .info.on .txt{padding-bottom: 0;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-line{width: calc(100% - 30px); height: calc(100% - 30px);}
    .styling-wrap .info-section .txt-wrap{width: 100%; min-height: 0 !important; padding-left: 0;}
    .styling-wrap .info-section .info-menu-wrap{width: 100%; position: relative;}
    .styling-wrap .info-section .txt-wrap .flex-wrap{width: 100%; padding: 0 15px;}
    .styling-wrap .info-section .txt-wrap .info .tit{font-size: 13px;}
    .styling-wrap .info-section .txt-wrap .info .txt h5{font-size: 14px;}
    .styling-wrap .info-section .txt-wrap .info .txt p{font-size: 13px;}
    .styling-wrap .info-section .txt-wrap .info .txt h6{font-size: 13px; margin-top: 5px; margin-bottom: 15px;}
    .styling-wrap .info-section .txt-wrap .info .txt li{font-size: 13px;}
    .styling-wrap .info-section .making-txt .vdo img{display: block; width: 100%;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h3{font-size: 18px; margin-bottom: 5px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h4{font-size: 15px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-tit h5{font-size: 15px; margin-bottom: 15px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt{padding-top: 15px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt li h5{font-size: 14px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap .menu-txt li p{font-size: 13px;}
    .styling-wrap .info-section .info-menu-wrap .menu-wrap{padding: 35px;}
    .styling-wrap .info-section .info-menu-wrap{padding: 30px 0 ;}
    .styling-wrap .schedule-section .tit-wrap{padding-top: 50px; margin-bottom: 45px;}
    .styling-wrap .schedule-section .tit-wrap h3{font-size: 16px;}
    .styling-wrap .schedule-section .tit-wrap h2{font-size: 22px;}
    .styling-wrap .info-section .making-txt p{font-size: 14px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap{width: 100%; padding-left: 0; padding: 0 15px; margin-top: 0; margin-bottom: 100px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap .line-wrap{display: none;}
    .styling-wrap .schedule-section .info-wrap .img-wrap{width: 0;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li{flex-flow: column; padding-bottom: 30px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h5{font-size: 18px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt h6{font-size: 15px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt p{font-size: 14px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .list-num{width: 50px; height: 50px; line-height: 50px; font-size: 15px;} 
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .txt{margin-top: 10px; padding-bottom: 35px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .img img{width: 100%; display: block;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .img{margin-bottom: 15px;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .img video{width: 100%;}

    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .img video.pc-video{display: none;}
    .styling-wrap .schedule-section .info-wrap .txt-list-wrap li .img video.m-video{display: block;}
    .special-wrap .info-section .txt-wrap .flex-wrap .img{width: 100%;}
    .special-wrap .info-section .txt-wrap .flex-wrap .img img{display: block; width: 100%;}
    .special-wrap .info-section .txt-wrap{padding-bottom: 50px; padding-left: 0;}
    .special-wrap .info-section{flex-flow: column-reverse;}
    .special-wrap .info-section .txt-wrap{width: 100%;}
    .special-wrap .info-section .img-wrap{width: 100%; position: relative;}
    .special-wrap .info-section .img-wrap .img{height: 300px;}
    .special-wrap .info-section .txt-wrap{padding: 0 15px; padding-top: 50px;}
    .special-wrap .info-section .txt-wrap p{font-size: 13px;}
    .special-wrap .info-section .txt-wrap .camp-vdo{margin-bottom: 20px;}
    .special-wrap .info-section .txt-wrap .flex-wrap{width: 100%;}
    .special-wrap .info-section .txt-wrap{padding-bottom: 30px;}
    .map-wrap .map-info-section .main-tit-wrap{padding-top: 45px; padding-bottom: 45px;}
    .map-wrap .map-info-section .main-tit-wrap h3{font-size: 13px;}
    .map-wrap .map-info-section .main-tit-wrap h2{font-size: 32px;}
    .map-wrap .map-info-section .main-tit-wrap h5{font-size: 12px;}

    .map-wrap .map-info-section .txt-wrap{flex-flow: column; margin-top: 20px;}
    .map-wrap .map-info-section .txt-wrap h5{font-size: 15px; margin-bottom: 15px;}
    .map-wrap .map-info-section .txt-wrap p{ font-size: 13px;}

    .map-wrap .info-section .bg-deco-img{width: 80%;}
    .map-wrap .info-section .bg-deco-img img{display: block; width: 100%;}
    .map-wrap .info-section{padding-top: 65px; padding-bottom: 100px;}
    .map-wrap .info-section .info .tit h3{font-size: 24px;}
    .map-wrap .info-section .info .tit h5{font-size: 14px;}
    .map-wrap .info-section .info .tit{margin-bottom: 30px;}
    .map-wrap .info-section .info .info-list .list-txt h5{font-size: 14px;}
    .map-wrap .info-section .info .info-list .list-txt p{font-size: 13px;}
    .map-wrap .info-section .info .info-list .list-num h5{font-size: 12px;}
    .map-wrap .info-section .info .info-list li{flex-flow: column; margin-bottom: 20px;}
    .map-wrap .info-section .info .info-list .list-num{display: none;}
    .map-wrap .info-section .info:first-of-type{padding-bottom: 25px;}
    .map-wrap .info-section .info:nth-of-type(2){padding-top: 50px;}
    .map-wrap .info-section .txt p{font-size: 13px; margin-bottom: 30px;}


    .tour-wrap .info-wrap .info{flex-flow: column-reverse; margin-bottom: 25px;}
    .tour-wrap .info-wrap .tour-slide-wrap{width: 100%;}
    .tour-wrap .info-wrap .txt-wrap{width: 100%;}
    .tour-wrap .info-wrap .tour-slide-wrap .swiper-slide{height: 250px;}
    .tour-wrap .info-wrap .txt-wrap{margin-left: 0; padding: 0 15px; padding-top: 50px; padding-bottom: 50px;}
    .tour-wrap .info-wrap .txt-wrap .txt p{font-size: 13px;}
    .tour-wrap .info-wrap .txt-wrap .tit h5{font-size: 14px; margin-bottom: 15px;}
    .tour-wrap .info-wrap .txt-wrap .tit h3{font-size: 25px;}
    .tour-wrap .info-wrap .txt-wrap .tit{margin-bottom: 20px;}
    .tour-wrap .info-wrap .txt-wrap .txt h6{font-size: 15px;}
    .tour-wrap .info-wrap .txt-wrap .txt p{font-size: 13px;}
    .tour-wrap .info-wrap .txt-wrap .txt p br{display: none;}
    .tour-wrap .info-wrap .txt-wrap .txt p br.m-br{display: block;}
    
    .tour-sunset-wrap .txt-wrap{padding-top: 50px; padding-bottom: 160px;}
    .tour-sunset-wrap .txt-wrap .tit{margin-bottom: 20px;}
    .tour-sunset-wrap .txt-wrap .tit h5{font-size: 14px; margin-bottom: 15px;}
    .tour-sunset-wrap .txt-wrap .tit h3{font-size: 24px;}
    .tour-sunset-wrap .txt-wrap .txt p{font-size: 13px;}

    .tour-sunset-wrap .img-wrap{padding-bottom: 100px;}
    .tour-sunset-wrap .img-wrap .inner-con{display: flex; flex-flow: column-reverse;}
    .tour-sunset-wrap .img-wrap .img1{width: 100%; margin-top: 15px;}
    .tour-sunset-wrap .img-wrap .img2{width: 38%; margin-top: -150px;}
    .tour-sunset-wrap .img-wrap .img img{width: 100%; display: block;}
    .tour-hiking-wrap .info-section .txt-wrap .inner-con{padding-top: 50px; padding-bottom: 50px;}
    .tour-sunset-wrap .img-wrap .inner-con{ align-items: flex-end;}
    .tour-hiking-wrap .info-section .txt-wrap .tit h5{margin-bottom: 15px;}
    .tour-hiking-wrap .info-section .txt-wrap .img{position: relative;}
    .tour-hiking-wrap .info-section .txt-wrap .img img{display: block; width: 100%;}
    .tour-hiking-wrap .info-section .txt-wrap .txt{padding-bottom: 50px;}
    .tour-hiking-wrap .info-section .txt-wrap .tit h5{font-size: 13px;}
    .tour-hiking-wrap .info-section .txt-wrap .tit h3{font-size: 25px;}
    .tour-hiking-wrap .info-section .txt-wrap .tit{margin-bottom: 35px;}
    .tour-hiking-wrap .info-section .txt-wrap .txt p{font-size: 13px;}
    .tour-hiking-wrap .info-section .txt-wrap .img{bottom: 0;}
    .tour-hiking-wrap .course-info-section{padding-top: 60px;}
    .tour-hiking-wrap .course-info-section .nav-wrap{display: none;}
    .tour-hiking-wrap .course-info-section .info{padding-top: 50px; padding-bottom: 50px;}
    .tour-hiking-wrap .course-info-section{padding-top: 30px;}
    .tour-hiking-wrap .course-info-section .info .txt-wrap h3{font-size: 26px;}
    .tour-hiking-wrap .course-info-section .info .txt-wrap p{font-size: 13px;}
    .tour-hiking-wrap .course-info-section{padding-bottom: 100px;}


    .faq-wrap .con2 .main-tit-wrap h3{font-size: 13px;}
    .faq-wrap .con2 .main-tit-wrap h2{font-size: 32px;}
    .faq-wrap .con2 .main-tit-wrap h5{font-size: 12px;}
    .faq-wrap .con2 .main-tit-wrap{padding-top: 30px; padding-bottom: 30px;}


    .media-wrap .con2 .main-tit-wrap h3{font-size: 13px;}
    .media-wrap .con2 .main-tit-wrap h2{font-size: 32px;}
    .media-wrap .con2 .main-tit-wrap h5{font-size: 12px;}
    .media-wrap .con2 .main-tit-wrap{padding-top: 30px; padding-bottom: 30px;}
    .media-wrap .con2 #bo_list{padding-bottom: 100px;}
    .special-preview-section .tit-wrap{margin-top: 60px; margin-bottom: 50px;}
    .special-preview-section .tit-wrap h5{font-size: 13px;}
    .special-preview-section .tit-wrap h2{font-size: 32px;}
    .special-preview-section .info-wrap .deco-img{display: none;}
    .special-preview-section .slide-btn-wrap .slide-line{width: calc(100% - 100px);}
    .special-preview-section .slide-btn-wrap .slide-btn li{width: 15px; height: 15px;}
    .special-preview-section .slide-btn-wrap .slide-btn li button .line{width: 10px;}
    .special-preview-section .edge-slide .img::after{border-width: 15vw 40vw 15vw 40vw;}
    .special-preview-section .slide-container .swiper-slide .txt{left: 15px; bottom: 15px;}
    .special-preview-section .slide-container .swiper-slide .txt h5{font-size: 13px;}
    .special-preview-section .slide-container .swiper-slide .txt h3{font-size: 18px;}
    .special-preview-section .slide-btn-wrap{margin-top: 30px;}
    .special-preview-section{padding-bottom: 100px;}
    
    .reser-wrap .info-section .main-tit-wrap{padding-top: 30px; padding-bottom: 30px;}
    .reser-wrap .info-section .main-tit-wrap h5{font-size: 13px;}
    .reser-wrap .info-section .main-tit-wrap h2{font-size: 28px;}
    .reser-wrap .info-section .info-wrap{padding-bottom: 80px;}
    .reser-wrap .info-section .info-wrap ul li{margin-bottom: 10px;}

    .review-section .main_cont2 .review_wrap{width: calc(100% - 30px); margin: 0 auto; padding-bottom: 50px; padding-top: 100px; padding-top: 50px;} 
    .review-section .main_cont2 .swiper-pagination{bottom: 30px;}
    .review-section .main_cont2 .swiper-slide{flex-flow: column; border-radius: 0 10px 10px 0;}
    .review-section .main_cont2 .swiper-slide .img-wrap img{display: block; width: 100%;}
    .review-section .main_cont2 .txt-wrap{padding-bottom: 30px;}
    .review-section .main_cont2 .txt-wrap .txt p{font-size: 13px;}    
    .review-section .main_cont2 .txt-wrap .cata{font-size: 11px; margin-bottom: 5px;}
    .review-section .main_cont2 .txt-wrap .tit{font-size: 18px; margin-bottom: 0px;}
    .review-section .main_cont2 .txt-wrap .txt{padding-bottom: 15px; max-height: 6.6em; text-overflow: ellipsis; overflow: hidden;}
    .review-section .main_cont2 .txt-wrap .txt a{right: 15px; bottom: 15px;}
    .review-section .main_cont2 .txt-wrap .star-icon{margin-top: -10px; margin-bottom: 10px;}
    .review-section .main_cont2 .txt-wrap .star-icon i{font-size: 13px;}
    .review-section .main_cont2 .fixed-btn{top: -30px; font-size: 13px;}

    .reser-wrap .info-section .reser-info-box ul li{font-size: 13px; display: flex; margin-bottom: 5px;}
    .reser-wrap .info-section .reser-info-box{padding: 0 15px;}

    .reser-wrap .info-section .info-wrap .txt p{font-size: 13px;}
    .reser-wrap .info-section .info-wrap .txt li{font-size: 13px;}
    .reser-wrap .info-section .info-wrap .txt h5{font-size: 13px;}
    .reser-wrap .info-section .info-wrap ul li h3{font-size: 14px;}
    .reser-wrap .info-section .reser-info-box ul li img{width: 30px;}
    .reser-wrap .info-section .reser-info-box .reser-box{font-size: 14px; width: 165px;}
    .reser-wrap .info-section .reser-info-box ul{margin-bottom: 20px;}
    .reser-wrap .info-section .reser-info-box p{font-size: 13px;}
    .reser-wrap .info-section .reser-info-box ul{padding-top: 50px;}
    .reser-wrap .info-section .info-wrap .tit h2{font-size: 28px;}
    .reser-wrap .info-section .info-wrap .tit h3{font-size: 13px;}
    .reser-wrap .info-section .info-wrap .tit{margin-bottom: 20px; margin-top: 40px;}
    .reser-wrap .info-section .info-wrap .txt{padding: 20px 15px;}
    
    .reser-wrap .info-section .info-wrap .refund-table{display: flex; text-align: center;}
    .reser-wrap .info-section .info-wrap .refund-table thead, .reser-wrap .info-section .info-wrap .refund-table tbody{width: 50%;}
    .reser-wrap .info-section .info-wrap .refund-table tr{display: block; width: 100%;}
    .reser-wrap .info-section .info-wrap .refund-table tr br{display: none;}
    .reser-wrap .info-section .info-wrap .refund-table th, .reser-wrap .info-section .info-wrap .refund-table td{display: block; width: 100%; padding: 10px 0; border-bottom: 1px solid #bfbfbf; font-size: 12px;}

    .faq-wrap #faq_con .con_inner{font-size: 12px; padding: 0 15px;}

    .ft .outtro-section{padding-bottom: 75px;}
    .ft .outtro-section .txt-wrap{padding-top: 80px;}
    .ft .outtro-section .txt-wrap h3{font-size: 18px;}
    .ft .outtro-section .txt-wrap h2{font-size: 32px; margin-bottom: 15px;}
    .ft .outtro-section .txt-wrap p{font-size: 13px;}
    .ft .outtro-section .txt-wrap a{font-size: 14px;}
    .ft .outtro-section .txt-wrap a{font-size: 14px; padding: 10px 25px;}
    .ft .ft-info .ft-logo{width: 65px; margin: 0 auto;}    
    .ft .ft-info .ft-logo img{display: block; width: 100%;}
    .ft .ft-info .ft-logo h5{font-size: 22px;}
    .ft .ft-info .info-wrap .ft-tel{font-size: 28px; margin-bottom: 25px; margin-top: 10px;}
    .ft .ft-info .info-wrap p{font-size: 13px;}
    .ft .ft-info .info-wrap .business-number span{display: block;}

    .fixed-btn-wrap h5{display: none;}
    .fixed-btn-wrap {right: 15px; bottom: 15px;}
    .fixed-btn-wrap img{width: 30px;}
    
    .fixed-btn-wrap .kakao-fixed{width: 45px; height: 45px;} 
    .fixed-btn-wrap .to-top{width: 45px; height: 45px; margin-bottom: 5px;}    

    .room-preview-section .deco-wrap .txt{margin-right: 10px; margin-bottom: 10px; margin-top: 15px;}
    .room-preview-section .deco-wrap h2{font-size: 24px;}
    .room-preview-section .deco-wrap h3{font-size: 18px;}
    .room-preview-section .deco-wrap img{width: 100px;}
    .room-preview-section li{width: 50%; height: 50%; border-bottom: 1px solid #bbc3c1;}
    .room-preview-section li.on .item{transform: translateY(0);}
    .room-preview-section .tit{margin-top: 40px;}
    .room-preview-section .room-preview-bg .bg{position: unset; width: 50%; height: 50%; float: left;}
    .room-preview-section .txt p{display: none;}
    .room-preview-section .txt a{font-size: 12px;}
    .room-preview-section .room-preview-bg .bg.bg1{background-position-x: 20%;}
    .room-preview-section .room-preview-bg .bg.bg2{background-position-x: 55%;}
    .room-preview-section .room-preview-bg .bg.bg3{background-position-x: 15%;}
    .room-preview-section .room-preview-bg .bg.bg4{background-position-x: 95%;}


    .m-br{display: block;}
    .m-map{display: block;}
    .pc-map{display: none;}
    #faq_wrap li h3{font-size: 15px !important;}
    .faq_wrap{padding: 0 !important;}

    .hd_pops{max-width: calc(100% - 15px); height: auto !important;}
    .hd_pops_con{width: 100% !important; height: auto !important;}
    

.main-wrap .con1{overflow: hidden; isolation: isolate; width: 100%; z-index: 15; padding-top: 62px;} 
/* .top-vdo{width: 142vw; height: 100%; position: relative; margin-left: -21vw;} */
.top-vdo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.top-vdo iframe{ width: 100%; height: 100%;}
/* .top-vdo.horizon{width: 100%; height: 56vw;}
.top-vdo.vertical{height: 100%; width: calc(177.777vh + 170px);} */

}