.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:7%; right:6.7%; bottom:38%; left:51.3%; margin-left:-60px; z-index:2;}
.topArea .lSAction > a, .topArea02 .lSAction > a, .roomSlider01 .lSAction > a { position:absolute; display:inline-block; width:40px; height:40px; top:0; margin:0; font-family: 'Oranienbaum', serif; font-size:5em; line-height:40px;  color:#fff; text-align:center; opacity:1; filter: alpha(opacity=100;); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;z-index:2;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev { left:20px;}
.topArea .lSAction > a.lSPrev:hover, .topArea02 .lSAction > a.lSPrev:hover, .roomSlider01 .lSAction > a.lSPrev:hover { left:10px;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext {right:20px;}
.topArea .lSAction > a.lSNext:hover, .topArea02 .lSAction > a.lSNext:hover, .roomSlider01 .lSAction > a.lSNext:hover { right:10px;}
.topArea .count, .topArea02 .count { position:absolute; display:block; width:60px; right:50px; bottom:40px; text-align:center; font-family: 'Playfair Display', serif; font-size:1.5em; line-height:1.5em; color:#fff;  -webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);z-index:5;}
.topArea .count .current, .topArea02 .count .current { position:absolute; right:35px; top:-10px;}
.topArea .count .count_line {}
.topArea .count .total, .topArea02 .count .total { position:absolute; left:35px; bottom:-5px;}
.topLine { position:absolute; width:1px; height:44%; background:url(../images/bg/white_30.png); top:28%; z-index:2;}
.board .topLine, .board .lSAction { display:none !important;}
.topLine01 { left:80px;}
.topLine02 { right:80px;}
.topArea .btn_scroll { position:absolute; display:block; width:56px; left:calc(150px + 3%); bottom:70px; margin-left:-28px; -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; filter: alpha(opacity=0;); z-index:3;}
.active.topArea .btn_scroll { opacity:1; filter: alpha(opacity=100;); bottom:56px; transition: all 0.3s ease 1.2s; }
.topArea .btn_scroll:hover, .topArea .btn_scroll:focus { bottom:50px;}

.spList {}
.spList > li {position:relative; height:100vh; overflow:hidden;}
.spList li:after {content:"";display:block;clear:both; }
.spList li a.spLink { display:block; width:100%; height:100%; }
.spList li .spImg { float:left; position:relative; display:block; width:72%; height:3100vh; background-size:cover !important; background-position:center center !important; background-repeat:no-repeat !important; overflow:hidden;}
.spList li .spImg iframe {position:absolute; top: 50%; left: 50%; width:250%; min-height:250%; height: auto; transform: translateX(-50%) translateY(-50%); z-index:2;}
.spImg .lightslider li { height:100vh; }
.spList li.spCon02 .spImg { width:65%;}
.spList li.spCon03 .spImg { float:right; width:45%;}
.spList li.spCon04 .spImg { float:left;}
.spList li .spText { float:left; width:35%; margin:0 5% 0 -8%; margin-top:-2%; color:#fff; padding-top:5%; padding-top:20vh; text-align:right;/* position:absolute; */z-index:100;}
.spList li:hover .spText, .spList li a:hover .spText, .spList li a:focus .spText { }
.spList li.spCon03 .spText { position:absolute; right:45%;}
.spList li.spCon04 .spText { position:absolute; right:5%;}
.spList li .spText .title { display:block; font-family: 'Jeju Myeongjo', serif; letter-spacing:-5px; line-height:1em; font-size:4em; margin-bottom:0.6em;}
.spList li .spText .text {}

.roomList { position:relative; top:33%; z-index:3;}
.roomList:after {content:"";display:block;clear:both;}
.roomList li { position:relative; float:left; width:25%; overflow:hidden;}
.roomList li a { display:block;}
.roomList li a span { position:absolute; width:100%; left:0; top:50%; margin-top:-0.5em; text-align:center;  font-family: 'GothamMedium', sans-serif; font-size:2.3em; line-height:1em; text-transform:uppercase; color:#fff; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -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;); -webkit-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 2px 2px rgba(0, 0, 0, 0.2); text-shadow:2px 2px rgba(0, 0, 0, 0.2);
z-index:3;}
.roomList li a:hover span, .roomList li a:focus span { opacity:0.8; filter: alpha(opacity=80;); }
.roomList li img { width:100%; vertical-align:top; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); -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; }
.roomList li .img_off { position:relative; z-index:1;}
.roomList li .img_on { position:absolute; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomList li a:hover .img_on, .roomList li a:focus .img_on { opacity:1; filter: alpha(opacity=100;); }
.roomList li a:hover img, .roomList li a:focus img { -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }

.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/room/next_btn.png); background-size:100% 100%; }
.swiper-prev { left:0;  width:100px; height:100px;background:url(/web/img/room/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: 1600px){
.spList li .spText{padding-top:16vh;}
.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction{bottom:32%; left:49.3%;}
}

@media  (max-width: 1440px){
.spList li .spText{width:36%; margin:0 5% 0 -10%; margin-top:-4%;}
.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:10%; right:6.7%; bottom:31%; left:47.3%; margin-left:-60px; z-index:2;}
.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: 1280px){
.none1280 {display:none;} 
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}
}


@media  (max-width: 1024px){

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


} 

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