@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,400,700');

/* CSS Document */
*{-webkit-text-size-adjust:none}

body{ margin:0; padding:0; word-break:keep-all; *word-break:break-all;-ms-word-break:break-all; cursor: default;}
body, html{height: 100%;}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0; padding:0;}
ul, ol, dl, dd, dt, li{list-style:none;}

table, tbody, tfoot, thead, tr, th, td{border-collapse:collapse; border-spacing:0;}
/* 6 */* html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
/* 7 */* + html table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img, fieldset, iframe{border:0 none; margin:0;}

/* font */
body, td, p,button, textarea, select, h1, h2, b, th{font-family:'Nanum Square', ±¼¸², Gulim, sans-serif;font-family:'Nanum Square'\0/!important;*font-family:'Nanum Square'; font-size:15px; color:#000000; line-height:160%; overflow-x:hidden;}
a:link, a:visited, a:active{text-decoration:none; color:#000000; line-height:160%; font-family:'Nanum Square', ±¼¸², Gulim, sans-serif;font-family:'Nanum Square'\0/!important;*font-family:'Nanum Square';}
a:hover {text-decoration:none; color:#2b9aff; line-height:160%; font-family:'Nanum Square', ±¼¸², Gulim, sans-serif;font-family:'Nanum Square'\0/!important;*font-family:'Nanum Square';}
br{letter-spacing:0}

/* form */
form, fieldset, iframe{margin:0; padding:0; border:0;}
input {outline:none; margin:0;}
input,select,button{vertical-align:middle}
label {cursor:pointer;}

/* float clearfix */
.clearfix{*zoom:1}
.clearfix:after{content:"";display:block;clear:both}

#intro  {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    background: #56b6b5;
}
#intro > .bg01{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/intro.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-animation: backgroundScroll  7s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 7s linear 1;
    animation-fill-mode: forwards;
    z-index: 200;
    opacity: 1;
}
#intro > .bg02{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../img/intro2.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-animation: backgroundScroll  7s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 7s linear 1;
    animation-fill-mode: forwards;
    z-index: 100;
    opacity: 1;
}
@-webkit-keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -180px 0px;}
}
@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -180px 0px;}
}
#intro > .cont{
    position: absolute;
    width: 100%;
    height:40%;
    background: #82b7d5;
    bottom:-10%;
    -ms-transform: skew(0deg,11deg); /* IE 9 */
    -webkit-transform: skew(0deg,11deg); /* Safari */
    transform: skew(0deg,11deg); /* Standard syntax */
    z-index: 300;
    overflow: hidden !important;
}
#intro > .cont > .inner{
    -ms-transform: skew(0deg,-11deg); /* IE 9 */
    -webkit-transform: skew(0deg,-11deg); /* Safari */
    transform: skew(0deg,-11deg); /* Standard syntax */
    text-align: center;
}
#intro > .cont > .inner > img{
    width: 50%;
    height: auto;
    margin-top: 10%;
}
#intro > .cont > .inner > a{
    width: 100px;
    line-height: 30px;
    text-align: center;
    color: #ffffff;
    border: #ffffff 1px solid;
    background: none;
    display: block;
    margin: 0 auto;
}

#mlogo{
    width: 100%;
    text-align: center;
    padding-top: 30px;
}

#nav{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
#nav a{
    overflow: hidden;
    display: inline-block;
    font-size: 15px;
    color: #000;
    line-height: 40px;
    padding: 0 10px;
}
#nav a.active{
  color: #a4111b;
  border-bottom: #a4111b 2px solid;
}

#topmenu { height: 40px; }
#topmenu .inner {
    list-style-type: none;
    overflow: hidden;
    text-align: center;
    width:100%;
}
li a{
    position: relative;
    text-align: center;
    font-size: 15px;
    color: #000;
    line-height: 38px !important;
    padding: 0 10px;
}
.mactive{
    color: #a4111b !important;
    border-bottom: #a4111b 2px solid;
}

