@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; */
@font-face {
    font-family: 'KOHIBaeumOTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/KOHIBaeumOTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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|Cantata+One|Josefin+Sans');
@import url('https://fonts.googleapis.com/css?family=Oleo+Script');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Cinzel:400,700');
/*@import url('https://fonts.googleapis.com/css?family=Tinos');*/
@import url('https://fonts.googleapis.com/css?family=Sacramento');
/*@import url('https://fonts.googleapis.com/css?family=Vollkorn+SC');*/
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
/*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: 'Oleo Script', cursive;*/
/*font-family: 'Libre Baskerville', serif;*/
/*font-family: 'Spectral SC', serif;*/
/*font-family: 'Cinzel', serif;*/
/*font-family: 'Caveat', cursive;*/
/*font-family: 'Cormorant Garamond', serif;*/
/*font-family: 'Tinos', serif;*/
/*font-family: 'Josefin Sans', sans-serif;*/
/*font-family: 'Sacramento', cursive;*/
/*font-family: 'Vollkorn SC', 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");
}
*/
.subCon02 .new_reser {

}
.subCon02 .new_reser > ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	padding: 10% 0 0 0;
}
.subCon02 .new_reser > ul li {
	transition: 0.5s;
	border: 1px solid #000;
}
.subCon02 .new_reser > ul li a {
	display: flex !important;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: 300px;
	position: relative;
	display: block;
	padding: 20px 40px;
	background: #fff;
	border-radius: 5px;
}
.subCon02 .new_reser > ul li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 95%;
    height: 100%;
	
}
.subCon02 .new_reser > ul li a i {
	font-style: normal;
    font-weight: 700;
}
.subCon02 .new_reser > ul li.ddanyo_icon a i {
	font-size: 1.5em;
	color: #de2e5f;
}
.subCon02 .new_reser > ul li.naver_icon a i {
	font-family : "xeicon";
	font-size: 1.7em;
	color: #06be34;
}
.subCon02 .new_reser > ul li:hover{
	border: 1px solid #ea1f62;
}
.subCon02 .new_reser > ul li:nth-child(2):hover {
	border: 1px solid #06be34;
}


.subCon02 .new_reser > ul li a .txt {
	display: inline-block;
    font-weight: 700;
    font-size: 1.1em;
	line-height: normal;
}
/* 바로가기버튼 */

.go_group {
	position: fixed;
    right: 10px;
    bottom: 95px;
    z-index: 100;
}
.go_img {
	width: 90px;
}
.go_img a img {
	width: 100%;
}
.B_btn {
	z-index: 99;
	cursor: pointer;
	position: fixed;
	bottom: 30px;
	right: 30px;
}
.learn-more {
	width: 50px;
	height:  50px;
	background: url('/html/images/common/off_btn.png')no-repeat center center;
}
.learn-more.active {
	background: url('/html/images/common/on_btn.png')no-repeat center center;
}
@media (max-width:560px) {
	.go_img {
		width: auto;
	}
	.go_group {
		right: 10px;
		bottom: 65px;
	}
	.ntt a img {
		width: 50px !important;
		height: 50px !important;
	}
	.go_img a img {
		width: 90px;
		height: 60px;
	}
	.B_btn {
		bottom: 15px;
		right: 15px;
	}
	.learn-more {
		width: 40px;
		height: 40px;
		background-size: cover !important;
	}
}

