@charset "euc-kr";

/*! Pushy - v0.9.1 - 2013-9-16
* Pushy is a responsive off-canvas navigation menu using CSS transforms & transitions.
* https://github.com/christophery/pushy/
* by Christopher Yee */


@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
html, body{
font-family:'Century Gothic', 'Nanum Gothic', Sans-serif;
}
.clear{display:block;float:none;clear:both;height:0;width:100%;font-size:0 !important;line-height:0 !important;overflow:hidden;margin:0 !important;padding:0 !important;}
/* Menu Appearance */


#divpop{font-size:12px; color:#fff;}
#divpop span{font-size:12px; color:#fff; text-decoration:none;}
#divpop a{color:#fff;}
#divpop a:hover{ color:#fff;}
#divpop a:active{ color:#fff;}
#divpop a:visited{ color:#fff;}

ul.m_logo{
  list-style:none;
    width:198px;
    text-align:left;
    clear:both;
    display: block;
    margin-top:100px;
    margin-bottom:50px;
    left:0;
}

.fullscreen{z-index:999999; position:absolute; top:0; right:0; margin:0; padding:0;}

ul.m_logo li a:hover{color:#fff; text-decoration:underline; background:none;}


ul.quick_menu{margin:0; margin-top:40px; padding:0; list-style:none;}
ul.quick_menu li{font-size: 0.8em; text-align:left; color:#b3b3b1; margin:10px 0 0 40px;}
ul.quick_menu li a{color:#b3b3b1; padding:0px;}
ul.quick_menu li a:hover{color:#fff; text-decoration:underline; background:none;}

.plus_bg{margin:0 auto; width:100%; margin:0 auto; background:url(./images/plus_bg.png) no-repeat 50% 50%;}


.s-container {
  width: 100%;
  height:100%;
  max-width: 100%;
  position: relative;
  padding:0;
  margin:0;
  overflow-y: hidden;
  overflow-x: hidden; /* prevents horizontal scroll bars */
	-webkit-tap-highlight-color: rgba(0,0,0,0); /* disable webkit tap highlight */
}

.sub-container {
  position: relative;
  margin:0;
  padding:0;
  width:100%;
  height: 100%;
  
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.m_txt{position:absolute; z-index:999; top:100px; left:80px;}

#wrap {height:100%}
#flasharea {height:100%}

.fleft {float:left}
.fright {float:right}
.clear {clear:both}
#pp_content {padding-top:10px;background:#fff}
#pp_content iframe {width:774px;height:465px}
.div_layer {display:none;position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}
.div_layer .div_bg {position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.5;filter:alpha(opacity=50)}
.pp_area {position:absolute;top:50%;left:50%;width:780px;height:500px;padding:5px;border:1px solid #ff0000;background:#fff;overflow-y:auto}
#pp_close {position:absolute; right:34px; display:block;width:30px;height:30px;background:url("../images/btn_close.gif") no-repeat 0 0;text-indent:-9000px;cursor:pointer}
#pp_loading {display:none;position:absolute;top:50%;left:50%;width:48px;height:48px;background:url('../images/loader.gif') no-repeat 0 0}


.reser_content{padding:36px;}
.rate_box h3{font-family:'Nanum Gothic','µ¸¿ò','µ¸¿òü'; font-weight:bold; font-size:1.0em; line-height:40px; margin-top:30px;}
.rate_box p{font-family:'µ¸¿ò','µ¸¿òü'; font-size:0.8em; line-height:16px;}
.rate_box span{color:#2846b7; font-weight:bold;}



.map_layout{margin:0; padding:0; height:100%; width:945px;}
.map_title{position:absolute; top:100px; left:32px;}
.map_txt{position:relative; float:right; top:170px;}
.map_info{position:relative; left:0px; top:0px; width:912px; height:440px;}



.pushy{
    position: fixed;
    width: 198px;
    height: 100%;
    top:0;
    left:0px;
    text-align:center;
    z-index: 9999;
    display:block;
    background: #000000;
    background:rgba(28,28,28,0.7);
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    font-size: 12px;
    font-weight:  normal;
    -webkit-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
    -moz-box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);
/*    box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7);*/
    overflow: auto;
    -webkit-overflow-scrolling: touch; /* enables momentum scrolling in iOS overflow elements */
}

.pushy2{
    margin-top:50px;
}


.pushy a{
    display: block;
    color: #ffffff;
    margin:10px 0px;
    padding: 5px 0px;
    /*border-bottom: 1px solid rgba(0, 0, 0, .1);*/
    /*border-top: 1px solid rgba(255, 255, 255, .1);*/
    text-decoration: none;
    
}

.pushy a:hover{
    background: #1e1c18;
    color: #FFF;
}

.pushy a .menuon {display:none; letter-spacing:-1px;}
.pushy a .menuoff {display:inline;}
.pushy a:hover .menuon {display: inline; }
.pushy a:hover .menuoff {display: none; }



/* Menu Movement */

.pushy-left{
    -webkit-transform: translate3d(-220px,0,0);
    -moz-transform: translate3d(-220px,0,0);
    -ms-transform: translate3d(-220px,0,0);
    -o-transform: translate3d(-220px,0,0);
    transform: translate3d(-220px,0,0);
}
.pushy-right{
    -webkit-transform: translate3d(220px,0,0);
    -moz-transform: translate3d(220px,0,0);
    -ms-transform: translate3d(220px,0,0);
    -o-transform: translate3d(220px,0,0);
    transform: translate3d(220px,0,0);
}

.pushy-open{
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -ms-transform: translate3d(0px,0,0);
    -o-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}


.menu_container-push, .push-push{
    -webkit-transform: translate3d(0px,0,0);
    -moz-transform: translate3d(0px,0,0);
    -ms-transform: translate3d(0px,0,0);
    -o-transform: translate3d(0px,0,0);
    transform: translate3d(0px,0,0);
}


/* Menu Transitions */

.pushy, #menu_container, .push{
    overflow-x:hidden;
    overflow-y:hidden;
    -webkit-transition: -webkit-transform .2s cubic-bezier(.16, .68, .43, .99);
    -moz-transition: -moz-transform .2s cubic-bezier(.16, .68, .43, .99);
    -o-transition: -o-transform .2s cubic-bezier(.16, .68, .43, .99);
    transition: transform .2s cubic-bezier(.16, .68, .43, .99);
    /* improves performance issues on mobile*/
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

/* Site Overlay */

.site-overlay{
    display: none;
}


.pushy-active .site-overlay{
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

/* Example Media Query */

@media screen and (max-width: 768px){
    .pushy{
        font-size: 1.0em;
    }
}



/* Lists */

ul{
    margin: 0;
    padding: 0;
    list-style:none;
}

/* menu_Container */

#menu_container{
  z-index:9999;
	position: relative;
/*	padding: 20px 40px;*/
}

/* Menu Button */




.special_menu{position:absolute; bottom:0px; right:0; z-index:999; text-align:right; width:450px; height:125px; clear:both; }
.special_menu ul h3.t1{width:80px; float:left; background:url(../images/room_dot.gif) no-repeat right 5px; display:inline-block; margin:0; padding:0;}
.special_menu ul h3.t2{width:156px; float:left; background:url(../images/room_dot.gif) no-repeat right 5px; display:inline-block; margin:0; padding:0;}
s
.special_menu ul{list-style:none;float:left; margin:0; padding:0; margin-top:9px; display:inline-block;}
.special_menu ul.special_bn{margin-left:28px;}
.special_menu ul a:hover{opacity: 0.4;}
.special_menu ul.family_rooms{margin-left:40px;}

.special_menu ul li{margin-left:20px; margin-top:3px; float:left; display:inline-block;}
.special_menu ul li.start{margin-left:8px;}


.b_copy{position:absolute; clear:both;  width:100%; height:50px; z-index:9999; background:#4e3c32; padding:0px;}
.l_customer{position:absolute; z-index:999; top:440px; left:0px;}
.l_customer ul{margin:0; paddding:0; list-style:none;}
.l_customer ul li{margin-right:10px; display:inline-block; float:left; overflow:hidden}
.l_customer a{width:198px;}
.r_copy{position:absolute;  float:none; text-align:right; bottom:0px;  right:0px; clear:both;}

.s-container {position:relative;}
.room_menu {position: absolute; top: 40px; left: 220px; z-index: 3; }

.btn_reser {position:fixed; top:400px; right:70px; }
.btn_reser1 {position:fixed; top:450px; right:70px; }
.btn_reser a, .btn_reser1 a {display:block; border:1px solid #fff; width:150px; height:40px; line-height:40px; text-align:center; color:#fff; background:#333; text-decoration:none;}