@charset "utf-8";

@import "normalize.css"; /* reset */
@import "slick.css"; /* slick swiper */

/* 
   WEB FONT (CDN server)
   Nanum Barun Gothic, Nanum Myeongjo
*/


@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanummyeongjo/nanummyeongjo.css);
@font-face {
	font-family:'Levenim';
	font-weight:normal;
	src:url('../font/Levenim_Bold.eot');
	src:url('../font/Levenim_Bold.eot?#iefix') format('embedded-opentype'),
		url('../font/Levenim_Bold.woff') format('woff');
}


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

/* layout */
body { background:#f3f3f3; }
.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:76px; height:58px; margin-left:-38px; 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-scroll.white { background-image:url('../img/common/btn_scroll_white.png'); }
.btn-top { display:none; position:fixed; bottom:20px; right:10px; z-index:3000; width:61px; height:56px; background:url('../img/common/btn_top.jpg') 0 0 no-repeat; background-size:100%; }
.btn-tel { position:absolute; left:10px; top:20px; z-index:200; width:55px; height:15px; font-size:0; background:url('../img/common/ico_tel.jpg') 0 0 no-repeat; background-size:100%; }
.btn-reserve { position:absolute; right:10px; top:20px; z-index:200; width:48px; height:15px; font-size:0; background:url('../img/common/ico_reserve.jpg') 0 0 no-repeat; background-size:100%; }

.header { position:relative; z-index:3000; overflow:hidden; margin:50px 0 0 130px; }
.header h1 { float:left; position:relative; z-index:100; }
.header .gnb { float:left; margin:10px 0 0 30px; }

.header .gnb > ul {  }
.header .gnb > ul > li { display:inline-block; }
.header .gnb > ul > li > a { position:relative; display:block; padding:0 30px 0 0; text-align:center; font-size:16px; color:#434450;  }
.header .gnb > ul > li > a:hover, .header .gnb > ul > li > a:focus, .header .gnb > ul > li > a.on, .header .gnb > ul > li > a.current { text-decoration:line-through; }
.header .gnb .gnb-sub { display:none; position:absolute; top:40px; z-index:1000; width:100%;  }
.header .gnb .gnb-sub.current { display:block; }
.header .gnb .gnb-sub.wide { left:210px; }
.header .gnb .gnb-sub li { display:inline-block; margin-right:15px; }
.header .gnb .gnb-sub li a { font-size:13px; color:#79797a;  }
.gnb .gnb-sub li a:hover, .gnb .gnb-sub li a:focus, .gnb .gnb-sub li a:active, .gnb .gnb-sub li a.on, .gnb .gnb-sub li a.current { color:#000; font-weight:bold; }

.foot-link { clear:both; height:396px; margin-top:75px; padding-top:90px; text-align:center; color:#4c4c4c; background:url('../img/common/bg_foot.jpg') right 0 no-repeat #a4a9a2; }
.foot-link h1 { position:relative; padding-bottom:15px; font-family:'Levenim'; font-size:21px; }
.foot-link h1:after { content:''; position:absolute; bottom:0; left:50%; height:1px; width:90px; margin-left:-45px; background:#4c4c4c; }
.foot-link p { margin:22px 0 46px 0; font-size:14px; }
.foot-link dl {  }
.foot-link dt { font-weight:bold; font-size:11px; }
.foot-link dd { margin-top:10px; }
.foot-link dd a { display:inline-block; margin:0 7px; }
.footer { padding:30px 0 50px 0; text-align:center; background:#3a3a3a; }
.footer strong { font-size:12px; font-weight:400; color:#e0cdb0; }
.footer a.foot-tel { display:block; margin-bottom:20px; font-size:18px; color:#e0cdb0; }
.footer p { margin-top:5px; font-size:11px; color:#c2c2c2; }
.footer p span { display:inline-block; margin:0 7px; }
.footer p a { color: #c2c2c2; }
.footer li a { font-weight:bold; font-size:13px; color:#fff; border-bottom:1px solid #fff; }

.content { margin:-60px auto 0 auto; }

/* Common object */
.table-wrap { position:relative; overflow:hidden; }
.data-list { width:100%; border-top:2px solid #6e6e6f; border-bottom:2px solid #6e6e6f; color:#555; text-align:center; }
.data-list { width:100%; border-top:2px solid #828681; border-bottom:1px solid #828681; color:#333; text-align:center; }
.data-list thead th { padding:10px; font-weight:normal; border-left:1px solid #828681; background:#f1f1f1; }
.data-list tbody th { background:#f1f1f1; }
.data-list tbody td { padding:10px; border-top:1px solid #e7e7e7; border-left:1px solid #828681; }
.data-list thead tr th:first-child { border-left:0; }
.data-list tbody tr td:first-child { border-left:0; }
.swipe-guide { display:none; position:absolute; top:50%; left:50%; width:100px; height:100px; margin:-50px 0 0 -50px; color:#222; text-align:center; font-size:6em; border-radius:50%; }
.swipe-guide i { vertical-align:middle; }

.slide-btn button { display:inline-block; position:absolute; top:50%; z-index:1000; width:76px; height:76px; overflow:hidden; margin-top:-38px; background-repeat:no-repeat; background-position:0 0; background-size:100%; }
.slide-btn .btn-prev { left:10px; background-image:url('../img/common/btn_prev.png'); }
.slide-btn .btn-next { right:10px; background-image:url('../img/common/btn_next.png'); }
.slide-btn .btn-prev:hover { background-image:url('../img/common/btn_prev_on.png'); }
.slide-btn .btn-next:hover { background-image:url('../img/common/btn_next_on.png'); }

.link-reserve { display:inline-block; width:248px; height:44px; margin-top:20px; font-size:0; background:url('../img/content/btn_reserve_off.jpg') 0 0 no-repeat; }
.link-reserve:hover, .link-reserve:focus, .link-reserve:active { background-image:url('../img/content/btn_reserve_on.jpg'); }

.star-list {  }
.star-list li { position:relative; margin-top:3px; padding-left:10px; font-size:14px; color:#333;  }
.star-list li:before { content:'*'; position:absolute; left:0; top:0; color:inherit; }
.star-list li.point { color:#ee0038; }

.dash-list {  }
.dash-list > li { position:relative; margin-top:3px; padding-left:10px; font-size:14px; color:#7c7c7c; }
.dash-list > li:first-child { margin:0; }
.dash-list > li:before { content:''; position:absolute; left:0; top:10px; background:#5d5d5d; width:5px; height:1px; }
.dash-list > li ul  { margin:10px 0; }
.dash-list > li ul li { margin-top:5px; }
.dash-list > li ul li span { color:#9f958e; }

.dot-list {  }
.dot-list li { position:relative; margin-top:3px; padding-left:7px; font-size:14px; color:#333; }
.dot-list li:before { content:''; position:absolute; left:0; top:8px; background:#222; width:2px; height:2px; }

.normal-list {  }
.normal-list li { margin-top:5px; font-size:14px; color:#333; }

.txt-bold li { font-weight:bold; color:#222; }

.box-tit { position:relative; height:625px; text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.box-tit h1 { position:absolute; top:220px; left:0; right:0; color:#fff; }
.box-tit h1 strong { position:relative; display:block; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-size:59px; }
.box-tit h1 strong:after { content:''; position:absolute; left:50%; bottom:0; width:90px; height:1px; margin-left:-45px; background:#fff;; }
.box-tit h1 p { margin-top:20px; font-family:'Nanum Myeongjo'; font-size:15px; }

.con-tit { position:relative; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-weight:normal; font-size:30px; color:#686765; }
.con-tit:after { content:''; position:absolute; bottom:0; left:50%; width:90px; margin-left:-45px; height:1px; background:#686765; }
.con-tit + p { margin-top:25px; color:#686765; font-family:'Nanum Barun Gothic' }

.special-list { margin:175px 0 160px 0; text-align:center; }
.special-list ul { margin-top:70px; }
.special-list li { display:inline-block; margin:0 15px; }
.special-list li a { position:relative; display:block; }
.special-list li span { position:absolute; top:0; left:0; right:0; bottom:0; display:block; line-height:139px; text-align:center; color:#fff; opacity:0; border-radius:100%; background:rgba(0,0,0,0.5); -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; }
.special-list li a:hover span, .special-list li a:focus span, .special-list li a:active span { opacity:1; }

.room-list-wrap { width:1650px; margin:0 auto; overflow:hidden; text-align:center; }
.room-list-wrap h1 { float:left; width:393px; height:396px; margin:0 6px 20px 6px; text-align:left; line-height:1.2; color:#686765; }
.room-list-wrap h1 strong { display:block; padding-top:100px; font-size:30px; }
.room-list-wrap h1 p { margin-top:25px; line-height:1.7; font-size:14px; }
.room-list-wrap a { float:left; width:393px; height:396px; overflow:hidden; margin:0 6px 20px 6px; }
.room-list-wrap a.circle {  }
.room-list-wrap a img { max-width:100%; -webkit-transition:0.8s; -ms-transition:0.8s; transition:0.8s; }
.room-list-wrap a.last { margin-left:410px; }
.room-list-wrap a:hover img { -webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1); }
.room-list-wrap a.circle:hover img { -webkit-transform:scale(0.9); -ms-transform:scale(0.9); transform:scale(0.9); }
/* main */
.main-con { max-width:1762px; }
.main-top { position:relative; overflow:hidden; }
.main-top .main-slider { float:left; width:750px; overflow:hidden; }
.main-top .main-slider .slide { height:942px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.main-top .main-slider .slide-copy { margin-top:20px; font-size:12px; color:#848382; }
.main-top .main-top-img { float:left; width:925px; overflow:hidden; margin-left:80px; }
.main-top .main-top-img img { max-width:100%; }
.main-top .main-top-01 { float:left; margin-top:250px; text-align:center; }
.main-top .main-top-02 { float:right; text-align:right;}

.main-scroll { position:relative; width:1530px; margin:190px auto 0 auto; }
.main-scroll .scroll-obj { opacity:0; }
.main-scroll .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; }
.main-scroll .scroll-obj img { max-width:100%; }
.main-scroll .box-01 {  }
.main-scroll .box-02 { position:absolute; right:0; top:135px; }
.main-scroll .box-03 { position:relative; z-index:10; margin-top:123px; padding-left:308px; color:#686765; }
.main-scroll .box-03 h1 { font-size:42px; font-weight:bold; line-height:1.2; }
.main-scroll .box-03 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.main-scroll .box-03 p { margin:20px 0 30px 0; font-size:14px; }
.main-scroll .box-03 a {  }
.main-scroll .box-04 { margin:-20px 0 0 325px; }

.main-inside { margin:110px 0 180px 0; text-align:center; }
.inside-wrap { position:relative; height:783px; overflow:hidden; margin-top:40px; background:url('../img/main/bg_inside_01.jpg') center center no-repeat; background-size:cover; }
.inside-wrap ul { padding-top:48px; }
.inside-wrap li { position:relative; display:inline-block; margin-left:23px; padding-left:23px; }
.inside-wrap li:before { content:''; position:absolute; left:0; top:5px; width:1px; height:11px; background:#fff; }
.inside-wrap li:first-child { margin:0; padding:0; }
.inside-wrap li:first-child:before { display:none; }
.inside-wrap a { font-size:13px; color:#fff; }
.inside-wrap a:hover, .inside-wrap a:focus, .inside-wrap a:active, .inside-wrap a.on { font-weight:bold; border-bottom:1px solid #fff; }
.box-inside { display:none; position:relative; margin:50px auto 0 auto; }
.box-inside.show { display:block; }
.box-inside span { position:absolute; display:none; }
.box-inside img { max-width:100%; }
#seaview { width:1126px; height:544px; }
#lighting { width:1200px; height:590px; }
#bedding { width:1130px; height:550px; }
#props { width:1200px; height:590px; }
#seaview .obj-01 { left:0; bottom:0; }
#seaview > div { position:absolute; right:0; top:0; bottom:0; width:600px;  }
#seaview .obj-02 { left:0; top:0; }
#seaview .obj-03 { right:0; top:0; }
#seaview .obj-04 { bottom:0; left:0; }
#seaview .obj-05 { bottom:0; right:0; }
#lighting .obj-01  { left:0; top:0; }
#lighting .obj-02  { left:0; bottom:0; }
#lighting .obj-03  { left:403px; top:0; }
#lighting .obj-04  { right:0; top:0; }
#lighting .obj-05  { right:212px; bottom:0; }
#lighting .obj-06  { right:0; bottom:0; }
#bedding .obj-01 { left:0; top:0; }
#bedding .obj-02 { left:0; bottom:0; }
#bedding .obj-03 { right:0; top:0; }
#props .obj-01  { left:0; top:0; }
#props .obj-02  { left:0; bottom:0; }
#props .obj-03  { left:403px; top:0; }
#props .obj-04  { right:0; top:0; }
#props .obj-05  { right:212px; bottom:0; }
#props .obj-06  { right:0; bottom:0; }
.box-inside .img-m { display:none; }


/* Room */
.room-top { max-width:1764px; overflow:hidden; margin:0 auto; }
.room-info { float:right; width:812px; padding:90px 0 0 30px; color:#686765; }
.room-info .room-info-img { margin-left:-30px; max-width:100%; }
.room-info h1 { position:relative; margin-top:-52px; padding-bottom:15px; margin-bottom: 30px;}
.room-info h1:after { content:''; position:absolute; bottom:0; left:0; width:90px; height:1px; background:#686765; }
.room-info h1 strong { line-height:1.1; font-family:'Levenim'; font-size:59px; }
.room-info h1 span { margin-left:10px; font-size:20px; }
.room-info dl { font-size:12px; }
.room-info dt { margin-top:20px; }
.room-info dd { margin-top:5px; }
.room-info h2 { margin-top:20px; font-family:'Century'; font-size:15px; }
.room-info ul { margin-top:5px; }
.room-info li { line-height:1.7; font-size:12px; }
.room-slider { float:left; }
.room-slider img { max-width:100%; }
.room-view { margin-top:80px; text-align:center; }
.room-view img { display:block; max-width:100%; margin:0 auto; }

.room-preview { position:relative; margin-bottom:80px; text-align:center; }
.room-preview-tit { position:absolute; top:100px; left:0; right:0;  }
.room-preview h1 { font-size:60px; color:#fff }
.room-preview h1:after { background:#fff; }
.room-preview h1 + p { font-family:'Nanum Myeongjo'; font-size:15px; color:#fff }
.room-preview img { max-width:100%; }
.room-preview span { display:none; position:absolute; width:50px; height:50px; line-height:50px; letter-spacing:1px; color:#000; font-family:'Levenim'; font-size:14px; border-radius:100%; background:rgba(255,255,255,0.5); -webkit-transition:0.3s; -ms-transition:0.3s; transition:0.3s; }
.room-preview span.over { display:block; border:0; background:rgba(249,252,73,0.6); animation:table-guide 1.5s infinite; }

.price_tb_info{}
.price_tb_info h3{padding: 20px 0 0px 0; font-size: 14px;}
.price_tb_info span{display: inline-block; width: 50px; height: 1px; background-color: #686765;}
.price_tb_info ul{}
.price_tb_info ul li{font-size: 13px; line-height: 30px;}


/*Room_New*/
/* ROOM */
.animateme { transition:0.8s; }
.room-wrap.room-con .room-info{float: none; width: 100%; padding: 0;}
.room-con .con-tit { text-align:center; color:#505c55; }
.room-con .con-tit h1 { line-height:1;  }
.room-con .con-tit h1 span { font-size:30px; }
.room-con .con-tit h1 strong { display:block; margin-top:5px; font-size:60px; }
.room-con .con-tit h2 { margin-top:25px;font-size:26px; font-weight:200; }
.room-con .con-tit h2 strong { font-weight:400; }
.room-con .con-tit p { margin-top:15px; line-height:1.7; font-size:16px; font-weight: 200;}
.room-con .room-info-wrap { position:relative; margin-top:120px; padding-bottom:180px; overflow:hidden; }
.room-con .room-info { max-width:982px; margin:0 auto; margin-top:50px; }
.room-con .room-info h3 { margin-top:56px; border-bottom:1px solid #ebe8e6; font-weight: bold;}
.room-con .room-info h3:first-child { margin-top:0; }
.room-con .room-info h3 span { display:block; width:140px; padding:0 10px 20px 16px; color:#000; border-bottom:1px solid #000;  white-space: nowrap;}
.room-con .room-info .room-info-txt { padding:40px 0 0 150px; }
.room-con .room-info .room-info-txt .box-board { max-width:900px; margin:0; }
.room-con .room-info .room-info-txt .box-board img { display:block; }
.room-con .room-info li { line-height:2.2; font-size: 14px; }
.room-con .room-info-is li{line-height: 1.8;}
.room-con .room-info-is li span{text-indent: 10px; display: inline-block;}
.room-con .room-img { position:absolute; right:0; top:440px; width:450px; }
.room-con .room-img * { position:absolute; }
.room-con .room-img .img1 { left:50px; bottom:180px; z-index:10; }
.room-con .room-img .img2 { right:0; bottom:0; }
.room-con .room-img span { left:0; bottom:150px; z-index:20; display:block; width:60px; height:60px; border-radius:100%; background:#7c7c7c; }
.room-con .m-room-info{display: none;}
.room-con .room-info .m-price iframe{height: 200px;;}
.room-con .pos-wrap { position:relative; }

.room-con .room-view-wrap { position:relative; }
.room-con .room-view-slide .slide { height:950px; }
.room-con .room-view-wrap .slide-btn { top:0; }
.room-con .room-view-wrap .slide-info { position:absolute; right:24px; bottom:20px; z-index:1200; text-align:center; color:#fff; font-size:13px; font-family:'baskerton'; }
.room-con .room-view-wrap .slide-info span { margin-right:3px; }
.room-con .room-view-wrap .slide-info em { margin-left:3px; font-style:italic; }
.room-con .room-view-wrap .thumb-vdo-wrap{height: 44vw;}

.room-wrap .room-txt { text-align: center; color: #5b5755; padding-top: 260px; padding-bottom: 335px; position: relative; max-width: 1420px; margin: 0 auto;}
.room-wrap .room-txt h1{font-size: 22px; display: inline-block;}
.room-wrap .room-txt h1::after{content: ""; display: block; height: 1px; background-color: #5b5755; transform: translateY(-3px);}
.room-wrap .room-txt p{font-size: 16px; margin-top: 30px;}

.room-wrap .room-txt .img-wrap{position: absolute; width: 100%; pointer-events: none; top: 0;}
.room-wrap .room-txt .img-wrap .left-img{float: left; margin-top: 320px;}
.room-wrap .room-txt .img-wrap .right-img{float: right; margin-top: 170px;}

.room-wrap .room-info .room-price{width: 100%; text-align: center; font-size: 13px; margin-top: 30px; }
.room-wrap .room-info .box-board .txt{margin-top: 15px;}
.room-wrap .room-info .box-board .txt h5{font-size: 14px; margin-bottom: 5px;}
.room-wrap .room-info .box-board .txt p{font-size: 13px;}


.room-wrap .room-info .room-price th{background-color: #f7f6f6; border: 1px solid #d8d8d8; padding: 3px 0;}
.room-wrap .room-info .room-price tr:first-child th{border-top: 2px solid #d8d8d8;}
.room-wrap .room-info .room-price tr:last-child th{font-weight: 500;}
.room-wrap .room-info .room-price td{border-right: 1px solid #d8d8d8; padding: 3px 0; border-bottom: 1px solid #d8d8d8;}
.room-wrap .room-info .room-price td:last-child{border-right: 0;}
.room-wrap .room-info .room-price th:last-child{border-right: 0;}
.room-wrap .room-info .room-price th:first-child{border-left: 0;}
.room-wrap .pc-price iframe{height: 130px;}
.room-wrap .img-container{max-width: 1420px; margin: 0 auto; position: relative;}
.room-wrap .img-container .img-wrap::after{content: ""; display: table; clear: both;}
/* .room-con .img-container .img-depth1{margin-bottom: 100px;}
.room-con .img-container .img-depth1 .img{float: left; width: calc(33.33333% - 6.6666px); margin-bottom: 10px;}
.room-con .img-container .img-depth1 .img:nth-of-type(3n - 1){margin: 0 10px;}
.room-con .img-container .img-depth1 .img img{display: block; width: 100%;} */

.room-wrap .img-container .img-depth1{margin-bottom: 100px;}
.room-wrap .img-container .img-depth1 img{width: 100%; display: block;}

.room-wrap .img-container .img-depth2{margin-bottom: 100px;}
.room-wrap .img-container .img-depth2 .img{margin-bottom: 10px;}
.room-wrap .img-container .img-depth2 .img img{display: block; width: 100%;}
.room-wrap .img-container .img-depth2 .img:nth-of-type(2n - 1) {width: 57.03125%; float: left; padding-right: 5.703125px;}
.room-wrap .img-container .img-depth2 .img:nth-of-type(2n) {width: 42.96875%;float: right; padding-left: 4.298875px;}

/* .room-con .img-container .img-depth4{margin-bottom: 100px;}
.room-con .img-container .img-depth4 .img{width: calc(50% - 1px); margin-bottom: 2px; float: left;}
.room-con .img-container .img-depth4 .img img{display: block; width: 100%;}
.room-con .img-container .img-depth4 .img:nth-of-type(2n - 1){margin-right: 2px;} */

.room-wrap .room-preview-wrap{max-width: 1250px; margin: 0 auto; margin-bottom: 150px; position: relative; height: 700px;}
.room-wrap .room-preview-wrap .slide{height: 700px;}
.room-wrap .room-preview-wrap .gallery-btn{position: absolute; top: 50%; left: 0; width: 100%;  z-index: 10; transform: translateY(-50%);}
.room-wrap .room-preview-wrap .gallery-btn .prev{float: left; margin-left: 50px;}
.room-wrap .room-preview-wrap .gallery-btn .next{float: right; margin-right: 50px;}
.room-wrap .room-preview-wrap .gallery-btn .fal{font-size: 32px; color: white; transition: 0.6s;}
.room-wrap .room-preview-wrap .gallery-btn button:hover .fal{color: #333;}
.room-wrap .btn-reserve.frame-btn{position: relative; right: 0; top: 0; z-index: 0; width: auto; height: auto; font-size: auto; background: none;}

/* 버튼 */
.frame-btn {
	margin-top: 50px;
	line-height: 10px;
	display: inline-block;
	padding: 25px 30px;
	font-size: 10px;
	letter-spacing: 3px;
	text-decoration: none;
	position: relative;
	left: 50%;
	margin-left: -79px;
  }
  .frame-btn__text {
	color: #7c7c7c;
	font-weight: bold;
	text-transform: uppercase;
	transition: 300ms ease;
	position: relative;
	font-weight: 400;
  }
  .frame-btn:hover .frame-btn__text {
	color: white;
  }
  .frame-btn__solid {
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px;
	background-color: #7c7c7c;
	width: calc(100% - (5px * 4));
	height: calc(100% - (5px * 4));
	transform-origin: 50%;
	transform: scale(0.85);
	opacity: 0;
	transition: 500ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .frame-btn:hover .frame-btn__solid {
	opacity: 1;
	transform: scale(1);
  }
  .frame-btn__outline {
	position: absolute;
	top: 0;
	left: 0;
  }
  .frame-btn__outline--tall {
	margin: 0 5px;
	width: calc(100% - (5px * 2));
	height: 100%;
  }
  .frame-btn__outline--flat {
	margin: 5px 0;
	height: calc(100% - (5px * 2));
	width: 100%;
  }
  .frame-btn__line {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
  }
  .frame-btn__line--tall:before, .frame-btn__line--tall:after {
	height: 100%;
	width: 1px;
	top: 0;
  }
  .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:before, .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--tall:after {
	transform: scaleY(0);
  }
  .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:before, .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--tall:after {
	margin: 5px 0;
	height: calc(100% - (5px * 2));
  }
  .frame-btn__line--tall:before {
	left: 0;
  }
  .frame-btn__line--tall:after {
	right: 0;
  }
  .frame-btn__line--flat:before, .frame-btn__line--flat:after {
	width: 100%;
	height: 1px;
	left: 0;
  }
  .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:before, .frame-btn:hover .frame-btn__outline--tall .frame-btn__line--flat:after {
	transform: scaleX(0);
  }
  .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:before, .frame-btn:hover .frame-btn__outline--flat .frame-btn__line--flat:after {
	margin: 0 5px;
	width: calc(100% - (5px * 2));
  }
  .frame-btn__line--flat:before {
	top: 0;
  }
  .frame-btn__line--flat:after {
	bottom: 0;
  }
  .frame-btn__line:before, .frame-btn__line:after {
	content: "";
	display: block;
	position: absolute;
	background-color: #7c7c7c;
	transition: 800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  .frame-btn:hover .frame-btn__line:before, .frame-btn:hover .frame-btn__line:after {
	transition: 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
  }
  *, *:before, *:after {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }
  
/* Special */
.special-con { position:relative; }
.special-con .header { position:absolute; top:50px; left:130px; margin:0; overflow:visible; }
.special-con .header:before { display:none; content:''; position:fixed; left:0; top:0; width:1300px; height:130px; background:rgba(255,255,255,0.7); -webkit-transition:0.6s; -ms-transition:0.6s; transition:0.6s; background:rgba(255,255,255,0.7); }
.special-con .header:hover:before { display:block; }
.special-con .header .gnb-sub { top:40px; }
.special-slide-wrap { position:relative; }
.special-slide-wrap h1 { position:absolute; left:0; right:0; top:40%; text-align:center; color:#fff; }
.special-slide-wrap h1 strong { position:relative; display:block; padding-bottom:20px; line-height:1.2; font-family:'Levenim'; font-size:58px; }
.special-slide-wrap h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#fff; }
.special-slide-wrap h1 p { margin-top:25px; line-height:1.7; font-family:'Nanum Myeongjo'; font-size:15px; }
.special-slide .slide { background-position:center center; background-repeat:no-repeat; background-size:cover; transition:0.5s; }
.special-slide .slide-effect { -webkit-animation:slide-effect 7s; -ms-animation:slide-effect 7s; animation:slide-effect 7s; }


.special-view { position:relative; width:1640px; margin:0 auto; }
.special-view .scroll-obj { opacity:0; }
.scroll-obj.fadeY{transform: translateY(30px); opacity: 0; transition: 1.4s;}
.scroll-obj.fadeY.active{transform: translateY(0); opacity: 1;}
.special-view .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; }
.special-view .scroll-obj img { max-width:100%; }
.special-view .special-01 { padding-top:70px; text-align:center; }
.special-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special-view .special-01 p span { line-height:1.7; font-size:15px; color:#782d13; }
.special-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special-view .special-01 p.small { font-size:12px; }
.special-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special-view .special-01 img { margin-top:10px; }
.special-view .special-02 { float:left; margin:95px 0 0 157px; color:#686765; }
.special-view .special-02 h1 { margin-top:45px; font-size:42px; font-weight:bold; line-height:1.2; }
.special-view .special-02 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special-view .special-02 p { margin-top:20px; font-size:14px; }
.special-view .special-03 { float:left; margin:209px 0 50px 120px;}
.special-view .special-03 img { display:block; margin:0 auto 80px auto; }
.special-view .special-04 { clear:both; }
.special-view .special-05 { margin-top:140px; }
.special-view .special-05 img { display:inline-block; margin:0 20px; }
.special-view .special-06 { margin-top:140px; text-align:center; }
.special-view .special-06 img {margin:0 20px; }
.special-view .special-07 { clear:both; }


.special2-view { position:relative; width:1640px; margin:0 auto; }
.special2-view .scroll-obj { opacity:0; }
.special2-view .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; }
.special2-view .scroll-obj img { max-width:100%; }
.special2-view .special-01 { padding-top:70px; text-align:center; }
.special2-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special2-view .special-01 p span { line-height:1.7; font-size:15px; color:#782d13; }
.special2-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special2-view .special-01 p.small { font-size:12px; }
.special2-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special2-view .special-01 img { margin-top:10px; }
.special2-view .special-02 { float:left; margin:95px 0 0 157px; color:#686765; }
.special2-view .special-02 h1 { margin-top:45px; font-size:42px; font-weight:bold; line-height:1.2; }
.special2-view .special-02 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special2-view .special-02 p { margin-top:20px; font-size:14px; }
.special2-view .special-03 { float:left; margin:209px 0 50px 120px;}
.special2-view .special-03 img { display:block; margin-bottom:80px; }
.special2-view .special-04 { clear:both; text-align:center }
.special2-view .special-04 img { margin-top:10px; }
.special2-view .special-05 { clear:both; text-align:center; }
.special2-view .special-05 img { margin-top:70px; }
.special2-view .special-06 { clear:both; }


.special3-view { position:relative; width:1640px; margin:0 auto; }
.special3-view .scroll-obj { opacity:0; }
.special3-view .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; }
.special3-view .scroll-obj img { max-width:100%; }
.special3-view .special-01 { padding-top:70px; text-align:center; }
.special3-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special3-view .special-01 p span { line-height:1.7; font-size:15px; color:#782d13; }
.special3-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special3-view .special-01 p.small { font-size:12px; }
.special3-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special3-view .special-01 img { margin-top:10px; }
.special3-view .special-02 { float:left; margin:95px 0 0 157px; color:#686765; }
.special3-view .special-02 h1 { margin-top:45px; font-size:42px; font-weight:bold; line-height:1.2; }
.special3-view .special-02 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special3-view .special-02 p { margin-top:20px; font-size:14px; }
.special3-view .special-02 p span { font-size:18px; color:#307aac; }
.special3-view .special-02 p red { font-size:14px; color:#870000; }
.special3-view .special-02 p blue { font-size:14px; color:#307aac; }
.special3-view .special-03 { float:left; margin:209px 0 50px 120px;}
.special3-view .special-03 img { display:block; margin-bottom:80px; }
.special3-view .special-04 { clear:both; text-align:center }
.special3-view .special-04 img { margin-top:10px; }
.special3-view .special-05 { clear:both; text-align:center; }
.special3-view .special-05 img { margin-top:70px; }
.special3-view .special-06 { clear:both; }



.special4-view { position:relative; width:1640px; margin:0 auto; }
.special4-view .scroll-obj { opacity:0; }
.special4-view .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; }
.special4-view .scroll-obj img { max-width:100%; }
.special4-view .special-01 { padding-top:70px; text-align:center; }
.special4-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special4-view .special-01 p span { line-height:1.7; font-size:15px; color:#782d13; }
.special4-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special4-view .special-01 p.small { font-size:12px; }
.special4-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special4-view .special-01 img { margin-top:10px; }
.special4-view .special-02 { clear:both; text-align:center;}
.special4-view .special-02 img {margin-top:70px; }
.special4-view .special-03 { float:left; margin:95px 0 0 70px; color:#686765; }
.special4-view .special-03 h1 { margin-top:45px; font-size:42px; font-weight:bold; line-height:1.2; }
.special4-view .special-03 h1 span { font-weight:normal; color:#686765; border-bottom:1px solid #686765; }
.special4-view .special-03 p { margin-top:0px; font-size:14px; }
.special4-view .special-04 { clear:both; text-align:center }
.special4-view .special-04 img { margin-top:50px; }
.special4-view .special-04 p { line-height:1.7; font-size:15px; color:#8a8988; margin-top:20px;}
.special4-view .special-05 { clear:both; }



.special5-view { position:relative; width:1640px; margin:0 auto; }
.special5-view .scroll-obj { opacity:0; }
.special5-view .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; }
.special5-view .scroll-obj img { max-width:100%; }
.special5-view .special-01 { padding-top:70px; text-align:center; }
.special5-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special5-view .special-01 p span { line-height:1.7; font-size:15px; color:#584630; }
.special5-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special5-view .special-01 p.small { font-size:12px; }
.special5-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special5-view .special-01 img { margin-top:10px; }
.special5-view .special-02 { clear:both; text-align:center;}
.special5-view .special-02 img {margin-top:70px; }
.special5-view .special-03 { float:left; margin:95px 0 0 70px; color:#686765; }
.special5-view .special-04 { clear:both; text-align:center }
.special5-view .special-04 img { margin-top:150px; }
.special5-view .special-04 p { line-height:1.7; font-size:15px; color:#8a8988; margin-top:20px;}
.special5-view .special-05 { clear:both; }


.special6-view { position:relative; width:1640px; margin:0 auto; }
.special6-view .scroll-obj { opacity:0; }
.special6-view .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; }
.special6-view .scroll-obj img { max-width:100%; }
.special6-view .special-01 { padding-top:70px; text-align:center; }
.special6-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special6-view .special-01 p span { line-height:1.7; font-size:20px; color:#584630; }
.special6-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special6-view .special-01 p.small { font-size:12px; }
.special6-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special6-view .special-01 img { margin-top:10px; }
.special6-view .special-02 { clear:both; }


.special7-view { position:relative; width:1640px; margin:0 auto; }
.special7-view .scroll-obj { opacity:0; }
.special7-view .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; }
.special7-view .scroll-obj img { max-width:100%; }
.special7-view .special-01 { padding-top:70px; text-align:center; }
.special7-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special7-view .special-01 p red { line-height:1.7; font-size:15px; color:#a62121; }
.special7-view .special-01 p span { line-height:1.7; font-size:20px; color:#584630; }
.special7-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special7-view .special-01 p.small { font-size:12px; }
.special7-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special7-view .special-01 img { margin-top:10px; }
.special7-view .special-02 { clear:both; }



.special8-view { position:relative; width:1640px; margin:0 auto; }
.special8-view .scroll-obj { opacity:0; }
.special8-view .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; }
.special8-view .scroll-obj img { max-width:100%; }
.special8-view .special-01 { padding-top:70px; text-align:center; }
.special8-view .special-01 p { line-height:1.7; font-size:15px; color:#8a8988; }
.special8-view .special-01 p red { line-height:1.7; font-size:15px; color:#a62121; }
.special8-view .special-01 p span { line-height:1.7; font-size:20px; color:#584630; }
.special8-view .special-01 p.txt-top { font-family:'Levenim'; font-size:12px; }
.special8-view .special-01 p.small { font-size:12px; }
.special8-view .special-01 h1 { max-width:620px; margin:5px auto 50px auto; padding-bottom:20px; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.special8-view .special-01 img { margin-top:10px; }
.special8-view .special-02 { clear:both; }



/* Reservation */
.box-tit.bg-view { background-image:url('../img/sub1_view_top.jpg'); }
.box-tit.bg-notice { background-image:url('../img/sub1_notice_top.jpg'); }
.box-tit.bg-reserve { background-image:url('../img/sub6_reser_top.jpg'); }
.box-tit.bg-online { background-image:url('../img/sub6_online_top.jpg'); }
.box-tit.bg-map { background-image:url('../img/sub5_map_top.jpg'); }

.reserve-info { width:996px; margin:60px auto 0 auto; }
.reserve-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.reserve-info h1 { max-width:620px; margin:10px auto 40px auto; padding-bottom:15px; text-align:center; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.reserve-info dl { margin-bottom:25px; text-align:center; }
.reserve-info dt { font-size:20px; font-family:'Levenim'; color:#727171; }
.reserve-info dd { margin-top:5px; font-size:14px; color:#8a8988; }
.reserve-info h2 { margin:20px 0 10px 0; }
.reserve-info h2:first-child { margin-top:0; }
.reserve-info h2 span { display:inline-block; padding-bottom:3px; font-size:19px; color:#222; border-bottom:1px solid #222; }
.reserve-info h3 { margin-top:20px; font-size:14px; }
.reserve-info .txt { line-height:1.6; font-size:14px; color:#555; }
.info-sub { position:relative; margin-top:20px; }
.info-sub ul { margin-bottom:40px;  }
.info-sub .link-reserve { position:absolute; top:0; right:0; margin:0; }
.info-link { margin-top:30px; }
.info-link a { display:inline-block; margin-right:30px; }

.reserve-info-wrap { padding:60px 0; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.reserve-info-wrap.bg-reserve { background-image:url('../img/sub6_reser_bg.jpg'); }
.reserve-info-wrap .reserve-info { margin:0 auto; }

.yapen-priceContent .yapen-realReserveBtn{display: none;}

.total_price_tb{width: 100%; border-collapse: collapse; text-align: center;    border-bottom: 2px solid #7c7c7c;}
.total_price_tb tr{}
.total_price_tb th{font-weight: 400; background: #7c7c7c; color: #fff; padding: 5px 0;}
.total_price_tb th:first-child{border-radius: 8px 0 0 0;}
.total_price_tb th:last-child{border-radius: 0 8px 0 0;}
.total_price_tb th span{}
.total_price_tb td{background: #f9f9f9;padding: 20px 0;font-size: 13px;}
.total_price_tb tr:nth-child(2n-1) td{background-color: #f6f6f6;}

/* Tour */
.box-tit.bg-tour { background-image:url('../img/sub5_tour_top.jpg'); }
.tour-info { width:996px; margin:60px auto 0 auto; }
.tour-info .txt-top { text-align:center; font-family:'Levenim'; font-size:12px; color:#9e9d9c; }
.tour-info h1 { max-width:620px; margin:10px auto 40px auto; padding-bottom:15px; text-align:center; font-family:'Levenim'; font-size:25px; color:#434450; border-bottom:1px solid #8a8988; }
.tour-info .txt-sub { text-align:center; font-size:14px; color:#8a8988;  }

.tour-list-wrap { max-width:1480px; margin:40px auto 100px auto; padding:0 10px; }
.tour-list { overflow:hidden; }
.tour-list li { clear:both; min-height:400px; overflow:hidden; margin-bottom:20px; border:2px solid #646464; }
.tour-list li .tour-slide { float:right; width:40%; }
.tour-list li .tour-slide .slide { height:400px; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.tour-list li .tour-txt { float:left; width:60%; padding:40px; color:#646464; }
.tour-list li .tour-txt h1 { margin-bottom:20px; }
.tour-list li .tour-txt h1 span { font-size:13px; }
.tour-list li .tour-txt h1 strong { display:block; font-size:20px; font-weight:normal; color:#434450; }
.tour-list li .tour-txt p { font-size:14px; }
.tour-list li .tour-txt .distance span { display:inline-block; margin-top:20px; padding-left:25px; border-bottom:1px solid #646464; background:url('../img/common/ico_distance.jpg') 0 center no-repeat; }
.tour-list li .tour-txt .location span { display:inline-block; margin-top:5px; padding-left:25px; border-bottom:1px solid #646464; background:url('../img/common/ico_location.jpg') 0 center no-repeat; }
.tour-list li .tour-txt a { display:inline-block; margin-top:20px; }
.tour-list li:nth-child(even) .tour-slide { float:left; width:60%; }
.tour-list li:nth-child(even) .tour-txt { float:right; width:40%; }


.pc-price { display:block; }
.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 slide-effect {
	0% { transform:scale(1); }
	100% { transform:scale(1.1); }
}

/* media query */
@media all and (max-width: 1763px) {
	.room-top { max-width:none; padding:0 10px; }
	.room-info { width:600px; padding:50px 0 0 20px; }
	.room
	.room-slider { width:700px; }
}

@media all and (max-width: 1649px) {
	.room-list-wrap { width:auto; padding:0 10px; }
	.room-list-wrap h1, .room-list-wrap a { width:24%; height:360px; margin:0 0.5% 20px 0.5%; }
	.room-list-wrap h1 strong { padding-top:60px; }
	.room-list-wrap a.last { margin-left:25.5%; }

	.special-view { width:auto; padding:0 10px; }
	.special-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special-view .special-05 img { width:45%; }
	.special-view .special-06 img { width:auto; padding:0 10px; }
	
	.special2-view { width:auto; padding:0 10px; }
	.special2-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special2-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special2-view .special-05 img { width:45%; }
	
	.special3-view { width:auto; padding:0 10px; }
	.special3-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special3-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special3-view .special-05 img { width:45%; }
	
	.special4-view { width:auto; padding:0 10px; }
	.special4-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special4-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special4-view .special-05 img { width:45%; }
	
	.special5-view { width:auto; padding:0 10px; }
	.special5-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special5-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special5-view .special-05 img { width:45%; }
	
	.special6-view { width:auto; padding:0 10px; }
	.special6-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special6-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special6-view .special-05 img { width:45%; }
	
	.special7-view { width:auto; padding:0 10px; }
	.special7-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special7-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special7-view .special-05 img { width:45%; }
	
	.special8-view { width:auto; padding:0 10px; }
	.special8-view .special-02 { width:40%; margin:95px 0 0 0; }
	.special8-view .special-03 { float:left; margin:170px 0 50px 50px;}
	.special8-view .special-05 img { width:45%; }

	.room-wrap .room-img { right:-40px; transform:scale(0.7); }
	.room-wrap .img-container{width: calc(100% - 100px);}	
}

@media all and (max-width: 1440px) {
	.main-con { max-width:auto; }
	.main-top { overflow:hidden; padding:0 20px; }
	.main-top .main-slider { width:40%; }
	.main-top .main-slider .slide { height:700px; }
	.main-top .main-slider .slide-copy { margin-top:10px; }
	.main-top .main-top-img { width:55%; margin-left:5%; }
	.main-top .main-top-img img { width:80%; }
	.main-top .main-top-01 { margin-top:200px; }

	.main-scroll { width:auto; margin-top:150px; padding:0 20px;}
}

@media all and (max-width: 1366px) {
	.main-scroll .box-03 { padding-left:150px; }
	.main-scroll .box-04 { margin:-20px 0 0 100px; }
	.special-list li { margin:0 5px; }

	.special-view .special-02 { margin:95px 0 0 20px; }
}

@media all and (max-width: 1280px) {
	.main-top .main-slider { width:35%; }
	.main-top .main-slider .slide { height:600px; }
	.main-top .main-top-img { width:60%; margin-left:5%; }
	.main-top .main-top-01 { margin-top:150px; }

	.room-list-wrap h1, .room-list-wrap a { height:300px; }
	.room-list-wrap h1 p { font-size:12px; }

	.room-info { width:600px; padding:0 0 0 20px; }
	.room-slider { width:600px; }

	.room-preview-tit { top:50px; }

}

@media all and (max-width: 1200px) {
	.inside-wrap { height:auto; padding:20px; }
	.inside-wrap ul { padding-top:0; }
	.inside-wrap ul li { margin-left:10px; padding-left:10px; }
	.inside-wrap ul li a { font-size:12px; }
	.box-inside { width:auto !important; height:auto !important; margin-top:30px;}
	.box-inside span, .box-inside > div { display:none !important; }
	.box-inside .img-m { display:block; margin:0 auto; }
}

@media all and (max-width: 1024px) {
	.main-top .main-slider { width:30%; }
	.main-top .main-slider .slide { height:500px; }
	.main-top .main-top-img { width:68%; margin-left:2%; }
	.main-top .main-top-img img { width:65%; }
	.main-top .main-top-01 { width:50%; }
	.main-top .main-top-02 { width:50%; }

	.main-scroll .box-01 { width:60%; }
	.main-scroll .box-02 { top:50px; right:10px; width:30%; text-align:right; }
	.main-scroll .box-03 { margin-top:60px; padding-left:80px; }
	.main-scroll .box-03 h1 { font-size:32px; }
	.main-scroll .box-04 { margin:-20px 0 0 70px; }

	.special-list li { margin:0 10px 10px 0; }

	.room-list-wrap h1, .room-list-wrap a { height:235px; }
	.room-list-wrap h1 strong { font-size:24px; }
	.room-list-wrap h1 p { font-size:10px; }

	.room-info { width:500px; padding:0 0 0 20px; }
	.room-slider { width:450px; }

	.room-preview-tit { top:50px; }
	.room-preview h1 { font-size:40px; }
	.room-preview h1 + p { font-size:13px; }
	.room-wrap .room-img { right:-120px; transform:scale(0.45); }
	.room-wrap .room-txt .img-wrap::after{content: ""; display: table; clear: both;}
	.room-wrap .room-txt .img-wrap .left-img{margin-top: 50px; width: 50%;}
	.room-wrap .room-txt .img-wrap .right-img{margin-top: 25px; width: 30%;}
	.room-wrap .room-txt .img-wrap{position: initial;}
	.room-wrap .room-txt .img-wrap img{transform: translate(0) !important;}
	.room-wrap .room-info{width: calc(100% - 100px);}
}

@media all and (max-width: 800px) {
	.room-wrap .room-info{width: calc(100% - 30px);}
	.wrapper { padding-top:123px; }	
	.mobile-only { display:block; }
	.btn-top { width:41px; height:36px; }
	.header { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; overflow:visible; margin:0; padding:0 !important; background:#fff !important; }
	.header h1 { float:none; padding:12px 0;  text-align:center; }
	.header h1 img { width:70px; }
	.header .gnb { float:none; margin:0; text-align:center; }
	.header .gnb > ul > li > a { padding:5px 5px 5px 0; font-size:11px;  }
	.header .gnb > ul > li { padding:5px 7px 5px 0; }
	.header .gnb .gnb-sub { top:auto !important; bottom:-25px !important; left:0 !important; right:0; padding:0 10px; background:#fff; text-align:center; }
	
	.header .gnb .gnb-sub li { margin:0 3px; padding:5px 0; text-align:center; font-size:10px;  }
	.foot-link { height:350px; padding-top:40px; background-image:url('../img/common/bg_foot_m.jpg'); background-size:cover; }
	.foot-link h1 { font-size:20px; }
	.foot-link p { font-size:12px; }
	.footer p span { display:block; line-height:1.8; }
	.content { margin:0; }
	.table-wrap { width:auto; overflow:auto; }
	.table-wrap iframe {  }
	.con-tit h1 { font-size:25px; }

	.slide-btn button { width:40px; height:40px; }

	.box-tit { height:300px; }
	.box-tit h1 { top:80px; }
	.box-tit h1 strong { padding-bottom:10px; font-size:30px; }
	.box-tit h1 strong:after { width:50px; margin-left:-25px; }
	.box-tit h1 p { margin-top:10px; font-size:12px; }

	.main-con { max-width:auto; }
	.main-top { padding:0 10px; }
	.main-top .main-slider { float:none; width:auto; }
	.main-top .main-slider .slide { min-height:550px; }
	.main-top .main-slider .slide-copy { font-size:11px; }
	.main-top .main-top-img { float:none; width:100%; margin-top:40px; margin-left:0; }
	.main-top .main-top-img img { width:auto; }
	.main-top .main-top-01 { margin-top:20px; }
	.main-top .main-top-02 { width:45%; }

	.main-scroll { margin-top:60px; padding:0;}
	.main-scroll .box-01 { width:auto; }
	.main-scroll .box-02 { position:static; width:auto; margin:20px 0; padding:0 40px; text-align:center; }
	.main-scroll .box-03 { margin:40px 0; padding:0 10px; }
	.main-scroll .box-03 h1 { font-size:26px; }
	.main-scroll .box-03 p { font-size:12px; }
	.main-scroll .box-04 { margin:0; }
	
	.special-con .header:before { display:none !important; }
	.special-list { margin:85px 0 80px 0; }
	.special-list ul { margin-top:40px; }
	.special-list li { margin:0 10px 10px 10px; }
	.special-list li span { opacity:1; }

	.room-list-wrap { padding:0; text-align:center; }
	.room-list-wrap h1 { position:relative; float:none; width:auto; height:auto; padding-bottom:30px; text-align:center; }
	.room-list-wrap h1 strong { position:relative; padding:0 0 20px 0; }
	.room-list-wrap h1 strong:after { content:''; position:absolute; bottom:0; left:50%; width:90px; height:1px; margin-left:-45px;  background:#686765; }
	.room-list-wrap h1 p { margin-top:20px; font-size:12px; }
	.room-list-wrap a { float:none; display:inline-block; width:30%; height:auto; margin:0 0 5px 0; }
	.room-list-wrap a.last { margin-left:30%; }

	.room-top { margin:0; padding:0; }
	.room-info { width:auto; padding:0; }
	.room-info .room-info-img { margin:0; }
	.room-info h1 { margin-top:-35px; }
	.room-info h1 strong { line-height:1.1; font-size:40px; }
	.room-info h1 span { margin-left:10px; font-size:15px; }
	.room-info dd, .room-info li { font-size:11px; }
	.room-info h2, .room-info dl, .room-info ul { padding:0 10px; }
	.room-info h1, .room-info a { margin-left:10px;  }
	.room-slider { width:auto; margin-top:50px;}

	.room-preview { overflow:hidden; }
	.room-preview-tit { top:50px; }
	.room-preview h1 { padding-bottom:10px; font-size:25px; }
	.room-preview h1 + p { margin-top:15px; font-size:11px; }
	.room-preview img { max-width:none; width:180%; margin:0 -40%; }
	.room-preview span { display:none; position:absolute; width:40px; height:40px; line-height:40px; letter-spacing:0; font-size:11px; }

	.special-slide-wrap h1 { top:30%; }
	.special-slide-wrap h1 strong { font-size:35px; }
	.special-slide-wrap h1 p { font-size:13px; }
	.special-view .scroll-obj { float:none !important; text-align:center; }
	.special-view .special-01 p { font-size:11px !important; padding:0; }
	.special-view .special-01 p.small { font-size:11px; }
	.special-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special-view .special-02 { width:auto; margin:50px auto 0 auto; }
	.special-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special-view .special-02 p { margin-top:10px; font-size:12px; }
	.special-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special-view .special-03 img { margin-bottom:30px; }
	.special-view .special-05 { margin-top:70px; }
	.special-view .special-05 img { display:block; width:auto; margin:0 auto; }	
	.special-view .special-06 { width:auto; margin:80px 0 50px 0; }
	.special-view .special-06 img { margin-bottom:30px;}
	
	
	.special2-view .special-01 p { font-size:12px; padding:0 10px; }
	.special2-view .special-01 p br { display:none; }
	.special2-view .special-01 p.small { font-size:11px; }
	.special2-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special2-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special2-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special2-view .special-02 p { margin-top:10px; font-size:12px; }
	.special2-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special2-view .special-03 img { margin-bottom:30px; }
	.special2-view .special-05 { margin-top:70px; }
	.special2-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	.special3-view .special-01 p { font-size:12px; padding:0 10px; }
	.special3-view .special-01 p br { display:none; }
	.special3-view .special-01 p.small { font-size:11px; }
	.special3-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special3-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special3-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special3-view .special-02 p { margin-top:10px; font-size:12px; }
	.special3-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special3-view .special-03 img { margin-bottom:30px; }
	.special3-view .special-05 { margin-top:70px; }
	.special3-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	
	.special4-view .special-01 p { font-size:12px; padding:0 10px; }
	.special4-view .special-01 p br { display:none; }
	.special4-view .special-01 p.small { font-size:11px; }
	.special4-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special4-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special4-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special4-view .special-02 p { margin-top:10px; font-size:12px; }
	.special4-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special4-view .special-03 img { margin-bottom:30px; }
	.special4-view .special-05 { margin-top:70px; }
	.special4-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	.special5-view .special-01 p { font-size:12px; padding:0 10px; }
	.special5-view .special-01 p br { display:none; }
	.special5-view .special-01 p.small { font-size:11px; }
	.special5-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special5-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special5-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special5-view .special-02 p { margin-top:10px; font-size:12px; }
	.special5-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special5-view .special-03 img { margin-bottom:30px; }
	.special5-view .special-05 { margin-top:70px; }
	.special5-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	
	.special6-view .special-01 p { font-size:12px; padding:0 10px; }
	.special6-view .special-01 p br { display:none; }
	.special6-view .special-01 p.small { font-size:11px; }
	.special6-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special6-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special6-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special6-view .special-02 p { margin-top:10px; font-size:12px; }
	.special6-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special6-view .special-03 img { margin-bottom:30px; }
	.special6-view .special-05 { margin-top:70px; }
	.special6-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	.special7-view .special-01 p { font-size:12px; padding:0 10px; }
	.special7-view .special-01 p br { display:none; }
	.special7-view .special-01 p.small { font-size:11px; }
	.special7-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special7-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special7-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special7-view .special-02 p { margin-top:10px; font-size:12px; }
	.special7-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special7-view .special-03 img { margin-bottom:30px; }
	.special7-view .special-05 { margin-top:70px; }
	.special7-view .special-05 img { display:block; width:auto; margin:0 auto; }
	
	
	
	.special8-view .special-01 p { font-size:12px; padding:0 10px; }
	.special8-view .special-01 p br { display:none; }
	.special8-view .special-01 p.small { font-size:11px; }
	.special8-view .special-01 h1 { max-width:200px; padding-bottom:10px; margin:30px auto; }
	.special8-view .special-02 { width:auto; margin:50px 0 0 0; }
	.special8-view .special-02 h1 { margin:30px 0 20px 0; font-size:25px; }
	.special8-view .special-02 p { margin-top:10px; font-size:12px; }
	.special8-view .special-03 { width:auto; margin:80px 0 50px 0;}
	.special8-view .special-03 img { margin-bottom:30px; }
	.special8-view .special-05 { margin-top:70px; }
	.special8-view .special-05 img { display:block; width:auto; margin:0 auto; }

    
    .total_price_tb th{font-size: 12px;}
    .total_price_tb td{font-size: 11px;}
    .price_tb_info h3{font-size: 13px;}
    .price_tb_info ul li{font-size: 11px;}
    .price_tb_info span{width: 45px;}
    
	.reserve-info { width:auto; padding:0 10px; }
	.reserve-info .txt-top { font-size:10px; }
	.reserve-info dd { font-size:12px; }
	.reserve-info li { font-size:12px; }
	.reserve-info .link-reserve { position:static; display:block; margin:0 auto 50px auto; }
	.reserve-info .txt { font-size:12px; }
	.info-link { text-align:center; }
	.info-link a { margin:0 0 10px 0; }

	.tour-info { width:auto; }
	.tour-list-wrap { max-width:none; width:auto; }
	.tour-list li { min-height:100px; border-width:1px; }
	.tour-list li .tour-slide { float:none !important; width:auto !important; }
	.tour-list li .tour-slide .slide { height:300px; }
	.tour-list li .tour-txt { float:none !important; width:auto !important; padding:20px 10px; }
	.tour-list li .tour-txt h1 { margin-bottom:15px; }
	.tour-list li .tour-txt h1 span { font-size:11px; }
	.tour-list li .tour-txt h1 strong { font-size:17px; }
	.tour-list li .tour-txt p { font-size:12px; }
	.tour-list li .tour-txt a { margin-top:15px; }
	
	.pc-price { display:none; }
	.m-price { display:block; }
	.room-wrap .img-container{width: calc(100% - 50px);}
	.room-wrap .btn-reserve.frame-btn{margin-left: 0; transform: translateX(-50%);}
	.room-wrap .room-img{display: none;}

	.room-wrap .room-txt p .m-br{display: block;}	
	.room-wrap .room-txt{padding-top: 50px; padding-bottom: 50px;}
	
	.room-wrap .room-txt p{font-size: 12px;}
	.room-wrap .room-txt h1{font-size: 18px;}
	
}

@media all and (max-width: 700px) {
	.room-con .room-info .box-board .txt h5{font-size: 13px;}
	.room-con .room-info .box-board .txt p{font-size: 12px;}
	.header .gnb .gnb-sub.wide { bottom:-55px !important; }
	.frame-btn{padding: 19px 23px; letter-spacing: 1.2px; margin-left: -62.5px; margin-top: 20px;}

	.room-con .con-tit h1 span { font-size:20px; }
	.room-con .con-tit h1 strong { font-size:32px; }
	.room-con .con-tit h2 { margin-top:20px;font-size:18px; }
	.room-con .con-tit p { font-size:14px; }

	.room-wrap .img-container{width: calc(100% - 30px);}
	.room-wrap .img-container .img-depth1{margin-bottom: 15px;}
	.room-wrap .img-container .img-depth2{margin-bottom: 15px;}	

	.room-wrap .img-container .img-depth3 .img{margin-bottom: 5px;}
	.room-wrap .img-container .img-depth3 .img:nth-of-type(2n - 1){padding-right: 0; width: 100%; float: none;} 
	.room-wrap .img-container .img-depth3 .img:nth-of-type(2n){padding-left: 0; width: 100%; float: none;}
	.room-wrap .img-container .img-depth4 .img{width: 100%; float: none;}
	.room-wrap .img-container .img-depth4 .img:nth-of-type(2n - 1){margin-right: 0;}
	
	.room-wrap .room-preview-wrap{width: 100%;}
	.room-wrap .room-preview-wrap{height: 56.25vw; margin-bottom: 50px;}
	.room-wrap .room-preview-wrap .slide{height: 56.25vw;}	
	.room-wrap .room-info-wrap{padding-bottom: 40px; margin-top: 80px;}
	.room-wrap .room-txt p{margin-top: 15px;}
	

	.room-con .room-preview-wrap .gallery-btn .prev{margin-left: 15px;}
	.room-con .room-preview-wrap .gallery-btn .next{margin-right: 15px;}

	.room-wrap .img-container .img-depth1 .img{width: 100%;}
	.room-wrap .img-container .img-depth1 .img:nth-of-type(3n - 1){margin: 0; margin-bottom: 5px;}
	.room-wrap .img-container .img-depth1 .img{margin-bottom: 5px;}

}

@media all and (max-width: 401px) {	
	.header .gnb > ul > li { padding:8px 5px 8px 0; }

	.main-scroll .box-03 p { font-size:11px; }
}

@media all and (max-width: 321px) {	
	.header .gnb > ul > li { padding-right:3px; }
	.header .gnb > ul > li > a { padding-right:5px; }
	.con-tit + p { font-size:11px; }

	.main-scroll .box-03 p br { display:none; }

	.main-inside { margin:80px 0; }
	.inside-wrap ul li { margin-left:5px; padding-left:5px; }
	.inside-wrap ul li a { font-size:11px; }
}