.sc0030 {color: #ff6666 !important;}
.sc0010 {color: #5eb917 !important;}
.sc0100 {color: #676767 !important;}
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: "Open Sans",'Noto Sans KR', "NanumBarunGothic", "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;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; }
.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;}


#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:relative; width:100%; -webkit-transition: alsl 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:30; opacity:0.9; filter: alpha(opacity=90;); }

#header {position:relative; opacity:0; filter: alpha(opacity=0;); z-index:30; background:#FC9D63; text-align:center; float:left; width:100%; }
.logo { position:absolute; left: 50%; top: 12%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-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:5; }
/*.logoW { top:36%;}*/
.logo a { display:block;}
.logo img { width:100%; vertical-align:top; -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 { position: absolute; top: 0; left: 0; width: 22.5%; min-width:100px;  height:100%; background:#f3f3f3; -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; opacity:1; filter: alpha(opacity=100;); pointer-events: auto; }

.logoM a { position:absolute; top:50%; right: 10%; display:block; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.logoM img { float: left; width:193px; }
.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:21;}
.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); }


/*.gnbArea { position:relative; text-align:center; padding: 3.38% 0 3.38% 7%;}*/
#header { padding-left:22.5%; }
.gnbArea { position: relative; display: inline-block; text-align: center; padding: 48px 0 48px 4em; float:left; clear:both; }
.sub .logoW {display:none;}
.sub .gnbArea, .is-sticky .gnbArea { padding: 20.5px 0 20.5px 4em; }
.sub .logoM img, .is-sticky .logoM img { width:118px; }
.sub #header-sticky-wrapper {position:absolute; }

.is-sticky .logoM, .sub .logoM { width: 160px; }
.is-sticky .logoM a, .sub .logoM a { -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); left:50%; width:100%; text-align:center; }
.is-sticky .logoM a img, .sub .logoM a img { display:inline-block; float:none; }
.gnbArea:after, .gnb:after {content:"";display:block;clear:both;}
.gnb { display:inline-block;float:left;}
/*.gnb::before { content:'/'; margin:0 1.5em 0 3em; float:left; font-family: 'GothamMedium', sans-serif; }*/
.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 + li a.depth1 { position:relative; }
.gnb > li + li a.depth1::before { content: 'ㆍ'; position: absolute; top: 50%; left: -3.5em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
.gnb li a.depth1 { display:block; font-family: 'KOHIBaeumOTF', serif; /*font-style:italic;*/ font-size:1.2em; line-height:1.23em; letter-spacing:0.05em; color:#000; text-transform:uppercase; -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: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: 'KOHIBaeumOTF', serif;
 font-size:1.5em; line-height:2em; letter-spacing:0.05em; color:#666;  text-transform:uppercase;  -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; }
.gnb_logo { position:absolute; top:50%; left:-3.5em; transform:translate(-100%, -50%); float:left; }

/*.btn_reser { position:absolute; display:inline-block; right:30px; top: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; }*/
.btnArea { display:inline-block;float:left; padding: 0 3px; border-bottom: 1px solid #000; }
.btn_reser {display:inline-block; font-family: 'Kanit', sans-serif; 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: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 .logoM {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:1; filter: alpha(opacity=100;); pointer-events: auto;}*/
/*.is-sticky .gnbArea { padding: 20px 0 20px 0; }*/
.is-sticky .btn_reser { right:15px; top:15px;}

.sub #contents {text-align:inherit;;}
#contents {text-align:center;}
.contents_inner { display:inline-block; width:100%; max-width:1530px; margin:0 auto; }
.mainRow {float:left;width:100%;clear:both;}
/*.mainRow_tit, .mainRow_pic {height:540px;float:left;}*/
.mainRow_tit, .mainRow_pic {float:left;}
.mainRow_tit {position:relative;width:33.333333%;padding-top: 34.29411%;}
.mainRow_tit.gray { background:#cdcdcd;}
.mainRow_pic ul a{
	display: inline-block;
	height: 100%;
}
.mainRow_pic {width:66.666666%;}
.mainRow_pic li {overflow:hidden;}
.mainRow_pic li img {float:left; -webkit-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02); -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;}
.mainRow_pic li:hover img {-webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); }
.mainRow_tit_inner {position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:100%;text-align:left;padding-top:2.5em;padding-left:10%;line-height:1;}
.mainRow_tit_inner::before {content:'';position:absolute;top:0;left:10%;width:53px;height:3px;background:#000;}
.mainRow_tit_inner > span {display:block; font-family: 'Crimson Text', Cambria, 'Jeju Myeongjo', serif; /*font-style:italic;*/ }
span.text_top {color: #959595; font-size: 2.6em; font-weight: 300; letter-spacing:0.5px; line-height: 0.7; font-family:"Concert One", Cambria, serif !important; }
span.text_mid {color:#000;font-size:3.5em;font-weight:300; margin-bottom:0.4em; font-family: "Concert One", Cambria, serif !important; }
span.text_mid > span { font-family: "Jua" !important; }
span.text_bot {color:#000;font-size:11px; font-family: 'Josefin Sans', sans-serif;  text-transform: uppercase; font-style: normal;}
span.text_roomname {margin-top:2.5em;font-size:1.23em;font-family:inherit; font-style:normal;}
span.roomName {display:none;}
.mRoom_arrow_inner {position: absolute; bottom: 5%; left: 10%; width: 100%; max-width: 68px;}
.goToPrevSlide {float:left;}
.goToNextSlide {float:right;}
.mainGrid {position:relative; display:block; width:50%; float:left; overflow:hidden; max-height: 540px;}
/*.mainGrid::before {content:''; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(255,255,255, 0.5); z-index:1; -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; o }*/
.mainGrid img {width:100%; float:left; -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-transform:scale(1.02, 1.02); -ms-transform:scale(1.02, 1.02); transform:scale(1.02, 1.02); opacity: 0.5; filter: alpha(opacity=50;);}
.mainGrid:hover img {-webkit-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1); opacity: 1; filter: alpha(opacity=100;);}
.grid_text {
	position:absolute;
	bottom:7%;
	left:10%;
	width:100%;
	font-family: "Concert One", Cambria, serif; /*font-style:italic;*/
	line-height:1;
	z-index:2;
	text-align:left;
	-moz-text-shadow: 0px 0px 1px rgba(0,0,0,0.1); text-shadow: 0px 0px 1px rgba(0,0,0,0.1);
}
.grid_text span {
	display:block;
	float:left;
	width:100%;
}
.grid_text_category {
	color:#959595;
	font-size:2.3em;
}
.grid_text_category.white {
	color:#fff;
}
.grid_text_title {
	color:#000;
	font-size:3.1em;
}
.mainMidText {
	float:left;
	width:100%;
	padding: 8% 0;
	color:#5c5c5c;
	line-height:1;
}
.mainMidText > span { display:block; float:left; width:100%; }
.midTextEng {
	font-size:5.38em;
	font-family: 'Sacramento', cursive;
	margin-bottom:2.5%;
	color:#8cb2cd;
}
.midTextHead {
	font-size:1.84em;
	margin-bottom:2%;
	font-family: "NanumBarunGothic", sans-serif;
}
.midTextBody {
	font-size:1.07em;
	line-height:2;
	font-family: "NanumBarunGothic";
	color:#8cb2cd;
}
.mainBotImg {
	width:100%;
	float:left;
}

.footer_outer {
	 display:inline-block; width:100%; max-width:1530px; margin:0 auto; padding:3% 2%;
}
.footer_inner {
	position:relative;
}
.footer_logo {
	position:absolute;
	top:50%;
	left:0;
	width:240px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.footer_info {
	/*padding-left:240px;*/
	text-align:left;
}
.footer_top {
	margin-bottom:1.5em;
}
.footer_top_item {
	color:#000;
	font-size:1.15em;
	font-weight:600;
	text-transform: lowercase;
	font-family: 'Crimson Text', Cambria, serif;
	font-style: italic;
}
.phone_number {
	font-size:2em;
}
.footer_bot, .footer_admin {
	color:#525252;
	font-size:1em;
	line-height:1.7;
}
.footerDivider {
	margin:0 1em;
}

.mainList {position:relative; z-index:1;}
.mainList:after {content:"";display:block;clear:both;}
.mainList li:first-child {margin-top:0;}
.mainList li { position:relative; float:left; margin-top:7%;}
.mainList li a { display:block;}
/*.mainList li img { width:100%; vertical-align:top;}*/
/*.mainListTitle {height:333px;}*/
.mainListThumb {position:absolute; height:100%; width:100%; top:0; background-size:cover; background-repeat: no-repeat; background-position: center;}
.mainList li .mainListThumb a {display:inline-block; width:100%; height:100%;}
.mainListType01 {width:92.3%; margin-left:7.7%;}
.mainListType01 .mainListTitle {width:18.8%; float:left;}
.mainListType01 .mainListThumb {width:81.2%; right:0;}
.mainListType02 {width:83.1%; margin:0 8.25%;}
.mainListType02 .mainListTitle {width:20.9%; float:right;}
.mainListType02 .mainListThumb {width:79.1%; left:0;}
.mainListType03 {width:73.5%; margin-left:26.5%;}
.mainListType03 .mainListTitle {width:23.6%; float:left;}
.mainListType03 .mainListThumb {width:76.4%; right:0;}

.mainRoom .lightslider li {position:relative; overflow: hidden;}
.mainRoom .lightslider li .txtRoom {position:absolute; bottom: 15%; left:0; width:100%; text-align:center; 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; opacity: 0; filter: alpha(opacity=0;); }
.mainRoom .lightslider li .txtRoom span { display:block; font-size:1.23em; margin-bottom:10px;}
.mainRoom .lightslider li .txtRoom small {font-size:1.07em;}
.mainRoom .lightslider li:hover .txtRoom { opacity: 1; filter: alpha(opacity=100;);}
.mainRoom .lightslider li:hover img { opacity: 0.5; filter: alpha(opacity=50;);}
.mainRoom .lightslider li 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; background:#000;}
.mainRoom .lightslider li:hover a { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }

.btn_scroll {position:absolute; bottom:0; right:0; 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:35; 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%); }*/

@media  (max-width: 1480px){
/*.gnb_sub li { margin-right:12px;}*/
.gnb > li { margin:0 2em;}
.gnbArea { padding-left:2em; }
.gnb_sub li a {  font-size:0.95em;}
.gnb > li + li a.depth1::before { left:-2.2em; }
/**/
/*.logoM a {right:50%; -webkit-transform:translate(50%, -50%); -ms-transform:translate(50%, -50%); transform:translate(50%, -50%); }*/
}
@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); padding:0; }
.logo { position:fixed; left:10px; top:10px; padding:0; z-index:36;}
/*.logoM {-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:1; filter: alpha(opacity=100;); pointer-events: auto;}*/
.logoM { width:118px; min-width:auto;  background:transparent; margin-left:4%; }
.logoM a { width:100%; right:auto; left:0; text-align:center; }
.logoM img { width:100%; display:inline-block; float:none;}
.logoW {display:none;}
.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 { display:block; width:100%; }
.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; margin-top:1px; }
.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; }*/
.sub .gnbArea, .is-sticky .gnbArea {padding: 60px 0 0 0;}

#wrap {padding-top:60px;}
.is-sticky #header { height:60px; }
.is-sticky .gnbArea { top:0;}
.gnb > li .depth1_mobile {color:#fff;}
.logo {width:auto; top:15px; }
.logo a { height:30px;}
.logo a img { height:100%; width:auto;}
.btnArea {display:none; }
.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;}*/
.mainRoom .lightslider li.active .txtRoom { opacity: 1; filter: alpha(opacity=100;);}
.mainRoom .lightslider li.active img { opacity: 0.5; filter: alpha(opacity=50;);}
.mainRoom .lightslider li.active a { -ms-transform: scale(1.03); -webkit-transform: scale(1.03); transform: scale(1.03); }
.mainRoom .lightslider li .txtRoom {bottom:8%;}
.mainRoom .lightslider li .txtRoom span {font-size:1em; margin-bottom:0;}
.mainRoom .lightslider li .txtRoom small {font-size:0.9em;}

.mainRow_tit, .grid_text, .mainMidText {font-size:10px;}
.mRoom_arrow_inner a img {width:20px;}
.mainRow_tit_inner {padding-top:1.5em;}
span.text_roomname {margin-top:1.5em;}
}
@media  (max-width: 768px){
.mainRow_tit, .grid_text, .mainMidText {font-size:9px;}
.mRoom_arrow_inner {bottom:7%;}
.mRoom_arrow_inner a img {width:18px;}
span.text_bot {display:none;}
.mainRow_tit_inner {padding-top:1.3em;}
span.text_roomname {margin-top:1.3em;}
/* 예약안내 버튼 */
.subCon02 .new_reser {

}
.subCon02 .new_reser > ul {
	flex-flow: column;
	gap: 10px;
	margin-top: 5%;
}
.subCon02 .new_reser > ul li a {
	width: 200px;
	padding: 10px 20px;
}
.subCon02 .new_reser > ul li a::before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 95%;
	height: 80%;
	border: 1px solid #fff;
}
.subCon02 .new_reser > ul li.ddanyo_icon a i {
	font-size: 1em;
}
.subCon02 .new_reser > ul li.naver_icon a i {
	font-size: 1.5em;
}
.subCon02 .new_reser > ul li a .txt {
	display: inline-block;
	font-weight: 700;
	font-size: 0.8em;
	line-height: normal;
}
}

@media  (max-width: 560px){
.mainRow_tit, .mainMidText {font-size:8px;}
.mRoom_arrow_inner a img {width:16px;}
.mainRow_tit_inner {padding-top:0; padding-bottom:10%;}
.mainRow_tit_inner::before {display:none;}
span.text_roomname {margin-top:1em;}
.midTextEng, .midTextHead {margin-bottom:5%;}
.grid_text {left:4%; bottom:4%; font-size:4px;}
.subCon02 .new_reser > ul li a .txt{
	font-size: 0.7em;
}
}

@media  (max-width: 480px){
.mainRow_tit, .mainMidText {font-size:7px;}
.mRoom_arrow_inner a img {width:14px;}
span.text_roomname {margin-top:0.5em;}
}


@media  (max-width: 380px){
.mainRow_tit, .mainMidText {font-size:5px;}
.mRoom_arrow_inner a img {width:12px;}
}
.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; }
.lightslider li img { width:100%; vertical-align:top;}

