@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */
@import "https://use.fontawesome.com/releases/v5.0.6/css/all.css"; /* Font awesome */

/* 
   WEB FONT (CDN server)
   NanumBarunGothic, Nanum Myeongjo, NanumSquare
*/

@import url(https://cdn.jsdelivr.net/font-nanumlight/1.0/nanumbarungothicweb.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);




@font-face {
	font-family:'Lato';
	font-weight:normal;
	src:url('../font/Lato.eot');
	src:url('../font/Lato.eot?#iefix') format('embedded-opentype'),
		url('../font/Lato.woff') format('woff');
}

@font-face {
	font-family:'Freight';
	font-weight:normal;
	src:url('../font/Freight.eot');
	src:url('../font/Freight.eot?#iefix') format('embedded-opentype'),
		url('../font/Freight.woff') format('woff');
}

@font-face {
	font-family:'Bickham';
	font-weight:normal;
	src:url('../font/Bickham.eot');
	src:url('../font/Bickham.eot?#iefix') format('embedded-opentype'),
		url('../font/Bickham.woff') format('woff');
}

@font-face {
	font-family:'GillSans';
	font-weight:normal;
	src:url('../font/GillSans.eot');
	src:url('../font/GillSans.eot?#iefix') format('embedded-opentype'),
		url('../font/GillSans.woff') format('woff');
}

@font-face {
	font-family:'Franklin';
	font-weight:normal;
	src:url('../font/Franklin.eot');
	src:url('../font/Franklin.eot?#iefix') format('embedded-opentype'),
		url('../font/Franklin.woff') format('woff');
}

@font-face {
	font-family:'Manhattan';
	font-weight:normal;
	src:url('../font/Manhattan-Regular.eot');
	src:url('../font/Manhattan-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/Manhattan-Regular.woff') format('woff');
}
/* Generated by Glyphter (http://www.glyphter.com) on  Thu Aug 30 2018*/
@font-face {
    font-family: 'Glyphter';
    src: url('../font/Glyphter.eot');
    src: url('../font/Glyphter.eot?#iefix') format('embedded-opentype'),
        url('../font/Glyphter.woff') format('woff'),
        url('../font/Glyphter.svg#Glyphter') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']:before {
    display: inline-block;
    font-family: 'Glyphter';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-aw_logo_svg:before {
    content: '\0042';
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
    font-size: 25px;
    color: #333;
}

/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 verdana, NanumBarunGothic; color:#333; }
div,header,section,article,aside,nav,ul,ol,li,p,a { box-sizing:border-box; }
a { text-decoration:none; color: inherit;}
ul,
h1, h2, h3, h4, h5, h6,
address, p { margin:0; padding:0; font-weight:400; font-size:inherit; }
strong { font-weight:normal; }
li { list-style-type:none; }
dl, dt, dd { margin:0; }
figure { margin:0; padding:0; }
caption { display:none; }
button { border:0; outline:0; padding:0; background-color:transparent; }
em, address, i { font-style:normal; }
img { max-width:100%; }
area { outline:0; }

/* layout */
body { background-color:#fff;  }

.freeze { overflow:hidden; }
.bg-mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:1100; background:rgba(0,0,0,0.6); }
.bg-mask.on { display:block; }
.mobile-only { display:none; }

.btn-scroll { position:absolute; bottom:30px; left:50%; z-index:1500; width:91px; height:133px; margin-left:-45px; background:url('../img/common/btn_scroll.png') 0 0 no-repeat; background-size:100%; -webkit-animation:up-down 2s infinite; -ms-animation:up-down 2s infinite; animation:up-down 2s infinite; }
.btn-top { position:fixed; right:10px; bottom:10px; display:block; z-index:2500; width:53px; height:62px; background:url('../img/common/btn_top.png') center bottom no-repeat; background-size:100%; }
.btn-gnb { display:none; position:absolute; left:10px; top:30px; width:58px; height:29px; background-size:100%; }
.btn-gnb span { position:relative; display:block; width:30px; height:17px; margin:0 auto 10px auto; }
.btn-gnb span:before { content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#222; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span:after { content:''; position:absolute; top:8px;; left:0; right:0; opacity:1; display:block; height:1px; background:#222; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s;}
.btn-gnb span em { position:absolute; bottom:0; left:0; right:0; display:block; height:1px; background:#222; -webkit-transition:0.7s; -ms-transition:0.7s; transition:0.7s; }
.btn-gnb.on {   }
.btn-gnb.on span:before { width:30px; top:8px; left:-5px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
.btn-gnb.on span:after { opacity:0; }
.btn-gnb.on span em { width:30px; bottom:8px; left:-5px; -webkit-transform:rotate(-46deg); -ms-transform:rotate(-46deg); transform:rotate(-46deg); }

.btn-close { position:absolute; right:20px; top:20px; display:block; width:32px; height:32px; background:url('../img/common/btn_close.png') 0 0 no-repeat; }

.basic-slide-wrap { position:relative; z-index:500; overflow:visible; }
.basic-slide { position:relative; overflow:visible; }
.basic-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; }
.basic-slide .slide img { max-width:100%; }

.slide-btn {  }
.slide-btn button { position:absolute; top:50%; z-index:1500; display:block; width:39px; height:39px; margin-top:-20px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn button.prev { left:30px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn button.next { right:30px; background-image:url('../img/common/btn_next.png'); }

.slide-btn-02 {  }
.slide-btn-02 button { position:absolute; top:50%; z-index:1500; display:block; width:25px; height:38px; margin-top:-19px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn-02 button.prev { left:10px; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn-02 button.next { right:10px; background-image:url('../img/common/btn_next_02.png'); }

.slide-btn.inline { bottom:80px; left:10px; right:10px; z-index:1500; text-align:center; }
.slide-btn.inline button { position:absolute; bottom:5px; top:auto; display:inline-block; margin:0; width:78px; height:9px; } 
.slide-btn.inline button.prev { left:30%; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn.inline button.next { right:30%; background-image:url('../img/common/btn_next_02.png'); }

.slick-dots { position:absolute; bottom:30px; left:0; right:0; clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 5px; font-size:0; }
.slick-dots li button { display:block; width:11px; height:11px; background:#d7d7d7; border-radius:100%;  }
.slick-dots li.slick-active button { background:#8f8f8f; }

.star-list li { position:relative; padding-left:10px; }
.star-list li:before { content:'*'; position:absolute; left:0; top;0;  }

.dash-list li { position:relative; padding-left:10px; line-height:1.8; }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0;  }
.dash-list li strong { font-weight:600; color:#a62222; }

.dot-list li { position:relative; margin-bottom:5px; padding-left:7px; }
.dot-list li:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; background:#788b9c; }
.dot-list li strong { color:#ffb400; }

.data-list { width:100%; text-align:center; font-size:14px;  }
.data-list th { padding:10px; font-weight:normal; background:#f4f4f4; border:1px solid #d8d8d8; color:#4d4d4d; }
.data-list tr th:first-child,
.data-list tr td:first-child { border-left:0; }
.data-list tr th:last-child,
.data-list tr td:last-child { border-left:0; }
.data-list td { padding:10px; font-size:13px; color:#6d6d6d; }
.data-list td { border:1px solid #d8d8d8;  }

.table-wrap { overflow:hidden;  }
.table-wrap iframe { width:100%; }

.scroll-obj { opacity:0; }
.scroll-obj.active { opacity:1; -webkit-animation:active-y 1.5s 1; -ms-animation:active-y 1.5s 1; animation:active-y 1.5s 1; }

.basic-slide-wrap { position:relative; }
.slide { background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide span { display:block; }

.full-view { position:relative; }
.full-view-sub { margin:0 auto; }
.full-view .slick-dots { display:none !important; }

.outlink { display:block; width:153px; height:32px; margin:10px auto 0 auto; line-height:30px; text-align:center; font-size:12px; color:#000; border:1px solid #000; }
.outlink:hover { background:#333; color:#fff; border-color:#333; }

.slide-tit { position:absolute; bottom:110px; left:10px; right:10px; z-index:1100; text-align:center; color:#fff; }
.slide-tit strong { font-family:'Freight'; font-size:60px; }
.slide-tit p { font-family:'nanummyeongjo'; font-size:18px; }

/* Layout */
.wrapper { position:relative; overflow:hidden; margin:0 auto; padding-top:80px; }
.header-wrap { position:fixed; top:0; left:0; right:0; z-index:2500; height:80px;  background:#fff; border-bottom:1px solid #d1d1d1; }
.header { z-index:2000; }
.header h1 { position:absolute; left:50%; margin-left:-65px; padding-top:5px; text-align:center; }
.header h1 a.logo { display:inline-block; width:131px; height:75px; background:url('../img/common/logo.png') 0 0 no-repeat; background-size:100%; }
.top-reserve { position:absolute; right:0; top:0; }
.side-nav { left:-100%; top:80px; bottom:0; z-index:3000; margin-top:30px; }
.side-nav.on { left:0; }
.side-nav .gnb { text-align:center; }
.side-nav .gnb > ul { }
.side-nav .gnb > ul > li { display:inline-block; min-width:110px; margin:0 20px; vertical-align:top;}
.side-nav .gnb > ul > li.gnb3 { margin-right:110px; }
.side-nav .gnb > ul > li.gnb4 { margin-left:120px; }
.side-nav .gnb > ul > li > a { position:relative; display:block; font-family:'Bodoni'; font-size:16px; color:#333; transition:transform 0.3s; }
.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on { font-weight:600; transform:translateY(-10px); }
.side-nav .gnb > ul > li > a.current { font-weight:600; }
.side-nav .gnb .gnb-sub { display:none; padding:10px 15px; background:#fff; box-shadow:2px 2px 7px rgba(0,0,0,0.1); }
.side-nav .gnb .gnb3 .gnb-sub { padding:10px; }
.side-nav .gnb .gnb-sub li { line-height:1.8; }
.side-nav .gnb .gnb-sub li a { font-family:'NanumSquare'; font-size:13px; letter-spacing:-0.5px; color:#545454; }
.side-nav .gnb .gnb-sub li a:hover, .side-nav .gnb .gnb-sub li a.current, .side-nav .gnb .gnb-sub li a.current strong { font-weight:bold; color:#000; }
.side-nav .sns-list { display:none; margin-top:100px; text-align:center; }
.side-nav .sns-list a { display:inline-block; margin:0 10px; }

.foot-img { clear:both; position:relative; margin-top:180px; }
.foot-img img { width:100%; text-align:center; }
.foot-img .txt { position:absolute; top:40%; left:20%; color:#fff; }
.foot-img .txt strong { font-family:'Manhattan'; font-size:45px;  }
.foot-img .txt p { font-family:'Lato'; font-size:13px; }
.footer { clear:both; position:relative; margin-top:80px; padding:100px 10px; text-align:center; }
.foot-img + .footer { margin:0; }
.foot-link a { display:inline-block; margin:0 10px; }
.footer .foot-info { margin-top:45px; }
.footer .foot-info .tel-info { margin-bottom:20px; color:#482f10; }
.footer .foot-info .tel-info a { font-size:36px; }
.footer .foot-info .tel-info strong { display:block; font-size:15px; letter-spacing:3px; }
.footer .foot-info p { margin-bottom:10px; font-size:12px; color:#3e3e3e; }
.footer .foot-info span { display:inline-block; }
.footer .foot-info p a { color:#3e3e3e; }
.footer .foot-info p a.u-line { text-decoration:underline; }
.footer .foot-info p.copyright a { margin-left:10px; }
.footer .foot-info p.copyright a img { margin-right:5px; }
.footer .foot-info .outlink { margin-bottom:20px; }

.footer .m_br { display:none; }

.sub-nav { padding:20px; text-align:right; }
.sub-nav li { position:relative; display:inline-block; margin-left:15px; padding-left:15px; }
.sub-nav li:before { content:''; position:absolute; left:0; top:50%; display:block; width:1px; height:14px; margin-top:-5px; background:#939393; }
.sub-nav li:first-child { margin:0; padding:0; }
.sub-nav li:first-child:before { display:none; }
.sub-nav li a { color:#939393; }
.sub-nav li a:hover, .sub-nav li a.current { font-size:18px; color:#fff; }

.sub-tit-wrap { position:relative; z-index:2000; padding-top:130px; text-align:center; }
.sub-tit-wrap:before { content:''; position:absolute; top:-80px; left:50%; width:1px; height:180px; background:#444; }
.sub-tit-wrap:before { animation:line-on 1.5s infinite; }
.sub-tit-wrap .tit strong { position:relative; display:inline-block; font-family:'GillSans'; font-size:50px; }
.sub-tit-wrap .tit strong em { position:absolute; left:50%; top:-30px; line-height:1; font-family:'Bickham'; font-weight:100; font-size:80px; color:#b0afaf;  }
.sub-tit-wrap p { font-size:16px; }
.sub-tit-wrap p span { display:block; font-family:'GillSans'; font-size:14px; color:#545454;  }
.sub-tit-wrap p em { position:relative; display:block; margin-top:5px; padding-bottom:20px; font-family:'nanummyeongjo'; font-size:14px; color:#545454; }
.sub-tit-wrap p em:after { content:''; position:absolute; left:50%; bottom:0; width:60px; height:1px; margin-left:-30px; background:#222; }

.tour-con .sub-tit-wrap .tit strong em { font-size:60px; }
.reserve-con .sub-tit-wrap .tit strong em {  }

#priceLayer1 .yapen-sec-title{display: none;}
#priceLayer1 .yapen-dateTime-content{display: none;}

/* Room List */
.room-list-wrap { position:relative; z-index:2100; }
.room-list-wrap .tit { margin-bottom:130px; text-align:center; }
.room-list-wrap .tit strong { font-family:'GillSans'; font-size:50px; }
.room-list-wrap .tit p { margin-top:10px; }
.room-list { max-width:1434px; margin:0 auto; overflow:visible;  }
.room-list .slide { float:left; position:relative; width:350px; height:630px; margin:0 10px; padding:190px 24px 0 32px; overflow:visible; background:#fff; }
.room-list .slide { box-shadow: 20px 15px 15px 2px  rgba(196,194,196,0.1); }
.room-list .slide:before { content:''; position:absolute; left:32px; top:38px; display:block; width:32px; height:32px; background:url('../img/common/ico_plus.jpg') 0 0 no-repeat; }
.room-list .slide:before { transition:0.6s; }
.room-list .slide:hover:before { transform:rotate(360deg); }
.room-list .slide .txt { position:absolute; top:124px; left:36px; right:24px; z-index:10; color:#333; }
.room-list .slide .txt p { position:relative; }
.room-list .slide .txt p strong { display:block; line-height:1.1; font-family:'GillSans'; font-size:29px; }
.room-list .slide .txt p span { font-family:'Bickham'; font-size:26px; color:#c9c9c9; }
.room-list .slide .txt em { position:absolute; right:0; top:0; padding-right:20px; background:url('../img/common/ico_arrow_right.jpg') right center no-repeat; }
.room-list .slide img { position:relative; z-index:5; transition:0.6s; }
.room-list .slide:hover img { transform:scale(0.9); }
.room-list-wrap .slick-dots { position:static; margin-top:20px; }
.room-list-wrap .slick-list { padding-bottom:30px; }

.room-list-wrap .slick-track { margin:0 auto; }

.box-reserve-link { margin-top:100px; text-align:center; color:#999; }
.box-reserve-link h1 { font-weight:300; }
.box-reserve-link h1 strong { font-family:'Freight'; font-size:60px; }
.box-reserve-link h1 p { font-size:18px; }
.box-reserve-link a { display:inline-block; width:260px; height:45px; margin-top:40px; line-height:45px; color:#999; border:1px solid #999; border-radius:40px; }
.box-reserve-link a:hover { background:#999; color:#fff; }

.sub-info { max-width:1300px; margin:0 auto; margin-top:70px; padding:0 10px; }
.sub-info .tit { margin-bottom:0; font-family:'GillSans'; font-size:20px; }


/* main */
.movie-wrap { padding-bottom:400px; background:#d7d7d7; }
.movie-wrap {
	background-image: linear-gradient(-210deg, #d7d7d7 0%, #d7d7d7 50%, #ebebeb 50%, #ebebeb 100%);
	background-position:right 360px;
	background-repeat:no-repeat;
}
.movie-wrap + .room-list-wrap { margin-top:-170px; }
.movie-wrap .movie { position:relative; z-index:100; max-width:1190px; height:616px; margin:0 auto; margin-top:70px;  }
.movie-wrap .movie iframe { width:100%; height:100%; margin:0; border:0; }
.main-con .box-reserve-link { margin-top:180px; }
.main-con .room-list-wrap .tit { display:none; }

/* Room */
.room-view { max-width:1300px; margin:0 auto; margin-top:110px; margin-bottom:100px; padding:0 10px; text-align:center; }
.room-view .img-box { margin-bottom:100px; }
.room-view .img-box img { display:inline-block; margin:0 40px; vertical-align:top; }
.room-view .img-box .img2 { margin-top:180px; }
.room-view .img-box-wide { margin-bottom:100px; }
.room-view .img-box.wide img { display:block; }

/* 객실요금표 가운데 정렬 */
.room_tit{
text-align: center;
}
.room_data{
    padding-left: 0 !important;
}

.room_data li{
    text-align: center !important;
}

.room_data li .data{
    padding-left: 0 !important;
}

.room_data li .person_limit table{
    margin: 0 auto;
}


/* Special */
.special-view { max-width:1300px; margin:0 auto; margin-top:70px; padding:0 10px; }
.special-view .img-box { margin-bottom:100px; }
.special-view .img-box img { display:inline-block; vertical-align:top; }
.special-view .img-box img.img2 { margin-top:100px; margin-left:10px; }
.special-view .img-box-wide { margin-bottom:100px; }
.special-view .img-box-wide img { display:block; }
.special-view .img-box-wide .tit { position:relative; z-index:100; margin-top:-50px; padding-left:80px; }
.special-view .img-box-wide .tit h1 {  }
.special-view .img-box-wide .tit h1 strong { font-family:'GillSans'; font-size:60px; }
.special-view .img-box-wide .tit h1 p { position:relative; padding-bottom:20px; font-size:20px; }
.special-view .img-box-wide .tit h1 p:after { content:''; position:absolute; bottom:0; left:0; height:1px; width:60px; background:#333; }
.special-view .img-box-wide .tit > p { margin-top:20px; font-size:15px; }
.special-view .img-box-wide .tit > p span { color:#1b308b; }
.special-view .img-box-wide .tit > p strong { color:#c14444; }

/* ����� ���� ��ũ color �κ� */
.special-view .img-box-wide .tit a { display:inline-block; padding:5px 10px; background:#222; color:#fff; }

.special-view .tit-center { margin-bottom:150px; text-align:center; }
.special-view .tit-center strong { position:relative; display:inline-block; font-family:'GillSans'; font-size:50px; }
.special-view .tit-center strong em { position:absolute; left:50%; top:-40px; line-height:1; font-family:'Bickham'; font-weight:100; font-size:80px; color:#b0afaf; }
.special-view .tit-center p { margin-top:20px; font-size:13px; }

/* Tour */
.tour-list-wrap { max-width:1500px; margin:0 auto; margin-top:100px; padding:0 10px; }
.tour-list { clear:both; overflow:hidden; }
.tour-list:before { content:''; display:block; margin:88px auto; width:1px; height:140px; background:#565656;  }
.tour-list .tour-slide-wrap { float:left; width:50%; }
.tour-list .tour-slide {  }
.tour-list .slick-dots { position:static; margin-top:10px; }
.tour-list .txt { float:right; width:50%; padding:90px 20px 0 20px; }
.tour-list .txt em { font-family:'GillSans'; font-size:20px; }
.tour-list .txt strong { display:block; font-size:22px; color:#545454; }
.tour-list .txt span { font-size:13px; color:#545454; }
.tour-list .txt p { margin-top:40px; color:#545454; }
.tour-list .txt p a{ display:inline-block; padding:5px 10px; background:#222; color:#fff; }
.tour-list:nth-child(even) .tour-slide-wrap { float:right; }
.tour-list:nth-child(even) .txt { float:left; }
.tour-list:first-child:before { display:none; }


/* Reservation */
.reserve-price { max-width:1400px; overflow:hidden; margin:0 auto; margin-top:60px; padding:0 10px; }
.reserve-price .table-wrap {  }

.reserve-info-01 { max-width:1400px; overflow:hidden; margin:0 auto; margin-top:130px; padding:0 10px; }
.reserve-info-01 .img { float:left; width:50%; }
.reserve-info-01 .txt { float:left; width:50%; padding-left:30px; padding-top:110px; }
.reserve-info-01 .txt h1 { font-family:'GillSans'; font-size:20px; }
.reserve-info-01 .txt p { line-height:1.7; color:#545454; }
.reserve-info-01 .txt dl {  }
.reserve-info-01 .txt dt { display:inline-block; width:76px; font-family:'GillSans'; font-size:16px; }
.reserve-info-01 .txt dd { display:inline-block; font-family:'Franklin'; font-size:20px; color:#482f10; }
.reserve-info-01 .txt dd span { font-family:'NanumBarunGothic'; font-size:14px; }
.reserve-info-01 .txt .m-top-1 { margin-top:15px; }
.reserve-info-01 .txt .m-top-2 { margin-top:50px; }

.reserve-info-02 { position:relative; max-width:1400px; overflow:hidden; margin:0 auto; margin-top:90px; padding:0 10px; padding-top:200px; }
.reserve-info-02:before { content:''; position:absolute; top:0; left:50%; width:1px; height:130px; background:#565656; }
.reserve-info-02 .img { padding-bottom:30px; }
.reserve-info-02 .info { position:relative; float:left; width:50%; min-height:300px; padding:0 10px; }
.reserve-info-02 .info.price:after { content:''; position:absolute; top:80px; bottom:0; right:10px; display:block; width:1px; height:100%; background:#565656; }
.reserve-info-02 .info h1 { margin-bottom:30px; }
.reserve-info-02 .info h1 strong { font-family:'GillSans'; font-size:20px; }
.reserve-info-02 .info h1 span { display:block; font-size:14px; color:#545454; }
.reserve-info-02 .info ul { margin-bottom:23px; color:#545454; }
.reserve-info-02 .info p { color:#545454; }

.reserve-info-02 .info a{ display:inline-block; padding:5px 10px; background:#222; color:#fff;}

.box-map { height:645px; margin-top:20px; }
.marker_txt { font-family:'nanumsquare'; font-size:12px; color:#fff; }


/* MAP */
.map-info { max-width:1200px; overflow:hidden; margin:0 auto; margin-top:60px; padding:0 10px; }
.map-info .table-wrap {  }

.pc-price iframe { min-height:200px; }
.m-price { display:none;}


/* location */
.pc-map {
    display: block;
    margin-bottom: 150px;
    position: relative;
    left: 50%;
    margin-left: -500px;
}

.m-map {
    display: none;
    margin-bottom: 20px;
}


/* Animation */
@keyframes up-down {
	0% { bottom:50px; }
	50% { bottom:10px; }
	100% { bottom:50px; }
}

@keyframes table-guide {
	0% { opacity:0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

@keyframes active-y {
	0% { transform:translateY(100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes active-y-02 {
	0% { transform:translateY(-100px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

@keyframes slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

@keyframes line-on {
	0% { height:0; }
	100% { height:180px; }
}

/* media query */

@media all and (min-width: 800px) {
	
}

@media all and (min-width:800px) and (max-width: 1280px) {
	
}	

@media all and (max-width: 1160px) {
	.header h1 { padding-top:5px; font-size:10px; }
	.header h1 a.logo { width:115px; margin-bottom:5px;}
	.side-nav { position:fixed; width:200px; margin:0; padding:30px 10px; background:#fff; -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; }
	.side-nav .gnb { text-align:left; }
	.side-nav .gnb > ul > li { display:block; margin:0 0 5px 0 !important; }
	.side-nav .gnb > ul > li > a { font-size:14px; }
	.side-nav .gnb > ul > li > a:hover, .side-nav .gnb > ul > li > a.on, .side-nav .gnb > ul > li > a.current { transform:translateY(0); }
	.side-nav .gnb .gnb-sub { padding:5px 0 5px 10px; box-shadow:none; }
	.side-nav .gnb .gnb-sub a { font-size:12px; }
	.btn-gnb { display:block; }
	.side-nav .sns-list { display:block; }

	.foot-img { margin-top:100px; }
	.box-reserve-link { margin-top:80px; }
	.sub-tit-wrap { padding-top:80px; }

	.movie-wrap { padding-bottom:150px; }
	.movie-wrap + .room-list-wrap { margin-top:-80px; }
	.room-list .slide { height:480px; padding:140px 14px 0 14px; overflow:visible; background:#fff; }
	.room-list .slide .txt { top:70px; }
	.room-list .slide .txt p span { font-size:14px; }
	.room-list .slide .txt p strong { font-size:21px; }

	.tour-list:before { margin:50px auto; width:2px; height:80px;  }
	.tour-list .txt { padding:30px 10px 0 10px; }
	.tour-list .txt p { margin-top:20px; font-size:12px; color:#545454; }
	
	.box-map { height:400px; }
}

@media all and (max-width: 900px) {
	.full-view .slide { height:300px; }
	.slide-btn button { width:30px; height:30px; margin-top:-15px; }
	.slide-btn button.prev { left:10px; }
	.slide-btn button.next { right:10px; }
	.slide-tit strong { font-size:24px; }
	.slide-tit p { font-size:11px; }
	.foot-img .txt { left:10%; }
	.foot-img .txt strong { font-size:25px; }

	.sub-tit-wrap:before { display:none; }	
	.sub-tit-wrap .tit strong { font-size:30px; }
	.sub-tit-wrap .tit strong em { top:-20px; font-size:40px; }
	.tour-con .sub-tit-wrap .tit strong em {  font-size:40px; }
	.sub-tit-wrap p { font-size:12px; }
	.sub-tit-wrap p span { font-size:11px; }
	.sub-tit-wrap p em { font-size:11px; }


	.movie-wrap .movie { width:700px; height:300px; margin:40px auto; }

	.room-list .slide { height:auto; padding-bottom:40px; }
	.room-list .slide img { width:100%; }

	.room-view .img-box { margin-bottom:50px; }
	.room-view .img-box img { margin:0 10px; }
	.room-view .img-box .img2 { margin-top:60px; }
	.room-view .img-box-wide { margin-bottom:50px; }

	.special-view .img-box-wide .tit { margin-top:-40px; padding-left:20px; }
	.special-view .img-box-wide .tit h1 strong { font-size:50px; }
	.special-view .img-box-wide .tit h1 p { font-size:13px; }
	.special-view .img-box-wide .tit > p { font-size:14px; }

	.reserve-info-01 { margin-top:60px; }
	.reserve-info-01 .img { float:none; width:auto; text-align:center; }
	.reserve-info-01 .img img { width:100%; }
	.reserve-info-01 .txt { float:none; width:auto; padding:20px 10px 0 10px; }
	.reserve-info-01 .txt p { font-size:12px; }
	.reserve-info-01 .txt dt { width:40px; font-size:12px; }
	.reserve-info-01 .txt dd { font-size:12px; }
	.reserve-info-01 .txt dd span { font-size:12px; }
	.reserve-info-01 .txt .m-top-2 { margin-top:20px; }

	.reserve-info-02 .info ul { font-size:12px; }
	.reserve-info-02 .info p { font-size:12px; }
    
    .pc-map { display:none; }
	.m-map { display:block; position:relative; left:50%; margin-left:-155px;}
    

}

@media all and (max-width: 700px) {	
	.foot-img { margin-top:50px; }
	.foot-img .txt { top:20px; left:10px; right:10px; }
	.foot-img .txt strong { font-size:17px; }
	.foot-img .txt p { font-size:9px; letter-spacing:-1px; }
	.footer { margin-top:40px; padding:40px 10px; }
	.foot-img + .footer { margin:0; }
	.footer .foot-info .tel-info span { font-size:12px; }
	.footer .foot-info .tel-info a { margin:0 5px; font-size:21px; }
	.footer .foot-info .info { margin:0; padding:10px 0; text-align:center; border-bottom: 1px solid #d6d6d6; text-align:left; letter-spacing:-0.5px; font-size:13px; }
	.footer .foot-info .info span { display:block; margin-bottom:5px; text-align:center; }
	.footer .foot-info .copyright { margin-top:15px; font-size:11px; }
	.footer .foot-info .tel-info { text-align:center; }
	.footer .foot-info p.copyright a img { width:20px; }
	.footer .copyright .br { display:block; }
    
    .footer .foot-info .info b{
        font-weight: normal;
    }

	.footer .m_br { display:block; }
	.footer .m_bar { display:none; }

	.box-reserve-link { margin-top:50px !important; }
	.box-reserve-link h1 strong { font-size:30px; }
	.box-reserve-link h1 img { width:50%; }
	.box-reserve-link h1 p { font-size:11px; }
	.box-reserve-link a { width:170px; height:45px; margin-top:20px; line-height:45px; font-size:13px; }

	.movie-wrap .movie { width:auto; height:250px; margin:40px 10px 0 10px; }

	.room-list-wrap .tit { margin-bottom:50px; }
	.room-list-wrap .tit strong { font-size:30px; }
	.room-list-wrap .tit p { margin-top:0; font-size:12px; }
	.room-list .slide { padding:80px 10px 20px 10px; }
	.room-list .slide .txt { top:40px; }
	.room-list .slide .txt p span { font-size:11px; }
	.room-list .slide .txt p strong { font-size:17px; }
	.room-list .slide .txt em { top:-25px; right:-10px; padding-right:14px; font-size:11px; }
	.room-list .slide:before { top:10px; left:10px; width:20px; height:20px; background-size:100%; }

	.room-view .img-box img { margin:10px 0; }
	.room-view .img-box .img2 { margin-top:0; }

	.special-view .img-box-wide .tit { margin-top:-20px; padding-left:10px; }
	.special-view .img-box-wide .tit h1 strong { font-size:30px; }
	.special-view .img-box-wide .tit h1 p { font-size:12px; }
	.special-view .img-box-wide .tit > p { font-size:12px; }
	.special-view .img-box img.img2 { margin:40px 0 0 0; }
	.special-view .tit-center { margin-bottom:80px; }
	.special-view .tit-center strong { font-size:30px; }
	.special-view .tit-center p { margin-top:20px; font-size:12px; }
	.special-view .tit-center strong em { top:-10px; font-size:30px; }

	.tour-list-wrap { margin-top:70px; }
	.tour-list:before { margin:20px auto; width:1px; height:30px;  }
	.tour-list .tour-slide-wrap { position:relative; float:none !important; width:auto !important; }
	.tour-list .tour-slide {  }
	.tour-list .slick-dots { position:absolute; margin:0; }
	.tour-list .txt { float:none !important; width:auto !important; margin-top:20px; padding:0 10px; }
	.tour-list .txt em { font-size:14px; }
	.tour-list .txt strong { font-size:17px; font-weight:600; }
	.tour-list .txt span { font-size:12px; }

	.reserve-info-01 .txt dl dd { font-size:15px; }
	.reserve-info-01 .txt dd span { font-size:14px; }
	.reserve-info-01 .txt dl * { vertical-align:middle; }
	.reserve-info-02 { margin-top:40px; padding-top:110px; }
	.reserve-info-02:before { height:70px; }
	.reserve-info-02 .info { float:none; width:auto; min-height:100px; margin-top:10px; padding-bottom:10px; }
	.reserve-info-02 .info.price:after { top:auto; bottom:0; left:0; right:0; width:auto; height:1px; }
	.reserve-info-02 .info h1 { margin-bottom:20px; }

	.pc-price { display:none; }
	.m-price { display:block; overflow:auto; -webkit-overflow-scrolling:touch; }
	.table-wrap { overflow:auto; -webkit-overflow-scrolling:touch; }
	
	.room-con .sub-info { position:relative; }
    /* 좌우로 밀어서 확인하세요.
	.room-con .sub-info:before { content:''; display:block; position:absolute; top:-20px; right:10px; z-index:-1; width:140px; height:60px; background:url('../img/common/swipe.png') 0 0 no-repeat; }
    */
	.room-con .slide-tit { display:none; }

	.reserve-price { position:relative; margin-top:0; padding-top:100px; }
    
	/* 좌우로 밀어서 확인하세요.
    .reserve-price:before { content:''; display:block; position:absolute; top:20px; left:0; right:0; z-index:-1; width:140px; height:60px; margin:0 auto; 
    */
    
    background:url('../img/common/swipe.png') center 0 no-repeat; }
	
	
	.map-info { position:relative; margin-top:0; padding-top:100px; }
	
	.box-map { height:300px; }

}
	

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

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