@charset "utf-8";


.ml7 {margin-left:7px !important;}
.ml15 {margin-left:15px !important;}
.point {color:#7cc805 !important;}
.fl {float:left !important;}

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select
	{
	margin: 0;
	padding: 0
}

body,input,textarea,select,button,table {
	font-family: '돋움', Dotum, tahoma, sans-serif;
	font-size: 12px
}

img,fieldset {
	border: 0
}

ul,ol {
	list-style: none
}

em,address {
	font-style: normal
}

a {
	text-decoration: none;
	color: #000;
}

a:hover,a:active,a:focus {
	text-decoration: none;
	color: #7cc805;
}

body {
	color: #000;
	background-color: #eff2f8 !important;
}

img {
	vertical-align: middle;
}

caption {
	visibility: hidden;
}

table {
	border-collapse: collapse;
}

/* Layout */
#wrap {
	
}

#header {
	height: 56px;
	width: 100%;
}

#container_main {
	width: 1100px;
	margin: 0px auto;
	margin-bottom: 25px;
}

#footer {
	width: 100%;
}

.centerWrap {
	position: relative;
	margin: 0px auto;
	height: auto;
	width: 1200px;
}

/* 오른쪽 상단 배경이미지/////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*봄*/
.top_spring {
	position: absolute;
	top: 99px;
	right: 0px;
	width: 352px;
	height: 295px;
	z-index: -1;
	background: url(/image/homepage/bg_container_spring.jpg) no-repeat top
		right;
}
/*여름*/
.top_summer {
	position: absolute;
	top: 99px;
	right: 0px;
	width: 352px;
	height: 295px;
	z-index: -1;
	background: url(/image/homepage/bg_container.jpg) no-repeat top right;
}
/*가을*/
.top_autumn {
	position: absolute;
	top: 99px;
	right: 0px;
	width: 352px;
	height: 295px;
	z-index: -1;
	background: url(/image/homepage/bg_container_autumn.jpg) no-repeat top
		right;
}
/*겨울*/
.top_winter {
	position: absolute;
	top: 99px;
	right: 0px;
	width: 352px;
	height: 295px;
	z-index: -1;
	background: url(/image/homepage/bg_container_winter.jpg) no-repeat top
		right;
}

/*index_메인스타일/////////////////////////////////////////////////////////////////////////////////////////////////////////메인/*/
/*봄*/
#visual_spring {
	width: 100%;
	height: 565px;
	background: url(/image/homepage/bg_mainspring.jpg) repeat-x left top;
}

#visual_spring img {
	position: relative;
	left: 50%;
	margin-left: -930px;
}
/*여름*/
#visual_summer {
	width: 100%;
	height: 565px;
	background: url(/image/homepage/bg_mainsummer.jpg) repeat-x left top;
}

#visual_summer img {
	position: relative;
	left: 50%;
	margin-left: -930px;
}
/*가을*/
#visual_autumn {
	width: 100%;
	height: 565px;
	background: url(/image/homepage/bg_mainautumn.jpg) repeat-x left top;
}

#visual_autumn img {
	position: relative;
	left: 50%;
	margin-left: -930px;
}
/*겨울*/
#visual_winter {
	width: 100%;
	height: 565px;
	background: url(/image/homepage/bg_mainwinter.jpg) repeat-x left top;
}

#visual_winter img {
	position: relative;
	left: 50%;
	margin-left: -760px;
}
/*메인*/
#visual_main {
	width: 100%;
	height: 565px;
	background: url(/image/homepage/bg_main.jpg) repeat-x left top;
}

#visual_main img {
	position: relative;
	left: 50%;
	margin-left: -640px;
}

.con1,.con2,.notice,.con3 {
	display: inline;
	float: left;
}

.con1 {
	
}

.con1 img {
	float: left;
}

.con2 {
	width: 201px;
}

.notice {
	height: 165px;
	width: 399px;
}

.con3 {
	width: 300px;
}

/*footer/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#footer {
	clear: both;
	height: 50px;
	border-top: solid 1px #f1f1f1;
	padding-top: 15px;
	line-height: 150%;
	margin-bottom: 20px;
}

.copyright {
	position: relative;
	margin: 0 auto;
	width: 1100px;
	padding: 0px 0px 0px 20px;
/* 	color: #b3b3b3; */
	color: black;
}

.copyright p {
	display: inline-block;
	float: left;
}

.select_site {
	display: inline-block;
	float: right
}

.select_site span {
	border-left: solid 1px #f1f1f1;
	padding: 0px 0px;
	float: right
}

.select_site select {
	height: 20px;
	width: 150px;
	border-color: #d9d9d9;
	color: #b3b3b3;
}

/*봄*/
#footer_sub_spring {
	clear: both;
	position: relative;
	bottom: 0px;
	bottom: 0px;
	height: 209px;
	width: 100%;
	background: url(/image/homepage/bg_footer2.gif) repeat-x bottom left
}

#footer_sub_spring img {
	position: absolute;
	left: 50%;
	top: -71px;
	margin-left: -650px;
}
/*여름*/
#footer_sub {
	clear: both;
	position: relative;
	bottom: 0px;
	bottom: 0px;
	height: 209px;
	width: 100%;
	background: url(/image/homepage/bg_footer2.gif) repeat-x bottom left
}

#footer_sub img {
	position: absolute;
	left: 50%;
	top: -71px;
	margin-left: -650px;
}
/*가을*/
#footer_sub_autumn {
	clear: both;
	position: relative;
	bottom: 0px;
	bottom: 0px;
	height: 209px;
	width: 100%;
	background: url(/image/homepage/bg_footer2_autumn.gif) repeat-x bottom left
}

#footer_sub_autumn img {
	position: absolute;
	left: 50%;
	top: -71px;
	margin-left: -650px;
}
/*겨울*/
#footer_sub_winter {
	clear: both;
	position: relative;
	bottom: 0px;
	bottom: 0px;
	height: 209px;
	width: 100%;
	background: url(/image/homepage/bg_footer2_winter.gif) repeat-x bottom
		left
}

