@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)
   NanumSquare, noto-sans-scott, Noto Sans KR, Noto Serif KR
*/
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); */
@import url(https://cdn.rawgit.com/kattergil/NotoSerifKR-Web/76eb9ebf/stylesheet/NotoSerif-Web.css);
@import "noto-sans-scott.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:'Din';
	font-weight:normal;
	src:url('../font/din.eot');
	src:url('../font/din.eot?#iefix') format('embedded-opentype'),
		url('../font/din.woff') format('woff');
}
@font-face {
	font-family:'Goudy';
	font-weight:normal;
	src:url('../font/Goudy Old Style.eot');
	src:url('../font/Goudy Old Style.eot?#iefix') format('embedded-opentype'),
		url('../font/Goudy Old Style.woff') format('woff');
}
@font-face {
	font-family:'Lucida';
	font-weight:normal;
	src:url('../font/Lucida Bright Italic V1.eot');
	src:url('../font/Lucida Bright Italic V1.eot?#iefix') format('embedded-opentype'),
		url('../font/Lucida Bright Italic V1.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-left:10px; margin-right:5px; vertical-align:middle; font-size:25px; color:#000; }

/* default */
html {height:100%; }
body {position:relative; font:normal 14px/1.5 noto-sans-scott; font-weight:400; letter-spacing:-1px; color:#545354; }
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,b { font-weight:400; }
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; }


/* SCROLL DOWN */
@-webkit-keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
@keyframes ani-mouse {
	0% {
	opacity: 1;
	top: 29%;
	}
	15% {
	opacity: 1;
	top: 50%;
	}
	50% {
	opacity: 0;
	top: 50%;
	}
	100% {
	opacity: 0;
	top: 29%;
	}
}
.scroll-btn p { display:block; margin-bottom:6px; font-size:11px; color:#fff; }
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 35px;
	height: 55px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 2px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}



/* 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; }

.parallax{ background-attachment:fixed!important; transition:0.7s; }
.no-parallax, .parallax-off { background-attachment:scroll !important; }

.scroll-btn { position:absolute; bottom:40px; left:50%; z-index:1500; display:block; margin-left:-20px; text-align:center; color:#fff; }
.scroll-btn button { font-size:15px; font-family:'Vijaya'; }

.btn-gnb { display:none; position:absolute; left:10px; top:10px; z-index:5400; }
.btn-gnb span { position:relative; display:block; width:37px; height:17px; margin:0 auto; }
.btn-gnb span:before { content:''; position:absolute; top:0; left:0; right:0; display:block; height:1px; background:#333; -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:#333; -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:#333; -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; background:#333; -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; background:#333; -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:2000; width:51px; height:33px; margin-top:-17px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn button.prev { left:50px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn button.next { right:50px; background-image:url('../img/common/btn_next.png'); }

.slide-btn.type02 button { width:39px; height:39px; margin-top:-20px; }
.slide-btn.type02 button.prev { left:10px; background-image:url('../img/common/btn_prev_02.png'); }
.slide-btn.type02 button.next { right:10px; background-image:url('../img/common/btn_next_02.png'); }

.slide-btn.type03 button { width:39px; height:39px; margin-top:-20px; }
.slide-btn.type03 button.prev { left:10px; background-image:url('../img/common/btn_prev_03.png'); }
.slide-btn.type03 button.next { right:10px; background-image:url('../img/common/btn_next_03.png'); }

.slide-info { display:inline-block; margin:0 10px; font-style:italic; font-size:16px; color:#fff; }
.slide-info span {  }
.slide-info em {  }

.sub-view .slide { height:538px; }

.slick-dots { position:absolute; bottom:40px; left:0; right:0; z-index:1800; clear:both; text-align:center; }
.slick-dots li { display:inline-block; margin:0 10px; font-size:0; }
.slick-dots li button { display:block; width:10px; height:10px; background:#b6afad; border-radius:100%; }
.slick-dots li.slick-active button { background:#fff; }


.basic-list {  }
.basic-list li {  }

.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:13px; line-height:1.6;  }
.dash-list li:before { content:'-'; position:absolute; left:0; top:0; }
.dash-list li b { font-weight:600; color:#333; }

.dot-list li { position:relative; margin-bottom:5px; padding-left:12px; }
.dot-list li:before { content:''; position:absolute; left:0; top:10px; width:3px; height:3px; background:#333; border-radius:100%; }

.data-list { width:100%; text-align:center; font-size:14px;  }
.data-list th { padding:10px; font-weight:normal; background:#ebebeb; border:1px solid #dbdbdb; color:#242424; }
.data-list td { padding:10px; }
.data-list td { border:1px solid #d8d8d8;  }

.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 { position:relative; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.slide span { display:block; }

.slide-tit { position:absolute; left:10px; right:10px; top:40%; z-index:1500; color:#fff; transition:0.9s; text-align:center; }
.slide-tit span { letter-spacing:7px; font-size:15px; font-family:'Goudy'; }
.slide-tit strong { display:block; margin:5px 0 10px 0; font-family:'Goudy'; font-size:60px; line-height:1.2; letter-spacing:-1px; }
.slide-tit p { letter-spacing:0; font-family:'Goudy'; }
.slide-tit { animation:active-y 2s 1; }

.box-board { position:relative; z-index:700; max-width:1340px; margin:0 auto; margin-top:80px; padding:0 10px; }
.box-board iframe { width:100%; }

.btn-reserve { display:block; width:320px; height:42px; line-height:42px; text-align:center; font-size:20px; color:#fff; background:#b8a690; margin: 0 auto; margin-top: 15px;}

/* Layout */
.wrapper { position:relative; overflow:hidden; margin:0 auto; }
.header-wrap { position:relative; top:0; left:0; right:0; z-index:2500; height:90px;  background:#fff; border-bottom:1px solid #dedede;  }
.header { z-index:2000; }
.header h1 { position:absolute; top:10px; left:50%; margin-left:-77px; text-align:center; }
.header h1 a.logo { display:inline-block; width:184px; height:66px; margin-top: 7px; background:url('../img/common/logo.png') 0 0 no-repeat; background-size:100%; }
.top-reserve { position:absolute; right:0; top:0; bottom:0; padding:0 10px; background:#9599a4; }
.top-reserve a { display:inline-block; padding:0 0 0 10px; line-height:90px; letter-spacing:0; font-family:'Lucida'; font-size:13px; color:#fff; }
.top-reserve i { display:inline-block; font-size:20px; color:#fff; }

.side-nav { left:-100%; top:80px; bottom:0; z-index:3000; padding-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-size:16px; color:#333; transition:transform 0.3s; font-family:'Goudy'; }
.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; position:absolute; min-width:110px; 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-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:500; color:#000; }

.side-nav.bottom .gnb .gnb-sub { bottom:88px; }

.sns-link { position:absolute; top:35px; left:10px; z-index:5000; }
.sns-link a { display:inline-block; margin:0 7px; background-repeat:no-repeat; background-position:center 0; background-size:100%; }
.sns-link a.sns-blog { width:14px; height:18px; background-image:url('../img/common/ico_blog.png'); }
.sns-link a.sns-insta { width:20px; height:20px; background-image:url('../img/common/ico_insta.png'); }

.m-link { display:none; position:absolute; right:0; top:0; bottom:0; padding:0 10px; background:#9599a4; }
.m-link a { display:inline-block; margin:0 6px; padding-top:14px; text-align:center; color:#fff; }
.m-link a span { display:block; margin-top:3px; font-size:11px; }
.m-link a i { font-size:20px; }

.btn-top { position:absolute; right:20px; top:0; z-index:1000; display:block; width:29px; height:29px; background:url('../img/common/btn_top.jpg') 0 0 no-repeat;}

.sub-tit { clear:both; margin:100px 0 50px 0; padding:0 10px; font-family:'Goudy'; text-align:center; }
.sub-tit span { font-size:26px; }
.sub-tit strong { display:block; margin-top:10px; line-height:1; letter-spacing:-1px; font-size:46px;  }
.sub-tit p { margin-top:10px; font-size:15px; }

.sub-tit-02 { margin:70px 0 50px 0; padding:0 10px; font-family:'Goudy'; text-align:center; }
.sub-tit-02 strong { font-size:40px; }
.sub-tit-02 p { margin:15px 0; font-size:12px; letter-spacing: 0.5px;}
.sub-tit-02 span {  }

.foot-banner { position:relative; height:914px; background:url('../img/common/bg_reserve.jpg') center center no-repeat; background-size:cover; background-attachment:fixed; }
.foot-banner a { display:inline-block; width:160px; height:32px; line-height:32px; margin-top:20px; color:#fff; background:#8f8f8f; }

.footer-wrap { padding:40px 10px; background:#414042; }
.footer { max-width:1200px; margin:0 auto; text-align:center; }
.box-line { position:relative; height:50px; margin-bottom:30px; overflow:hidden; border-bottom:1px solid #737373; text-align:left; }
.foot-sns { margin-left:10px; }
.foot-sns a { margin:0 10px; }
.footer .tel { font-size:26px; color:#f7f7f7; }
.footer p { margin-top:20px; font-size:13px; color:#a4a4a4; }
.footer p.copyright { font-size:12px; }
.footer p span { display:inline-block; position:relative; padding-left:10px; margin-left:10px; }
.footer p span:before { position:absolute; left:0; top:0; bottom:0; content:''; width:1px; background:#848384; }
.footer p span:first-child:before { display:none; padding:0; margin:0; }

.footer p.foot-copy strong { display:inline-block; position:relative; padding-left:10px; margin-left:10px; }
.footer p.foot-copy strong:before { content:''; position:absolute; left:0; top:0; bottom:0; width:1px; background:#848384; } 

.footer .admin { text-decoration:underline; }

.sub-nav { left:0; right:0; top:90px; z-index:2000; background:#fff; }
.sub-nav.fixed { position:fixed; }
.sub-nav ul { max-width:860px; margin:0 auto; padding:15px 10px; text-align:center; border:1px solid #ebebeb; border-left:0; border-right:0; }
.sub-nav li { display:inline-block; margin:0 15px; line-height: 2.4;}
.sub-nav li a { display:inline-block; font-size:13px; }
.sub-nav li a.current { border-bottom:1px solid #545453; }

.sub-txt { margin:80px 0; padding:0 10px; line-height:1.7; text-align:center; font-size:16px; }
.sub-img { text-align:center; margin-top:40px; margin-bottom:100px;}

.font1 { font-weight:500; color:#bc0000; }


/* COMMON */
.room-slide-wrap { position:relative; max-width:1400px; margin:0 auto; margin-bottom: 300px; margin-top: 100px;}
.room-slide-wrap:after { content:''; clear:both; }
.room-slide { overflow:visible; }
.room-slide .slick-list { overflow:visible; }
.room-slide .slide { position:relative; margin:0 10px; overflow:visible; font-family:'Goudy'; }
.room-slide .slide img { display:block; width:100%; }
.room-slide .slide p { position:absolute; right:0; bottom:-50px; padding:20px; text-align:right; background:#fff; }
.room-slide .slide p strong { display:block; font-size:16px; }
.room-slide .slide p a { text-decoration:underline; font-size:12px; }

.special-bg { clear:both; padding:180px 10px; background:url('../img/common/bg_special_list.jpg') right 0 no-repeat; background-size:cover; }
.special-list-wrap { max-width:1200px; margin:0 auto; overflow:hidden; }
.special-list-wrap .img { position:relative; float:right; width:75%; }
.special-list-wrap .img .special-list { max-width:759px; margin:0 auto; }
.special-list-wrap .txt { float:left; width:25%; }
.special-list-wrap .txt h1 { line-height:1.2; font-family:'Goudy'; font-size:28px; }
.special-list-wrap .txt p { margin:20px 0 30px 0; font-family:'Goudy'; font-size:12px; }
.special-list-wrap .txt .sp-link a { font-size:14px; }
.special-list-wrap .txt .sp-link a:hover,
.special-list-wrap .txt .sp-link a.on { text-decoration:underline; }


/* Main */
.main-block { clear:both; margin-top:150px; }
.main-block .row { clear:both; overflow:hidden; }
.main-block .img { position:relative; float:left; width:50%; }
.main-block .img img { width:100%; }
.main-block .img .slide { height:550px; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.main-block .txt { float:right; width:50%; padding:150px 10px 0 10px; text-align:center; }
.main-block .txt > div { display:inline-block; text-align:left; }
.main-block .txt p { margin-top:20px; line-height:1.7; font-size:13px; color:#b4b4b4; }
.main-block .txt p.eng { margin-top:0; font-family:'Goudy'; font-size:16px; }
.main-block .txt a { display:inline-block; margin-top:20px; font-size:13px; color:#b4b4b4; }
.main-block .txt a:after { content:''; display:inline-block; width:40px; height:1px; margin-left:10px; vertical-align:middle; background:#adadad;  }
.main-block .txt a:after { transition:0.8s; }
.main-block .row:hover .txt a:after { width:100px; }
.main-block .row:nth-child(odd) .img { float:right; }
.main-block .row:nth-child(odd) .txt { float:left; }

/* Special */
.img-box-01 { position:relative; max-width:1380px; margin:150px auto; padding:0 10px; }
.img-box-01 .txt h1 { font-family:'Goudy'; font-size:36px; }
.img-box-01 .txt p { margin-top:40px; line-height:1.7; }
.img-box-01 .txt p.large { font-size:15px; }
.img-box-01 .img { width:50%; margin-top:80px; }
.img-box-01 .img.pos { position:absolute; right:0; top:0; margin:0; width:auto; }
.img-box-01 .eng { position:absolute; right:0; bottom:40px; width:50%; padding-left:40px; line-height:1.5; letter-spacing:0.5px; font-family:'Myriad'; font-size:11.5px; color:#8c8c8c; }
.img-box-01 .txt h2 { line-height:1; font-family:'Goudy'; font-size:20px; }

.img-box-02 { max-width:1000px; margin:150px auto; padding:0 10px; }
.img-box-02 .txt { text-align:center; }
.img-box-02 .txt h1 { line-height:1.2; font-family:'Goudy'; font-size:40px; }
.img-box-02 .txt h1:before { content:''; display:block; width:34px; height:30px; margin:0 auto; margin-bottom:30px; background:url('../img/common/ico_dash.png') center 0 no-repeat;}
.img-box-02 .txt p { margin-top:10px; }
.img-box-02 .img { overflow:hidden; margin-top:80px; }
.img-box-02 .img img { display:block; }
.img-box-02 .img .img1 { float:left; }
.img-box-02 .img .img2 { float:right; margin-top:150px; }

/* Reservation */
.block-info-wrap { max-width:1351px; margin:0 auto; margin-bottom:100px; }
.block-info { clear:both; overflow:hidden; margin-top:80px; }
.block-info .tit { margin-bottom:20px; }
.block-info .tit strong { font-family:'Goudy'; font-size:18px; }
.block-info .tit span { display:block; margin-top:5px; font-size:20px; }
.block-info p { line-height:1.6; }
.block-info strong { font-size:20px; }
.block-info ul { margin-bottom:20px; }
.block-info li { line-height:1.6; }
.block-info h2 { margin-top:20px; }
.block-info .img { margin-bottom:40px; }
.block-info .data-list { margin:20px 0; }
.block-info a { display:inline-block; width:200px; height:32px; line-height:32px; margin-top:20px; color:#fff; background:#8f8f8f;  text-align: center;}
.block { float:left; width:50%; padding:0 10px; }
.block.pd { padding:10px 0 0 10px; }
.block .mt { margin-top:20px; }


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


/*room table*/
.price-table{text-align: center;}
.price-table h3{font-size: 14px; font-weight: 500;}
.price-table h3 a{font-size: 22px;}
.price-table p{font-size: 13px; margin-bottom: 15px;}
.price-table table td, .price-table table th{border: 1px solid #333;}
.price-table table{width: 600px; margin: 0 auto; margin-bottom: 5px;}
.price-table table td.col1{background-color: #c1c1c1; color: #545454; font-weight: 500;}
.price-table table th{background-color: #c1c1c1; color: #545354; font-weight: 500;}

.price-table.full-price table{width: 800px;}

.box-board .room_data li .data{padding-left: 0; text-align: center;}
.box-board .room_data{padding-left: 0;}
.box-board .room_data li .tit {text-align: center;}
.box-board .room_data li .person_limit table{margin: 0 auto; margin-top: 5px;}
.box-board .room_tit{text-align: center;}
.m-price{display: none;}

/* 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: 1025px) {
	.header-wrap.fixed { position:fixed; background:rgba(255,255,255,0.8); }
	.sub-nav.fixed { position:static !important; }

}	

@media all and (min-width: 3000px) {
	.main-block .img .slide { height:700px; }
	.main-block .txt {  }
	.main-block .txt p { font-size:30px; }
	.main-block .txt p.eng { font-size:30px; }
	.main-block .txt a { font-size:25px; }
}

@media all and (max-width: 1500px) {
	.main-block .txt { padding-top:180px; }
}

@media all and (max-width: 1280px) {
	.header h1 { padding:10px 0 0 0; }
	.header h1 a.logo { width:140px; height:60px; }
	.side-nav .gnb > ul > li { margin:0 10px;}
	.side-nav .gnb > ul > li.gnb3 { margin-right:90px; }
	.side-nav .gnb > ul > li.gnb4 { margin-left:100px; }
	.side-nav .gnb > ul > li > a { font-size:14px; }

	.main-block .txt { padding-top:150px; }

}

@media all and (max-width: 1024px) {
	.wrapper { padding-left:0; padding-top:60px !important; }
	.header-wrap { position:fixed; right:0; width:auto; height:70px; background:#fff; border:0; }
	.header-wrap:after { display:none; }
	.header { width:auto; height:auto; }
	.header h1 { position:static; display:block; margin:0 auto; text-align:center; padding:20px 0 0 0;  }
	.header h1 a.logo { width:130px; height:60px; margin-top: -2px; }

	.btn-gnb { display:block; top:0; left:0; display:block; width:70px; height:70px; }
	.scroll-btn { display:none; }
	.sns-link { display:none; }

	.side-nav { position:fixed; left:-100%; top:70px; bottom:0; width:100%; height:auto; z-index:3000; margin:0; padding-top:50px; text-align:center; background:rgba(255,255,255,0.9); transition:0.5s; }
	.side-nav.on { left:0; right:0; top:70px; }
	.side-nav .gnb {  }
	.side-nav .gnb > ul > li { float:left; width:33%; min-width:auto; margin:0; height:auto; margin-bottom:20px; line-height:1.5; }
	.side-nav .gnb > ul > li.gnb3 { margin-right:0; }
	.side-nav .gnb > ul > li.gnb4 { margin-left:0; }
	.side-nav .gnb > ul > li.gnb4 {  }
	.side-nav .gnb > ul > li > a { line-height:1.5; font-size:18px; color:#333; }
	.side-nav .gnb .gnb-sub { display:block; position:static; min-width:auto; margin-top:5px; background:none; box-shadow:none; min-height: 250px;}
	.side-nav .gnb .gnb-sub li { margin:0; line-height:1.5;  }
	.side-nav .gnb .gnb-sub li a { font-size:12px; color:#333; }

	.foot-banner { height:300px; background-attachment:unset; }

	.sub-view .slide { height:300px; }

	.sub-nav.fixed { top:70px; }
	
	.top-reserve { display:none; }
	.m-link { display:block; }

	.slide-tit { top:30%; }
	.slide-tit span { font-size:12px; letter-spacing:3px; }
	.slide-tit strong { font-size:30px; }
	.slide-tit p { font-size:12px; }

	.main-block .txt { padding:80px 10px 0 80px; }

	.img-box-01 { margin:150px auto; }
	.img-box-01 .txt h1 { font-size:36px; }
	.img-box-01 .txt p { margin-top:20px; }
	.img-box-01 .txt p.large { font-size:15px; }
	.img-box-01 .img { width:30%; margin-top:40px; }
	.img-box-01 .img.pos { width:50%; }
	.img-box-01 .eng { bottom:0; width:50%; padding-left:0; font-size:13px; }

}

@media all and (max-width: 900px) {
	
	.full-view .slide { height:270px; }
	
	.main-block .img .slide { height:300px; }
	.main-block .txt { padding:30px 10px 0 10px; }
	.special-bg { padding:80px 10px; }

	.sub-nav li { margin:0 5px; }
	.sub-nav li a { font-size:12px; }

	.img-box-01 { margin:70px auto; }
	.img-box-01 .txt h1 { font-size:36px; }
	.img-box-01 .txt p { margin-top:20px; font-size:12px; }
	.img-box-01 .txt p.large { font-size:14px; }
	.img-box-01 .img { width:40%; margin-top:40px; }
	.img-box-01 .img.pos { width:45%; right:10px; }
	.img-box-01 .eng { bottom:40px; width:45%; font-size:12px; }
	
	.img-box-02 { margin:60px auto; }
	.img-box-02 .img img { float:none !important; display:block; margin:0 auto 10px auto; margin-top:0 !important; }
    
    .pc-map { display:none; }
	.m-map { display:block; }

	.price-table.full-price table{width: 100%;}
}

@media all and (max-width: 700px) {
	.slide-btn button.prev { left:10px; width:30px; }
	.slide-btn button.next { right:10px; width:30px; }

	
	.top-reserve { padding:0 5px; }
	.top-reserve i { position:absolute; top:10px; left:50%; margin-left:-10px; } 
	.top-reserve a { padding:0; font-size:12px; }

	.footer-wrap { position:relative; }
	.footer { margin-top:10px; }
	.box-line { position:static; height:20px; }
	.btn-top { top:10px; right:10px; }
	.foot-sns { position:absolute; left:50%; top:10px; margin:0 0 0 -28px; }
	.foot-sns a { margin:0 5px; }
	.footer p span { display:block; padding:0; margin:0; }
	.footer p span:before { display:none; }
	
	.footer p.foot-copy strong { padding-left:0; margin-left:0; }
	.footer p.foot-copy strong:before { display:none; } 

	.sub-view .slide { height:250px; }

	.main-block { margin-top:80px; }
	.main-block .img { float:none !important; width:auto; }
	.main-block .img .slide { height:250px; }
	.main-block .txt { float:none !important; width:auto; padding:20px 10px; }

	.special-bg { padding:10px; }
	.special-list-wrap .img { float:none; width:auto; }
	.special-list-wrap .txt { position:relative; float:none; width:auto; overflow:hidden; margin-top:20px;}
	.special-list-wrap .txt h1 { font-size:28px; }
	.special-list-wrap .txt p { margin:10px 0 20px 0; font-size:12px; }
	.special-list-wrap .txt .sp-link { position:absolute; right:10px; top:0; }
	.special-list-wrap .txt .sp-link a { font-size:13px; }

	.sub-tit-02 { margin:40px 0; }
	.sub-tit-02 strong { font-size:30px; }

	.sub-txt { margin:50px 0; font-size:12px; }
	.img-box-01 .txt { margin-top:20px; }
	.img-box-01 .txt h1 { font-size:30px; }
	.img-box-01 .img { position:static !important; width:auto !important; }
	.img-box-01 .eng { position:static; width:auto; margin-top:20px; text-align:center; }

	.img-box-02 .txt h1 { font-size:25px; }
	.img-box-02 .txt p { font-size:12px; }

	.box-board { margin-top:50px; }
	.block-info { margin-top:50px; }
	.block { float:none; width:auto; margin-bottom:10px; padding:0 10px; }

	.mt_m { margin-top:50px; }
	.block-info .tit { margin-bottom:10px; }
	.block-info p { font-size:12px; }
	.block-info li { font-size:12px; }
	.block-info li strong { font-size:13px; font-weight:500; color:#bc0000; }
	.block.pd { padding:0 10px; }
	.block-info .img { margin-bottom:10px; }
	.data-list td { font-size:12px; }

	.room-slide .slide { float:left; width:50%; padding:0 10px; margin:0; margin-bottom:50px; }
	.room-slide .slide p { padding:10px 15px; }
	.room-slide .slide p strong { font-size:16px; }
	.room-slide-wrap .slide-btn { display:none; }
	.price-table table{width: 100%;}
	.price-table p{margin-bottom: 8px;}
	.footer .tel{font-size: 20px;}
	.m-price{display: block;}
	.pc-price{display: none;}
	.btn-reserve{width: 200px;}
	.box-board .week_date p{padding: 0 5px; font-size: 13px;}
}
	

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

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