@charset "utf-8";

.main_txt .accordion .accordion_title {
    position: relative;
    padding: 0 25px;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: -1px;
    border: inherit;
    border-radius: 0;
    background: transparent;
    cursor: pointer;
    transition: 0.5s;
}
.main_txt .accordion .accordion_title::before,
.main_txt .accordion .accordion_title::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #949494;
    transition: 1s;
}
.main_txt .accordion .accordion_title::before {
    right: 25px;
    width: 16px;
    height: 2px;
}
.main_txt .accordion .accordion_title::after {
    display: none;
    right: 32px;
    width: 2px;
    height: 16px;
}
.main_txt .accordion .accordion_title span {
    display: inline-block;
    font-size: 0.9em;
    font-weight: 700;
    margin-left: 8px;
    letter-spacing: 0;
    
}
.main_txt .accordion .accordion_title span.ui-accordion-header-icon {
    display: none;
}
.main_txt .accordion .accordion_title .line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #d3d3d3;
    overflow: hidden;
}
.main_txt .accordion .accordion_title .line:after{
    content: "";
    position: absolute;
    left: -100%;
    display: block;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #181818, #d4d4d4);
    transition: 2s;
}
@media (max-width: 800px) {
    .main_txt .accordion .accordion_title { font-size: 1.1em; line-height: 45px; }
    .main_txt .accordion .accordion_content { font-size: 0.9em !important; }
}
/* 아코디언 타이틀 애니메이셔 end */
.main_txt .accordion .accordion_title[aria-selected="true"]::after {
    display: block;
}
.main_txt .accordion .accordion_title:hover::before,
.main_txt .accordion .accordion_title:hover::after {
    background-color: #181818;
}
.main_txt .accordion .accordion_title:hover {
    padding: 0 35px;
}
.main_txt .accordion .accordion_title[aria-selected="true"] .line:after,
.main_txt .accordion .accordion_title:hover .line:after {
    left: 0;
}
/* 아코디언 타이틀 애니메이션 end */
.main_txt .accordion .accordion_content {
    display: none;
    padding: 20px 25px 60px 20px;
    color: #626262;
    line-height: 22px;
    border: none;
    background: transparent;
    overflow: hidden;
    font-size: 1.3em;
    line-height: 1.5em;
}

/* 바로가기버튼 */
.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;
	}
}
html{width:100%;height:100%;overflow-y:auto;-webkit-text-size-adjust:none;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0;  font-family: 'TmoneyRoundWindRegular'; }
*+html body body, *+html body div, *+html body li, *+html body dt, *2017-11-22+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 { font-family: 'TmoneyRoundWindRegular';}
body{visibility:visible; width:100%; font-size:13px;color:#333; background:#fff; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#333;}
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: 'TmoneyRoundWindRegular';}
.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:#021e2f;}

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

#skip{position:absolute;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width:100%; height:0 !important; left:0; top:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease ; transition: all 0.3s ease; z-index:30; }

