@charset "utf-8";

#wrap{}

.content_body{position:relative; width:1240px; margin:0 auto;}

/* 서브비주얼 */
#sub_visual{position:relative; width:100%; height:200px;}
#sub_visual .img{width:980px; margin:0 auto;}

/* 사이드 */
#aside{position:absolute; right:-65px; top:40px;}
#aside div.quick_menu{width:55px; border:1px solid #cdcdcd;}
#aside div.quick_menu h3.title{height:33px; font-size:12px; line-height:33px; text-align:center;}
#aside div.quick_menu ul{padding:5px;}
#aside div.quick_menu ul li{text-align:center; border-top:1px solid #e2e2e2;}
#aside div.quick_menu ul li a{padding:15px 0; display:block; font-size:11px; text-decoration:none;}
#aside div.quick_menu ul li a:hover{background:#f4f4f4;}
#aside a.top{display:block; margin:5px 0 0 0; text-align:center; font-size:11px;}

/* 서브네비게이션바 */
#snb{width:100%; background:url('../images/sub/sub_nav_bg.gif') repeat-x; height:52px;}
#snb .nav{width:1240px; margin:0 auto;}
#snb .nav .sel{display:none;}
#snb .nav h2.title{height:56px; background:#1f858b; line-height:56px; text-align:center; font-size:18px; font-weight:bold; color:#fff;}
#snb .nav ul{}
#snb .nav ul li{display:table-cell; width:1%; text-align:center; border-right:1px solid #ddd;}
#snb .nav ul li:first-child{border-left:1px solid #ddd;}
#snb .nav ul li a{display:block; line-height:50px; height:50px; text-decoration:none; color:#505050;}
#snb .nav ul li.selected a{border-bottom:2px solid #000;}
#snb .nav ul li ul{margin:0 0 0 13px; width:auto; background:#fff;}
#snb .nav ul li ul li{}
#snb .nav ul li.selected ul li a{padding:8px 10px; color:#a4a4a4; font-weight:normal; background:none; font-size:11px; border-bottom:1px dotted #ddd;}
#snb .nav ul li.selected ul li.selected a{margin:0; color:#333; font-weight:bold;}

/* 컨텐츠 */
#content{display:block; width:980px; margin:0 auto;}
#content div.path{margin-top:70px; text-align:center;}
#content div.path h3.title{margin:0 0 30px 0; text-align:center; font-size:52px; font-family:'Nanum Myeongjo'; font-weight:600; }
#content div.path div.location{float:right; margin:11px 0 0 0; padding-left:18px; font-size:11px; color:#888; }
#content div.path div.location span.current{color:#505050; font-weight:bold;}
#content h4.stitle{margin:30px 0 10px 0; padding:0 0 0 10px; font-size:25px; font-weight:normal; background:url('../images/sub/h4_bu.jpg') 0 0 no-repeat;}

.fotorama{width:100%;}
.fotorama__thumb-border{border-color:#db9e0c;}
.reserv_btn{display:block; position:absolute; right:130px;}

/* Table Type01 */
#content .con_table{
	width:100%;
	margin:10px 0 28px 0;
	border-top:2px solid #a17f2d;
	text-align:center;
}
#content .con_table th,#content .con_table td{
	padding:9px 5px 8px;
	border:1px solid #d3d5d7;
	border-top:0 none;
	font-size:16px;
	font-weight:400;
	color:#3c3c3c;
	line-height:22px;

}
#content .con_table td{text-align:left; padding-left:10px;}
#content .con_table th{background:#f9f9f8;}
#content .con_table td.align_left{
	text-align:left;
	padding:9px 20px 8px;
}
#content .con_table .fontC{
	background:#e5f2fa;
}
#content .con_box01{
	margin-top:10px;
	padding:10px 17px;
	background:#e5f2fa;
	color:#2981a9;
	border-radius:4px;
}

#content .fontC_Red{
	color:#ee751c !important;
}

#content .fontC_Blue{
	color:#0034f4 !important;
}

#content .con_table ul{}
#content .con_table ul li{line-height:22px; padding:3px 0 3px 8px; background:url('../images/sub/bu_type1.gif') 0 13px no-repeat;}



