body{background:#fff}
/* pc mobile show or hidding ###########################################################################################*/
@media screen and (max-width:991px){.mobile_hidden{display:none}}
@media screen and (min-width:992px){.pc_hidden{display:none}}
/* pc mobile show or hidding end ###########################################################################################*/

.xi{vertical-align:middle;}

/* popup layer window */
.pop_layout{position:absolute;overflow:hidden;}
.pop_layout .todayclose{text-align:center;height:30px;}
.pop_layout .todayclose span{cursor:pointer;display:inline-block;line-height:1;padding-top:7px}

/* 메인 페이지 찾아오시는 길 */
.item_map{position:relative;}
.map_address{background:rgba(70,195,31,1);padding:40px;color:#fff}
.map_address span{display:block;}
.map_address span.title{font-weight:700;font-size:26px}
.map_address span.sub_title{font-weight:700;font-size:18px;margin-top:15px}
.map_address span.sub_con{border-bottom:1px dotted #fff}
.map_address div.full_map{text-align:center;border:1px solid rgba(255,255,255,1);margin-top:30px}
.map_address div.full_map a{color:#fff}
@media screen and (max-width:768px){
	.item_map .mapbox .map{height:200px;}
}
@media screen and (min-width:768px){
	.item_map .mapbox .map{height:450px;}
	.map_address{position:absolute;z-index:1;top:17%;right:10%;background:rgba(70,195,31,0.7);width:350px;padding:30px;}
}

/* 메인 스크랩 */
.item_scrap{padding:10px 10px;background:#eee}
.scrapbox .scrap{overflow:hidden;position:relative;color:#fff;}
.scrapbox .scrap img.layout{width:100%;height:auto;}
.scrapbox .scrap .item{position:absolute;top:0;bottom:0;width:100%;padding:17px;cursor:pointer}
.scrapbox .scrap:first-child .item{cursor:default}
.scrapbox .scrap .item span{display:block;text-align:center;font-size:11px}
.scrapbox .scrap .item span.imgs img{width:60px;margin-top:5px}
.scrapbox .scrap .item span.title{font-size:15px;font-weight:700;margin-bottom:5px}
.scrapbox .scrap .item span.infor{overflow:hidden;text-overflow: ellipsis;display:-webkit-box;word-wrap:break-word;height:3.2em;color:rgba(255,255,255,0.8)}
.scrapbox .scrap .item span.infor{display:none;}
@media screen and (min-width:640px){
	.scrapbox .scrap .item span.infor{display:block;font-size:12px}
	.scrapbox .scrap .item{padding:45px}
	.scrapbox .scrap .item span.imgs img{width:70px}
	.scrapbox .scrap .item span.title{font-size:20px;margin-bottom:10px}
}
@media screen and (min-width:768px){
	.scrapbox .scrap .item{padding:50px 25px}
}
@media screen and (min-width:992px){
	.scrapbox .scrap .item{padding:25px 25px}
}
@media screen and (min-width:1200px){
	.scrapbox .scrap .item{padding:40px 25px}
}
@media screen and (min-width:940px){
	.item_scrap{padding:100px 0;}
}
.at1{background:#fff;color:#333}
.at2{background:#8fc31f;}
.at3{background:#ed6e00;}
.at4{background:url('/images/common/scrap01.jpg');background-size:100% auto;}
.at5{background:url('/images/common/scrap02.jpg');background-size:100% auto;}
.at6{background:url('/images/common/scrap03.jpg');background-size:100% auto;}
.at7{background:url('/images/common/scrap04.jpg');background-size:100% auto;}

.not_scrap{height:220px}
.note_title{font-size:17px;margin-bottom:5px;font-weight:700;}
.note_title i{float:right;display:block;margin-top:5px;color:#aaa}
.notice, .notice li{display:block;}
.notice li{text-align:right;padding:2px 0;color:#999}
.notice li a{float:left;display:block;text-align:left;white-space:nowrap;word-wrap:normal;width:72%;overflow:hidden;text-overflow:ellipsis}
.notice li a i{color:#aaa}
@media screen and (min-width:640px){
	.not_scrap{overflow:hidden;height:240px}
	.scrapbox .scrap .item.at1{padding:25px 45px}
	.note_title{font-size:20px;margin-bottom:10px}
}
@media screen and (min-width:768px){
	.not_scrap{height:250px;}
}
@media screen and (min-width:992px){
	.not_scrap{height:auto;}
	.notice li{text-align:right;padding:1px 0}
	.notice li:nth-child(1n+6) {display:none}
}
@media screen and (min-width:1200px){
	.notice li{padding:2px 0}
	.notice li:nth-child(1n+6){display:block}
}

/* 메인 포토 박스*/
.item_photo{background:url('/images/common/photo_back.jpg');background-repeat: no-repeat;background-position:center center;padding:70px 10px}
.photo_title{text-align:center;margin-bottom:30px}
.photobox .photo{overflow:hidden}
.photobox .photo img{width:100%;height:auto;}
@media screen and (min-width:940px){
	.item_photo{padding:100px 0}
}

.photobox .photo_none{text-align:center;color:#fff;font-size:16px;border:1px solid rgba(255,255,255,0.2);padding:30px 0}

/* 본문 레이아웃 */
.con_box{position:relative}
.left_nav{display:none;width:210px;position:absolute;top:0;bottom:0;padding:55px 0;border-right:1px solid #ddd;}
.left_nav ul{border-top:1px solid #ddd;}
.left_nav ul li{padding:17px 0 17px 20px;font-size:15px;border-bottom:1px solid #eee;}
.left_nav ul li.selected a{color:#8fc31f}
.left_nav ul li.title{font-weight:700;font-size:22px;line-height:1;color:#333;border-bottom:1px solid #8fc31f;}
.left_nav ul li a{display:block;padding-right:20px;}
.left_nav ul li a i{float:right;margin-top:5px}
.contents{padding:30px 15px;}
.con_title{margin-bottom:30px;color:#000;border-bottom:1px solid #ccc;line-height:1}
.con_title span{font-size:20px;font-weight:700;padding:0 7px 10px 7px;border-bottom:3px solid #8fc31f;line-height:1;display:inline-block}
.content_title{font-size:18px;font-weight:700;display:block;margin:20px 0 7px 0;color:#8fc31f}
.content_title_bb{font-size:18px;font-weight:700;display:block;margin:0 0 2px 0;color:#8fc31f}
.content_accent{font-size:1.2em;font-weight:700;line-height:1.4;display:block;margin-bottom:7px}
.around_box{padding:25px 0;border-bottom:1px solid #ddd}
.around_box .around{padding-top:20px}
.around_box img{width:100%}
@media screen and (min-width:992px){
	.left_nav{display:block;}
	.right_con{margin-left:210px;}
	.contents{padding:50px 0 50px 100px;}
	.con_title{margin-bottom:50px;}
	.con_title span{font-size:35px;}
	.content_accent{font-size:1.5em;}
}
@media screen and (min-width:768px){
	.around_box .around{padding:0 0 0 20px}
}

.page_img{position:relative;}
.page_img .text{position:absolute;top:30%;width:100%;text-align:center;color:#fff;text-shadow:1px 1px 1px #666;}
.page_img .text span{display:block;font-size:25px;font-weight:700;}

.sub_photo{margin-bottom:10px}
.sub_photo span{display:block;padding:8px;text-align:center}

@media screen and (min-width:768px){
	.page_img .text{font-size:18px;}
	.page_img .text span{font-size:40px;}
	.sub_photo{padding:4px}
}


/* sns */
.psns{float:right}
.psns i{display:inline-block;width:25px;height:25px;border:1px solid #ddd;margin-left:5px;text-align:center;color:#aaa;border-radius:50%;line-height:25px;cursor:pointer;}
.psns i:hover{color:#8fc31f}
@media screen and (min-width:992px){
	.psns i{width:40px;height:40px;line-height:40px;font-size:18px}
}

/* 반응형 이미지 변경 */
.picture{width:100%;display:block;margin:0}
.picture source {max-width:100%}
.picture img{max-width:100%}
.picture.center{text-align:center}

/* 슬라이더 */
.swiper-container{width:100%;height:auto;overflow:hidden;}
.swiper-slide{text-align:center;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide img {height:auto;width:100%;}
.swiper-button-prev{background-image:url("/images/common/prev.png");}
.swiper-button-next{background-image:url("/images/common/next.png");}

/* 펜션 민박 */
.lodge_none{padding:50px 0;text-align:center}
.lodge_none img{margin-bottom:20px;max-width:170px}
.lodge_box{}
.lodge_line{margin:25px 0;border-bottom:1px solid #ddd}
.lodge_box .img{width:100%;background-size:100% auto;}
.lodge_box .img img{width:100%}
.lodge_infor{padding-top:15px;}
.lodge_infor li{padding:1px 0;}
.lodge_infor li span{display:inline-block;margin-right:10px;background:#555;line-height:1;padding:3px 6px;width:60px;font-size:12px;color:#fff}
.lodge_infor .title{font-weight:700;font-size:20px;}
.lodge_infor .summary{min-height:40px;padding-bottom:15px}
.lodge_infor .link a{color:#8fc31f;display:inline-block;margin-top:15px}
.lodge_infor .link a I{color:#8fc31f;vertical-align:middle;}
@media screen and (min-width:768px){
	.lodge_line{margin:40px 0;}
	.lodge_box .img{float:left;width:400px}
	.lodge_infor{margin-left:430px;padding:0}
	.lodge_infor .title{font-weight:700;font-size:25px;}
	.lodge_infor .summary{min-height:40px;padding-bottom:15px}
	.lodge_infor .link a{color:#8fc31f;display:inline-block;margin-top:15px}
	.lodge_infor .link a I{color:#8fc31f;vertical-align:middle;}
}
.contac_us{text-align:center;background:#eee;padding:10px 0}
.contac_us span{padding-right:7px;}
.contac_us span.num{font-weight:700;}
.contac_us .bbb{border-bottom:1px solid #fff;margin-bottom:9px;padding-bottom:5px;}

.lodge_view{padding-bottom:20px;margin-bottom:25px;border-bottom:1px solid #ddd}
.lodge_view .address {margin-top:30px;text-align:center}
.lodge_view .address span{display:inline-block;line-height:1;padding:5px 13px;color:#fff;background:#666;border-radius:8px;}
.lodge_view .back_btn {margin-top:15px;text-align:center}
.lodge_view .back_btn a{display:inline-block;background:#ddd;padding:10px 30px}
.lodge_view .tinfor{display:block;margin:25px 0;border:1px solid #ddd;padding:4px 8px;background:#eee}
.lodge_view .tinfor div{padding:3px 0;white-space:nowrap;word-wrap:normal;overflow:hidden;text-overflow:ellipsis;}
.lodge_view .tinfor div span{display:inline-block;margin-right:7px;background:#555;line-height:1;padding:3px 6px;width:60px;font-size:12px;color:#fff}
.lodge_view .title{font-size:27px;margin-bottom:20px;text-align:center;font-weight:700;border-bottom:1px solid #ddd}

@media screen and (min-width:768px){
	.contac_us{font-size:14px}
	.contac_us .bl{display:inline-block;width:20px}
	.contac_us .bl2{display:inline-block;width:5px}
	.lodge_view{padding-bottom:40px;margin-bottom:40px;}
	.lodge_view .title{font-size:45px;}
}


.mapbox{border:1px solid #eee;width:100%;font-family:'KakaoR';font-size:15px}
.mapbox .maplink{width:100%;background:#333;text-align:center;padding:10px}
.mapbox .maplink a{color:#fff;font-family:'KakaoR';font-size:15px}

/* 체험 */
.act_act{margin-top:20px}
.act_img{text-align:center;}
.act_money{text-align:center;padding:20px 0 0 0}
.act_money span{display:inline-block;padding:4px 15px;font-size:14px;background:#333;color:#fff;border-radius:20px;margin:2px 0;width:320px}
.act_simg{padding-bottom:7px}
.act_simg img{border:1px solid #ddd;}

@media screen and (min-width:768px){
	.act_money{padding:30px 0 0 0}
	.act_money span{font-size:16px;padding:4px 15px;}
	.act_simg{padding:7px}
}

.act_title{font-size:19px;display:block;text-align:center;margin-bottom:10px;color:#333;font-weight:700;}
.act_cont{display:block;font-size:13px;margin-top:12px;margin-bottom:15px}
.act_cont_ss{display:block;margin-top:4px;}
@media screen and (min-width:768px){
	.act_title{font-size:22px;}
}

.act_sub{text-align:center;padding:15px 5px;background:#eee;margin-top:20px}
.act_sub span{display:inline-block}
.act_sub span.accent{font-size:18px;font-weight:700;;color:#419100;line-height:1}
.act_sub_b{margin-top:25px}
@media screen and (min-width:768px){
	.act_sub{font-size:18px;}
	.act_sub span.accent{font-size:22px;}
}

.file_box{padding:20px}
.file_input_textbox{display:inline-block;height:32px;padding:0;line-height:30px;width:200px;vertical-align:middle;}
.file_input_div{display:inline-block;position:relative;cursor:pointer;}
.file_input_button{width:80px;position:absolute;height:30px;top:0px;background-color:#33BB00;color:#FFFFFF;border:none;border-radius:4px;}
.file_input_upload{display:none;}
.file_input_hidden{position:absolute;right:0px;top:0px;width:200px;opacity:0;filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0;cursor:pointer;}
.div_view_title{margin-top:10px;}
.div_view{margin-top:10px;border:#eee 1px solid;max-height:310px;overflow-y:auto}
.viewimg{max-width:100%;}
.upbtn{margin-top:10px;display:none}
.priview{display:none}
.result_box{font-size:12px;background:#f8f8f8;border:#eee 1px solid;border-radius:4px;text-align:center;padding:5px 10px;margin-top:10px}


/* 에러페이지 */
.error{border:1px solid #ddd;border-radius:10px;margin-right:auto;margin-left:auto;padding:30px;position:relative;overflow:hidden;width:660px;text-align:center;margin-top:100px}
.error span{display:block}
.error span.title_number{font-size:120px;font-weight:700;margin-top:10px;line-height:1;color:#4ad0ec}
.error span.titile_text{font-size:40px;font-weight:700;}
.error span.titile_text_en{margin-top:20px}
.error .btn{margin-top:20px}
.error .btn a{display:inline-block;background:#333;color:#fff;padding:12px 20px 10px 20px;line-height:1;}


.table_infor td{display:block;text-align:left;padding-top:0;}
.table_infor td.mm{border-bottom:0;padding-bottom:0;padding-top:10px;font-weight:700;font-size:16px}
@media screen and (min-width:768px){
	.table_infor td{display:table-cell;padding:10px 20px;border-bottom:1px solid #eee;}
	.table_infor td.mm{border-bottom:1px solid #ccc;min-width:140px;font-weight:300;font-size:14px}
}


/*- footer -*/
.small_footer{padding:20px 0;text-align:center;font-size:12px;color:#777;}