@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%; height: 100%; position: relative; font-family: "Gyeonggi",sans-serif; color: #6e6e6e; background-color: #edeae4;}
main{position: relative;;}
section{position: relative;}
li{list-style: none;}
a{text-decoration: none; color: #6e6e6e;}
table{outline: 0px; border-spacing: 0px;}
figure{position: relative;}
a,button,input{box-shadow: none; border: 0; background-color: transparent;}
button, i{color: #1d1d1d;}

.inner-con{margin: 0 auto; max-width: 1400px; position: relative;}
.hd{z-index: 3000; height: 100px;}
.hd::after{content: ""; display: table; clear: both;}
.hd .fixed-content{position: fixed; top: 0; left: 0; padding-top: 25px; z-index: 3000;  width: 100%; height: 100px; padding-left: 250px; transition: 0.5s;    background-color: rgba(237,234,228,0.8);}
.hd .fixed-content .logo{width: 160px; display: block; float: left; position: relative; z-index: 15; transition: 0.5s;}
.hd .fixed-content .logo img{display: block; width: 100%;}

.hd .fixed-content .logo .logo_black{display: block;}
.hd .fixed-content .logo .logo_white{display: none;}
.hd.fixed .fixed-content .logo .logo_black{display: block;}
.hd.fixed .fixed-content .logo .logo_white{display: none;}
.hd.fixed .fixed-content .logo{width: 120px;}

.main_body .hd .fixed-content .logo .logo_black{display: none;}
.main_body .hd .fixed-content .logo .logo_white{display: block;}
.main_body .hd.fixed .fixed-content .logo .logo_black{display: block;}
.main_body .hd.fixed .fixed-content .logo .logo_white{display: none;}


.hd .menu-btn{width: 45px; height: 45px;  position: absolute; top: 50vh; right: 70px; cursor: pointer; z-index: 3001;}
.hd .menu-btn .line{width: 100%; height: 2px; background-color: #666666; display: block; border-radius: 10px; position: absolute; top:  calc(50% - 1px); right: 0; box-shadow: 0px 0px 1px #666; transition: 0.4s;}
.hd .menu-btn .line1{transform: translateY(-8px); }
.hd .menu-btn .line3{transform: translateY(8px); width: 70%;}

.main_body .translate{color: #fff; font-size: 14px; letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg);border: 1px solid #fff; padding: 5px 20px; border-radius: 30px;float: right; margin-top: 8px; margin-right: 10px; transition: 0.5s;}
.translate{color: #6c6c6c; font-size: 14px; letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg);border: 1px solid #6c6c6c; padding: 5px 20px; border-radius: 30px;float: right; margin-top: 8px; margin-right: 10px; transition: 0.5s;}
.translate:hover{background-color: rgba(255,255,255,0.9); color: #6c6c6c;}
.main_body .translate i{color: #fff; margin-right: 5px;}
.translate i{color: #6c6c6c; margin-right: 5px;}
.translate:hover i{color: #6c6c6c;}

.translate_ft{display: none;}
.menu_txt{display: none;}

.tel_grp{display: inline-block; padding: 5px 20px; border-radius: 20px; float: right; margin-top: 7px; margin-right: 20px;border: 1px solid #6c6c6c;border-radius: 30px;}
.tel_grp a{letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg);font-size: 15px;}

.main_body .tel_grp{background: #fff;border: 0;}
.main_body .tel_grp a{}

.hd.fixed .menu-btn{top: 23px; position: fixed;}
.hd .top-hd-btn{float: right; margin-top: 15px; margin-right: 258px;}
.hd .top-hd-btn>li{float: left; margin-left: 0px; width: 130px; text-align: center;}
.hd .top-hd-btn>li:nth-child(1){}
.hd .top-hd-btn>li:nth-child(2){margin-left: -20px;}
.hd .top-hd-btn>li:last-child{margin-left: 17px;}
.hd .top-hd-btn>li>a{display: block; font-size: 14px; letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg); display: block; }
.hd .menu-btn:hover .line3{width: 100%;}

.hd .top-hd-btn .top-hd-submenu{display: none;background-color: rgba(237,234,228,0.8); padding: 10px; margin-left: -10px;}
.hd .top-hd-btn .top-hd-submenu li{margin: 5px 0;}
.hd .top-hd-btn .top-hd-submenu a{letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg); font-size: 13px;}

.hd .top-content{float: right; padding-top: 40px; padding-right: 65px; position: relative; z-index: 3001;}
.main_body .hd .top-content{z-index: 2999;}
.hd .top-content .sns-wrap{margin-left: 0px; display: none;}
.hd .top-content .sns-wrap li{display: inline-block; margin-left: 10px;}

.hd .top-content .sns-wrap li .sns_black{display: block;}
.hd .top-content .sns-wrap li .sns_white{display: none;}

.hd .main-menu-container{position: fixed; width: 100vw; height: calc(100vh - 100px); top: 100px; left: 0; background-color: rgba(255,255,255,0.95); opacity: 0; pointer-events: none; transition: opacity 0.4s;}
.hd .main-menu-container .inner-con{ height: 100%;}
.hd .main-menu-container .menu-img-wrap{max-width: 430px; width: 50%; position: absolute; top: 50%; transform: translateY(-50%);}
.hd .main-menu-container .menu-img-wrap .img-wrap{width: 100%; height: 100%; position: relative; overflow: hidden;}

.hd .main-menu-container .menu-img-wrap .img{width: calc(100% + 20px); height: calc(100% + 20px); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; transition: opacity 0.4s; will-change: margin;}
.hd .main-menu-container .menu-img-wrap .img.visible{opacity: 1;}


.hd .main-menu-container .main-menu-wrap{position: absolute; top: 50%; right: 0; transform: translateY(-50%) skewX(0.03deg);}
.hd .main-menu-container .main-menu-wrap > li{padding: 25px 0; float: left; clear: both;}
.hd .main-menu-container .main-menu-wrap > li::after{content: ""; display: table; clear: both;}
.hd .main-menu-container .main-menu-wrap > li > a{ font-size: 24px; font-weight: 200; font-family: "S-core",sans-serif; display: inline-block; width: 200px; color: #000; transition: 0.4s;}
.hd .main-menu-container .main-menu-wrap .sub-menu{display: inline-block; transform: skewX(0.03deg);}
.hd .main-menu-container .main-menu-wrap .sub-menu li{float: left; margin-right: 30px;}
.hd .main-menu-container .main-menu-wrap .sub-menu li a{font-size: 15px; position: relative; transition: 0.4s;}
/* .hd .main-menu-container .main-menu-wrap .sub-menu li a::after{content: ""; display: block; width: 100%; height: 1px; background-color: #6e6e6e; margin-top: 2px; transform: scaleX(0); transition: 0.4s;} */
.hd .main-menu-container .main-menu-wrap .sub-menu li a:hover{text-shadow: 0 0 1px #6e6e6e;}
/* .hd .main-menu-container .main-menu-wrap .sub-menu li a:hover::after{transform: scaleX(1);} */
.hd .main-menu-container .main-menu-wrap > li:hover > a{text-shadow: 0px 0px 1px #000;}
.hd.click .main-menu-container{opacity: 1; pointer-events: all;}
.hd.click .menu-btn .line1{transform: rotate(45deg);}
.hd.click .menu-btn .line2{opacity: 0;}
.hd.click .menu-btn .line3{transform: rotate(-45deg); width: 100%;}

.hd.click .top-hd-btn{display: none;}
.hd.click .top-hd-sub{display: none;}
.hd.click .translate{display: none;}
.hd.click .tel_grp{display: none;}

body .hd.click .fixed-content .logo .logo_white{display: none;}
body .hd.click .fixed-content .logo .logo_black{display: block;}

.top-hd-sub{clear: both; background-color: rgba(237,234,228,0.95); position: fixed; left: 0; width: 100%; top: 100px; height: 0px; transition: 0.5s;}
.top-hd-sub .top-sub-menu-grp{float: right; margin-top: 15px; margin-right: 191px; width: 569px;height: 0px; overflow: hidden; transition: 0.5s;}
.top-hd-sub ul{float: left;margin-right: 14px; width: 100px; text-align: center;}
.top-hd-sub ul:nth-child(2){margin-right: 23px;}
.top-hd-sub ul:nth-child(3){margin-right: 52px;}
.top-hd-sub ul li{text-align: center; margin-bottom: 10px;}
.top-hd-sub ul li a{font-size: 13px; letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg); text-align: center;}

.top-hd-sub.hover{height: 170px;}
.top-hd-sub .top-sub-menu-grp.hover{height: auto; overflow: auto;}

.hd .fixed-content.hover{background-color: rgba(237,234,228,0.95);}
.hd .fixed-content .logo .logo_white.hover{display: none;}
.hd .fixed-content .logo .logo_black.hover{display: block;}
.hd .top-hd-btn>li>a.hover{color: #6c6c6c;}
.hd .menu-btn .line.hover{background-color: #6c6c6c !important;}

.translate.hover{border: 1px solid #6c6c6c; color: #6c6c6c;}
.translate i.hover{color: #6c6c6c;}

/*top-gallery-section*/
.top-gallery-section .con1::after{content: ""; display: table; clear: both;}

.top-gallery-section .con1 .basic-slide-wrap{width: calc(100% - 260px); height: calc(100vh - 100px); float: left; position: relative; left: 50%; transform: translateX(-54%);}
.top-gallery-section .con1 .main-slide-wrap{width: calc(100% - 260px); height: calc(100vh - 100px); float: left; position: relative; left: 50%; transform: translateX(-54%); overflow: hidden;}
.top-gallery-section .con1 .swiper-slide{background-size: cover; background-repeat: no-repeat; background-position: center; height: calc(100vh - 100px); width: 100%; position: relative; background-color: white;}
.top-gallery-section .con1 .side-wrap{width: 260px; height: 100%; float: left;}
.top-gallery-section .con1 .side-wrap .swiper-page-wrap{position: absolute; bottom: 35px; right: 55px;}
.top-gallery-section .con1 .side-wrap .swiper-page-wrap li{display: inline-block; color: #666666; font-family: "S-core"; font-weight: 200;}
.top-gallery-section .con1 .side-wrap .swiper-page-wrap .slash{width: 1px; height: 25px; background-color: #666; transform: rotate(37deg); display: inline-block; margin: 0 5px; position: relative; top: 3px;}
.top-gallery-section .con1 .side-wrap .swiper-page-wrap li.current{font-size: 24px; font-weight: 400;}
.top-gallery-section .con1 .side-wrap .swiper-page-wrap li.total{font-size: 20px;}

.top-gallery-section .con1 .main-tit{position: absolute; bottom: 320px; z-index: 30; font-family: S-core; color: white; left: 250px;}
.top-gallery-section .con1 .main-tit h2{font-size: 40px; font-weight: 200;}
.top-gallery-section .con1 .main-tit h3{font-size: 16px; font-family: "Proxima"; font-weight: 300;}
.swiper-btn-wrap{position: absolute; right: -1px; bottom: 0; width: 130px; height: 95px; background-color: rgba(109,104,95,0.7); z-index: 15;}
.swiper-btn-wrap button{cursor: pointer; width: 50%; height: 100%; float: left; transition: 0.6s; position: relative;}
/*.swiper-btn-wrap button:hover{background-color: #ececec;}*/
.swiper-btn-wrap button .arrow-ico{width: 10px; height: 14px; display: block; position: absolute; top: calc(50% - 7px); transition: 0.4s;}
.swiper-btn-wrap button .arrow-ico.left{right: 15px;}
.swiper-btn-wrap button .arrow-ico.right{left: 15px;}
.swiper-btn-wrap button .arrow-ico::after{display: block; content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0;}
.swiper-btn-wrap button .arrow-ico::before{display: block; content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0;}
.swiper-btn-wrap button .arrow-ico.left::after{transform: rotate(55deg); transform-origin: left;}
.swiper-btn-wrap button .arrow-ico.left::before{transform: rotate(-55deg); transform-origin: left;}
.swiper-btn-wrap button:hover{background-color: rgba(109,104,95,0.8);}
.swiper-btn-wrap button.prev:hover .arrow-ico{transform: translateX(-5px);}
.swiper-btn-wrap button.next:hover .arrow-ico{transform: translateX(5px);}
.swiper-btn-wrap button .arrow-ico.right::after{transform: rotate(55deg); transform-origin: right;}
.swiper-btn-wrap button .arrow-ico.right::before{transform: rotate(-55deg); transform-origin: right;}

.swiper-btn-wrap .slash{width: 1px; height: 20px; background-color: #fff; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.top-gallery-section.sub-wrap .con1 .main-tit {text-align: center; left: 0; top: 50%; width: 100%; transform: translateY(-50%) skewX(0.03deg); pointer-events: none; }
.top-gallery-section.sub-wrap .con1 .main-tit h2 {font-size: 28px; font-weight: 200; margin-bottom:20px;}
.top-gallery-section.sub-wrap .con1 .main-tit h3 {font-size: 16px; font-family: "Gyeonggi",sans-serif;}



/*top-img-section*/
.top-img-section .con1 .main-tit {text-align: center; left: 0; top: 50%; width: 100%; transform: translateY(-50%) skewX(0.03deg); pointer-events: none;  position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: white;}
.top-img-section .con1 .main-tit h2 {font-size: 25px; font-weight: 200; margin-bottom:20px;}
.top-img-section .con1 .main-tit h3 {font-size: 14px; font-family: "Gyeonggi",sans-serif;}
.top-img-section .con1 .top-bg{background-size: cover; background-repeat: no-repeat; background-position: center; height: 800px;}

.smallTop-body-container .hd .top-content .sns-wrap{display: none;}
.smallTop-body-container .hd .menu-btn{position: fixed; top: 25px;}

/*tap-menu*/
.tap-menu{max-width: 1400px; margin: 0 auto; border-bottom: 1px solid #dcdcdc; padding:30px 0; text-align: center; transform: skew(0.03deg);}
.tap-menu li{display: inline-block; padding: 0 25px; }
.tap-menu li a{font-size: 14px; display: block;}
.tap-menu li a::after{content: ""; display: block; background-color: #6e6e6e; width: 100%; height: 1px; margin-top: 2px; transform: scaleX(0); transition: 0.2s;}
.tap-menu li a:hover::after{transform: scaleX(1);}
.tap-menu li.on a::after{transform: scaleX(1);}




/* main */
.main_body .fixed-content{background: transparent; padding-top: 60px; transition: 0.5s;}
.main_body header.fixed .fixed-content{    background-color: rgba(237,234,228,0.95);}
.main_body .hd{height: 0px;}
.main_body .top-gallery-section .con1 .main-slide-wrap{width: 100%; height: 100vh; left: 0%; transform: translateX(-0%);}
.main_body .top-gallery-section .con1 .swiper-slide{overflow: hidden; height: 100%;}
.main_body .hd .top-content{position: absolute; padding-top: 0px; padding-right: 0px; top: 52%; left: 50%;transform: translate(-50%,-50%); width: 1400px;}
.main_body .hd .top-content .sns-wrap{margin-left: 0px; display: inline-block;}

.main_body .hd .top-hd-btn a{color: #fff;}

.main_body header.fixed .translate{color: #6c6c6c; border: 1px solid #6c6c6c;}
.main_body header.fixed .translate i{color: #6c6c6c;}
.main_body header.fixed .top-hd-btn a{color: #6e6e6e;}
.main_body header.fixed .menu-btn .line{background-color: #6e6e6e; box-shadow: 0px 0px 1px #6e6e6e;}
.main_body header.fixed .fixed-content{padding-top: 25px;}
.main_body header.fixed .menu-btn{top: 25px;}

.main_body .con1 .swiper-btn-wrap{background: transparent; width: 1400px;right: 50%; bottom: 40px; transform: translateX(50%);border-bottom: 1px solid rgba(255,255,255,0.4); height: 70px;}
.main_body .con1 .swiper-btn-wrap button:nth-child(1){width: 100px; float: left; color:#fff;}
.main_body .con1 .swiper-btn-wrap button:nth-child(1) i{right: auto;}
.main_body .con1 .swiper-btn-wrap button:last-child{width:100px; float: right; color:#fff;}
.main_body .con1 .swiper-btn-wrap button:last-child i{left: auto; right: 0;}
.main_body .con1 .swiper-btn-wrap button:hover{background-color: transparent; text-decoration: underline;}
.main_body .con1 .swiper-btn-wrap button .arrow-ico::before{background-color: #fff;}
.main_body .con1 .swiper-btn-wrap button .arrow-ico::after{background-color: #fff;}

.main_body .top-gallery-section .con1 .side-wrap{display: none;}
.main_body .hd .top-content .sns-wrap li{display: block; margin-left: 10px; margin-bottom: 20px;}
.main_body .hd .top-content .sns-wrap li .sns_black{display: none;}
.main_body .hd .top-content .sns-wrap li .sns_white{display: block;}
.main_body .hd .top-content .sns-wrap li>a{background: rgba(255,255,255,0.9); display: block; padding: 7px; border-radius: 50%;}
.main_body .hd .top-content .sns-wrap li:nth-child(1)>a{background: #d6249f;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
  box-shadow: 0px 3px 10px rgba(0,0,0,.25);}
.main_body .hd .top-content .sns-wrap li:last-child>a{background-color: #2dae00;}
/*.main_body .hd .top-content .sns-wrap li img{transform: scale(1.2);}*/
.main_body .hd .menu-btn{top: 55px; transition: 0.5s;}
.main_body .hd .menu-btn .line{background-color: #fff; box-shadow: 0px 0px 1px #fff;}
.main_body .con1 .swiper-btn-wrap .slash{display: none;}

.main_body .click .fixed-content{background-color: rgba(255,255,255,0.95) !important;}
.main_body .click .fixed-content .top-hd-btn a{color: #6e6e6e;}
.main_body .click .menu-btn .line{background-color: #6e6e6e; box-shadow: 0px 0px 1px #6e6e6e;}

.main_body .top-gallery-section .con1 .main-tit{left: 61% !important; top: 46%; bottom: auto;}
.main_body .con1 .main-tit.on h3{margin-bottom: 10px;}

.main_body .swiper-btn-wrap button .arrow-ico::after{display: block; content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0;}
.main_body .swiper-btn-wrap button .arrow-ico::before{display: block; content: ""; width: 100%; height: 1px; background-color: #fff; position: absolute; top: 50%; left: 0;}

.new_title{width: 400px; margin: 0 auto; padding-top: 70px; border-bottom: 1px solid #6e6e6e; padding-bottom: 45px; transition: 0.8s;}
.new_title.visible{width: 1400px;}
.new_title p{font-family: "S-core"; font-size: 14px;font-style: italic;}
.new_title p:nth-child(1){float: left;}
.new_title p:last-child{ float: right;}
.new_title+.room-gallery-section{margin-top: 80px;}

.main_body .room-preview-section{background-color: #ded9cf;}

.main_body .con2 .main_start{width: 1400px; margin: 0 auto; display: inline-block; zoom: 1;padding: 90px 0 160px 0;}
.main_body .con2 .pic_right{width: 855px; height: 565px; float: right; background-repeat: no-repeat; background-size: cover; background-position: right; transition: 2s;}
.main_body .con2 .pic_right.visible{background-position: left;}
.main_body .con2 .txt_left{float: left; width: 500px;}
.main_body .con2 .txt_left div:last-child{margin-bottom: 0px;}
.main_body .con2 .txt_left p{text-align: left;}

.main-wrap .vdo-slide{position: relative;}
.main-wrap .vdo-slide iframe{width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none;}
.main-wrap .vdo-slide .vdo-link{position: absolute; top: 58%; left: 61%; width: 190px; height: 50px; border: 1px solid white; display: block; z-index: 100; text-align: center; line-height: 50px; color: white; font-size: 13px; transition: 0.8s; font-family: "S-core";letter-spacing: 1.3px;}
.main-wrap .vdo-slide .vdo-link i{color: #fff;margin-left: 8px; transition: 0.5s;}
.main-wrap .vdo-slide .vdo-link:hover{background-color: white; color: #333;}
.main-wrap .vdo-slide .vdo-link:hover i{color: #333; margin-left: 14px;}
.main-wrap .intro-section{text-align: center;}
.main-wrap .intro-section .tit{padding-top: 300px; margin-bottom: 60px; transform: skewX(0.03deg);}
.main-wrap .intro-section .tit h2{font-size: 22px; margin-bottom: 20px;}
.main-wrap .intro-section .tit h3{font-size: 15px;}
.main-wrap .intro-section .txt{transform: skewX(0.03deg); margin-bottom: 135px;}
.main-wrap .intro-section .txt p{font-size: 15px; font-weight: 400; margin-bottom: 20px; line-height: 1.8;}

/*.main-wrap .single-special-preview{padding-top: 135px;}*/
.main-wrap .single-special-preview .tit{font-size: 18px; font-style: italic; text-align: center; font: 400; margin-bottom: 40px;}
.main-wrap .single-special-preview ol{width: 900px; margin: 0 auto;margin-top: 90px; margin-bottom: 160px;}
.main-wrap .single-special-preview ol::after{content: ""; display: table; clear: both;}
.main-wrap .single-special-preview ol li{float: left; width: calc(50% - 20px); margin-right: 30px; position: relative;}
.main-wrap .single-special-preview ol li:last-of-type{margin-right: 0;}
.main-wrap .single-special-preview ol li .bg{background-repeat: no-repeat; background-position: center; background-size: cover; max-height: 480px; height: 34vw;}
.main-wrap .single-special-preview ol li a{display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: block;}
.main-wrap .single-special-preview ol li a.lightbox{width: 100%; height: 100%;}
.main-wrap .single-special-preview ol li .link-txt a{font-weight: 300; letter-spacing: 0.1em; font-size: 18px; color: white; width: 200px;}

.main-wrap .single-special-preview ol li .link-txt a .ani-line{width: 8px; height: 0px; position: absolute; top: calc(50% - 1px); right: 30px; transition: 0.2s;}
.main-wrap .single-special-preview ol li .link-txt a .ani-line::after{content: ""; display: block; width: 100%; height: 1px; background-color: white; position: absolute; top: 0px; left: 0; transform: rotate(25deg); transform-origin: right;  transition: 0.2s;}
.main-wrap .single-special-preview ol li .link-txt a .ani-line::before{content: ""; display: block; background-color: white; width: 100%; height: 1px; position: absolute; top: 0px; left: 0; transform: rotate(-25deg); transform-origin: right; transition: 0.2s;}
.main-wrap .single-special-preview ol li .link-txt a .ani-txt{transition: 0.2s; display: block; transform: skewX(0.03deg); text-align: center;    font-family: "S-core",sans-serif; font-weight: 200; font-size: 14px;}
.main-wrap .single-special-preview ol li .link-txt a .arrow-ico{content: ""; display: block; background-color: white; position: absolute; top: calc(50% - 1.5px); left: 25px; width: 50px; height: 1px; background-color: white; transform: translateX(-10px) scaleX(0); transition: 0.2s; transform-origin: left;}
.main-wrap .single-special-preview ol li .link-txt a .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: white; position: absolute; top: 0px; right: 0; transform: rotate(0deg); transform-origin: right; transition: 0.2s;}
.main-wrap .single-special-preview ol li .link-txt a .arrow-ico::before{content: ""; display: block; background-color: white; width: 8px; height: 1px; position: absolute; top: 0px; right: 0; transform: rotate(-0deg); transform-origin: right; transition: 0.2s;}
.main-wrap .single-special-preview ol li .link-txt a:hover .arrow-ico{transform:translateX(0px) scaleX(1); transition-delay: 0.1s;}
.main-wrap .single-special-preview ol li .link-txt a:hover .arrow-ico::after{transform: rotate(35deg);transition-delay: 0.1s;}
.main-wrap .single-special-preview ol li .link-txt a:hover .arrow-ico::before{transform: rotate(-35deg);transition-delay: 0.1s;}

.main-wrap .single-special-preview ol li .link-txt a:hover .ani-line{transform: translateX(40px); opacity: 0;}
.main-wrap .single-special-preview ol li .link-txt a:hover .ani-line::after{transform: rotate(0deg);}
.main-wrap .single-special-preview ol li .link-txt a:hover .ani-line::before{transform: rotate(0deg);}


.main-wrap .single-special-preview ol li .hover-txt{width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: relative; z-index: 3; pointer-events: none; opacity: 0; transition: 0.4s;}
.main-wrap .single-special-preview ol li:hover .hover-txt{opacity: 1;}
.main-wrap .single-special-preview ol li:hover .hover-txt a{pointer-events: all;}
.main-wrap .single-special-preview ol li:hover .hover-txt a:hover .ani-txt{transform: translateX(40px) skewX(0.03deg);}
.main-wrap .single-special-preview ol li h5{font-size: 30px; font-family: "S-core",sans-serif; font-weight: 200; color: white; position: absolute; bottom: 20px; right: 30px;}
.main-wrap .single-special-preview ol li:nth-of-type(2) h5{right: auto; left: 30px;}
.main-wrap .single-special-preview .txt{padding-top: 70px; padding-bottom: 0px; text-align: center;}
.main-wrap .single-special-preview .txt h3{    font-size: 18px; margin-bottom: 10px; font-weight: 400; line-height: 2.6; transform: skewX(0.03deg);}
.main-wrap .single-special-preview .txt p{font-size: 14px; font-weight: 400; line-height: 2.6; transform: skewX(0.03deg);}
.main-wrap .single-special-preview .txt p b{font-size: 15px; color: #222;}

.main-wrap .bg-img-wrap{height: 44.95vw; overflow: hidden;}
.main-wrap .bg-img-wrap img{display: block; width: 100%;}

#cboxTopCenter{background: 0 !important;}
#cboxTopLeft{background: 0 !important;}
#cboxTopRight{background: 0 !important;}
#cboxBottomRight{background: 0 !important;}
#cboxBottomLeft{background: 0 !important;}
#cboxMiddleLeft{height: 800px !important;background: 0 !important;}
#cboxMiddleRight{background: 0 !important;}
#cboxBottomCenter{background: 0 !important;}

#cboxContent{overflow: visible !important;height: 800px !important;}
#cboxMiddleRight{height: 800px !important;}


#colorbox, #cboxOverlay, #cboxWrapper{overflow: visible !important;}
#cboxPrevious{display: block !important;background-image: url(../img/common/btn_prev_wh.png) !important; background-repeat: no-repeat !important; background-size: cover !important; left: -80px !important;background-position: center !important; width: 50px !important; height: 50px !important; top: 50%; margin-top: -25px; }
#cboxNext{display: block !important;background-image: url(../img/common/btn_next_wh.png) !important; background-repeat: no-repeat !important; background-size: cover !important; right: -80px !important; left: auto !important; background-position: center !important; width: 50px !important; height: 50px !important; top: 50%; margin-top: -25px; }
#cboxClose{background-image: url(../img/common/btn_close_wh.png) !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important;top: 0;
    right: -56px !important; width: 40px !important; height: 40px !important;}
#cboxCurrent{display: none !important;}
#cboxOverlay{background: rgba(0,0,0,0.9) !important;}

/*prologue*/
.view-wrap .intro-section .tit{transform: skewX(0.03deg); text-align: center; padding-top: 115px; padding-bottom: 70px;}
.view-wrap .intro-section .tit h2{font-size: 18px; font-weight: 600; margin-bottom: 25px;}
.view-wrap .intro-section .tit h3{font-size: 14px; font-weight: 400;}
.view-wrap .intro-section .img-wrap .img{width: 100%; display: block;}
.view-wrap .intro-section .txt{font-size: 15px; transform: skewX(0.03deg); text-align: center; line-height: 1.8; padding-top:45px ; padding-bottom: 100px;}
.view-wrap .intro-section{border-bottom: 1px solid #e1e1e1;}
.view-wrap .img-gallery-section{margin-top: 100px; border-bottom: 1px solid #e1e1e1;}
.view-wrap .img-gallery-section .img-container::after{content: ""; display: table; clear: both;}
.view-wrap .img-gallery-section .img-container .img-wrap{float: left; width: calc(50% - 12.5px); margin-right: 25px;}
.view-wrap .img-gallery-section .img-container .img-wrap:last-of-type{margin-right: 0;}
.view-wrap .img-gallery-section .img-container .img-wrap .img{display: block; width: 100%; margin-bottom: 25px; position: relative;}
.view-wrap .img-gallery-section .img-container .img-wrap .img img{display: block; width: 100%;}
.view-wrap .img-gallery-section .img-container .img-wrap .img.vdo-img img{opacity: 0;}
.view-wrap .img-gallery-section .img-container .img-wrap .img.vdo-img iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.view-wrap .img-gallery-section .txt{font-size: 15px; text-align: center; padding-top: 90px; padding-bottom: 75px;  transform: skewX(0.03deg); line-height: 1.8;}
.view-wrap .img-gallery-section .img-container .img-wrap .view_vdo_grp{width: 100%; height: 509px;}

/*movie*/
.movie-contain iframe{width: 100%; height: 100%;}
.movie-contain{margin-bottom: 100px;}

/*room*/
.click .fixed-content{background-color: rgba(255,255,255,0.95);}

.room-wrap .intro-section .main-tit{padding-top: 90px; text-align: center; transform: skewX(0.03deg);}
.room-wrap .intro-section .main-tit h2{font-size: 18px; margin-bottom: 20px; font-weight: 600; margin-bottom: 20px;}
.room-wrap .intro-section .main-tit h3{font-size: 14px; font-weight: 400;}
.room-wrap .info-section .room-info{padding: 30px 0; border-top: 1px solid #ccc; transform: skewX(0.03deg); position: relative;}
.room-wrap .info-section .room-info:last-child{padding-left: 0; width: 80%; margin: 0 auto; float: none; }
.room-wrap .info-section .room-info:last-child .info{padding-left: 0px; margin-top: 40px;}
.room-wrap .info-section .room-info::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .room-info .tit{float: left; width: 325px; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.room-wrap .info-section .room-info .tit h3{font-size: 14px; font-family: "S-core",sans-serif; font-weight: 300; letter-spacing: 0.26em; }
.room-wrap .info-section .room-info .info{float: left; padding-left: 173px; width: 100%;}
.room-wrap .info-section .room-info .info .info-list::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .room-info .info .info-list li{width: 100%; float: left; font-size: 14px; line-height: 2;}
.room-wrap .info-section .room-info .info.room-fac-info .info{padding-left: 285px;}
.room-wrap .info-section .room-info .info .fac-info::after{content: ""; display: table; clear: both;}
.room-wrap .info-section .room-info .info .fac-info li{float: left; width: 12.5%; text-align: center; font-size: 13px; line-height: 2em; white-space: nowrap; letter-spacing: -0.05em; margin-bottom: 20px;}

.room-wrap .info-section .room-info.room-price-info .info{text-align: center;}
.room-wrap .info-section .room-info .info .reser-box{display: block; width: 135px; line-height: 30px; background-color: #6d685f; margin: 0 auto; font-size: 12px; color: #fff; transition: 0.4s;margin-top: 45px; overflow: hidden; text-align: center;position: relative;}
.room-wrap .info-section .room-info .info .reser-box .ani-txt{position: relative; z-index: 1;}
.room-wrap .info-section .room-info .info .reser-box:hover{color: #666;}
.room-wrap .info-section .room-info .info .reser-box::after{content: ""; display: block; width: 100%; height: 0%; border-top:solid 35px #edeae4; position: absolute; top: 0; left: 0; border-right: 30px solid transparent; z-index: 0; transform: translateX(-100%); transition: 0.6s;}
.room-wrap .info-section .room-info .info .reser-box::before{content: ""; display: block; width: 100%; height: 0%; border-top:solid 35px #edeae4; position: absolute; top: 0; right: 0; border-left: 30px solid transparent; z-index: 0; transform: translateX(100%); transition: 0.6s;}

.room-wrap .info-section .room-info .info .reser-box .arrow-ico{transition: 0.3s; z-index: 1;}
.room-wrap .info-section .room-info .info .reser-box .arrow-ico::after{transition: 0.6s;}
.room-wrap .info-section .room-info .info .reser-box .arrow-ico::before{transition: 0.6s;}
.room-wrap .info-section .room-info .info .reser-box:hover .arrow-ico::after{background-color: white;}
.room-wrap .info-section .room-info .info .reser-box:hover .arrow-ico::before{background-color: white;}
.room-wrap .info-section .room-info .info .reser-box:hover::after{transform: translateX(0);}
.room-wrap .info-section .room-info .info .reser-box:hover::before{transform: translateX(0);}
.outtro-section .content-wrap li .txt a:hover{color: white;}
.room-wrap .info-section .room-info .info .reser-box:hover .arrow-ico::after{background-color: white;}
.room-wrap .info-section .room-info .info .reser-box:hover .arrow-ico::before{background-color: white;}

.room-wrap .img-gallery-section .img-container::after{content: ""; display: table; clear: both;}
.room-wrap .img-gallery-section .img-container li{float: left; width: calc(33.3333% - 16.66666px); margin-right: 25px;  margin-bottom: 25px; position: relative; overflow: hidden;}
.room-wrap .img-gallery-section .img-container .room-img-grp{height: 578px;}
.room-wrap .img-gallery-section .img-container li:nth-of-type(3n){margin-right: 0;}
.room-wrap .img-gallery-section .img-container li img{display: block; width: 100%; }
.room-wrap .img-gallery-section .img-container li.vdo-img img{opacity: 0;}
.room-wrap .img-gallery-section .img-container li iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0; transform: scale(1.2);}
.room-wrap .img-gallery-section .img-container li.tall_img{margin-top: -290px; transition: margin 0s;}
.room-wrap .img-gallery-section .img-container {margin-bottom: 100px;}
.room-wrap .img-gallery-section .big-img{display: block; width: 100%;}

.room-wrap .room-info-wrap{    width: 1200px; margin: 0 auto;}
.room-wrap .img-gallery-section{margin-top:150px;}

.room-wrap .room-preview-section{background: #ded9cf; margin-top: 380px;}
.room-wrap .room-preview-section .room-gallery-section{top: -300px;}
.room-wrap .room-preview-section .swiper-btn-wrap button .arrow-ico.left::before{background-color:#fff;}
.room-wrap .room-preview-section .swiper-btn-wrap button .arrow-ico.left::after{background-color:#fff;}
.room-wrap .room-preview-section .swiper-btn-wrap button .arrow-ico.right::before{background-color: #fff;}
.room-wrap .room-preview-section .swiper-btn-wrap button .arrow-ico.right::after{background-color: #fff;}
.room-wrap .info-section{background: #fff; padding-bottom: 60px; padding-top: 100px;}

.room-wrap .room-prev-img{background: #ded9cf; text-align: center;margin-top: -250px; padding-bottom: 160px;}
.room-wrap .room-prev-img ul{width: 1400px; margin: 0 auto; display: inline-block; zoom: 1;}
.room-wrap .room-prev-img li{float: left; display: inline-block; zoom: 1;}

.room-wrap .room-prev-img li:nth-child(1){}
.room-wrap .room-prev-img li:nth-child(1) div{width: 630px; height: 649px; display: block; background-repeat:no-repeat;background-size:cover;background-position: right; transition: 2s;}
.room-wrap .room-prev-img li:nth-child(1) div.visible{background-position: left;}

.room-wrap .room-prev-img li:last-child{    float: right;}
.room-wrap .room-prev-img li:last-child div:nth-child(1){width: 700px; height: 353px; background-repeat:no-repeat;background-size:cover;background-position: bottom;transition: 2s;}
.room-wrap .room-prev-img li:last-child div:nth-child(1).visible{background-position: top;}
.room-wrap .room-prev-img li:last-child div:last-child{text-align: left;
    margin: 70px 0 0 50px;}

.room-wrap .room-prev-img li:last-child div:last-child h3{    transform: skewX(0.03deg); font-size: 18px; padding-bottom: 20px; border-bottom: 1px solid #888; width: 450px;}
.room-wrap .room-prev-img li:last-child div:last-child p{transform: skewX(0.03deg); margin-top: 30px; font-size: 14px; line-height: 25px;}


/*special-wrap*/
.special-wrap .intro-section .main-tit{transform: skewX(0.03deg); text-align: center; padding-top: 85px; padding-bottom: 85px;}
.special-wrap .intro-section .main-tit h2{font-size: 18px; font-weight: 500; margin-bottom: 52px;}
.special-wrap .intro-section .main-tit p{font-size: 14px; line-height: 1.6; }
.special-wrap .intro-section .img-container .img-wrap::after{content: ""; display: table; clear: both;}
.special-wrap .intro-section .img-container .img-wrap li{float: left; width: 32.142857%; margin-bottom: 25px; margin-right: 1.785714%; overflow: hidden;}
.special-wrap .intro-section .img-container .img-wrap li img{display: block; width: 100%;}
.special-wrap .intro-section .img-container .img-wrap li.vdo-img img{opacity: 0;}
.special-wrap .intro-section .img-container .img-wrap li.vdo-img iframe{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
.special-wrap .intro-section .img-container .img-wrap li:nth-of-type(3){margin-right: 0;}
.special-wrap .intro-section .img-container .img-wrap li:last-of-type{width: 66.0714285%; margin-right: 0;}
.special-wrap .intro-section .img-container .txt{text-align: center; transform: skewX(0.03deg); padding-top: 45px; margin-bottom: 130px;}
.special-wrap .intro-section .img-container .txt p{font-size: 14px;}

/*map-wrap*/
.map-wrap .info-section .main-tit{text-align: center; transform: skewX(0.03deg); padding-top: 100px; padding-bottom: 70px;}
.map-wrap .info-section .main-tit h3{font-size: 18px; font-weight: 600; color: #666666; margin-bottom: 15px;}
.map-wrap .info-section .main-tit p{font-size: 14px; font-weight: 300; color: #6e6e6e;}

.map-wrap .info-section .txt-wrap{margin-top: 150px; margin-bottom: 400px;}
.map-wrap .info-section .txt-wrap::after{content: ""; display: table; clear: both;}
.map-wrap .info-section .txt-wrap li{width: calc(50% - 35px); margin-right: 70px; float: left; transform: skewX(0.03deg);}
.map-wrap .info-section .txt-wrap li:last-of-type{margin-right: 0;}
.map-wrap .info-section .txt-wrap li h3{font-size: 15px; font-weight: 400; padding-bottom: 15px; padding-left: 10px; border-bottom: 1px solid #e6e6e6;}
.map-wrap .info-section .txt-wrap li p{font-size: 13px; font-weight: 300; color: #6e6e6e; line-height: 1.8; padding-top: 20px;}
.map-wrap .info-section .txt-wrap li a{display: block; width: 135px; line-height: 30px; border: 1px solid #e1e1e1; margin-top: 20px; font-size: 12px; color: #878787; transition: 0.4s; text-align: center;}
.map-wrap .info-section .txt-wrap li a:hover{background-color: #e1e1e1; color: white;}
.map-wrap .info-section .txt-wrap li a.ani-btn .arrow-ico{transition: 0.3s;}
.map-wrap .info-section .txt-wrap li a.ani-btn .arrow-ico::after{transition: 0.3s;}
.map-wrap .info-section .txt-wrap li a.ani-btn .arrow-ico::before{transition: 0.3s;}
.map-wrap .info-section .txt-wrap li a.ani-btn:hover .arrow-ico{background-color: white; transform: translateX(5px);}
.map-wrap .info-section .txt-wrap li a.ani-btn:hover .arrow-ico::after{background-color: white;}
.map-wrap .info-section .txt-wrap li a.ani-btn:hover .arrow-ico::before{background-color: white;}

/*tour-wrap*/
.tour-wrap .info-section .main-tit{text-align: center; transform: skewX(0.03deg); padding-top: 100px; padding-bottom: 135px;}
.tour-wrap .info-section .main-tit h3{font-size: 18px; font-weight: 600; color: #666666; margin-bottom: 15px;}
.tour-wrap .info-section .main-tit p{font-size: 14px; font-weight: 300; color: #6e6e6e;}

.tour-wrap .info-section .tour-info-container .tour-info-wrap{padding-bottom: 300px;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth{padding-bottom: 70px; border-bottom: 1px solid #e1e1e1; margin-bottom: 65px;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth::after{content: ""; display: table; clear: both;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info{width: calc(50% - 55px); float: left; margin-right: 110px; pointer-events: none;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info:last-of-type{margin-right: 0;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .swiper-wrapper{pointer-events: all;}
.tour-wrap .info-section .tour-info .swiper-slide{height: 400px; background-size: cover; background-repeat: no-repeat; background-position: center;}

.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit{padding-top: 40px; transform: skewX(0.03deg);}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h3{font-size: 12px; font-family: "S-core"; font-weight: 300; margin-bottom: 10px;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h2{font-size: 20px; font-weight: 500; margin-bottom: 25px;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h5{font-size: 14px ; font-weight: 400; margin-bottom: 20px; padding-bottom: 10px; display: inline-block;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h5::after{content: ""; display: block; width: 100%; height: 1px; background-color: #878787;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt{transform: skewX(0.03deg); line-height: 1.8;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt p{font-size: 14px;}

/*reservation*/
.reser-wrap .intro-section .main-tit{text-align: center; transform: skewX(0.03deg); padding-top: 100px; padding-bottom: 135px;}
.reser-wrap .intro-section .main-tit h3{font-size: 18px; font-weight: 600; color: #666666; margin-bottom: 15px;}
.reser-wrap .intro-section .main-tit p{font-size: 14px; font-weight: 300; color: #6e6e6e;}
.reser-wrap .intro-section .thumb-img{overflow: hidden; height: 715px;}
.reser-wrap .intro-section .thumb-img img{display: block; width: 100%;}

.reser-wrap .intro-section .txt-wrap{text-align: center; transform: skewX(0.03deg); padding-top: 70px; margin-bottom: 140px;}
.reser-wrap .intro-section .txt-wrap .dot-list{text-align: left; max-width: 400px; margin: 0 auto; margin-bottom: 50px;}
.reser-wrap .intro-section .txt-wrap .dot-list li{white-space: nowrap;}
.reser-wrap .intro-section .txt-wrap h5{font-size: 11px; font-weight: 200; font-style: italic; letter-spacing: 0.24em; margin-bottom: 20px;}
.reser-wrap .intro-section .txt-wrap h3{font-size: 19px; font-weight: 600; margin-bottom: 35px;}
.reser-wrap .intro-section .txt-wrap li{font-size: 14px; font-weight: 400; line-height: 1.6;}
.reser-wrap .intro-section .txt-wrap li input{width: 1px; height: 1px; opacity: 0; position: absolute;}
.reser-wrap .intro-section .txt-wrap li button{padding: 5px 15px; text-align: center; font-size: 12px; font-family: "S-core",sans-serif;  border: 1px solid #e1e1e1; border-radius: 30px; cursor: pointer; transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap li button:hover{background-color: #e1e1e1;}
.reser-wrap .intro-section .txt-wrap li .result{position: absolute; top: 0; right: -95px; padding: 2px 5px; background-color: #333; color: white; opacity: 0; transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap li .result.on{opacity: 1;}
.reser-wrap .intro-section .txt-wrap .reser_btn{width: 185px; height: 35px; line-height: 35px; font-size: 13px; font-weight: 400; letter-spacing: 0.1em; border: 1px solid #e1e1e1; display: block; margin: 0 auto; overflow: hidden; transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap .reser_btn:hover{color: white;}
.reser-wrap .intro-section .txt-wrap .reser_btn .ani-txt{z-index: 1; position: relative;}

.reser-wrap .intro-section .txt-wrap .reser_btn .arrow-ico{transition: 0.4s; left: 25px; top: calc(50% - 0.5px); z-index: 1;}
.reser-wrap .intro-section .txt-wrap .reser_btn:hover .arrow-ico{background-color: white; }
.reser-wrap .intro-section .txt-wrap .reser_btn:hover .arrow-ico::after{background-color: white; transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap .reser_btn:hover .arrow-ico::before{background-color: white; transition: 0.6s;}


.reser-wrap .intro-section .txt-wrap .reser_btn::after{content: ""; display: block; width: 100%; height: 0%; border-top:solid 35px #e1e1e1; position: absolute; top: 0; left: 0; border-right: 30px solid transparent; z-index: 0; transform: translateX(-100%); transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap .reser_btn::before{content: ""; display: block; width: 100%; height: 0%; border-top:solid 35px #e1e1e1; position: absolute; top: 0; right: 0; border-left: 30px solid transparent; z-index: 0; transform: translateX(100%); transition: 0.6s;}
.reser-wrap .intro-section .txt-wrap .reser_btn:hover::after{transform: translateX(0);}
.reser-wrap .intro-section .txt-wrap .reser_btn:hover::before{transform: translateX(0);}


.reser-wrap .reser-table-section .txt{text-align: center;}
.reser-wrap .reser-table-section .txt ol{transform: skewX(0.03deg); margin-bottom: 50px;}
.reser-wrap .reser-table-section .txt li{font-size: 14px; font-weight: 400; line-height: 2;}
.reser-wrap .reser-table-section .reser-table-wrap{padding-bottom: 85px; border-bottom: 1px solid #ececec;}

.res_table_grp{width: 60%; margin: 0 auto; font-size: 14px; text-align: center;}
.res_table{width: 100%;}
.res_table tr{background-color: #f3f3f3;}
.res_table tr:nth-child(2n-1){background-color: #eee;}
.res_table th{padding: 10px 0; background-color: #6e6e6e; color: #fff;}
.res_table th:nth-child(1){border-radius: 7px 0 0 0;}
.res_table th:last-child{border-radius: 0 7px 0 0;}
.res_table td{padding: 7px 0;}
.res_table_grp p{font-size: 14px; text-align: left; margin-top: 15px;}

.reser-wrap .info-section{padding-top: 80px;}
.reser-wrap .info-section .info::after{content: ""; display: table; clear: both;}
.reser-wrap .info-section .info .tit{float: left; width: 100%; max-width: 330px; transform: skewX(0.03deg);}
.reser-wrap .info-section .info .tit h5{font-size: 11px; font-weight: 200; font-family: "S-core"; font-style: italic; letter-spacing: 0.24em;}
.reser-wrap .info-section .info .tit h3{font-size: 19px; font-weight: 600; margin-top: 10px;}
.reser-wrap .info-section .info .txt{float: left; width: calc(100% - 330px);}

.reser-wrap .info-section .info .txt .dot-list{transform: skewX(0.03deg);}
.reser-wrap .info-section .info .txt li{font-size: 14px; line-height: 1.8;}

.reser-wrap .info-section .info1{padding-bottom: 145px;}
.reser-wrap .info-section .info2 .dot-list{margin-bottom: 50px;}
.reser-wrap .info-section .info2 .refund-table{width: 100%; transform: skewX(0.03deg); border-bottom: 1px solid #f7f7f7; margin-bottom: 130px;}
.reser-wrap .info-section .info2 .refund-table th, .reser-wrap .info-section .info2 .refund-table td{font-size: 13px; font-weight: 400; text-align: center; padding: 20px 0;}
.reser-wrap .info-section .info2 .refund-table th{background-color: #f7f7f7;}
.reser-wrap .info-section .bg-img img{width: 100%; display: block;}


.dot-list li{position: relative; padding-left: 8px;}
.dot-list li::before{content: "·"; position: absolute; top: 0; left: 0px;}
/*room-preview-gallery*/
.room-preview-section .tit-wrap{text-align: center; font-size: 16px; font-family: "S-core"; font-style: italic; font-weight: 400; letter-spacing: 0.1em; margin-bottom: 30px;}

.room-preview-section .swiper-slide{max-height: 780px; height: 56vw; background-size: cover; background-repeat: no-repeat; background-position: center;}
.room-preview-section .room-slide-wrap{position: relative;}
.room-preview-section .room-slide-wrap .tit{position: absolute; bottom: 35px; right: 70px; z-index: 15; color: white;}
.room-preview-section .room-slide-wrap .tit h2{font-size: 30px; font-weight: 200; font-family: 'S-core'; margin-bottom: 15px;}
.room-preview-section .room-slide-wrap .tit h3{font-size: 13px; font-weight: 300; font-family: "Gmarket";}
.room-preview-section .room-slide-wrap .swiper-control-box{position: absolute; left: -1px; z-index: 5; bottom: 0;}
.room-preview-section .room-slide-wrap .swiper-control-box::after{content: ""; display: table; clear: both;}
.room-preview-section .room-slide-wrap .swiper-control-box .swiper-btn-wrap{width: 130px; height: 90px; background-color: transparent; float: left; position: relative;}
.room-preview-section .room-slide-wrap .swiper-control-box .swiper-btn-wrap:hover button{background-color: transparent;}

.room-preview-section .room-slide-wrap .swiper-page-wrap{float: left; height: 90px; padding-left: 30px;}
.room-preview-section .room-slide-wrap .swiper-page-wrap li{display: inline-block; line-height: 90px; font-family: "S-core";  font-weight: 400; color: white;}
.room-preview-section .room-slide-wrap .swiper-page-wrap li.current{font-size: 25px;}
.room-preview-section .room-slide-wrap .swiper-page-wrap .slash{font-size: 20px; font-family: 'S-core'; color: white; font-weight: 400;}
.room-preview-section .room-slide-wrap .swiper-page-wrap li.total{font-size:20px;}

.room-preview-section .txt {text-align: center; padding-top: 45px; padding-bottom: 85px;}
.room-preview-section .txt p {font-size: 14px; line-height: 2.4; transform: skewX(0.03deg);}


.special-gallery-section .swiper-slide{max-height: 780px; height: 56vw; background-size: cover; background-repeat: no-repeat; background-position: center;}
.special-gallery-section .special-slide-wrap{position: relative;}
.special-gallery-section .special-slide-wrap .tit{position: absolute; bottom: 35px; right: 70px; z-index: 15; color: white;}
.special-gallery-section .special-slide-wrap .tit h2{font-size: 30px; font-weight: 200; font-family: 'S-core'; margin-bottom: 15px;}
.special-gallery-section .special-slide-wrap .tit h3{font-size: 12px; font-weight: 300; font-family: "Gmarket";}
.special-gallery-section .special-slide-wrap .swiper-control-box{position: absolute; left: 0; z-index: 5; bottom: 0;}
.special-gallery-section .special-slide-wrap .swiper-control-box .swiper-btn-wrap{width: 130px; height: 90px; float: left; right: auto;}
.special-gallery-section .special-slide-wrap .swiper-page-wrap{float: left; height: 90px; padding-left: 30px; display: none;}
.special-gallery-section .special-slide-wrap .swiper-page-wrap li{display: inline-block; line-height: 90px; font-family: "S-core";  font-weight: 400; color: white;}
.special-gallery-section .special-slide-wrap .swiper-page-wrap li.current{font-size: 25px;}
.special-gallery-section .special-slide-wrap .swiper-page-wrap .slash{font-size: 20px; font-family: 'S-core'; color: white; font-weight: 400;}
.special-gallery-section .special-slide-wrap .swiper-page-wrap li.total{font-size:20px;}

/*special-preview*/
.special-preview-section{padding-top: 220px;}
.special-preview-section .txt-wrap{width: 365px; position: absolute; top: 0; transform: skewX(0.03deg);}
.special-preview-section .txt-wrap h2{font-size: 20px; font-weight: 400; font-family: "S-core",sans-serif; line-height: 1.8; letter-spacing: 0.1em; margin-bottom: 35px;}
.special-preview-section .txt-wrap p{font-size: 14px; font-weight: 400; line-height: 1.8;}

.special-preview-section .txt-wrap.fixed{position: fixed; top: 200px;}
.special-preview-section .txt-wrap.ab_bottom{position: absolute; top: auto; bottom: calc(100vh - 200px); transform: translateY(100%);}

.special-preview-section .preview-img-wrap{width: calc(100% - 365px); margin-left: 365px;}
.special-preview-section .preview-img-wrap ol::after{content: ""; display: table; clear: both;}
.special-preview-section .preview-img-wrap ol li{width: calc(50% - 10px); margin-right: 20px; float: left; height: 650px; margin-bottom: 20px;}
.special-preview-section .preview-img-wrap ol li .bg{width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; position: relative; overflow: hidden;}
.special-preview-section .preview-img-wrap ol li .bg .hover-bg{width: 100%; height: 100%; background-color: rgba(58, 58, 58, 0.6); opacity: 0; pointer-events: none; transition: 0.6s; position: relative; z-index: 1;}
.special-preview-section .preview-img-wrap ol li:hover .bg .hover-bg{opacity: 1;}
.special-preview-section .preview-img-wrap ol li:hover .bg .hover-bg a{pointer-events: all;}
.special-preview-section .preview-img-wrap ol li .bg .txt{position: absolute; top: 50%; width: 100%; left: 0; transform: translateY(-50%) skewX(0.03deg); text-align: center; z-index: 15;}
.special-preview-section .preview-img-wrap ol li .bg .txt h2{font-size: 30px; font-family: "S-core",sans-serif; font-weight: 200; letter-spacing: 0.08em; color: white; margin-bottom: 35px;}
.special-preview-section .preview-img-wrap ol li .bg .txt a{font-size: 16px; font-weight: 200; color: white; ;letter-spacing: 0.1em; position: relative; display: block; width: 200px; margin: 0 auto;}

.special-preview-section .preview-img-wrap ol li .bg .vdo{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 0; width: 100%; height: 100%; overflow: hidden;}
.special-preview-section .preview-img-wrap ol li .bg .vdo iframe{width: 100%; height: 100%; transform: scale(1.01);}

.special-preview-section .preview-img-wrap ol li:nth-of-type(2n){margin-right: 0;}
.special-preview-section .preview-img-wrap ol li:last-of-type{width: 100%; margin-right: 0;}


.special-preview-section .preview-img-wrap ol li a .ani-line{width: 8px; height: 0px; position: absolute; top: calc(50% - 1px); right: 30px; transition: 0.2s;}
.special-preview-section .preview-img-wrap ol li a .ani-line::after{content: ""; display: block; width: 100%; height: 1px; background-color: white; position: absolute; top: 0px; left: 0; transform: rotate(25deg); transform-origin: right;  transition: 0.2s;}
.special-preview-section .preview-img-wrap ol li a .ani-line::before{content: ""; display: block; background-color: white; width: 100%; height: 1px; position: absolute; top: 0px; left: 0; transform: rotate(-25deg); transform-origin: right; transition: 0.2s;}
.special-preview-section .preview-img-wrap ol li a .ani-txt{transition: 0.2s; display: block; transform: skewX(0.03deg);}
.special-preview-section .preview-img-wrap ol li a .arrow-ico{content: ""; display: block; background-color: white; position: absolute; top: calc(50% - 1.5px); left: 25px; width: 50px; height: 1px; background-color: white; transform: translateX(-10px) scaleX(0); transition: 0.2s; transform-origin: left;}
.special-preview-section .preview-img-wrap ol li a .arrow-ico::after{content: ""; display: block; width: 8px; height: 1px; background-color: white; position: absolute; top: 0px; right: 0; transform: rotate(0deg); transform-origin: right; transition: 0.2s;}
.special-preview-section .preview-img-wrap ol li a .arrow-ico::before{content: ""; display: block; background-color: white; width: 8px; height: 1px; position: absolute; top: 0px; right: 0; transform: rotate(-0deg); transform-origin: right; transition: 0.2s;}
.special-preview-section .preview-img-wrap ol li a:hover .arrow-ico{transform:translateX(0px) scaleX(1); transition-delay: 0.1s;}
.special-preview-section .preview-img-wrap ol li a:hover .arrow-ico::after{transform: rotate(35deg);transition-delay: 0.1s;}
.special-preview-section .preview-img-wrap ol li a:hover .arrow-ico::before{transform: rotate(-35deg);transition-delay: 0.1s;}

.special-preview-section .preview-img-wrap ol li a:hover .ani-line{transform: translateX(40px); opacity: 0;}
.special-preview-section .preview-img-wrap ol li a:hover .ani-line::after{transform: rotate(0deg);}
.special-preview-section .preview-img-wrap ol li a:hover .ani-line::before{transform: rotate(0deg);}


.special-preview-section .preview-img-wrap ol li a:hover .ani-txt{transform: translateX(40px) skewX(0.03deg);}



/*outtro*/
.outtro-section{background-color: #ded9cf;}
.outtro-section .tit-wrap{text-align: center; padding-top: 100px; margin-top: 250px;; transform: skewX(0.03deg); margin-bottom: 140px;}
.outtro-section .tit-wrap h2{font-size: 22px; font-weight: 600; margin-bottom: 50px;}
.outtro-section .tit-wrap p{font-size: 14px; line-height: 1.9;}

.outtro-section .content-wrap{padding-bottom: 115px;}
.outtro-section .content-wrap::after{content: ""; display: table; clear: both;}
.outtro-section .content-wrap li{width: calc(50% - 60px); margin-right: 120px; float: left;}
.outtro-section .content-wrap li img{display: block; width: 100%;}
.outtro-section .content-wrap li:last-of-type{margin-right: 0;}
.outtro-section .content-wrap li .txt {padding-top: 75px; text-align: center; transform: skewX(0.03deg);}
.outtro-section .content-wrap li .txt h2{font-size: 15px; color: #5c5b5b; margin-bottom: 25px; font-family: "S-core",sans-serif; font-weight: 400; letter-spacing: 0.14em;}
.outtro-section .content-wrap li .txt p{font-size: 14px; line-height: 2; margin-bottom: 35px;}
.outtro-section .content-wrap li .txt a{display: block; width: 135px; line-height: 30px; background-color: #6d685f; margin: 0 auto; font-size: 12px; color: #fff; transition: 0.4s;}


.outtro-section .content-wrap li .txt a.ani-btn .arrow-ico{transition: 0.3s;}
.outtro-section .content-wrap li .txt a.ani-btn .arrow-ico::after{transition: 0.3s; }
.outtro-section .content-wrap li .txt a.ani-btn .arrow-ico::before{transition: 0.3s; }


.outtro-section .content-wrap li .txt a.ani-btn{overflow: hidden;}
.outtro-section .content-wrap li .txt a.ani-btn span{z-index: 1;}
.outtro-section .content-wrap li .txt a.ani-btn span.ani-txt{position: relative;}

.outtro-section .content-wrap li .txt a.ani-btn::after{content: ""; display: block; width: 100%; height: 0%; border-top:solid 30px #edeae4; position: absolute; top: 0; left: 0; border-right: 30px solid transparent; z-index: 0; transform: translateX(-100%); transition: 0.6s;}
.outtro-section .content-wrap li .txt a.ani-btn::before{content: ""; display: block; width: 100%; height: 0%; border-top:solid 30px #edeae4; position: absolute; top: 0; right: 0; border-left: 30px solid transparent; z-index: 0; transform: translateX(100%); transition: 0.6s;}

.outtro-section .content-wrap li .txt a.ani-btn:hover::after{transform: translateX(0);}
.outtro-section .content-wrap li .txt a.ani-btn:hover::before{transform: translateX(0);}
.outtro-section .content-wrap li .txt a:hover{color: #666;}
.outtro-section .content-wrap li .txt a.ani-btn:hover .arrow-ico::after{background-color: #666;}
.outtro-section .content-wrap li .txt a.ani-btn:hover .arrow-ico::before{background-color: #666;}

/*ft*/
.ft{padding-top: 50px; padding-bottom: 50px;}
.ft .ft-info{transform: skewX(0.03deg);}
.ft .ft-info .ft-logo{display: block; width: 125px; margin-bottom: 35px;}
.ft .ft-info .ft-tel{font-size: 16px; color: #6e6e6e; font-weight: 500;  }
.ft .ft-info .ft-txt{margin-top: 15px; font-size: 13px; line-height: 2; margin-bottom: 40px;}
.ft .ft-info .ft-copyright{font-size: 11px; font-family: "Open Sans"; color: #424242; font-weight: 500;}

.ft .ft-btn-wrap{position: absolute; top: 0; right: 0; border-left: 1px solid #e1e1e1; padding-left: 25px; transform: skewX(0.03deg);}
.ft .ft-btn-wrap .ft-sns-wrap{margin-bottom: 45px;}
.ft .ft-btn-wrap .ft-sns-wrap::after{content: ""; display: table; clear: both;}
.ft .ft-btn-wrap .ft-sns-wrap li{float: left; margin-right: 30px;}
.ft .ft-btn-wrap .login{font-size: 12px; color: #6e6e6e; display: inline-block; padding-bottom: 5px;}
.ft .ft-btn-wrap .login::after{content: ""; display: block; width: 100%; height: 1px; background-color: #6e6e6e; margin-top: 5px;}

.ft  .ft-menu-wrap{margin-bottom: 30px;}
.ft  .ft-menu-wrap .sub-menu{display: none;}
.ft  .ft-menu-wrap li{margin-bottom: 15px;}
.ft  .ft-menu-wrap li a{font-size: 12px; font-family: "S-core",sans-serif; font-weight: 300;}

.m-map{display: none;}

.ani-btn{position: relative;}
.ani-btn .arrow-ico{width: 6px; height: 0px; position: absolute; top: calc(50% - 0.5px); left: 30px;}
.ani-btn .arrow-ico::after{content: ""; background-color: #878787; display: block; width: 100%; height: 1px; position: absolute; top: calc(50% - 0.5px); left: 0; transform: rotate(30deg); transform-origin: right;}
.ani-btn .arrow-ico::before{content: ""; background-color: #878787; display: block; width: 100%; height: 1px;position: absolute; top: calc(50% - 0.5px); left: 0; transform: rotate(-30deg); transform-origin: right;}
.ani-btn .ani-line{height: 1px; width: 15px; background-color: #878787; display: block; position: absolute; top: calc(50% - 1px); right: 30px;}
.ani-btn .ani-line::after{content: ""; display: block; width: 6px; height: 1px; background-color: #878787; position: absolute; right: 0; top: calc(50% - 1px); transform: rotate(35deg); transform-origin: right;}
.ani-btn .ani-line::before{content: ""; display: block; width: 6px; height: 1px; background-color: #878787; position: absolute; right: 0; top: calc(50% - 1px); transform: rotate(-35deg); transform-origin: right;}

/* .ani-btn:hover .arrow-ico{transform:translateX(0px) scaleX(1);}
.ani-btn:hover .arrow-ico::after{transform: rotate(35deg);}
.ani-btn:hover .arrow-ico::before{transform: rotate(-35deg);}

.ani-btn:hover .ani-line{transform: translateX(30px); opacity: 0;}
.ani-btn:hover .ani-line::after{transform: rotate(0deg);}
.ani-btn:hover .ani-line::before{transform: rotate(0deg);} */
.m-br{display: none;}


/*animate*/
.con1 .main-tit h2{opacity: 0; transform: translateY(30px); transition: 0.8s;}
.con1 .main-tit h3{opacity: 0; transform: translateY(30px); transition: 0.8s; transition-delay: 0.2s;}

.con1 .main-tit.on h2{opacity: 1; transform: translateY(0px);}
.con1 .main-tit.on h3{opacity: 1; transform: translateY(0px);}

.main-wrap .intro-section .tit h2{opacity: 0; transform: translateY(30px); transition: 0.8s;}
.main-wrap .intro-section .tit h3{opacity: 0; transform: translateY(30px); transition: 0.8s; transition-delay: 0.2s;}

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


.main-wrap .intro-section .txt p{transform: translateY(30px); opacity: 0; transition: 0.8s;} 
.main-wrap .intro-section .txt p:nth-of-type(2){transition-delay: 0.2s;}
.main-wrap .intro-section .txt.on p{transform: translateY(0); opacity: 1;}

.room-preview-section .room-slide-wrap .tit h2{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.room-preview-section .room-slide-wrap .tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.room-preview-section .room-slide-wrap .tit.on h2{transform: translateY(0); opacity: 1;}
.room-preview-section .room-slide-wrap .tit.on h3{transform: translateY(0); opacity: 1;}

.main-wrap .single-special-preview ol li{transform: translateY(50px); opacity: 0; transition: 0.8s;}
.main-wrap .single-special-preview ol.on li{transform: translateY(0); opacity: 1;}
.main-wrap .single-special-preview ol li:nth-of-type(2){transition-delay: 0.4s;}
.main-wrap .single-special-preview ol li:nth-of-type(3){transition-delay: 0.2s;}


.main-wrap .single-special-preview ol li h5{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.main-wrap .single-special-preview ol.on li h5{transform: translateY(0); opacity: 1;}

.main-wrap .single-special-preview ol li:nth-of-type(1) h5 {transition-delay: 0.6s;}
.main-wrap .single-special-preview ol li:nth-of-type(2) h5 {transition-delay: 1s;}
.main-wrap .single-special-preview ol li:nth-of-type(3) h5 {transition-delay: 0.8s;}

.main-wrap .bg-img-wrap img{transition: 2.4s;}
.main-wrap .bg-img-wrap.on img{transform: scale(1.05);}


.special-preview-section .preview-img-wrap ol li:nth-of-type(2){transition-delay: 0.2s;}
.special-preview-section .preview-img-wrap ol li:nth-of-type(3){transition-delay: 0.2s;}
.special-preview-section .preview-img-wrap ol li:nth-of-type(4){transition-delay: 0.4s;}
.special-preview-section .preview-img-wrap ol li:nth-of-type(5){transition-delay: 0.4s;}

.special-preview-section .txt-wrap h2{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.special-preview-section .txt-wrap p {transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.special-preview-section .txt-wrap.on h2{transform: translateY(0); opacity: 1;}
.special-preview-section .txt-wrap.on p{transform: translateY(0); opacity: 1;}

.outtro-section .tit-wrap h2{transform: translate(30px); opacity: 0; transition: 0.8s;}
.outtro-section .tit-wrap p{transform: translate(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.outtro-section .tit-wrap.on h2 {transform: translateY(0); opacity: 1;}
.outtro-section .tit-wrap.on p {transform: translateY(0); opacity: 1;}

.outtro-section .content-wrap li {transform: translateY(50px); opacity: 0; transition: 0.8s;}
.outtro-section .content-wrap li:nth-of-type(2) {transition-delay: 0.2s;}

.outtro-section .content-wrap li .txt h2 {transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.6s;}
.outtro-section .content-wrap li .txt p {transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.8s;}

.outtro-section .content-wrap li:nth-of-type(2) .txt h2 {transition-delay: 0.8s;}
.outtro-section .content-wrap li:nth-of-type(2) .txt p {transition-delay: 1s;}

.outtro-section .content-wrap.on li{transform: translateY(0); opacity: 1;}


.outtro-section .content-wrap.on li .txt h2{transform: translateY(0); opacity: 1;}
.outtro-section .content-wrap.on li .txt p{transform: translateY(0); opacity: 1;}
.outtro-section .content-wrap.on li .txt a{transform: translateY(0); opacity: 1;}

.view-wrap .intro-section .tit h2{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.view-wrap .intro-section .tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.view-wrap .intro-section .tit.on h2{transform: translateY(0); opacity: 1;}
.view-wrap .intro-section .tit.on h3{transform: translateY(0); opacity: 1;}

.room-wrap .intro-section .main-tit h2{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.room-wrap .intro-section .main-tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

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

.room-wrap .intro-section .main-tit h2{transform: translateX(0); opacity: 1;}
.room-wrap .intro-section .main-tit h3{transform: translateX(0); opacity: 1;}

.room-wrap .info-section .room-info .tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.room-wrap .info-section .room-info .info .info-list li{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.room-wrap .info-section .room-info .info .info-list li:nth-of-type(2){ transition-delay: 0.4s;}

.room-wrap .info-section .room-info.on .tit h3{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .room-info.on .info .info-list li{transform: translateY(0); opacity: 1; font-size: 15px;}
.room-wrap .info-section .room-info.on .info .info-list li span{font-weight: 200;font-size: 14px;}
.room-wrap .info-section .room-info .info .fac-info li{transform: translateY(15px); opacity: 0; transition: 0.6s;}
.room-wrap .info-section .room-info.on .info .fac-info li{transform: translateY(0); opacity: 1;}
.room-wrap .info-section .room-info.on .info .fac-info li i{font-size: 20px; color:#6e6e6e;}
.room-wrap .info-section .room-info .info .fac-info li:nth-of-type(2n - 1){transition-delay: 0.2s;}
.room-wrap .info-section .room-info .info .fac-info li:nth-of-type(2n){transition-delay: 0.4s;}

.room-wrap .img-gallery-section .img-container li:nth-of-type(2){transition-delay: 0.2s;}
.room-wrap .img-gallery-section .img-container li:nth-of-type(3){transition-delay: 0.1s;}
.room-wrap .img-gallery-section .img-container li:nth-of-type(6){transition-delay: 0.1s;}

.special-wrap .intro-section .main-tit h2{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.special-wrap .intro-section .main-tit p{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

.special-wrap .intro-section .main-tit.on h2{transform: translateY(0); opacity: 1;}
.special-wrap .intro-section .main-tit.on p{transform: translateY(0); opacity: 1;}

.special-wrap .intro-section .img-container .img-wrap li{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.special-wrap .intro-section .img-container .img-wrap.on li{transform: translateY(0); opacity: 1;}
.special-wrap .intro-section .img-container .img-wrap li:nth-of-type(1){width: 32%;  height: 850px;}
.special-wrap .intro-section .img-container .img-wrap li:nth-of-type(2){transition-delay: 0.2s; height:360px;}
.special-wrap .intro-section .img-container .img-wrap li:nth-of-type(3){transition-delay: 0.1s; height:360px;}
.special-wrap .intro-section .img-container .img-wrap li:nth-of-type(4){transition-delay: 0.3s; height:465px;}

.tour-wrap .info-section .main-tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.tour-wrap .info-section .main-tit p{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

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

.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h2{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.1s;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h5{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt p {transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.3s;}

.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth.on .tour-info .txt-wrap .tit h3{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth.on .tour-info .txt-wrap .tit h2{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth.on .tour-info .txt-wrap .tit h5{transform: translateY(0); opacity: 1;}
.tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth.on .tour-info .txt-wrap .txt p {transform: translateY(0); opacity: 1;}

.map-wrap .info-section .main-tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.map-wrap .info-section .main-tit p{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

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

.map-wrap .info-section .txt-wrap li p{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.map-wrap .info-section .txt-wrap.on li p{transform: translateY(0); opacity: 1;}

.reser-wrap .intro-section .main-tit h3{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.reser-wrap .intro-section .main-tit p{transform: translateY(30px); opacity: 0; transition: 0.8s; transition-delay: 0.2s;}

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

.reser-wrap .intro-section .thumb-img img{transition: 1.6s;}
.reser-wrap .intro-section .thumb-img.on img{transform: scale(1.05);}

.reser-wrap .info-section .info .tit h5{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.reser-wrap .info-section .info .tit h3{transform: translateY(30px); opacity: 0;  transition: 0.8s; transition-delay: 0.2s;}

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

.scroll-txt{transform: translateY(30px); opacity: 0; transition: 0.8s;}
.scroll-txt.on{transform: translateY(0px); opacity: 1;}
.reser-wrap .info-section .bg-img{overflow: hidden;}
.reser-wrap .info-section .bg-img img{transition: 2.4s;}
.reser-wrap .info-section .bg-img.on img{transform: scale(1.05);}

@media all and (max-width: 1600px){
    .hd .main-menu-container .main-menu-wrap{right: 100px;}
}

@media all and (max-width : 1500px){
    .inner-con{width: calc(100% - 100px);}
    .tap-menu{width: calc(100% - 100px);}
    .top-gallery-section .con1 .basic-slide-wrap{left: 0; transform: translateX(0);}
    .top-gallery-section .con1 .main-slide-wrap{left: 0; transform: translateX(0);}
    .top-gallery-section .con1 .main-tit{left: 50px;}
    .hd .fixed-content{padding-left: 50px;}    
    
}

@media all and (max-width: 1400px){
    .hd .main-menu-container .menu-img-wrap{max-width: 250px;}
    
    .room-wrap .room-prev-img ul{width: 90%;}
    .room-wrap .room-prev-img li{width: 50%;}
    .room-wrap .room-prev-img li:nth-child(1) div{width: 95%;}
    .room-wrap .room-prev-img li:last-child div:nth-child(1){width: 100%;}
}

@media all and (max-width: 1300px){
    .top-gallery-section .con1 .basic-slide-wrap{width: calc(100% - 150px);}
    .top-gallery-section .con1 .main-slide-wrap{width: calc(100% - 150px);}
    .top-gallery-section .con1 .side-wrap{width: 150px;}
    .hd .menu-btn{right: 50px;}
    
    .hd .main-menu-container .main-menu-wrap > li > a{font-size: 21px; width: 170px;}
    .hd .main-menu-container .main-menu-wrap .sub-menu li{margin-right: 20px;}
    .hd .main-menu-container .main-menu-wrap .sub-menu li a{font-size: 14px;}
    
    .new_title.visible{width: 95%;}
    .main_body .con1 .swiper-btn-wrap{width: 90%;}
    .main_body .con2 .main_start{width: 95%;}
    .main_body .hd .top-content{width: 95%;}
    .main_body .con2 .pic_right{width: 60%;}
    .main_body .con2 .txt_left{width: 40%;}
    .main-wrap .intro-section .tit.on h2{text-align: left;}
}
@media all and (max-width: 1150px){
    .hd .main-menu-container .menu-img-wrap{top: auto; left: 0; transform: translateY(0); bottom: 0;}
    .hd .main-menu-container .main-menu-wrap > li{padding: 15px 0;}
}

@media all and (max-width: 1024px){
    .hd .menu-btn{position: fixed; top: 15px; right: 15px;}
    .hd .hd-reser-btn{display: none;}
    .hd .fixed-content .logo{width: 90px;}
    .hd .fixed-content{padding-left: 15px; padding-top: 13px;}
    .hd .fixed-content{height: 65px;}
    .hd.fixed .menu-btn{top: 17px;}
    .hd .menu-btn{width: 30px; height: 30px;}
    .hd .menu-btn .line{height: 1px;}
    .hd .menu-btn .line{width: 100%;}
    .hd{height: 65px;}
    .hd .top-content .sns-wrap{display: none !important;}
    .hd .main-menu-container .main-menu-wrap > li > a{display: block; margin-bottom: 10px; font-size: 18px;}
    .hd .main-menu-container .main-menu-wrap .sub-menu li{margin-bottom: 10px;}
    .hd .main-menu-container .menu-img-wrap{width: 80%; max-width: 200px; left: auto; right: 0; bottom: 15px; display: none;}
    .hd .main-menu-container .main-menu-wrap .sub-menu li a{font-size: 12px;}
    .hd .main-menu-container .main-menu-wrap > li{padding: 0; margin-bottom: 10px;}
    .hd .main-menu-container{top: 0px; height: 100vh;}  
    .hd .main-menu-container .main-menu-wrap{top: 105px; transform: skew(0.03deg)}
    .top-gallery-section .con1 .basic-slide-wrap{width: 100%;}
    .top-gallery-section .con1 .main-slide-wrap{width: 100%;}
    
    .main_body .con2 .main_start{padding: 90px 0 100px 0;}
    .main_body .con2 .pic_right{width: 100%; height: 500px;}
    .main_body .con2 .txt_left{width: 100%;}
    .main-wrap .intro-section .tit{padding-top: 100px;}
    
    .res_table_grp{width: 95%; font-size: 12px;}
    .res_table_grp p{font-size: 12px;    line-height: 15px;}
    
    #colorbox, #cboxOverlay, #cboxWrapper{width: 100% !important; height: 100% !important;}
    #cboxTopLeft{margin-left: 10vw;}
    #cboxTopCenter{width: 780px !important;}
    #cboxMiddleLeft{height: 523px !important; margin-left: 10vw;}
    #cboxContent{height: 400px !important;  width: 780px !important;}
    #cboxLoadedContent{height: 523px;width: 100% !important; overflow: hidden !important;}
    #cboxLoadedContent img{width: auto !important;  height: 100% !important;}
    #cboxMiddleRight{height: 523px !important;}
    #cboxBottomLeft{margin-left: 10vw;}
    #cboxBottomCenter{width: 780px !important;}
    #cboxPrevious{top: 56%;}
    #cboxNext{top: 56%;}
    .translate{margin-right: 0px;}
}

@media all and (max-width : 900px){
    .inner-con{width: calc(100% - 50px);}
    .tap-menu{width: calc(100% - 50px);}
    .top-gallery-section .con1 .main-tit{left: 25px;}
    .hd .fixed-content{padding-left: 15px;}  
    .main_body .top-gallery-section .con1 .main-tit{left: 45% !important; top: 42%;}
    .main-wrap .vdo-slide .vdo-link{left: 45%;}
    
    .room-wrap .room-prev-img li:last-child div:last-child h3{width: 100%;}
    .room-wrap .room-info-wrap{width: 90%;}
    .room-wrap .info-section .room-info .tit{float: none; position: unset; width: 100%;text-align: center; border-bottom: 1px solid #ccc; padding-bottom: 12px;}
    .room-wrap .info-section .room-info .info{padding-left: 0px;}
    
    #colorbox, #cboxOverlay, #cboxWrapper{width: 100% !important; height: 100% !important;}
    #cboxTopLeft{margin-left: 10vw;}
    #cboxTopCenter{width: 606px !important;}
    #cboxMiddleLeft{height: 400px !important; margin-left: 10vw;}
    #cboxContent{height: 400px !important;  width: 606px !important;}
    #cboxLoadedContent{height: 400px;width: 100% !important;}
    #cboxLoadedContent img{width: auto !important;  height: 101% !important;}
    #cboxMiddleRight{height: 400px !important;}
    #cboxBottomLeft{margin-left: 10vw;}
    #cboxBottomCenter{width: 606px !important;}
    
    .translate{margin-top: -26px; margin-right: 80px;}
    .main_body .translate{margin-right: 70px;}
    
    .main-wrap .single-special-preview ol{width: 100%;}
}

@media all and (max-width : 700px){
    main{overflow: hidden;}
    .main_body .hd .menu-btn{top: 20px;}
    .main_body .hd .menu-btn .menu_txt{color: #fff;margin-top: 32px;  display: inline-block; font-size: 11px;}
    .main_body .hd.fixed .fixed-content .logo{top: -13px;}
    .hd.fixed .menu-btn{top: 16px !important;}
    .main_body .con1 .swiper-btn-wrap{bottom: 25px;}
    
    .inner-con{width: calc(100% - 30px);}
    .tap-menu{width: calc(100% - 30px); padding: 20px 0;}
    .tap-menu li{padding: 0 5px;}
    .tap-menu li a{font-size: 12px; letter-spacing: -0.05em;}    
    .m-vdo-wrap{width: 100%; height: 54vw; margin-top: 30px; overflow: hidden;}
    .main-wrap .vdo-slide .vdo-link{display: none;}
    .main-wrap .vdo-slide iframe{pointer-events: all;}
    
    .main_body .top-gallery-section .con1 .main-slide-wrap{height:42vh;}
    .main_body .con1 .swiper-btn-wrap{bottom: 20px; height: 45px;}
    .main_body .con1 .swiper-btn-wrap button{font-size: 11px;}
    .main_body .con1 .swiper-btn-wrap button:nth-child(1){width: 70px;}
    .main_body .con1 .swiper-btn-wrap button:last-child{width: 70px;}
    
    .tel_grp{display: none;}
    .hd .m-btn2{right: 120px;}
    
    .new_title{padding-bottom: 35px;width: 100px;}
    .new_title p{font-size: 11px;}
    
    .new_title p:nth-child(1){transition-delay: 0.8s !important;}
    .new_title p:last-child{transition-delay: 1.0s !important;}
    
    .main_body .con2 .pic_right{height: 230px;}
    .main_body .top-gallery-section .con1 .main-tit{top: 34%;}
    .new_title+.room-gallery-section{margin-top: 40px;}
    
    .hd .menu-btn .menu_txt{color: #6e6e6e;margin-top: 32px;  display: inline-block; font-size: 11px;}
    .m-btn{display: block; position: fixed; top: 19px; right: 64px; z-index: 3001; text-align: center; transition: 0.5s;}
    .m-btn i{color: #6e6e6e; font-size: 17px; margin-bottom: 9px;}
    .m-btn span{color: #6e6e6e; display: block; font-size: 11px;font-family: 'S-Core';}
    
    .main_body .hd .menu-btn .menu_txt{color: #fff;}
    .main_body .m-btn{top: 24px;}
    .main_body .m-btn i{color: #fff;}
    .main_body .m-btn span{color: #fff; }
    .menu_txt{display: block;}
    
    .hd.fixed .menu-btn .menu_txt{color: #6e6e6e;}
    .hd.fixed .m-btn{top: 21px;}
    .hd.fixed .m-btn i{color: #6e6e6e;}
    .hd.fixed .m-btn span{color: #6e6e6e;}
    
    .top-gallery-section .con1 .main-tit h2{font-size: 24px;}
    .top-gallery-section .con1 .main-tit h3{font-size: 12px;}
    .top-gallery-section .con1 .swiper-slide{height: 350px;}
    .top-gallery-section .con1 .basic-slide-wrap{height: 350px;}
    .top-gallery-section .con1 .main-slide-wrap{height: 350px;}
    .top-gallery-section .con1 .main-tit{bottom: 80px;}
    .top-gallery-section .con1 .side-wrap .swiper-page-wrap{display: none;}
    .swiper-btn-wrap button .arrow-ico{width: 8px;}
    .swiper-btn-wrap{width: 90px; height: 45px;}
    .hd .top-hd-btn{display: none;}
    .main-wrap .intro-section .tit{padding-top: 50px; margin-bottom: 30px;}
    .main-wrap .intro-section .tit h2{font-size: 15px; margin-bottom: 15px;}
    .main-wrap .intro-section .tit h3{font-size: 14px;}
    .main-wrap .intro-section .txt{margin-bottom: 65px;}
    .main-wrap .intro-section .txt p{font-size: 12px; letter-spacing: -0.05em; margin-bottom: 10px;}
    .room-preview-section .tit-wrap{font-size: 15px; margin-bottom: 15px;}
    .room-preview-section .room-slide-wrap .swiper-control-box .swiper-btn-wrap{width: 90px; height: 45px; top: -10px;}
    .room-preview-section .room-slide-wrap .swiper-page-wrap{height: 45px; padding-left: 15px;margin-top: -10px;}
    .room-preview-section .room-slide-wrap .swiper-page-wrap li{line-height: 45px;}
    .room-preview-section .room-slide-wrap .swiper-page-wrap li.current{font-size: 18px;}
    .room-preview-section .room-slide-wrap .swiper-page-wrap li.total{font-size: 14px;}
    .room-preview-section .room-slide-wrap .tit{bottom: 20px; right: 15px;}
    .room-preview-section .room-slide-wrap .tit h2{font-size: 20px; margin-bottom: 0px;}
    .room-preview-section .room-slide-wrap .tit h3{font-size: 12px; display: none;}
    .main-wrap .single-special-preview .txt{padding-top: 15px; padding-bottom: 55px;}
    
    
    .room-preview-section .txt p{font-size: 12px; line-height: 1.8;}
    .room-preview-section .txt{padding-top: 20px; padding-bottom: 40px;}
    .main-wrap .single-special-preview ol{margin-top: 40px;}
    .main-wrap .single-special-preview .tit{font-size: 15px; margin-bottom: 15px;}
    .main-wrap .single-special-preview{padding-top: 0px;}
    .main-wrap .single-special-preview .txt p{font-size: 12px; line-height: 1.8;}
    .main-wrap .single-special-preview ol li{width: 100%; margin-bottom: 15px;}
    .main-wrap .single-special-preview ol li .bg{height: 100vw;}
    .main-wrap .single-special-preview ol li h5{font-size: 24px;}
    .main-wrap .single-special-preview ol li .link-txt a{font-size: 13px; width: 125px;}
    .main-wrap .single-special-preview ol li .link-txt a .ani-line{right: 5px; width: 7px;}
    .main-wrap .single-special-preview ol li .hover-txt{background-color: transparent; opacity: 1; pointer-events: all; width: auto; height: auto; top: auto; bottom: 25px; left: auto; right: 20px; position: absolute;}
    .main-wrap .single-special-preview ol li:nth-child(1) .hover-txt{width: 100%; height: 100%;}
    .main-wrap .single-special-preview ol li:nth-child(2) .hover-txt{width: 100%; height: 100%;}
    .main-wrap .single-special-preview ol li a{position: initial; transform: translate(0);}
    .main-wrap .single-special-preview ol li h5{font-size: 22px;}
    
    .main-wrap .single-special-preview .txt p b{font-size: 13px;}
    
    .top-gallery-section.sub-wrap .con1 .main-tit{bottom: 55px; transform: scaleX(0.03deg); top: auto;}
    .top-gallery-section.sub-wrap .con1 .main-tit h2{font-size: 20px; margin-bottom: 10px;}
    .top-gallery-section.sub-wrap .con1 .main-tit h3{font-size: 14px;}

    .view-wrap .intro-section .tit{padding-top: 40px; padding-bottom: 40px;}
    .view-wrap .intro-section .tit h2{font-size: 15px; margin-bottom: 15px;}
    .view-wrap .intro-section .tit h3{font-size: 13px;}

    .view-wrap .intro-section .txt{font-size: 13px; padding-top: 20px; padding-bottom: 50px; letter-spacing: -0.05em;}
    .view-wrap .img-gallery-section .img-container .img-wrap{width: 100%;}
    .view-wrap .img-gallery-section .img-container .img-wrap .img{margin-bottom: 15px;}
    .view-wrap .img-gallery-section .txt{padding-top: 15px; padding-bottom: 50px;}

    .room-wrap .intro-section .main-tit{padding-top: 40px; padding-bottom: 40px;}
    .room-wrap .intro-section .main-tit h2{font-size: 15px; margin-bottom: 15px;}
    .room-wrap .intro-section .main-tit h3{font-size: 13px;}
    .room-wrap .info-section .room-info .info{float: none; padding-left: 0; text-align: center; width: 100%;}
    .room-wrap .info-section .room-info .tit{width: 100%; float: none; position: inherit; text-align: center; margin-bottom: 20px;}
    .room-wrap .room-info-wrap{width: 100%;}
    .room-wrap .info-section .room-info .info .info-list li{width: 100%; float: none; font-size: 12px; margin-bottom: 20px; letter-spacing: -0.05em;}
    .room-wrap .info-section .room-info .info .fac-info li{width: 25%; letter-spacing: -0.05em; font-size: 12px; line-height: 1.6em; margin-bottom: 15px; white-space: normal;}
    .room-wrap .img-gallery-section .img-container li{width: 100%; float: none; margin-bottom: 15px;}
    .room-wrap .img-gallery-section .img-container{margin-bottom: 0;}
    .room-wrap .img-gallery-section .img-container li.tall_img{margin-top: 0px;}
    .room-wrap .img-gallery-section{margin-top: 50px;}
    .room-wrap .info-section .room-info.on .info .info-list li span{font-size: 12px;}
    .room-wrap .info-section .room-info.on .info .info-list li{font-size: 13px;}
    .room-wrap .room-preview-section{margin-top: 130px;}
    
    .room-wrap .room-prev-img li:last-child div:last-child h3{font-size: 13px;}
    .room-wrap .room-prev-img li:last-child div:last-child p{font-size: 12px;}
    
    .room-wrap .info-section .room-info .tit h3{font-size: 12px;}
    .room-wrap .info-section .room-info.on .info .fac-info li{height: 45px; font-size: 11px;}
    .room-wrap .info-section .room-info:last-child{width: 90%;}
    
    .room-wrap .room-preview-section .room-gallery-section{top: -105px;}
    .room-wrap .room-prev-img{margin-top: -50px;    padding-bottom: 80px;}
    .room-wrap .room-prev-img li{float: none; width: 100%;}
    .room-wrap .room-prev-img li:last-child{float: none;}
    .room-wrap .room-prev-img li:nth-child(1) div{width: 100%; height: 230px;margin-bottom: 10px;}
    
    .room-wrap .room-prev-img li:last-child div:nth-child(1){height: 180px;}
    .room-wrap .room-prev-img li:last-child div:last-child{margin: 50px 0 0 0px;}
    
    .room-wrap .img-gallery-section .img-container .room-img-grp{height: 117vw;}
    
    .view-wrap .img-gallery-section .img-container .img-wrap .view_vdo_grp{height: 68vw;}
    
    .special-wrap .intro-section .main-tit{padding-top: 40px; padding-bottom: 40px;}
    .special-wrap .intro-section .main-tit h2{font-size: 15px; margin-bottom: 15px;}
    .special-wrap .intro-section .main-tit h3{font-size: 13px;}

    .special-wrap .intro-section .img-container .txt{padding-top: 15px; margin-bottom: 50px;}
    .special-wrap .intro-section .img-container .txt p {font-size: 13px;}
    .special-wrap .intro-section .img-container .img-wrap li{width: 100%; margin-bottom: 15px; margin-right: 0;}
    .special-wrap .intro-section .img-container .img-wrap li:last-of-type{width: 100%; margin-bottom: 0;}
    
    .special-wrap .intro-section .img-container .img-wrap li:nth-of-type(1){width: 100%; height: 178vw;}
    .special-wrap .intro-section .img-container .img-wrap li:nth-of-type(2){height: 77vw;}
    .special-wrap .intro-section .img-container .img-wrap li:nth-of-type(3){height: 77vw;}
    .special-wrap .intro-section .img-container .img-wrap li:nth-of-type(4){height: 47vw;}

    .special-gallery-section .special-slide-wrap{}
    .special-gallery-section .special-slide-wrap .swiper-control-box .swiper-btn-wrap{left: 0; right: auto; width: 90px; height: 45px;}
    .special-gallery-section .special-slide-wrap .swiper-page-wrap{padding-left: 100px; height: 45px;}
    .special-gallery-section .special-slide-wrap .swiper-page-wrap li{line-height: 45px;}
    .special-gallery-section .special-slide-wrap .swiper-page-wrap li.current{font-size: 16px;}
    .special-gallery-section .special-slide-wrap .swiper-page-wrap li.total{font-size: 14px;}


    .top-img-section .con1 .top-bg{height: 300px;}

    .tour-wrap .info-section .main-tit{padding-top: 40px; padding-bottom: 40px;}
    .tour-wrap .info-section .main-tit h2{font-size: 15px; margin-bottom: 15px;}
    .tour-wrap .info-section .main-tit h3{font-size: 13px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit{padding-top: 25px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h3{font-size: 11px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h2{font-size: 18px; margin-bottom: 15px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .tit h5{font-size: 13px; margin-bottom: 10px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt p{font-size: 13px;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt p br{display: none;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info{width: 100%; margin-right: 0;}
    .tour-wrap .info-section .tour-info .swiper-slide{height: 200px;}        
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth{padding-bottom: 0; margin-bottom: 0;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e3e3e3;}
    .tour-wrap .info-section .tour-info-container .tour-info-wrap .tour-depth .tour-info .txt-wrap .txt p .m-br{display: block;}
    .map-wrap .info-section .main-tit{padding-top: 40px; padding-bottom: 40px;}
    .map-wrap .info-section .main-tit h2{font-size: 15px; margin-bottom: 15px;}
    .map-wrap .info-section .main-tit h3{font-size: 13px;}
    .map-wrap .info-section .txt-wrap{margin-top: 35px;}
    .map-wrap .info-section .txt-wrap .txt{display: block; width: 100%; margin-bottom: 30px;}
    .map-wrap .info-section .txt-wrap li p{padding-top: 10px;}
    .map-wrap .info-section .txt-wrap{margin-bottom: 80px;}

    .reser-wrap .intro-section .main-tit{padding-top: 40px; padding-bottom: 40px;}
    .reser-wrap .intro-section .main-tit h2{font-size: 15px; margin-bottom: 15px;}
    .reser-wrap .intro-section .main-tit h3{font-size: 13px;}
    .reser-wrap .intro-section .thumb-img{height: auto;}
    .reser-wrap .reser-table-section .reser-table-wrap{padding-bottom: 50px;}
    .reser-wrap .intro-section .txt-wrap{padding-top: 45px; margin-bottom: 45px;}
    .reser-wrap .intro-section .txt-wrap h5{margin-bottom: 15px;}
    .reser-wrap .intro-section .txt-wrap h3{font-size: 18px;}
    .reser-wrap .intro-section .txt-wrap li{font-size: 13px;}
    .reser-wrap .intro-section .txt-wrap .dot-list{margin-bottom: 25px;}
    .reser-wrap .reser-table-section .txt li{font-size: 13px; letter-spacing: -0.05em;}
    .reser-wrap .info-section{padding-top: 50px;}
    .reser-wrap .info-section .info .tit{max-width: 100%;}
    .reser-wrap .info-section .info .tit h3{font-size: 18px;}
    .reser-wrap .info-section .info .txt{width: 100%; margin-top: 30px;}
    .reser-wrap .info-section .info .txt li{font-size: 13px; letter-spacing: -0.05em; margin-bottom: 10px;}
    .reser-wrap .info-section .info1{padding-bottom: 60px;}
    .reser-wrap .info-section .info2 .refund-table{margin-bottom: 50px;}
    .reser-wrap .info-section .info2 .refund-table thead{width: 50%; float: left;}
    .reser-wrap .info-section .info2 .refund-table tbody{width: 50%; float: left;}
    .reser-wrap .info-section .info2 .refund-table tr{width: 100%}
    .reser-wrap .info-section .info2 .refund-table th{width: 100%; display: block; float: left;}
    .reser-wrap .info-section .info2 .refund-table td{width: 100%; display: block; float: left;}
    .reser-wrap .info-section .info2 .refund-table th, .reser-wrap .info-section .info2 .refund-table td{padding: 10px 0;}
    .reser-wrap .info-section .info2 .dot-list{margin-bottom: 20px;}
    .special-preview-section{padding-top: 50px;}
    .special-preview-section .txt-wrap{position: inherit; text-align: center; margin-bottom: 30px; width: 100%;}
    
    .special-preview-section .txt-wrap h2{font-size: 18px; margin-bottom: 20px;}
    .special-preview-section .txt-wrap p{font-size: 12px;}
    .special-preview-section .preview-img-wrap{width: 100%; margin-left: 0;}
    .special-preview-section .preview-img-wrap ol li{width: 100%; height: 100vw;}
    .special-preview-section .preview-img-wrap ol li:last-of-type{height: 68vw;}
    .special-preview-section .preview-img-wrap ol li .bg .hover-bg{opacity: 1; pointer-events: all; background-color: transparent;}
    .special-preview-section .preview-img-wrap ol li .bg .txt{top: auto; bottom: 15px;}
    .special-preview-section .preview-img-wrap ol li .bg .txt h2{font-size: 20px; margin-bottom: 15px;}
    .special-preview-section .preview-img-wrap ol li .bg .txt a{font-size: 14px; width: 175px;}
    .main-wrap .single-special-preview ol li h5{left: 15px;}
    .main-wrap .single-special-preview ol li:nth-of-type(2) h5{left: 15px;}


    .outtro-section .tit-wrap{padding-top: 60px; margin-bottom: 50px;}
    .outtro-section .tit-wrap h2{font-size: 16px; margin-bottom: 15px; line-height: 1.8;}
    .outtro-section .tit-wrap p{font-size: 12px;}

    .outtro-section .content-wrap li{width: 100%; float: none;}
    .outtro-section .content-wrap li .txt{padding-top: 25px; padding-bottom: 50px;}
    .outtro-section .content-wrap li .txt h2{margin-bottom: 20px;}
    .outtro-section .content-wrap li .txt p{margin-bottom: 15px;}
    .outtro-section .content-wrap{padding-bottom: 40px;}
    
    #colorbox, #cboxOverlay, #cboxWrapper{width: 100% !important; height: 100% !important;}
    #cboxTopLeft{margin-left: 9vw;}
    #cboxTopCenter{width: 72% !important;}
    #cboxMiddleLeft{height: 163px !important; margin-left: 9vw;}
    #cboxContent{height: 163px !important;  width: 72% !important;}
    #cboxLoadedContent{height: 163px;width: 100% !important;}
    #cboxLoadedContent img{width: 100% !important; height: auto !important;}
    #cboxMiddleRight{height: 163px !important;}
    #cboxBottomLeft{margin-left: 9vw;}
    #cboxBottomCenter{width: 72% !important;}
    
    #cboxClose{top: -44px; right: -36px !important; width: 25px !important; height: 25px !important;}
    #cboxNext{width: 30px !important; height: 30px !important; top: 43%;right: -44px !important;}
    #cboxPrevious{width: 30px !important; height: 30px !important; top: 43%;left: -44px !important;}
    
    .ft .ft-info .ft-logo{width: 105px; margin: 0 auto; margin-bottom: 25px;}
    .ft .ft-menu-wrap{display: none;}
    .ft .ft-info{text-align: center;}
    .ft .ft-btn-wrap{position: initial;}
    .ft .ft-info .ft-copyright span{display: block; margin-top: 5px;}
    .ft .ft-btn-wrap{text-align: center; padding-left: 0; border-left: 0;}
    .ft .ft-info .ft-txt{margin-bottom: 15px;}
    .ft .ft-info .ft-sns-wrap{margin-bottom: 15px;}
    .ft .ft-info .ft-sns-wrap li{display: inline-block; margin: 0 5px;}
    .ft .ft-info .ft-sns-wrap li img{width: 16px;}


    .pc-map{display: none;}
    .m-map{display: block;}
    .m-br{display: block;}
    
    .translate{display: none;}
    .translate_ft{display: block;color: #6c6c6c; font-size: 12px; letter-spacing: 1.1px; font-family: "S-core"; transform: skewX(0.03deg);border: 1px solid #6c6c6c; padding: 5px 20px; border-radius: 30px;width: 120px; margin: 0 auto; margin-bottom: 20px; margin-top: 40px;}
    .translate i{color: #6c6c6c; margin-right: 5px;}
}