@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 { position:fixed; display:block; width:29px; height:35px; right:11px; top:10px; background:url(../images/common/btn_header.png); background-size:60px 70px; z-index:22; opacity:0; filter: alpha(opacity=0;);  }
.btn_header.on {background-position:-30px 0;}


#header {position:fixed;  width:100%; height:55px; left:0; top:0; background:#404040; z-index:20;}
/*.map #header { background:url(../images/common/header_bg_black.png) right top no-repeat;}*/
#header h1 {position:absolute; left:15px; top:12px; z-index:20; opacity:0; filter: alpha(opacity=0;); }
	#header h1 img { width:100px; vertical-align:top;}

#gnb { position:fixed; width:220px; height:100%; right:-260px; top:55px; padding:10px 0 0 20px;  z-index:20; background:#404040; }
/*.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:22px; line-height:28px; 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:28px; padding-top:5px; color:#fff;background:url(../images/common/depth1_bullet01.png) left 5px no-repeat; background-size:8px 8px; 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; background-size:8px 8px; }

	.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:16px;line-height:24px; 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:relative;width:100%; height:100px; left:0; text-align:center; background:#ededed; z-index:18; opacity:0; filter: alpha(opacity=0;);}
.main #footer { position:fixed;}
#footer img { vertical-align:top;}
.footer_div { position:relative; width:320px; margin:0 auto;}
.footer_link { position:absolute; right:-5px; top:8px; margin-bottom:10px; zoom:1;}
.footer_link:after { content:""; display:block; clear:both;}
.footer_link li { float:left; display:inline; margin-left: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;}
.site_tel { text-align:left; margin:0; padding:20px 0 5px; }
.site_tel img {width:163px; vertical-align:top;}
.site_info { font-size:11px; line-height:13px; color:#666; text-transform:uppercase; }
.site_info a { color:#666; text-decoration:underline;}
.site_info span { opacity:0.5; filter: alpha(opacity=50;); }

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

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


/*ÆË¾÷ÀÌ´Ù*/

.divpop{
	left: 10px !important;
	top:60px !important;
    width: auto !important;
    height: auto !important;
    max-width: calc(100% - 58px);
}
.divpop img{
	width: 100%;
    height: auto;
}


