@charset "utf-8";
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,400i, 700i');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
@import url('https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css');

@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%;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: "Noto Sans KR","NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; min-width:800px; font-size:13px;color:#5c5c5c;line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#292929;}
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;}
.vm {vertical-align:middle;}
.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);}
.strong { font-weight:700;}
.blueLatte { font-family:"NanumBarunGothic"; font-style:italic;}

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

.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */  filter: gray; /* IE 6-9 */}

.strongColor01 { color:#e45923;}

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


#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_line { position:fixed; width:100%; height:1px;left:0; top:0; background:url(../images/bg/white_90.png);z-index:50;  }*/
#header { position:fixed; width:100%; left:0; top:0; /*background:url(../images/bg/white_90.png);*/ -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:50; }
.sticky-wrapper {position:absolute; width:100%; height:100px; z-index:50;}

#header .logo { position:absolute;  left:40px; top:50px;-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:50; }
#header .logo img { vertical-align:top;  -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; }
.logo01 { position:absolute; width:209px; left:0; top:0; z-index:2;}
.logo02 { display:block; position:absolute; width:100px; left:0; top:0; opacity:0; filter: alpha(opacity=0); z-index:1;}
.logo02:hover {transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.topNav { position:absolute; width:180px; height:50px; text-align:center; background:#fff; right:0; top: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; z-index:5;}
.topNav li {  display:inline }
.topNav li a { display:inline-block; padding:15px 10px; font-family: 'Raleway', sans-serif; font-size:11px; line-height:20px; font-weight:600; color:#6e6e6e; letter-spacing:0.1em;}
.btn_nav { position:absolute; display:block; width:78px; height:50px; right:180px; top:-50px; text-align:center; padding:15.5px 0; background:#ececec; -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:5; }

#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:1;}
.gnb { position:absolute; right:40px; top:60px;  padding:0 50px 0 410px; -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; background:url(../images/common/btn_nav.png) right center no-repeat;}
.gnb > li { float:left; margin:0 15px;}
.gnb a.depth1 {display:inline-block; font-family: 'Noto Serif', serif; font-size:16px; line-height:2em; color:#000; font-style:italic; letter-spacing:0.05em;  }
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li:hover a.depth1, .gnb li.this a.depth1 {color:#2c6cb6; background:url(../images/common/nav_line.png) left bottom repeat-x;}
.gnb li.this a.depth1 {font-weight:700; letter-spacing:0;}
.gnb_sub {position:absolute; -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; padding:6px 0 6px 15px; margin-top:-3px; background:#2c6cb6; border-radius:4px; }
.gnb > li:hover .gnb_sub { display:block;}
.gnb_sub li { float:left; margin-right:15px;}
.gnb2 .gnb_sub, .gnb3 .gnb_sub, .gnb7 .gnb_sub { right:65px;}
.gnb_sub li a { color:#fff; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;  }
.gnb_sub li.this a { font-weight:700;}

.is-sticky #header { top:0; height:50px; }
.is-sticky #header .logo { background:url(../images/bg/white_60.png); width:100px; height:80px; left:0; top:0; margin-top:0;}
.is-sticky #header .logo01 { opacity:0;  filter: alpha(opacity=0); }
.is-sticky #header .logo02 { opacity:1;  filter: alpha(opacity=100); }
.is-sticky #header .topNav { }
.is-sticky #header .btn_nav {top:0; }
.is-sticky #header #gnbArea { opacity:0; filter: alpha(opacity=0); visibility: hidden; }
.is-sticky #header .gnb { top:8px; }
.is-sticky #header.open_nav #gnbArea .gnb { right:230px; background:none;}
.is-sticky #header.open_nav #gnbArea { opacity:1; filter: alpha(opacity=100); visibility: visible; }
#header.open_nav { background:url(../images/bg/white_80.png);}


.btn_01 { display:inline-block; font-family: 'Montserrat', sans-serif; padding:15px 50px; color:#000; border:1px solid #000; background:url(../images/bg/white_20.png); transition: all 0.2s ease-in-out; }
.btn_01:hover, .btn_01:focus { background:#000; color:#fff; padding:15px 60px;}

#footer { position:fixed; width:100%; left:0; bottom:-250px; background:#a0a0a0; color:#fff; padding-bottom:20px; -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; z-index:30;}
#footer.on { bottom:0; }
.footer_tel { text-align:center; font-family: 'Arimo', sans-serif; font-size:30px; line-height:1.5em; font-weight:700; padding:15px 0 10px; }
.footer_info { width:98%; max-width:1820px; margin:0 auto; border-top:2px solid #fff; border-bottom:1px solid #d0d0d0;}
.footer_info:after {content:"";display:block;clear:both;}
.footer_info dl, .footer_info > div { float:left; padding:2em 0 2em 3em;}
.footer_info dl { width:33.333%; border-right:1px solid #d0d0d0;}
.footer_info .footer_info04 { width:31%; border-right:0;}
.footer_info dl dt { font-family: 'Raleway', sans-serif;font-size:18px; line-height:1.5em;margin-bottom:0.3em; }
.footer_info dl dd { font-size:13px; line-height:1.8em;}
.footer_info a { color:#fff;}
.footer_info a:hover, .footer_info a:focus { text-decoration:underline;}
 

@media \0screen { /* IE8 웹폰트 설정*/
    #gnb ul li a.depth1 { }
	.subCategory {display:none;}
}

.roomPre { position:relative; width:96%; max-width:1820px; margin:0 auto 5%; padding:0 5%;}
.roomPre .slick-slide { position:relative; padding-bottom:40px;}
.roomPre a {display:block; padding:0 4%;  -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;}
.roomPre a:hover, roomPre a:focus { -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.roomPre .title { display:block; margin-top:10px; text-align:center; -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; opacity:0; filter: alpha(opacity=0;);}
.roomPre .title .title01 { display:block; font-family: 'Raleway', sans-serif;font-size:18px; line-height:1.5em;}
.roomPre .title .title02 { display:block; font-family: 'Raleway', sans-serif;font-size:12px; line-height:1.5em;}
.roomPre img { width:100%; vertical-align:top; -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; }
.roomPre .img_on { position:absolute; width:92%; left:4%; top:0; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.roomPre .slick-center .img_on, .roomPre a:hover .img_on, .roomPre a:focus .img_on {opacity:1; filter: alpha(opacity=100;); }
   
.roomPre .slick-center img {filter: grayscale(0); -webkit-filter: grayscale(0);}
.roomPre .slick-center .title, .roomPre a:hover .title, .roomPre a:focus .title { opacity:1; filter: alpha(opacity=100;);}
.slick-arrow { position:absolute; display:block; width:50px; height:101px; top:50%; margin-top:-90px; border:0; font-size:0; line-height:0; color:#fff; cursor:pointer; background:url(../images/common/slider_arrow02.png);}
.slick-arrow.slick-prev { left:0;}
.slick-arrow.slick-next { right:0; background-position:-50px 0;}

.section .lSSlideOuter { position:relative; background:#fff; z-index:1;}
.lSSlideOuter { position:relative; z-index:1;}
.lightSlider li {background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important;}
.slider_blind { display:none;}
.section .lSAction a { display:inline-block;cursor:pointer; width:46px; height:46px; margin-top:-23px;  background-repeat:no-repeat; -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; /*background:url(../images/common/slider_arrow03.png);*/ opacity:0.8 !important;}
.section .lSAction a i { font-size:4em; line-height:1em; color:#fff; text-shadow:1px 1px 2px rgba(0, 0, 0, 0.2);}
.section .lSAction a:hover, .section .lSAction a:focus { opacity:1 !important;}
.section .lSAction .lSPrev { left:25px;}
.section .lSAction .lSNext { right:25px;}
.lSAction .lSPrev:hover, .lSAction .lSPrev:focus { left:15px;}
.lSAction .lSNext:hover, .lSAction .lSNext:focus { right:15px; }
.btn_view { padding:0 12px 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;}
.btn_view img { vertical-align:top; -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;}
.btn_view:hover, .btn_view:focus { padding:0 0 0 12px;}

.btn_reser01 { display:inline-block; font-family: 'Raleway', sans-serif; font-size:17px; line-height:1.8em; padding:13px 50px 10px; color:#000; font-weight:300; letter-spacing:0.32em; transition: all 0.2s ease-in-out; border:2px solid #000; }
.btn_reser01 span { display:inline-block; margin-left:1em; vertical-align:middle; margin-bottom:3px; }
.btn_reser01:hover, .btn_reser01:focus { margin: 0 10px;}


.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);}
.lightSlider li img { width:100%; vertical-align:top;}

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

@media  (max-width: 1480px){

#footer { padding-bottom:10px; }
.footer_tel {  font-size:24px;padding:10px 0; }
.footer_info dl, .footer_info > div { padding:1.5em 0 1.5em 2em;}
.footer_info dl dt { font-size:15px; }
.footer_info dl dd { font-size:11px; line-height:1.5em;}

}

@media  (max-width: 1420px){


}

@media  (max-width: 1280px){

.none1280 {display:none;} 
.block1280 {display:block;}
.in-block1280 {display:inline-block;}

#header { height:120px;}

}

@media  (max-width: 1024px){

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


} 

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



/* .pool .specialCon_03,
.pool .specialCon_04,
.pool .specialCon_05{
	display: none;
} */