@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=Oranienbaum'); *//* arrow font-family: 'Oranienbaum', serif; */

@import url('https://fonts.googleapis.com/css?family=Cormorant+SC:400,500,600,700'); /* font-family: 'Cormorant SC', serif; */
@import url('https://fonts.googleapis.com/css?family=Lato:300,400'); /* font-family: 'Lato', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700|Kanit|Abhaya+Libre:400,700|Oranienbaum|Unica+One|Playfair+Display|Comfortaa|Libre+Baskerville:400,400i');
@import url('https://fonts.googleapis.com/css?family=Allura');
@import url('https://fonts.googleapis.com/css?family=Great+Vibes');
@import url('https://fonts.googleapis.com/css?family=Cormorant+SC');
/*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: 'Libre Baskerville', serif;*/
/*font-family: 'Allura', cursive;*/

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&display=swap');
@font-face {
    font-family: 'GyeonggiBatang';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiBatang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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: 'Source Han Serif KR';
	font-style: normal;
    font-weight: 400;
	src: url('./fonts/SourceHanSerifKR-Regular_subset.eot');
	src: /*local('Gotham Bold'),*/ url('./fonts/SourceHanSerifKR-Regular_subset.woff') format('woff'), url('./fonts/SourceHanSerifKR-Regular_subset.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");
}
*/


/*********** FONT ***********/
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* { font-family: 'GmarketSansMedium'; }
.gmarket { font-family: 'GmarketSansMedium'; }

@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.ggtitle { font-family: 'GyeonggiTitleM' !important; }

*{padding: 0; margin: 0 auto;}
html{width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-text-size-adjust:none;}
body{overflow-x:hidden; margin: 0 auto !important;}
/*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:"Open Sans",'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: "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;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !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;}

/* 바로가기버튼 */
.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;
	}
}

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

.topPlace { position:relative; }
#header {position:relative; background:#fff; opacity:0; filter: alpha(opacity=0;); z-index:11; }

.logo { position:absolute; height:40px; left: 40px; top: 65px; 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; }

.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; 
    text-align:center; 
    line-height:0;
}
.gnbArea:after, .gnb:after {content:"";display:block;clear:both;}
.gnb { display:inline-block; padding-bottom:15px; padding-top:15px; }
.gnb > li { float:left; margin:0 3em; -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: 'Kanit', sans-serif; font-size:1.54em; line-height:1.5em; letter-spacing:0.05em; color:#333333;  -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; letter-spacing:0.1em; text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
.gnb li a.depth2 {     text-shadow: 0 0 4px rgba(0, 0, 0, 0.4);}
.gnb li a.depth1:first-letter {text-transform:uppercase;}
.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: 'Kanit', sans-serif; font-size:1.5em; line-height:2em; 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 .depth1_mobile:first-letter {text-transform:uppercase;}
.gnb_sub { 
    position:absolute; display:none; 
    padding: 5px 10px; 
    background: #fff; 
    margin-left: -18px;
    text-align: left;
}
.on .gnb_sub, .this .gnb_sub { }
.this .gnb_sub { display:block;}
.gnb_sub:after {content:"";display:block;clear:both;}
.gnb_sub li { margin: 0 8px; }
.gnb_sub li.subBlock {margin:0!important; width: 100%;}
.gnb_sub li a {font-family: 'Noto Sans KR', sans-serif; font-size:1.2em; line-height:1.8em; color:#444; }
.gnb_sub li.this a { font-weight:700; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline; }

@-webkit-keyframes _appear {
from{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;filter:alpha(opacity=0;)}
to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100;)}
}
@keyframes _appear {
from{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);opacity:0;filter:alpha(opacity=0;)}
to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity=100;)}
}

#header.fixed{position:fixed;top:0;left:0;width:100%; -webkit-box-shadow:0 0 10px rgba(0,0,0,0.05);box-shadow:0 0 10px rgba(0,0,0,0.05)}
.fixed .gnb li a.depth1, .sub .gnb li a.depth1, .fixed .gnb li a.depth2, .sub .gnb li a.depth2 {text-shadow:none;}
.main_words {position:absolute; top:50%; left:50%; color:#fff; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); z-index:11; text-align:center; line-height:1; pointer-events: none; text-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.main_words_top {font-family: 'Allura', cursive; font-size:8.47em; letter-spacing:5px; white-space:nowrap;}
.main_words_bot {font-size:1.23em; margin-top:5%; }

.is-sticky#header-sticky-wrapper {opacity: 0.9; filter: alpha(opacity=90;);}

.main .topArea .lslide::before {
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.06);
	background: -moz-linear-gradient(left, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.04) 41%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.06)), color-stop(41%, rgba(255,255,255,0.04)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.04) 41%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.04) 41%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.04) 41%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.06) 0%, rgba(255,255,255,0.04) 41%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff', GradientType=1 );
	z-index:1;
}

