@charset "utf-8";

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
@import url(util.css);
@import url(animate.min.css);
@import url(swiper.min.css);

/* reset */
body{word-break:keep-all;word-wrap:break-word;color:#434343}
body,input,textarea,select,button,table{font-size:14px; font-family:'NanumSquare','Malgun Gothic','맑은 고딕','Apple SD Gothic Neo',sans-serif;}
a,button,input,textarea{transition:border-color .4s,background .4s,color .4s,opacity .4s}
a{text-decoration: none !important; color:inherit}
a:hover{ color:inherit}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
li{list-style:none; -webkit-text-stroke: 0.3px}
address{font-style:normal}
label{cursor:pointer}
table{width:100%}

/* XE fix */
/*
body, button, input, select, table, textarea{font-size: inherit}
*/
.x *,
.xm *,
.board *,
#spot .search input[type="text"],
.localNavigation li a{-webkit-box-sizing:content-box;box-sizing:content-box}
#spot{ margin: 30px 0}
/* custom */
.xm{ padding: 30px 0}
.xm .nav{ display: none}
.xm p{ margin-bottom: 15px}

/* Grid */
.row{margin-right:0;margin-left:0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:0;padding-left:0;}
.container-fluid{max-width: 1920px; padding-left: 40px; padding-right: 40px;}
@media (min-width: 1400px){
.container{width: 1370px; position:relative;}
}

/* Helper Classes */
.blank{background:url(../img/blank.png)}
.no-style,button{margin:0;padding:0;border:0;box-shadow:none;background:none}
.pr{position:relative}
.pa{position:absolute}
.ps{position:static !important}
.d-block{display:block !important}
.d-iblock{display:inline-block !important}
.text-left{text-align: left !important}
.split:before{content:'';display: inline-block;height:.8em;margin:0 .4em; border-left:1px solid;vertical-align: middle;}
.ellipsis{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bg-full{position:absolute;top:-50%;left:-50%;width:200%;height:200%}
.bg-full .bg{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%;max-width:none;border:0}
.h-full{overflow: hidden; position: relative;height:calc(100vh);background-position: 50% 0;background-size: cover}
.img-responsive{width:100%;height: auto}

/* icon */
[class^=icon-]{display:inline-block;overflow:hidden;margin:0;padding:0;border:0;background-color:transparent;background-position:50% 50%;background-repeat:no-repeat;font-size:0;line-height:0;text-decoration:none;vertical-align:middle;text-indent:-1000em}
.icon-scroll{position: absolute;bottom:40px;left:50%;z-index: 50; width:58px;height:58px;margin-left: -29px; background-image: url("../img/icon_scroll.png");}
.icon-file{width:17px;height:19px;margin:-1px 4px 0 0; background-image: url(../img/icon_file.png);}
.icon-location{width:11px;height:14px;margin-right:5px;background-image:url(../img/icon_location.png);}
.icon-arr-left{width:35px;height:35px;background-image:url(../img/icon_arr_left.jpg)}
.icon-arr-right{width:35px;height:35px;background-image:url(../img/icon_arr_right.jpg)}
[class^=icon-sns]{width:29px;height:29px;background-image: url("../img/icon_sns_insta.png");}
.icon-sns-fb{background-image: url("../img/icon_sns_fb.png");}
.icon-sns-blog{background-image: url("../img/icon_sns_blog.png");}

/* Typhography */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:700}
.hd-1 h2{margin-bottom:.2em; font-size:4em}
/* Theme */
.text-primary{color:#fbe315;}
.text-warning{color:#ed2323;}
.text-danger{color:#f14f4f}
.text-blue{color:#287ce2;}
.text-red{color:#ed2323;}
.bg-primary{background:#f05558;color: #fff}
.bg-silver{background:#E2E2E2}

/* List */
[class*=lst-type-]>li{position:relative;padding-left:.9em}
[class*=lst-type-]>li:before,.lst-type-num>li>b{position:absolute;left:0}
.lst-type-bull>li:before{content:'·';}
.lst-type-dash>li:before{content:'-';}
.dl-float > *{line-height:inherit}
.dl-float > dt{float:left;font-weight:400}
.dl-float > dd{margin-bottom: 5px; color:#666}
.dl-lst dt{ float: left; width:120px}
/*
.dl-lst dt:before{ content:''; display: inline-block; width: 4px; height: 4px;margin-right:8px; border-radius:50%;background: #000;vertical-align: middle;}*/
.dl-lst dt:before{ content:''; display: inline-block; width:15px; height:10px;margin-right:8px; border-radius:50%;background:url(../img/bullet_chk.png);vertical-align: middle;}
.dl-lst dd{ min-height:1em; margin-bottom: 10px;}
.dl-lst{ margin:20px 0;}

/* Button */
.btn2{ display: inline-block; padding:.5em 1em; border:1px solid transparent;border-radius:0; background: #000; text-decoration: none;text-align: center; color: #fff !important}
.btn-arrow:after{ content:'>'; float: right; margin-left: 20px}
[class^=btn-border]{display: inline-block; padding:1em; border:1px solid #fff; background:none;font-weight:700;text-align: center; color: #fff;}
.btn-border:hover{background: #fff;color: #000}
.btn-border-blk{border-color:#000; background:none; color: #000;}
.btn-border-blk:hover{background: #000;color: #fff}
.btn-wh{border-color:#000; background:#fff; color: #000 !important;}
.btn-lg{padding:14px; font-size:15px;border-radius:0;}

/* Table */
.tb-fixed{table-layout:fixed}
.tb-frm{margin: 10px 0;border-top:2px solid;border-bottom:2px solid;}
.tb-frm tr>*,.tb-file tr>*{padding:10px 20px;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;font-size:16px; vertical-align:top;color: #656565}
.tb-frm tr>th{padding-top:17px; background: #f7f7f7; white-space: nowrap}
.tb-frm .row{ margin: 0 -5px}
.tb-frm .row>*{ padding: 0 5px}
.tb-frm li{margin:4px 10px 0 0; white-space: nowrap}
.tb-frm .radio{display: inline-block;margin-right: 4px;}
.tb-file{ margin-bottom:-1px}
.tb-file tr>*{padding:20px}
.tb-file th{width:160px; background: #f7f7f7; white-space: nowrap}
.editor [id*=ckeditor_instance]{position: absolute;visibility: hidden;left:-9999em}
.editor{font-size: 14px}
.tb-frm+div label{padding-left: 2px}
.tb{border-top:1px solid #999}
.tb th,.tb td{border-left:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;font-size:15px}
.tb th{padding:10px 20px;background-color:#fafafa;}
.tb thead th{text-align:center;}
.tb tr>th:first-child,.tb tr>td:first-child{border-left:0;}
.tb table tr:last-child td{border-bottom:0}
.price-info .bx-date{padding:0 0 25px;text-align:center;}
.price-info .bx-date>*{vertical-align:top;}
.price-info .bx-date span{margin:0 10px;font-size:18px;font-weight:400;line-height:31px;}
.price-info .tb{text-align:center;}
.price-info .tb thead th{font-weight:400}
.price-info .tb tbody th{font-size:18px}
.price-info .tb th .date{font-size:20px;font-weight:700}
.price-info .tb th .date+p{font-size: .9em}
.price-info .tit{margin-bottom:5px;font-size:15px;font-weight:700}
.price-info .sale{display:inline-block;padding:0 5px;background-color:#e82332;color:#fff;}
.price-info .price1{text-decoration:line-through;color:#999;}
.price-info .price2{padding:5px 0; font-weight:700; color:#000;}
.price-info .tb table td{padding:10px 5px;}

/* label */
.label{margin-right: .2em; padding:.2em .8em; border-radius:1em;font-weight:400;font-size:16px;line-height: 1}

/* Pagination */
.pn{margin:-1px 0 0; padding: 30px 0;border-top:1px solid #d3d3d3; font-size: 0; text-align: center}
.pn li{ display: inline-block;vertical-align: top}
.pn a{ display: block;width:36px;height:36px;border-radius:50%; font-size:18px;line-height:36px}
.pn .on{background:#f05558;color:#fff}

/* slider */
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:30px}
.swiper-pagination-bullet{position: relative;width:50px;height:5px;border-radius:3px; background:#fff}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:20px 0}
.swiper-pagination b{ display: none;position: absolute;top:-9px;left:100%; margin-left:10px; font-weight:300; font-size:20px; white-space: nowrap; color: #fff}
.swiper-pagination-bullet-active b{ display: block}

/* tab */
.tab-menu{border-bottom:1px solid #000;font-size:0;}
.tab-menu li{display:inline-block;margin-left:-1px;border:1px solid #000;border-bottom:0;font-size:14px;}
.tab-menu li:first-child{margin-left:0;}
.tab-menu li a{display:block;height:48px;padding:0 50px;line-height:48px;}
.tab-menu li.current a,.tab-menu li a:hover,.tab-menu li a:focus{background-color:#000;color:#fff;}

/*---------- Layout ----------*/
#wrap{overflow:hidden;position:relative;}
/* header */
#hd{position:fixed;top:0;left:0;right:0;z-index: 100;height:80px; background:#fff;transition: background .4s}
.hd-no-bg #hd{background: none}
#hd h1{position: absolute;top:25px;right:80px;font-size:25px;}
#gnb{position: absolute;}
#gnb a{display: block;font-weight:700;font-size:15px;color:#ffffff; font-weight:800;}
#gnb .dep2,#gnb button{display:none}
#gnb .active>a,#gnb a:hover{color:#000000 !important; font-weight:400;}
.menu-btn{display:none;}
@media (min-width:991px){
#hd h1{display:none;}
.menu-btn{
	display:block;
	width:100px;
	height:100px;
	background:url('/public_html/modules/board/skins/stayhub2/img/menu-btn.png') 0 0 no-repeat;
	border-radius:100px;
	text-indent:-9999px;
	z-index:10;
}	
#hd{background:none;margin:50px 40px 0 40px;}
#gnb{
	top:0;
	left:0;
	width:0;
	height:101px;
	background-color:rgba(0,0,0,0.5);
	transition:all 0.1s;
	overflow:hidden;
	border-radius:100px;
	z-index:-1;
}
#gnb.menu-open{
	width:100%;
	transition:all 0.1s;
	overflow:visible;
}
#gnb .gnb{
	display:block;
	width:100%;
	height:101px;
	padding:0 130px;
	overflow:hidden;
}
#gnb .dep{ float: left}
#gnb .dep>a{padding:40px 25px}
#gnb .dep2{position:absolute;top:100%;padding:10px 20px;background:rgba(256,256,256,0.4)}
#gnb .dep2 a{padding:5px 0; position: relative; font-weight:700; color:#4D4D4D;}
#gnb .dep2 a:hover{font-weight:400; color:#000000;}
}
.btn-res{
	display: block; 
	position: absolute;
	top:0;
	right:0;
	width:100px;
	height:100px;
	background:url('/public_html/modules/board/skins/stayhub2/img/reservation-btn.png') 0 0 no-repeat;
	border-radius:100px;
	text-indent:-9999px;
	z-index:10;
}
/*
.js-mn{display:none}
*/
/* footer */
#ft{display:block; width:100%; height:auto;padding:40px 50px; background: #f5f5f5; color:#1e1e1e;float:left;}
.ft-sns a{ margin:0 4px 15px;}
#ft .ft-left{float:left; text-align:left;}
#ft .ft-right{float:right; text-align:right;}
#ft dl>*{display: inline-block;margin: 5px 3px; line-height: 1}
#ft dt,#ft strong{font-weight:400; color: #1e1e1e}
#ft dd+dt{padding-left:7px; border-left:1px solid #1e1e1e;}
address{margin:20px 0 0; float:left;}
#ft .logo{margin:10px 0;}

/* index */
.more-btn-w{display:block; width:140px; height:40px; background:url('../img/viewmore W-btn.png') 0 0 no-repeat;}
.more-btn-w:hover{background:url('../img/viewmore W-btn-on.png') 0 0 no-repeat;}
.more-btn-b{display:block; width:140px; height:40px; background:url('../img/viewmore B-btn.png') 0 0 no-repeat;}
.more-btn-b:hover{background:url('../img/viewmore B-btn-on.png') 0 0 no-repeat;}

#index>section{position: relative}
#index .container,#index .container-fluid{position: relative;padding:40px}

#index h2{margin: 50px 0 20px 0; font-weight:700; font-size:60px; color:#1e1e1e; text-align: center}
#index h5{margin: 0; font-size:20px; color:#1e1e1e; text-align:center;}

#indexSect1{position:relative;}
#indexSect1 .swiper-container{
	position:relative;
	}
#indexSect1 .swiper-container:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.15;
	position:absolute;
	top:0;
	left:0;
	z-index:9;
}
#indexSect1 .main-title{
	display:block;
	width:100%;
	position:absolute;
	top:50%;
	transform: translateY(-50%);
	text-align:center;
	z-index:10;
}
#indexSect1 .main-title h3{
	font-size:26px;
	color:#ffffff;
}
#indexSect1 .main-title h1{
	font-size:130px;
	color:#ffffff;
}
#indexSect2, #indexSect4{
	position:relative;
	padding:80px 0 200px 0;
}
#indexSect2 .container, #indexSect4 .container{
	width:100%;
	max-width:1620px;
}
#indexSect2 .more-btn-b, #indexSect4 .more-btn-b{
	display:inline-block;
	}
#indexSect2 .room_bg, #indexSect4 .room_bg{
	position:absolute;
	bottom:0;
	width:100%;
	height:auto;
	max-height:550px;
	z-index:-1;
}
#indexSect2 .room_bg:after, #indexSect4 .room_bg:after{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.7;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
#indexSect2 .room_bg img, #indexSect4 .room_bg img{
	width:100%;
}
.index-preview-wrp .thumbnail-img{margin-bottom:40px;} 
.index-preview-wrp .swiper-button-prev{left:10px;}
.index-preview-wrp .swiper-button-next{right:10px;}
.index-preview-wrp .title_wrap{
	float:left;
	display:block;
	width:300px;
	height:94px;
	background-color:#000000;
	background-color:rgba(0,0,0,0.8);
	position:absolute;
	left:50%;
	bottom:0;
	z-index:10;
	padding:25px 15px;
	margin-left:-150px;
}
.index-preview-wrp .title_wrap h4{
	float:left;
	max-width:115px;
	height:40px;
	margin:0;
	font-size:18px;
	line-height:1.2em;
	color:#ffffff;
}
#indexSect2 .index-preview-wrp .title_wrap h4{
	line-height:40px;
}
.index-preview-wrp .title_wrap .more-btn-w{
	float:right;
}


#indexSect3{position:relative;}
#indexSect3 .main_info{display: block; width:600px; padding:50px; position:absolute;top:30%;left:50%;margin-left:-300px;background:rgba(0,0,0,.5); text-align:center; z-index:10;}
#indexSect3 .main_info h1{color:#ffffff; font-size:72px;}
#indexSect3 .main_info h2{color:#ffffff; font-size:26px;}
#indexSect3 .main_info p{color:#ffffff; font-size:18px;}

.index-preview-wrp{position: relative;padding:0 60px;}
.index-preview-wrp .swiper-button-next,.index-preview-wrp .swiper-button-prev{margin:-40px -10px}


#indexSect5 .row{ margin:0 -15px 60px}
#indexSect5 .row>*{ padding:0 15px}
.dl-loc dt{font-weight:300; font-size:18px;}
.dl-loc dd{ margin-bottom:2em;font-size:18px;}

/* sub */
.sub-hd{position: relative;width:100%;text-align: center; padding:180px 0 30px;}
.sub-hd h2{position: relative; font-weight:700; font-size:72px; color: #1e1e1e; vertical-align: middle}
.sub-hd p{font-size:30px; color:#1e1e1e;}

.content_left{position:relative; float:left; width:50%; margin-bottom:30px}
.content_right{position:relative; float:left; width:49%; margin-left:1%; margin-bottom:30px; padding:40px 0;}
@media (max-width:1200px){
	.content_left{position:relative; float:left; width:100%; margin-bottom:30px}
	.content_right{position:relative; float:left; width:100%; margin-left:0; margin-bottom:30px;}
}
/* about */
.about-hd{ max-width:1880px;margin:0 auto; padding:70px 3%}
.about-hd header{ padding:25% 10% 100px;font-size:18px;}
.about-hd h3{font-weight:400; font-size: 45px;}
.about-hd h4{ margin:.5em 0 1em; font-weight:300; font-size:30px}
.about-hd .swiper-pagination{left:100%;width: auto;margin-left:150px; font-size:20px;white-space: nowrap}
.about-hd .swiper-button-prev,.about-hd .swiper-button-next{top:auto;bottom:0;left:100%;width: auto;width:65px;height: 65px; margin: 0; background-color: #000;background-size:16px auto;}
.about-hd .swiper-button-next{margin-left: 65px}

/* Rooms */
.lst-room{max-width:1920px;margin:0 auto;}
.lst-room .lst-room-sec{width:100%; height:174px; margin:3px 0;}
.lst-room .tmb{ position: relative; width:100%; height:174px; overflow:hidden;}
.lst-room .tmb:before{ content:''; display: block; position: absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,0.5);}
.lst-room .tmb img{width:auto; height:auto; vertical-align:middle}
.lst-room .room-info{position:absolute; display:block; width:100%; top:20%; left:0; color:#ffffff; padding:0 50px}
.lst-room .room-info > h4{float:left; max-width:250px; font-size:30px;}
.lst-room .room-info > p{float:right; max-width:400px; font-size:15px; text-align:right;}
.lst-room .room-info > .whitespace{float:right; width:100%;height:20px}
.lst-room .room-info > .more-btn-w{float:right;}
 

.view-sect1{position:relative;padding:70px 30px 150px; font-size:15px; text-align:center; }
.view-sect1 h3{margin-bottom: 10px; font-size:48px; color:#1e1e1e;}
.view-sect1 p{margin-bottom: 20px; font-size: 18px; margin-top:20px;}
.view-sect1 .checktime{display:inline-block; border-radius:100px; background:#ffffff; margin:30px auto 0; padding:30px;}
.view-sect1 .checktime dt, .view-sect1 .checktime dd{display:inline; font-size:18px; font-weight:900}
.view-sect1 .checktime dd.bar{margin:0 10px;}
.view-sect1 .checktime dl{display:inline;}
.view-sect1 .checktime dl + dl{margin-left:40px;}


.view-sect2{padding:50px 30px}
.view-sect2>section{padding:80px 0;font-size:18px;}
.view-sect2 .title-bar{display:block; width:20px; height:2px; background:#1e1e1e; margin:50px 0;}
.view-sect2 .room-lst dt{float: left; color:#1e1e1e}
.view-sect2 .room-lst dt:after{ content:''; display: inline-block; background:#1e1e1e; width:2px; height:10px; margin-left:20px; margin-right:20px; vertical-align: middle;}
.view-sect2 .room-lst dd{color:#1e1e1e;  margin-bottom: 10px;}

@media (max-width:768px){
	.lst-room .lst-room-sec{height:auto;}
	.lst-room .tmb{height:auto;}
	.lst-room .room-info{width:100%; top:15%; left:0; color:#ffffff; padding:0 20px}
	.lst-room .room-info > h4{float:left; max-width:100%;}
	.lst-room .room-info > p{display:none;}
	.lst-room .room-info > .more-btn-w{display:none;}
	.view-sect1 .checktime dl{display:block;}
	.view-sect1 .checktime dl + dl{margin-left:0;}
}

/* 부가서비스 */
.lst-facility{ padding-top:80px;padding-bottom:80px;}
.lst-facility>li{display: flex;align-items: center;font-size:15px}
.lst-facility>li>*{flex-basis:0;flex-grow:1;max-width:100%}
.lst-facility .cnt>div{padding: 30px}
.lst-facility h4{margin-bottom: .5em; font-size:30px}
.lst-facility li:nth-of-type(even){flex-direction:row-reverse}

/* 오시는길 */
.location{padding-bottom:80px;font-size:18px}
.root_daum_roughmap_landing{width:100% !important}

.location .loaction_info{
	font-size:18px;
	line-height:1.8em;
	text-align:center;
	margin-bottom:50px;
	}
.location .loaction_info .bar{
	display:block;
	width:20px;
	height:2px;
	background:#1e1e1e;
	margin:20px auto;
}
.location .loaction_info .time:before{
	content:"";
	display:inline-block;
	width:18px;
	height:19px;
	background:url('../img/icon_time.png') 0 0 no-repeat;
	margin-right:10px;
	vertical-align:middle;
}
.location .loaction_info .address:before{
	content:"";
	display:inline-block;
	width:14px;
	height:19px;
	background:url('../img/icon_loca.png') 0 0 no-repeat;
	margin-right:10px;
	vertical-align:middle;
}
.location .loaction_info .tel:before{
	content:"";
	display:inline-block;
	width:18px;
	height:16px;
	background:url('../img/icon_tell_b.png') 0 0 no-repeat;
	margin-right:10px;
	vertical-align:middle;
}
.location h4{
	display:block;
	width:100%;
	font-size:20px;
	text-align:center;
	margin-top:50px;	
}
.location .traffic{
	text-align:center;
	display: flex;
}
.location .traffic dl{
	flex: 1;
	width:50%;
	float:left;
	text-align:left;
	border:1px solid #1e1e1e;
	padding:80px 60px;
	margin-top:30px;

}
.location .traffic dl + dl{
	margin-left:-1px;
}
.location .traffic dl dt{
	position:relative;
	font-size:24px;
	color:#1e1e1e;
	padding-left:85px
}
.location .traffic dl dt.car:before{
	content:"";
	display:block;
	width:49px;
	height:38px;
	background:url('../img/icon_car.png') 0 0 no-repeat;
	margin-right:30px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:0;
}
.location .traffic dl dt.transport:before{
	content:"";
	display:block;
	width:61px;
	height:41px;
	background:url('../img/icon_transport.png') 0 0 no-repeat;
	margin-right:30px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:0;
}

.location .traffic dl dd{
	font-size:15px;
	line-height:2em;
	color:#1e1e1e;
	word-break: nomal;
}
.location .traffic dl dd .bar{
	display:block;
	width:20px;
	height:2px;
	background:#1e1e1e;
	margin:30px 0;
}


@media (max-width:768px){
	.location .traffic{
		display:block;
	}
	.location .traffic dl{
		display:block;
		width:100%;
		float:none;
		text-align:left;
		border:1px solid #1e1e1e;
		padding:30px 20px;
		margin-top:30px;
	}
}

/* 실시간 예약 */

.tabs{
	position:relative;
	width:100%;
	border:1px solid #1e1e1e;
	border-radius:100px;
	float:left;
	margin-top:80px;
}
.tabs li{
	float:left;
	padding:25px;
	text-align:center;
	width:50%;
	font-size:20px;
	border-radius:100px;
	cursor:pointer;
}
.tabs li.active{
	background:#1e1e1e;
	color:#ffffff;
}
.tab_container{
	position:relative;
	width:100%;
	float:left;
	margin-top:80px;
	margin-bottom:100px;
}

.reservation h3{margin-top:35px;}
.reservation h4{margin-top:50px;font-size:20px}
.reservation h5{margin-bottom:10px;font-size:15px}
.reservation .bar{
	display:block;
	width:20px;
	height:2px;
	background:#1e1e1e;
	margin:40px 0;
}
.reservation .bx{
	margin-top:20px;
}
.reservation .refund{
	border:none;
	border:1px solid #ddd;
}
.reservation .refund tr th{
	background:#f7f7f7;
	color:#1e1e1e;
	text-align:center;
	padding:10px;
	vertical-align:middle;
	font-weight:bold;
	border-bottom-width: 1px;
	
}
.reservation .refund tr td{
	color:#1e1e1e;
	text-align:center;
	padding:10px;
}


.reservation .calendar{display: block; width:100%;margin:20px 0 60px}
.reservation .item .bx{margin-top:35px;}
.reservation .item .lst-type-dash{margin-top:20px;}
.reservation .item .lst-type-dash li{line-height:2}
.reservation .item .table{text-align:center;}
.reservation .item .table thead th{border-bottom:0;text-align:center}

/* travel */
.travel-row{
	float:left;
	width:100%;
	height:100%;
	margin-top:80px;
	margin-bottom:80px;
}
.travel-col{
	float:left;
	width:50%;
}
.travel-lst{
	position:relative;
	float:left;
	height:800px;
	background:#ffffff;
	margin-right:30px;
	margin-bottom:30px;
	border:1px solid #8B8B8B;
}
.travel-lst:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:#8B8B8B;
	position:absolute;
	right:-10px;
	bottom:-10px;
	z-index:-1;
}
.travel-lst .travel-img{
	float:left;
	width:100%;
	height:400px;
	overflow:hidden;
}
.travel-lst .travel-img img{
	width:100%;
	height:100%;
}
.travel-lst .travel-info{
	float:left;
	width:100%;
	height:400px;
	padding:70px 50px;
}
.travel-lst .travel-info h3{
	font-size:22px;
	color:#1e1e1e;
}
.travel-lst .travel-info h5.location{
	font-size:18px;
	color:#1e1e1e;
	margin-top:10px;
	padding-bottom:30px;
}
.travel-lst .travel-info h5.location:before{
	content:"";
	display:inline-block;
	width:14px;
	height:19px;
	background:url('../img/icon_loca.png') 0 0 no-repeat;
	margin-right:10px;
	vertical-align:middle;
}
.travel-lst .travel-info p{
	font-size:15px;
	line-height:1.8em;
	color:#1e1e1e;
}
@media (max-width:1200px){
	.travel-lst .travel-img{

	}
}
@media (max-width:960px){
	.travel-col{
		float:left;
		width:100%;
	}
	.travel-lst{
		height:auto;
	}
	.travel-lst .travel-img{
		height:auto;
		overflow:visible;
		}
	.travel-lst .travel-info{
		height:auto;
		padding:40px;
	}
}

/* 게시판 */
.board,.bd{max-width:1200px;margin:40px auto;}
.sub.board{ padding-top:80px}
.bd-edit{ position: fixed;bottom:30px;right:30px; z-index:50}
.board, .board button, .board input, .board label, .board select, .board table, .board textarea{font-size: inherit;}
.exForm .address, .exForm .date, .exForm .email_address, .exForm .homepage, .exForm .tel, .exForm .text,
.board input,.board select,.board textarea{height: auto; padding:4px 8px; box-sizing: border-box}
.board textarea{width:100%}
.exForm li{white-space: nowrap}
.exForm p{font-size:13px}

/*---------- media ----------*/
@media (max-width:1600px){
	.index-preview-wrp .title_wrap {
		width: 250px;
		height: auto;
		margin-left: -125px;
	}
}
@media (max-width:1279px){
	.index-preview-wrp .title_wrap {
		width: 200px;
		height: auto;
		margin-left: -100px;
		text-align:center;
	}
	.index-preview-wrp .title_wrap h4{
		float:none;
		max-width:100%;
		margin-bottom:10px;
	}
	.index-preview-wrp .title_wrap .more-btn-w{
		float:none;
		margin:0 auto;
	}
}
@media (min-width:1201px){
}
@media (max-width:1200px){
/* sub */
/* 부가서비스 */
.facilities .bx .tx .sub-title{font-size:26px;}
}
@media (min-width:991px){
}
@media (max-width:992px){
.bg-full{display:none}


.h-full{ overflow:hidden; position:relative; height:450px; background-position:50% 0; background-size:cover;}

.container-fluid{ padding-left: 15px; padding-right: 15px}

.hd-1 h2{font-size:32px}
.lst-icon{font-size:12px}
.lst-icon img{width:70px}

/* icon */
[class^=icon-]{background-size: 100% auto}
[class^=icon-sns]{background-size:19px auto}
.icon-sns-fb{background-size:10px auto}
[class^=icon-room]{width: 60px; height: 60px; background-size: 100% auto;}

/* Button */
[class^=btn-border]{font-size:12px}
.btn-lg{font-size: 16px}

/* table */
.tb-fixed{ table-layout: auto}
.tb th, .tb td{font-size: 10px}
.tb th,.price-info .tb table td{ padding: 10px 2px}
.price-info .tb th .date{font-size:11px}
.price-info .tb tbody th{padding:10px;font-size: 11px}
	
/* silder */
.swiper-button-next, .swiper-button-prev{background-size:16px auto}
.swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px}
.swiper-pagination-bullet{width:8px;height:8px}

/* tab */
.tab-menu{border-bottom:0}
.tab-menu li{width:33.333%;border-bottom:1px solid #000;text-align:center}
.tab-menu li a{width:100%;height:38px;padding:0;line-height:38px;}
.tab-area .tab-content > .item{padding:20px 0;}

.modal-view.modal-view{position:fixed;bottom:0;z-index:101; width:100%;padding-top:0}
.modal-view .close{top:30px;right:30px;width:20px;height:20px;}
.modal-view .modal-view-inner{padding:25px 20px;font-size:14px;}
.modal-view .modal-view-inner h2{font-size:26px;}
.modal-room h3{font-size:16px}

.layout{padding:0 20px 90px;}
#wrap{padding-top: 60px}
/* header */
#hd{height:60px; background: #fff}
#hd h1{display:block;overflow: hidden; top:19px;right:30px;font-size:20px;text-overflow: ellipsis; white-space: nowrap;}
.btn-res{display:none}
.js-mn{display: block; position:absolute;top:0;left:0;bottom:0;z-index:120;width:60px;height: 60px; background-color:#000;border:0;font-size:0;line-height:0;text-indent:-999em;color:transparent}
.js-mn>span, .js-mn:after, .js-mn:before{content:"";position:absolute;left:20px;width:20px;border-top:2px solid #fff;transition:all .3s}
.index .js-mn>span, .index .js-mn:after, .index .js-mn:before{border-top-color:#fff}
.js-mn:before{top:22px}
.js-mn>span{top:29px}
.js-mn:after{top:37px}
.gnb-open .js-mn:after, .gnb-open .js-mn:before{width:22px;border-top-color:#fff}
.gnb-open .js-mn:before{transform:translateX(-5px) rotate(-45deg);transform-origin:top right}
.gnb-open .js-mn>span{opacity:0;transform:translate(200%,0);transform-origin:center left}
.gnb-open .js-mn:after{transform:translateX(-5px) rotate(45deg);transform-origin:bottom right}
/* Gnb */
.nav-open{overflow:hidden}
.nav-open #wrap{position:fixed;left:0;right:0}
.nav-open.modal-view-open #wrap{z-index:1060}
#gnb{overflow:hidden;overflow-y:auto;position:fixed;top:0;left:0;bottom:0;z-index:110;display:none;width:300px;padding:60px 0;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,.5); transform:translateX(-100%);transition:transform .3s ease-out}
.nav-open #gnb{display:block}
.gnb-open #gnb{transform:translateX(0)}
#gnb strong{display: block;overflow: hidden; position: absolute;top:0;left:0;right:0;height: 60px;padding:15px 80px 15px 25px; background: #000;font-size:20px;text-overflow: ellipsis; white-space: nowrap; color: #fff}
#gnb .dep{position: relative}
#gnb .dep>a{padding: 15px 25px; font-size:18px;}
#gnb button{display: block;position: absolute;top:0;right:0;width:55px;height: 55px;}
#gnb button:before{ content:'';display: inline-block; margin-top:9px; border:6px solid; border-color:#000 transparent transparent;vertical-align:top}
#gnb .open button{ transform: scale(1,-1)}
#gnb a{color:#333333;}
#gnb .dep2{display: none;padding: 10px 0;background: #e8e8e8;}
#gnb .dep2 a{padding:10px 35px;font-size:16px;}
#gnb .dep2 a:before{ content:'-'; margin-right: 5px;}
.dim{position:fixed;top:0;left:0;right:0;bottom:0;z-index:40;transition:background .3s ease-out}
.gnb-open .dim{background:rgba(0,0,0,.7)}

/* footer */
#ft{font-size:12px}
#ft .ft-right{
	margin-top:30px;
	}

/* sub */
.sub-hd{height:66vw;}
.sub-hd h2{font-size:28px}
.sub-hd i{width:40px; margin: 10px auto}
.sub-hd.v2 {height:160px}

/* index */
#indexSect1 .h-full{height:120vw}
#index .container, #index .container-fluid{padding:45px 5px;}
#index h2{margin: 0 0 10px;font-size:48px; text-align:center;}

#indexSect1 .main-title h1{font-size:48px;}
#indexSect2, #indexSect4{
	padding:80px 0;
	}
#indexSect2 .room_bg, #indexSect4 .room_bg{
	display:none;
	}
.index-preview-wrp .thumbnail-img{
	margin-bottom:0;
}
.index-preview-wrp .title_wrap{
	width:100%;
	left:0;
	margin-left:0;
	padding:25px 5px;
}

#indexSect3 .main_info{
	width: 400px;
	position:absolute;
	top:27%;
	left:50%;
	margin-left: -200px;
	padding: 30px;
}
#indexSect3 .main_info h1{
	margin-bottom:20px;
	font-size:48px;
}

.index-preview-wrp{ margin:0 -5px; padding:0 30px}
.index-preview h4,#indexSect3{font-size:14px}
#indexSect4 .swiper-button-next,#indexSect4 .swiper-button-prev{ margin-top:-20px}
.index-facility h4{bottom:15px;right:15px;left:15px;font-size:16px;}
.dl-loc dt{margin-top: 20px; font-size: 14px}
.dl-loc dd{ margin-bottom:20px;font-size:14px}

.icon-scroll{display:none;}

/* about */
.about-hd{ max-width:1880px;margin:0 auto; padding:15px}
.about-hd header{ padding:30px 0;font-size:14px;}
.about-hd h3{font-size:28px;}
.about-hd h4{font-size:18px}
.about-hd .swiper-pagination{left:0;margin-left:100px; font-size:16px;}
.about-hd .swiper-button-prev,.about-hd .swiper-button-next{left:0;width:40px;height:40px;background-size:10px auto;}
.about-hd .swiper-button-next{margin-left:40px}

/* Rooms */
.lst-room{ padding:30px 10px}
.lst-room li{ width:50%; padding:10px; font-size:12px}
.lst-room h4{ margin:20px 0 10px; font-weight:400; font-size:16px;}
.lst-room .meta{font-size:14px;}
.view .h-full{height:100vw}
.view-info{display: none;bottom:45px;left:20px;padding:20px;font-size: 13px}
.view-info h2{font-size:20px;}
.view-info small{font-size:13px}
.view-info p{ margin-top: 15px;padding-top: 15px;}
.view-sect1{padding: 70px 15px;}
.view-sect2>section{ padding:25px 0;font-size: 14px;}

.view-sect1 .btnarea>*{width:49%}
.view-sect1 p{font-size:16px}

/* 부가서비스 */
.lst-facility{ padding-top:30px;padding-bottom:30px;}
.lst-facility>li{display:block;font-size:13px}
.lst-facility .cnt>div{padding:20px 10px 30px}
.lst-facility h4{font-size:20px}

/* 오시는길 */
.location{padding-bottom:40px;font-size:14px}
.root_daum_roughmap_landing .wrap_map{height:240px !important}
.location .bx{margin-top:35px;}
.location h3,.view-sect1 h3{font-size:20px;}
.location h3+p{margin-bottom: 15px}
.location h4,.view-sect1 h4{margin-bottom:15px; font-size:16px}
.location .dl-float dt{font-weight:700}
.location .lst2 li{margin-bottom:10px}
.location .lst2 .dl-float{padding-left:0}
.location .lst2 .dl-float dt{float:none;margin-left:0;}
.location .btnarea>*{ width:160px}

/* 실시간 예약 */
.tab-area .item{padding:25px 0 50px}
.sub-menu{height:50px;}
.sub-menu li{width:33.333%;}
.sub-menu li a{height:49px;padding:0;line-height:46px;}
.reservation h3{margin-top:35px;font-size:20px;}
.reservation h4{font-size: 17px}
.reservation h5{font-size: 15px}
.reservation .calendar{margin:10px 0 50px;}
.reservation .item .bx{margin-top:20px;}
.reservation .item .lst-type-dash{margin-top:10px;}
.reservation .item .table{margin-top:0;}
.price-info .bx-date{padding:15px 0;}
.price-info .bx-date span{margin:0 10px;font-size:14px;line-height:20px;}
.price-info .bx-date a{width:20px;height:20px;}
.price-info .tb{font-size:12px;}

/* 게시판 */
.board{ padding:30px 15px;}
.board_list{ overflow-y: auto}
.pagination{display: block}

.popup{top:80px !important;left:50% !important;width:320px !important;margin-left: -160px !important}
}