li a, .dropbtn {
    display: inline-block;
    color: #000;
    text-align: center;
    font-size: 15px;
    line-height: 40px;
    padding: 0 8px;
    letter-spacing: -0.4pt;
}
.dropbtn:hover{
    color: #a4111b;
}
@media screen and (max-width: 320px) {
    li a, .dropbtn {font-size: 14px; line-height: 40px;}
}
li a:hover, .dropdown:hover .dropbtn {
}
li.dropdown {
    display: inline-block;
}
li.dropdown a{
}
.dropdown-content {
    display: none;
    position: absolute;
    text-align: center;
    background: rgba(0,0,0,0.7);
    /*min-width: 160px;*/
    width: 100%;
    z-index:999;
    margin-top:0px;
    left: 0;
    padding: 5px 0;
}
.smactive {
    display: block;
}
.dropdown-content a {
    color: black;
    padding:0 3px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color:#fff;
    font-size: 12px;
    line-height: 15px !important;
}
#myDropdown2 a{
    padding:0 2px !important;

}
.show {display:block;}

/* ½ºÅ©·Ñž */
#back-top {
    z-index: 999;
    position: fixed;
    width: 55px;
    bottom: 30px;
    right: 10px;
    display: block;
    cursor: pointer;
}
#back-top a.kakao {display: block; width: 55px; line-height: 55px; text-align: center; background: #000; margin-bottom: 10px; border-radius: 100%; opacity: 0.5;}
#back-top a.kakao img {width: 70%; vertical-align: middle;}
#back-top a.tel {
    width: 55px;
    height: 55px;
    display: block;
    background:url(../img/bt_cus.png) no-repeat center center;
    opacity: 0.5;
    margin-bottom: 10px;
}
#back-top span.t_bt {
    width: 55px;
    height: 55px;
    display: block;
    background:url(../img/bt_top.png) no-repeat center center;
    opacity: 0.5;
}
#back-top span.re_bt {
    width: 55px;
    height: 55px;
    display: block;
    background:url(../img/bt_reser.gif) no-repeat center center;
    opacity: 0.5;
    margin-bottom: 10px;
}
#back-top span:hover, #back-top a:hover {
    opacity: 0.7;
}

#mex, #mr, #msp, #mto{
    width: 100%;
    text-align: center;
	margin:0;
}
#mex img, #mr img, #msp img, #mto img{
    width: 100%;
    height: auto;
	margin:-8px 0 0 0;
}

/* ·ë °¶·¯¸® */
#mrg{
    width: 100%;
    position: relative;
    min-height: 400px;
    margin-bottom: 5vh;
}
#mrg> .nmmd_gbt {
    width: 50%;
    position: absolute;
    font-size: 0;
    top: 0;
    right: 0;
    z-index: 999;
}
#mrg> .nmmd_gbt > ul{
    border-bottom: #999999 1px solid;
}
#mrg> .nmmd_gbt > ul > li:first-child{
    width: 45%;
}
#mrg> .nmmd_gbt > ul > li:last-child{
    width: 55%;
}
#mrg > .nmmd_gbt .tablinks02{
    text-align: left !important;
    color: #000;
    font-size: 16px;
    float: left;
    cursor: pointer;
    line-height: 40px;
    letter-spacing: -0.5pt;
    display: inline-block;
    padding-left: 10px;
    box-sizing: border-box;
}
#mrg > .nmmd_gbt .tablinks02 > span{
    display: inline-block;
    min-height: 7px;
    width: 7px;
    background: #fcbe02;
    margin-right: 7px;
}

#mfoot{
    position: relative;
    width: 100%;
    background: url("../img/foot_bg.jpg") no-repeat top center;
    background-size: cover;
    color: #ffffff;
    box-sizing: border-box;
    padding: 10px 0;
}
#mfoot > li{
    width: 90%;
    margin: 0 auto;
    border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
    text-align: center;
}
#mfoot > li:last-child{
    border-bottom: none;
}
#mfoot > li:first-child{
    font-size: 16px;
    line-height: 50px;
}
#mfoot > li:nth-child(2){
    font-size: 25px;
    letter-spacing: -0.5pt;
    line-height: 65px;
}
#mfoot > li:nth-child(3){
     font-size: 16px;
     line-height: 20 px!important;
    padding: 13px 0;
 }
