@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Saira+Semi+Condensed:400,600,700'); /* font-family: 'Saira Semi Condensed', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,600,700'); /* font-family: 'Saira Extra Condensed', sans-serif; */
@font-face { font-family: "CoreGT"; font-style: normal; font-weight: 400; src: url("./fonts/CoreGT-Regular.eot"); src: url("./fonts/CoreGT-Regular.woff2") format("woff2"), url("./fonts/CoreGT-Regular.woff") format("woff"), url("./fonts/CoreGT-Regular.ttf") format("truetype"); }
@import url('https://fonts.googleapis.com/css?family=Sacramento');
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
/*@font-face { font-family: "CoreGT"; font-style: normal; font-weight: 700; src: url("./fonts/CoreGT-Bold.eot"); src: url("./fonts/CoreGT-Bold.woff2") format("woff2"), url("./fonts/CoreGT-Bold.woff") format("woff"), url("./fonts/CoreGT-Bold.ttf") format("truetype"); }*/

/* subLayout */
/*html { overflow-x:hidden; }*/
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; }

.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; right:8%; top:15%; opacity:1; filter: alpha(opacity=1;); z-index:3;}
.subTitle dt { font-family: 'GothamLight', sans-serif; font-size:5.3em;}
.subTitle dt span { display:block; opacity:0; filter: alpha(opacity=0;);}
@media  (max-width: 1920px){ .subTitle dt {font-size:3.6vw;} }





