@charset "utf-8";

html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0;    font-family: 'paybooc-Medium', "NanumBarunGothic", 'NanumSquare', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *2017-11-22+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {   font-family: 'paybooc-Medium', "NanumBarunGothic", 'NanumSquare',  "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#000; background:#fff; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
li{list-style:none;}
select,textarea{border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.blind, .sound_only {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:12px;line-height:26px;font-family:Dotum,sans-serif;}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb20 { margin-bottom:20px !important;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.boxShadow {-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);}

.transAll015 {-webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; }
.transAll03 {-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.transAll03_ease {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.transAll02_ease {-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.scale01 {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.strongColor01 { color:#021e2f;}

.block1480, .block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1480, .in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}

#skip{position:absolute;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}

.header { position:fixed; width:100%; height:66px; background:rgba(255, 255, 255, 0.8); left:0; top:0; opacity:0; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);  z-index:30;}
@media (min-width: 1024px) {
	.header:hover {
		background: rgba(255,255,255,0.7);
		padding-bottom: 300px;
		position: fixed;
		z-index: 99999;
		transition: all 0.4s;
	}
}
.btn_nav .line {position: absolute; display: block; width:26px; height:22px; right:4px; top:0; }
.btn_nav .line span {position: absolute; display: block; width:30px; height:2px; left:50%;  background: #000; transform: translate(-50%, 0px);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.btn_nav .text { position:absolute; left:0; top:0;font-family: 'Sacramento', cursive; font-size:2em; line-height:0.8em; font-style:italic; color:#fff; text-align:center; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);  }

.btn_nav .line01 { top:0; }
.btn_nav .line02 { top:calc(50% - 1px); }
.btn_nav .line03 { bottom:0; }

.btn_nav.open_nav .line01 {transform: translate(-50%, 10.5px) rotate(45deg); -ms-transform: translate(-50%, 10.5px) rotate(45deg); -webkit-transform: translate(-50%, 10.5px) rotate(45deg);}
.btn_nav.open_nav .line02 {opacity:0; filter: alpha(opacity=0;); }
.btn_nav.open_nav .line03 {transform: translate(-50%, -9.5px) rotate(-45deg); -ms-transform: translate(-50%, -9.5px) rotate(-45deg); -webkit-transform: translate(-50%, -9.5px) rotate(-45deg); }

.logo { position:absolute; width:150px; left:360px; top:30px;  transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:10; }
.logo a { position:relative; display:block;-moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.logo a img { width:100%; vertical-align:top; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.logo .logo_black { position:relative; z-index:1; }
.logo .logo_white { position:absolute; left:0; top:0; opacity:0; z-index:2; }
.reser_Btn {
	position: absolute;
    right: 400px;
    top: 22.5px;
    font-size: 16px;
	z-index: 100;
	transition: 0.3s all;
}
.reser_Btn i {
	position: relative;
	top: 1px;
}

.reser_Btn:hover, .reser_Btn:hover i {
	color: #126692;
}
.insta {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 12px;
    right: 332px;
	z-index: 99;
}
.insta img {
	display: block;
	width: 100%;
}
.gnb_img {
	width: 100%;
    height: 242px;
    margin-top: 14px;
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    transition: background-image 0.3s;
}
/* 08.17 css */
.n_nav {    display: block;
    width: 185px;}
.n_nav img {
	width: 100%;
	display: block;
}
.sc0030 {color: #ff6666 !important;}
.sc0010 {color: #5eb917 !important;}
.sc0100 {color: #676767 !important;}

@media (max-width: 1024px) {
	.week_date p, .rsv_cal_t p {
		font-size: 14px !important;
	}
	.boxShadow {box-shadow: none;}
	.n_nav {
		margin: 0 auto;
	}
}
/* 08.30 css */
.room_txt p {
	/* display: none; */
	position: relative;
	padding-top:  65px;
	font-size: 13px;
	line-height: 1.4em;
	letter-spacing: 2px;
  }
  .room_txt p::Before {
	display: block;
	content:""; 
	position:  absolute;
	width: 80%;
	height: 1px;
	background: #000;
	top:30px;
	left: 50%;
	transform: translate(-50%, -50%);
  }
  .room_more {
	background: url('/html/images/room/more_B.png')no-repeat center center;
	width: 86px;
	height: 54px;
	margin: 30px auto;
	transition: 0.4s all;
  }
.roomList01:hover {
	width: 50%;
}
.roomList01 a:hover .R_bg {
	background: rgba(0, 0, 0, 0.3);
}
.roomList01 a:hover .room_txt {
	width: 70%;
	background: rgba(255,255,255,0.5);
}
/* .roomList01 a:hover .room_more {
	background: url('/html/images/room/more_W.png')no-repeat center center;
} */
/*
.logo a { display:table; width:100%; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.logo a span img, .logo a span svg { width:100%; vertical-align:top;}
.logo .logo_icon { display:table-cell; width:18%; vertical-align:middle; text-align:center; }
.logo .logo_icon img, .logo .logo_icon svg { -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); opacity:0;}
.active .logo .logo_icon img, .active .logo .logo_icon svg { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s; opacity:1;}
.logo .logo_typo { position:relative; display:table-cell; width:82%; padding-left:5%; vertical-align:middle; }
.logo .logo_typo img, .logo .logo_typo svg {  opacity:0; }
.active .logo .logo_typo img, .active .logo .logo_typo svg { all 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:1.2; -ms-transition-delay : 1.2; -moz-transition-delay : 1.2; -o-transition-delay : 1.2; -webkit-transition-delay : 1.2; left:50%; opacity:1;}
*/

.btn_nav { position:absolute; display:none; width:40px; right:15px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align:center; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);  z-index:10; }
.main .btn_nav { display:block;}
.btn_nav .box { position:relative; display:block; width:40px; height:40px; border:2px solid #fff;}
.btn_nav .box .triangle { position:absolute; left:0; top:-1px; width:0;height:0; border-right: 18px solid transparent; border-left: 18px solid transparent; border-top: 36px solid #fff;}
.btn_nav .text { display:block; font-size:11px; line-height:15px; color:#fff; letter-spacing:0.1em; margin-top:3px;}
/* .gnbArea { position:absolute; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);  z-index:5; } */
.gnb:after {display: block; content: ""; clear: both;}
.gnb {
	text-align: center;
}
.gnb > li { 
	/* float:left;  */
	display: inline-block;
	vertical-align: top;
	margin:0 3.5em; 
}
.gnb > li .depth1_mobile { display:none;}
.gnb > li .depth1, .gnb > li .depth1_mobile { font-family: 'paybooc-Light'; font-size:1.2em; line-height:1.5em; font-weight:600; text-transform:uppercase;}
.gnb_sub { display:none; padding-top: 15px; text-align: center;}
.gnb_sub:after {display: block; content: ""; clear: both;}
/* .gnb > li.this .gnb_sub { display:block;} */
.gnb_sub li { margin: 5px 0;}

.gnb_sub li a { position:relative; display:inline-block; font-size:1em; line-height:0.9em; color:#000; }
.gnb_sub li a::after {content:"";position:absolute; width:0; height:1px; background:#000; left:0; bottom:-5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.gnb_sub li.this a::after { width:100%; }
@media  (min-width: 1025px){
/* .gnb > li:last-child { margin-right:0;} */
.gnb_sub li a:hover::after { width:100%; } 
.gnb_sub > li:last-child { margin-right:0;}
}

@media  (min-width: 1025px){

.header.sticky { height:64px;}
.sticky .logo { width:230px;}
.sticky .gnbArea { top:45%;}
.gnb6 .gnb_sub { right:0}

/*.main .header {background:rgba(255, 255, 255, 0);}*/
/* .gnbArea {left: 50%; top:30px; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} */
.gnbArea {
	position: fixed;
	top: 0;
	width: 100%;
    margin-top: 20px;
}

/*.main .header .gnbArea {visibility: hidden; opacity:0; filter: alpha(opacity=0;);}
.main .header .logo_black {opacity:0; filter: alpha(opacity=0;); }
.main .header .logo_white {opacity:1; filter: alpha(opacity=100;); }

.main .header.fixed {background:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);} 
.main .header.fixed .gnbArea {visibility: visible; opacity:1; filter: alpha(opacity=1;);}
.main .header.fixed .logo_black {opacity:1; filter: alpha(opacity=100;); }
.main .header.fixed .logo_white {opacity:0; filter: alpha(opacity=0;); }
.main .header.fixed .btn_nav { visibility: hidden; opacity:0; filter: alpha(opacity=0;);}*/
.main .btn_nav { visibility: hidden; opacity:0; filter: alpha(opacity=0;);}

}
.header.sticky {background:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);}

@media  (max-width: 1500px){
	.logo {left: 180px;}
	.reser_Btn {right: 320px;}
}
@media  (max-width: 1480px){

.btn_nav { width:32px; top: 20px;}
.btn_nav .box { width:32px; height:32px; border:2px solid #fff;}
.btn_nav .box .triangle { border-right:14px solid transparent; border-left: 14px solid transparent; border-top: 28px solid #fff;}
.btn_nav .text { font-size:9px; line-height:9px; letter-spacing:0.05em; margin-top:2px;}
.gnb > li { margin:0 1.5em;}
.gnb > li .depth1 { font-size:1.1em;}

}


@media  (max-width: 1024px){
.header { height:60px; }
.logo { 
	position: absolute;
	width:140px;
	left: 5px;
}
.logo.open_nav .logo_black {opacity:0; }
.logo.open_nav .logo_white {opacity:1;}

.reser_Btn {right: 70px; }
.insta {
	right: 177px;
    width: 30px;
    top: 17px;
    height: 30px;
}
.btn_nav .box { width:32px; height:32px; border:2px solid #000;}
.btn_nav .box .triangle { top:-0.2px; border-right:14px solid transparent; border-left: 14px solid transparent; border-top: 28px solid #000;}
.btn_nav .text { color:#000;}
.btn_nav.open_nav .box { border:2px solid #fff;}
.btn_nav.open_nav .box .triangle { border-top: 28px solid #fff;}
.btn_nav.open_nav .text { color:#fff;}


.gnbArea { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.8);  z-index:5; visibility: hidden; opacity:0; filter: alpha(opacity=0;);}
.gnbArea.open_nav {visibility: visible; opacity:1; filter: alpha(opacity=100;); }
.gnb { padding-top:40%; text-align:center;}
.gnb > li { float:none; margin:0 0 1px; display: block;}
.gnb > li .depth1 {display:none}
.gnb > li .depth1_mobile { display:block;}
.gnb > li .depth1, .gnb > li .depth1_mobile {font-size:1.8em; line-height:1.8em; padding-top:0.3em; color:#fff;}
.gnb > li.this .depth1_mobile, .gnb > li.on .depth1_mobile { background:#fff; color:#000;}
.gnb_sub { position:relative; text-align:center; display:none;  }
.gnb > li.on .gnb_sub, .gnb > li.this .gnb_sub { margin:10px 0 !important; -webkit-transition: all 0.2s swing; -moz-transition: all 0.1s swing; -ms-transition: all 0.12 swing; -o-transition: all 0.2s swing; transition: all 0.2s swing;}
/* .gnb > li.this .gnb_sub { display:block;} */
.gnb_sub li { float:none; display:inline-block; margin:0 7px;}
.gnb_sub li.subBlock { display:block; margin:0;}
.gnb_sub li a { display:inline-block; font-size:1.2em; line-height:1.8em; color:#fff;}
.gnb_sub li.this a { border-bottom:1px solid #fff;}

}



/* footer */
.epil02_04 { position:relative; /*z-index:3;*/ width: 100%; text-align: center; margin: 2% 0;}
.epil02_04 a > .img07 { position: relative; display: block; max-width: 100%; margin: 0 auto; opacity: 0.3; cursor: pointer;}
.epil02_04 .reserveTitle { position: absolute; top: 31%; left: 50%; transform: translate(-50%, -50%); font-family: 'GyeonggiTitleM'; text-align: center; }
.epil02_04 .reserveTitle > h2 { color: #797878; font-size: 2.1em; letter-spacing: 5px;}
.epil02_04 .reserveTitle > h1 { color: #424242; font-size: 2.5em; letter-spacing: 5px; margin-top: 10%;}
.epil02_04 a > .btn { position: absolute; display: block; z-index: 5; top: 55%; left: 50%; transform: translate(-50%,-50%); cursor: pointer;}

@media  (max-width: 1024px){
	.epil02_01 { /*width:90%; margin-left:10%;*/}
	.epil02_02 { position:relative; width:100%; height:50vw; padding:5% 0; z-index:6;}
	.epil02_02_text { position:relative;}
	.epil02_04 .reserveTitle {
		width: 100%;
	}
	.epil02_04 .reserveTitle > h2 {
		font-size: 1em;
		letter-spacing: 2px;
	}
	.epil02_04 .reserveTitle > h1 {
		font-size: 1.6em;
		letter-spacing: 4px;
		margin-top: 2%;
	}
	.epil02_04 a > .btn {
		position: absolute;
		display: block;
		z-index: 5;
		top: 35%;
		left: 0 !important;
		right: 0 !important;
		margin: 0 auto;
		cursor: pointer;
		transform: scale(0.6) !important;
	}
}

@media  (max-width: 768px){
	.gnb_img {
		display: none;
	}

	.epil02_03 { position:relative; }
	.epil02_0301 { display:block; /*width:90%;*/ width: 100%;}
	.epil02_0302 { display:block; width:100%; /* padding:5% 5% 10%; text-align:left;*/ padding: 5%; text-align: center;}
	.epil02_bg { height:80%;top:10%;}
	
	}
	


.reserWrap { position:relative; overflow:hidden; z-index:5;}
.reserWrap > a { display:block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.reserWrap .reser_btn { position:absolute; left:50%; top:50%; text-align:center; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:2;}
.reserWrap .reser_btn p {font-family: 'Playfair Display', serif; font-size:1.5em; font-style:italic; color:#fff; letter-spacing:0.05em; line-height:1.5em;}
.reserWrap .reser_btn .btn_arrow { vertical-align:top; }
.reserWrap > a:hover {-ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}
.reserWrap_img { position:relative; padding-bottom:20%; background:url(../images/common/reser_bg.jpg);}


#footer { position:relative; padding-bottom:3%; width: 88%; margin: 0 auto; text-align: right; background:#fff; z-index:10; }
#footer.section { height:auto !important;}
#footer .btn_top { display:inline-block; }
/*#footer .btn_top:hover, #footer .btn_top:focus { padding:0 0 5px;}*/
.footerWrap {position: relative;}
.foot_logo {
	position: absolute;
	top: 130px;
	left: 100px;
	width: 180px;
}
.foot_logo a img {
	display: block;
	width: 100%;
}
.footerWrap dl dt { font-family: 'Montserrat', sans-serif; font-size:1.25em; line-height:1.2em; font-weight:500; color:#000; opacity:0.6;}
.footerWrap dl dd { font-size:1.1em; margin:0.7em 0;}
.footer01 {}
.footer02 {}
.footer01 p {font-family: 'Montserrat', sans-serif; font-size:1.2em; line-height:1.8em; font-weight:700; letter-spacing:0.1em; color:#000; }
.footer02 p { font-size:1em; line-height:1.5em;}
.footer03 { margin-bottom:2em;}
.footer03, .footer03 a { color:#555;}
.footer03 .line { display:inline-block; margin:0 0.5em;}

@media  (max-width: 1024px){
#footer {width: 100%; text-align: center;}
.foot_logo {
    position: unset;
    width: 100px;
    margin: 0 auto 30px;
}
.footerWrap dl dt { font-size:1.1em;}
.footerWrap dl dd {  margin:0.1em 0 1em;}
.footer01 p { font-size:1.3em; line-height:1.6em;}
.footer02 p { font-size:1em; line-height:1.6em; letter-spacing:-0.05em;}
.reserWrap .reser_btn p { font-size:1em;}
.reserWrap_img { padding-bottom:24%;}

}

@media  (max-width: 768px){
#footer { padding:5% 0 9%;}
#footer .btn_top img { }
.footerWrap dl dt { font-size:1em;}

.footer_info p { display:block;}
.footer02 p { letter-spacing:-0.02em;}
.footer_info p span {width:0.5em;}

}

@media  (max-width: 420px){
#footer .btn_top { margin-bottom:20px;}
}

.topArea { position:relative; width:100%; left:0; top:0; padding-top:0; background:#fff; overflow:hidden; z-index:10;}
.topArea:after {content:"";display:block;clear:both;}

.topArea .lightslider { display:block; width:100%; height:100%; opacity: 0; background: #fafafa; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), background 2.5s ease-out, -webkit-transform 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), background 2.5s ease-out, -webkit-transform 2.5s ease-out; -o-transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out, -webkit-transform 2.5s ease-out; }

.active.topArea .lightslider { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); }


.listImg li, .listImg02 li { overflow: hidden; opacity:0; filter: alpha(opacity=0;);}
.listImg li img, .listImg02 li img { width:100%; vertical-align:top; }
.listImg li img {-webkit-transition: all 0.2s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.listImg li:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}


.topArea_img .lSPager { display:none;}
.topArea_shade { position:absolute; width:73%; max-width:1407px; right:0; top:0; z-index:2;}

.lSSlideOuter { position:relative; z-index:1;}
.lightslider { z-index:1;}
.lightslider li { background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important; }
.lightslider li > img { width:100%; vertical-align:top;}

.topArea .count { position:absolute; width:60px; left:50%; bottom:10px; margin-left:-30px; font-family: 'Playfair Display', serif; font-size:1.35em; line-height:30px; color:#fff; text-align:center; z-index:4; }
.topArea .btn_reser { position:absolute; display:inline-block; right:50px; bottom:20px; font-family: 'Playfair Display', serif; font-size:1.35em; line-height:1.3em; letter-spacing:0.05em; color:#fff; border-bottom:1px solid rgba(255, 255, 255, 0.6); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:6;}
.topArea .btn_reser:hover { margin-right:-10px;}

/* .topArea .lSAction { position:absolute; width:32px; height:80px; right:12px; top:50%;  transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; filter: alpha(opacity=0;); z-index:5;} */
.topArea .lSAction {
    position: absolute;
    width: 74px;
    height: 32px;
    top: 70%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%); 
	-webkit-transform:translate(-50%, -50%); 
    opacity: 0;
    filter: alpha(opacity=0;);
    z-index: 5;
}
.topArea .lSAction::before {
	display: block;
	content: "";
	width: 2px;
	height: 60px;
	background: #fff;
	margin: 0 auto;
    margin-top: -33%;
}
.active.topArea .lSAction { opacity:1; filter: alpha(opacity=100;); transition: all 0.7s ease-in-out 1.0s;}
/*.topArea .lSAction:after { content:""; position:absolute; width:110%; height:1px; left:50%; top:50%; background:#fff; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }*/
.topArea .lSAction > a { position:absolute; width:32px; height:12px; margin:0; text-align:center; color:#fff; opacity:0.8; filter: alpha(opacity=80;);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topArea .lSAction > a img { width:100%; vertical-align:top;}
.topArea .lSAction > a:hover, .topArea .lSAction > a:focus {opacity:1; filter: alpha(opacity=100;);}
.topArea .lSAction > .lSPrev { left:-5px; top:0;}
.topArea .lSAction > .lSNext { right:-5px; bottom:0; top: 0;}
.topArea .lSAction > a i {display:block; width:34px; height:34px;}
/*.fas.fa-up {  background:url(../images/common/arrow_up.svg);}
.fas.fa-down {background:url(../images/common/arrow_down.svg);}*/
.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus { left:-9px !important;}
.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus { right:-9px !important;}

.topArea .btn_scroll { z-index: 999; position:absolute; display:inline-block; left:50%; bottom:0; opacity:0; filter: alpha(opacity=0;); animation: btn_scroll 1.5s infinite both;  transform: translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);}
@keyframes btn_scroll {
	0% {
		transform: translate(-50%, -50%);
		opacity: 1;
	}
	100% {
		transform: translate(-50%, -30%);
		opacity: 0;
	}
}
.btn_dir { display:block; text-align:center;}
.btn_dir .text {display:block; font-family: 'Roboto', sans-serif; font-size:1em; line-height:1.5em; letter-spacing:0.3em; padding-left:0.3em; font-weight:500;}
@keyframes dir-arrow-up {
	0%{opacity:1; top:-3px;}
	100%{opacity:0; top:0;}
	}
@keyframes dir-arrow-down {
	0%{opacity:1; top:0;}
	100%{opacity:0; top:-3px;}
	}
.btn_dir .arrow { position:relative; opacity:0; display:inline-block; width:16px; height:16px; transform:rotate(45deg);-webkit-transform:rotate(45deg); /*animation-delay: .15s;*/ }
.btn_dir .arrow_up {border-left:2px solid #000; border-top:2px solid #000; margin-top:12px; animation: dir-arrow-down 1s infinite;}
.btn_dir .arrow_down { border-right:2px solid #fff; border-bottom:2px solid #fff; animation: dir-arrow-up 1s infinite;}
.topArea .btn_scroll.btn_dir .text { color:#fff;}
.topArea .btn_scroll img {}

.section_fadeIn { opacity:0; }
.active.section_fadeIn { opacity:1; -webkit-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);}

.delay {}
.active.delay.section_fadeIn { -webkit-transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1.1s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}
.delay02 {}
.active.delay02.section_fadeIn {-webkit-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:1s; -ms-transition-delay : 1s; -moz-transition-delay : 1s; -o-transition-delay : 1s; -webkit-transition-delay : 1s;}
.delay03 {}
.active.delay03.section_fadeIn {-webkit-transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 2s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:1s; -ms-transition-delay : 1s; -moz-transition-delay : 1s; -o-transition-delay : 1s; -webkit-transition-delay : 1s;}

.bx-wrapper { position:relative; z-index:1;}
.typoWrap {position:relative; overflow:hidden; width: 97%; margin: 30px auto;}
.typoWrap .typoImg {position:relative; z-index:-1;}
.typoCon { position:absolute; left:50%; top:60%; text-align:center; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:2; }
.active.typoCon { top:50%;    font-family: 'paybooc-Medium'; color: #fff;}
.typoCon01 { width:100%; }
/* .typoCon01 dt {    font-family: 'paybooc-Medium'; font-size:93px; font-weight:500; line-height: 1em; }
.typoCon01 dt .title_typo01 {
	color: transparent !important;
} */
.typoCon01 dd p {   font-family: 'paybooc-Medium'; font-size:1.2em; line-height:1.8em; letter-spacing:-0.03em; font-weight: 500;}
.typoCon02 { width:100%; color:#fff; z-index:5;}
.typoCon02_01 {   font-family: 'paybooc-Medium'; font-size:1.2em; line-height:1.8em; letter-spacing:-0.03em; margin-bottom:2.5%; }
.typoCon02_02 {font-family: 'Lora', serif; font-size:3em; line-height:1.2em;}
.typoCon03 {   font-family: 'paybooc-Medium'; font-size:1.2em; color:#fff; line-height:1.8em; letter-spacing:0.03em; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.6);  }
@media  (max-width: 1820px){
		.typoCon02_02 {font-size:2.6vw;} 
}
@media  (max-width: 1420px){ 
	.typoCon01 dd p, .typoCon02_01 {font-size:1.1em; line-height:1.6em;}
}

@media  (max-width: 1280px){ 
	.typoCon01 dd p, .typoCon02_01 {font-size:1em; }
}


@media  (max-width: 1024px){
.typoCon01 dt img {
	width: 100%;
	display: block;
}
.typoCon01 dt {
	width: 80%;
	margin: 20px auto;
}
.main01_01 .typo02_01 {
	width: 80%;
    margin: 0 auto;
}
.main01_01 {
	width: 100%;
}
.main01_01 img {
	display: block;
	width: 100%;
}
.topArea { position:relative; top:0;}
/*.mainLogo, */.topArea .btn_reser, .topArea .btn_scroll { display:none;}
.topArea .lSAction {top: 90%;}
.topArea .lSAction::before {
	height: 30px;
	margin-top: -9%;
}
.typoCon02 { top:45%;}
.typoCon03 { font-size:0.95em;}

.btn_arrow { width:110px;}

.active.section_fadeIn { opacity:1; -webkit-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1);}

.active.delay.section_fadeIn { -webkit-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.8s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.8s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}
.active.delay02.section_fadeIn {-webkit-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.0s cubic-bezier(0.645, 0.045, 0.355, 1);transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}
.active.delay03.section_fadeIn {-webkit-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}

}

@media  (max-width: 768px){
.topArea { top:0;}

.typoCon01 { top:42%;}
.typoCon01 dd p {font-size:0.85em; }
.typoCon02_01 {font-size:0.8em; margin-bottom:2%;}
.typoCon02_02 {font-size:3vw;}

.typoCon { top:55%;}
.active.typoCon { top:45%;}

.active.section_fadeIn { transition: all 0.6s ease-in-out 0.4s;}

}

@media  (max-width: 420px){
.typoCon01 dd p, .typoCon02_01 {font-size:0.75em; letter-spacing:-0.05em;}
}

@media \0screen { /* IE8 웹폰트 설정*/
}


.listImg li, .listImg02 li { overflow: hidden; opacity:0; filter: alpha(opacity=0;);}
.listImg li img, .listImg02 li img { width:100%; vertical-align:top; }
.listImg li img {-webkit-transition: all 0.2s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.listImg li:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.img_bg { width:100%; height:0; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important;}

@media  (max-width: 1810px){
	.none1810 {display: none !important;}
}

@media  (max-width: 1680px){
}

@media  (max-width: 1480px){

.none1480 {display:none !important;} 
.block1480 {display:block !important;}
.in-block1480 {display:inline-block !important;}

}


@media  (max-width: 1420px){
}

@media  (max-width: 1280px){

.none1280 {display:none !important;} 
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}

}

@media  (max-width: 1024px){

.none1024 {display:none !important;} 
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}


} 

@media  (max-width: 768px){

.none768 {display:none !important;} 
.block768 {display:block !important;}
.in-block768 {display:inline-block !important;}

}

@media  (max-width: 560px){

.none560 {display:none !important;} 
.block560 {display:block !important;}
.in-block560 {display:inline-block !important;}

}

@media  (max-width: 480px){

.none480 {display:none !important;} 
.block480 {display:block !important;}
.in-block480 {display:inline-block !important;}

}


@media  (max-width: 380px){

.none380 {display:none;} 
.block380 {display:block;}
.in-block380 {display:inline-block;}	
}


@media  (max-width: 1024px){
.btn_reser02 { font-size:1em; padding:0.6em 3em 0.5em;}

}


#popup_reser { display:none; position:fixed !important; background:#fff; width:calc(100vw * 0.9) !important;  height:calc(100vw * 0.45) !important; left:5%; top:5% !important; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); box-shadow:0 0 20px rgba(0, 0, 0, 0.5);  z-index:60;}
#popup_reser .reser_content { position:relative; width:100%; height:calc(100vw * 0.45); left:0; top:0; padding:3%; overflow-y:auto; z-index:1;}
#popup_reser .b-iframe {position:relative; display:block; width:94%; height:7000px; margin:0 auto;  }
.b-close { position:absolute; right:10px; top:10px; display:inline-block; color:#fff; font-family: 'Raleway', sans-serif; font-size:1.5em; line-height:1em; letter-spacing:0.1em; padding:10px 15px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.3); transition: all 0.2s ease-in-out; z-index:1000; /*border-bottom:1px solid  rgba(255, 255, 255, 0.2);  border-left:1px solid rgba(255, 255, 255, 0.2);*/  background:rgba(0,0,0,0.1); }
.b-close:hover, .b-close:focus {  background:rgba(0,0,0,0.2);}
.b-close i { display:inline-block; font-size:24px; transition: all 0.2s ease-in-out;}
.b-close:hover i, .b-close:focus i {transform:rotate(180deg);-webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg);}

::-webkit-scrollbar { width:5px; height:3px;}
::-webkit-scrollbar-thumb {background: #a9a9a9;}
::-webkit-scrollbar-track-piece { background:#f1f1f1;}



.active .mainLogo {
    transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    -webkit-transform: translate(-50%,-50%) scale(1);
    -webkit-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: opacity 2s cubic-bezier(0.645, 0.045, 0.355, 1), transform 2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 2s cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 1;
}
.mainLogo {
    position: absolute;
    width: 479px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(0.85);
    -ms-transform: translate(-50%,-50%) scale(0.85);
    -webkit-transform: translate(-50%,-50%) scale(0.85);
    opacity: 0;
    z-index: 5;
}
.mainLogo img {
    width: 100%;
    vertical-align: top;
}