#mfoot > li:nth-child(4){
    line-height: 25px;
    padding: 15px 0;
}
#mfoot > li:nth-child(4) b{
    font-size: 22px;
    display: block;
    color: #ffffff;
    font-weight: normal;
}
#mfoot > li:nth-child(6){
    padding: 15px 0;
}
#mfoot > li:nth-child(6) a{
    color: #ffffff;
}
#mfoot > li:nth-child(6) a.btn{
    color: #000000;
    line-height: 30px;
    font-size: 0;
    margin-top: 5px;
}
#mfoot > li:nth-child(6) a.add{
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
    background:rgba(255,255,255,0.25);
}
#mfoot > li:nth-child(6) a.btn span{
    display: inline-block;
    padding: 0 15px;
    font-size: 16px;
}
#mfoot > li:nth-child(6) a.btn span:first-child{
    background:rgba(255,255,255,0.25);
}
#mfoot > li:nth-child(6) a.btn span:last-child{
    background:rgba(255,255,255,0.5);
}

/* rooms preview S */
#rooms_wrap {width: 100%; height: 100%; min-height: 2900px; background: url("/m/images/rooms/bg.jpg") no-repeat center top; background-size: cover; color: #313131; padding: 24% 0 7% 0; position: relative; display: block;}

#rooms_wrap img {width: 100%; margin:0 0 30px 0;}

