body {background:#37373a;}

#contents {position:relative;  opacity:0; filter: alpha(opacity=0;); z-index:5;}
#contents:after, #contents_layer:after {content: "";display:block; clear:both;}
#contents_layer {position:relative; opacity:0; filter: alpha(opacity=0;); z-index:5; }
.subCon { position:relative; padding-left:150px; }

.subNav { margin-top:0.5em; }
.subNav ul li { display:inline-block; margin:0 3px; font-size:1.1em; line-height:1.5em; color:#fff; }
.subNav ul li:first-child { margin-left:0;}
.subNav li a { font-size:1.05em; line-height:1.5em; color:#fff; font-weight:300; -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; }
.subNav li a:hover, .subNav li a:focus {}
.subNav li.this a, .tourNav li a.this { text-decoration:underline; font-weight:400;}

.subArea { position:relative; z-index:2;}
.roomArea { padding-top:100vh;}
.topArea, .topArea02 { position:relative; background:#37373a; z-index:1;}
.topSlider { position:relative; width:100%; float:right; z-index:1;}
.about01 .topSlider, .special .topSlider { width:62%; max-width:1180px;}
.subTitle { position:absolute; left:8%; top:15%; opacity:1; filter: alpha(opacity=1;); z-index:100;}
.subTitle dt { font-family: 'GothamLight', sans-serif; font-size:5.3em;}
.subTitle dt span { display:block; font-family: 'Jeju Myeongjo', serif; letter-spacing:-5px; line-height:1em; font-size:1.3em}

.subTitle dd { margin-top:0;}
.subTitle dd p {font-family: 'GothamLight', sans-serif; font-size:1.23em; line-height:1.5em;}

.specialPre .lSAction_sp { position:absolute; width:100%; left:0; top:30%; z-index:5; }
.lSAction_sp a { position:absolute; display:block; width:50px; height:50px; font-size:48px; line-height:50px; text-align:center; color:#fff; cursor:pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.lSAction_sp .lSPrev_sp { left:-50px;}
.lSAction_sp .lSNext_sp { right:-50px;}
.lSAction_sp .lSPrev_sp:hover { left:-60px;}
.lSAction_sp .lSNext_sp:hover { right:-60px;}

.swiper-button { position:fixed; width:120px; height:56px; right:30px; top:50%; margin-top:-28px; text-align:right; z-index:10;}
.swiper-button a { display:inline-block;  margin:0 1px; cursor:pointer; visibility:visible; -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;  }
.swiper-next { right:0; width:90px; height:90px;background:url(/web/img/rev/next_btn.png); background-size:100% 100%; }
.swiper-prev { left:0;  width:90px; height:90px;background:url(/web/img/rev/info_btn.png); background-size:100% 100%; }
.swiper-next:hover, .swiper-next:focus {margin-right:-10px;}
.swiper-prev:hover, .swiper-prev:focus {margin-left:-10px;}

.swiper-button a.swiper-button-disabled { opacity:0; filter: alpha(opacity=0;);visibility:hidden; display:none;}


@media  (max-width: 1920px){ .subTitle dt {font-size:3.6vw;} }


@media  (max-width: 1480px){
.topArea .btn_scroll { left:calc(100px + 3%); bottom:52px; margin-left:-21px;}
.topArea .btn_scroll, .topArea .btn_scroll img { width:42px;}
.active.topArea .btn_scroll { bottom:40px;}
.fix_bg { height:100vw;}
.preNav {bottom:30px;}
.active .preNav {bottom:40px;}
}



@media  (max-width: 1024px){

}


@media  (max-width: 770px){

}


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

@media  (max-width: 480px){


}



@media  (max-width: 380px){

}