#footer_sub_winter img {
	position: absolute;
	left: 50%;
	top: -71px;
	margin-left: -590px;
}

/*header///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#header {
	background-color: #fff;
	border-bottom: solid 1px #dbdbdb;
	padding-top: 42px;
}

#header .centerWrap span {
	float: left;
}

#header .centerWrap .spot_menu {
	position: absolute;
	top: -42px;
	right: 0px;
	width: 240px;
	height: 11px;
	background: url(/image/homepage/bg_spot.gif) no-repeat left top;
	padding: 5px;
	padding-left: 15px;
}

#header .centerWrap .spot_menu span {
	margin-left: 10px;
}

#gnb {
	float: right;
}

#gnb li {
	display: inline
}

#gnb {
	float: right;
	margin-right: -17px;
	text-align: center;
}

#gnb>li {
	float: left;
	height: 32px;
}

#gnb li a {
	display: block;
	height: 32px;
	text-decoration: none;
	margin-left: 5px;
}

#gnb>li a:hover {
	
}

#gnb ul {
	position: absolute;
	height: 24px;
	display: none;
	z-index: 1000;
	margin-left: -30px;
	background-color: #ecf6ff;
}

#gnb ul li {
	display: inline-block;
	vertical-align: top;
	margin: 0px 3px 0px 3px;
}

#gnb ul li a {
	height: 24px;
	margin-top: 0px;
}

#gnb ul li a:hover {
	height: 22px;
	border-bottom: solid 2px #aeec4d;
}

#gnb li:hover ul {
	display: block;
}

/*container/////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#container {
	position: relative;
	margin: 0px auto;
	width: 1200px;
	background-color: #eff2f8;
}

#container_main {
	padding-top: 25px;
}

#contentM {
	height: 165px;
}

#content1 {
	min-height:600px;
	width:860px;
	float: left;
	margin-left:40px;
}

#content2 {
	position: relative;
	z-index: 1000;
	min-height: 880px;
	width: 1040px;
	border: solid 1px #bcbaba;
	background-color: #fff;
	padding: 15px 29px 30px 29px;
	margin-top: 25px;
}

/*퀵메뉴Quickmenu/////////////////////////////////////////////////////////////////////*/
.rightQuick {width:100px; height:520px; position:absolute; top:100px; right:-30px; z-index:9999;}
.rightQuick li:first-child {width:100%; height:108px; background:url(/image/homepage/quickmenu.png) no-repeat; margin-bottom:5px;}
.rightQuick li:nth-child(2),.rightQuick li:nth-child(3),.rightQuick li:nth-child(4),.rightQuick li:nth-child(5) {width:100%; height:93px;}
.rightQuick li:nth-child(2) a {background-position:0 -110px;}
.rightQuick li:nth-child(2) a:hover {background-position:-100px -110px;}
.rightQuick li:nth-child(3) a {background-position:0 -204px;}
.rightQuick li:nth-child(3) a:hover {background-position:-100px -204px;}
.rightQuick li:nth-child(4) a {background-position:0 -298px;}
.rightQuick li:nth-child(4) a:hover {background-position:-100px -298px;}
.rightQuick li:nth-child(5) a {height:92px; background-position:0 -392px;}
.rightQuick li:nth-child(5) a:hover {background-position:-100px -392px;}
.rightQuick li:last-child a {width:100%; height:34px; margin-top:5px; background-position:0 -486px;}
.rightQuick li a {width:100%; height:100%; display:block; background:url(/image/homepage/quickmenu.png) no-repeat;}

/*레프트메뉴 lnb/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#leftMenu {
	width: 200px;
	float: left;
	margin-top: 25px;
}

#leftMenu dt {
	margin-bottom: 0px;
}

#leftMenu dd {
	height: 26px;
	padding: 8px 0px 0px 35px;
	background: url(/image/homepage/bg_left_middle.png) repeat-y left top;
}

#leftMenu dd a {
	display: block;
}

/*공통/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/* 페이지네이트 */
.paginate_regular {
	padding: 15px 0;
	text-align: center;
	line-height: normal;
	margin-bottom: 50px
}

.paginate_regular a,.paginate_regular strong {
	display: inline-block;
	position: relative;
	margin: 0 -2px;
	padding: 2px 8px;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Sans-serif;
	color: #333;
	line-height: normal;
	text-decoration: none;
	vertical-align: middle
}

.paginate_regular strong {
	color: #7cc805
}

.paginate_regular .direction {
	font-weight: normal;
	color: #767676;
	white-space: nowrap
}

.paginate_regular .direction span {
	font-weight: bold;
	font-size: 14px;
}

/*테이블 스타일 - 회원가입,예약확인취소*/
.greenLine {
	width: 100%;
	border: solid 1px #b7b5b5;
	border-top: solid 2px #68b400;
	border-spacing: 0;
	background-color: #fff;
}

.greenLine td,.greenLine th {
	height: 33px;
	border: 0;
	border-bottom: 1px solid #ccc;
}

.greenLine th {
	background: #f5f5f5;
	padding-left: 25px;
}

.greenLine td {
	padding-left: 15px;
}

.greenLine td img {
	vertical-align: middle;
}

.greenLine caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}

.greenLine .must {
	background: url(/image/homepage/bullet03.gif) no-repeat 10px 13px;
	background-color: #f5f5f5
}

.greenLine input,.greenLine select {
	margin: 0px 5px 0px 5px;
}

.greenLine .red {
	font-weight: bold;
	color: red;
}

/*인풋 스타일*/
input {
	height: 20px;
	border: solid 1px #ccc;
	vertical-align: middle;
}

.input01 {
	width: 75px;
}

.input02 {
	width: 90px;
}

.input03 {
	width: 120px;
}

.input04 {
	width: 155px;
}

.input05 {
	width: 330px;
}

