@charset "utf-8";

/* CSS Document */
html, body {font-family: 'Nanum Gothic', sans-serif;}
body {width: 100%; margin-left:0px; margin-top:0px; margin-right: 0px; margin-bottom:0px; font-size: 11px;font-family:돋움,돋움체;font-align:center;}

td { font-size: 9pt;  font-family:돋움,돋움체,verdana; table-layout: fixed; word-break: break-all;}

IMG {border: none;} 

a {color: #fff;}
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}


/* top */
#top {height: 62px; border-bottom: 1px solid #c9c9c9; margin: 0 auto;}
#top tr {}
#top tr td {}
#top tr td.logo {padding: 0 0 0 4.5%;}
#top tr td.logo img {width: 165px;}
#top tr td.btn_reser {width: 45px; text-align: center;}
#top tr td.btn_reser img  {width: 28px; }
#top tr td.btn_tel {width: 45px; padding: 0 1% 0 0; }
#top tr td.btn_tel img  {width: 28px; text-align: right;}

#menu {height: 45px; margin: 0 auto;}
#menu tr {}
#menu tr td {}
#menu tr td p.rpvimg {position: relative; left:10px; top:-8px;}
#menu tr td a.rpvtxt {position: relative; top:-19px; }
#menu tr td a {display: inline-block; width: 100%; font-family: 'Nanum Barun Gothic'; font-size: 12.5px;/* 1em = 16px */ color: #2a2a2a; font-weight: 400; border-right: 1px solid #c9c9c9;}
#menu tr td:last-child a{border-right: none;} 

.tx_menu {color:#fff;}


/* menu css S */
#topmenu { height: 45px;}

#topmenu .inner {
    list-style-type: none;
    overflow: hidden;
	text-align: center;
    width:100%;
}

#topmenu .inner li.line{color: #c9c9c9;}

li {
  display: inline-block;
    /*float: left;*/
	text-align: center;
  line-height: 44px;
}

li p{
  position: relative; left:12px; top:1px;
}


li a{
    position: relative;
	text-align: center;

}

li a, .dropbtn {
    display: inline-block;
    color: #000;
    text-align: center;
    text-decoration: none;
	padding:0 0 0 0;
	font-size: 12.5px;
    /*margin: 0 10px;*/
}

@media screen and (max-width: 320px) {
    li a, .dropbtn {font-size: 12px;}
}

li a:hover, .dropdown:hover .dropbtn {
    
}

li.dropdown {
  display: inline-block;
  width: 15%;
}

li.dropdown a{
    
}

.dropdown-content {
    display: none;
    position: absolute;
	text-align: center;
    background-color: #313131;
	/*min-width: 160px;*/
	width: 100%;
	z-index:999;
	margin-top:0px;
	left: 0;
}

.dropdown-content a {
    color: black;
    padding: 0 6px;
    text-decoration: none;
    display: block;
    text-align: center;
    float:left;
	color:#fff;
}

@media screen and (min-width: 1001px) {
    .dropdown-content a {}
}

.show {display:block;}

/* menu css E */


/* index style S */
#main_warp {margin: 0 auto; width: 100%;}
#main_warp .main_con01 {margin: 0 auto;}
#main_warp .main_con02 {margin: 0 auto;}
#main_warp .main_con03 {margin: 0 auto;}
#main_warp .main_con01 p {position:absolute; left:50%; margin-top:7%; margin-left:-90px;}
#main_warp .main_con01 p.sp0_txt {font-family: 'Nanum Barun Gothic'; font-size: 11px;/* 1em = 16px */ color: #252525; font-weight: 600; letter-spacing:-0.5px;}
#main_warp .main_con06 {padding:10% 0;}
#main_warp .main_con07 p {position:absolute; left:50%; margin-top:10%; margin-left:-160px;}
#main_warp .main_con07 p.sp1_txt {font-family: 'Nanum Barun Gothic'; font-size: 12px;/* 1em = 16px */ color: #252525; font-weight: 600; letter-spacing:-0.5px;}
#main_warp .main_con08 {padding:12% 0 4% 0;}

