@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700'); /* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Merriweather'); /* font-family: 'Merriweather', serif; */

@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css'); /* font-family: 'Jeju Myeongjo', serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700'); /* font-family: 'Roboto', sans-serif; */
/*@import url('https://fonts.googleapis.com/css?family=Oranienbaum'); */
/* arrow font-family: 'Oranienbaum', serif; */

/*@import url('https://fonts.googleapis.com/css?family=Unica+One');*/
/* font-family: 'Unica One', cursive; */
@import url('https://fonts.googleapis.com/css?family=Damion'); /* font-family: 'Damion', cursive; */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400'); /* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Old+Standard+TT'); /* font-family: 'Old Standard TT', serif;  */
@import url('https://fonts.googleapis.com/css?family=Kristi'); /* font-family: 'Kristi', cursive; */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700|Kanit|Abhaya+Libre|Oranienbaum|Unica+One|Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Exo+2');
@import url('https://fonts.googleapis.com/css?family=Sacramento');
/*font-family: 'Crimson Text', serif;*/
/*font-family: 'Kanit', sans-serif;*/
/*font-family: 'Abhaya Libre', serif;*/
/*font-family: 'Unica One', cursive;*/
/*font-family: 'Playfair Display', serif;*/
/*font-family: 'Exo 2', sans-serif;*/
@font-face {
	font-family: 'GothamThin';
	font-style: normal;
    font-weight: normal;
	src: url('./fonts/GothamThin.eot');
	src: /*local('Gotham Thin'),*/ url('./fonts/GothamThin.woff') format('woff'), url('./fonts/GothamThin.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamLight';
	font-style: normal;
    font-weight: normal;
	src: url('./fonts/GothamLight.eot');
	src: /*local('Gotham Thin'),*/ url('./fonts/GothamLight.woff') format('woff'), url('./fonts/GothamLight.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamMedium';
	font-style: normal;
    font-weight: 300;
	src: url('./fonts/GothamMedium.eot');
	src: /*local('Gotham Medium'),*/ url('./fonts/GothamMedium.woff') format('woff'), url('./fonts/GothamMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamBold';
	font-style: normal;
    font-weight: 700;
	src: url('./fonts/GothamBold.eot');
	src: /*local('Gotham Bold'),*/ url('./fonts/GothamBold.woff') format('woff'), url('./fonts/GothamBold.ttf') format('truetype');
}

@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumBarunGothic.woff") format("woff"), url("./fonts/NanumBarunGothic.ttf") format("truetype");
}
@font-face {
    font-family: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquareR.woff") format("woff"), url("./fonts/NanumSquareR.ttf") format("truetype");
}
*/

html{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
body{overflow-x:hidden;}
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:"NanumBarunGothic", "Open Sans",'Noto Sans KR', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: "NanumBarunGothic", "Open Sans",'Noto Sans KR', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#343434; background:#fff; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none!important;color:#343434;}
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 !important; }
.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: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.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 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; }
.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:#ac2525;}

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

#wrap {background:url('../images/common/paper.jpg');}
#skip{position:fixed;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-sticky-wrapper { position: absolute; top: 0; left: 0; width: 100%; -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: 32; }

#header {position:relative; opacity:0; filter: alpha(opacity=0;); z-index:30; }
.logo { position:absolute; width:237px; height:132px; left: 0; top: 0; -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:5; background:url('../images/common/paper.jpg'); -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; }
.logo::before { content:''; position:absolute; display:block; width:213px; height:108px; top:10px; left:10px; z-index:-1; border:2px solid #8a8a8a; -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; }
.logo a { display:block;}
.logo img { position:absolute; top:33.5px; left:26px; -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; }
.logoM {display:none;}
/*.logoM { display:none; opacity:0; filter: alpha(opacity=0;); }*/
.fixedLogo { transform:translateY(10px); -webkit-transform:translateY(10px); -ms-transform:translateY(10px); display: inline-block; position: absolute; top: 18px; height: 30px; right: 40px; opacity:0; filter: alpha(opacity=0;); -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; }
.fixedLogo img { height:100%; }
.fixedLogo.active { opacity:1; filter: alpha(opacity=100;); transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0);}

.btn_nav { position:absolute; display:none; width:26px; height:22px; right:10px; top:20px;-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; cursor:pointer; z-index:40;}
.btn_nav .line {position: absolute; display: block; width:26px; height:22px; right:4px; top:0; }
.btn_nav .line span {position: absolute; display: block; width:24px; 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:2px; }
.btn_nav .line02 { top:calc(50% - 1px); }
.btn_nav .line03 { bottom:2px; }

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

.decoration {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	width:100%;
	height:100%;
	z-index:2;
	pointer-events: none;
}
.deco_line {
	float:left;
	display:inline-block;
	width:25%;
	height:100%;
	border-left:1px solid rgba(255,255,255,0.3);
}
.deco_line:first-child {
	border:none;
}



.gnbArea { position:relative; text-align:center; height:130px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
.gnbArea::before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:url('../images/common/paper.jpg'); opacity: 0; filter: alpha(opacity=0;); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.gnbArea:after, .gnb:after {content:"";display:block;clear:both;}
.gnb { position: absolute; bottom: 0; right: 0; display:inline-block;float:left; border-bottom:1px solid #fff; padding:15px 1em 15px 1em; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.gnb > li { float:left; margin:0 3.5em; -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; }
.gnb li a.depth1 { display:block; font-family: 'Exo 2', sans-serif; font-size:1.46em; line-height:1.5em; letter-spacing:0.05em; color:#fff; -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;}
.gnb li a.depth2 { text-shadow:none; }
.gnb li a.depth1:hover, .gnb li a.depth1:focus, .gnb li.on a.depth1, .gnb li.this a.depth1 { }
.gnb > li .depth1_mobile { display:none; padding-left:38%; font-family: 'Exo 2', sans-serif; font-size:1.5em; line-height:2em; letter-spacing:0.05em; color:#666; -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;}
.gnb_sub { position:absolute; display:none; padding: 5px 0 5px 16px; margin-left: -16px; background: #fff;}
.on .gnb_sub, .this .gnb_sub { }
.this .gnb_sub { display:block;}
.gnb_sub:after {content:"";display:block;clear:both;}
.gnb_sub li { float:left; margin-right:16px; }
.subBlock {margin:0;}
.gnb_sub li a {font-family: 'Noto Sans KR', sans-serif; font-size:1em; line-height:1.8em; color:#666; }
.gnb_sub li.this a { font-weight:700; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline; }

.btnArea {position: absolute; top: 0; right: 0; margin-right: 4.5em; margin-top: 1.5em; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity:1; filter: alpha(opacity=100;);}
.btnArea a {color:#fff; letter-spacing:2px; font-size:1.07em; }
.btnArea a::before {content:'ㆍ';}
.btnArea a + a {margin-left:1em;}
.btn_reser {display:inline-block; font-size:1.08em; color:#000; letter-spacing:0.1em; line-height:1.5em; }
.btn_reser span { display:inline-block; width:16px; height:0; font-size:1.5em; vertical-align:middle; text-align:center; overflow:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn_reser span { display:inline-block; width:16px; height:0; font-size:1.5em; vertical-align:middle; text-align:center; overflow:hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn_reser:hover , .btn_reser:focus { margin-bottom:-10px;}

.btn_reser02 { display:block; background:#fff; text-align:center; color:#37373a; padding:8% 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.btn_reser02 .arrow { display:inline-block; vertical-align:middle; font-family: 'GothamLight', sans-serif; font-weight:100; font-size:3.85em; margin-right:30px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.btn_reser02 .text { display:inline-block; vertical-align:middle; text-align:left;}
.btn_reser02 .text01 { display:block; font-family: 'GothamMedium', sans-serif; font-size:2.3em; line-height:1.2em; margin-bottom:0.2em; letter-spacing:0.15em; }
.btn_reser02 .text02 { display:block; font-size:1.07em; color:#818181;}
.btn_reser02:hover, .btn_reser02:focus { padding-left:20px;}

.is-sticky .gnbArea {  height:100px; }
.is-sticky .gnbArea::before {  opacity: 1; filter: alpha(opacity=100;); }
.is-sticky .gnb { padding: 35px 1em 35px 1em; border-color: transparent; }
.is-sticky .btnArea {-webkit-transform:translateY(-50px) translateZ(0); -ms-transform:translateY(-50px) translateZ(0); transform:translateY(-50px) translateZ(0); opacity:0; filter: alpha(opacity=0;);  -webkit-backface-visibility: hidden; }


.is-sticky .logo {
	height:100px;
	overflow:hidden;

}
.is-sticky .logo::before {
	opacity:0;
	filter: alpha(opacity=0;);
}
.is-sticky .logo img {
 top:17.5px;
}
.is-sticky .gnb li a.depth1 { color: #5a5b53; text-shadow:none; }

.sub .logo {
	height: 100px; overflow: hidden;
}
.sub .logo::before { display:none; }
.sub .logo img { top:17.5px; }
.sub .gnb li a.depth1 { color: #5a5b53; text-shadow:none; }
.sub .gnbArea {  height:100px; }
.sub .gnbArea::before{  opacity: 1; filter: alpha(opacity=100;);  }
.sub .gnb { padding: 35px 1em 35px 1em; border-color: transparent; }
.sub .btnArea {-webkit-transform:translateY(-50px) translateZ(0); -ms-transform:translateY(-50px) translateZ(0); transform:translateY(-50px) translateZ(0); opacity:0; filter: alpha(opacity=0;);  -webkit-backface-visibility: hidden; }
.sub .gnb li a.depth1 { color: #5a5b53; text-shadow:none; }
/* .sub.about .gnbArea, .sub.tour .gnbArea, .sub.reser .gnbArea, .sub.board .gnbArea {  height:60px; }
.sub.about .gnbArea::before, .sub.tour .gnbArea::before, .sub.reser .gnbArea::before, .sub.board .gnbArea::before {  opacity: 1; filter: alpha(opacity=100;); }
.sub.about .gnb, .sub.tour .gnb, .sub.reser .gnb, .sub.board .gnb {border-color: transparent; }
.sub.about .btnArea, .sub.tour .btnArea, .sub.reser .btnArea, .sub.board .btnArea {-webkit-transform:translateY(-50px) translateZ(0); -ms-transform:translateY(-50px) translateZ(0); transform:translateY(-50px) translateZ(0); opacity:0; filter: alpha(opacity=0;);  -webkit-backface-visibility: hidden; }
.sub.about .gnb li a.depth1, .sub.tour .gnb li a.depth1, .sub.reser .gnb li a.depth1, .sub.board .gnb li a.depth1 { color: #5a5b53; text-shadow:none; }
.sub.about .logo, .sub.tour .logo, .sub.reser .logo, .sub.board .logo {
	height:60px;
	overflow:hidden;
}
.sub.about .logo img, .sub.tour .logo img, .sub.reser .logo img, .sub.board .logo img {
	top:5px;
	-webkit-transform:translatex(-50%);
	-ms-transform:translatex(-50%);
	transform:translatex(-50%);
} */



.mainRoom .lightslider {
	overflow:visible;
}
.mainRoom .lightslider li a {
display: block; margin: 0 auto; max-width: 220px; padding: 0 10px;
}
.wrap_thumb {
	position:relative;
	padding-top:100%;
	display:block;
	margin-bottom:15%;
}
.wrap_thumb img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.txtRoom {
	display:block;
	color:#3a3a3a;
}
.txtRoom span {
	display:block;
	font-size:1.53em;
	text-align:center;
}
.txtRoom .roomOption {
	display:block;
	margin-top:15%;
}
.txtRoom .roomOption li {
	display:block;
	margin:0 auto;
	width:100%;
	max-width:150px;
	font-size:12px;
	line-height:1.7;
	letter-spacing:1px;
	text-transform:uppercase;
	text-align:center;
}
.txtRoom .roomOption li::after {
	content:'>';
	margin-left:5px;
	font-family: 'GothamLight', sans-serif;
}

.lslide img {
	width:100%;
	float:left;
}

.slideRoom {
	background: url(../images/common/paper.jpg) repeat;
  padding: 8.5% 0;
}
.sub .slideRoom {
  position: relative;
  padding-top: 2%;
  padding-bottom: 2%;
}
.sub .slideRoom .decoration {
	padding-bottom:2%;
}
.conArea .decoration {
	z-index:auto;
}
.mainRoom .lightslider li a .wrap_thumb img {
}
.mainRoom .lightslider li a:hover .wrap_thumb img {
}

.btn_scroll {position:absolute; bottom:55px; right:5em; width:270px; text-align:center; line-height:42px; border-bottom:1px solid #000; font-family: 'Abhaya Libre', serif; color:#000; font-size:15px; transform:rotate(90deg) translateY(-100%); -ms-transform:rotate(90deg) translateY(-200%); -webkit-transform:rotate(90deg) translateY(-200%); z-index:5; text-decoration:none!important;}
.btn_scroll::before {content:''; position: absolute; bottom: 0; right: 0; width: 42px; height: 1px; background: #000; transform: rotate(45deg) translate(-5px,-14px); -ms-transform: rotate(45deg) translate(-5px,-14px); -webkit-transform: rotate(45deg) translate(-5px,-14px); }

.mRoom_title {display:inline-block; width:100%; padding:60px 0; margin-bottom:65px; text-align:center;}
.title01 { position:relative; font-size:6.4em; line-height:1; color:#545454; font-family: 'Crimson Text', serif; text-align:center; padding-bottom:40px; border-bottom:2px solid #49badb;}
/* .title01::before { content:'\201d'; position:absolute; top: 12px; right: -25px; } */
/* .title01::after { content:''; position:absolute; top: 12px; right: -25px; } */
.title01 small { display:block; font-size:0.21em; color:#545454; font-family: 'Crimson Text', serif; text-align:center;}

.mRoom_arrow {text-align:center; background: #f1efef;}
.mRoom_arrow_inner {display:inline-block;}
.mRoom_arrow_inner a {position:relative; display:inline-block; width:164px; height:128px; float:left; font-size:2.3em;}
.mRoom_arrow_inner a span {position:absolute; top:50%; left:50%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.common_typo { text-align: center; padding: 4% 0; font-family: 'Cormorant SC', serif; font-size: 3em; line-height: 1.5em; color: #555; letter-spacing: 0.1em; text-transform: uppercase; }

@media  (max-width: 1480px){
.gnb_sub li { margin-right:12px;}
.gnb_sub li a {  font-size:0.95em;}
.gnb > li {margin:0 2.5em;}
}
@media  (max-width: 1024px){
#header-sticky-wrapper { position:fixed; top:0; left:0; width:100% !important; height:60px !important; z-index:35; }
#header { position:relative; width:100% !important; height:60px !important; background:url(../images/bg/white_90.png);}
.logo { position:absolute; width:auto; height:auto; overflow: hidden; background:transparent; top:10px; left:4%}
.logo::before {display:none;}
.logo img {position:relative;}
.logo img.logoW {display:none;}
.logo img.logoM {display:block; -webkit-transform:none; -ms-transform:none; transform:none; left: 0; top:0; width:115px; }
.btn_nav { display:block;}
.gnbArea { position:fixed; width:220px; height:100%; left:auto; right:-220px; top:0; margin:0; background:url(../images/bg/black_80.png); text-align:left; padding:60px 0 0 0;}
.open_nav .gnbArea { right:0; top:0;}
.gnb { position:relative; display:block; width:100%; border:none; }
.gnb li a.depth1 {display:none;}
.gnb > li { float:none; margin:0;  }
.gnb > li .depth1_mobile { display:block; font-size:1.8em; line-height:2em; padding-left:26px;}
.gnb > li.on .depth1_mobile, .gnb > li.this .depth1_mobile  { background:#fff; color:#3a3a3a; }
.gnb_sub { position:relative; text-align:left; padding-left:26px !important; margin-left:0;}
.on .gnb_sub, .this .gnb_sub { padding:5px 0; }
.gnb_sub li { float:left; margin-right:10px;}
.subBlock { float:none; display:block !important; width:100%; height:0;}
.gnb_sub li a { font-size:1.1em; color:#fff;}
.gnb::before { display:none; }
.gnbArea {z-index:37; text-shadow:none;}
.gnbArea::before {display:none;}
.sub .gnbArea { height:100%; }
#wrap {padding-top:60px;}
.is-sticky #header { height:60px; }
.is-sticky .gnbArea { top:0;}
.gnb > li .depth1_mobile {color:#fff;}
.fixedLogo { display:none; }
.btnArea { color:#000; margin-top:20px; }
.btnArea a { color:#000; }
.sub .btnArea {-webkit-transform:none; -ms-transform:none; transform:none; opacity:1; filter: alpha(opacity=100;);  -webkit-backface-visibility: hidden; }
.mRoom_title {padding: 3% 0; margin-bottom: 60px; margin-top:60px;}
.title01 {font-size:3.2em; padding-bottom:25px; }
.mRoom_arrow_inner {width:55%;}
.mRoom_arrow_inner a {width:50%; height:50px; font-size:1.8em;}
.sub.about .logo img, .sub.tour .logo img, .sub.reser .logo img, .sub.board .logo img {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.sub.about .gnbArea, .sub.tour .gnbArea, .sub.reser .gnbArea, .sub.board .gnbArea {
	height:100%;
}
}

.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider li { background-position:center center !important; background-repeat:no-repeat; background-size:cover !important; }

/* footer */
#footer { position:relative; padding:5% 0 5%; text-align:center; color:#666; z-index:15;}
#footer:after {content:"";display:block;clear:both;}
.footer01 {font-family: 'Unica One', cursive; font-size:1.6em; line-height:1.2em; letter-spacing:0.2em;text-transform:uppercase; margin-bottom:1em;}
#footer span { width:0.2em; color:#6e6e72; margin:0 1em;}
.footer02 { font-size:0.9em; line-height:1.4em; line-height:2; }
.footer02 a { color:#666;}

.btn_top { position:absolute; display:inline-block; right:3%; bottom:20%; font-family: 'Exo 2', sans-serif; font-size:1.1em;  letter-spacing:0.1em; padding:5px 10px;  background:#fff; color:#3a3a3a !important; -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; }
.btn_top:hover, .btn_top:focus { margin-bottom:10px;}

@media  (max-width: 1480px){
#footer {  }
}

@media  (max-width: 1024px){
#footer {  padding:4% 3%; padding-bottom:2em;}
#footer p {letter-spacing:-0.03em; }
.footer01 { font-size:0.9em; margin: 2em 0;}
.footer02 { font-size:0.8em; line-height:1.3em;  }
.footer03 { font-size:0.8em; margin-top:0; line-height:1.3; }
.footer02 span, .footer03 span { margin:0; }

.btn_top { display: block; font-size:0.9em; padding:5px 7px; position: relative; width: 100%; text-align: center; top: auto; left: auto; bottom: auto; right: auto; border: none; margin-top: 10px; }
.gnb_sub { background-color: inherit;}
}
/*.topArea { position:relative; z-index:1;}*/
.topArea { position:relative; z-index:31;}
.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:100%; left:0; top:50%; margin-top:-15px; z-index:2;}
.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:30px; height:30px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:30px;  color:#fff; text-align:center; opacity:1; filter: alpha(opacity=100;); -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:2;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:10px;}
.topArea .lSAction > a.lSPrev:hover, .topArea02 .lSAction > a.lSPrev:hover, .roomSlider01 .lSAction > a.lSPrev:hover { left:5px;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:10px;}
.topArea .lSAction > a.lSNext:hover, .topArea02 .lSAction > a.lSNext:hover, .roomSlider01 .lSAction > a.lSNext:hover { right:5px;}
.topArea .count, .topArea02 .count { position:absolute; display:block; width:60px; right:50px; bottom:40px; text-align:center; font-family: 'Playfair Display', serif; font-size:1.5em; line-height:1.5em; color:#fff;  -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);z-index:5;}
.topArea .count .current, .topArea02 .count .current { position:absolute; right:35px; top:-10px;}
.topArea .count .count_line {}
.topArea .count .total, .topArea02 .count .total { position:absolute; left:35px; bottom:-5px;}
.topLine { position:absolute; width:1px; height:44%; background:url(../images/bg/white_30.png); top:28%; z-index:2;}
.board .topLine, .board .lSAction { display:none !important;}
.topLine01 { left:80px;}
.topLine02 { right:80px;}
.btn_scroll_box { position:absolute; width:88px; left:50%; bottom:10%; margin-left:-44px; opacity:0; filter: alpha(opacity=0;);z-index:3; }
.active.topArea .btn_scroll_box { opacity:1; filter: alpha(opacity=100;); bottom:8%; transition: all 0.3s ease 1.2s; }
.topArea .btn_scroll {display:block;  -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 .btn_scroll img { width:100%; vertical-align:top;}
.topArea .btn_scroll:hover, .topArea .btn_scroll:focus { margin-bottom:-10px;}
.sub .btn_scroll {display:none;}

.btn_detail { display:inline-block; font-family: 'Abhaya Libre', serif; font-size:1.6em; line-height:2em; color:#fff; padding:5px 50px; border:1px solid rgba(255, 255, 255, 0.3); }
.btn_detail span { display:inline-block; font-size:1.2em; margin-left:10px;}

.btn_reser01 {display:inline-block; font-family: 'Abhaya Libre', serif; font-size:1.6em; line-height:2em; color:#3b3b3b; padding:5px 50px; border:1px solid #9a9a9a;}
.btn_reser01 span { display:inline-block; font-size:1.2em; margin-left:10px;}

.mainTypo { position: absolute; text-align: right; z-index: 3; right: 7%; top:50%; }
.subTypo { position: absolute; text-align: right; z-index: 3; right: 4%; bottom: 10%; }
.mainTypo p, .subTypo p { display:inline-block; margin:-1em auto 0; text-align:right; font-family: 'GothamLight', sans-serif; font-size: 4.61em; line-height: 1; font-weight:100; color:#fff; pointer-events: none; text-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}

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

@media  (max-width: 1480px){
.btn_scroll_box {  width:44px;  margin-left:-22px;}
.btn_scroll {width: 200px; line-height: 27px; font-size: 14px;}
.btn_scroll::before {width: 26px; -webkit-transform: rotate(45deg) translate(-2px,-9px);-ms-transform: rotate(45deg) translate(-2px,-9px);transform: rotate(45deg) translate(-2px,-9px);}
.active.topArea .btn_scroll_box { opacity:1; filter: alpha(opacity=100;); bottom:8%; transition: all 0.3s ease 1.2s; }

.txtRoom span {font-size:1.43em;}

}

@media  (max-width: 1280px){

.none1280 {display:none;}
.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;}

.btn_detail { font-size:0.95em; padding:2px 15px;}
.btn_reser01 { font-size:0.95em; padding:2px 20px;}
.btn_detail span, .btn_reser01 span {  margin-left:5px;}

.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a {  width:20px;  font-size:3em;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:5px;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:5px;}

.topArea .btn_scroll, .btn_scroll {display:none;}

.mainTypo {font-size:0.9em; top:60%}
.subTypo {font-size:0.9em;}
.txtRoom span {font-size:1.33em;}
.txtRoom .roomOption li {font-size:1em;}
.wrap_thumb {margin-bottom:10%;}
.txtRoom .roomOption {margin-top:10%;}

}

@media  (max-width: 768px){

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


.mRoom_title {padding: 3% 0;}

.mainTypo {font-size:0.8em; }
.txtRoom span {font-size:1.23em;}
.txtRoom .roomOption li {font-size:0.9em;}
.common_typo { font-size:5vw; padding:5% 0;}

}

@media  (max-width: 560px){

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

.mainTypo{font-size:0.6em;  top:65%}
.subTypo {font-size:0.6em;}
.txtRoom span {font-size:1.13em;}
.txtRoom .roomOption li {font-size:0.8em;}
.wrap_thumb {margin-bottom:5%;}
.txtRoom .roomOption {margin-top:5%;}
}

@media  (max-width: 480px){

.none480 {display:none !important;;}
.block480 {display:block !important;;}
.in-block480 {display:inline-block !important;;}
.footer01 span { display:none;}
.footer01 a { display:block; text-align:center; margin: 5px 0;}

.mainTypo {font-size:0.4em;  top:75%}
.subTypo {font-size:0.4em;}
.txtRoom span {font-size:1.13em;}
.txtRoom .roomOption li {font-size:0.7em;}

}


@media  (max-width: 380px){

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

.txtRoom span {font-size:1.03em;}
.mainTypo{font-size:0.3em;  top:85%}
.subTypo {font-size:0.3em;}

}

.room_17764,
.room_17768 {
	display:none;
}