/*셀렉트 스타일*/
select {
	height: 22px;
	border: solid 1px #ccc;
	vertical-align: middle;
}

.selec01 {
	width: 77px;
}

/*자연휴양림소개-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*휴양림소개*/
#hu_info {
	padding-top: 85px;
	margin-bottom: 30px;
	line-height:200%;
}

#hu_info h2 {
	margin: 28px 0px 20px 0px;
}

#hu_info p {
	margin-bottom: 18px;
	font-family:'Malgun Gothic';
	font-size:16px;
	line-height:200%;
}

/*휴양림갤러리*/
.photo_box li {
	float: left;
	display: inline;
	height: 98px;
	width: 98px;
	border: solid 1px #b1b0b0;
	margin: 0px 6px 6px 0px;
	background-color: #fff;
}

.photo_box li a {
	display: block;
}

.photo_box li a img {
	display: block;
	width:98px;
	height:98px;
}

.photo_box li a:hover {
	height: 95px;
	width: 95px;
	border: solid 3px #8be200;
	margin-left: -1px;
	margin-top: -1px;
}

.photo_box li a:hover img {
	height: 95px;
	width: 95px;
}

.photo_box {
	height: 420px;
}

/*휴양림갤러리 뷰페이지 - 수정금지*/
#colorbox,#cboxOverlay,#cboxWrapper {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	overflow: hidden;
}

#cboxWrapper {
	max-width: none;
}

#cboxOverlay {
	position: fixed;
	width: 100%;
	height: 100%;
}

#cboxMiddleLeft,#cboxBottomLeft {
	clear: left;
}

#cboxContent {
	position: relative;
}

#cboxLoadedContent {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#cboxTitle {
	margin: 0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
	cursor: pointer;
}

.cboxPhoto {
	float: left;
	margin: auto;
	border: 0;
	display: block;
	max-width: none;
	-ms-interpolation-mode: bicubic;
}

.cboxIframe {
	width: 100%;
	height: 100%;
	display: block;
	border: 0;
}

#colorbox,#cboxContent,#cboxLoadedContent {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

/*휴양림갤러리 뷰페이지 - 수정가능*/
#cboxOverlay {
	background: #000;
}

#colorbox {
	outline: 0;
}

#cboxContent {
	margin-top: 32px;
	overflow: visible;
	background: #000;
}

.cboxIframe {
	background: #fff;
}

#cboxError {
	padding: 50px;
	border: 1px solid #ccc;
}

#cboxLoadedContent {
	background: #000;
	padding: 1px;
}

#cboxLoadingGraphic {
	background: url(/image/homepage/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
	background: #000;
}

#cboxTitle {
	position: absolute;
	top: -22px;
	left: 0;
	color: #fff;
	font-weight: bold;
}

#cboxCurrent {
	position: absolute;
	top: -22px;
	right: 0px;
	color: #7cc805;
	font-weight: bold; /*text-indent:-9999px;*/
}

#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
	position: absolute;
	border: 0;
	padding: 0;
	margin: 0;
	overflow: visible;
	text-indent: -9999px;
}

#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active
	{
	outline: 0;
}

#cboxPrevious,#cboxNext,#cboxPrevious:active,#cboxNext:active {
	top: 50%;
	margin-top: -17px;
	height: 33px;
	width: 29px;
}

#cboxPrevious {
	left: 10px;
	background: url(/image/homepage/gallery/btn_pre.png) no-repeat 0 0;
}

#cboxPrevious:hover {
	left: 10px;
	background: url(/image/homepage/gallery/btn_preon.png) no-repeat 0 0;
}

#cboxNext {
	right: 10px;
	background: url(/image/homepage/gallery/btn_next.png) no-repeat 0 0;
}

#cboxNext:hover {
	right: 10px;
	background: url(/image/homepage/gallery/btn_nexton.png) no-repeat 0 0;
}

#cboxClose {
	top: 7px;
	right: 7px;
	height: 23px;
	width: 21px;
	background: url(/image/homepage/gallery/btn_close3.gif) no-repeat 0 0;
}

#cboxClose:hover {
	top: 7px;
	right: 7px;
	height: 23px;
	width: 21px;
	background: url(/image/homepage/gallery/btn_close3on.gif) no-repeat 0 0;
}

.cboxSlideshow_on #cboxSlideshow,.cboxSlideshow_off #cboxSlideshow {
	width: 131px;
	height: 18px;
	right: 55px;
	top: -23px;
}

.cboxSlideshow_on #cboxSlideshow {
	background: url(/image/homepage/gallery/btn_slidestop.png) no-repeat 0 0;
}

.cboxSlideshow_off #cboxSlideshow {
	background: url(/image/homepage/gallery/btn_slidestart.png) no-repeat 0
		0;
}

/*이용안내-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*찾아오시는 길*/
.con_map {
	margin-top: 20px;
	border: solid 1px #c2dbd8;
	margin-bottom: 70px;
}

/*이용요금*/
#fee_info {
	padding-top: 85px;
	margin-bottom: 30px;
}

#fee_info h2 {
	margin: 28px 0px 0px 0px;
}

#fee_info p {
	margin-bottom: 18px;
}

#fee_info table {
	width: 100%;
	border-top: solid 2px #68b400;
	border-bottom: solid 1px #b7b5b5 !important;
	border-collapse: collapse;
}

#fee_info caption {
	visibility: none;
}

#fee_info th {
	height: 24px;
	text-align: center;
	color: #202020;
	border: solid 1px #e5e5e5;
	background-color: #f9f9f9;
}

#fee_info td {
	height: 40px;
	text-align: center;
	border: solid 1px #e5e5e5;
	background-color: #fff;
}