@media screen and (max-width: 480px) {
    #main_warp .main_con01 p.sp0_txt {font-size: 11px;}
	#main_warp .main_con07 p.sp1_txt {font-size: 12px;}
}
@media screen and (min-device-width: 481px) and (max-device-width: 768px) { 
   #main_warp .main_con01 p.sp0_txt {font-size: 17px;}
   #main_warp .main_con01 p {margin-left:-150px;}
   #main_warp .main_con07 p.sp1_txt {font-size: 17px;}
   #main_warp .main_con07 p {margin-left:-230px;}
}
@media screen and (min-width: 769px) {
    #main_warp .main_con01 p.sp0_txt {font-size: 17px;}
	#main_warp .main_con01 p {margin-left:-160px;}
	#main_warp .main_con07 p.sp1_txt {font-size: 17px;}
	#main_warp .main_con07 p {margin-left:-230px;}
}

/* index style E */


/* room q menu S */
/* rinfo */
#qm{z-index:99; position:absolute; top:107px; left:50%; margin-left:-75px; width:70px; height:29px;}

#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: 107px; 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: 15px 10px;}
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;}

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

#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: 107px; 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% 2% 0 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%; max-width:800px; margin:0 auto; z-index:2;}
	.room_preview01 { width:98%; margin:0 auto 3%; left:50%; margin-left:-35px; }
	.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; }
	.room_preview01 dd ul { margin:1% auto; }
	.room_preview01 dd ul:after {content:"";display:block;clear:both;}
	.room_preview01 dd ul li { text-align:center; float:left; font-size:1.2em; overflow:hidden; }

	.room_preview01 dd ul li img { display:block; width:100%; max-width:365px; 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';}

	@media  (min-width: 1025px){
	.room_preview01 dd ul li { width:24%; margin:0 0 2% 1.3333%; }
	.room_preview01 dd ul li:nth-child(4n+1) { margin-left:0;}
	}

	@media  (max-width: 1024px){
	.room_preview01 dd ul li { width:32%; margin:0 0 2% 2%; }
	.room_preview01 dd ul li:nth-child(3n+1) { margin-left:0;}	
	}

	@media  (max-width: 660px){
	.room_preview01 dt{ margin:0 0; font-size:1.5em; font-weight:700; }
	.room_preview01 dd{ font-size:1em; }
	.room_preview01 dd ul { margin: 4% auto 10%;}
	.room_preview01 dd ul li { font-size:1em; margin-bottom:3%; }
	
	}


	@media  (max-width: 420px){
	.room_preview01 dd ul li { font-size:0.75em; letter-spacing:-0.05em; }
	

	}

		@media  (max-width: 1024px) {
		.contents {
			width: 98%;
		}
	}
/* room q menu E */


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

.rstit {width: 100%; text-align: center; margin: 0 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: 600px; margin: 0 auto; overflow: scroll;}
.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: 30px;}
.rooms img {width: 100%;}
.r_info {font-size: 10.5px; line-height: 17px; padding: 3% 0;}
.rooms table {width: 90%; font-size: 11px; border-collapse: collapse; margin: 0 auto;}
.rooms table tr {}
.rooms table tr th {background: #ededed; padding: 2% 0; border: 1px solid #dadada;}
.rooms table tr td {padding: 2% 0; border: 1px solid #dadada;}
.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 div img {margin: 0 0 0.5% 0;} 
.r_con01 {position: relative;}
.r_con01 p {position: absolute; bottom: 0; left: 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 */



/* 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: 20px 0;}
.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-family: 'Nanum Barun Gothic', sans-serif; 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%; text-align: center; border-collapse: collapse; margin: 0 auto -1px;}
.reser_con .reser_txt table tr {}
.reser_con .reser_txt table tr th {background: #ededed; padding: 2% 0; border: 1px solid #dadada;}
.reser_con .reser_txt table tr td {padding: 2% 0; border: 1px solid #dadada;}
.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%;}