/* Written By MJS */

*{-webkit-text-size-adjust:none}
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif;font-weight:normal}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none;color:#333}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
input{vertical-align:middle}

html,body{position:relative;max-width:1000px;height:100%;margin:0 auto;}




/*================================== 상단 ==================================*/
#header{position:relative;float:left;width:100%;}


/* 로고배경 */
#slideShowImages{position:relative;float:left;width:100%;overflow-x:hidden;}
#slideShowImages img{position:relative;}


/* 상단 아이콘 */
.icon{position:absolute;left:0;top:0;width:100%;}
.icon a{position:absolute;top:0;width:13%;}


/* 로고 */
.logo{position:relative;float:left;width:80%;margin:37% 10%;z-index:0;text-align:center;}
.logo a{font-size:240%;line-height:160%;font-weight:600;color:#fff;text-align:center;letter-spacing:-2px;}
.logo a span{font-size:100%;font-weight:400;}
.logo a b{font-size:180%;}


/* 상단 카테고리 */
#icon_category{position:relative;float:left;width:100%;}
table.category{position:absolute;left:0;top:13%;width:100%;background:#ffffff;z-index:999}
table.category th{background:#f2f2f2;font-size:110%;font-weight:600;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
table.category td{position:relative;width:50%;font-size:90%;border:1px solid #eaeaea;}
table.category th,table.category td{padding:3% 0;color:#222222;}
table.category img{border:0;padding-right:8px;}
table.category td a{display:block;width:100%;font-size:90%;color:#222222;margin-left:2%;text-align:center;}
table.category td a b{font-weight:bold;color:#000;}

table.category2{position:absolute;left:0;top:13%;width:100%;background:#ffffff;z-index:999}
table.category2 th{width:100%;background:#f2f2f2;font-size:110%;padding:2% 0;font-weight:600;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;}
table.category2 td{position:relative;width:96%;line-height:160%;font-size:90%;border:1px solid #eaeaea;padding:4% 2%;}
table.category2 img{float:left;margin-right:3%;}
table.category2 td a{float:left;font-size:100%;color:#222222;text-align:center;}
table.category2 td a b{font-weight:bold;color:#000;}

.cate_map{position:absolute;right:4%;top:26%;display:block;line-height:160%;font-size:90%;text-align:center;color:#222222;padding:0.5% 3%;border:1px solid #000;border-radius:6px;}




/*================================== 메인 ==================================*/
/* 메인 객실배너 */
.banner{position:relative;float:left;width:92%;margin:4%;}
.banner a{float:left;width:100%;margin-bottom:4%;}
.banner a img{float:left;width:100%;}
.banner a p{float:left;width:90%;line-height:150%;font-size:80%;color:#fff;font-weight:600;padding:5%;}


/* 메인 갤러리 */
.gallery{position:relative;float:left;width:92%;padding:6% 4%;background:#f0f0f0;}
.gallery p{float:left;width:100%;font-size:110%;font-weight:600;color:#000;margin-bottom:3%;}
.gallery ul{float:left;width:102%;margin-left:-1%;}
.gallery ul li{float:left;width:31.3%;margin:0 1%;}
.more{position:absolute;right:4%;top:16%;font-size:80%;}




/*================================== 하단 ==================================*/
.info{position:relative;float:left;width:100%;}
.info_cs{position:relative;float:left;width:50%;padding:2% 0 4% 0;background:#555;line-height:120%;font-size:80%;color:#fff;text-align:center;}
.info_cs a{color:#fff;}
.info_cs a b{font-size:140%;letter-spacing:-1px;line-height:180%;}
.info_cs b{font-size:140%;letter-spacing:-1px;line-height:180%;}

#footer{position:relative;float:left;width:100%;padding:3% 0;}
.copy{position:relative;float:left;width:100%;color:#898989;text-align:center;font-size:12px;}


/* 버튼 style */
#button{position:relative;float:left;width:100%;padding-bottom:5%;text-align:center;color:#898989;}
.btn{margin:0 1%;padding:2% 4%;font-size:76%;color:#898989;border:1px solid #e0e0e0;background:#fff;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
behavior:url(ie-css3.htc);}


/* 홈,목록,위로 */
.go-top{position:fixed;display:block;bottom:-10%;left:0;width:100%;background:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top.show{bottom:0%;}

.go-top_w{position:relative;float:left;width:100%;padding:7% 0;background:#aaa;}

.go-top a{position:relative;display:block;width:6%;margin-top:3.5%;}
.go-top a.gt_home{position:absolute;left:4%;top:0;}
.go-top a.gt_list{position:absolute;left:45%;top:0;}
.go-top a.gt_top{position:absolute;right:4%;top:0;}
.go-top img{border:1px solid #e0e0e0;padding:12%}

/* 위로가기 */
.go-top2{position:fixed;display:block;bottom:-10%;right:3%;width:6%;padding:3%;background-color:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top2.show{bottom:2%;color:#FFFFFF;}


/* 홈 */
.go-top3{position:fixed;display:block;bottom:-10%;left:3%;width:6%;padding:3%;background-color:#aaa;z-index:9999999999;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;;}

.go-top3.show{bottom:2%;color:#FFFFFF;}







/*================================== 서브 ==================================*/
#sub_content{position:relative;float:left;width:100%;height:auto;}

.sub_menu{position:relative;float:left;width:94%;padding:1% 3% 3% 3%;background:#f9f9f9;border-bottom:1px solid #ccc}
.sub_menu h3{float:left;width:100%;font-size:150%;line-height:150%;font-weight:600;color:#000;}
.sub_menu ul{float:left;width:100%;margin:2% 0;}
.sub_menu ul li{float:left;padding:0 2%;line-height:80%;border-left:1px solid #ccc;}
.sub_menu ul li:first-child{padding-left:0;border-left:none}
.sub_menu ul li a{font-size:90%;font-weight:bold;color:#898989;letter-spacing:-1px;}
.sub_menu ul li a.on{font-size:100%;font-weight:bold;color:#000;}


.page_content{position:relative;float:left;width:94%;padding:8% 3%;}
.page_sub{float:left;width:100%;padding-bottom:1%;margin-bottom:8%;font-size:140%;color:#555;font-weight:bold;border-bottom:2px solid #555;}




/* 서브 공통 테이블 */
.hue_tbl{position:relative;float:left;width:100%;}
.hue_tbl table{position:relative;float:left;width:100%;border-top:1px solid #ccc;}
.hue_tbl table th{font-weight:600;background:#f0f0f0}
.hue_tbl table td{position:relative;line-height:100%}
.hue_tbl table th,.hue_tbl table td{padding:2% 0;text-align:center;font-size:13px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.hue_tbl table th:first-child,.hue_tbl table td:first-child{border-left:none}
.hue_tbl table td a{position:absolute;left:0;top:0;width:100%;height:100%;line-height:80px;font-size:13px;font-weight:bold;color:#fff;background:url(../img/black_bg.png) repeat;}
.hue_tbl table td b{font-weight:600;color:#e75700;font-size:100%;}
.hue_tbl table td img{float:left;width:100%;}


/* 객실보기 */
.room_img{float:left;width:100%;margin-bottom:2.5%;}
.room_img img{float:left;width:50%;}


/* 예약관련 */
.text_box{position:relative;float:left;width:90%;padding:4%;border:3px solid #e0e0e0;background:#fafafa;margin-top:5%;}
.tbox_title{float:left;width:95%;line-height:260%;font-size:120%;font-weight:600;color:#000;margin-bottom:3%;padding-left:4%;border:1px solid #ccc;background:#fff;}

.text_box ul{float:left;}
.text_box ul li{float:left;width:100%;line-height:140%;font-size:90%;margin-top:2%;}

.tbox_text{float:left;font-size:90%;line-height:140%;margin-top:3%;}
.tbox_text b{font-weight:600;color:#e75700;}



/* 주변볼거리 */
.tour_list{position:relative;float:left;width:100%;padding-bottom:6%;margin-bottom:6%;border-bottom:1px solid #ccc;}
.tour_title{float:left;width:100%;line-height:110%;font-weight:600;font-size:120%;padding-left:3%;border-left:3px solid #ff8a00;margin-bottom:5%;}
.tour_list img{float:left;width:37%;}
.tour_text{float:left;width:60%;text-align:justify;color:#898989;line-height:110%;font-size:90%;margin-left:3%;}
a.tour_more{position:absolute;right:0;top:0;line-height:180%;padding:0 2%;font-size:80%;font-weight:600;color:#fff;background:#e75700;}


/* 펜션즐기기 */
.enjoy_list{position:relative;float:left;width:100%;margin-bottom:5%;}
.enjoy_img{float:left;width:100%;}
.enjoy_img img{float:left;width:50%;}
.enjoy_text{position:relative;float:left;width:92%;margin-bottom:5%;padding:4%;background:#e75700;color:#fff;font-size:80%;line-height:120%;}
.enjoy_text b{float:left;width:100%;line-height:120%;font-size:120%;font-weight:600;margin-bottom:3%;}



.add{float:left;width:100%;margin-top:2%;font-size:14px;line-height:20px;}