/*===admincss _ hyoung =========================================================*/
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR|Quicksand&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600&family=Noto+Sans+KR:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Alex+Brush|Noto+Sans+KR|Quicksand|Rajdhani:400,600&display=swap');
@font-face { font-family: 'Arita-buri-SemiBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff'); font-weight: normal; font-style: normal; }


*{margin:0;padding:0;box-sizing:border-box;font-family: 'Noto Sans KR','Quicksand', sans-serif;font-size: 1.02em; font-weight:400; color:#4e4e4e; letter-spacing: -0.4px;}
*:lang(en) {font-family: 'Rajdhani', sans-serif;font-size:1.5em;font-weight:BOLD;}
body{width:100%;min-width:100%; height:auto;min-height:100vh;}
h1{font-size: 1.5em;}
h2{font-size: 1.3em;}
h3{font-size: 1.2em;}
.e_1{font-family: 'Alex Brush', cursive;}
.e_2{font-family: 'Quicksand', sans-serif;}
.e_3{font-family: 'Rajdhani', sans-serif;}
button {cursor:pointer;font-size:1em;}
em{font-style:normal}
a {text-decoration:none;outline:none}
span{display:inline-block}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	outline:none;
	-webkit-transition:* 2s;
    transition:* 2s;
}
li,ol{list-style:none;}

