@charset "euc-kr";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic'); /* 'Nanum Gothic', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo'); /* 'Nanum Myeongjo', serif */
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto'); /* 'Roboto', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab'); /* 'Roboto Slab', serif */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif'); /* 'Noto Serif', serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans'); /* 'Noto Sans', sans-serif */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i');
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css); /* 'Nanum Barun Gothic', sans-serif */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
/* 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:#000; line-height:160% ; }
a:link, a:visited, a:active{text-decoration:none; color:#000; 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}
.img100 img{width:100%;}
#intro  {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
    background: #fff;
}
#intro > .bg01{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/intro/1.jpg');
    background-repeat: repeat;
    background-attachment: fixed;
    background-size: cover;
    -webkit-animation: backgroundScroll  4s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 4s linear 1;
    animation-fill-mode: forwards;
    z-index: 200;
    opacity: 1;
}
#intro > .bg02{
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/main/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: -120px 0px;}
}
@keyframes backgroundScroll {
    from {background-position: 0 0;}
    to {background-position: -120px 0px;}
}
#intro > .cont{
    position: absolute;
    width: 100%;
    height:45%;
    /* background: #2e601e; */
    bottom:0;
    /* -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: 70%;
    height: auto;
    margin-top: 10%;
}
#intro > .cont > .inner > a{
    display: block;
    width: 80px;
	font-size: 15px;
    line-height: 30px;
	letter-spacing: 0.2em;
    text-align: center;
    background: none;
    color: #fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.33);
    border: #fff 1px solid;
    margin: 7% auto 0;
}
#mtop {position: absolute; top: 0; width: 100%; z-index:999;}
#mtop > #mlogo {background: none;}
#mlogo {width: 100%; height: 67px; text-align: center; background: #000;}
#mlogo a {display: block;}
#mlogo a img {display: inline-block; width: 200px;}

#topmenu {width:100%; background: #000; color: #fff;height: 40px;}
#topmenu .inner {list-style-type: none; overflow: hidden; text-align: center; width:100%;}
#topmenu li > a, .dropbtn {display: inline-block; font-size: 15px; text-align: center; color: #fff; letter-spacing: -0.4pt;}
#topmenu li > a {position: relative; text-align: center; line-height: 38px !important; padding: 0 3px;}
.mactive{color: #ffd613 !important; border-bottom: #ffd613 2px solid;}
.dropbtn { line-height: 40px; padding: 0 10px;}
.dropbtn:hover{color: #ffd613;}

@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{color: #fff;}
.dropdown-content {display: none; position: absolute; left: 0; z-index:999; width: 100%; /* min-width: 160px; */ text-align: center; background: rgba(0,0,0,0.7); padding: 5px 0; margin-top:0px;}
.smactive {display: block;}
.dropdown-content a {display: inline-block; font-size: 12px; line-height: 15px !important; text-decoration: none; text-align: center; color: #fff; padding: 0 3px;}
#myDropdown2 a {padding:0 2px !important;}
.show {display:block;}

/* ¼­ºê¸Þ´º¿©¹é */
.sm_blank {width: 100%; height: 34px;}

.img_100 {width:100%; height:180px !important; vertical-align:top;}
/* ½ºÅ©·Ñž */
#back-top {display: block; position: fixed; bottom: 20px; right: 10px; z-index: 999; width: 55px; height: 185px; cursor: pointer;}
#back-top span {display: block; width: 55px; height: 55px; border-radius: 100%; opacity: 0.5;}
#back-top span.t_bt {background:url("../images/common/bt_top.png") no-repeat center center;}
#back-top span.re_bt {background:url("../images/common/bt_reser.png") no-repeat center center; margin-bottom: 10px;}
#back-top a {display: block; width: 55px; height: 55px; background:url("../images/common/bt_cus.png") no-repeat center center; border-radius: 100%; margin-bottom: 10px; opacity: 0.5;}
#back-top span:hover, #back-top a:hover {opacity: 0.7;}

#mex, #mr, #msp, #mto, #sr {width: 100%; text-align: center;}
#mex img, #mr img, #msp img, #mto img, #sr img {display: block; width: 100%; height: auto;}

/* ·ë °¶·¯¸® */
#mrg {position: relative; width: 100%; 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{
    width: 100%;
    background: #080623;
    color: #fff;
    box-sizing: border-box;
    padding: 10px 0;
	position:relative;
}

#mfoot .link{
	position:absolute;
	right: 5%;
	top: 150px;
	z-index:50;
}

#mfoot .link img{
	padding:0 3px
}

