@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('http://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700'); /* font-family: 'Montserrat', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Playfair+Display: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=Libre+Baskerville'); /* font-family: 'Libre Baskerville', serif; */
@import url('https://fonts.googleapis.com/css?family=Russo+One'); /* font-family: 'Russo One', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,700'); /* font-family: 'Titillium Web', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Oranienbaum'); /* arrow font-family: 'Oranienbaum', serif;  */
@import url('https://fonts.googleapis.com/css?family=Gruppo'); /* font-family: 'Gruppo', cursive; */
@import url('https://fonts.googleapis.com/css?family=Sacramento');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@font-face {
	font-family: 'GothamLight';
	font-style: normal;
    font-weight: normal;
	src: url('./fonts/GothamLight.eot');
	src: /*local('Gotham Thin'),*/ url('./fonts/GothamLight.woff') format('woff'), url('./fonts/GothamLight.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamMedium';
	font-style: normal;
    font-weight: 300;
	src: url('./fonts/GothamMedium.eot');
	src: /*local('Gotham Medium'),*/ url('./fonts/GothamMedium.woff') format('woff'), url('./fonts/GothamMedium.ttf') format('truetype');
}

@font-face {
	font-family: 'GothamBold';
	font-style: normal;
    font-weight: 700;
	src: url('./fonts/GothamBold.eot');
	src: /*local('Gotham Bold'),*/ url('./fonts/GothamBold.woff') format('woff'), url('./fonts/GothamBold.ttf') format('truetype');
}

/*@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: "NanumSquare";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/NanumSquareR.eot?#iefix") format("embedded-opentype"), url("./fonts/NanumSquareR.woff") format("woff"), url("./fonts/NanumSquareR.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;
}*/

html{width:100%;height:100%;-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",'Noto Sans KR', "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; width:100%; font-size:13px;color:#fff; background:#232129; line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;}
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: 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);}

.KoPub {font-family: 'KoPub Batang', serif; font-weight:300; letter-spacing:-0.01em;}
.jeju_mj {font-family: 'Jeju Myeongjo', serif; font-weight:200; letter-spacing:-0.01em;}

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

.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:#333;}
#skip.on{top:0;}
#header-sticky-wrapper { position:absolute; width: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:30; }
/*.about .sticky-wrapper, .room .sticky-wrapper { top:99.9vh; opacity:0; filter: alpha(opacity=0;);}
.preview .sticky-wrapper { top:49px !important; opacity:0; filter: alpha(opacity=0;);}*/

#header {position:fixed; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:30;}

.btn_nav { position:absolute; display:block; width:26px; height:22px; left:56px; top:58px;-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; cursor:pointer; z-index:21;}
.btn_nav .line {position: absolute; display: block; width:29px; height:22px; right:4px; top:0; }
.btn_nav .line span {position: absolute; display: block; width:29px; height:2px; left:50%;  background: #ededed; transform: translate(-50%, 0px);-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;
-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.2); }
.btn_nav .text { position:absolute; left:0; top:0;font-family: 'Sacramento', cursive; font-size:2em; line-height:0.8em; font-style:italic; color:#fff; 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; -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);  }

.btn_nav .line01 { top:2px; }
.btn_nav .line02 { top:calc(50% - 1px); }
.btn_nav .line03 { bottom:2px; }

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

.gnbArea { position:fixed; height:100%; left:150px; top:0; padding:8% 0; background:url(/web/img/main/navi_bg.png); opacity:0; filter: alpha(opacity=0;); visibility:hidden;}
.open_nav .gnbArea { opacity:1; filter: alpha(opacity=100;); visibility:visible;}
.gnbArea:after {content:"";display:block;clear:both;}
.gnb_dl { display:block; margin:0 3em 4em; }
.gnb_dl dt {	font-family: 'Jeju Myeongjo', serif; font-size:2em; letter-spacing:-1.5px;color:#37373a; border-bottom:1px solid #37373a; padding:0 0 0.4em 0.5em; margin-bottom:0.5em;}
.gnb_dl dd {}
.gnb_dl dd:after {content:"";display:block;clear:both;}

.gnb > li { float:left; margin:0 2em; -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 li a.depth1 { position:relative; display:inline-block; font-family: 'Libre Baskerville', serif; font-size:1.25em; line-height:1.5em; color:#37373a; text-transform:uppercase;  -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 li a.depth1:hover, .gnb li a.depth1:focus { color:#000;}
.gnb > li .depth1_mobile { display:none;}
.gnb_sub { margin-top:0.8em;}
.gnb_sub li { }
.gnb_sub li a {font-family: 'Noto Sans KR', sans-serif; font-size:1.1em; line-height:1.8em; color:#666;  }
.gnb_sub li.this a { font-weight:700; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline; color:#000;}



@media  (max-width: 1600px){
    .subTitle {margin-top: -8% !important;}
}

@media  (max-width: 1480px){
  .subTitle {margin-top: -14% !important; left:84.5% !important;}
  
.btn_nav { left:40px; top:40px;}


.gnbArea { left:100px; padding:30px 0;}
.gnb_dl { margin:0 2.5em 2em;}
.gnb_dl dt { font-size:1.8em; padding-left:0.8em;}
.gnb > li { margin:0 1.5em;}
.gnb li a.depth1 { font-size:1.15em;}
.gnb_sub { margin-top:0.4em;}
.gnb_sub li a { font-size:1em;}

.btn_reser {  left:40px; bottom:40px;letter-spacing:0.1em; font-size:0.9em;}
.btn_reser span { width:14px;}
.mainTypo{ width:25% !important; top:25% !important;}
.mainSlider .lSAction{ bottom:25% !important; left:50% !important;}
.spList li .spText .title{ font-size:2em !important;}
.spList li.spCon04 .spText{ right:0 !important;}
}
@media  (max-width: 1280px){
    .subTitle {margin-top: -8% !important;}
    .subTypo > dt {margin-right: 30px;}
    /*.subTypo > dd {margin-left: -70px !important; width:370px;}*/
}
.lSSlideOuter { position:relative; z-index:1;}
.lightSlider { z-index:1;}
.lightslider{ height: 900px !important;}
.lightslider li { background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
.lightslider li img { width:70%; height: 100%; vertical-align:top;}
/*.lSAction a { float:left; display:block; width:82px; height:84px; cursor:pointer; opacity:0.5; filter: alpha(opacity=50;);
-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 a:hover, .lSAction a:focus {opacity:0.8; filter: alpha(opacity=80;);}
.lSAction a.lSNext { background-position:-82px 0;}*/

@media  (max-width: 1480px){
.main_container #footer { width:calc(100% - 100px); left:100px;}
.sub #footer { padding:50px 30px 50px 110px;}
.copy_dl01 { margin-left:0;}
.copy_dl02 { width:720px;}
.copy_dl021 {margin-left:3%;}
.copy_dl dt { font-size:1.1em; line-height:1.5em; }
.copy_dl dd { font-size:0.9em;}

}

.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:56px; height:56px;background:url(/web/img/main/main_ri_txt.png); background-size:100% 100%; }
.swiper-prev { left:0;  width:56px; height:56px;background:url(/web/img/main/main_le_txt.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: 1280px){


}

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

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


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

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

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