/*시설배치도*/
/*
#place_info{position:relative; padding-top:85px; margin-bottom:30px;}
#place_info h2{margin:28px 0px 20px 0px;}
.place_mo{position:absolute; height:54px; width:248px; padding:10px; border:solid 2px #5a5b5a; background-color:#fff;}
.place_mo .pl_img{float:left; height:55px; width:80px;}
.place_mo .pl_txt{position:relative; float:right; height:55px; width:163px; margin-left:5px;}
.place_mo .pl_txt p{margin-bottom:2px;}
.place_mo .pl_txt .btn{margin-top:7px;}
.place_mo .pl_txt .close{position:absolute; top:0px; left:157px; cursor:pointer;}
.place_mo .pl_txt .ico{position:absolute; top:-17px; left:39px; }
#pl_mo1{display:none; left:10px; top:485px;}
#pl_mo2{display:none; left:65px; top:435px;}
#pl_mo3{display:none; left:90px; top:425px;}
#pl_mo4{display:none; left:115px; top:430px;}
#pl_mo5{display:none; left:170px; top:425px;}
#pl_mo6{display:none; left:190px; top:407px;}
#pl_mo7{display:none; left:216px; top:392px;}
#pl_mo8{display:none; left:255px; top:430px;}
#pl_mo9{display:none; left:252px; top:400px;}
#pl_mo10{display:none; left:220px; top:495px;}
#pl_mo11{display:none; left:209px; top:452px;}
#pl_mo12{display:none; left:177px; top:460px;}
#pl_mo13{display:none; left:234px; top:443px;}
#pl_mo14{display:none; left:278px; top:455px;}
*/
#place_info {
	position: relative;
	padding-top: 85px;
	margin-bottom: 30px;
}

#place_info h2 {
	margin: 28px 0px 20px 0px;
}

.place_mo {
	position: absolute;
	height: 54px;
	width: 248px;
	padding: 10px;
	border: solid 2px #5a5b5a;
	background-color: #fff;
	left: 304px;
	top: 813px;
}

.place_mo .pl_img {
	float: left;
	height: 55px;
	width: 80px;
}

.place_mo .pl_txt {
	position: relative;
	float: right;
	height: 55px;
	width: 163px;
	margin-left: 5px;
}

.place_mo .pl_txt p {
	margin-bottom: 2px;
}

.place_mo .pl_txt .btn {
	margin-top: 7px;
}

.place_mo .pl_txt .close {
	position: absolute;
	top: 0px;
	left: 157px;
	cursor: pointer;
}

.place_mo .pl_txt .ico {
	position: absolute;
	top: -17px;
	left: 38px;
}

#pl_mo1 {
	display: none;
	left: 302px;
	top: 763px;
}

#pl_mo2 {
	display: none;
	left: 302px;
	top: 730px;
}

#pl_mo3 {
	display: none;
	left: 302px;
	top: 694px;
}

#pl_mo4 {
	display: none;
	left: 302px;
	top: 661px;
}

#pl_mo5 {
	display: none;
	left: 302px;
	top: 625px;
}

#pl_mo6 {
	display: none;
	left: 302px;
	top: 590px;
}

#pl_mo7 {
	display: none;
	left: 470px;
	top: 740px;
}

#pl_mo8 {
	display: none;
	left: 470px;
	top: 700px;
}

#pl_mo9 {
	display: none;
	left: 470px;
	top: 645px;
}

#pl_mo10 {
	display: none;
	left: 470px;
	top: 610px;
}

#pl_mo11 {
	display: none;
	left: 470px;
	top: 490px;
}

#pl_mo12 {
	display: none;
	left: 473px;
	top: 340px;
}

#pl_mo13 {
	display: none;
	left: 209px;
	top: 720px;
}

#pl_mo14 {
	display: none;
	left: 163px;
	top: 720px;
}

#pl_mo15 {
	display: none;
	left: 120px;
	top: 792px;
}

#pl_mo16 {
	display: none;
	left: 210px;
	top: 745px;
}

#pl_mo17 {
	display: none;
	left: 165px;
	top: 746px;
}

#pl_mo18 {
	display: none;
	left: 118px;
	top: 747px;
}

#pl_mo19 {
	display: none;
	left: 207px;
	top: 697px;
}

#pl_mo20 {
	display: none;
	left: 164px;
	top: 698px;
}

#pl_mo21 {
	display: none;
	left: 119px;
	top: 699px;
}

/*시설안내-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*룸뷰*/
#hu_room {
	position: relative;
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_room #room_tap {
	height: 50px;
	margin-top: 27px;
	margin-bottom: 15px;
}

#hu_room #room_tap li {
	display: inline-block;
	float: left;
	height: 27px;
	width: 100px;
	margin-right: 6px;
	margin-bottom: 5px;
	padding-top: 12px;
	background: url(/image/homepage/bg_greybox.gif) no-repeat left top;
	text-align: center;
	cursor:pointer;
}

#hu_room #room_tap li a {
	display:block;
	color: #fff;
	font-weight: bold;
	width:100px;
	height:27px;
}

#hu_room #room_tap .on {
	display: inline-block;
	float: left;
	height: 27px;
	width: 100px;
	background: url(/image/homepage/bg_greenbox.gif) no-repeat left top;
}

#room_box {
	position: relative;
	clear: both;
	height: 360px;
	border: solid 1px #000;
	padding: 30px 17px 30px 30px;
	margin-bottom: 22px;
	background-color: #3f4040;
}

#room_box #room_view {
	float: left;
	width: 500px;
}

#room_box #room_view span {
	float: right;
	margin-top: 3px;
	font-weight: bold;
	color: #fff;
}

#room_box #room_view .thum_big {
	clear: both;
	height: 330px;
	margin-top: 8px;
	text-align: center;
	background-color: #000;
}

#room_box #room_view .thum_big img {
	height: 100%;
}

#room_box .thum_s {
	float: right;
	width: 280px;
	border-style: none;
}

#room_box .thum_s img {
	height: 80px;
	width: 80px;
}

#room_box .thum_s a {
	display: block;
}

#room_box .thum_s a:hover {
	border: solid 2px #8be200;
}

#room_box .thum_s a:hover img {
	height: 76px;
	width: 76px;
}