#mfoot > li{
	line-height:150%;
    width: 90%;
    margin: 0 auto;
    text-align: left;
	padding: 10px 0;
	opacity:0.8; 
	font-size: 17px;
}
#mfoot > li a{
	color: #fff;
}
#mfoot > li:last-child{
	font-size: 15px;
}
#mfoot > li:first-child{
	padding:none;
}
#mfoot > li > img{
	width: 250px;
}
#mfoot .line {width:90%; margin:0 auto; height:1px; background:#fff; opacity:0.4; }


/* ----------------------------- view S ----------------------------- */
.ex_mid_txt {width:100%; height:50%; padding:20px 0;}
.ex_mid_txt dl { text-align:center;}
.ex_mid_txt dt { font-family:'Nanum Barun Gothic', sans-serif; font-size:20px; color:#424242;}
.ex_mid_txt h2 { font-family:'Nanum Barun Gothic', sans-serif; font-size:20px; color:#424242;}
.ex_mid_txt dd {font-family:'Nanum Barun Gothic', sans-serif; font-size:14px; text-align:center; line-height:20px; margin: 5% 5% 0;}
#ex_warp div img {display: block; margin: 0 0 2.5% 0;}
/* ----------------------------- view E ----------------------------- */


/* ----------------------------- rooms preview S ----------------------------- */
#rooms_wrap {width: 100%; font-family: 'Nanum Barun Gothic', sans-serif; background: url("/m2/images/rooms/bg.jpg") no-repeat center top; background-size: cover; background-attachment: fixed; color: #313131; padding: 7% 0 0;}

.rstit {width: 100%; text-align: center; margin: 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;}

.rsimg {width: 90%; margin: 0 auto 7%;}
.rsimg img {display: block; width: 100%;}

.rooms {width: 90%; margin: 0 auto;}
.room {display: inline-block; width: 45.5%; 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: 30px;}
.rooms img {width: 100%;}
.r_info {font-size: 12px; line-height: 17px; padding: 3% 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;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 div img {display: block; margin: 0 0 2.5% 0;}
.r_con01 {position: relative;}
.r_con01 p {position: absolute; left: 5%; bottom: 5%; font-family: 'Nanum Myeongjo', serif; font-size: 35px; font-weight: 700; color: #fff; text-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.r_con01 p span {font-size: 25px; font-weight: 400; letter-spacing: 2px;}
.r_con01 p span.psn {display: inline-block; font-size: 11px; font-weight: 400; letter-spacing: 3px; padding: 0 0 5px 0;}
/* ----------------------------- room style E ----------------------------- */
.blank {height:60px; background-color: rgba(4, 3, 23, 0.7);}
#rinfo {width: 95%; margin: 50px auto;}
#rinfo > div {float: left;}
#rinfo .rname {width: 100%; text-align:center;}
#rinfo .rprice {width: 100%;}
#rinfo .rname h1 { font-size: 35px; text-transform: uppercase; padding: 0 0 5px;transition: font-size .25s linear;}
#rinfo .rname h1 span {letter-spacing: 1pt;font-size:16px; margin-left:5px;}
#rinfo .rname h2 {font-size: 15px; font-weight: normal; line-height: 140%; color: #707070; opacity:0.5; margin-bottom: 20px;}
#rinfo .rname h3 {font-size: 15px; font-weight: normal; line-height: 180%; color: #b1b1b1; margin-bottom: 15px;}
#info {width:87%; height:100%; margin:0 9% 0 9%;}
#info .arti {width:30%; height:auto; padding-left:7%; float:left; text-align:left; margin:0;}
#info .arti h2{font-size:16px; font-weight:bold;}
#info .arti .line {display: inline-block; width: 100%; height: 1px; background: rgba(0, 0, 0, 0.9); margin: 1vh 0 1.5vh;}
#info .arti p{font-size:14px; margin-bottom:20%; line-height:160%;}

#rimg {width: 92%; padding: 30px 0 0; margin: 0 auto;}
#rimg img {width: 100%; margin: 0 0 10px; pointer-events: none;}

}
/* ----------------------------- rinfo S ----------------------------- */
/*br {display:none;}*/
#qm{z-index: 99; position: absolute; top: 141px; left: 50%; width: 70px; height: 29px; margin-left: -71px;}

#view {z-index:1000; position:absolute; top:30px; left:95%; margin-left:-20px; display:none;}
#q_bar{z-index:99; display:none; position:absolute; width:100%; min-width:320px; height: 100%; min-height: 500px; left: 0; top: 141px; background: rgba(0, 0, 0, 0.7);}
#q_bar.active {position:fixed;}
#q_bar div {clear:both;min-width:320px; width:100%;}
#q_bar div a {display:block; float:left; text-align:center;}
#q_bar .qbt_box02 {margin-top:7px;}
#q_bar .qbt_box02 p {width:50%; color:#fff; font-size:15px; left:26%; top:35px; text-align:center; position:absolute; font-family: 'Nanum Barun Gothic';}

/* */
table.rr_info {width:100%; position:absolute; padding:0 15px; top:80px;}
table.rr_info span.rrtxt {color:#fff;}
table.rr_info th, table.rr_info td {font-size:12px; vertical-align:middle; line-height:15px; border-top:1px solid #fff; border-right:1px solid #fff; padding:30px 0;}
table.rr_info th {color:#fff; font-family: 'Nanum Barun Gothic';}
table.rr_info td {text-align:left; color:#fff; padding:10px 20px; word-wrap:break-word; word-break:keep-all; border-right:none;}
table.rr_info td > span{color:#fff; font-weight:bold;}
/* ----------------------------- rinfo E ----------------------------- */


/* ----------------------------- rm S ----------------------------- */
#qm2{z-index:99; position:absolute; top:141px; left:50%; width:70px; height: 29px; margin-left: 1px;}

#view2 {z-index:1000; position:absolute; top:30px; left:90%; margin-left:-20px;display:none;}
#q_bar2{z-index:99; display:none; position:absolute; width:100%; min-width:320px; height: 100%; min-height: 500px; left: 0; top: 141px; background: rgba(0, 0, 0, 0.7);}

#q_bar2.active {position:fixed;}
#q_bar2 div {clear:both;min-width:320px; width:100%;}
#q_bar2 div a {display:block; float:left; text-align:center;}
#q_bar2 .qbt_box022 {margin-top:7px;}
#q_bar2 .qbt_box022 p {width:50%; color:#fff; font-size:15px; left:26%; top:35px; text-align:center; position:absolute; font-family: 'Nanum Barun Gothic';}

.q_bar_mid_txt {width:100%; height:50px; padding:30px 0 10px 0;}
.q_bar_mid_txt dl { text-align:center;}
.q_bar_mid_txt dt { font-family:'NanumBarunGothic', sans-serif; font-size:20px; color:#fff;}
.q_bar_mid_txt h2 { font-family:'NanumBarunGothic', sans-serif; font-size:20px; color:#fff;}
.q_bar_mid_txt dd { margin:5% 5% 0; font-family:'NanumBarunGothic', sans-serif; font-size:14px; text-align:center; line-height:20px;}

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

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

/**/
/* index rooms pre */
.contents {position:relative; width:96%; margin:0 auto; z-index:2;}
.room_preview01 { width: 100%; margin:0 auto 3%;}
.room_preview01 dt {margin-bottom:1%; font-size:1.7em;}
.room_prebar { display:block; width:50px; border-bottom:1px solid #aaa }

.room_preview01 dd { font-size:1.1em; line-height:1.5em; margin: 0 13%;}
.room_preview01 dd ul {margin: 1% auto; padding: 0;}
.room_preview01 dd ul:after {content:"";display:block;clear:both;}
.room_preview01 dd ul li {float: left; width: 48%; max-width: 336.5px; overflow: hidden; font-size: 1.2em; text-align: center; margin: 1%;}
.room_preview01 dd ul li img {display:block; width:100%; margin-bottom: 3%;  }

.room_prename {   font-size:13px; line-height: 110%; color:#fff;font-family:'NanumGothic';}
.room_pretitle {  font-size:14px; color:#626262;font-family:'NanumGothic';}
/* ----------------------------- rm 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;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 {display: block; margin: 0 0 2.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 ----------------------------- */


/* ----------------------------- map S ----------------------------- */
#map_warp {}

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

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

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

.map_con {}
.map_con table {width: 100%; border-collapse: collapse;  margin: 0 auto;}
.map_con table tr {}
.map_con table tr th {width: 20%; background: #ededed; border: 1px solid #dadada;}
.map_con table tr td {padding: 1% 0 1% 2%; border: 1px solid #dadada;}
.map_con .map_txt {width: 90%; margin: 5% auto 0;}
.map_con .map_txt div {font-family: 'Nanum Barun Gothic', sans-serif; color: #000;}
.map_con .map_txt .tit {font-size: 15px; font-weight: 700; margin: 0 0 3% 0;}
.map_con .map_txt .tit_2 {font-size: 14px; color: #000; margin: 0 0 2% 0;}
.map_con .map_txt .txt {font-size: 12px; line-height: 130%; color: #777; margin: 0 0 5% 0;}
/* ----------------------------- map E ----------------------------- */


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

.reser_mid_txt {width: 100%; height: 50%; padding: 60px 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; 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;}
.reser_con .reser_txt table.line tr th {width:50%; background: none;}
/* ----------------------------- 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: 6%;height:0;overflow:hidden;}
.video iframe, .video object, .video embed{position:absolute;top:0;left:0;width:100%;height:100%;}