@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('https://fonts.googleapis.com/css?family=Hi+Melody'); /* font-family: 'Hi Melody', cursive; */
@import url('https://fonts.googleapis.com/css?family=Gaegu'); /* font-family: 'Gaegu', cursive; */

@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=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=Caveat');
@import url('https://fonts.googleapis.com/css?family=Tinos');
@import url('https://fonts.googleapis.com/css?family=PT+Sans');
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Cagliostro'); /* font-family: 'Cagliostro', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,400i');
/* font-family: 'Nanum Gothic', sans-serif; */
/* font-family: 'PT Sans', sans-serif; */
/* font-family: 'Tinos', serif; */
/*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;*/

@import url('https://fonts.googleapis.com/css?family=Gaegu|Gamja+Flower|Hi+Melody'); /* font-family: 'Gamja Flower', cursive; font-family: 'Hi Melody', cursive; font-family: 'Gaegu', cursive; */

@font-face {
	font-family: 'Gaegu';
	font-style: normal;
    font-weight: 400;
	src: url('./fonts/Gaegu-Regular.eot');
	src: local('Gaegu Regular'), url('./fonts/Gaegu-Regular.woff') format('woff'), url('./fonts/Gaegu-Regular.ttf') format('truetype');
}

@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:'Noto Sans KR', "NanumBarunGothic","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: '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:absolute; 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; top:0; left:0; }

#header {position:absolute; opacity:0; z-index:30; text-align:center; float:left; width:100%; top:0; left:0; height:106px; background:rgba(255,255,255,0.9);}
.logo { position:absolute; left: 50%; top: 40px; -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; }
.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: 50%; left:3.13%; width:250px; -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; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  pointer-events: auto; }
.logoM img {width: 100%; float: left;}