#room_box .thum_s li {
	display: inline-block;
	float: left;
	height: 80px;
	width: 80px;
	margin: 0px 13px 14px 0px;
	background-color: #686a6a;
}

#photo_list p {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 500px;
	height: 21px;
}

#photo_list span {
	float: right;
	margin-top: 10px;
	font-weight: bold;
	color: #fff;
	top: -10px;
	right: 0px;
	position: absolute;
	padding: 3px;
	background-color: #000;	
}



.BannerScreen {
	position: relative;
	float: left;
	width: 500px;
	overflow: hidden;
	height: 330px;
	margin-top: 30px;
	cursor: pointer;
	clear: both;
}

.BannerScreen.images {
	position: absolute;
	display: none;
}

.BannerButton {
	float: right;
	width: 280px;
	cursor: pointer;
}

.BannerButton li {
	position:relative;
	display: inline-block;
	float: left;
	height: 80px;
	width: 80px;
	float: left;
	margin: 0px 13px 14px 0px;
}

.BannerButton img {
	height: 80px;
	width: 80px;
}

.BannerButton li.labelOverClass {
	height: 76px;
	width: 76px;
	border: solid 2px #8be200;
}

.BannerButton li.labelOverClass img {
	height: 76px;
	width: 76px;
}

#hu_room .in_info {
	padding: 30px;
}

#hu_room .greenLine {
	text-align: center;
}

#hu_room .greenLine th,#hu_room .greenLine td {
	border: 1px solid #ccc;
	text-align: center;
}

#hu_room .greenLine th {
	padding-left: 0px;
}

#hu_room .greenLine td {
	padding: 10px 0px;
}

/*예약안내-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*예약시 주의사항*/
#caution_info {
	position: relative;
	padding-top: 85px;
	margin-bottom: 30px;
}

#caution_info p {
	margin: 28px 0px 20px 0px;
}

#caution_info dl {
	margin-bottom: 30px;
}

#caution_info dt {
	margin-bottom: 10px;
}

#caution_info dd {
	line-height: 200%;
	background: url(/image/homepage/bullet01.gif) no-repeat 0px 5px;
	padding-left: 18px;
}

#caution_info .red {
	background: url(/image/homepage/bullet02.gif) no-repeat 0px 5px
		!important;
	color: red;
	font-weight: bold;
}

/*예약순서 가이드*/
#guide_info {
	position: relative;
	padding-top: 85px;
	margin-bottom: 30px;
}

#guide_info p {
	margin: 28px 0px 20px 0px;
}

/*예약하기_인트로*/
.reserv_intro {
	height: 550px;
}

.reserv_intro li {
	float: left !important;
	width: 429px;
	height: 246px;
}

.reserv_intro li a:hover {
	border: solid 1px #7cc805;
	width: 427px;
	height: 244px;
}

.reserv_intro li a:hover  img {
	idth: 427px;
	height: 244px;
}

.reserv_intro li a {
	display: block;
	width: 427px;
	height: 244px;
}

/*예약하기*/
#content2 .location span {
	font-weight: bold;
	color: #55b215;
}

#content2 #step1 {
	width: 505px;
}

#content2 #step2 {
	width: 390px;
}

#content2 #step3 {
	width: 145px;
}

#step1,#step2,#step3 {
	margin-top: 10px;
	float: left;
}

#step1 h2,#step2 h2,#step3 h2 {
	height: 38px;
	padding-top: 11px;
	text-align: center;
}

#step1 h2 {
	background: url(/image/homepage/bg_grbar1.gif) no-repeat left top;
}

#step2 h2 {
	background: url(/image/homepage/bg_grbar2.gif) no-repeat left top;
}

#step3 h2 {
	background: url(/image/homepage/bg_grbar3.gif) no-repeat left top;
}

#step1 #month {
	text-align: center;
	padding-top: 30px;
}

#step1 #month span {
	font-size: 26px;
	font-weight: bold;
	font-family: Tahoma, sans-serif;
}

#step1 #month img {
	margin: 0px 2px 0px 2px;
}

#step1 .stepWrap {
	padding: 0px 20px 0px 0px;
}

#step1 .stepWrap table {
	width: 100%;
}

#step1 .stepWrap table caption {
	visibility: none;
}

#step1 .stepWrap table th {
	height: 20px;
}

#step1 .stepWrap table th,#step1 .stepWrap table td {
	border: solid 1px #d7d7d7;
}

#step1 .stepWrap table td {
	height: 85px;
	text-align: center;
	vertical-align: top;
}

#step1 .stepWrap .able,#step1 .stepWrap .unable {
	position: relative;
	height: 55px;
	padding-top: 30px;
}

#step1 .stepWrap .able {
	color: #ooo;
}

#step1 .stepWrap .unable {
	color: #bebdbd;
}

#step1 .stepWrap .able span,#step1 .stepWrap .unable span {
	position: absolute;
	left: 3px;
	top: 3px;
	font-family: tahoma, sans-serif;
	font-size: 10px;
}

#step1 .stepWrap .red {
	color: red;
}

#step2,#step3 {
	min-height: 630px;
	background: url(/image/homepage/bg_grey.gif) no-repeat 0px 50px;
}

#step2 .stepWrap {
	padding: 10px 10px 0px 10px;
}

#step2 .stepWrap .rechWrap {
	height: 60px;
}

#step2 .stepWrap .reserv_view {
	float: left;
	width: 196px;
	height: 80px;
}

#step2 .stepWrap .reserv_view .text_date {
	height: 27px;
	width: 196px;
	padding-top: 3px;
	margin-bottom: 10px;
	text-align: center;
	background: url(/image/homepage/bg_round.gif) no-repeat left top;
}

#step2 .stepWrap .reserv_view .text_date input {
	height: 22px;
	width: 97px;
	margin-left: 5px;
	font-family: tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-style: none;
	background-color: #eff2f8;
}

#step2 .stepWrap .choiceN {
	float: right;
	width: 158px;
	height: 80px;
	margin-top:-8px;
}

