@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Cormorant+SC);
@import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:400,400i);
@import url(https://fonts.googleapis.com/css?family=Poppins:300,400);
@import url(https://fonts.googleapis.com/css?family=Damion);
@import url(https://fonts.googleapis.com/css?family=Questrial);
@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Oswald);

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

@font-face {
    font-family: "Gotham Light";
    font-style: normal;
    font-weight: 300;
    src: url("./fonts/GothamLight.eot?#iefix") format("embedded-opentype"), url("./fonts/GothamLight.woff") format("woff"), url("./fonts/GothamLight.ttf") format("truetype");
}

@font-face {
    font-family: "Didot";
    font-style: normal;
    font-weight: normal;
    src: url("./fonts/DidotMedium.eot?#iefix") format("embedded-opentype"), url("./fonts/DidotMedium.woff") format("woff"), url("./fonts/DidotMedium.ttf") format("truetype");
}

@font-face {
    font-family: "DidotItalic";
    font-style: italic;
    font-weight: normal;
    src: url("./fonts/DidotLightItal.eot?#iefix") format("embedded-opentype"), url("./fonts/DidotLightItal.woff") format("woff"), url("./fonts/DidotLightItal.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","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: "NanumBarunGothic", "Malgun Gothic","Nanum Gothic",NanumGothic,Dotum,"돋움",Arial;}
body{visibility:visible; min-width:800px; font-size:13px;color:#565656;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{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);}


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

.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 { position:absolute; width:100%; left:0; top:0; opacity:0; filter: alpha(opacity=0;); z-index:20; }
#header .logo { position:absolute; display:block; left:42px; top:40px; transition: all 0.3s ease-in-out; z-index:5; }
.logo_over { position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-in-out; z-index:3; }
#header.open_nav .logo_over, #gnbArea:hover ~ .logo .logo_over { opacity:1;}
.btn_nav { position:absolute; /*display:block;*/ display:none; width:32px; height:26px; right:48px; top:40px; transition: all 0.3s ease-in-out; z-index:21;}
.btn_nav .line { position: absolute; display: block; width:32px; height:3px; left:50%;  background: #fff; transform: translate(-50%, 0px); transition: all 0.15s ease-in-out; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}
.btn_nav .line01 { top: 2px;}
.btn_nav .line02 {top: calc(50% - 1px); }
.btn_nav .line03 {bottom: 2px; }
/* open_nav */
.btn_nav.open_nav .line01 { transform: translate(-50%, 9px) rotate(45deg); background:#000;}
.btn_nav.open_nav .line02 {opacity: 0;}
.btn_nav.open_nav .line03 {transform: translate(-50%, -9px) rotate(-45deg); background:#000;}

#gnbArea {position:absolute; width:100%; height:100px; left:0; top:0; padding-left:10px;  transition: all 0.15s ease-in-out; z-index:1;}
#gnbArea:hover { background:url(../images/bg/white_80.png);  transition: all 0.15s ease-in-out; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);}
#header.open_nav #gnbArea {  height:270px;}
.btn_reserve { position:absolute; display:block; right:20px; top:28px; background:#92754c; border:1px solid #a89170; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
.btn_reserve img { vertical-align:top;}
.gnb { position:absolute; right:280px; top:30px;}
.gnb > li { position:relative; float:left; display:inline; margin:0 10px; }
.gnb a.depth1 { display:inline-block; font-family:'Montserrat', sans-serif; font-size:16px; line-height:26px; color:#000; text-transform:uppercase; letter-spacing:0.03em; text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.5); padding:5px 22px;}
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li.on a.depth1 { text-decoration:none !important; }
.gnb li.this a.depth1  { font-weight:700; border-bottom:2px solid #000; }
.gnb_sub { position:absolute; width:100%; top:38px; padding:5px 0; display:none; }
#gnbArea:hover .gnb_sub { display:block;}
.gnb_sub li { }
.gnb_sub li a { display:block; text-align:center; font-size:13px; line-height:2em; color:#515151; }
.gnb_sub li.this a { font-weight:700;}
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;} 

/*
#gnbArea {position:absolute; width:100%; height:230px; left:0; top:0; padding-left:10px; background:url(../images/bg/white_80.png);  transition: all 0.15s ease-in-out; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); z-index:1;}
#header.open_nav #gnbArea { top:0;}
.gnb { position:absolute; right:80px; top:36px;}
.gnb > li {float:left; display:inline; padding:0; min-width:120px;}
.gnb a.depth1 { display:inline-block; font-family:'Montserrat', sans-serif; font-size:16px; line-height:26px; color:#000; text-transform:uppercase; letter-spacing:0.03em;}
.gnb a.depth1:hover, .gnb a.depth1:focus, .gnb li.on a.depth1 { text-decoration:none !important; border-bottom:2px solid #000;}
.gnb li.this a.depth1  { font-weight:700;}
.gnb_sub { position:absolute; top:36px;}
.gnb_sub li { }
.gnb_sub li a { font-size:13px; line-height:1.6em; color:#515151; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;} 
*/

.btn_reser { position:absolute; display:block; width:176px; height:64px; right:0; top:80px;transition: all 0.2s ease-in-out; overflow:hidden; z-index:2; }
.btn_reser:hover, .btn_reser:focus { display:block; height:80px; }
.btn_reser img { position:absolute; left:0; bottom:0; vertical-align:top;}

.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:relative;  background:#f5f5f5; text-align:center; color:#8e8e8e; padding:45px 0 0; z-index:10;}
#footer:after {content:"";display:block;clear:both;}
.footer01 { font-family: 'Poppins', sans-serif; font-size:15px; color:#555; letter-spacing:0.05em;  margin-bottom:13px; }
.footer02 { position:absolute; right:20px; bottom:20px; font-size:11px; text-align:right;}
#footer a {color:#8e8e8e;}
#footer a:hover, #footer a:focus {text-decoration:underline;}
.btn_top { position:relative; display:block; width:305px; margin:30px auto 0; padding:10px 0 0; transition: all 0.25s ease-in-out;  background:url(../images/common/btn_top_bg.png) center bottom no-repeat;}
.btn_top:hover, .btn_top:focus { padding:0 0 10px;}
.btn_top img { vertical-align:top;}

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

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

.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.03); -webkit-transform: scale(1.03); transform: scale(1.03);}
.topArea .lSSlideOuter { position:relative; z-index:1;}
.topArea .lightSlider li {background-position:center center !important; background-size:cover !important; }
.topArea_line { position:absolute; width:100%; vertical-align:top; left:0; bottom:0;}
.topArea .lightSlider { z-index:1;}
.lightSlider li img { width:100%; vertical-align:top;}
.topArea .lSAction { position:absolute; width:39px; height:88px; right:20px; top:50%; margin-top:-44px; z-index:5;}
.topArea .lSAction a { display:block; width:39px; height:39px; background:url(../images/common/slider_arrow.png); left:0; top:0; margin:0;}
.topArea .lSAction a.lSNext { background-position:-40px 0; top:auto; right:0; bottom:0;}

.btn_scroll { position:absolute; display:block; right:14%; bottom:6.5%; padding:0 0 10px 0; transition: all 0.2s ease-in-out; z-index:6;}
.sub .btn_scroll { right:40px; bottom:6%;}
.btn_scroll img { vertical-align:top;}
.btn_scroll:hover, .btn_scroll:focus {  padding:10px 0 0 0; }

.roomNav { position:relative; background:#fff; z-index:5;}
.roomNav:after {content:"";display:block;clear:both;}
.roomNav li { position:relative; float:left; width:calc(14.3% - 4px); margin-left:4px; overflow:hidden;}
.roomNav li:first-child { margin-left:0;}
.roomNav li a { display:block; transition: all 0.3s ease-in-out; }
.roomNav li img { width:100%; vertical-align:top;}
.roomNav li .img_on { position:absolute; left:0; top:0; opacity:0; transition: all 0.3s ease-in-out; z-index:2;} 
.roomNav li a span { display:block; width:100%; margin:5px 0 10px; text-align:center; font-family: 'Poppins','NanumBarunGothic', sans-serif; font-weight:300; font-size:12px; letter-spacing:0.1em; text-transform:uppercase; opacity:0; transition: all 0.3s ease-in-out;}
.roomNav li a:hover, .roomNav li a:focus {  transform: scale(1.1);}
.roomNav li a:hover .img_on, .roomNav li a:focus .img_on {opacity:1;}
.roomNav li a:hover span, .roomNav li a:focus span {  opacity:1; }

.room .roomNav { margin-bottom:3%;}
.room .roomNav li .img_on {top:auto; bottom:0;} 
.room .roomNav li a span {  padding-top:20px; margin:10px 0 5px;}

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

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

@media  (max-width: 1280px){

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

#header .logo { left:16px; top:16px;}
.logo img { width:150px;}
.btn_nav { right:12px; top:12px;}
#header.open_nav #gnbArea {  height:200px;}
.btn_reserve { right:10px; top:15px;}
.btn_reserve img { width:120px;}
.gnb { right:190px; top:14px; }
.gnb > li { margin:0;}
.gnb a.depth1 { padding:5px 16px;}
.gnb_sub li a { font-size:12px; line-height:1.8em;}
.insta{top:11px;right:152px;}
}

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

.insta{
    position: absolute;
    display: block;
    right: 200px;
    top: 32px;
	z-index:10000;
}
@media  (max-width: 1280px){

.insta{top:16px;right:152px;}
}

.hd_pops_con img{
    width: 100%;
}