@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,600italic,700,800);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,400italic,700);
@import url(https://fonts.googleapis.com/css?family=Roboto);

@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: '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; width:100%; font-size:15px;color:#333;line-height:1.5em;  background:#fff;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
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%;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; }
.fr { float:right;}
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top !important;}
.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;}
.border_box {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

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

.strongColor01 { color:#d70e0e;}

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

/* grab cursor */

#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:white;}
#skip.on{top:0;}

/* top */
#header { position:absolute; width:100%; height:200px; right:0; top:0; overflow:hidden; opacity:0; filter: alpha(opacity=0;); z-index:10; }
.logo { position:absolute; left:32px; top:0; z-index:10;}
.btn_menu { display:none;}
#gnb { position:absolute; left:210px; top:48px; z-index:9;}
.gnb { padding:0;}
.gnb > li { float:left; margin:0 25px;}
.gnb li a.depth1 { position:relative; display:inline-block; font-family: 'Playfair Display', serif; font-size:24px; color:#fff; line-height:42px; font-weight:700; 
-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);}
.gnb li a.depth1 span { position:absolute; width:100%; height:1px; background:#fff; left:0; bottom:5px; opacity:0.5; filter: alpha(opacity=50;);}
.gnb li a.depth1:hover span, .gnb li a.depth1:focus span, .gnb li:hover a span, .gnb li.this a.depth1 span {  height:2px; opacity:1; filter: alpha(opacity=1;);}
.gnb_sub {display:none; position:absolute; opacity:0; filter: alpha(opacity=0;); background:url(../images/bg/white_70.png); border-radius:2px; padding:5px 10px; top:42px; -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; margin-left:0; }
.gnb > li:hover .gnb_sub, .gnb > li:focus .gnb_sub { display:block; opacity:1; filter: alpha(opacity=100;); }
.gnb_sub:after {content:"";display:block;clear:both;}
/*.gnb li.this .gnb_sub { display:block;opacity:1; filter: alpha(opacity=100;);}*/
.gnb_sub li { float:left; display:inline; margin:0 8px;}
.gnb_sub li a { color:#333; font-size:15px; line-height:25px; }
.gnb_sub li a:hover, .gnb_sub li a:focus { text-decoration:underline;}
.gnb_sub li.this a { font-weight:700;}
.gnb7 .gnb_sub { right:25px;}

.btn_room10 { position:absolute; left:110px; top:-40px; display:none;}
.btn_room10 img {width:140px; vertical-align:top;}

.btn_reser { position:absolute; height:35px;left:25px; bottom:0; z-index:30; opacity:0; filter: alpha(opacity=0;);}
.btn_reser a { display:block;height:35px; background:#fff; padding:0 0 0 8px; }
.btn_reser a img { vertical-align:top;}
.btn_reser a:hover, .btn_reser a:focus {padding:0 8px 0 0;}

/* sns */
.social {font-family: 'Social-Shapes'; }
#header .sns_link { position:absolute; right:20px; top:27px; z-index:10;}
.sns_link li { float:left; margin-left:7px; }
.sns_link a {opacity:0.75; filter: alpha(opacity=75;);-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;}
.sns_link a:hover, .sns_link a:focus { opacity:1; filter: alpha(opacity=100;);}
.sns_link span { display:block; width:35px; height:35px; font-size:48px; line-height:35px; color:#fff;}

#footer .sns_link { margin-top:30px;}
#footer .sns_link li { margin:0 7px 0 0; }
#footer a { color:#fff;}

.btn_footer { position:absolute; display:inline-block; height:35px; right:25px; bottom:0; z-index:35; background:url(../images/common/btn_infomore_bg.png); }
.btn_footer.on {position:fixed; background-position:0 -35px;}

#footer { position:relative; background:#44574c; padding:20px 0 10px; z-index:1; }
.main #footer { position:fixed; width:100%; left:0; bottom:0; background:url(../images/common/footer_allBg.png);}
.footer_area { position:relative; width:92%; max-width:1280px; margin:0 auto; color:#fff;}
.footer_area:after {content:"";display:block;clear:both;}
.footer_area_con { float:left; width:50%;}
.footer_area_con h2 { font-size:18px; margin-bottom:10px;}
.site_info01 {}
.site_info02 { margin-bottom:10px;} 
.site_info01:after, .site_info02:after {content:"";display:block;clear:both;}
.site_info01 li, .site_info02 li { float:left; width:48%; font-size:15px; line-height:20px; margin-bottom:10px;}
.site_info01 li.width100, .site_info02 li.width100 { width:100%;}
.site_info02 li strong { display:block; font-size:16px; margin-bottom:10px;}
.footer_area i { display:inline-block; width:1.4em; font-size:1.4em; color:#fff; vertical-align:middle;}
.footer_link { margin-bottom:10px;}
.footer_link:after {content:"";display:block;clear:both;}
.footer_link li { float:left; margin-right:1em;}
.footer_link li i  { display:inline-block; width:2.8em; font-size:1.6em; color:#fff;}
.footer_link02 { }
.gongzone { font-family:"Roboto",sans-serif; font-size:11px; text-transform:uppercase; }

.b-close { position:fixed; display:block; width:26px; height:26px; line-height:26px; text-align:center; background:#000; font-size:14px; font-weight:bold; color:#fff; right:50%;}
#popup_reser { display:none; position:fixed !important; width:900px !important; top:20px !important; overflow-y:auto; border:5px solid #000; background:#fff;}
#popup_reser .b-close { top:20px; margin-right:-485px;}
.resevation_frame { width:96%; padding:0 2%; height:3500px; background:#fff;}

#popup_privacy { position:fixed; display:none; width:560px; top:100px !important; overflow-y:auto; border:5px solid #000; background:#fff;}
.privacy_frame { width:100%; height:5800px; background:#fff;}
#popup_privacy .b-close {top:100px; margin-right:-325px;}

.bx-viewport { z-index:1;}
.bx-wrapper { position:relative; z-index:1;}
.bxslider li, .room_bxslider li { background-position:center center !important; background-repeat:no-repeat !important; background-size:cover !important;}
.bxslider li img, .room_bxslider li img { width:100%; vertical-align:top;}

.bx-pager { position:absolute; width:35px; height:35px; font-size:13px; line-height:35px;  bottom:0; text-align:center; background:#fff; color:#fff; overflow:hidden;  z-index:4; }
.main .bx-pager {right:199px;}
.sub .bx-pager {left:50%; margin-left:-18px;}
.bx-pager-link { display:none;}
.bx-pager-link.active { display:block;}
.bx-controls-direction {position:absolute; width:107px; height:35px; bottom:0; z-index:5;}
.main .bx-controls-direction {right:163px;}
.topArea .bx-controls-direction {left:50%; margin-left:-54px;}
.roomPre .bx-controls-direction {width:71px; right:0;}
.bx-controls-direction a { position:absolute; display:block; width:35px; height:35px; top:0; background:url(../images/common/slider_arrow.gif); font-size:0; }
.bx-controls-direction a.bx-prev { left:0;}
.bx-controls-direction a.bx-next {right:0; background-position:-70px 0;}
.bx-controls-direction a:hover, .bx-controls-direction a:focus { /*opacity:.75.75.75.75; filter: alpha(opacity=75;);*/}
.sub .bx-pager { position:absolute; width:35px; height:35px; font-size:13px; line-height:35px; right:199px; bottom:0; text-align:center; background:#fff; color:#fff; overflow:hidden;  z-index:4; }

.subSlider { position:relative}
.room_bxslider li img { width:100%; vertical-align:top; }
.subSlider .bx-controls-direction { width:100%; height:60px; left:0; top:50%; margin:-30px 0 0 0;}

#slider_layer { position:relative; overflow:hidden; }
.subSlider .bx-controls-direction a { width:40px; height:60px;  background:url(../images/sub/sub_arrow.png); }
.subSlider .bx-controls-direction a.bx-next { background-position:-40px 0;}


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

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

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

@media  (max-width: 1280px){

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

.gnb > li { float:left; margin:0 18px;}
}

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

@media  (max-width: 1024px){

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

@media  (max-width: 830px){

.none830 {display:none;} 
.block830 {display:block;}
.in-block830 {display:inline-block;}

body{ font-size:30px; line-height:1.8em;}
.logo { left:0;}
#gnb { left:130px; top:22px;}
.gnb > li { margin:0 20px;}
.gnb li a.depth1 { font-size:34px; line-height:52px;
-webkit-text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
-moz-text-shadow:    1px 1px 2px rgba(0, 0, 0, 0.3);
text-shadow:         1px 1px 2px rgba(0, 0, 0, 0.3);}
.gnb > li:hover .gnb_sub, .gnb > li:focus .gnb_sub { display:none;}

#footer { padding:10px 0 5px;}
.footer_area { width:96%;}
.footer_area_con h2 { line-height:26px; margin-bottom:5px;}
.footer_area_con { float:none; width:100%; margin-bottom:5px; font-size:19px; line-height:24px; letter-spacing:-1.5px;}
.site_info02 { margin-bottom:5px}
.site_info01 li, .site_info02 li { font-size:20px; line-height:24px; letter-spacing:-1px; margin-bottom:5px;}
.site_info01 li.site_info01_01 { width:56%;}
.site_info01 li.site_info01_02 { width:44%;}
.footer_area i { width:26px; font-size:20px;}
.site_info02 li strong { display:inline-block;  font-size:17px;line-height:20px; margin:5px 0 2px; }
.footer_link { display:none;}
.gongzone { float:right; margin-top:-22px;  font-size:15px;  letter-spacing:0;}
.main .btn_footer {display:none;}
.main .bx-controls-direction {right:0;}
.main .bx-pager { right:36px;}
}

@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;}	
}
.subTitle01{    display: block;
    font-size: 38px;
    line-height: 42px;
    text-transform: uppercase;
    color: #ff9c31;
    letter-spacing: 0.1em;
    padding: 0 0 5px 0.4em;
	text-align:center;
	}