@charset "utf-8";
/* CSS Document */
body{margin:0; font-family:"Malgun Gothic","맑은고딕",dotum,"돋움",sans-serif; font-size:12px; color:#333; letter-spacing:-1px; line-height:18px; }
ul{margin:0; padding:0; list-style:none}
a:link, a:visited, a:active{  color:#333333; text-decoration:none}
a:hover, a.on{color:#39b91a;}  img{ vertical-align:top; border:none}
.fl{float:left} .fr{float:right !important} .hidden{display:none}
.clear{clear:both} .abs{position:absolute} .rel{position:relative}

/*			메인 이미지 롤링 시작				*/
.clsBannerScreen {overflow: hidden;position: relative;height:329px;width:967px; border:1px solid #e1e1e1; cursor:pointer; clear:both;}
.clsBannerScreen .images {position:absolute; display:none; width: 967px;}
.img {size:967px;}																	/* 이미지크기 */
ul, li {list-style:none; margin:0; padding:0;  }  /*font-size:10pt;*/

.clsBannerButton {width:969px; height:30px;cursor:pointer;}		/* 글자 메뉴 ul 박스 */
.clsBannerButton li {width:191.8px; height:46px;float:left;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1; text-align:center; line-height:50px;}			/* 글자 메뉴 세부 */
/*.clsBannerButton li.fir {border-left:1px solid #e1e1e1;} */
 .clsBannerButton li.labelOverClass {font-weight:bold; color:white; background-color:#39b91a}
 /*			메인 이미지 롤링 끝				*/


/*  숙소 */
.sukso{ width: 969px; height:292px;	overflow: hidden;	border: none;	background-color: #ffffff; margin: 0 auto; } 
.sukso h2{margin:0; padding:5px}
.sukso ul{z-index:20; border-top:#d9d9d9 1px solid;border:1px solid #d9d9d9; }
.sukso li{float:left; border-left:1px solid #d9d9d9;z-index:20;height:35px}
.sukso .content{ background-color:white; border: none ; border-top:3px solid #39b91a;
height:253px; z-index:300; margin-top:100px;}

.sukso li a{display:block; width:100px;  text-align:center;height:35px; line-height:300%}
.sukso li a.on{ background-color:#39b91a; color:#FFF; height:35px; vertical-align:top; }	/* 클릭시 초록색 ON 표시  */

.prod{border:1px solid gray; width:182px; height:223px; margin-top:26px; vertical-align:top; text-align:left; margin-left:8px;}
.prod .img1{ width:182px; height:151px; border:none;}
.prod p{ padding:0; margin:0; margin-top:3px; margin-left:6px; color:#e50100; font-size:14px;  }

/* 렌트 */
.rent{ width: 969px; height:292px;	overflow: hidden;	border: none;	background-color: #ffffff; margin: 0 auto; } 
.rent li{float:left; border-left:1px solid #d9d9d9;z-index:20;height:35px}
.rent h2{margin:0; padding:5px}
.rent ul{z-index:20; border-top:#d9d9d9 1px solid;border:1px solid #d9d9d9; }
.rent .content{ background-color:white; border: none ; border-top:3px solid #39b91a;
height:253px; z-index:300; margin-top:100px;}

.rent li a{display:block; width:100px;  text-align:center;height:35px; line-height:300%}
.rent li a.on{ background-color:#39b91a; color:#FFF; height:35px; vertical-align:top; }	/* 클릭시 초록색 ON 표시  */

.rentprod{border:1px solid gray; width:182px; height:223px; margin-top:26px; vertical-align:top; text-align:left; margin-left:8px;}

.rentprod .img1{ width:182px; height:151px; border:none;}
.rentprod p{ padding:0; margin:0; margin-top:3px; margin-left:6px; color:#009900; font-size:14px; text-overflow:ellipsis;overflow:hidden; white-space:nowrap;  }


.tfont{font-family: 'Nanum Brush Script';}
.tfont1{	font-family: 'Jeju Gothic', sans-serif;	}


/* 렌트 노출용 */

.rentts{ width: 969px; height:292px;	overflow: hidden;	border: none;	background-color: #ffffff; margin: 0 auto; } 
.rentts li{float:left; border-left:1px solid #d9d9d9;z-index:20;height:35px}
.rentts h2{margin:0; padding:5px}
.rentts ul{z-index:20; border-top:#d9d9d9 1px solid;border:1px solid #d9d9d9; }
.rentts .content{ background-color:white; border: none ; border-top:3px solid #39b91a;
height:253px; z-index:300; margin-top:100px;}

.rentts li a{display:block; width:100px;  text-align:center;height:35px; line-height:300%}
.rentts li a.on{ background-color:#39b91a; color:#FFF; height:35px; vertical-align:top; }	/* 클릭시 초록색 ON 표시  */

.rentprod1{border:1px solid gray; width:175px; height:223px; margin-top:26px; vertical-align:top; text-align:left; margin-left:8px;}
.rentprod1 .img1{ width:175px; height:151px; border:none;}
.rdolors{ padding:0; margin:0; margin-top:3px; margin-top:3px; margin-left:6px; color:#009900; font-size:14px; font-weight:bold;  }