#step2 .stepWrap .choiceN  li {
	display: inline-block;
	float: right;
	height: 30px;
	width: 46px;
	margin-top: 8px;
	margin-bottom: 1px;
	margin-left: 4px;
	background: url(/image/homepage/bg_night.gif) no-repeat left top;
	text-align: center;
}

#step2 .stepWrap .choiceN  a {
	font-weight: bold;
	color: #fff;
	line-height:30px;
	display:block;
}

#step2 .stepWrap .choiceN  a:hover {
	font-weight: bold;
	color: #FFFF03;
}

#step2 .stepWrap .choiceN .choiceS {
	height: 30px;
	width: 46px;
	background: url(/image/homepage/bg_night_on.gif) no-repeat left top;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

#step2 .stepWrap .Pview {
	clear: both;
	height: 28px;
	border-top: solid 1px #c9c9c9;
	border-bottom: dashed 1px #c9c9c9;
	padding-top: 15px;
	margin: 20px 0px 10px 0px;
}

#step2 .stepWrap .Pview p {
	font-weight: bold;
	font-size: 11px;
}

#step2 .stepWrap .Pview p span {
	float: right;
}

#step2 .stepWrap .Hview .able,#step2 .stepWrap .Hview .unable {
	float: left;
/* 	height: 54px; */
/* 	width: 107px; */
	height: 20px;
	width: 60px;
	padding-top: 25px;
	margin: 5px 5px 5px 5px;
	text-align: center;
}

.able{
	background: url(/image/homepage/bg_able.gif) no-repeat left top;
	cursor: pointer;
}
.unable{
	background: url(/image/homepage/bg_unable.gif) no-repeat left top;
	cursor: pointer;
}

/* #step2 .stepWrap .Hview .able { */
/* 	background: url(/image/homepage/bg_able.gif) no-repeat left top; */
/* 	cursor: pointer; */
/* } */

/* #step2 .stepWrap .Hview .unable { */
/* 	background: url(/image/homepage/bg_unable.gif) no-repeat left top; */
/* } */

#step2 .stepWrap .Hview .able strong,#step2 .stepWrap .Hview .unable strong
	{
	font-family: tahoma;
	font-size: 16px;
	color: #fff;
}

#step2 .stepWrap .Hview .able .em,#step2 .stepWrap .Hview .unable .em {
	font-weight: bold;
	margin-top: 35px;
}

#step3 .stepWrap {
	padding: 30px 0px 0px 10px;
}
/*
#step3 .stepWrap table{width:100%;border:0;border-spacing:0; font-size:11px; margin-top:16px; margin-bottom:20px; }
#step3 .stepWrap table td,table th{height:16px; border:0; text-align:justify; font-weight:bold;}
#step3 .stepWrap table th{background:#fff}
#step3 .stepWrap caption{visibility:hidden;overflow:hidden;width:1px;height:1px;font-size:0;line-height:0}
#step3 .stepWrap table td span{color:red;}
#step3 .stepWrap a:hover{background:url(/image/homepage/btn_reserv_on.gif) no-repeat left top;}
*/
/*2014.06.23 수정*/
#step3 .stepWrap {
	text-align: center;
}

#step3 .stepWrap table {
	width: 100%;
	border: 0;
	border-spacing: 0;
	font-size: 11px;
}

#step3 .stepWrap table td,table th {
	border: 0;
	font-weight: bold;
}

#step3 .stepWrap caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}

#step3 .stepWrap table td span {
	color: red;
}

#step3 .stepWrap a:hover {
	background: url(../images/btn_reserv_on.gif) no-repeat left top;
}
/*2014.06.23 추가*/
.fee_wrap {
	border: solid 3px #eff0f2;
	background-color: #eff0f2;
	margin-bottom: 15px;
	text-align: center;
}

.fee1 th,.fee1 td,.fee2 th,.fee2 td,.fee3 th,.fee3 td {
	text-align: center !important;
}

.fee1 th,.fee1 td {
	background-color: #eff0f2;
}

.fee1 th,.fee2 th,.fee3 th {
	height: 75px;
}

.fee1 td,.fee2 td,.fee3 td {
	height: 40px !important;
}

.fee2 th,.fee2 td {
	background-color: #fff;
}

.fee1 span,.fee2 span,.fee3 span {
	font-family: tahoma;
	font-size: 18px !important;
}

.fee3 th,.fee3 td {
	background-color: #fff;
}

.fee1 td span {
	color: #000 !important;
}

.fee1 td,.fee2 td,.fee3 td {
	border-top: dashed 1px #d1d2d4;
}

.fee3 {
	margin-top:2px;
}
/*예약 인풋 - 보더 없앤것*/
#ITEM_NM,#ITEM_NU,#DEADLINE_DT,#BANK_NM,#ACCOUNT,#RENT_CD,#TOT_AMT,#TOT_AMT_2,#DANCHE_NM,#RESERVE_INFO,#RESERVE_NO,#U_PRICE,#U_PRICE_2,#AREA_NM
	{
	border-style: none;
}

/*가격부분 글자수정*/
.fee_wrap #U_PRICE,.fee_wrap #U_PRICE_2,.fee_wrap #ITEM_NM {
	width: 80px;
	font-family: tahoma;
	font-weight: bold
}

.fee_wrap #U_PRICE {
	color: red;
	font-size: 16px;
}

.fee_wrap #U_PRICE_2 {
	color: red;
	font-size: 16px;
}

.fee_wrap #ITEM_NM {
	font-family: dotum;
	background-color: #eff0f2;
	font-size: 14px;
}

.fee_wrap #ITEM_NU {
	font-family: dotum;
	font-size: 14px;
}

/*모달 팝업 - 예약확인*/
html,body {
	height: 100%;
	margin: 0
}

.mw {
	position: fixed;
	position: absolute;
	display: none;
	z-index: 2000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mw .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .8;
	filter: alpha(opacity =               80)
}

