@charset "euc-kr";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,400italic,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic);
@import url(https://fonts.googleapis.com/css?family=Oswald);
@import url(https://fonts.googleapis.com/css?family=Libre+Baskerville);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: "NanumBarunGothic";
    font-style: normal;
    font-weight: normal;
	
    src: url("fonts/NanumBarunGothicd41d.eot?#iefix") format("embedded-opentype"), url("fonts/NanumBarunGothic.woff") format("woff"), url("fonts/NanumBarunGothic.ttf") format("truetype");
}


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; color:#000; text-align:left; font-weight:800; font-family: 'Nanum Gothic', sans-serif; }
*+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: 'Nanum Gothic', sans-serif;}
body{visibility:visible; width:100%; font-size:12px;color:#333;line-height:1.5em;  background:#fff;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#fff;}
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;}
.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, .block768, .block560, .block480, .block380 {display:none;}
.in-block1280, .in-block1024, .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;}




#header { position:absolute; width:100%; height:250px; right:0; top:0; overflow:hidden; opacity:0; filter: alpha(opacity=0;); z-index:10; }
.logo { position:absolute; right:24px; top:44px;; z-index:10;}
.btn_menu { position:absolute; right:24px; top:160px;  z-index:15;}
#gnb {display:none; position:absolute; width:90%; max-width:1720px; height:75px; right:0; top:160px; background:#fff; z-index:10;}
#gnb.on {}
.gnb { padding:26px 0 0 30px;}
.gnb > li { float:left; padding:0 50px 0 52px; background:url(../images/common/gnb_dot.png) left 12px no-repeat; }
.gnb > li:first-child { background:none;}
.gnb li a.depth1 { display:block;  font-family: 'Futura Md BT', 'Ubuntu', sans-serif; font-size:18px; color:#aeaeae; line-height:24px;  text-transform:uppercase;}
.gnb li a.depth1:hover, .gnb li a.depth1:focus, .gnb li.on a.depth1 { color:#000;}
.gnb li.this a.depth1 { font-weight:600; color:#333;}
.gnb_sub {display:none; position:absolute; opacity:0; filter: alpha(opacity=0;); background:url(../images/common/gnb_sub_bg.gif) left bottom repeat-x; padding:2px 5px 5px 15px; }
.gnb_sub:after {content:"";display:block;clear:both;}
.gnb li.this .gnb_sub { display:block;opacity:1; filter: alpha(opacity=100;); padding-top:12px;}
.gnb7 .gnb_sub { margin-left:-190px;}
.gnb_sub li { float:left; margin-right:12px;}
.gnb_sub li a { color:#fff; font-size:12px; line-height:16px; }
.gnb_sub li.this a { font-weight:700;}

.btn_room { position:fixed; right:25px; top:25px; z-index:30;  opacity:0; filter: alpha(opacity=0;);}
.btn_room a { display:inline-block; background:#503629;}
.btn_room a:hover, .btn_room a:focus { background:#815f4e;}
.btn_reser { position:absolute; left:25px; bottom:0; z-index:30;  opacity:0; filter: alpha(opacity=0;);}
.btn_reser a { display:block; background:#fff; padding:0 0 0 8px; }
.btn_reser a:hover, .btn_reser a:focus {padding:0 8px 0 0;}

.nav_room { position:fixed; width:380px; padding:5px 0 0 5px; background:#815f4e; right:-500px; top:25px; z-index:29; }
.nav_room:after {content:"";display:block;clear:both;}
.nav_room li { position:relative; float:left; width:90px; margin:0 5px 5px 0;}
.nav_room li img { width:100%; vertical-align:top;}
.nav_room li .img { position:absolute; width:100%; height:100%; left:0; top:0; opacity:.6; filter: alpha(opacity=60;); overflow:hidden; z-index:1;}
.nav_room li .img img { position:absolute; width:100%; vertical-align:top; left:0; top:0;}
.nav_room li .title {position:absolute; width:100%; text-align:center; top:36%; opacity:0; filter: alpha(opacity=0;); z-index:2;}
.nav_room li .title img { width:90%;}

.btn_footer { position:absolute; display:inline-block; 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; z-index:1; }
.footer_bg { position:fixed; width:100%; height:100%; left:0; bottom:0; background:url(../images/common/footer_allBg.png);opacity:0; filter: alpha(opacity=0;); z-index:1;}
.footer_area { position:fixed; width:100%; height:298px; left:0; bottom:-300px; background:url(../images/common/footer_bg.jpg) center bottom repeat-x; z-index:1;}
.footer_info { position:absolute; left:70px; top:70px; color:#434343; font-size:11px;}
address {font-size:1.3em; line-height:1.5em;}
.footer_info .tel { margin:15px 0 25px; font-size:1.3em; font-weight:700;}
.redcong {font-family: 'Roboto', sans-serif; font-size:11px; color:#343434}
.redcong .red {color:#d60000;}
.footer_link { position:absolute; right:35px; top:40px; text-align:right;}
.footer_link ul { margin-bottom:10px;}
.footer_link li { margin-bottom:1px; }
.footer_link li a { display:inline-block; font-size:13px; line-height:20px; font-weight:300; color:#434343; text-transform:uppercase;-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;}
.footer_link li a:hover, .footer_link li a:focus { background:#00284b; color:#fff; padding:0 12px; }
.btn_reser2 a { display:inline-block; background:#00284b;}
.btn_top { display:none; position:absolute; right:35px; bottom:5px; z-index:40}
.btn_top img { width:35px; vertical-align:top;}

.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-wrapper { position:relative;}
.bxslider li { background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bxslider li img { width:100%; vertical-align:top;}

.bx-controls {  }
/*.bx-pager { position:fixed; width:30px; height:112px !important; text-align:center; left:35px; top:50%; height:20px; margin-top:-250px; font-size:0; color:#fff; overflow:hidden;  z-index:4; }
.bx-controls .bx-pager-link {display:inline-block; width:9px; height:9px; line-height:9px; background:#fff; border-radius:50%; margin:3px 0; opacity:.2; filter: alpha(opacity=20;);}
.bx-controls .bx-pager-link.active { width:18px; height:18px; line-height:18px; opacity:1; filter: alpha(opacity=100;);}*/

/*.topArea .bx-controls { bottom:12%; z-index:3;}
.topArea .totalNum { bottom:12%; }*/

#slider_layer { position:relative; overflow:hidden; }



@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/
}

@media  (max-width: 1520px){
.gnb > li { float:left; padding:0 30px 0 32px;}
}

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

@media  (max-width: 1280px){

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

}

@media  (max-width: 1200px){
.gnb { padding:26px 0 0 20px }
.gnb > li { float:left; padding:0 16px 0 18px;}
.gnb li a.depth1 { font-size:16px;}
}

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