@media  (min-width: 1024px){
	.logoM { display:none; opacity:0; filter: alpha(opacity=0;); }
	#header.fixed .logo, .sub #header .logo {top:50%; left:2%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); height:auto; width:170px; margin: 0 !important;}
	#header.fixed .logoM, .sub #header .logoM {display:block;opacity:1; filter: alpha(opacity=100;); width:100%;}
	.control_header #header-sticky-wrapper {}
	.control_header #header { position:absolute; top:0; bottom:0; left:0; width:360px; background:transparent; opacity:1; filter: alpha(opacity=100;);}
	.main #header.fixed {
		-webkit-animation: _appear .4s ease forwards;
		animation: _appear .4s ease forwards;
	}
	.control_header .gnbArea { position:relative; width:100%; height:100%; padding: 250px 0 0 0;}
	.control_header .gnb { display:inline-block;float:left; padding:0;}
	.control_header .gnb > li { float:left; width:100%; -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; padding:0 70px 0 70px; margin:0;}
	.control_header .gnb > li > a, .gnbArea > .gnb > li > a { font-family: 'Fredoka One', serif;; }
	.control_header .gnb li a.depth1 { font-weight:400; color:#fff; line-height: 1.8em; letter-spacing:0.05em; padding-left:20px; overflow:hidden; margin-bottom:0.1em; border:2px solid transparent; text-align:left; }
	.control_header .gnb li a.depth1::first-letter { text-transform:uppercase;}
	/*.gnb li.on a.depth1 { background:#fff; color:#151515; font-weight:bold; }*/
	.control_header .gnb li.on a.depth1 { border-color:#fff; }
	.control_header .gnb li a.depth2 {  color:#fff;}
	.control_header .gnb > li .depth1_mobile { display:none; padding-left:38%; font-family: 'Abhaya Libre', 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;}
	.control_header .gnb_sub { 
        position:relative; 
        padding: 5px 0 5px 16px; margin-left: 0; 
        text-align:left; 
        background:transparent; 
    }
	.btnArea {position:absolute; top:50%; right:4em; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:11; }
	.control_header .btnArea {opacity:0; }
}

#header.fixed .logoW, .sub #header .logoW  {display:none;}

#wrap.sub #header {position:fixed; top:0; left:0; width:100%; }


.btn_reser {display:inline-block; margin-left: 15px; font-size:1.08em; color:#000; letter-spacing:0.05em; 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 .logo { width:100px; left:20px}
.is-sticky .btn_reser { right:15px; top:15px;}

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

.lightslider li {position:relative; overflow: hidden;}
.lightslider li .txtRoom { display:none; }

.btn_scroll_box .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_box .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%); }

.topPlace .tag {
    position: absolute;
    display: inline-block;
    float: left;
    top: 12%;
    right: 0;
    z-index: 11;
    /* -webkit-transform: rotate(90deg) translateY(100%); */
    /* -ms-transform: rotate(90deg) translateY(100%); */
    /* transform: rotate(90deg) translateY(100%); */
    /* -webkit-transform-origin: 100% 100%; */
    /* -ms-transform-origin: 100% 100%; */
    /* transform-origin: 100% 100%; */
}
.rt_inner .tag {margin-left:-58px;}
.grid_item .tag {margin-bottom:3.5%;}

.rt_inner .tag::before{content:'';position:absolute;display:inline-block;width:80px;height:1px;background:#262626}
.rt_inner .tag_inner{border-color:#262626;color:#262626;font-family:'Libre Baskerville',serif;font-style:italic;font-size:1.53em;padding-left:38px}
.tag{position:relative;display:inline-block}
.tag.left .tag_inner{padding:15px 23px 15px 43px}
.tag.right{padding-right:58px}
.tag.left{padding-left:58px}
.tag.right::before{top:50%;right:0;width:80px;height:1px}
.tag.left::before{top:50%;left:0;width:80px;height:1px}
.tag.top .tag_inner{display:inline-block;width:auto;/*padding:18px 12px;*/text-align:center}
.tag.top::before{left:50%;bottom:80%;width:1px;height:44px}
.tag_inner{color:#fff;font-family:'Source Han Serif KR','Jeju Myeongjo',serif;font-size:1.53em;display:inline-block;float:left;white-space:nowrap}

.roomWrapper:after{content:'';display:table;clear:both;}
.roomlist_title{position:relative;float:left;width:33.333333%;padding-top:49.2%;opacity:0;filter:alpha(opacity=0;);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.roomlist_title.active{opacity:1;filter:alpha(opacity=100;)}
.roomlist_content{float:left;width:66.666666%}
.roomlist_title_inner{position:absolute;top:0;left:0;width:100%;height:100%}
.rt_outer{display:table;width:100%;height:100%}
.rt_inner{display:table-cell;vertical-align:middle;text-align:center}
.rt_inner h2 {
    font-size: 3em;
    display: block;
    padding: 20px 0 90px 0;
    text-transform: uppercase;
    color: #28364a;
	letter-spacing: 4px;
}
.rt_head{font-size:3em !important;color:#151515;line-height:1.2em;font-weight:100;margin-bottom:9%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.rt_head.move{-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_body{font-size:1.2em;line-height:1.8;margin-bottom:18%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_body.move{font-size:1.07em;line-height:1.8;margin-bottom:18%;-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_desc{font-size:1.07em;line-height:1.8;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_desc.move{font-size:1.07em;line-height:1.8;-webkit-transform:translateY(-4%);-ms-transform:translateY(-4%);transform:translateY(-4%);opacity:0;filter:alpha(opacity=0;)}
.rt_inner .tag{margin-bottom:10%;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_inner .tag.move{-webkit-transform:translateY(4%);-ms-transform:translateY(4%);transform:translateY(4%);opacity:0;filter:alpha(opacity=0;)}
.rt_foot{font-family:'Abhaya Libre',serif;font-size:12px;color:#d1d1d1;line-height:1.4;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;filter:alpha(opacity=100;);-webkit-transition:all .3s .15s ease-in-out;-moz-transition:all .3s .15s ease-in-out;-ms-transition:all .3s .15s ease-in-out;-o-transition:all .3s .15s ease-in-out;transition:all .3s .15s ease-in-out}
.rt_foot.move{-webkit-transform:translateY(4%);-ms-transform:translateY(4%);transform:translateY(4%);opacity:0;filter:alpha(opacity=0;)}
.mainGrid{display:inline-block;width:100%;float:left}
.grid_item{
    position:relative;
    width: calc(100% / 3);
    max-height: 100vh;
    float:left;
    overflow:hidden;
    background:#18252e;
}
.grid_item img{width:100%;-webkit-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);transform:scale(1.03,1.03);opacity:.5; -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;float:left}
.grid_item img.sp_logo_w {
    opacity: 1;
}
.grid_item:hover {
    /* background:transparent; */
}
.grid_item:hover img{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1;}
.grid_item_inner{position:absolute;top:0;left:0;width:100%;height:100%}
.grid_item_tb{display:table;width:100%;height:100%;text-align:center}
.grid_item_tbc{display:table-cell;vertical-align:middle}
/* .grid_item_tbc:hover .sp_logo_w { display: none;}
.grid_item_tbc:hover .sp_logo_b { display: block !important;} */
.grid_item_tbc:hover .title_eng { display: none;}
.grid_item_tbc:hover .title_kor { display: block !important;}
.grid_item_tbc:hover .sp_more { opacity: 1;}
/* .grid_item_tbc:hover .grid_item_text { color: #3d3c3c;} */
/* .sp_logo_w {opacity: 1 !important;} */
/* .sp_logo_b,.sp_more_ {opacity: 0.6 !important;} */
.grid_item .tag_inner{font-family:'Libre Baskerville',serif;font-style:italic}
.grid_item_text{color:#fff;font-size:2.5em;font-weight:100; padding: 0px 0 40px 0;}
p.sp_more {
    width: 15%;
    margin: 0 auto;
    opacity: 0;
}
.grid_item_title{font-size:1.23em;}

@media  (max-width: 1480px){
.none1480 {display: none;}
/*.fixed .logo { width:200px; }*/
.gnb_sub li { margin-right:12px;}
.gnb_sub li a {  font-size:0.95em;}
/*.fixed .logo img { width: 70%;}*/
.gnb > li { margin:0 2em; }

}
@media  (max-width: 1024px){
#header-sticky-wrapper { position:fixed; top:0; left:0; width:100% !important; height:50px !important; z-index:35; }
#header { position:fixed; top:0; left:0; width:100% !important; height:50px !important; background:url(../images/bg/white_90.png); z-index:12;}
.logo { position:fixed; width:120px; left:5px; top:17.5px; padding:0; margin: 0 !important}
.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; z-index:10;}
.open_nav .gnbArea { right:0; top:0;}
.grid_item {
    position: relative;
    /* width: calc(100% / 3); */
    float: left;
    overflow: hidden;
    background: #18252e;
}
.grid_item img {
    opacity: 0.9;
}

#wrap { padding-top:50px;}
.is-sticky #header { height:50px; }
.is-sticky .gnbArea { top:0;}
.gnb > li .depth1_mobile {color:#fff;}
.logo {width:138px; height: auto; top:5px; }
/*.logo a { height:30px;}*/
/*.logo a img { height:100%; width:auto;}*/
.logoM { display:block; }
.logoW { display:none; }
/* .btnArea {display:none; } */
.btnArea {position:absolute; top:50%; right:4em; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:11; }
.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;}

.gnbArea {
	-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;
}
.gnb { display:block; width:100%; padding: 0;}
.gnb li a.depth1 {display:none;}
.gnb > li { float:none; margin:0;  }
.gnb > li .depth1_mobile { display:block; font-size:1.6em; line-height:2em; 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; max-height: 140px; }
.gnb_sub li { float:left; margin:0 10px 0 0;}
.subBlock { float:none; display:block !important; width:100%; height:0;}
.gnb_sub li a { font-size:1em; color:#fff;}
.gnb::before { display:none; }


.control_header .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;}
.control_header .open_nav .gnbArea { right:0; top:0;}
.control_header .gnb { display:block; width:100%; }
.control_header .gnb li a.depth1 {display:none;}
.control_header .gnb > li { float:none; margin:0;  }
.control_header .gnb > li .depth1_mobile { display:block; font-size:1.8em; line-height:2em; padding-left:26px;}
.control_header .gnb > li.on .depth1_mobile, .control_header .gnb > li.this .depth1_mobile  { background:#fff; color:#3a3a3a; }
.control_header .gnb_sub { position:relative; text-align:left; padding-left:26px !important; margin-left:0;}
.control_header .on .gnb_sub, .control_header .this .gnb_sub { padding:5px 0; }
.control_header .gnb_sub li { float:left; margin-right:10px;}
.control_header .subBlock { float:none; display:block !important; width:100%; height:0;}
.control_header .gnb_sub li a { font-size:1.1em; color:#fff;}
.control_header .gnb::before { display:none; }

.topPlace .tag{right:10%}
.topPlace .tag .tag_inner{padding:7px 37px 7px 17px;font-size:1.2em}
.tag.right{padding-right:17px; display: none;}
.tag.right::before{width:35px}

}

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

.count { position:absolute; width:60px; left:50%; top:50%; line-height:1.4; margin-top:-15px; margin-left:-30px; font-family: 'Playfair Display', serif; font-size:1.35em; color:#fff; text-align:center; z-index:4; font-size:1.22em;}
.count .total { position:absolute; left:38px; top:0; display: none;}
.count .current { position:absolute; right:38px; top:0; display: none;}
.count .count_line {}
.count .total { position:absolute; left:38px; top:0;}
.topArea.topArea01 .lSAction,.roomWrapper .lSAction{position:absolute;width:120px;height:30px;bottom:3em;top:auto;z-index:10;margin:0}
.topArea.topArea01 .lSAction{/*left:90px;*/ left:50%; transform: translateX(-50%); z-index: 9999;}
.roomWrapper .lSAction{left:40px}
.roomWrapper .lSAction > a,.topArea.topArea01 .lSAction > a{
    position:absolute;
    width: 40px;
    height: 40px;
    margin: 0;
    text-align: center;
    font-family: 'Comfortaa', cursive;
    font-size: 2.5em;
    line-height: 40px;
    color:#fff;
    opacity:.8;
    -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;
    background:rgba(0,0,0,.5);
}
.roomWrapper .lSAction > .lSPrev,.topArea.topArea01 .lSAction > .lSPrev{left:0;top:0}
.roomWrapper .lSAction > .lSNext,.topArea.topArea01 .lSAction > .lSNext{right:0;top:0}
.roomWrapper .lSAction > a:hover, .topArea.topArea01 .lSAction > a:hover{
    background: rgba(0, 0, 0, 0.9);
}
/* footer */
#footer {position:relative; padding:3%;}
.footer_inner {position:relative;}
.ps_info {color:#4b4b4b; }
.footer_top {font-size:1.38em; margin-bottom:0.8em;}
.footer_top > span + span { margin-left:25px; }
.num { font-family: 'GothamMedium', sans-serif; }
.footer_bot {font-size:1.2em;}
.footer_bot p {display:inline;}
.footer_bot > span {}
.footer_bot > span + span { margin-left: 18px;}
.ps_admin {position:absolute; bottom:0; right:0; font-size:12px; }
.ps_admin span + span::before {content:'|';}
.ps_admin a { text-decoration:none; color:#919191;}

.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: 1570px) {
	.none1570 {display: none !important;}
}
@media  (max-width: 1480px){
#footer {  }

}

@media  (max-width: 1024px){
.open_nav a.btn_reser { color:#fff; }
.open_nav .btn_nav .line span {background:#fff;}

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

.footer_top {font-size:1.38em; line-height:1.8em; margin-bottom:0.8em;}
.footer_top > span + span { margin-left:0; }
.footer_top_item { display:block;}
.footer_top_item.bank { font-size:0.85em;}

.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.topArea01 .lSAction{/*left:5%;*/bottom:5%; font-size: 0.8em;}
.roomWrapper .lSAction{left:50%;bottom:5%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.topArea.topArea01 .lSAction,.roomWrapper .lSAction {z-index:10;}
.tag_inner {border-width:1px;}
}

.topArea { position:relative; }
.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 { background: rgba(0,0,0,0.7);}
.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 { background: rgba(0,0,0,0.7);}

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

.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: 1680px){
}

@media  (max-width: 1480px){
.btn_scroll_box {  width:44px;  margin-left:-22px;}
.btn_scroll_box .btn_scroll {width: 200px; line-height: 27px; font-size: 14px;}
.btn_scroll_box .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;}
.main_words {font-size:0.7em; }
}

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

.rt_inner, .grid_item_tbc {font-size:10px;}
.rt_head {margin-bottom:6%;}
.rt_body {margin-bottom:13%;}
.rt_inner .tag {margin-bottom:6%;}

#footer{text-align:center;padding:4% 3%}
.footer_bot p {display:block;}
.footer_bot{margin-bottom:.4em}
.ps_admin{position:relative}
.main_words {font-size:0.6em; }

}

@media  (max-width: 768px){

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

.topArea.topArea01 .lSAction,.roomWrapper .lSAction{
    width:76px;
    height:30px;
    bottom:11px;
    top:auto;
    left: auto;
    right: 7px;
    transform: translateX(0px);
}
.topArea.topArea01 .lSAction{
    left:auto; 
    right:5px; 
    transform: translateX(0px); 
}
.roomWrapper .lSAction > a,.topArea.topArea01 .lSAction > a{
    width: 35px;
    height: 35px;
    font-size: 2.2em;
    line-height: 35px;
    background:rgba(0,0,0,.5);
}

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

.rt_inner, .grid_item_tbc {font-size:9px;}

.rt_head {margin-bottom:5%; font-size:3em;}
.rt_body {margin-bottom:12%;}
.rt_inner .tag {margin-bottom:5%;}
.rt_foot {display:none;}
/*.rt_inner {padding:0 4%;}*/
.tag.left {padding:0;}
.tag.left .tag_inner{padding:4% 12%;float:unset;}
.tag.left::before{display:none}
.rt_inner .tag{padding:0;margin:0; width: 100%;}
.tag.top .tag_inner{width:140px;padding:7% 0}
.tag.top::before{display:none}
#footer{font-size:12px}
/*.footer_bot > span{display:block}*/
.footer_bot > span + span{margin:.2em 0 0}
.main_words {font-size:0.5em; }
.rt_desc {display:none;}

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

}

@media  (max-width: 560px){
.btn_reser {margin-left: 7px; font-size: 12px;}
.none560 {display:none !important;;}
.block560 {display:block !important;;}
.in-block560 {display:inline-block !important;;}

.topPlace .tag {display:none;}

.rt_inner, .grid_item_tbc {font-size:8px;}

.rt_head {margin-bottom:5%;}
.rt_body {display:none;}
/* .rt_body br {display:none;} */
.tag.top .tag_inner{width:120px}
#footer{font-size:11px}
.main_words {font-size:0.4em; }
.grid_item_title {font-size:1.7em;}
}

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

.rt_inner, .grid_item_tbc {font-size:7px;}

.rt_head {
    font-size: 2.7em !important;
    line-height: 1.4em; 
}
.tag.top .tag_inner{width:110px}
#footer{font-size:10px}
.main_words {font-size:0.3em; }

}


@media  (max-width: 380px){

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

.rt_inner, .grid_item_tbc {font-size:6px;}
.tag.top .tag_inner {width:84px;}
.rt_head {font-size:2.5em;}

}


/********index 리뉴얼********/

.block1910 {display:none;}
.aboutArea > .Con01 {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 73px 0;
    background:
}
.aboutArea > .Con01 >img {
    max-width: 100%;
}
.aboutArea > .Con01 > .box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 10 !important;
    background: rgb(255,255,255,0.7);
    max-width: 100%;
    width: 520px;
    height: 240px;
    box-sizing: border-box;
    padding: 30px;
    text-align: center;
    overflow: hidden;
}
.aboutArea > .Con01 > .box span {
    color: #8e8e8e;
    font-size: 13px;
}
.aboutArea > .Con01 > .box .none770 {
    color: #28364a;
    font-size: 35px;
    padding: 25px 0;
}
.aboutArea > .Con01 > .box p {
    font-size: 15.5px;
    line-height: 25px;
}
.aboutArea > .Con02 {
    position: relative;
    width: 100%;
    text-align: center;
    padding-bottom: 55px;
}
.aboutArea > .Con02 h1 {
    color: #28364a;
    font-size: 30px;
    text-transform: uppercase;
    padding: 20px 0 30px 0;
    letter-spacing: 4px;
}
.aboutArea > .Con02 p {
    position: relative;
    color: #a8a8a8;
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 50px;
    z-index: 10;
}
.aboutArea > .Con02 > .img000 {
    position: relative;
    top: -100px;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.aboutArea > .Con02 > .circle {
    position: absolute;
    top: 0;
    right: 0;
}
.aboutArea > .Con02 > .text {
    position: absolute;
    top: 17%;
    right: 5%;
    text-align: right;
}
.aboutArea > .Con02 > .text h3 {
    font-size: 30px;
    padding-bottom: 40px;
    color: #494a4c !important;
}
.aboutArea > .Con02 > .text p {
    color: #494a4c !important;
    font-size: 16px;
}
.mainArea .image {
    display: block;
    max-width: 100%;
    width: 100%;
    padding: 0 !important;
}
.mainArea .image img {
    display: block;
    max-width: 100%;
}
.mainArea .img00_03 {
    padding-top: 47px !important;
}
.mainArea .title {
    width: 100%;
    text-align: center;
    width: 100%;
    background: url(../images/common/sp_bg.jpg) no-repeat center center;
    background-size: cover !important;
    padding: 20px 0;
}
.mainArea .title.map_title {
    background: url(../images/common/map_bg.jpg) no-repeat center center;
    background-size: cover !important;
}
.mainArea > .title h1 {
    color: #28364a;
    font-size: 30px;
    text-transform: uppercase;
    padding: 20px 0 30px 0;
    letter-spacing: 4px;
}
.mainArea .title p {
    color: #a8a8a8;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
}

.Con03 {
    position: relative;
    width: 100%;
    margin: 90px 0;
}
.Con03 .img00_04 {
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    z-index: 10;
}
.circle02 {
    position: absolute;
    top: 0;
    left: 0;
}
.circle03 {
    position: absolute;
    right: 0;
    bottom: 10%;
}
.Con04 {
    width: 100%;
    position: relative;
    text-align: center;
    margin-top: 3%;
}
.Con04 img {
    display: block;
    width: 100%;
    max-width: 100%;
}
.Con04 > h1 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    text-transform: uppercase;
    letter-spacing: 27px;
    font-size: 50px;
    color: rgb(255,255,255,0.7);
    width: 100%;
}
@media (max-width: 1910px) {
    .block1910 {display: block !important;}
    .Con04 > h1 {
        line-height: 55px;
    }
}
@media (max-width: 1024px) {
    .aboutArea > .Con01 > .box .none770 {
        font-size: 30px;
    }
}
@media (max-width: 955px) {
    .none955 {display: none !important;}
    .aboutArea > .Con02 > .img000 {
        top: 0;
    }
}
@media (max-width: 770px) {
    .aboutArea > .Con01 {
        width: 100%;
        position: relative;
        text-align: center;
        padding: 10px 0;
        background: ;
    }
    .aboutArea > .Con01 >img {
        max-width: 100%;
        opacity: 0.2;
    }
    .aboutArea > .Con01 > .box {
        display: block;
        max-width: 100%;
        width: 100%;
        height: auto;
        box-sizing: border-box;
        padding: 0;
        text-align: center;
        background: none;
    }
    .aboutArea > .Con01 > .box h1 {
        font-size: 18px;
    }
    .aboutArea > .Con01 > .box > .none770 { display: none;}
    .aboutArea > .Con01 > .box p {
        font-size: 12px;
        line-height: 16px;
        padding: 10px 0;
    }
    .aboutArea > .Con01 > .box span { display: none;}
    .aboutArea > .Con02 h1 {
        color: #28364a;
        font-size: 18px;
        text-transform: uppercase;
        padding: 20px 0 10px 0;
        letter-spacing: 3px;
    }
    .aboutArea > .Con02 p {
        color: #a8a8a8;
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 50px;
    }
    .aboutArea > .Con02 {
        position: relative;
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
    }
    .mainArea .title {
        width: 100%;
        text-align: center;
        padding-top: 40px;
    }
    .mainArea .title > img {
        width: 90%;
    }
    .mainArea .title h1 {
        color: #28364a;
        font-size: 18px;
        text-transform: uppercase;
        padding: 20px 0 10px 0;
        letter-spacing: 2px;
    }
    .mainArea .title p {
        color: #a8a8a8;
        font-size: 13px;
        line-height: 15px;
        padding-bottom: 30px;
    }
    .Con03 {
        position: relative;
        width: 100%;
        margin: 20px 0;
    }
    .Con04 > h1 {
        line-height: 35px;
        font-size: 30px;
        text-align: center;
        letter-spacing: 20px;
    }
}


/* 메인 오시는 길 */

.map_dl { position:relative; z-index:2;}
.map_dl:after {content:"";display:block;clear:both;}
.map_dl dt { width:27.1%; }
.map_dl dd { position:absolute; width:72.9%; height:100%; right:0; top:0; }
.map_add { position:absolute; left:0; bottom:0; padding:2%; font-size:1.2em; line-height:1.2em;}

.map {
  width: 100%;
}
.map > .title {
  width: 100%;
  text-align: center;
  padding: 65px 0 55px 0;
}
.map > .title > h1 {
  color: #28364a;
  letter-spacing: 5px;
  font-size: 30px;
  padding-bottom: 20px;
}
.map > .title > p {
  color: #a8a8a8;
  font-size: 18px;
  line-height: 25px;
  font-family: 'GyeonggiTitleM';
}
.mapCon {
  width: 55%;
  margin-left: 8%;
  float: left;
}
.mapFrame {
  position: relative;
  width: 100% !important;
  height: 30vw !important;
  background: #ddd;
  border: 1px solid #eee;
  overflow: hidden;
}
.mapbox {
  float: left;
  width: 30%;
  color: #494949;
  height: 30vw;
  padding: 70px 40px 0 40px;
  box-sizing: border-box;
  /*background: #28364a;*/
  background: url(../images/about/mapbox.jpg) no-repeat center center;
  background-size: cover;
}
/*.mapCon { width:72.9%; margin-left:27.1%;}*/
.map_text { font-size:1em; line-height:1.6em; margin-top:3.5em; padding-right:2%; width:80%; }
.map_text dt { font-size:1.8em; font-weight:600; margin-bottom:1em;}
.map_text dd { margin-bottom:3em; font-size:1.3em;}
/*.map_text dd div { margin-bottom:1em;}*/
.map_text dd div.map_add02 { margin-top: 2em; /*font-size:1.15em; font-weight:600; margin:2em 0;*/}
.map_text .map_p { margin-bottom:3px;}
.map_text dd div strong { display:block; font-size:1.05em; font-weight:500; color:#000; }

.mapFrame { position:relative; width:80%; height:36vw; background:#ddd; border:1px solid #eee; overflow:hidden; }
.mapFrame iframe {position:absolute; width:150%; height:150%; left:50%; top:20%; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); border:0; opacity:0; filter: alpha(opacity=0;);}
.active .mapFrame iframe { opacity:1; filter: alpha(opacity=100;); top:50%; transition: all 0.5s ease 0.5s;}


@media  (max-width: 1480px){

.mapFrame { width:100%;}
}

@media  (max-width: 1280px){

.mapCon {
  width: 100%;
  margin-left: 0;
  float: none;
}
.mapbox {
  float: left;
  width: 100%;
  height: auto !important;
  padding: 40px;
  box-sizing: border-box;
  background: #FFF0F6;
  /* background: url(../images/about/mapbox.jpg) no-repeat center center; */
  background-size: cover;
}
.mapFrame {
  height: 50vw !important;
}

}

@media  (max-width: 1024px){

.map_add { font-size:1em; line-height:1.6em;}

.mapCon { width:100%; margin-left:0;}
.mapFrame { height:50vw;}
.map_text { line-height:1.5em; padding:0 3%; width:100%;}
/*.map_text dd div { margin-bottom:1.2em;}*/
.aboutArea04 h3 {
  display: none !important;
}
}
@media (max-width: 750px) {
  .mapbox {
    padding: 10px;
  }
  .map > .title {
    padding: 50px 0 20px 0;
  }
  .map > .title > h1 {
    padding-bottom: 0px;
    font-size: 18px;
    line-height: 25px;
    margin: 0;
  }
  .map > .title > p {
    font-size: 13px;
    line-height: 15px;
  }
  .map_text dt { font-size:1.3em; }
  .map_text dd { font-size:1em; }
}

@media  (max-width: 640px){


.mapFrame { height:80vw !important;}


}



/* 스크롤 애니메이션 */

.clip-from-left {
	opacity: 0;
	clip-path: inset(0 100% 0 0);
	transition:
		clip-path 2s ease-out,
		opacity 1s ease-out;
}
.clip-curtain {
	opacity: 0;
	clip-path: inset(0 50% 0 50%);
    filter: brightness(0.3);
	transition:
		clip-path 1.5s ease-out,
		opacity 1s ease-out,
        filter 2s ease-out;
}
.clip-from-center {
	opacity: 0;
	clip-path: circle(0% at 65% 65%);
	transition:
		clip-path 1.7s ease-out,
		opacity 1s ease-out;
}
.clip-from-center.at50 {
	clip-path: circle(0% at 50% 50%);
	transition:
		clip-path 1.7s ease-out,
		opacity 1s ease-out;
	transition-delay: 0.5s;
}
.clip-from-top {
    transition: clip-path 3s ease, opacity 1s ease;
    clip-path: inset(0 0 50% 0); 
}
.clip_slow {
	transition:
		clip-path 3s ease-out,
		opacity 1s ease-out;
}
.clip_slower {
	transition:
			clip-path 6s ease-out,
			opacity 1s ease-out;
}
.clip_faster {
	transition:
		clip-path 1.3s ease-out,
		opacity 1s ease-out;
}

.clip-from-left.on, .clip-curtain.on {
	opacity: 1;
	clip-path: inset(0 0 0 0);
    filter: brightness(1);
}
.clip-from-center.on {
	opacity: 1;
	clip-path: circle(100% at 65% 65%);
}
.clip-from-center.at50.on {
	opacity: 1;
	clip-path: circle(100% at 50% 50%);
}
.clip-from-top.on {
	clip-path: inset(0 0 0 0);
}
.move_fromleft {
	opacity: 0;
	transform: translateX(-50px);
	transition: all 2s ease;
}

.move_fromright {
	opacity: 0;
	transform: translateX(50px);
	transition: all 2s ease;
}

.move_fromleft.on, .move_fromright.on {
	opacity: 1;
	transform: translateX(0);
}

.move_frombottom {
	opacity: 0;
	transform: translateY(50px);
	transition: all 2s ease;
}

.move_frombottom.on {
	opacity: 1;
	transform: translateY(0);
}
.move_fromup {
	opacity: 0;
	margin-top: -50px;
	transition: all 2s ease;
}
.move_fromup.on {
	opacity: 1;
	margin-top: 0px;
}
.move_fromrightup {
	opacity: 0;
	transform: translate(50px, -50px);
	transition: all 2s ease;
}
.move_fromrightdown {
	opacity: 0;
	transform: translate(50px, 50px);
	transition: all 2s ease;
}
.move_fromleftdown {
	opacity: 0;
	transform: translate(-50px, 50px);
	transition: all 2s ease;
}
.move_fromrightup.on, .move_fromleftdown.on, .move_fromrightdown.on {
	opacity: 1;
	transform: translate(0, 0);
}

/* 딜레이 */
.delay03s {
	transition-delay: 0.3s;
}

.delay05s {
	transition-delay: 0.5s;
}
.delay08s {
	transition-delay: 0.8s;
}