@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,800');
@import url('https://fonts.googleapis.com/css?family=Heebo:400,700,800,900');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i');
@import url('//fonts.googleapis.com/earlyaccess/jejumyeongjo.css'); /*font-family: 'Jeju Myeongjo', serif;*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,400i,500,500i,600,600i,700,800,900'); /* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,700'); /* font-family: 'Noto Sans', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=La+Belle+Aurore'); /* font-family: 'La Belle Aurore', cursive; */
@import url('https://fonts.googleapis.com/css?family=Sree+Krushnadevaraya'); /* font-family: 'Sree Krushnadevaraya', serif; */
@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: 'Social-Shapes';
    src:  url('./fonts/Social-Shapes.ttf.woff') format('woff'),
    url('./fonts/Social-Shapes.ttf.svg#Social-Shapes') format('svg'),
    url('./fonts/Social-Shapes.ttf.eot'),
    url('./fonts/Social-Shapes.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:"Graced Script PERSONAL USE";
    font-weight:normal;
    font-style:normal;
    src:url("./fonts/GracedScript_PersonalUseOnly.eot?") format("eot"),url("./fonts/GracedScript_PersonalUseOnly.woff") format("woff"),url("./fonts/GracedScript_PersonalUseOnly.ttf") format("truetype"),url("./fonts/GracedScript_PersonalUseOnly.svg#GracedScriptPERSONALUSE") format("svg");
}


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:"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", "NanumBarunGothic","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#333;line-height:1.5em; background:#fff;}
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;}
.block { display:block !important; width:100%;}
.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; color:#fff; }
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.right_zero { right:0;}
.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;}