/* 오시는 길 */
.map_wrap { padding:20px 25px 20px 20px; border:1px solid #ababab; border-bottom:none; font-weight:300; }
.map_wrap ul { overflow:hidden; }
.map_wrap ul li { float:left; height:48px; line-height:48px; box-sizing:border-box; }
.map_wrap ul li label { position:absolute; left:0; top:0; width:70px; height:100%; vertical-align:top; border:1px solid #ababab; border-right:none; color:#000; text-align:center; box-sizing:border-box; }
.map_wrap ul li input { height:100%; font-family:'Noto Sans KR'; vertical-align:top; box-sizing:border-box; }
.map_wrap ul li input.text { display:inline-block; width:100%; background:#fff; padding:0 15px; border:1px solid #ababab; font-weight:300; color:#000; }
.map_wrap ul li.mapTit { width:17%; padding-left:30px; background:url('../images/sub/marker.png') left center no-repeat; font-size:1.125em; color:#000; }
.map_wrap ul li.mapStart { position:relative; width:38%; padding:0 35px 0 70px; background:url('../images/sub/map_arr.png') 96% center no-repeat; box-sizing:border-box; }
.map_wrap ul li.mapStart .text::-webkit-input-placeholder { font-weight:300; color:#000; }
.map_wrap ul li.mapStart .text::-moz-placeholder { font-weight:300; color:#000; }
.map_wrap ul li.mapStart .text::-ms-input-placeholder { font-weight:300; color:#000; }
.map_wrap ul li.mapArrival { position:relative; width:45%; padding:0 95px 0 70px; }
.map_wrap ul li.mapArrival .btn { position:absolute; right:0; top:0; width:80px; background:#f2f2f2; border:1px solid #8d99a2; color:#000; }

/* SNS & QR코드 */
#content div.content_etc{overflow:hidden; margin:20px 0 0 0; border:1px solid #eee;}
#content div.content_etc div.sns{float:left;}
#content div.content_etc div.sns dl{height:100%;}
#content div.content_etc div.sns dl:after{content:''; display:block; float:none; clear:both;}
#content div.content_etc div.sns dl dt{}
#content div.content_etc div.sns dl dd{display:inline; float:left; height:52px;}
#content div.content_etc div.sns dl dd a{display:block; margin:12px 0 0 0; padding-left:42px; padding-right:12px; line-height:24px; border-left:1px solid #d4d4d4; text-decoration:none;}
#content div.content_etc div.sns dl dd.first{padding-left:15px; background:url('../images/sub/content_etc_bg.gif') no-repeat;}
#content div.content_etc div.sns dl dd.first a{border:0;}
#content div.content_etc div.sns dl dd a.twitter{background:url('../images/sub/sns_twitter.gif') 12px 0 no-repeat;}
#content div.content_etc div.sns dl dd a.facebook{background:url('../images/sub/sns_facebook.gif') 12px 0 no-repeat;}
#content div.content_etc div.sns dl dd a.me2day{background:url('../images/sub/sns_me2day.gif') 12px 0 no-repeat;}
#content div.content_etc div.sns dl dd a.yozm{background:url('../images/sub/sns_yozm.gif') 12px 0 no-repeat;}

#content div.content_etc div.qrcode{float:right; padding:5px;}

#content .intro_greeting{position:relative; margin-top:50px; height:250px; background:url('../images/sub/intro_bg.gif') right -40px no-repeat; border-bottom:1px solid #d2d2d2;}
#content .intro_greeting .intro_title{font-size:26px; color:#a17f2d; padding-bottom:60px;}
#content .intro_greeting .intro_content{width:500px;}
#content .intro_photo{position:relative; margin-top:20px;}
#content .intro_photo li{float:left; padding:6px; text-align:center;}
#content .intro_photo li p{display:block; position:relative;}
#content .intro_photo li p .intro_ex{position:absolute; top:0; left:0; padding:5px 7px 7px 7px; background:rgba(0,0,0,0.7); line-height:19px; font-size:17px; font-weight:300; color:#fff;}

.dpt{display:table !important;}

@media only screen and (min-width: 1024px){
	#sub_visual{min-width:1240px;}
}

@media only screen and (max-width: 1023px){
	#content{width: 94%; padding:0 3%;}
	.content_body{width:100%;}
	.sub .sub_visual{height:200px;}
	#snb .nav{width:100%; height:50px; text-align:left;}
	#snb .nav .sel{padding-left:15px; text-decoration:none; display:block; position:relative; height:100%; border-bottom:1px solid #cacaca; background:url('../images/sub/snb_menu_open.gif') right center no-repeat;}
	#snb .nav .sel.on{background:url('../images/sub/snb_menu_close.gif') right center no-repeat;}
	#snb .nav .txt{line-height: 50px; vertical-align:middle;}
	#snb .nav ul {display:none; position:absolute; z-index:99999999999999; left: 0px; right:0; top: 50px; bottom:0; z-index:5; width:100%; height:100%; padding:0; margin:0; border-bottom:1px solid #929292; background:rgba(241,241,241,0.97);}
	#snb .nav ul li{display:block; float:none; clear:both; text-align:left; border:0; width:100% !important;}
	#snb .nav ul li a:hover{color:#848484;}
	#snb .nav ul li a{display:block; color:#848484; padding-left:15px;}
	#snb .nav ul li.selected a{border-bottom:none; background:#4e8c65; color:#fff;}
	#snb .nav ul li.active a{color:#fff; border:0; background:#945952; !important;}
	.main .main_visual .txt1 img,
	.main .main_visual .txt2 img{width:80%;}
	.root_daum_roughmap{width:100% !important;}
	#content .intro_photo{width:100%;}
	#content .intro_photo li{width:23%; padding:1%;}
	#content .intro_photo li p img{width:100%;}
	.reserv_btn{right:3%;}
}

@media only screen and (max-width: 870px){
	#content div.path{margin-top:30px;}
	#content div.path h3.title{font-size:35px;}
	.map_wrap{display:none;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	#content .con_table th, #content .con_table td{font-size:14px;}
	#content .ready{width:100%;}
	#content .intro_greeting{background:none; margin:0; padding-bottom:20px; height:auto;}
	#content .intro_greeting .intro_title{padding-bottom:15px; font-size:20px;}
	#content .intro_greeting .intro_content{width:100%;}
	#content .intro_photo li{width:31.333333333333%; padding:1%;}
}

@media only screen and (max-width: 400px){
	#content .intro_photo li{width:48%; padding:1%;}
}









.calendar{}
.calendar .head{height:100%;}
.calendar .head:after{content:""; display:block; float:none; clear:both;}
.calendar .navi{float:left; font-size:30px; font-weight:bold;}
.calendar .navi .title{display:inline-block; padding:0 10px;}
.calendar .navi .prev,
.calendar .navi .next{display:inline-block; overflow:hidden; vertical-align:top;}
.calendar .navi .prev i,
.calendar .navi .next i{font-weight:bold;}
.calendar .navi .prev .txt,
.calendar .navi .next .txt{font-size:0;}
.calendar .icon{float:right; padding-top:20px;}
.calendar .icon dl{}
.calendar .icon dl dt{display:inline-block; float:left; margin:0 3px; 0 10px;}
.calendar .icon dl dd{float:left; color:#545454; font-size:13px;}
.tbl_calendar{margin:10px 0 0 0; border:1px solid #b0b0b0;}
.tbl_calendar thead tr th{padding:6px 0; background:#d6c9bd; border-left:1px solid #fff; font-weight:normal; font-size:14px;}
.tbl_calendar thead tr th.day_sun{border-left:0; color:#f68103;}
.tbl_calendar thead tr th.day_sat{color:#3289ff;}
.tbl_calendar tbody tr td{height:150px; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; vertical-align:top; width:14.2857%;}
.tbl_calendar tbody tr td.td0{border-left:0;}
.tbl_calendar tbody tr td .day{margin:5px;}
.tbl_calendar tbody tr td .day .sum{color:#545454; font-size:13px;}
.tbl_calendar tbody tr td .day .cost_gb{color:#999; font-size:13px;}
.tbl_calendar tbody tr td .room{margin:5px;}
.tbl_calendar tbody tr td .room ul{}
.tbl_calendar tbody tr td .room ul li{margin:7px 0 0 0; font-size:14px;}
.tbl_calendar tbody tr td .room ul li .on{color:#333;}
.tbl_calendar tbody tr td .room ul li .off{color:#999;}
.tbl_calendar tbody tr td.td0 .day .num{color:#f19028;}
.tbl_calendar tbody tr td.td6 .day .num{color:#5684c1;}

.reserv{}
.reserv .btn_navi{text-align:center;}
.reserv .btn{display:inline-block; height:44px; padding:0 50px; background:#a4a4a4; color:#fff; line-height:44px; font-size:14px;}
.reserv .btn.btn_ok{background:#978457;}

/* 네비게이션 */
#content .navi{height:100%; margin:20px 0 0 0;}
#content .navi:after{content:""; display:block; float:none; clear:both;}
#content .navi img{vertical-align:middle;}
#content .pagination{margin:3px; padding:7px; text-align:center;}
#content .pagination a{margin:2px; padding:5px 8px; border:1px solid #ededed; color:#777; text-decoration: none; font:11px verdana;}
#content .pagination strong{margin:2px; padding:5px 8px; border:1px solid #41c6a4; background:#41c6a4; font-weight:bold; color:#fff; font:11px verdana;}
#content .pagination span a{border:1px solid #f2f2f2; background:#f2f2f2;}
#content .pagination span.prev{display:inline-block; margin:0 5px 0 0;}
#content .pagination span.next{display:inline-block; margin:0 0 0 5px;}