.btn_nav { position:absolute; display:none; width:26px; height:22px; right:10px; top:15px;-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; display:inline-block; text-align:center; padding: 46.5px 0;  } */
.gnbArea { position:relative; display:inline-block; text-align:center; padding:42px 0; }
.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 a.depth1 { display:block; font-family:"Hi Melody","Gaegu", cursive; font-size:1.65em; letter-spacing:-0.05em; line-height:1.23em; font-weight:500; color:#000; padding-bottom:0.25em; 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:"Hi Melody","Gaegu", cursive; font-size:1.5em; line-height:2em;  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_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; }
@media  (min-width: 1024px){.gnb6 .gnb_sub { right:0;}}
.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; }
.btn_reser {display:inline-block; font-family:"Hi Melody","Gaegu", cursive; font-size:1.65em; letter-spacing:-0.05em; color:#505051; line-height:1.5em; position: absolute; top: 50%; right: 3.13%; -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; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.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 #header { height:70px; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2); -moz-box-shadow:0 0 5px rgba(0,0,0,0.2); box-shadow:0 0 5px rgba(0,0,0,0.2); }
.is-sticky .logoM { width:197px;}
.is-sticky .gnbArea { padding:22px 0; }
/*.is-sticky .gnbArea { padding: 20px 0 20px 0; }*/
/* .is-sticky .btn_reser { right:15px; top:15px;} */

/* .contents_inner { display:inline-block; width:100%; max-width:1530px; margin:0 auto; } */
.mainRow {width:100%; display:inline-block; float:left; }
.mainRow::after {content:'';display:table;clear:both; }

.mainRow .full {width:100%; display:block;}
/*.mainRow_tit, .mainRow_pic {height:540px;float:left;}*/
.mainRow_tit, .mainRow_pic {float:left;}
/* .mainRow_tit {position:relative; width:49.3%; padding-top: 30.56%;} */
.mainRow_tit {position:relative; width:49.3%; padding-top: 29.8%;}
/* .mainRow_tit.gray { background:#cdcdcd;} */
.mainRow_pic {width:50.7%;}
.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); opacity: 1; filter: alpha(opacity=100;);}
.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;    line-height:1;  padding-right: 15%; }
.mainRow_tit::before {content:'';position:absolute;top:0;left:0;width:67%;height:30%; background:#ded7d7; }
.mainRow_tit_inner span {display:block;}
.room_desc { float:right; }
span.text_top {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; color: #81786f; font-size:1.5em; line-height: 0.85; margin-bottom: 4%;}
.text_top strong { color:#553f3f; font-size:1.3em; font-weight:500;}
span.roomTitle {font-family:"Hi Melody","Gaegu", cursive; font-size:4.6em; line-height:1.2em; color:#553f3f; margin-bottom:3% }
span.text_mid {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif;color:#553f3f; font-size: 1.3em;  margin-bottom:3%;}
span.text_bot {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif;color: #6e6e72; font-size: 1.1em; margin-top: 2%; line-height: 1.5; }
span.text_roomname {margin-top:2.5em;font-size:1.23em;font-family:inherit;}
span.roomName {display:none;}
.btn_gotoroom { display:inline-block; font-family: 'PT Sans', sans-serif;background:#7d6969; color:#fff; font-size:1.23em; font-style:italic;font-weight:bold; padding: 3.7% 10%;     padding: 17px 40px; margin-top: 4%;}
.mRoom_arrow_inner {position: absolute; bottom: 5%; left: 10%; width: 100%; max-width: 68px;}
.mainRow_pic .lSAction > a { font-family: 'Oranienbaum', serif; font-size: 5em; text-align:center; line-height:32px;}
.mainRow_pic .lSAction > .lSPrev {left:4%;}
.mainRow_pic .lSAction > .lSNext {right:4%;}
.goToPrevSlide {float:left;}
.goToNextSlide {float:right;}

.mainRow_spe_inner {position:relative; float:left; width:100%; padding-top:4.6%; padding-bottom:7%;}
.mainRow_spe_inner::before {content:'';position:absolute;top:0;right:0;width:37%;height:125px; background:#ded7d7; z-index: -1; }
.special_desc { width:58.2%; float:right; padding-left:1%;}
.special_desc span { display:block; text-align:left;}
.special_desc span.text_top { margin-bottom:0.5%; }
.special_desc span.text_mid { font-family: 'Titillium Web', sans-serif; font-style:italic; color: #989898; font-style: italic;}
.special_desc span.text_bot { font-family: 'Nanum Gothic', sans-serif; color:#5b5b5b; margin-top:1%;}
.spe_list { display:inline-block; max-width:1360px; width:100%; margin-top:4%; }
.spe_list li { width:33.333333%; float:left; padding:2%; }
.spe_list a { position:relative; display:inline-block; padding: 5.64%; -webkit-box-shadow:4px 4px 5px rgba(0,0,0,0.1); -moz-box-shadow:4px 4px 5px rgba(0,0,0,0.1); box-shadow:4px 4px 5px rgba(0,0,0,0.1); line-height:0; overflow:hidden;}
.spe_list_inner {overflow:hidden; background:#505051; }
.spe_list a img { width:100%; -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;); -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; }
.spe_list li:hover img {-webkit-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); opacity: 1; filter: alpha(opacity=100;); }
.spe_overlay {position:absolute; width:100%; text-align:center; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);  transform:translate(-50%,-50%); font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; color:#fff; font-size:2em; text-transform:uppercase; }

.mainRow.reserve { position:relative; padding-top:120px; }
.mainRow.reserve::before {content:'';position:absolute;top:0;left:0;width:37%;height:125px; background:#ded7d7; z-index: -1; }
.reserve_desc {position: absolute; text-align: left; top: 85px; left: 20.8%;}
.reserve_desc span {display:block;}
.btn_gotoreserve {display: inline-block; font-family: 'PT Sans', sans-serif; background: #7d6969; color: #fff; font-size: 1.23em; font-style: italic; font-weight: bold; padding: 3.7% 10%; padding: 17px 40px; margin-top: 4%;}


.footer_outer{display:inline-block;width:100%;max-width:1530px;margin:0 auto;padding:3% 0}
.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}
.footer_bot,.footer_admin{color:#888;font-size:12px}

.main_sentence {padding:5% 0;}
.main_sentence span {display:block;}
.sentence_img {margin-bottom:3%;}
.sentence_tit {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; font-size:1.3em; line-height:1.5em; font-weight:500; color:#181716; margin:1% 0; white-space:nowrap; letter-spacing:-0.02em; }
.sentence_en {font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; font-size:1.07em; line-height:1.8em; letter-spacing:-0.02em; color:#5b5b5b; }


.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;} */
.mRoom_title .title01 { position:relative; font-size:6.4em; line-height:1; color:#545454; font-family: 'Crimson Text', serif; text-align:center; padding-bottom:40px; }
/* .title01::before { content:'\201d'; position:absolute; top: 12px; right: -25px; } */
/* .title01::after { content:''; position:absolute; top: 12px; right: -25px; } */
.mRoom_title .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 { width: 100%; float:left; 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  (min-width: 1024px){
	#wrap {padding:106px 3.13% 0;}
}
@media  (max-width: 1480px){
/*.logo { width:200px; }*/
/*.gnb li a.depth1 { font-size:1.35em;}*/
.gnb > li { margin:0 2.5em;}
.gnb_sub li { margin-right:12px;}
.gnb_sub li a {  font-size:0.95em;}
/*.logo img { width: 70%;}*/
.is-sticky #header {padding-left:40px;}

.btn_gotoroom {padding: 1.5em 3.5em;}
span.text_top {font-size:1.7em;}

.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:100px;}
.mainRow.reserve { padding-top:100px;}
.reserve_desc { top:55px;;}

}

@media  (max-width: 1280px){
.gnb > li {margin:0 1.5em;}
}
@media  (max-width: 1024px){
#header-sticky-wrapper { position:fixed; top:0; left:0; width:100% !important; height:50px !important; z-index:35; }
#header { position:relative; width:100% !important; height:50px !important; background:url(../images/bg/white_90.png);}
.logo { position:fixed; left:10px; top:10px; padding:0; z-index:36;}
.logoM, .is-sticky .logoM {width: 125px; left:1em; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity:1; filter: alpha(opacity=100;); pointer-events: auto;}
.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:50px 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!important; }
.gnb > li .depth1_mobile { display:block; font-size:1.6em; line-height:2.6em; padding-left:20px;}
.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:20px !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; }*/
/* .main_sentence {font-size:0.7em; padding:4%;} */
.main_sentence { padding:6%;}
.main_sentence span { display:inline; }
.sentence_img img { width:50%; max-width: 224px; }
.sentence_en {line-height:1.5; letter-spacing:-0.1em; }

#wrap {padding-top:50px;}
.is-sticky #header { height:50px; }
.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;}
.btn_reser {right:60px;}
.open_nav .btn_reser { color:#fff; }
.open_nav .btn_reser .line { background:#fff;}
.open_nav .btn_nav .line span {background:#fff;}

.mRoom_title {padding: 3% 0; margin-bottom: 60px; margin-top:60px;}
.mRoom_title .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_pic .lSAction > a {font-size:4em;}
.mainRow_tit {font-size:10px;}
.mRoom_arrow_inner a img {width:20px;}
span.text_roomname {margin-top:1.5em;}

.mainRow_tit_inner {padding: 4%;}
.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:90px;}
.mainRow.reserve {padding-top:90px;}
.reserve_desc {top:55px;}

span.text_top {font-size:1.5em;}
.special_desc {max-width:500px; width:100%; padding:0 6%;}
.special_desc span.text_bot {display:block;}
.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: 768px){
.mainRow_tit {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;}
.mainRow_pic .lSAction > a {font-size:3em;}
.mainRow_tit::before, .mainRow_spe_inner::before, .mainRow.reserve::before {height:80px;}
.mainRow.reserve {padding-top:70px;}
.reserve_desc {top:45px;}

span.text_top {font-size:1.5em;}
.special_desc span.text_top, .reserve_desc span.text_top { font-size:1.2em;}

.common_typo { font-size:5vw; padding:5% 0;}

.spe_overlay { font-size:1.35em;}
}

@media  (max-width: 560px){
.mainRow_tit, .mainMidText {font-size:8px;}
.mRoom_arrow_inner a img {width:16px;}
.mainRow_tit_inner::before {display:none;}
span.text_roomname {margin-top:1em;}

.mainRow_tit::before, .mainRow_spe_inner::before {height:60px;}
/*.mainRow.reserve::before {display:none; }*/
.mainRow.reserve {padding-top:0;}
.mainRow.reserve span.text_top {display:inline-block; float:left; margin:0; }

.btn_gotoroom, .btn_gotoreserve {padding:1em 2.5em;}
/* .btn_gotoreserve {float: right; margin-top: 8.5px;} */
.btn_gotoreserve {position:absolute; bottom:0; right:4%; margin:0; }
.reserve_desc {position:relative; float: left; width: 100%; bottom: 0; top:auto; left:0; padding: 5% 4% 0; margin-bottom:2%; }
.mainRow_pic .lSAction > a {font-size:1.5em;}
}

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

.mainRow_tit::before, .mainRow_spe_inner::before {height:40px;}
.btn_gotoroom, .btn_gotoreserve {padding:0.5em 1.5em;}
.room_desc span.text_mid {display:none;}

}


@media  (max-width: 380px){
.mainRow_tit, .mainMidText {font-size:6px;}
.mRoom_arrow_inner a img {width:12px;}
}
.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider li { position:absolute; width:100%; 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; float:left; width:100%; text-align:center; color:#545454; z-index:15; margin-top:3%;}
#footer:after {content:"";display:block;clear:both;}
.footer01 {position:relative; }
.footerContents { position:relative; padding: 1% 0; }
.footer_link { padding:1% 0; }
.footer_link li { display:inline; margin:0 1.5em;}
.footer_link li a { display:inline-block;}
.footer_link li a i { font-size:36px; line-height:36px; color:#614848;}
.footer_link li a i.fa-comments-o { font-size:40px; }
.footer_link li a span {display:block; font-size:11px; line-height:2em; color:#614848; letter-spacing:-0.02em; margin-top:0.2em; }
/*.footerContents:first-child::before { content:''; position:absolute; bottom:24px; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); display:inline-block; width: 27px; height:1px; background:#c4c4c4;  }*/
.footer01 span.footTitle {display:block; text-align:center; font-family: 'Montserrat', sans-serif; font-size:0.961538em; color:#7d6969; letter-spacing:0.4em; margin-bottom: 1.05%; text-transform:uppercase;}
.footer01 span.footContent {display:block; text-align:center; font-family: 'Montserrat', sans-serif; font-size:1.288461em; color:#614848; letter-spacing:0.4em; font-weight:500;}
.footer01 span.footBank {font-size: 1em; color: #000; margin-top: 1.05%; display: block;}

/* .footer02 {background:#efefef;} */
.footerLogo { padding: 2.5% 0 3% 0;}
.footerInfo { line-height:1.7; padding:0.5% 0 1%; text-align:center; color:#7d6969; font-size:0.961538em;  }
.footerInfo a { color:#7d6969; }
.footerInfo ul { display:inline-block; }
.footerInfo li {float:left;}
.footerInfo li:first-child::before { display:none; }
/*.footerInfo li::before { content:'|'; float:left; margin:0 5px; }*/
.footerInfo li span { content:'|'; float:left; margin:0 5px; }

.btn_top { position:absolute; bottom:0; left:50%; -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); transform:translateX(-50%); display:inline-block; width:60px; height:60px; }
.btn_top img { width:100%; }

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

@media  (max-width: 1024px){
/*.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; }*/
.footer01 span.footTitle {font-size:10px;}
.footer01 span.footContent {font-size:15px; letter-spacing:0.2em;}
.footer01 span.footBank {font-size:12px;}

.footerLogo img {width:120px;}
.footerInfo {width:94%; margin:0 auto; font-size:0.9em;}
.btn_top {width:30px; height:30px;}
.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; line-height:30px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:30px;  color:#6c5a50; 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; top: 50%; left: 50%; width: 40%; height: 30px; z-index: 2; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.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;}
.main .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;}
.topArea .lSAction {width:100%; height:30px; bottom:5%;  right:0; }
.topArea .lSAction > a { font-size:4em; }
.topArea .lSAction > a.lSNext { right: 5%;}
.topArea .lSAction > a.lSPrev { left: 5%;}

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

.footerInfo { padding: 2% 0; }
.footerInfo ul { padding:0 1%; }
.footerContents:first-child::before {
	display:none;
}
}

@media  (max-width: 768px){

.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% 3%; }

.topArea .lSAction > a { font-size:3em; }
.footerContents { padding:2% 0;}

.footer_link { padding:2% 0; }
.footer_link li {  margin:0 1em;}
.footer_link li a { display:inline-block;}
.footer_link li a i { font-size:24px; }
.footer_link li a i.fa-comments-o { font-size:28px; }
.footer_link li a span { font-size:8px; letter-spacing:-0.05em; margin-top:0.2em; }


}

@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;}
.footerLogo img { width:90px; }
.footerContents { padding-bottom:10px;}
  .topArea .lSAction > a { font-size:1.5em; }

}

@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;}
}
.lightslider .item, .lightslider .owl-item, .lightslider li {position:relative;}
.item {width:100%!important;}
.owl-carousel .item {background-size:cover; background-position:center bottom; }
.owl-carousel .owl-item {position:relative;}
/* Feel free to change duration  */ 
.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}