.strongColor01 { color:#d70e0e;}

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

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

.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.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
.lightSlider li img { width:100%; vertical-align:top;}

/* header */

.sticky-wrapper { position:relative; width:100%; z-index:10;}
#header { position:absolute; width:100%; opacity:0; filter: alpha(opacity=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:10;  }
#header:after {content:"";display:block;clear:both;}
.vertical_typo {display:none;position:absolute; left:50%; top:50%; margin:-150px 0 0 -15px; z-index:3;}
.logo { position:absolute; z-index:10;}
.logo img { width:240px; 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 a { display:inline-block;}

.btn_nav { position:absolute; display:none; width:41px; height:41px; -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;}
.btn_nav .line { position:absolute; display:block; width:30px; height:22px; left:0; top:5px;}
.btn_nav .line span {position: absolute; display: block; width:24px; height:2px; left:50%; background: #000; transform: translate(-50%, 0px);  -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px);
-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_nav .line01 {top:2px;}
.btn_nav .line02 {top:calc(50% - 1px); margin-left:6px;}
.btn_nav .line03 {bottom: 2px; }
.btn_nav .text { position:absolute; left:3px; bottom:0px;; font-size:9px; color:#000; line-height:10px; }

.btn_nav.open_nav .line01, .header_btn .btn_nav.open_nav .line01 {transform: translate(-50%, 8px) rotate(45deg); -ms-transform: translate(-50%, 8px) rotate(45deg); -webkit-transform: translate(-50%, 8px) rotate(45deg);}
.btn_nav.open_nav .line02, .btn_nav.open_nav .text, .header_btn .btn_nav.open_nav .line02, .header_btn .btn_nav.open_nav .text {opacity:0; filter: alpha(opacity=0;); }
.btn_nav.open_nav .line03, .header_btn .btn_nav.open_nav .line03 {transform: translate(-50%, -8px) rotate(-45deg); -ms-transform: translate(-50%, -8px) rotate(-45deg); -webkit-transform: translate(-50%, -8px) rotate(-45deg); }

#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; z-index:2;}
#gnbArea:hover { }
.gnb { }
.gnb:after { content:"";display:block;clear:both;}
.gnb > li { margin:0 1.8em;}
.gnb li a.depth1 { display:block; padding:0; font-family: 'Noto Sans', sans-serif;  font-size:1.3em; line-height:1.5em; padding:0 3px 2px; color:#181818; letter-spacing:0.05em; border-bottom:2px solid #fff;}
.gnb li a.depth1:hover, .gnb li a.depth1:focus, .gnb li.on a.depth1, .gnb li:hover a.depth1, .gnb li:focus a.depth1 { text-decoration:none; border-bottom:2px solid #333;}
.gnb li.this a.depth1 {border-bottom:2px solid #000;font-weight:700; }
.gnb li span.depth1_mobile { display:none;}
.gnb_sub {position:absolute; padding:6px 8px; background:#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; display:none; margin-left:-20px; }
.gnb8 .gnb_sub { margin-left:-230px; }
.gnb > li:hover .gnb_sub, .gnb > li.this .gnb_sub { display:block;}
/* .gnb > li:hover .gnb_sub, .gnb > li.this .gnb_sub { display:block;} */
.gnb_sub:after, .gnb_sub > ul:after, .gnb_third:after {content:"";display:block;clear:both;}
.gnb_sub li { float:left; margin:0 10px;  }
.gnb_sub li a { display:block; color:#333; font-size:13px; line-height:1.8em;}
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;}
.gnb_sub li .depth2_mobile { display:none;}
.gnb_sub li.this > a, .gnb_third li.this a { font-weight:700;}
.gnb_third { position:absolute; display:none !important; padding:5px 14px 10px; background:#fff; left:0; border-top:1px solid #eee;}
.gnb_sub li:hover .gnb_third, .gnb_sub li.on .gnb_third { display:block !important;}
.gnb_sub_bg { position:absolute; width:3px; height:17px; right:-3px; top:0; background:#fff; margin:0 !important; z-index:2;}
.gnb_third li { font-size:13px; margin:0 6px; }







@media  (min-width: 1025px){
.mobile_block {display:none;}
.gnb > li { float:left;}
.is-sticky .logo img {width:150px;}
#header-sticky-wrapper {height:112px !important;}
#header-sticky-wrapper.is-sticky {height:76px !important;}

.is-sticky #header { opacity:0.9 !important; filter: alpha(opacity=90;) !important; -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 { position:relative; width:100%; background:#fff}
#gnbArea { position:relative; text-align:center; padding:43px 0 32px;}
.logo {left:30px; top:20px;}
#header .btn_reser01 { display:block; position:absolute; right:0; top:0; background:#587aa3; z-index:10;}
#header .btn_reser01:hover, #header .btn_reser01:focus { padding:0 10px;}
#header .btn_reser01 img { width:112px; vertical-align:top; }

.open_nav  #gnbArea, .open_nav .logo { opacity:1; filter: alpha(opacity=100); visibility:visible; }

.is-sticky .gnb_sub, .is-sticky .gnb_third { }
.is-sticky .logo { left:10px; top:13px;}
.is-sticky .header_left #gnbArea, .is-sticky .header_center #gnbArea, .is-sticky .header_right #gnbArea { padding:22px 0 14px;}
.gnb { display:inline-block;}
.is-sticky #header .btn_reser01 img {width:70px;}
.is-sticky .header_right .btn_reser02{ top:7px !important; left:0 !important; }
}




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

@media  (max-width: 1480px){

.gnb > li { margin:0 1em; }
.gnb li a.depth1 { }

}

@media  (max-width: 1280px){
.none1280 {display:none;}
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

#header-sticky-wrapper {height:100px !important;}
.logo img { width:200px;}
#gnbArea { padding:37px 0 26px;}
.gnb { }
#header .btn_reser01 img { width:100px;}
.is-sticky #header  .btn_reser01 img {width:70px;}

}

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


@media  (max-width: 1024px){

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

#header-sticky-wrapper {height:60px !important;}
.sticky-wrapper { position:relative; }
#header { position:relative; height:60px !important; background:#fff;}

#header.header_bottom { padding-bottom:0 !important;}

.gnb_sub { padding:10px 15px 12px; }
.gnb_third {background:url(../images/bg/black_80.png); width:100%; margin-top:10px;}

.logo {left:12px !important; top:12px !important; margin:0 !important; width:auto !important;}
.logo img { width:120px;}
.btn_nav {display:block !important; right:70px !important; top:10px !important;}

#header .btn_reser01 { display:block; position:absolute; width:60px; right:0; top:0; background:#587aa3; z-index:10;}
#header .btn_reser01 img { width:100%; vertical-align:top; }
.is-sticky #header  .btn_reser01 img {width:60px;}

.is-sticky .header_left#header, .is-sticky .header_right, .is-sticky .header_center, .is-sticky .header_center , .is-sticky .header_bottom { opacity:0.9 !important; filter: alpha(opacity=90;) !important; -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);}

#gnbArea { position:fixed; width:220px; height:100%; left:auto !important; right:-100% !important; top:20px !important; background:#fff; margin:0 !important;}
.open_nav #gnbArea { right:0 !important;}
.gnb { height:auto; text-align:left; background:none; padding:10px 0 0; }
.gnb > li { float:none !important; display:block; margin:0; }
.gnb li a.depth1 { display:none;}
.gnb li span.depth1_mobile { display:block; padding:0 20px; font-size:18px; line-height:2.2em; height:auto; color:#000; font-weight:700}
.gnb li.this span.depth1_mobile { line-height:2.8em;font-weight:700;}
.gnb li span.depth1_mobile:hover, .gnb li span.depth1_mobile:focus, .gnb li.on span.depth1_mobile, .gnb li:hover span.depth1_mobile, .gnb li:focus span.depth1_mobile, .gnb li.this span.depth1_mobile {border-bottom:none}
.gnb_sub {position:relative; display:none; padding:12px 5px 12px 20px; background:#587aa3; margin-left:-20px !important; }
.gnb > li:hover .gnb_sub, .gnb > li.this .gnb_sub { display:block;}
.gnb_sub li { float:left; margin-right:6px;}
.gnb_sub li a { display:inline-block; color:#fff; font-size:14px; line-height:1.8em; letter-spacing:-0.02em; padding-bottom:0; }
.gnb2 .gnb_sub li a.depth2_web { display:none;}
.gnb_sub li .depth2_mobile { display:block; color:#fff; font-size:14px; line-height:1.8em; letter-spacing:-0.02em; padding-bottom:0;}
.mobile_block { display:block; width:100%; margin:0 !important;}

}

@media  (max-width: 768px){
.none768 {display:none;}
.block768 {display:block;}
.in-block768 {display:inline-block;}
}

@media  (max-width: 560px){
.none560 {display:none;}
.block560 {display:block;}
.in-block560 {display:inline-block;}
}

@media  (max-width: 480px){
.none480 {display:none;}
.block480 {display:block;}
.in-block480 {display:inline-block;}
}

@media  (max-width: 380px){
.none380 {display:none;}
.block380 {display:block;}
.in-block380 {display:inline-block;}
}

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


/* footer */

#footer { position:relative; padding:5em; background:#f2f2f2; 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;  z-index:8;}
.footer_area { position:relative; width:100%; max-width:1050px; margin:0 auto; z-index:1; }
.footer_area a { color:#1d1d1d; }
.footer_area:after {content:"";display:block;clear:both;}
.footer_area p { font-family: 'Noto Sans', sans-serif; color:#1d1d1d; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0; filter: alpha(opacity=0;); }
.footer01, .footer02 {font-size:1em; line-height:1.5em;}
.footer03 { font-size:0.9em; text-transform:uppercase; letter-spacing:-0.05em; }
#footer .footer_link { position:relative; display:inline-block; margin:0 auto 1.2em; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.footer_link li { float:left; margin-left:0.8em;}
.footer_link li i { display:inline-block; width:1.5em; font-size:1.8em;}
.footer_link li a { display:inline-block; color:#1d1d1d;}

.active .footer01 {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.1s; }
.active .footer02 {opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 0.5s; }
.active .footer03 {opacity:0.6; filter: alpha(opacity=60;);margin-top:1em; transition: all 0.4s ease-in-out 0.5s; }
.active#footer .footer_link { opacity:1; filter: alpha(opacity=100;); transition: all 0.4s ease-in-out 1.1s; }

@media  (max-width: 1280px){
#footer {padding:2em 5em 1em;}
}
@media  (max-width: 1024px){
#footer {padding:1em 2em 1em; line-height:1.3em;}
.footer_area01 h2 {display:none;}
}
@media  (max-width: 768px){
#footer { padding:1em; font-size:0.92em; line-height:1.4em;}
#footer p strong { display:block; font-size:1.1em;}
}
@media  (max-width: 560px){
#footer { padding:1.2em 0.6em;font-size:0.8em; line-height:1.2em;}
#footer p { }
#footer .footer_link { margin-bottom:0.5em;}
.footer_link li i { width:1.5em; font-size:2em; line-height:1em;}
.footer_link li i.fa-desktop { font-size:2em;}

}

/* topArea slider */
.topArea { position:relative; margin-bottom:3%; z-index:3; }
.lSSlideOuter li img { width:100%; vertical-align:top;}
.topArea .lSSlideOuter { width:100%; z-index:1;}
.topArea .lSSlideWrappe, .topArea .lSSlideWrapper { width:100%; }
.topArea .lightSlider {position:relative !important; width:100% !important; z-index:1;}
.topArea .lightSlider li {background-repeat:no-repeat !important; background-size:cover !important; background-position:center center !important;}

.typotxt{
    position: absolute;
    width: 100%;
    top: 55%;
    color: #fff;
    text-align: center;
    transform: translateY(-50%);
    margin-left: -50px;
}
.typotxt02{
    top: 62%;

}

.typotxt .tit{
    font-family: 'Graced Script PERSONAL USE';
    font-size: 150px;
    letter-spacing: -14px;
    font-style: italic;
    transform: rotate(-6deg);
}

.typotxt .tit2{
    font-family: 'NanumBarunGothic';
    font-size: 140px;
    letter-spacing: -4px;
    font-style: italic;
    transform: rotate(-3deg);
}




/*메인 슬라이드 1번 왼쪽텍스트 */
.typotxt .tit3{
    font-family: 'NanumBarunGothic';
    font-size: 80px;
	color:#ffff00;
    letter-spacing: -4px;
	line-height:85px;
    font-style: none;
    transform: rotate(-0deg);
}

.typotxt .subtxt{
    font-size: 25px;
    margin-top: 49px;
	line-height:30px;
}

.typotxt .subtxt02{
    margin-top: 0 !important;

}



.typotxt .subtxt div{
    font-size: 13px;
    opacity: 0.8;
    margin-top: 6px;
}

/*메인 슬라이드 1번 왼쪽텍스트 */
/* .main .topArea .item0 .typotxt{
	text-align: left;
	padding-left: 100px;
	margin-left : 0;
}


.main .topArea .item0 .typotxt .subtit{
	padding-left: 50px;
} */

.main .topArea .typotxt{
	text-align: left;
	padding-left: 100px;
	margin-left : 0;
}

.main .topArea .typotxt .subtit{
	padding-left: 50px;
}


.typotxt2{
	position: absolute;
	color: #fff;
	text-align: center;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: -50px;
	font-size: 16px;
	font-weight: bold;
}

.typotxt2 .stg{
	color: #ffff00;
}

.topArea .lSAction { position:absolute; width:180px; height:36px; left:50%; top:auto; bottom:30px; margin-left:-90px;}

.topArea .lSAction a{ display:block; font-size:1.8em; line-height:1.8em; color:#fff; top:0; margin: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; opacity:0.9; filter: alpha(opacity=90;);  -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
.topArea .lSAction a { display:block; width:20px; height:36px; line-height:36px; text-align:center;}
.topArea .lSAction a.lSPrev { left:0;}
.topArea .lSAction a.lSNext { right:0;}
.topArea .lSAction a.lSPrev:hover, .topArea .lSAction a.lSPrev:focus { left:-10px;}
.topArea .lSAction a.lSNext:hover, .topArea .lSAction a.lSNext:focus { right:-10px;}
.reser .topArea .count, .map .topArea .count, .board .topArea .count { display:none;}
.topArea .lSPager { display:none;}
.topArea .lSPager.lSGallery { position:absolute; left:0; bottom:0; display:block !important; background:#fff; padding:5px 0 0; z-index:5;}

.count { position:absolute; color:#fff;  font-size:1.07em; font-weight:100; width:80px; height:36px; left:50%; bottom:30px; margin-left:-40px; text-align:center;z-index:2; }
.count span { line-height:36px; -webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}

.topTypo { position:absolute; width:80%; left:10%; top:43%; color:#fff;
-webkit-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); text-shadow:2px 2px 3px rgba(0, 0, 0, 0.2); z-index:5; }
.topTypo dt {font-family: 'Libre Baskerville', serif; font-size:6.8em; line-height:1.2em; font-style:italic; letter-spacing:-0.01em; margin-bottom:0.1em;text-align:center;}
.topTypo dd { width:80%; max-width:500px; margin:0 auto; font-family: 'Noto Serif', serif; font-size:1.2em; font-style:italic; }

.topArea .btn_scroll { position:absolute; width:55px; left:50%; bottom:-75px; margin-left:-27px;  -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;}
.btn_scroll .line { display:block; width:1px; height:100px; margin:0 auto; background:#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;}
.topArea .btn_scroll img { vertical-align:top; margin-top:-30px;}
.btn_scroll:hover, .btn_scroll:focus {bottom:-80px; }
.btn_scroll:hover .line, .btn_scroll:focus .line { height:110px;}

@media  (min-width: 1025px){

}

@media  (max-width: 1024px){

.topArea .lSAction {width:140px; height:30px;bottom:0; margin-left:-70px;}
.topArea .lSAction a { height:30px; line-height:30px;}
.topArea .lSAction a.lSPrev:hover, .topArea .lSAction a.lSPrev:focus { left:-10px;}
.topArea .lSAction a.lSNext:hover, .topArea .lSAction a.lSNext:focus { right:-10px;}

.count { height:30px; line-height:30px; font-size:0.95em; bottom:0;}

.topArea .btn_scroll {width:30px; margin-left:-15px; bottom:-40px;}
.btn_scroll .line { display:block; width:1px; height:45px;}
.topArea .btn_scroll img { width:30px;  margin-top:-17px;}
.btn_scroll:hover, .btn_scroll:focus {bottom:-43px; }
.btn_scroll:hover .line, .btn_scroll:focus .line { height:51px;}

.topTypo { width:100%; left:0;}
.topTypo dt {font-size:6vw; }
.topTypo dd { width:80%; max-width:600px;}

.typotxt .tit{
    font-size: 100px;
    letter-spacing: -10px;
}

.typotxt .subtxt{
    font-size: 16px;
    margin-top: 25px;
}

.typotxt .subtxt div{
    font-size: 12px;
    margin-top: 3px;
}

}

@media  (max-width: 768px){
    .typotxt{
        margin-left: -25px;
    }

    .typotxt .tit{
        font-size: 60px;
        letter-spacing: -10px;
    }

    .typotxt .subtxt{
        font-size: 16px;
        margin-top: 25px;
    }

    .typotxt .subtxt div{
        font-size: 12px;
        margin-top: 3px;
    }

}


@media  (max-width: 560px){
.topTypo dt {font-size:10.5vw; }
 .tit3{font-size:20px;}

}
@media  (max-width: 420px){
.topTypo dt {font-size:10vw; letter-spacing:-0.03em; line-height:1.2em; margin-bottom:0; }
.topTypo dd { max-width:250px; font-size:0.8em; line-height:1.2em;}



.typotxt{
    margin-left: -15px;
}

.typotxt .tit{
    font-size: 40px;
    letter-spacing: -10px;
}

.typotxt .subtxt{
    font-size: 14px;
    margin-top: 15px;
}

.typotxt .subtxt div{
    font-size: 12px;
    margin-top: 3px;
}


}

.roomNav { display:none; position:fixed; left:0; top:50%; margin-top:-75px; z-index:20;}
.roomNav > li { margin-bottom:3px; position:relative; }
.roomNav > li > a { position:relative; display:block; width:57px; height:57px; background:#86776e; color:#fff; text-align:center; padding-top:7px; z-index:2; }
.roomNav > li > a strong {font-family: 'Montserrat', sans-serif; font-size:2.6em; line-height:0.85em; font-weight:600; }
.roomNav > li > a span { display:block; font-family: 'Raleway', sans-serif; font-size:0.85em; line-height:1em; }
.roomNav .roomNav_sub { position:absolute; width:460px; height:57px; left:-400px; top:0; background:#86776e; -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; z-index:1; }
.roomNav_sub li { float:left; font-size:1.15em; line-height:57px; color:#fff; }
.roomNav_sub li a { display:inline-block; padding:0 12px; color:#fff; -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; }
.roomNav_sub li a:hover, .roomNav_sub li a:focus { background:#46382f; }
.roomNav > li:hover .roomNav_sub, .roomNav > li:focus .roomNav_sub { left:57px;}
@media  (max-width: 1024px){
.roomNav { display:none;}
}

/* roomPreview */
.roomPreview{ position:relative; width:100%; margin-bottom:5em;  }
.roomPre_list{ position:absolute; width:63%; height:100%; left:17%; top:0; z-index:2;}
.roomPre_list01 a{ position:absolute; display:block; width:88px; height:88px; margin:-44px 0 0 -44px; background:url(../images/room/room_btn.png); text-align:center; line-height:88px; font-size:1.38em; color:#fff;  }
.roomPre_01{ left:10%; top:92%; }
.roomPre_02{ left:13%; top:62%; }
.roomPre_03{ left:87%; top:62%; }
.roomPre_04{ left:16%; top:36%; }
.roomPre_05{ left:84%; top:36%; }
.roomPre_list02 a { position:absolute; display:inline-block; font-size:1.05vw; line-height:1em; margin-top:-0.5em; z-index:2;}
.roomPre_06 { left:44%; top:12.6%;}
.roomPre_07 { right:30%; bottom:16.2%;}
.roomPreview .sub_reser { position:relative; float:right; margin:-2% 20% 0 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:3;}
.roomPreview .sub_reser:hover, .roomPreview .sub_reser:focus { margin-right:19%;}
.sub_reser img { vertical-align:top;}
.sub_reser:hover, .sub_reser:focus { margin-left:20px;}
@media  (max-width: 1024px){
.roomPre_title { text-align:center; margin:8% 0 3%;}
.roomPre_title p { font-size:0.95em; line-height:1em; margin-bottom:0.3em; }
.roomPre_list { width:100%; left:0;}
.roomPre_list01 a{ width:50px; height:50px; margin:-25px 0 0 -25px; background-size:50px 50px; font-size:1.1em; line-height:50px; }
.roomPre_list02 a { font-size:2.4vw;}
.sub_reser { display:inline-block; padding:5px 20px; }
.sub_reser img {width:220px;}
.sub_reser:hover, .sub_reser:focus { margin-left:10px;}
}
@media  (max-width: 768px){
.roomPre_list01 a{ width:36px; height:36px; margin:-18px 0 0 -18px; background-size:36px 36px; font-size:0.8em; line-height:36px; }
}


#wrap.mobile .reply_btn,
.video_pop_btn,
.video_pop,
#wrap.mobile .video_pop_skip{
	display: none;
}

.video_pop_btn .video_pop{
display: none;
}

#wrap.mobile .video_pop_btn{
display: block !important;
}

.video_pop_btn,
.reply_btn,
.video_pop_skip{
	position: absolute;
	right: 10px; 
	bottom: 10px;
	background: #fff;
	border-radius: 100px;
	text-align: center;
	padding: 10px 20px;
	border: none;
	z-index: 1000;
	font-size: 13px;
}

.video_pop_skip{
	background: none;
	border: 1px solid #fff;
	color: #fff;
	bottom: 55px;
}

.video_pop{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 1000;
    background: #000;
    padding: 100px 20px;
}

.video_pop iframe{
	width: 100%;
    max-width: 100%;
	height: auto;
	margin-top: 10px;
}

.video_pop .close{
	text-align: right;
	color: #fff;
}

.video_pop .close span{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	border: 1px solid #fff;
	padding: 5px 10px;
}

@media  (max-width: 560px){

	.video_pop_btn,
	.reply_btn,
	.video_pop_skip{
		padding: 5px 10px;
		font-size: 8px;
		bottom : 5px;
		right : 5px;

	}
	#hd_pops_15 {
	display:none;
}
}

#hd_pops_10{
	z-index: -10
}