@charset "euc-kr";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700);


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

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:12px;color:#666;line-height:1.5em; }
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#666;}
li{list-style:none;}
select,textarea{border-radius:0;}
.blind{visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
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;}
.mb20 { margin-bottom:20px;}

.strongColor01 { color:#fa6000;}

#wrap.board { overflow-x:hidden;}

/* grab cursor */
.ms-no-swipe, .ms-def-cursor{cursor:auto !important;}
.flexslider, .flexslider_service1, .flexslider_facility, .ms-grab-cursor, .ms-grabbing-cursor {cursor: move;}
.ms-ie .flexslider, .ms-ie .flexslider_service1, .ms-ie .flexslider_facility, .ms-ie .ms-grab-cursor, .ms-ie .ms-grabbing-cursor {cursor: move;}

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

.main #icon_wheel { position:fixed; width:32px; height:66px; left:50%; bottom:80px; margin-left:-16px; z-index:20; }
#icon_wheel, #icon_touch { display:none;}

.btn_header { display:none;}
.room .btn_header { position:fixed; display:block; width:57px; height:70px; left:40px; top:40px; background:url(../images/common/btn_header.png); z-index:21; }
.room .btn_header:hover { background-position:-60px 0;}
.room .btn_header.on { height:50px; background-position:0 -70px;}
.room .btn_header.on:hover {background-position:-60px -70px;}
.room00 .btn_header { display:none;}

#header {position:fixed; width:286px; min-height:589px; left:42px; top:42px; background:url(../images/common/header_bg.png) right top no-repeat;  opacity:0; filter: alpha(opacity=0;);  z-index:20;}
/*.map #header { background:url(../images/common/header_bg_black.png) right top no-repeat;}*/
#header h1 {position:absolute; left:0; top:52px; z-index:10; }
	#header h1 img { vertical-align:top;}

.room #header { display:none;}
.room00 #header { display:block;}

#gnb { position:relative; width:211px; left:55px; top:100px; padding:0 0 50px 22px; opacity:0; filter: alpha(opacity=0;); z-index:10; background:url(../images/common/gnb_bg.png) left bottom no-repeat; }
/*.map #gnb {background:url(../images/common/gnb_bg_black.png) left bottom no-repeat; }*/
#gnb > ul{  /*opacity:0; filter: alpha(opacity=0;);*/}
.sub #gnb > ul {}
#gnb > ul > li { padding:0; position:relative; }
#gnb > ul.gnb > li a.depth1 { display:block; font-family: 'Droid Serif', serif; font-size:17px; line-height:23px; text-transform:uppercase; color:#fff; 
-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 > ul.gnb > li a.depth1:hover, #gnb > ul.gnb > li a.depth1:focus, #gnb > ul.gnb > li.on a.depth1, #gnb > ul.gnb > li.this a.depth1 { font-size:25px; padding-top:5px; color:#fff;background:url(../images/common/depth1_bullet01.png) left 5px no-repeat; padding-left:11px;}
#gnb > ul.gnb > li.gnb5 a.depth1 { color:#ff8a00;}
#gnb > ul.gnb > li.gnb5 a.depth1:hover, #gnb > ul.gnb > li.gnb5 a.depth1:focus, #gnb > ul.gnb > li.gnb5.on a.depth1, #gnb > ul.gnb > li.gnb5.this a.depth1 { color:#ff8a00; background:url(../images/common/depth1_bullet02.png) left 5px no-repeat; }

	.gnb_sub { display:none; padding:4px 0 10px 12px; zoom:1;  -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_sub:after, .gnb_sub ul:after, .gnb_sub ul ul:after { content:""; display:block; clear:both;}
	.gnb_sub li { float:left; display:inline; margin-right:10px; }
	.gnb_sub a { display:inline-block; font-size:13px;line-height:20px; padding:0; color:#fff; }
	.gnb_sub a:hover, .gnb_sub a:focus { text-decoration:underline;}
	.gnb_sub .this a { font-weight:bold; padding:0;}
	#gnb ul li.on ul{display:block; z-index:20; }
	#gnb ul li.this ul {display:block; z-index:20; }

.nav_right { position:fixed; width:80px; height:100%; right:0; top:0;background:url(../images/common/right_bg.png) right bottom no-repeat; z-index:10}
.nav_right_title { position:fixed; top:50px; right:50px; z-index:12;}
.sub .nav_right_title { display:none;}
.room_nav { position:absolute; width:51px; right:0; top:42px;}
.room_nav > li { margin-bottom:3px;}
.room_nav ul { display:none; margin:8px 0 12px; }
.room_nav li.on ul{display:block; z-index:20; }
.room_nav li.this ul {display:block; z-index:20; }
.room_nav a { display:block; background:url(../images/common/nav_room.png); opacity:.3; filter: alpha(opacity=30;);}
.room_nav a:hover, .room_nav a:focus, .room_nav .this > a, .room_nav li .this > a { opacity:.8; filter: alpha(opacity=80;);}
.room_nav a span {visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
.room_nav a.depth1 { width:39px; height:38px; margin-left:12px;}
.room_nav li.a a { background-position:0 0;}
.room_nav li.b a { background-position:-40px 0;}
.room_nav li.c a { background-position:-80px 0;}
.room_nav a.depth2 { width:39px; height:20px;}
.room_nav li.a1 a { background-position:0 -40px;}
.room_nav li.a2 a { background-position:0 -60px;}
.room_nav li.a3 a { background-position:0 -80px;}
.room_nav li.b1 a { background-position:-40px -40px;}
.room_nav li.b2 a { background-position:-40px -60px;}
.room_nav li.b3 a { background-position:-40px -80px;}
.room_nav li.c1 a { background-position:-80px -40px;}
.room_nav li.c2 a { background-position:-80px -60px;}
.room_nav li.c3 a { background-position:-80px -80px;}
.right_arrow { position:fixed; width:37px; height:39px; background:url(../images/common/right_arrow.png); right:20px; top:50%; margin-top:-20px; z-index:11; -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;}
.right_arrow.on { background-position:-40px 0;}

#footer { position:fixed;height:90px; left:45px; bottom:-90px; z-index:11; opacity:0; filter: alpha(opacity=0;);}
#footer img { vertical-align:top;}
.footer_link { margin-bottom:10px; zoom:1;}
.footer_link:after { content:""; display:block; clear:both;}
.footer_link li { float:left; display:inline; margin-right:5px;}
.footer_link li a { display:block; width:30px; height:30px; background:url(../images/common/footer_link.png);}
.footer_link li.l02 a {background-position:-30px 0;}
.footer_link li.l03 a {background-position:-60px 0;}
.footer_link li.l01 a:hover, .footer_link li.l01 a:focus {background-position:0 -30px;}
.footer_link li.l02 a:hover, .footer_link li.l02 a:focus {background-position:-30px -30px;}
.footer_link li.l03 a:hover, .footer_link li.l03 a:focus {background-position:-60px -30px;}
.site_tel { }
.site_info { font-size:11px; line-height:12px; color:#6f8c8c; }
.site_info a { color:#6f8c8c; text-decoration:underline;}
.site_info span { opacity:0.5; filter: alpha(opacity=50;); }
.site_info .btn_siteInfo { margin:0 10px; padding-top:2px;}
.site_info01 {}
.site_info02 { display:none;}
.map .site_info01 {display:none !important;}
.map .site_info02 { display:block !important;}

.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; width:900px; top:20px !important; overflow-y:auto; border:5px solid #000; background:#fff;}
#popup_reser .b-close { top:20px; margin-right:-485px;}
.resevation_frame { width:100%; height:3500px; background:#fff;}

#popup_privacy { 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;}


.flex-nav-prev, .flex-pauseplay, .ms-nav-prev { display:none;}
.flex-next, .sliderkit-go-next, .ms-nav-next {position:fixed; display:block !important; width:37px; height:39px; background:url(../images/common/right_arrow.png); right:20px; top:50%; margin-top:-20px; text-indent:-1000em; cursor:pointer; z-index:20; }

.sliderkit { }
.sliderkit-nav { float:right; position:relative;width:96px; height:100%; right:0; top:0; border-left:5px solid #ff8a00; background:#000; overflow:hidden; }
#carousel .slides {position:absolute; width:120px !important; }
.sliderkit-nav-clip { position:relative; width:120px; left:-12px !important; top:0 !important; overflow:hidden;}
.sliderkit-nav-clip ul {left: 0; list-style: outside none none; margin: 0; padding: 0; position: relative; top: 0;}
.sliderkit-nav-clip li { width:120px; overflow:hidden;}
.sliderkit-nav-clip li a { display:block;opacity:.4; filter: alpha(opacity=40;); }
.sliderkit-nav-clip li.sliderkit-selected a, .sliderkit-nav-clip li a:hover, .sliderkit-nav-clip li a:focus { opacity:1; filter: alpha(opacity=100;);}
.sliderkit-nav-clip li img { width:100%; vertical-align:top;}

.sliderkit-panels { position:relative;}
.sliderkit-panel { z-index:1; position:absolute; left:0; top:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.sliderkit-panel-old { z-index:2;}
.sliderkit-panel-active { z-index:3;}

#slider_layer { position:relative; overflow:hidden; }	
.master-slider {position:absolute; height: 100% !important; overflow:hidden;}
.master-slider .ms-slide, .ms-slide-img { position:absolute; width:100%; height: 100% !important; left:0; top:0; overflow:hidden; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important;}
.room .master-slider { position:absolute; left:0; top:0;}
.room .master-slider .ms-slide-container { position:relative; left:0; top:0; height:100%; margin-right:100px; overflow:hidden;}
.room .ms-slide { position:absolute; left:0; top:0; overflow:hidden;}
.ms-slide-bg { position:absolute; left:0; top:0; overflow:hidden; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important;}

@media \0screen { /* IE8 À¥ÆùÆ® ¼³Á¤*/
    #gnb ul li a.depth1 { font-family: "Crimson Text", serif; font-size:20px;}
}


#slider_layer { position:fixed;left:0; top:0; overflow:hidden; z-index:2; }	
.flexslider, .flexslider_service1 {position:fixed; width:100%; height: 100% !important;left:0; top:0; overflow:hidden;}
.flexslider_main .slides li, .flexslider .slides li, .flexslider_service1 .slides li { position:fixed; width:100% !important; height: 100% !important; left:0; top:0; overflow:hidden; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important;}
.flexslider_facility .slides li { position:absolute !important; width:100% !important; height:100%;left:0; top:0; overflow:hidden; background-position:center center !important; background-size:cover !important; background-repeat:no-repeat !important; }

@media  (max-width: 1024px){

}

@media  (max-width: 768px){

}

@media  (max-width: 560px){

}

@media  (max-width: 480px){

}


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