.mw .fg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 486px;
	height: 487px;
	margin: -257px 0 0 -265px;
	padding: 20px;
	border: 1px solid #363937;
}

.mw .fg {
	background: url(/image/homepage/bg_modal01.gif) no-repeat left top;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
}

.mw .fg .btn_closeMo {
	position: absolute;
	top: 7px;
	left: 457px;
	cursor: pointer
}

.mw .fg .fg_text {
	font-size: 16px;
	margin: 84px 0px 20px 195px;
	text-align: left;
}

.mw .fg .fg_text span {
	font-family: tahoma;
	color: #fd4f02;
	margin: 0px 3px 0px 3px;
}

.mw .fg  .account {
	height: 34px;
	width: 342px;
	margin-left: 195px;
	padding-top: 9px;
	font-size: 14px;
	text-align: left;
}

.mw .fg  .account span {
	font-family: tahoma;
	margin: 0px 3px 0px 3px;
	color: #69cb00;
}
/*모달팝업-환불하기*/
.mw .fg2 {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 486px;
	height: 487px;
	margin: -257px 0 0 -265px;
	padding: 20px;
	border: 1px solid #363937;
}

.mw .fg2 {
	background: url(/image/homepage/bg_modal02.gif) no-repeat left top;
	text-align: center;
	font-weight: bold;
	background-color: #fff;
}

.mw .fg2 .btn_closeMo {
	position: absolute;
	top: 7px;
	left: 457px;
	cursor: pointer
}

.mw .fg2 .fg_text {
	font-size: 16px;
	margin: 84px 0px 20px 195px;
	text-align: left;
}

.mw .fg2 .fg_text span {
	font-family: tahoma;
	color: #fd4f02;
	margin: 0px 3px 0px 3px;
}

.mw .fg2  .account {
	height: 34px;
	width: 342px;
	margin-left: 195px;
	padding-top: 9px;
	font-size: 14px;
	text-align: left;
}

.mw .fg2  .account span {
	font-family: tahoma;
	margin: 0px 3px 0px 3px;
	color: #69cb00;
}

.reserv_sum {
	width: 450px;
	border: 0;
	border-top: 2px solid #4a4c49;
	border-spacing: 0;
	margin: 15px auto;
	border-bottom: 2px solid #cbe1be;
}

.reserv_sum td,.reserv_sum th {
	height: 28px;
	border: 0;
	border-bottom: 1px solid #e1efd9;
	font-size: 13px;
}

.reserv_sum th {
	background: #f2fee5;
	text-align: center;
	color: #539b05;
}

.reserv_sum td {
	text-align: left;
	padding-left: 10px;
}

.reserv_sum caption {
	visibility: hidden;
	overflow: hidden;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0
}

/*예약확인_취소_결제*/
#hu_conf {
	position: relative;
	padding-top: 85px;
	min-height: 600px;
}

#hu_conf h2 {
	margin-top: 35px;
	margin-bottom: 15px;
}

#hu_conf h3 {
	margin-bottom: 10px;
}

#hu_conf  #con_btn {
	height: 112px;
	margin-top: 25px;
	margin-bottom: 33px;
}

#hu_conf  #con_btn img {
	float: left;
}

#hu_conf .mar {
	margin-bottom: 20px;
}

#hu_conf .resev_summ img {
	float: left;
	height: 150px;
	width: 200px;
	border: solid 1px #bebcbd;
	margin-right: 25px;
}

#hu_conf .resev_summ .summ_table {
	float: left;
	width: 630px;
	font-size: 15px;
	border-style: none;
}

#hu_conf .resev_summ .summ_table caption {
	height: 0px;
}

#hu_conf .resev_summ .summ_table th,#hu_conf .resev_summ .summ_table td
	{
	padding: 5px;
	border-style: none;
}

#hu_conf .greenLine {
	margin-bottom: 25px;
}

#hu_conf .btn_cent {
	margin-bottom: 10px;
}

#hu_conf  .list table {
	text-align: center;
}

#hu_conf  .list th {
	text-align: center;
}

#hu_conf  .list th,#hu_conf  .list td {
	padding-left: 0px;
}

.red {
	font-weight: bold;
	color: red;
}

/*커뮤니티-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*공지사항*/
#hu_notice {
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_notice h2 {
	margin: 28px 0px 20px 0px;
}

.notice_srch {
	text-align: right;
}

.notice_srch img {
	vertical-align: middle;
}

.notice_srch input {
	height: 20px;
}

.notice_table {
	width: 100%;
	border-bottom: solid 2px #b1b1b1;
}

.notice_table th,.notice_table td {
	padding: 7px;
	line-height: 120%;
}

.notice_table th {
	background-color: #79cc29;
	color: #fff;
	border-left: solid 1px #cde5fe;
	text-align: center;
}

.notice_table td {
	text-align: center;
	border-bottom: solid 1px #d6d8de;
}

/*자주하는 질문*/
.con_qna {
	margin-top: 20px;
	border-top: solid 3px #6db201;
	border-bottom: solid 1px #96989c;
}

.con_qna dt {
	line-height: 43px;
	border-top: solid 1px #e5e5e5;
	background: url(/image/homepage/bullet_q.gif) no-repeat 11px 11px;
	padding-left: 35px;
}

.con_qna dd {
	line-height: 150%;
	border-top: dashed 1px #e7e7e7;
	padding: 10px 0px 10px 130px;
	background: url(/image/homepage/bullet_a.gif) no-repeat 10px 10px;
}

.faq ul {
	margin-top: 50px;
	border-top: solid 3px #6db201;
	border-bottom: solid 1px #96989c;
}

.faq .hgroup {
	position: relative;
	margin: 0 0 10px 0;
	*zoom: 1
}

.faq .hgroup .trigger {
	overflow: visible;
	position: absolute;
	top: 175px;
	right: 0;
	margin: -7px 0 0 0;
	padding: 0;
	border: 0;
	background: none;
	font-size: 11px;
	color: #6db201;
	font-weight: bold;
	cursor: pointer
}