/*.lSAction a { float:left; display:block; width:82px; height:84px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50;);
-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;}
.lSAction a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-82px 0;}*/

/* footer */
#footer { position:relative; text-align:center; color:#545454;  z-index:15; }
#footer:after {content:"";display:block;clear:both;}
#footer a {color:#545454;}
.footer01 {font-family: 'Abhaya Libre', 'Noto Sans KR',serif; font-size:1.2em; margin-bottom:3.2em;}
.footer01 span { margin:0 10px;}
.footer01 a { display:inline-block; }
.footer01 strong { font-size:2.56em; color:#2e2e2e; font-weight:normal; font-size:1.8em; }
#footer .footer01 strong, #footer .footer01 a { color:#2e2e2e;}
.footer02 span, .footer03 span { display:inline-block; width:1em; text-align:center; margin:0 1em;}
.footer02 { line-height: 2.1em; color:#545454; font-size:1.15em; }
.footer02 span.footerAddress {display:block; width:100%; margin:0;}
.footer03 { margin-top:3em; color:#545454; font-size: 1.15em; }
.footer03 span {display:inline-block; }



.btn_top { position:absolute; display:inline-block; width:130px; border-bottom:1px solid #000; line-height:1; padding:11px 10px; right:3%; bottom:20%; font-family: 'Exo 2', sans-serif; font-size:1.1em;  letter-spacing:0.1em;  background:#fff; color:#000 !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 span {color:#2e2e2e;}
.btn_top:hover, .btn_top:focus { margin-bottom:10px;}

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

@media  (max-width: 1024px){
#footer {  padding:4% 5%; padding-bottom:2em; font-size: 0.89em;}
.phone_number {font-size:1.5em; }
#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;}
.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, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:30px; height:30px; top:0; margin:0;  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;}
.topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:10px;}
.topArea02 .lSAction > a.lSPrev:hover, .roomSlider01 .lSAction > a.lSPrev:hover { left:5px;}
.topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:10px;}
.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;}

.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;}
.topArea .lSAction {position: absolute; width:70px; right:48%; bottom:80px; }
.topArea .lSPrev {position:absolute;top:0;left:0;}
.topArea .lSPrev:hover {left:-5px;}
.topArea .lSNext {position:absolute;top:0;right:0;}
.topArea .lSNext:hover {right:-5px;}