/* sprcial */
.title7{ text-align: center; font-size: 45px;  color: #fff; line-height: 1; font-weight:600; font-family:'Mukta', sans-serif; padding:1.5% 0 0;}

.tabbox{ font-size: 16px;  font-weight: 300; text-align: center;padding:1% 0 1.5%; font-family:'Mukta', sans-serif; color:#fff;}
.tabbox a{ color: #000;  line-height: 1; display: inline-block;  padding: 0 25px; border-right: 1px solid #000;}
.tabbox a:first-child{  border-left: 1px solid #000;}

.serSlider .lSSlideOuter, .serSlider .lSSlideWrapper, .serSlider .lightslider, .serSlider .lightslider li { position:fixed; width:60%;}
.serSlider ul {margin:6%;}
.serText { position:absolute; width:100%; right:0; bottom:-100px; text-align:right; padding-right:6%; z-index:5;}
.service .subTop {position:absolute;width:100%;left:auto;right:0;top:84px;z-index:2;}
.service .subNav { position:fixed; top:120px; z-index:10;}
.subTypo01 { float:right; margin: 15% 5%; padding:0 1.5%; text-align:right; opacity:1; filter: alpha(opacity=0;);}
.subTypo01 dt {font-size:3.8em; line-height:0.95em; font-weight:600; color:#000; font-family:'Mukta', sans-serif;}
.subTypo01 dt small { font-size:25px;}
.subTypo01 dd { color:#5a5a5a; font-size:1.07em; line-height:1.8em; font-family:S-CoreDream-2ExtraLight; font-weight:700;}
.subTypo01 dd p { font-size:1.1em; color:#fff; font-weight:600; margin:1.5em 0;}

.flist{  margin: auto; width:85%;}
.flist .item{margin-bottom: 20px;}
.flist .item:hover a{  text-decoration: none; opacity: 0.8;  transition: 0.3s ease; -webkit-transition: 0.3s ease;}
.flist .item .name{ font-size: 20px;  margin-top: 8px;text-align:center; color:#fff;}
.flist .item .name_sub{ font-size: 15px;  margin-top: 15px;text-align:center;}

.flist a{  color: #000;  display: block; text-align:center;}
.prsp {float:left;margin:0.5%;}

.img_wrap img{width:95%;}








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

.active .subTitle dt .subTypo_t01 {font-size:50px; line-height:0.7em;font-family: 'Jeju Myeongjo', serif; text-shadow:rgba(0, 0, 0, .5) 1px 1px; opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.1s;}
.active .subTitle dt .subTypo_t02 {font-family: 'Jeju Myeongjo', serif; letter-spacing:-2px; font-size:22px;opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.3s;text-shadow:rgba(0, 0, 0, .5) 1px 1px;}
.active .subTitle dt .subTypo_t03 {font-family: 'Jeju Myeongjo', serif; letter-spacing:4px; font-size:17px;opacity:1; filter: alpha(opacity=100;); transition: all 0.6s ease-in-out 0.3s;text-shadow:rgba(0, 0, 0, .5) 1px 1px;}
.active .subTitle dd { text-shadow: 1px 1px rgba(0,0,0,0.5); font-family: 'Jeju Myeongjo', serif; letter-spacing:-1px;font-size:14px;opacity:1;text-align: -webkit-right;filter: alpha(opacity=100;); margin-top:2em; transition: all 0.6s ease-in-out 0.6s;}

.subTypo { color:#101010;  opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.topArea .subTypo { position:absolute; left:19%; bottom:48px; z-index:2; }
.subTypo > dt { margin-bottom:2em;}
.subTypo > dt .title01 {display:block; font-family: 'Sacramento', cursive; font-size:9em; line-height:1.1em; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo > dt .title01 span { display:inline-block; width:0.3em;  text-shadow: 1px 1px rgba(255,255,255,0.1); }
.subTypo > dt .title02 {display:block; font-size:1.3em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo > dd { font-size:1.1em; line-height:1.8em; }
.subTypo_room { color:#fff;}
.subTypo_room > dt .title01, .subTypo_room > dt .title02 {  text-shadow: 1px 1px rgba(0, 0, 0, 0.2); -webkit-text-shadow:1px 1px rgba(0, 0, 0, 0.2);  -moz-text-shadow:1px 1px rgba(0, 0, 0, 0.2); }
.subTypo_room > dt .title02 { font-weight:400; margin:1em 0 2em;}

.active.topArea .subTypo { bottom:58px; }
.active .subTypo { opacity:1; filter: alpha(opacity=100;);transition: all 0.8s ease-in-out 1.3s;}

.subTypo01 { position:absolute; left:49.2%; bottom:48px; color:#101010;  opacity:0; filter: alpha(opacity=0;);  z-index:3;}
.subTypo01 .title01 {display:block; font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}
.subTypo01 .title02 {display:block; font-size:1.3em; font-weight:600; text-shadow: 1px 1px rgba(255,255,255,0.1); -webkit-text-shadow: 1px 1px rgba(255,255,255,0.1); -moz-text-shadow:1px 1px rgba(255,255,255,0.1);}

.active.reserImg_div .subTypo01 { opacity:1; filter: alpha(opacity=100;); bottom:58px; transition: all 0.8s ease-in-out 0.5s;}

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

#room_prv:hover, #room_prv:focus { font-size:1.3em !important; font-weight:600; -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; }

.preArea { position:relative; width:62%; width:62vw; height:100vw; left:38%; overflow:hidden; z-index:1;}
.preList { position:relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;  z-index:1;}
.preList:after {content:"";display:block;clear:both;}
.preList li { position:relative; float:left; width:590px; width:31vw; height:100vh; overflow:hidden;}
.preList li a { display:block;}
.preList li .img_on, .preList li .img_off { position:absolute; width:100%; height:100%; left:0; top:0; background-position:center center !important; background-repeat:no-repeat; background-size:cover !important;  -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.preList li a:hover .img_on, .preList li a:focus .img_off { -ms-transform: scale(1.05); -webkit-transform: scale(1.05); transform: scale(1.05);  }
.preList li .title {position:absolute; left:40px; top:50%; margin-top:-42px; color:#fff;  opacity:0.7; filter: alpha(opacity=70;); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index:3;}
.preList li .title .title01 {display:block;  font-family: 'Saira Semi Condensed', sans-serif; font-size:3.8em; line-height:1.1em; font-weight:600; }
.preList li .title .title02 {display:block; font-size:1.3em; line-height:1.85em;}
.preList li .btn {position:absolute; left:0; bottom:56px; opacity:0.7; filter: alpha(opacity=70;); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; 
-ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index:3;}
.preList li .img_on {opacity:0; filter: alpha(opacity=0;);  z-index:2;}
.preList li .img_off { z-index:1;}
.preList li a:hover .img_on, .preList li a:focus .img_on, .preList li a.active .img_on, .preList li.swiper-slide-active .img_on { opacity:1; filter: alpha(opacity=100;); }

.preList li.swiper-slide-active .title, .preList li.swiper-slide-active .btn {opacity:1; filter: alpha(opacity=100;);}

.preNav { position:absolute; display:inline-block;max-width:350px; left:19%; bottom:48px; opacity:0; filter: alpha(opacity=0;); z-index:3;}
.preNav li {  margin-bottom:1.5em;;}
.preNav li a { display:inline-block; font-size:1.07em; line-height:1.6em; color:#fff;  opacity:0.6; filter: alpha(opacity=60;);  -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;}
.preNav li a:hover, .preNav li a:focus {opacity:1; filter: alpha(opacity=100;); }
.preNav li span { display:block;}
.preNav li:last-child { margin-bottom:0;}

.active .preNav { opacity:1; filter: alpha(opacity=100;); bottom:58px; transition: all 0.8s ease-in-out 1.3s;}
.special .active .preNav li { font-size:1.07em; line-height:1.6em; opacity:0.5; filter: alpha(opacity=50;); }

@media  (max-width: 1280px){

.subTitle dd p { font-size:1em;}
.subNav li a { font-size:0.9em;}
.preNav li a { font-size:1em;}
.special .active .preNav li { font-size:1em;}
}

@media  (max-width: 1600px){
	.flist .item{width:32%;}
	.flist{width:78%;}
}




@media  (max-width: 1480px){
	.flist{width:86%;}
}

@media  (max-width: 1366px){
	.flist{width:71%;}
	.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:10% !important; right:6.7%; bottom:35% !important; left:49% !important; margin-left:-60px; z-index:2;}
}

.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction { position:absolute; width:9%; right:6.7%; top:38.5%; left:89.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:150px; top:39.3%; 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;}


.fix_bg { position:fixed; width:100%; height:100%; left:0; bottom:0; background-repeat:no-repeat !important; background-position:center center !important;  
background-size:cover !important; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.fix_bg_room { position:absolute; height:100vh;}
.fix_bg_con { position:relative; height:50vw; z-index:1;}
.fixBg01 { position:absolute; left:0; top:0; z-index:1;}
.fixBg02 { position:absolute; left:0; bottom:0; z-index:1;}
.fix_con { position:relative; opacity:0; filter: alpha(opacity=0;);}
.fix_text { position:absolute; width:100%; left:0; color:#fff; text-align:center; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.fix_text dt { font-family: 'Saira Extra Condensed', sans-serif; font-size:7.7em; line-height:1.1em; letter-spacing:0.1em; padding-left:0.1em; text-transform:uppercase; }
@media  (max-width: 1620px){ .fix_text dt {font-size:5vw;} }
@media  (max-width: 1600px){
.topArea .count, .topArea02 .count{right:130px;}	
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext{right:10px;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev{left:10px;}
}

.fix_text dd { font-size:1.15em; margin-top:2em;}
.fix_text dd p { position:relative; width:400px; left:50%; margin:4em 0 0 -155px; line-height:1.8em; color:#101010; text-align:left; }

.fix_text01 { top:50%;}
.fix_text01 dt {margin-top:-0.7em;}
.fix_text02 { top:0;}
.fix_text02 dt {}
.fix_text03 { bottom:5%;}
.fix_text03 dt { /*-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); -moz-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); text-shadow:1px 1px 2px rgba(0, 0, 0, 0.1); */}
.fix_text03 dd { margin-top:0.5em;}
.fix_text04 { display:inline-block; width:auto; text-align:right; left:auto; right:3%; bottom:40%; z-index:5;}
.fix_text04 dd { margin-top:1em; padding-right:1em;}
.fix_nav { position:absolute; width:80%; left:10%; bottom:15%; opacity:0; filter: alpha(opacity=0;); z-index:3; }
.fix_nav li { float:left; width:33.3%;}
.fix_nav li a {display:block; color:#fff; text-align:center; font-family: 'GothamLight', sans-serif; font-size:1.23em; line-height:1.5em; opacity:0.7; filter: alpha(opacity=70;); -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;}
.fix_nav li a:hover, .fix_nav li a:focus { opacity:1; filter: alpha(opacity=100;); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.fix_nav li a span { display:block; font-family: 'Saira Extra Condensed', sans-serif; font-size:3.6em; line-height:1.1em; font-weight:600;}

.active.fix_con { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s;}
.active .fix_text {opacity:1; filter: alpha(opacity=100;); transition: all 1.0s ease 0.8s;}
.active .fix_text {opacity:0.7; filter: alpha(opacity=70;); bottom:10%; transition: all 1.0s ease 0.8s;}
.active.fix_nav { opacity:1; filter: alpha(opacity=100;); bottom:20%; transition: all 0.8s ease-in-out 0.3s; }
.active .fix_text04 {opacity:0.7; filter: alpha(opacity=70;); bottom:60%; transition: all 1.0s ease 0.8s;}

.subVideo_area { position:absolute; width:100%; height:100%; overflow:hidden; opacity:0; filter: alpha(opacity=0;); z-index:1;}
.sub_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); opacity:0; filter: alpha(opacity=0;); z-index:2; }
.mobile_video {position: absolute;top: 50%; left: 50%; min-width:100%; min-height:100%; width:auto; height: auto; transform: translateX(-50%) translateY(-50%); opacity:0; filter: alpha(opacity=0;); z-index:2; }
.active .subVideo_area {opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s; }
.active .sub_video, .active .mobile_video { opacity:1; filter: alpha(opacity=100;); transition: all 0.5s ease 0.5s; }

.btn_special { display:inline-block; padding:2% 8%; background:#000; color:#6d6d70; -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;}
.btn_special:hover, .btn_special:focus { padding:2% 7% 2% 9%;}
.room .btn_special { float:right;}
.btn_special .text01 { display:inline-block; vertical-align:middle; font-family: 'GothamLight', sans-serif; font-size:2.3em; line-height:1.2em; font-weight:700; margin-right:0.2em; letter-spacing:0.15em;}
.btn_special .text02 { display:inline-block; vertical-align:middle; font-size:1.07em;}

@media  (max-width: 1480px){
.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction {  left:88.7%; }
.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;}
.topArea .lSAction > a.lSNext, .topArea02 .lSAction > a.lSNext, .roomSlider01 .lSAction > a.lSNext{right:0px;}
.topArea .lSAction > a.lSPrev, .topArea02 .lSAction > a.lSPrev, .roomSlider01 .lSAction > a.lSPrev{left:0px;}
}



@media  (max-width: 1366px){
	.topArea .lSAction, .topArea02 .lSAction, .roomSlider01 .lSAction{left:88%!important; }

}


@media  (max-width: 770px){

}


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

@media  (max-width: 480px){


}



@media  (max-width: 380px){

}