.rstit {width: 100%; text-align: center; margin: 2% 0 7% 0;}
.rstit_1 {font-size: 12.5px; letter-spacing: 0.8px; color: #fff;}
.rstit_b {display: inline-block; width: 90%; height: 1px; background: #fff; margin: 10px 0;}
.rstit_2 {font-size: 12px; letter-spacing: 0.8px; color: #fff;}

.rooms {width: 90%; height: 1000px; margin: 0 auto;}
.room {width: 46.5%; float: left; text-align: center; background: #fff; padding: 0 0 3% 0; margin: 0 0 7% 0;}
.room:nth-child(odd) {margin: 0 7% 7% 0;}
.r_tit {font-size: 12.5px; line-height: 20px; padding:3% 0;}
.rooms img {width: 100%;}
.r_info01 {font-size: 12px; line-height: 15px; margin: -25px 0 11px 0;}
.rooms table {width: 90%; font-size: 11px !important; border-collapse: collapse; margin: 0 auto;}
.rooms table tr {}
.rooms table tr th {background: #ededed; padding: 2% 0; border: 1px solid #dadada; font-size: 11px !important; }
.rooms table tr td {padding: 2% 0; border: 1px solid #dadada; font-size: 11px !important; }
.rooms table tr td.sale {color: #ff0000;}
.rooms table tr td.sale s {color: #313131;}
/* rooms preview E */

/* room style S */
.r_mid_txt {width:100%; height:50%;}
.r_mid_txt dl { text-align:center;}
.r_mid_txt dt { font-family:'NanumBarunGothic', sans-serif; font-size:20px; color:#424242;}
.special_mid_txt dd { margin:5% 2% 0 0;font-family:'NanumBarunGothic', sans-serif; font-size:14px; text-align:center; line-height:20px;}

@media screen and (max-width: 320px) {
    .r_mid_txt dd {font-size:12px; line-height:18px;}
}

@media screen and (max-width: 360px) {
    .r_mid_txt dd {font-size:12px; line-height:18px;}
}

#room_warp {padding:10px 0 0 0;}
#room_warp div img {margin: 0 0 0.5% 0;}
.r_con01 {position: relative; top: 220px; left: 5%; color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.r_con01 .r_in01 {display: inline-block; font-family:'Noto Sans',sans-serif; font-size: 11px; font-weight: 600; letter-spacing: 1px; padding:4% 0 1.5% 0;}
.r_con01 .r_in02 { font-family:'Noto Sans',sans-serif; font-size: 33px; letter-spacing: -1px; font-weight: 700; }

/* room style E */



/* special style S */
.special_mid_txt {width:100%; height:50%; padding:20px 0;}
.special_mid_txt dl { text-align:center;}
.special_mid_txt dt { font-family:'NanumBarunGothic', sans-serif; font-size:20px; color:#424242;}
.special_mid_txt h2 { font-family:'NanumBarunGothic', sans-serif; font-size:20px; color:#424242;}
.special_mid_txt dd { margin:5% 2% 0 0;font-family:'NanumBarunGothic', sans-serif; font-size:14px; text-align:center; line-height:20px;}

@media screen and (max-width: 320px) {
    .special_mid_txt dd {font-size:12px; line-height:18px;}
}

@media screen and (max-width: 360px) {
    .special_mid_txt dd {font-size:12px; line-height:18px;}
}

#sp_warp div img {margin: 0 0 0.5% 0;}
/* special style E */



/* tour style S */
#tour_warp .tour_img {padding:0 0 4px 0;}
#tour_warp .tour_txtbox {width: 90%; background: #e5e5e5; padding: 50px 5%; margin: 0 0 25px 0;}
#tour_warp .tour_txtbox div {font-family:'NanumBarunGothic', sans-serif; line-height: 100%; text-align: center;}
#tour_warp .tour_txtbox .tit01 {font-size: 15px; color: #313131; letter-spacing: 3px;}
#tour_warp .tour_txtbox .line {width: 50%; height: 1px; background: #444; margin: 15px auto 20px;}
#tour_warp .tour_txtbox .tit02 {font-size: 24px; color: #000; margin-bottom: 30px;}
#tour_warp .tour_txtbox .tit02 span{display: inline-block; font-size: 15px; margin-top: 2px;}
#tour_warp .tour_txtbox .txt {font-size: 15px; line-height: 150%; color: #000;}
/* tour style E */



/* Reservation S */
.top_line {border-top: 1px solid #c9c9c9; margin: 0 auto;}
#reser_warp {}

.reser_mid_txt {width: 100%; height: 50%; padding: 40px 0 20px;}
.reser_mid_txt dl {text-align: center;}
.reser_mid_txt dt {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 20px; color: #424242;}
.reser_mid_txt dd {margin: 3% 2% 0 0; font-family:' Nanum Barun Gothic', sans-serif; font-size: 14px; text-align: center; line-height: 20px;}

@media screen and (max-width: 320px) {
    .reser_mid_txt dd {font-size: 12px; line-height: 18px;}
}

@media screen and (max-width: 360px) {
    .reser_mid_txt dd {font-size: 12px; line-height: 18px;}
}

.reser_con {}
.reser_con .boxtxt {width: 90%; font-size: 13px; line-height: 17px; text-align: center; background: #eaeaea; color: #000; padding: 3% 0; margin: 0 auto 10%;}
.reser_con .boxtxt span {color: #a40000;}
.reser_con .rtable {width: 90%; font-size: 11px; border-collapse: collapse; margin: 0 auto;}
.reser_con .rtable tr {}
.reser_con .rtable tr th {background: #ededed; padding: 2% 0; border: 1px solid #dadada;}
.reser_con .rtable tr td {text-align: center; padding: 2% 0; border: 1px solid #dadada;}
.reser_con .rtable tr td.sale {color: #ff0000;}
.reser_con .rtable tr td.sale s {color: #313131;}
.reser_con .reser_txt {width: 90%; margin: 5% auto 0; }
.reser_con .reser_txt .tit {display: inline-block; font-family: 'Nanum Barun Gothic', sans-serif; font-size: 15px; color: #000; padding: 0 0 3px 0; border-bottom: 1px solid #000; margin: 0 0 3% 0;}
.reser_con .reser_txt .tit_2 {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 14px; color: #000; margin: 0 0 2% 0;}
.reser_con .reser_txt .txt {font-family: 'Nanum Barun Gothic', sans-serif; font-size: 13px; line-height: 170%; color: #000; margin: 0 0 7% 0;}
.reser_con .reser_txt table {width: 100% !important; text-align: center; border-collapse: collapse; margin: 0 auto 5%;}
.reser_con .reser_txt table tr {}
.reser_con .reser_txt table tr th {background: #ededed; padding: 2% 0; border: 1px solid #dadada; font-size: 11px;}
.reser_con .reser_txt table tr td {padding: 2% 0; border: 1px solid #dadada; font-size: 11px;}
.reser_con .reser_txt table tr th span, .reser_con .reser_txt table tr td span {font-size: 11px;}

/* Reservation E */



/*  */
.font_title2 {font-size: 15px; font-weight: bold; color: #fff;}
.font_title3 {font-size: 16px; color: #fff; font-weight: bold;}
.font_title4 {font-size: 11px; color: #fff; font-weight: bold;}
.font_bottom {font-size: 11px; color: #fff; font-weight: normal; line-height: 15px;}
.font_copy {color: #a5a4a4; font-size: 10px;}
.font_title1 {font-size: 12px; background:url("./images/inc/me_bg2.png") repeat-x left bottom; font-weight: bold; color: #fff;}
.font_tbtn {font-size: 12px; color: #434343;}
.font_title {font-size: 16px; font-weight:bold; color: #626262;}
.font_all {font-size: 13px; color: #434343; line-height: 18px; letter-spacing:-1px; padding:5px;}

.linedTab{ padding:0 0 10px 0; width:98%;}
.linedTab ul{ position:relative; margin:0; padding:0; list-style:none; border-bottom:1px solid #ccc; font-family:Tahoma, Sans-serif; font-size:12px; *zoom:1;width:100%;}
.linedTab ul:after{ content:""; display:block; clear:both;width:100%;}
.linedTab li{ float:left; margin-bottom:-1px;width:20%;}
.linedTab li a{ position:relative; float:left; text-decoration:none; border:1px solid #eee; border-bottom-color:#ccc; background:#fafafa; color:#666;width:100%;}
.linedTab li a span{ display:inline-block; padding:6px 0px 6px 0px; letter-spacing:-1px; cursor:pointer;width:100%;}
.linedTab li ul{ display:none; width:100%; position:relative; top:40px; left:0; list-style:none; border:0; margin:0; padding:0; white-space:nowrap; overflow:hidden; *zoom:1;width:100%;}
.linedTab li ul:after{ content:""; display:block; clear:both;width:100%;}
.linedTab li li{ position:relative; left:-1px; padding:0 10px; border-left:1px solid #ddd; overflow:visible;width:100%;}
.linedTab li li a{ padding:0; margin:0; border:0 !important; color:#666 !important; font-weight:normal; background:transparent; letter-spacing:normal;width:100%;}

.linedTab li.selected a{ border:1px solid #ccc; border-bottom:1px solid #fff; margin-top:-1px; background:transparent; color:#333;width:100%;}
.linedTab li.selected a span{ padding-top:7px; font-weight:bold;width:100%;}

.foottxt a:link, .foottxt a:visited, .foottxt a:hover, .foottxt a:active{ color:#444; text-decoration:none; font-size:12px; }
.foottxt, .foottxt b, .foottxt font, .foottxt a{line-height: 17px;}


/* À¯Åõºêµ¿¿µ»ó */
.video {position:relative;padding-bottom:50%;padding-top: 10%;height:0;overflow:hidden;}
.video iframe, .video object, .video embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.reser_box{width: 100%; text-align: center; font-size: 0; padding: 100px 0;}
.reser_box > a {display: inline-block; width: 100px; line-height: 40px; text-align: center; color: #ffffff; margin: 0 5px; font-size: 13px; }
.reser_box > a.bt_rtb {background: #313131;}
.reser_box > a.bt_lr {background: #c53333;}