input[type=text],input[type=number],input[type=date],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding:0.8em;
width:70%;
margin-bottom:20px;
border: 1px solid #666
}
 
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus, textarea:focus,select:focus {
-webkit-box-shadow:  0 0 5px #252160;
-moz-box-shadow:  0 0 5px #252160;
box-shadow: 0 0 5px #252160;
border: 1px solid #666 !important;}

.w10{width:10%}
.w15{width:15%}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w35{width:35%}
.w40{width:40%}
.w45{width:45%}
.w50{width:50%}

.p_relative{position:relative}
.p_absolute{position:absolute;}
.p_fixed{position:fixed}

.dimmed{position:absolute;left:0;top:0;width:100%;bottom:0;background:rgba(0,0,0,0.2);}
.mobile_title{display:none;}

/*head*/

.top_wrap .logo{width:18%;text-align:center;display:inline-block;position:fixed;z-index:21;top:15px;left:41%;overflow:hidden;}
.top_wrap .logo a{display:inline-block;}
.top_wrap .logo img{width:100%;max-width:340px;}
.top_wrap .menu{cursor:pointer;width:12%;text-align:center;display:inline-block;position:fixed;z-index:20;top:15px;left:15px;line-height:60px;height:60px;background:url('./img/back1.jpg');}
.top_wrap .menu i{padding:0 8px; font-size: 1.2em;}
.top_wrap .close{width:12%;cursor:pointer;text-align:center;display:inline-block;position:fixed;z-index:21;top:15px;left:15px;line-height:60px;height:60px;background:url('./img/back1.jpg');}
.top_wrap .close i{padding:0 5px; font-size: 1.3em;}
.top_wrap .top_call{width:12%;overflow:hidden;color:#fff;font-size:0.8em;text-align:center;display:inline-block;position:fixed;z-index:20;top:88px;left:15px;line-height:60px;height:60px;background:#252160;}
.top_wrap .top_call:before{content:"";display:block;position:absolute;width: 100%;padding-bottom: 50%;background:url('./img/back1.jpg');opacity:0.3}
.top_wrap .top_call i{padding:0 7px; font-size: 1.5em; color:#fff;}
.top_wrap .top_call em{font-size: 1.4em; color:#fff;}

.top_right_btn{padding-top: 8px;width:100px;height:100px;text-align:center;display:inline-block;background:#252160;position:fixed;z-index:20;top:15px;right:15px;}
.top_right_btn img{width:36px; margin-top: 5px; margin-bottom: 4px;}
.top_right_btn p{color:#fff;font-weight:500;}

.sns_btn {display: inline-block; position: fixed; top: 15px; right: 130px; z-index: 20;}

.topmenu{padding:8.5% 5% 5% 8%;display:none;transition:display 1s;background:rgba(37,33,96,0.9);font-weight:600;font-size:0.9em;overflow:hidden;position: fixed;width: 100%;z-index: 20;}
.topmenu .top_menu{padding-top:2%;border-top:1px solid #eee;width:80%;margin:0 auto;}
.topmenu .top_menu .menu_wrap1 > li{display:inline-block;width:18%;vertical-align:top}
.topmenu .top_menu .menu_wrap1 > li:nth-of-type(2) {width: 24%;}
.topmenu .top_menu li span{color:#ccc;font-size:0.9em;padding:15px 0;display:inline-block}
.topmenu .top_menu li a{color:#fff;transition: opacity, color 1s;padding:10px 0;display:inline-block}
.topmenu .top_menu li a:hover{opacity:0.6;color:#252160}

.scroll{transform: rotate(-90deg);color:#fff;bottom:-12%;position:absolute;letter-spacing:0.5em;font-size:0.8em;font-weight:700;text-shadow:0 0 2px rgba(0,0,0,0.2);display:inline-block;cursor:pointer;left:-1%;}
.height100{width:100%;height:100vh;background-attachment: fixed;background-size:cover;background-repeat:no-repeat}
.height60{position: relative; width:100%;height:60vh;background-attachment: fixed;background-size:cover;background-repeat:no-repeat}
.main2{background:url('./img/back2.jpg')center center no-repeat;background-size:cover;text-align:center;padding:5%;/*font-size:2em;*/}
.main2 .main_about {font-size: 1.2em; line-height: 1.5em; margin-top: 30px; word-break: keep-all;}

.maintitle_1{top:40%;color:#fff;left:50%;text-align: center;}
.maintitle_1 img{width: 90%;}
.maintitle_1 p:first-child{color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3);font-size:4.2em;font-weight:700;}
/*.maintitle_1 p:last-child{color:#fff;text-shadow:0 0 1px rgba(0,0,0,0.3);font-size: 2.5em;font-weight:700;margin-top:12px;}*/
.maintitle_1 p span{padding:6px 11px;font-size: 0.5em;border:1px solid #fff;border-radius:50%;color:#fff;margin-right: 11px;}


.videowrap {
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.video_btn {top: 74%; left: 50%; transform: translateX(-50%); z-index: 10;}


.main_about p{line-height:1.5em;font-size:0.6em !important;}
.main3{text-align:center;padding:5%;}
.main3 h2{display:inline-block;;overflow:hidden;margin-bottom:10px;}
.main3 h2 span{display:block;font-size: 2.4em;}
.main3 h2 img{width:70px;margin-bottom:20px;}
.main3 .main_special{width:100%;margin:3% auto;overflow:hidden;}
.main3 .main_special li{position:relative;overflow:hidden;text-align:center;vertical-align:middle;color:#fff;display:inline-block;margin-bottom:0.5vh;width:49.7%;margin-right:0.3%;float:left;height:25vw;}
/*.main3 .main_special a:nth-child(3) li,.main3 .main_special a:nth-child(6) li{margin-right:0%;}*/
.main3 .main_special li span{display:block; color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.6);font-size:1.5em; font-weight: 500;}
.main3 .main_special li .p_absolute{z-index: 2; top: 40%;left: 0;right: 0;}
.main3 .main_special li .main_special_btn{margin-top:1vw;text-align:left;display: inline-block;font-size:0.7em;font-weight:400;padding-bottom:5px;}
.main3 .main_special li .main_special_btn:after{display: inline-block;content:"";transition:width 1s;height:1px;background:#fff;width:0%;}
.main3 .special_dimmed{position:absolute;left:0;top:0;width:100%;padding-bottom:57vh;transition:opacity 1s;opacity:1;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)95%);}
.main3 .main_special li:hover .special_dimmed{opacity:0.2;}
.main3 .main_special li:hover .main_special_btn:after{width:100%}
.main4{overflow:hidden;color:#fff;text-shadow:0 0 2px rgba(0,0,0,0.8)}
.main4 .p_absolute{z-index: 2;font-size:1.3em;padding:20vh 10vw;width:60vw;transition:opacity 2s;opacity:0;}
.main4 .slick-slide.slick-active .p_absolute{opacity:1;}
.main4 .p_absolute span , .main4 .p_absolute a{display:block; font-weight: 300; color:#fff;text-shadow:0 0 4px rgba(0,0,0,1);}

.main4 .room_dimmed{position:absolute;opacity:1;left:0;top:0;width:100%;height:100vh;z-index:1;background:rgba(33,33,33,0.115);}
.main4 .main_room_num{font-size:3em;color:#fff;font-weight: 300;margin-bottom:8vh;text-shadow:0 0 0px rgba(0,0,0,0.8)}
.main4 .main_room_type{font-size:0.7em;margin:24px 0;}
.main4 .main_room_type:before{content:"";margin-bottom:24px;display:block;width:40px;height:1px;background:#fff;}
.main4 .main_room_title{font-size: 1.3em; font-weight: 700 !important; margin-bottom:16px;}

.main4 .p_absolute a{margin-top:11vh;display: inline-block;font-size:0.8em;font-weight:400;padding-bottom:5px;}
.main4 .p_absolute a:after{display: inline-block;content:"";transition:width 1s;height:1px;background:#fff;width:0%;}
.main4 .p_absolute a:hover:after{width:100%;}
.main4 .room_bottom_btn{bottom:5em;right:20px;}
.main4 .main_room_btn div span{color:#fff;}
.main4 .main_room_btn div{display:inline-block;margin-right:20px; font-size: 0.6em;}
.main4 .main_room_btn{z-index:1;position:absolute;top: 60px;right: 40px;}

.main4 .slick-dots{display: none !important; z-index:10;position:absolute;top:96px;width:21.3em;display:inline-block;left:auto;right:59px;border-top:0px solid #fff}
.main4 .slick-dots li button{font-size:0em;width:9.09%;display:inline-block;height: 50px;border:1px solid transparent;right:auto;margin-top:-11.75%}
.main4 .slick-dots li{display:inline-block;height:1px;width:9.09%;float: left;box-shadow:0 0 0px #fff;transition:background 1s;}
.main4 .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background: transparent;}
.main4 .slick-dots li.slick-active button{color:transparent}
.main4 .slick-dots li.slick-active {background:#fff}
.main4 .slick-dots li.slick-active:after {content:"";display:none;}
.main4 .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:-30%;right:71px;font-size:0em;color:#fff}
.main5{background:#d9d9d9;padding: 0 20% 7%;}
.main5 .main_etc3,.main5 .main_etc2{width:90%;margin:20px auto}
.main5 .main_etc1{display:inline-block;text-align:center;background:#252160;padding:20px 15px;font-size:1.2em}
.main5 .main_etc1 img{width:90px;}
.main5 .main_etc1 h2{color:#fff}
.main5 .main_etc1 h2 span {color:#fff}
.main5 .main_etc2{color:rgba(20,48,11,1);}

.main5 .slick-prev,.main5 .slick-next{text-shadow: 0 0 0px #000;z-index:19;width: 80px;height: 80px;font-size:0em;padding:20px 0;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;padding:20px 0;border-bottom: 0px solid #fff;border-top: 0px solid #fff;border-right: 0px solid transparent;border-left: 0px solid transparent;cursor: pointer;outline: none;color: #fff;background:#252160;}
.main5 .slick-prev{top:auto;left:auto;bottom:82px;right:-85px}
.main5 .slick-next{top:auto;left:auto;bottom:0px;right:-85px}
.main5 .slick-next:before{content:">";display:inline-block;color:#fff;font-size:25px;width:100%;}
.main5 .slick-prev:before{content:"<";display:inline-block;color:#fff;font-size:25px;width:100%;}
.main5 .slick-dots{z-index:10;position:absolute;bottom:-4%;width:100%;display:block;list-style: none;left:0;border-top:1px solid #252160}
.main5 .slick-dots li button{color:transparent;position:absolute;margin-top:0%;right:131px;font-size:1.4em;background:transparent;border:1px solid transparent;}
.main5 .slick-dots li{display:inline-block;height:1px;width:10%;float: left;box-shadow:0 0 2px #252160;background: #252160;}
.main5 .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background: transparent;}
.main5 .slick-dots li.slick-active button{color:transparent}
.main5 .slick-dots li.slick-active:after {content:"";display:inline-block;margin-left:10%;width:5px;height:5px;border-radius:5px;margin-top:-3px;box-shadow:0 0 5px #252160;background: #252160;position: absolute;}
.main5 .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:0;right:71px;font-size:0em;color:#fff}

/*sub*/
.title .height100 .p_absolute{top: 50%; transform: translateY(-50%); left:0;right:0;font-size:1.8em;text-align:center;}
.title .height60 .p_absolute{top: 50%; transform: translateY(-50%); left:0;right:0;font-size:1.8em;text-align:center;}
/*.title .height100 .p_absolute{margin:22% auto;left:0;right:0;font-size:1.8em;text-align:center;}
.title .height60 .p_absolute{margin:12% auto;left:0;right:0;font-size:1.8em;text-align:center;}*/
.title .height100 .p_absolute p,.title .height100 .p_absolute h3,.title .height60 .p_absolute p,.title .height60 .p_absolute h3{color:#fff;margin-bottom:20px;text-shadow:0 0 20px rgba(0,0,0,0.4)}
.title .height100 .bg_black {height: 100%; background-color: rgba(0,0,0,0.12);}

.sub_wrap_left{margin-top:-2.5vw;overflow:hidden;padding-bottom:13vw;}
.sub_wrap_left .content_wrap1{width:90%;overflow:hidden;padding:4vw 3vw 12vw 10%;background:#252160;}
.sub_wrap_left .content_wrap1 h3{color: #fff;font-size: 1.2em;font-weight: 500;display:inline-block;width:25%;float:left}
.sub_wrap_left .content_wrap1 h3 em{color:#fff}
.sub_wrap_left .content_wrap1 .content_wrap{display:inline-block;width:75%;float:left; line-height: 1.5em;}
.sub_wrap_left .content_wrap1 .content_wrap.about {color: #fff; word-break: keep-all;}
.sub_wrap_left .content_wrap1 .content_wrap.about h2,.sub_wrap_left .content_wrap1 .content_wrap.about p:nth-child(1),.sub_wrap_left .content_wrap1 .content_wrap.about p:nth-child(3){display:none}
.sub_wrap_left .content_wrap1 .content_wrap p {color:#fff;margin-bottom: 15px;}
.sub_wrap_left .content_wrap2{width:80%;padding:0;margin-left:10%;margin-top:-9vw}
.content_wrap2 .slick-prev,.content_wrap2 .slick-next{text-shadow: 0 0 0px #000;z-index:19;width: 80px;height: 80px;font-size:0em;padding:20px 0;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;padding:20px 0;border-bottom: 0px solid #fff;border-top: 0px solid #fff;border-right: 0px solid transparent;border-left: 0px solid transparent;cursor: pointer;outline: none;color: #fff;background:#252160;}
.content_wrap2 .slick-prev{top:auto;left:auto;bottom:82px;right:-85px}
.content_wrap2 .slick-next{top:auto;left:auto;bottom:0px;right:-85px}
.content_wrap2 .slick-next:before{content:">";display:inline-block;color:#fff;font-size:25px;width:100%;}
.content_wrap2 .slick-prev:before{content:"<";display:inline-block;color:#fff;font-size:25px;width:100%;}
.content_wrap2 .slick-dots{z-index:10;position:absolute;bottom:-4%;width:100%;display:block;list-style: none;left:0;border-top:1px solid #252160}
.content_wrap2 .slick-dots li button{color:transparent;position:absolute;margin-top:0%;right:131px;font-size:1.4em;background:transparent;border:1px solid transparent;}
.content_wrap2 .slick-dots li{display:inline-block;height:1px;width:3.57%;float: left;box-shadow:0 0 2px #252160;background: #252160;}
.content_wrap2 .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background: transparent;}
.content_wrap2 .slick-dots li.slick-active button{color:transparent}
.content_wrap2 .slick-dots li.slick-active:after {content:"";display:inline-block;margin-left:3.57%;width:5px;height:5px;border-radius:5px;margin-top:-3px;box-shadow:0 0 5px #252160;background: #252160;position: absolute;}
.content_wrap2 .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:0;right:71px;font-size:0em;color:#fff}
.sub_wrap_left .content_wrap1 .content_wrap p em,.sub_wrap_left .content_wrap1 .content_wrap p a{color:#fff;margin-right:10px;}
.sub_wrap_left.backgray .content_wrap1{background:#eee}

.sub_wrap_left.backgray .content_wrap1 h3{color: #4e4e4e;font-size: 1.2em;font-weight: 700;display:inline-block;width:25%;float:left}
.sub_wrap_left.backgray .content_wrap1 h3 em, .sub_wrap_left.backgray .content_wrap1 .content_wrap p,.sub_wrap_left.backgray .content_wrap1 .content_wrap p em{color:#4e4e4e}
.roomli2{width:80%;}
.roomli2 li{width:50%;float:left;padding-right:15px;}
.roomli2 li img{width:100%}
.nonepadding{margin-top:25px}
.roomwrap .sub_wrap_left:nth-child(even) .content_wrap1{margin-left:10%;background:rgba(37,33,96,0.1)}
.roomwrap .sub_wrap_left.backgray .content_wrap2 a{margin-top:5em;text-align:left;display: inline-block;padding:15px 30px 5px;}
.roomwrap .sub_wrap_left.backgray .content_wrap2 a:after{display: inline-block;content:"";transition:width 1s;height:1px;background:#4e4e4e;width:0%;}
.roomwrap .sub_wrap_left.backgray .content_wrap2 a:hover:after{width:100%}

.roomslide .slick-dots{z-index:10;position:absolute;bottom:4%;width:auto;display:inline-block;list-style:none;left:auto;right:200px;border-top:0px solid #fff}
.roomslide .slick-dots li button{color:transparent;position:absolute;margin-top:-4.75%;right:131px;font-size:1.4em;background:transparent;border:1px solid transparent;}
.roomslide .slick-dots li{display:inline-block;transition:transform 1s;height:40px;margin-right:20px;width:2px;cursor:pointer;float: none;box-shadow:0 0 0px #fff;background: #fff;}
.roomslide .slick-dots li.slick-active{transform: skew(20deg, -30deg);}
.roomslide .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background:#fff;}
.roomslide .slick-dots li.slick-active button{color:transparent;}
.roomslide .slick-dots li.slick-active:after {content:"";display:none;}
.roomslide .slick-dots:after{content:"";display:inline-block;position:absolute;margin-top:0;right:71px;font-size:0;color:#fff}
.roomslide .slick-prev,.roomslide .slick-next{text-shadow: 0 0 0px #000;z-index:19;width:50px;height:50px;border-radius:50%;font-size:0em;padding:0;line-height:50px;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;border:2px solid #fff;cursor: pointer;outline: none;color: #fff;background:transparent;}
.roomslide .slick-prev{top:auto;left:auto;bottom:4%;right:80px}
.roomslide .slick-next{top:auto;left:auto;bottom:4%;right:20px}
.roomslide .slick-next:before{content:">";display:inline-block;color:#fff; font-family: 'Cinzel'; font-size:30px;width:100%;}
.roomslide .slick-prev:before{content:"<";display:inline-block;color:#fff; font-family: 'Cinzel'; font-size:30px;width:100%;}

.roomdetail .sub_wrap_left.backgray{margin-top: 0vw;}


.roomdetail .content_wrap2{padding:5vw 0 0 0;background:#fff}
.roomdetail .r_sub_title{display:block;margin-top:10px; font-weight: 700;}

.roomdetail .res_btn{text-align:right}
.roomdetail .res_btn a{display:inline-block;padding:20px 40px;font-size:0.9em;border:1px solid #4e4e4e;}
.roomdetail .li4{width:80%;margin:0 auto;overflow:hidden;}
.roomdetail .li4 li{position:relative;overflow:hidden;text-align:center;vertical-align:middle;color:#fff;display:inline-block;margin-bottom:0.5vh;width:24.5%;margin-right:0.5%;float:left;height:15vw;}
.roomdetail .li4 a:nth-child(4) li{margin-right:0%;}
.roomdetail .li4 li span{color:#fff;display:block;text-shadow:0 0 2px rgba(0,0,0,0.6);font-size:1.2em; word-break: keep-all;}
.roomdetail .li4 li .p_absolute{width: 80%; top: 36%; left: 50%; right: 0; transform: translateX(-50%); z-index: 2;}
.roomdetail .li4 li .main_special_btn{margin-top:1vw;text-align:left;display: inline-block;font-size:0.7em;font-weight:400;padding-bottom:5px;}
.roomdetail .li4 li .main_special_btn:after{display: inline-block;content:"";transition:width 1s;height:1px;background:#fff;width:0%;}
.roomdetail .special_dimmed{position:absolute;left:0;top:0;width:100%;padding-bottom:57vh;transition:opacity 1s;opacity:1;background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)95%);}
.roomdetail .li4 li:hover .special_dimmed{opacity:0.2;}
.roomdetail .li4 li:hover .main_special_btn:after{width:100%}
.bottom_border{margin-top:3vw;height:2vw;width:100%;border:1px solid #eee;border-top:0px;}

.sub_wrap_left.backgray1{margin-top:0}
.sub_wrap_left.backgray1 .content_wrap1{background:#fff;padding: 4vw 3vw 9vw 10%;}
.reservationbtn{text-align:center;}
.reservationbtn a{display: inline-block;margin-right:1.5vw;position:relative}
.reservationbtn a.on{font-weight:600;color:#252160}
.reservationbtn a:last-child{margin-right:0;margin-left:1.5vw;}
.reservationbtn a:last-child:before{display: inline-block;content:"|";position:absolute;left:-1.5vw}
.reservationbtn a:after{display: inline-block;content:"";transition:background 1s;height:1px;background:#fff;width:100%;}
.reservationbtn a:hover:after{background:#4e4e4e;}

.reservation_wrap{overflow:hidden;margin-bottom:2vw;width:60%;margin:0 auto;}
.reservation_wrap .subtitle{padding:1.5vw 0;border-bottom:1px dashed #252160;color:#252160;}
.reservation_wrap .subtitle span{padding:8px 12px;background:#252160;color:#fff;font-size:0.8em;margin-right:20px;}
.reservation_wrap .content_wrap{padding:1.5vw 0;}
.reservation_wrap .content_wrap p{line-height:1.3em;}
#reserveframe{width:100%;min-height:300vh}

.travelwrap .sub_wrap_left:nth-child(odd) .content_wrap1{background:#252160;}
.travelwrap .sub_wrap_left:nth-child(odd) .content_wrap1 h3{color:#fff}
.travelwrap .sub_wrap_left .content_wrap1 h3{font-size:2.2em;}
.travelwrap .sub_wrap_left:nth-child(even) .content_wrap1{margin-left:10%;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap{overflow:hidden;background:#fff;width:100%;padding:5vw 10vw;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li{overflow:hidden; width: 100%; text-align: center;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li .travel_img{display: inline-block; width:49.7%;padding:5px;/*float:left;*/}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li .travel_img img{width:100%}
.travelwrap .sub_wrap_left .content_wrap2 h3{font-size:2.2em;text-align:center;margin-bottom:15px;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:first-child p{font-size:0.7em;margin-bottom:4.3vw;text-align:center;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child p{line-height:1.5em;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line{margin:2vw 0;text-align:center}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line span{width:50px;height:1px;background:#aaa;display:inline-block;}
 
#popup{position:fixed;display:none;top:10%;left:12%;max-width:500px;z-index:30;}
.popupxwrap{overflow:hidden;display:block;}
#popup .popupx{float:right;display:inline-block;cursor:pointer;padding:8px 12px;background:#fff;border:1px solid #252160;color:#252160;box-shadow:0 0 2px rgba(0,0,0,0.3) }
.popupx i{color:#252160;}
.popupwrap .popup_list{display:none}
.popupwrap .popup_list.active{display:inline-block}
.popupwrap .popup_list .popup_img{width:100%;max-width:500px;overflow:hidden;}
.popupwrap .popup_btn span{height: 4em;text-align:center;padding:12px 8px;cursor:pointer;background:#fff;font-size:0.8em;border:1px solid #252160;color:#252160;display:inline-block;float:left; overflow: hidden; text-overflow: ellipsis;
            display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.popupwrap .popup_btn span.active{background:#252160;color:#fff;}

/* 이용안내 */
	.guide_table {line-height: 1.6em;font-size:0.88em;}
	.guide_table h4, .guide_table h5 {color:#ff8c94; font-size:1.2em;}
	.guide_table .guide_txt {margin-bottom: 1em}
	.guide_table .guide_top_txt {margin-bottom: 1em}
	.guide_table .guide_top_txt strong {color:red}
	.guide_table .guide_point {color:red}
	.guide_table table {border:1px solid #ddd;width: 100%;text-align: center;}
	.guide_table table tr th {border-bottom:1px solid #ddd; border-right:1px solid #ddd ; background: #e7e7e7; font-weight: 400; padding: 0.5em ;color:#000}
	.guide_table table tr td {padding: 0.5em;border-right: 1px solid #ddd;border-bottom:1px solid #ddd}
	.guide_table ul li {list-style:square; margin-left: 2em; line-height: 1.4em; margin-bottom: 10px;}
	.guide_table .time {font-size:1.2em;font-weight: 500; color: #ff8c94;}
	.guide_table .time2 {font-size:1.2em;font-weight: 500;padding-bottom:1em;margin-bottom:1em; color: #252160; border-bottom: 2px dashed #ddd;}
	.guide_table .text_ss {font-size:0.8em; font-weight: 500;padding-bottom: 10px}





.footer{padding:2% 5% 2%;background:#252160;font-size:0.8em;}
.footer .footer_menu_logo{display:inline-block;text-align:center;color:#fff;font-size:2em}
.footer .footer_menu{padding-left:15%;padding-bottom:2%; margin-top: -36px;border-bottom:1px solid #252160}
.footer .footer_menu .menu_wrap1 > li{display:inline-block;width:16%;vertical-align:top}
.footer .footer_menu li span{color:#fff;padding:10px 0;display:inline-block}
.footer .footer_menu li a{color:#aaa;transition: opacity, color 1s;padding:5px 0;display:inline-block}
.footer .footer_menu li a:hover{opacity:0.6;color:#252160}
.footer2{display:block;overflow:hidden;}
.footer .footer_info{padding:1% 0 0;font-size:0.95em;float:left;}
.footer .footer_info p:lang(en){font-weight:600;margin-bottom:5px;}
.footer .footer_info p{color:#aaa;line-height:1.4em;}
.footer .footer_info i{font-size:0.8em}
.footer .footer_info i,.footer .footer_info em{color:#aaa;margin:0 10px 0 0;}

.footer .footer_business{padding:1% 0 0 5%;font-size:0.95em;float:left;}
.footer .footer_business p:lang(en){font-weight:600;margin-bottom:5px;}
.footer .footer_business p{color:#aaa;line-height:1.4em;}
.footer .footer_business em{color:#aaa;margin:0 10px 0 0;}


.footer_reservation{padding:1% 0 0;font-size:0.95em;float:right;}
.footer_reservation p:lang(en){font-weight:600;margin-bottom:10px;color:#aaa;}
.footer_reservation p a{display:inline-block;padding:20px 40px;border:1px solid #aaa;color:#aaa}
.footer3{padding:15px 5%;font-size:0.6em;text-align:right;color:rgba(20,48,11,1);background:#252160}

.loading{background:#252160;display:none;position:fixed;top:0;bottom:0;left:0;width:100%;z-index:100;box-sizing:border-box;padding-top:20%;text-align:center;}
.loading .ld-icon{display:inline-block;}
.loading .ld-icon img{width:100px;-webkit-animation-name:loading-icon; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:4s; /* Safari 4.0 - 8.0 */
  animation-name:loading-icon;
  animation-duration: 4s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.loading .ld-bg{display:inline-block;overflow:hidden;color:#fff;font-size:2em;margin-top:25px;opacity:0;height:100px;-webkit-animation-name:loading-bar; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:10s; /* Safari 4.0 - 8.0 */
  animation-name:loading-bar;
  animation-duration: 10s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.loading .ld-bg em{font-size:0.8em;color:#fff;margin-top:20px;}
@-webkit-keyframes loading-bar{
   0% {opacity:0;}
   70% {opacity:1;}
   100% {opacity:1;}
}

@keyframes loading-bar{
   0% {opacity:0;}
   70% {opacity:1;}
   100% {opacity:1;}
}
@-webkit-keyframes loading-icon{
   0% {margin-top:0;}
   50% {margin-top:-20px;}
   100% {margin-top:0;}
}

@keyframes loading-icon{
   0% {margin-top:0;}
   50% {margin-top:-20px;}
   100% {margin-top:0;}
}


/*애니메이션*/
	.h_line{display:block;text-align:center;width:100%;height:120px}
	.h_line span{width:1px;transition:padding-bottom 1s;background:#4e4e4e;display:inline-block}
	.h_line.on span{padding-bottom:120px;}

	.opacityAni{opacity:0;transition:opacity 1s;}
	.opacityAni.on{opacity:1;}

	.op1{opacity:0;
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
	.op2{opacity:0;
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out;-webkit-animation-delay:1s; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out;animation-delay:1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}
	.op3{opacity:0; 
	-webkit-animation: event_ani1 1s; /* Chrome, Safari, Opera */ 
	-webkit-animation-timing-function: ease-in-out;-webkit-animation-delay:2s; 
	animation: event_ani1 1s;
	animation-timing-function: ease-in-out;animation-delay:2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;}



	@-webkit-keyframes event_ani1{
	from{}
	to{opacity:1}
	}
	/* Standard syntax */
	@keyframes event_ani1{
	from{}
	to{opacity:1}
	}






@media (max-width:1500px) {
.top_wrap .close{width:12%}
.top_wrap .menu{width:12%}
.top_wrap .top_call{width:12%}
/* .top_wrap .menu em,.top_wrap .top_call em,.top_right_btn p:last-child,.top_wrap .close em {display:none;}
 */
}

@media (max-width:1000px) {
*{font-size: 1.04em;}
.top_wrap .logo{width:32%;left: 34%;}
.top_wrap .close i{padding:0 5px;}
.top_wrap .close{height:auto;line-height:4em;}
.top_wrap .menu{line-height:2.5em;font-size:2em;height:auto; line-height: 2.2em;}
.top_wrap .top_call{line-height:2.2em;font-size:2em;height:auto;top:3em;}
.top_wrap .top_call:before{padding-bottom:120%;}
.top_wrap .top_call i{padding:0 5px;color:#fff;}
.top_wrap .menu em,.top_wrap .top_call em,.top_wrap .close em {display:none;}
/*.scroll_wrap,.maintitle_1{display:none;}*/
.maintitle_1 {top: 11%;}
.maintitle_1 img {width: 80%;}
.top_right_btn{width:14%;height:auto;}
.top_right_btn p{line-height:auto;}
.top_right_btn img{width:2.2em;margin-top: 4px;margin-bottom: 4px;}
.top_right_btn p:last-child {font-size:1em; padding-bottom: 8px;}
.topmenu{top:0;left:0;bottom:0;height:100vh;padding: 4em 5% 5% 5%; overflow-y: auto !important;}
.topmenu .top_menu {width: 100%; border-top: 0px solid #eee; padding-top: 10%;}
.topmenu .top_menu .menu_wrap1 > li{display:block;width:100%;margin-bottom:20px;}
.topmenu .top_menu .menu_wrap1 > li:nth-of-type(2) {width: 100%}
.topmenu .top_menu li span{color:#ccc;font-size:0.9em;padding:8px 0;display:inline-block;border-bottom:1px solid #ccc;}
.topmenu .top_menu li{display:inline-block;margin-right:20px;}
.top_wrap .top_call i {font-size: 1em;}

    .scroll {bottom: 18%;}

.footer .footer_menu_logo,.footer .footer_menu{display:none;font-size:9px;}
.footer2{display:block;overflow:hidden;font-size:9px;}
.footer .footer_info{padding:1% 0 0;font-size:9px;float:inherit;}
.footer .footer_info p:lang(en){font-weight:600;margin-bottom:5px;}
.footer .footer_info p{color:#aaa;line-height:1.4em;}
.footer .footer_info i{font-size:0.8em}
.footer .footer_info i,.footer .footer_info em{ color:#aaa;margin:0 10px 0 0;}
.footer .footer_info i {font-size: 1.2em;}
.footer .footer_business{padding:1% 0 0 0;font-size:9px;}
.footer_reservation p:lang(en){display:none}
.footer_reservation p a{padding:12px 40px;}
.footer3{padding:10px 5%;font-size:0.8em;}

.height100{height:100vh;background-attachment: initial;}
.height90{height:90vh;background-attachment: initial;position: relative;}
.height60{height:56vw;background-attachment: initial;}
.m_height40{position: relative; height:40vh;background-attachment: initial;}
.height25{height:30vh;background-attachment: initial;}


.main2{position:relative;font-size:1.3em;padding:8% 5%}
.main_about p{line-height:1.5em;font-size:0.8em !important;}


.main3{padding:30% 2% 5%;}
.main3 h2{display:inline-block;overflow:inherit;}
.main3 h2 span{display:block;font-size: 2.4em;margin-bottom:15px;}
.main3 .main_special{margin:10% auto;}
.main3 .main_special li{width:49.5%; height: 40vw; margin-right:1%;margin-bottom:1%;}
.main3 .main_special a:nth-child(3) li,.main3 .main_special a:nth-child(6) li{margin-right:1%;}
.main3 .main_special a:nth-child(even) li{margin-right:0%;}
.main3 .main_special li span{font-size:1em;}
.mobile_title{display:block;text-align:center;}
.mobile_title h2{font-size:2em;margin-bottom:15px;}
.mobile_title p{font-size:0.9em;color:#aaa}
.main4{overflow:inherit;margin-top:10vw;text-shadow: 0 0 2px rgba(0,0,0,0);}
.main4 .p_absolute{padding:18vw 8vw 0;width:100%;font-size:0.84em;}
.main4 .p_absolute .main_room_num{font-size:3em;color:#fff;font-weight: bold;margin-bottom:30px;text-shadow:0 0 0px rgba(0,0,0,0)}
.main4 .p_absolute .main_room_title{margin-bottom:0px;}
.main4 .main_room_type{font-size:0em;margin-top:0px;display: none !important;}
.main4 .main_room_type:before{width:0px;height:0px;background:#fff;}
.main4 .p_absolute a{margin-top:0px;}
.main4 .p_absolute a:after{transition:color 1s;height:1px;background:transparent;width:100%;}
.main4 .p_absolute a:hover:after{color:#fff;}

.main4 .main_room_btn div span{color:#4e4e4e;}
.main4 .main_room_btn div{display:inline-block;margin-right:0px;text-align:center;width:25%;float:left;}
.main4 .main_room_btn{bottom:auto;top:-11vw;right:10%;width:80%;}

.main4 .room_dimmed {height: 40vh; background: rgba(33, 33, 33, 0.5)}
    
.main4 .slick-dots{bottom:auto;top:-6vw;width:80%;display:block;left:10%;right:0;border-top:0px solid #4e4e4e}
.main4 .slick-dots li.slick-active {background:#aaa}



.main5{padding: 0 10% 10%;}
.main5 .main_etc3,.main5 .main_etc2{width:100%;}
.main5 .slick-prev,.main5 .slick-next{width:60px;height:60px;padding:0px 0;}
.main5 .slick-prev{top:auto;left:auto;bottom:62px;right:-62px}
.main5 .slick-next{top:auto;left:auto;bottom:0px;right:-62px}


.title .height100 .p_absolute{/*margin:22% auto;*/left:0;right:0;font-size:1em;text-align:center;}
.title .height100 .p_absolute img {width: 50%;}
.title .height60 .p_absolute{/*margin:22% auto;*/left:0;right:0;font-size:1em;text-align:center;}
.title .height100 .p_absolute p,.title .height100 .p_absolute h3,.title .height60 .p_absolute p,.title .height60 .p_absolute h3{color:#fff;margin-bottom:15px;text-shadow:0 0 20px rgba(0,0,0,0.4)}

.sub_wrap_left {padding-bottom: 20vw;}
.sub_wrap_left .content_wrap1{width:98%;padding:6vw 5vw 15vw 5%;}
.sub_wrap_left .content_wrap1 h3{display:block;width:100%;float:inherit;font-size:1.4em;margin-bottom:30px;}
.sub_wrap_left .content_wrap1 .content_wrap,.sub_wrap_left.backgray .content_wrap1 .content_wrap{display:block;width:100%;float:inherit;font-size:0.82em;}
.sub_wrap_left .content_wrap1 .content_wrap p,.sub_wrap_left.backgray .content_wrap1 .content_wrap p{ margin-bottom: 0px;}

.sub_wrap_left .content_wrap2{width:96%;padding:0;margin-left:2%;margin-top:-9vw}
.sub_wrap_left.backgray .content_wrap1 h3{display:block;width:100%;float:inherit;margin-bottom:30px;}

.content_wrap2 .slick-prev,.content_wrap2 .slick-next{width:50px;height:50px;font-size:0em;padding:0}
.content_wrap2 .slick-prev{top:auto;left:auto;bottom:0px;right:52px}
.content_wrap2 .slick-next{top:auto;left:auto;bottom:0px;right:0px}
.content_wrap2 .slick-next:before{content:">";display:inline-block;color:#fff;font-size:25px;width:100%;}
.content_wrap2 .slick-prev:before{content:"<";display:inline-block;color:#fff;font-size:25px;width:100%;}

.roomwrap .sub_wrap_left:nth-child(even) .content_wrap1{margin-left:2%;background:rgba(37,33,96,0.1)}
.previewwrap .sub_wrap_left .content_wrap a{display:inline-block;margin-right:15px;}
.previewwrap .sub_wrap_left.backgray .content_wrap1 .content_wrap{display:block;width:100%;float:inherit;font-size:0.8em;}
.previewwrap .roomwrap .sub_wrap_left.backgray .content_wrap2 a {
    margin-top:0em;
    text-align: right;
    padding: 15px 0px 5px;
	float:right;
	font-weight:500;
}

.previewwrap .roomwrap .sub_wrap_left.backgray .content_wrap2 a:after {

    transition:background 1s;
    height: 1px;
    background: #fff;
    width: 100%;
}
.previewwrap .roomwrap .sub_wrap_left.backgray .content_wrap2 a:hover:after {
 background: #4e4e4e;
    width: 100%;
}
.previewwrap .sub_wrap_left.backgray .content_wrap1 .content_wrap p:last-child{display:none}
.roomli2{width:100%;}
.roomli2 li{width:50%;float:left;padding-right:8px;}
.roomli2 li:nth-child(2){padding-right:0px;padding-left:8px;}

.roomslide .slick-dots{z-index:10;position:absolute;bottom:-43px;width:90%;display:block;left:5%;right:0px}
.roomslide .slick-dots li button{margin-top:0%;right:0;font-size:1.4em;background:transparent;border:1px solid transparent;}
.roomslide .slick-dots li{display:inline-block;transition:transform 1s;height:20px;margin-right:15px;width:1px;cursor:pointer;float: none;box-shadow:0 0 0px #fff;background:#252160;}
.roomslide .slick-dots li.slick-active{transform: skew(20deg, -30deg);}
.roomslide .slick-dots li.slick-active ~ li{box-shadow:0 0 0px transparent;background:#252160}
.roomslide .slick-dots li.slick-active button{color:transparent;}
.roomslide .slick-dots li.slick-active:after {content:"";display:none;}
.roomslide .slick-dots:after{margin-top:0;right:auto;color:#252160}


.roomslide .slick-prev,.roomslide .slick-next{border:0px solid #fff;width:50px;height:50px;font-size:0em;border-radius:0;padding:0;background:#252160}
.roomslide .slick-prev{top:auto;left:auto;bottom:-51px;right:53px}
.roomslide .slick-next{top:auto;left:auto;bottom:-51px;right:0px}
.roomslide .slick-next:before{content:">";display:inline-block;color:#fff;font-size:25px;width:100%;}
.roomslide .slick-prev:before{content:"<";display:inline-block;color:#fff;font-size:25px;width:100%;}




.roomdetail .sub_wrap_left.backgray{margin-top:12vw;}
.roomdetail .sub_wrap_left .content_wrap1 { width: 98%;padding:12vw 3vw 16vw 5%;}
.roomdetail .sub_wrap_left .content_wrap1 h3,.roomdetail .sub_wrap_left .content_wrap1 h3 em{color:#252160;}
.roomdetail .sub_wrap_left .content_wrap1 h3:after{content:"-";display:block;font-size:2em;font-weight:200}
.roomdetail .sub_wrap_left .content_wrap1 .content_wrap{font-size:0.8em;}
.roomdetail .content_wrap2{padding:12vw 0 0 0;background:#fff}
.roomdetail .res_btn{text-align:right}
.roomdetail .res_btn a{margin-top:12vw;padding:12px 40px;font-size:0.82em;}
.roomdetail .li4 li{vertical-align:middle;display:block;margin-bottom:0.5vh;width:100%;margin-right:0%;float:inherit;height:35vw;}


.reservation_wrap{width:100%;margin:0 auto;}
.reservation_wrap .content_wrap{padding:5vw 0 5vw;font-size:0.8em}
.reservation_wrap .content_wrap p{line-height:1.3em;}
#reserveframe{min-height:180vh}

.travelwrap .sub_wrap_left .content_wrap1{padding: 8vw 3vw 12vw 2%;}
.travelwrap .sub_wrap_left .content_wrap1 h3{font-size:2em;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap{overflow:hidden;background:#fff;width:100%;padding:5vw 5vw;}
.travelwrap .sub_wrap_left .content_wrap2 ul.travel_wrap li .travel_img{width:49.2%;}
.travelwrap .sub_wrap_left .content_wrap2 h3{padding: 20px;font-size:1.6em;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:first-child p{font-size:0.7em;margin-bottom:4.3vw;text-align:center;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child p{line-height:1.5em;font-size:0.8em;}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line{margin:2vw 0;text-align:center}
.travelwrap .sub_wrap_left .content_wrap2 .travel_wrap li:last-child .travel_line span{width:50px;height:1px;background:#aaa;display:inline-block;}
 



}
@media (max-width:700px) {
.main2 .main_about {font-size: 16px; line-height: 24px;;}
.main5{padding: 0 15px 10%;}
.main5 .main_etc3,.main5 .main_etc2{width:100%;}
.main5 .main_etc1{font-size:1em}
.main5 .main_etc1 img{width:80px;}
.main5 .main_etc2{display:none}

.main5 .slick-prev,.main5 .slick-next{text-shadow: 0 0 0px #000;z-index:19;width:50px;height:50px;font-size:0em;padding: 0;display:inline-block;text-transform:uppercase; word-wrap: break-word;position: absolute;padding:0 0;border-bottom: 0px solid #fff;border-top: 0px solid #fff;border-right: 0px solid transparent;border-left: 0px solid transparent;cursor: pointer;outline: none;color: #fff;background:#252160;}
.main5 .slick-prev{top:-70px;left:auto;bottom:auto;right:55px}
.main5 .slick-next{top:-70px;left:auto;bottom:auto;right:0}
.videowrap {
    object-position: 50%;
}
}