@charset "utf-8";

/* 바로가기버튼 */
.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;
}
.containerPop{
	left: 3% !important; top: 13%!important;; 
}
.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:'Noto Sans KR', "Open Sans", "NanumBarunGothic", 'NanumSquare', "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial; } */
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: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; }
*+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: "Open Sans", 'Noto Sans KR', "NanumBarunGothic", 'NanumSquare',  "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#000; background:#fff; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#000;}
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: 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);}

.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  cubic-bezier(0.645, 0.045, 0.355, 1); -moz-transition: all 0.3s  cubic-bezier(0.645, 0.045, 0.355, 1); -ms-transition: all 0.3s  cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.3s  cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s  cubic-bezier(0.645, 0.045, 0.355, 1); }
.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;}

/* 바로가기버튼 */
.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;
}
.calendar{
	width: 100%;
	height: 100%;
}
@media (max-width:560px) {
	.go_img {
		width: auto;
	}
	.go_group {
		right: 10px;
		bottom: 65px;
	}
	.go_img a img {
		width: 90px;
		height: 60px;
	}
	.B_btn {
		bottom: 15px;
		right: 15px;
	}
	.learn-more {
		width: 40px;
		height: 40px;
		background-size: cover !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 {opacity:0; filter: alpha(opacity=0;); -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);}
.sticky#header {-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow:  0 0 3px rgba(0, 0, 0, 0.1);; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);}
.logo { position:fixed; left:0; top:0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index:10;}
.logo a { display:block; height: 98px; background-image: url(/html/images/common/logo1.png);}
.logo img { width:100%; vertical-align:top;}
.btn_nav {position:absolute; display:none; width:22px; height:22px; right:18px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); cursor:pointer; z-index:10;}
.btn_nav span {-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);}
.btn_nav .line span {position: absolute; display: block; width:22px; height:3px; left:50%; transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -webkit-transform: translate(-50%, 0px); background: #fff;  }
.btn_nav .text { position:absolute; width:100%; right:-0.1em;; bottom:-3px; font-size:9px; line-height:1em; letter-spacing:0.1em; color:#fff; display:none;}
.btn_nav .line01 { top:4px; }
.btn_nav .line02 { bottom:4px; }
.btn_nav.open_nav .line01 { transform: translate(-50%, 5.5px) rotate(45deg); -ms-transform: translate(-50%, 5.5px) rotate(45deg); -webkit-transform: translate(-50%, 5.5px) rotate(45deg);}
.btn_nav.open_nav .line02 { transform: translate(-50%, -5.5px) rotate(-45deg); -ms-transform: translate(-50%, -5.5px) rotate(-45deg); -webkit-transform: translate(-50%, -5.5px) rotate(-45deg); }

.gnbArea { position:absolute; right:76px; top:50%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); z-index:5; }
/*.open_nav.gnbArea { opacity:1; filter: alpha(opacity=100;); visibility:visible; 
-webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s;}*/
.gnb > li a{text-shadow:1px 1px 1px #fff; }

.gnb > li { 
	display: inline-block;
	vertical-align: top;
	margin:0 2em; 
}
.gnb_sub li span{
	display: block;
	font-size: 1.2em;
	padding-bottom: 2px;
	line-height: 1.15em;
}
.depth1_baum { width:60px; vertical-align:top;}
.gnb > li .depth1_mobile { display:none;}
.gnb > li .depth1, .gnb > li .depth1_mobile { font-family: 'Roboto'; font-size:1.2em; line-height:1.5em; font-weight:600; text-transform:uppercase;}
.gnb > li:hover a.depth1 span { width:8px; -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; }
.gnb_sub li { margin: 5px 0; font-size: 1.2em;}
.gnb_sub li a { position:relative; display:inline-block; font-size:1.2em; line-height:0.9em; color:#000;}
.gnb_sub li a::after {content:"";position:absolute; width:0; height:1px; background:#000; left:0; bottom:-5px; -webkit-transition: all 0.15s ease; -moz-transition: all 0.15s ease; -ms-transition: all 0.15s ease; -o-transition: all 0.15s ease; transition: all 0.15s ease;}
.this .gnb_sub { display:block;}
.gnb_sub li.this a { font-weight:700;}
.gnb_sub li.this a::after { width:100%; }
.header.sticky {background:rgba(255, 255, 255, 0.8); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15); box-shadow:1px 1px 5px rgba(0, 0, 0, 0.15);}

.reser_wrap_02 { position:absolute; right:18px; top:50%; transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:31;}
.btn_reser_m { display:inline-block; width:50px; height:50px; background:#fff; color:#603708; text-align:center; padding-top:5px; border-radius:1px; box-shadow:2px 2px rgba(0, 0, 0, 0.2); }

/*.gnb > li { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: none; -o-transition: none; transition: none; }

.open_nav .gnb > li { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; }

.open_nav .gnb > li:nth-child(1) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s; }

.open_nav .gnb > li:nth-child(2) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.2s; }

.open_nav .gnb > li:nth-child(3) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s; }

.open_nav .gnb > li:nth-child(4) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s; }

.open_nav .gnb > li:nth-child(5) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.5s; }

.open_nav .gnb > li:nth-child(6) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.6s; }

.open_nav .gnb > li:nth-child(7) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.7s; }

.open_nav .gnb > li:nth-child(8) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s; }

.open_nav .gnb > li:nth-child(9) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 0.9s; }

.open_nav .gnb > li:nth-child(10) { -webkit-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s; -o-transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s; transition: opacity 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s, -webkit-transform 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) 1s; }
*/

@media  (min-width: 1025px){

#header {position:fixed; width:100%; height:98px; left:0; top:0; background:rgba(0, 0, 0, 0); z-index:30;}
.sticky#header { background:rgba(0, 0, 0, 0.8);}

.logo {width:145px;}
.sticky#header .logo { width:138px;}
.sticky#header .logo a {margin-left: 8px; height:98px; background-image: url(/html/images/common/logo2.png); background-repeat: no-repeat;}

.sticky#header .gnb > li a.depth1{color: #fff; text-shadow: none;}
 .sticky#header .gnb_sub li a { color:#000; text-shadow: none;}

.gnb6 .gnb_sub { right:1.2em;}

.reser_wrap_01 { position:fixed; right:10%; bottom:0; z-index:12; }
.top_reser { display:inline-block; padding:1em 2.5em 0.8em; font-family: 'Roboto', sans-serif; font-size:1.2em; line-height:1.2em; color:#10acd1; background:#fff; font-weight:500; font-style:italic; letter-spacing:0.3em; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);; -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.top_reser .line { display:inline-block; width:30px; height:1px; vertical-align:middle; background:#10acd1; margin-left:10px; }
.top_tel {font-family: 'Roboto', sans-serif; font-size:1.2em; line-height:1.2em; font-weight:500; font-style:italic; letter-spacing:0.2em; margin-top:2em; }
.gnb > li {
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin: 0 !important;
	width: max-content;
	padding: 20px 20px;
}

.gnb_sub { display:none; /*padding-top: 15px;*/ text-align: center;
	width: max-content;
	max-width: 500px;
	position: absolute;
	padding: 5px 10px;
	top: 63px;
	height:max-content !important;
	/* margin-left: 20px; */
	background: rgba(255,255,255,1);
}
.gnb_sub:after {display: block; content: ""; clear: both;}

.gnb_sub li {
	float: left;
	margin: 3px 5px;
	font-size: 12px;
	font-weight: 600;
	cursor: pointer;
}
.gnb_sub li>ul li{
	float:none;
	font-size: 0.8em;
	font-weight: 400;
	margin: 0;
}
.gnb_sub li a:hover::after { width:100%; } 
.gnb_sub > li:last-child { margin-right:0;}


.header.sticky { height:64px;}
.sticky .logo { width:230px;}
.sticky .gnbArea { top:45%;}
/*.gnb6 .gnb_sub { right:0}*/
.gnbArea {
	width: max-content;
	align-self: flex-end;
}
}


@media  (max-width: 1480px){

}


@media  (max-width: 1024px){
#header {position:fixed; width:100%; height:80px; left:0; top:0; background:rgba(0, 0, 0, 0.8); z-index:30;}
.logo img{padding:10% 0 5% 0 ;}
.logo { position:absolute; width:120px;}
.logo a {margin-left: 5px; padding:0 15px; height:80px; vertical-align: top; background-image: url(/html/images/common/logo2.png);}
.btn_nav { display:block;}
.top_reser {font-size:1.2em; letter-spacing:0.1em; }
.top_tel, .top_reser .line { display:none;}

.reser_wrap_01 {display:none;}
.reser_wrap_02 { right:60px; }
.top_reser {display:inline-block; width:60px; height:50px; text-align:center;}
.top_reser i { width:40px; height:30px; text-align:center; line-height:30px; font-size:30px; color:#fff;} 
.top_reser .text {font-family: 'Roboto', sans-serif; font-size:10px; line-height:14px; color:#fff; letter-spacing:0.05em;}

.gnbArea { position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0, 0, 0, 0.9); transform: translateY(0); -ms-transform:translateY(0); -webkit-transform:translateY(0); opacity:0; filter: alpha(opacity=0;); visibility:hidden;}
.gnb { position:absolute; width:90%; max-width:600px; left:50%; top:0; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:center; -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -moz-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -ms-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); -o-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
.gnb > li { float:none; display:block;}
.gnb > li .depth1 { display:none;}
.gnb > li .depth1_mobile {display:block; font-family: 'Roboto', sans-serif; font-size:1.6em; line-height:2em; letter-spacing:0.1em; text-transform:uppercase; font-weight:700; color:#fff;}
.gnb_sub li.subBlock { display:block; width:100%; margin:0 !important;}
/*.gnb > li .depth1_mobile span { display:inline-block; width:0; height:2px; background:#000; vertical-align:middle; -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;}
.gnb > li:hover .depth1_mobile span { width:8px; -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;}*/

.open_nav.gnbArea {opacity:1; filter: alpha(opacity=100;); visibility:visible; }
.open_nav.gnbArea .gnb { top:50%;}

.gnb_sub { position:relative; text-align:center; margin-bottom:10px;}
.gnb_sub li { float:none; display:inline-block; margin:0 8px;}
.gnb_sub li a { font-size:1.15em; line-height:1.8em; color:#fff;}

}

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


/* footer */
.reserWrap { position:relative; text-align:center; margin-top:5%; z-index:5;}
.reserWrap .reser_btn { display:inline-block; font-family: 'Quicksand', sans-serif; ; font-size:1.15em; line-height:2em; font-weight:500; letter-spacing:0.2em; color:#fff; background:#000; padding:0.6em 3em; }
.reser_btn:hover { margin-left:15px;}

#footer { position:relative; padding:0; text-align:center; z-index:15; }
#footer.section { height:auto !important;}
#footer .btn_top { position:relative; display:inline-block; width:30px; vertical-align:top; margin-bottom:-30px; }
#footer .btn_top .arrow { position:absolute; display:block; width:30px; height:30px; border:1px solid #000; border-radius:50%; background:#fff; left:50%; top:50%;  transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); z-index:2;}
#footer .btn_top .arrow i { line-height:28px;}
#footer .btn_top .line { display:block; position:relative; width:1px; height:150px; background:rgba(0, 0, 0, 0.2); margin:0 auto; z-index:1;}
#footer .btn_top:hover .arrow { top:45%;}

.footerWrap {position:relative; background:#f3f3f3; padding:5% 2%; text-align:center;}
.footerWrap dl dt { display:inline-block; font-family: 'Montserrat', sans-serif; font-size:1.45em; line-height:1.2em; font-weight:500; border-bottom:2px solid #b0b0b0;}
.footer_info p { display:inline;}
.footer_info p span { display:inline-block; width:1.5em; text-align:center; }
.footer01 { margin-top:1.5%;}
.footer02 { margin-bottom:1.5%;}
.footer01 p { font-size:1.2em; line-height:1.8em; }
.footer02 p { font-size:1em; line-height:1.8em;}
.footer03, .footer03 a { color:#737373;}
.footer03 .line { display:inline-block; margin:0 0.5em;}


@media  (max-width: 1480px){


}

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

@media  (max-width: 1024px){

.reserWrap { margin-top:7%;}
.reserWrap .reser_btn { font-size:1em; padding:0.6em 2.5em; }

#footer .btn_top { margin-bottom:-10px; }
#footer .btn_top .line {  height:80px; }

.footer01 { margin-bottom:0.5em;}
.footer01 p { font-size:1em; line-height:1.6em;}
.footer02 p { font-size:0.95em; line-height:1.6em;}
.reserWrap .reser_btn p { font-size:1em;}
.footer03 { font-size:1em;}
}

@media  (max-width: 768px){
.gnb > li a{text-shadow: none;}
.reserWrap { margin-top:10%;}
#footer {}
#footer .btn_top { top:10%; transform: none; -ms-transform:none; -webkit-transform:none;}
#footer .btn_top img { width:24px;}
.footer01 { margin-top:3%;}
.footer02 { margin-bottom:3%;}

.footer_info p { display:block;}
.footer02 p { letter-spacing:-0.02em;}
.footer_info p span {width:0.5em; font-size:0.8em;}

}

@media  (max-width: 380px){
.footer01 p { font-size:1.05em; }
.footer02 p { font-size:0.95em; }
.footer03 { font-size:0.85em;}
}

.topArea { position:relative; width:100%; left:0; top:0; background:#fff; overflow:hidden; z-index:10;}
.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); }


.listImg li, .listImg02 li { overflow: hidden; opacity:0; filter: alpha(opacity=0;);}
.listImg li img, .listImg02 li img { width:100%; vertical-align:top; }
.listImg li img {-webkit-transition: all 0.2s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.listImg li:hover img { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05); -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_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 .count { position:absolute; width:60px; left:50%; bottom:10px; margin-left:-30px; font-family: 'Playfair Display', serif; 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: 'Playfair Display', serif; 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;}

.topArea .lSAction { position:absolute; width:30px; height:70px; right:10px; top:50%;  transform: translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); opacity:0; filter: alpha(opacity=0;); z-index:5;}
.active.topArea .lSAction { opacity:1; filter: alpha(opacity=100;); transition: all 0.7s ease-in-out 1.0s;}
.topArea .lSAction:after { content:""; position:absolute; width:110%; height:1px; left:50%; top:50%; background:#fff; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); }
.topArea .lSAction > a { position:absolute; width:30px; height:30px; margin:0; text-align:center; font-family: 'Comfortaa', cursive; font-size:1.4em; line-height:30px; 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 {opacity:1; filter: alpha(opacity=100;);}
.topArea .lSAction > .lSPrev { left:0; top:0;}
.topArea .lSAction > .lSNext { left:0; bottom:0; top:auto;}
.topArea .lSAction > .lSPrev:hover, .topArea .lSAction > .lSPrev:focus { top:-6px !important;}
.topArea .lSAction > .lSNext:hover, .topArea .lSAction > .lSNext:focus { bottom:-6px !important;}

.topArea .btn_scroll { position:absolute; display:inline-block; left:50%; bottom:-60px; text-align:center; padding:5px 20px 0; transform: translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); opacity:0; filter: alpha(opacity=0;); z-index:10;}
.active.topArea .btn_scroll { opacity:1; filter: alpha(opacity=100); bottom:0; transition: all 0.7s ease-in-out 1.5s;}
.topArea .btn_scroll .text { display:block; font-family: 'Roboto', sans-serif; font-size:1em; line-height:1.2em; font-weight:700; letter-spacing:0.05em;}
.topArea .btn_scroll .arrow { display:block; margin:5px 0;}

.section_fadeIn { opacity:0; }
.active.section_fadeIn { opacity:1; -webkit-transition: all 1.3s 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);}

.delay {-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.delay {transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}
.delay02 {-webkit-transition: all 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.delay {transition-delay:0.5s; -ms-transition-delay : 0.5s; -moz-transition-delay : 0.5s; -o-transition-delay : 0.5s; -webkit-transition-delay : 0.5s;}
.active.delay02 {transition-delay:1s; -ms-transition-delay : 1s; -moz-transition-delay : 1s; -o-transition-delay : 1s; -webkit-transition-delay : 1s;}

.bx-wrapper { position:relative; z-index:1;}
.typoWrap {position:relative; overflow:hidden;}
.typoWrap .typoImg {position:relative; z-index:-1;}
.typoCon { 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; }
.active.typoCon { top:50%;}
.typoCon01 { left:50%; transform: translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); text-align:left; font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-weight:500; font-size:1.4em; line-height:1.8em; color:#000; text-shadow: 2px 2px 2px rgb(255, 255, 255); text-transform:uppercase; text-align: center; width: max-content;}
.typoCon02 { text-align:center; margin:6% 0;}
.typoCon02_01 {font-family: 'Oleo Script', cursive; font-size:1.2em; line-height:1.6em; opacity:0.4;}
.typoCon02_02 { font-size:1.15em; line-height:1.8em; margin-top:2em; font-weight:700;}

@media  (max-width: 1820px){

}
@media  (max-width: 1420px){ 
.typoCon01 { font-size:1vw;}
.typoCon02_01 {font-size:1em; }
.typoCon02_02 { font-size:1em; line-height:1.6em; margin-top:1.5em;}
}


@media  (max-width: 1024px){
.topArea { position:relative; top:0;}
.mainLogo, .topArea .btn_reser, .topArea .btn_scroll { display:none;}

.btn_arrow { width:110px;}

.typoCon01 { font-size:1.7vw;}

}

@media  (max-width: 768px){
.topArea { top:0;}

.active.section_fadeIn { transition: all 0.6s ease-in-out 0.4s;}

.typoCon01 {
	line-height: 20px;
	font-size: 2.5vw;
}

}

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

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

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

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

}

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


@media  (max-width: 1024px){
.btn_reser02 { font-size:1em; padding:0.6em 3em 0.5em;}

}


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


.topArea .lightslider { padding-bottom: 56.25% !important; }
.topArea .lightslider > li { height: 100% !important; }