.faq .q {
	line-height: 43px;
	border-top: solid 1px #e5e5e5;
	background: url(/image/homepage/bullet_q.gif) no-repeat 11px 11px;
	padding-left: 35px;
}

.faq .q a.trigger:hover,.faq .q a.trigger:active,.faq .q a.trigger:focus
	{
	font-weight: bold;
	color: #000;
}

.faq .a {
	line-height: 150%;
	border-top: dashed 1px #e7e7e7;
	padding: 10px 0px 10px 130px;
	background: url(/image/homepage/bullet_a.gif) no-repeat 10px 10px;
}

/*멤버쉽-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*회원가입*/
#hu_join {
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_join .bar {
	margin: 28px 0px 20px 0px;
}

#hu_join h2 {
	margin-top: 35px;
	margin-bottom: 15px;
}

.text_area1 {
	height: 130px;
	border: solid 1px #b7b5b5;
	padding: 10px;
	overflow-y: scroll;
	background-color: #fff;
	line-height: 180%;
}

.text_area1 {
	margin: 15px 0px 10px 0px;
}

.agreed {
	margin-bottom: 25px;
}

.agreed label {
	font-weight: bold;
}

.real {
	height: 70px;
	padding: 45px;
	border: solid 1px #b7b5b5;
	border-top: solid 2px #68b400;
	margin-bottom: 25px;
	background-color: #fff;
}

.real img {
	margin-top: -5px;
	margin-left: 30px;
}

.real .law {
	float: right;
	width: 570px;
	line-height: 160%;
}

.btn_cent {
	clear: both;
	height: 90px;
	text-align: center;
}

.btn_cent img {
	margin: 0px 3px 0px 3px;
}

#hu_join  .greenLine {
	margin: 15px 0px 25px 0px;
}

#hu_join  .comple {
	margin: 60px 0px 150px 110px;
}

/*회원정보 수정*/
#hu_modify {
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_modify h1 {
	margin-bottom: 65px;
}

#hu_modify p {
	margin-bottom: 25px;
}

#hu_modify .greenLine {
	margin: 15px 0px 25px 0px;
}

#hu_modify .comple {
	margin: 60px 0px 150px 110px;
}

/*아이디 비번 찾기*/
#hu_findid {
	padding-top: 85px;
	margin-bottom: 30px
}

#hu_findid .find_img {
	margin-top: 65px;
}

#hu_findid .find_img img {
	float: left;
	margin-right: 10px;
}

/*회원탈퇴*/
#hu_dropout {
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_dropout h2 {
	margin-top: 35px;
	margin-bottom: 15px;
}

#hu_dropout ul {
	margin: 30px 0px;
}

#hu_dropout  li {
	line-height: 200%;
	background: url(/image/homepage/bullet01.gif) no-repeat 0px 5px;
	padding-left: 18px;
}

#hu_dropout .real {
	height: 50px;
}

#hu_dropout .real img {
	margin-top: -25px;
}

#hu_dropout .real span {
	font-weight: bold;
	color: red;
}

/*로그인*/
#con_login {
	margin: 120px 280px 0px 165px;
	width: 415px;
	height: 260px;
}

#con_login .log_top {
	position: relative;
	height: 70px;
	border-bottom: solid 3px #98a9ca;
}

#con_login .log_top h1 {
	margin-bottom: 14px;
}

#con_login .log_top span {
	position: absolute;
	left: 340px;
	top: -17px;
}

#con_login .log_bottom {
	height: 150px;
	border-bottom: solid 1px #98a9ca;
	padding-top: 30px;
}

#con_login .log_bottom .logbox01 {
	height: 126px;
}

#con_login .log_bottom .logbox01 img {
	margin-top:19px;
	cursor:pointer;
	float: right;
}

#con_login .log_bottom .logbox01 .field {
	float: left;
	height: 112px;
	width: 302px;
	display: inline-block;
}

#con_login .log_bottom .logbox01 .field input {
	width: 238px;
	height: 31px;
	background-color: #eff1f5;
	font-size: 14px;
	font-weight: bold;
}

#con_login .log_bottom .logbox01 .field input {
	border-top: solid 1px #aeaeae;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	border-left: solid 1px #aeaeae;
}

#con_login .log_bottom .logbox01 .field p {
	margin-bottom: 6px;
}

#label_id,#label_pw,#label_name {
	display: inline-block;
	float: left;
	width: 60px;
	height: 33px;
}

#label_id {
	background: url(/image/homepage/label_id.png) no-repeat 0px 10px;
}

#label_pw {
	background: url(/image/homepage/label_pw.png) no-repeat 0px 10px;
}

#label_name {
	background: url(/image/homepage/label_name.png) no-repeat 0px 10px;
}

#con_login .log_bottom .logbox02 {
	clear: both;
	text-align: center;
	padding-top: 20px;
}

#con_login .log_bottom .logbox02  span {
	margin-right: 15px;
	border-right: solid 1px #e6e6e6;
	padding-right: 15px;
}

/*사이트맵-------------------------------------------------------------------------------------------------------------------------------------------------서브컨텐츠/*/

/*사이트맵*/
#hu_sitemap {
	position: relative;
	padding-top: 85px;
	margin-bottom: 30px;
}

#hu_sitemap p {
	margin: 28px 0px 55px 0px;
}

#hu_sitemap dl {
	display: inline;
	float: left;
	height: 250px;
	width: 180px;
	margin-right: 30px;
}

#hu_sitemap dt {
	background:url(../image/homepage/bg_sitemap.png) no-repeat;
	height: 39px;
	text-align:center;
	line-height:34px;
	color:#fff;
	font-size:14pt;
	font-weight:800;
	font-family:'Malgun Gothic';
}

#hu_sitemap dd {
	height: 26px;
	border-bottom: solid 1px #e0e0e0;
	padding: 10px 0px 3px 15px;
	font-family:'Malgun Gothic';
	font-size:11pt;
	font-weight:600;
}