#header {position:fixed; opacity:0; filter: alpha(opacity=0;); z-index:30;}
.headerBtn { position:absolute; z-index:5}
.logo { position:relative; width:101px; margin-bottom:10%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:10; }
.logo a { display:block; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; background: #fff; padding: 5px 8px;}
.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; }
.logo .logo_top {display:none;}
.top_reser { display:block; width:118px; background:#be6f51; font-family: "source-han-serif-korean", 'Jeju Myeongjo',serif; font-size:1.05em; line-height:2em; text-align:center; color:#fff; letter-spacing:0.1em; padding:1em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.btn_nav {position:absolute; display:block; width:32px; height:36px; right:20px; top:50%;  text-align:right; -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:10; display:none; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.btn_nav span {-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 .line span {position: absolute; display: block; height:2px; right:0; background: #343434;  }
.btn_nav .text { position:absolute; width:100%; right:-0.1em;; bottom:-3px; font-size:9px; line-height:1em; letter-spacing:0.1em; color:#343434;}

.btn_nav .line01 { width:19px; top:0; }
.btn_nav .line02 { width:22px; top:8px; }
.btn_nav .line03 { width:12px; top:16px; }
.btn_nav .line04 { width:15px; top:24px; }

.btn_nav.open_nav .line01 { width:23px;}
.btn_nav.open_nav .line03 { width:28px; }
.btn_nav.open_nav .line04 { width:26px; }
.btn_nav:hover .text, .btn_nav.open_nav .text {opacity:1; filter: alpha(opacity=100;); }

.btn_nav.open_nav .line span { background:#fff;}
.btn_nav.open_nav .text { color:#fff;}

.gnbArea { position:relative; left:0; top:0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:5;}
.gnb > li { margin-bottom:0.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 { position:relative; display:inline-block; font-family:  'Varela Round'; font-size:1.4em; line-height:2em; color:#fff; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; -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-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); -moz-text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
.gnb > li a.depth1 i { font-size:2.4em; vertical-align:middle; -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 > li a.depth1:hover i { color:#be6f51;}
.gnb > li a.depth1:hover {text-decoration:none !important;}
.gnb > li .depth1_mobile { display:none;}
.gnb_sub { display:none; margin-left:0; width: max-content; max-width: 450px; background: #fff; padding: 8px;}
.gnb > li:after, .gnb_sub:after { content:"";display:block;clear:both;}
.this .gnb_sub { display:block;}
.gnb_sub li a { font-size:1.2em; line-height:1.8em; color:#343434; -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_sub li.this a { font-weight:600;}



@media  (min-width: 1025px){
#header {position:absolute; width:80%; max-width:450px; left:40px; top:40px;}
/* .logo { background:#fff; -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);} */

#header.fixed { position:fixed; width:100%; max-width:100% !important; height:80px; left:0; top:0; background:rgba(255, 255, 255, 0.9); text-align:center; -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);  }
#header.fixed .logo { position:absolute; width:180px; left:15px; top:50%; background:none; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); margin-bottom:0;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
#header.fixed .logo .logo_defalt {display:none;}
#header.fixed .logo .logo_top {display:block;}
#header.fixed .gnbArea { position:relative; display:inline-block; top:25px; opacity:0.9; }
#header.fixed .gnb > li { float:left; margin:0 2em;} 
#header.fixed .gnb > li a.depth1 { color:#343434; -webkit-text-shadow:none; -moz-text-shadow:none; text-shadow:none; }
#header.fixed .gnb_sub { position:absolute; max-width: 470px;}
#header.fixed .gnb6 .gnb_sub { right:10px;}
#header.fixed .gnb_sub li a { font-size:1.3em; line-height:1.8em; color:#343434; -webkit-text-shadow:none !important; -moz-text-shadow:none !important; text-shadow:none !important;}
#header.fixed .gnb_sub li.subBlock_room { display:none !important;}
}
.gnb_sub li { float:left; margin:0 10px; }
.gnb_sub li.subBlock { margin:0;}
.subBlock_room { float: none; display: block !important; width: 100%; height: 0; margin:0 0 1px 0 !important;}

@media  (max-width: 1420px){
#header.fixed .gnb > li {margin:0 1.5em;} 
}

@media  (max-width: 1280px){
#header.fixed .gnb > li {margin:0 1.2em;} 
}

.headerBg { position:absolute; display:none; width:100%; height:70px; left:0; top:-100px; background:rgba(12,24,43,0.8); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index:-1;}

.is-sticky.sticky-wrapper {}
.sticky .headerBg { top:0; /*transition-delay:0.3s;*/}
.sticky .top_reser { padding:0.6em 0;}


@media  (max-width: 1480px){

}


@media  (max-width: 1024px){
#header { width:100%; height:80px; left:0; top:0; background:#fff;}
.headerBg {height:80px; top:0;}
.sticky#header { height:80px; background:rgba(255, 255, 255, 0.9);  }
.logo, .sticky .logo { width:80px; }
.logo a, .sticky .logo a {}
.logo img { }

.btn_nav { display:inline-block;}
.sticky .btn_nav { background:none; }
.btn_insta { display:block; position:absolute; left:226px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.btn_insta i { font-size:2.4em; color:#fff;}
.btn_naver { display:block; position:absolute; left:266px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.btn_naver i { font-size:2.9em; color:#fff; margin-top:1.5px}
.gnbArea { position:fixed; width:100%; height:100%; left:0; top:-100%; padding-top:35%; background:rgba(24,31,39,0.8); text-align:center;}
.sticky .gnbArea { top:-100%;}
.gnb > li { float:none; margin:0 0 1px 0; }
.gnb > li.gnb7 {display:none;}
.open_nav .gnbArea, .sticky .open_nav .gnbArea { top:0;}
/*.gnb > li .num { display:none;}*/
.gnb > li a.depth1 { display:none;}
.gnb > li .depth1_mobile { display:block; font-family:  'Varela Round'; font-size:1.8em; font-weight:700; text-transform:uppercase; letter-spacing:0.05em;line-height:2em; color:#fff; -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 > li.this .depth1_mobile, .gnb li .depth1_mobile:hover, .gnb > li:hover .depth1_mobile  { background:#fff; color:#0c182b; font-weight:700; cursor:pointer;}
.gnb_sub { position:relative; display:none; background:none; padding:0; margin:5px 0 5px 0; }
.gnb_sub li { float:none; display:inline-block;  margin:0 10px 0 0;}
.subBlock, .subBlock_room { float:none; display:block !important; width:100%; height:0;}
.gnb_sub li a { font-size:1.1em; line-height:2em; color:#fff;}
.gnb_sub li.this a { font-weight:600;}
.gnb li.this .gnb_sub { display:block; }

.top_reser_wrap { position:absolute; width:106px; height:50px; left:100%; top:0; z-index:10;}
.top_reser { width:106px; height:50px; font-size:1em; line-height:2.2em; text-align:center; color:#fff; letter-spacing:0.1em; padding:0.7em 0; }
.sticky .top_reser { padding:0.7em 0;}
}

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


/* footer */
.reserWrap { position:relative; overflow:hidden; z-index:5;}
.reserWrap > a { display:block; filter: brightness(1.06); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.reserWrap .reser_btn { position:absolute; left:50%; top:50%; text-align:center; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:2;}
.reserWrap .reser_btn p {font-family:  'Varela Round'; font-size:2.5em; font-style:italic; color:#242d4c; letter-spacing:0.05em; line-height:1.5em;text-transform: uppercase; font-weight: bold;}
.reserWrap .reser_btn .btn_arrow { vertical-align:top; }
.reserWrap > a:hover {filter: brightness(1);}

#footer { position:relative; padding:0; background:#131217; padding:5% 0; color:#fff; z-index:6; }
#footer.section { height:auto !important;}

#footer .btn_top { position:absolute; display:inline-block; width:30px; height:30px; right:0; bottom:0; color:#fff; z-index:2;}
#footer .btn_top:hover {  bottom:5px; -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;}
.footerWrap { position:relative; width:92%; max-width:1320px; margin:0 auto;}
.footer01 { margin-bottom:3%;}
.footer01 p { font-size:1.25em; line-height:1.6em; margin-bottom:0.3em;}
.footer01 p i { display:inline-block; width:1em;}
.footer01 p span {font-family: 'Kanit', sans-serif; font-size:1.15em; font-weight:500;}
.footer02 {}
.footer02 dt { display:inline-block; font-family: 'Kanit', sans-serif; font-size:1.45em; line-height:1.4em; font-weight:300; color:#e7d490; border-bottom:1px solid #e7d490; margin-bottom:1em;  }
.footer02 dd { font-size:1.07em; line-height:1.8em;}
.footer02 .footer02_div { margin-bottom:0.3em;}
.footer02 .footer02_div p { display:inline;}
.footer02 .footer02_div span { display:inline-block; width:1.5em;}
.footer02 dd a {color:#fff;}

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

@media  (max-width: 1280px){
.footer01 { margin-bottom:5%;}
.footer01 p { font-size:1.15em;}
.footer02 dt { font-size:1.35em; line-height:1.4em; font-weight:400;}
.footer02 dd { font-size:1em; line-height:1.6em;}
.footer02 .footer02_div span { width:1em;}
}

@media  (max-width: 1024px){
.reserWrap .reser_btn p { font-size:1em;}
.btn_arrow { width:112px;}

.footer02 dd { font-size:0.95em; line-height:1.5em;}
.footer02 .footer02_div span { width:1em;}


}

@media  (max-width: 768px){
.footer02 dd { font-size:0.95em;}
.footer02 .footer02_div { margin-bottom:0.5em;}
.footer02 .footer02_div p { display:block;}
.footer02 .footer02_div span { width:0.5em;}
}

@media  (max-width: 420px){
.footer01 p { font-size:1em;}

}

.reserArea {}
.btn_reserIcon {display:inline-block;}
.btn_reserIcon img { vertical-align:middle;}
.btn_reserIcon span { font-family:  'Varela Round'; font-size:1.5em; line-height:1.5em; vertical-align:bottom; margin-left:-0.5em; text-transform: capitalize;}
.reserArea01 { position:absolute; left:30px; top:30px; z-index:5;}
.reserArea01 span {color:#9c732c;}
.reserArea02 { position:absolute; display:block; right:20px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:10;}
.btn_reser_m { display:inline-block; width:50px; height:50px; background:#d70000; color:#fff; text-align:center; padding-top:5px; border-radius:1px; box-shadow:2px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px rgba(0, 0, 0, 0.2);}
.reserArea02 .btn_reserIcon .reserIcon02 { display:inline-block; width:40px; height:40px; background:url('../images/common/btn_reserIcon_02.svg'); background-size:40px 40px;}
.reserArea02 span {color:#343434; font-size:1.35em;}

.reserArea03 { position:absolute; left:30px; bottom:30px; z-index:5;}
.reserArea03 span {color:#fff;}


.topArea { position:relative; width:100%; left:0; top:0; background:#fff; overflow:hidden; z-index:3;}
.topArea:after {content:"";display:block;clear:both;}
.topArea .lightslider { display:block; width:100%; height:100%; opacity: 0; background: #fafafa; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), background 2.5s ease-out, -webkit-transform 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), background 2.5s ease-out, -webkit-transform 2.5s ease-out; -o-transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out; transition: opacity 1.5s cubic-bezier(0.694, 0, 0.335, 1), transform 2.5s ease-out, background 2.5s ease-out, -webkit-transform 2.5s ease-out; }

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

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

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

.topArea .lSAction, .reserArea03, .subTypo01 { opacity:0; -webkit-transition: all 1.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 1.5s cubic-bezier(0.645, 0.045, 0.355, 1);}
.active.topArea .lSAction, .active.topArea .reserArea03, .active.subTypo01 {transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;  opacity:1; }

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


@media  (min-width: 1025px){

.reserArea02 { display:none;}
#header.fixed .reserArea02 { display:block;}

.topArea .lSAction, .spList_wrap .lSAction { position:absolute; width:40px; height:120px; border:1px solid #fff; background:rgba(0, 0, 0, 0.1); right:40px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:5;}
.topArea .lSAction:after, .spList_wrap .lSAction:after {content:""; position:absolute; width:42px; height:1px; background:#fff; left:50%; top:50%; transform: translate(-50%,-50%) rotate(25deg); -ms-transform: translate(-50%,-50%) rotate(25deg); -webkit-transform: translate(-50%,-50%) rotate(25deg); }
.topArea .lSAction > a, .spList_wrap .lSAction > a {position:absolute; display:inline-block; cursor:pointer; width:40px; height:60px; margin:0; text-align:center; font-family: 'Comfortaa', cursive; font-size:2em; line-height:60px; color:#fff; opacity:0.8; filter: alpha(opacity=80;);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.topArea .lSAction > a:hover, .topArea .lSAction > a:focus, .spList_wrap .lSAction > a:hover, .spList_wrap .lSAction > a:focus {opacity:1; filter: alpha(opacity=100;);}
.topArea .lSAction > a i { line-height:60px;}
.topArea .lSAction > .lSPrev, .spList_wrap .lSAction > .lSPrev { left:0; top:0;}
.topArea .lSAction > .lSNext, .spList_wrap .lSAction > .lSNext { left:0; bottom:0}
.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus, .spList_wrap .lSAction > .lSPrev:hover, .spList_wrap .lSAction > .lSPrev:focus { margin-top:-5px;}
.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus, .spList_wrap .lSAction > .lSNext:hover, .spList_wrap .lSAction > .lSNext:focus { margin-bottom:-5px;}
}


.section_fadeIn { opacity:0; filter: alpha(opacity=0;); }
.active.section_fadeIn { opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.3s;}


@media  (max-width: 1024px){
	.reserArea02 { display:block; right:70px;}
	.open_nav .reserArea02 .btn_reserIcon .reserIcon02 {background:url('../images/common/btn_reserIcon_03.svg'); background-size:40px 40px;}
	.open_nav .reserArea02 span {color:#fff;}

	.topArea { position:relative; top:0;}
	.topArea .btn_reser {display:none;}

	.topArea .lSAction, .spList_wrap .lSAction { position:absolute; width:80px; height:30px; border:1px solid #fff; right:20px; bottom:20px; background:rgba(0, 0, 0, 0.1); z-index:5;}
	.topArea .lSAction:after, .spList_wrap .lSAction:after {content:""; position:absolute; width:30px; height:1px; background:#fff; left:50%; top:50%; transform: translate(-50%,-50%) rotate(75deg); -ms-transform: translate(-50%,-50%) rotate(75deg); -webkit-transform: translate(-50%,-50%) rotate(75deg); }
	.topArea .lSAction > a, .spList_wrap .lSAction > a { width:40px; height:30px; margin:0; text-align:center; font-family: 'Comfortaa', cursive; font-size:2em; line-height:30px; color:#fff; cursor:pointer; opacity:0.8; filter: alpha(opacity=80;);-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
	.topArea .lSAction > a:hover, .topArea .lSAction > a:focus, .spList_wrap .lSAction > a:hover, .spList_wrap .lSAction > a:focus {opacity:1; filter: alpha(opacity=100;);}
	.topArea .lSAction > .lSPrev, .spList_wrap .lSAction > .lSPrev { left:0; top:0;}
	.topArea .lSAction > .lSNext, .spList_wrap .lSAction > .lSNext { right:0; top:0}
	.topArea .lSAction > a i, .spList_wrap .lSAction > a i { width:38px; line-height:28px !important;}
	.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus, .spList_wrap .lSAction > .lSPrev:hover, .spList_wrap .lSAction > .lSPrev:focus { margin-left:-2px;}
	.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus, .spList_wrap .lSAction > .lSNext:hover, .spList_wrap .lSAction > .lSNext:focus { margin-right:-2px;}

	.reserArea01, .reserArea03 {display:none;}

}


@media  (max-width: 768px){
	.topArea { top:0;}
	.topArea .lSAction, .spList_wrap .lSAction {right:10px; bottom:10px;}
	.active.section_fadeIn { transition: all 0.5s ease-in-out 0.2s;}
}

@media  (max-width: 1280px){


}

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

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


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

@media  (max-width: 1480px){

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

}


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

@media  (max-width: 1280px){

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

}

@media  (max-width: 1024px){

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


} 

@media  (max-width: 768px){

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

}

@media  (max-width: 560px){

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

}

@media  (max-width: 480px){

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

}


@media  (max-width: 380px){

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

.roomList_wrap { margin-bottom:7%;}
.roomList_wrap dt { text-align:center; margin-bottom:4%;}
.roomList_wrap dt .title_01 {display:block; font-family:  'Varela Round'; font-size:4.6em; line-height:1.5em; color:#242d4c;}
.roomList_wrap dt .title_02 {display:block;}
.roomList_wrap dd { overflow:hidden;}
.roomList_wrap .lSSlideOuter { margin-right:-20px;}
.roomList {}
.roomList li {}
.roomList li a { display:block; text-align:center;}
.roomList li img { width:100%; vertical-align:top;}
.roomList li .roomList_title { display:block; margin:1em 0 0.5em;  font-size:1.15em; line-height:1.5em; color:#343434; letter-spacing:-0.02em;}
.roomList li .roomList_title strong {text-transform:uppercase; letter-spacing:0;} 
.roomList li .roomList_title strong:after {content:" - "}

.spList_wrap { position:relative;}
.spList { }
.spList li { position:relative; }
.spList li a { display:block; }
.spList li a > img { width:100%; vertical-align:top; }
.spList li a .title { position:absolute; left:4%; bottom:4%; font-size:2.2em; line-height:1.5em; color:#fff; opacity:0; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; z-index:2; }
.spList li.active a .title { opacity:1;}
.spList li a .title span { position:relative; display:inline-block; width:130px; height:1.5em; margin-left:10px; text-align:right; overflow:hidden; vertical-align:sub;}
.spList li a .title span img { position:absolute; right:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);}

@media  (max-width: 1480px){
.roomList_wrap dt .title_01 { font-size:4em;}
.roomList_wrap dt .title_02 {display:block;}

.spList li a .title {left:3%; bottom:3%; font-size:1.8em; }
.spList li a .title span { width:80px;}
}


@media  (max-width: 1024px){
.roomList_wrap dt .title_01 { font-size:3em;}

.spList li a .title {font-size:2vw; }
.spList li a .title span { width:60px;}

.roomList_wrap .lSSlideOuter { margin-right:-15px;}
.roomList li .roomList_title { font-size:1em;}
.roomList li .roomList_title strong {display:block; font-size:1.1em;}
.roomList li .roomList_title strong:after {content:""}


.btn_reser02 { font-size:1em; padding:0.6em 3em 0.5em;}

}

@media  (max-width: 768px){
.roomList_wrap dt .title_01 { font-size:2.4em;}

.spList li a .title {left:5%; bottom:4%;font-size:3vw; }
.spList li a .title span {display:none}
}

@media  (max-width: 560px){
.roomList li .roomList_title { font-size:0.85em;}
.roomList li .roomList_title strong {font-size:1.15em;}
.spList li a .title {bottom:5%;font-size:1.15em; }
}


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

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

@media screen and (max-width: 787px) {
  .topArea .lightslider { padding-bottom: 100% !important; }
  .topArea .lightslider > li { height: 100% !important; }
}