@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; }

.mainList li .mainTitle { position:absolute; width:100%; left:0; top:0; margin:0;}
}

@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 { z-index:auto;}

.mainListType01 .mainListTitle {width:30%;}
.mainListType01 .mainListThumb {width:70%;}

.mainListType02 .mainListTitle {width:33.35%;}
.mainListType02 .mainListThumb {width:66.65%;}

.mainListType03 .mainListTitle {width:37.66%;}
.mainListType03 .mainListThumb {width:62.34%;}
.topArea .btn_scroll, .btn_scroll {display:none;}

.footer_logo {width:150px;}
/*.footer_info {padding-left:160px;}*/
}

@media  (max-width: 768px){
.topArea .lSAction{
	right: 0;bottom: 40px;
}
.none768 {display:none !important;;}
.block768 {display:block !important;;}
.in-block768 {display:inline-block !important;;}

.roomList li .text { font-size:0.7em;letter-spacing:-0.1em;}
.mainListType01, .mainListType02, .mainListType03 {width:100%; margin:0;}
.mainListType01 .mainListTitle {width:35%;}
.mainListType01 .mainListThumb {width:65%;}

.mainListType02 .mainListTitle {width:35%;}
.mainListType02 .mainListThumb {width:65%;}

.mainListType03 .mainListTitle {width:35%;}
.mainListType03 .mainListThumb {width:65%;}
.mRoom_title {padding: 3% 0;}
.footer_logo {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; margin-bottom:0.5em;}
.footer_top {margin-bottom:0.5em;}
#footer {padding:0 3%; }
}

@media  (max-width: 560px){

.none560 {display:none !important;;}
.block560 {display:block !important;;}
.in-block560 {display:inline-block !important;;}
.footer_logo {position:relative; width:100%;}
.footer_info {padding-left:0; text-align:center;}
.footerItem {display:inline-block;}
.footerDivider {display:none;}
}

@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;}

}


@media  (max-width: 380px){

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