@charset "utf-8";

/*----------리스트-----------*/
.pension_info_wrap{position:relative}
.info_cont{opacity:0;position:absolute;z-index:-999}
.info_cont.on{opacity:1;position:relative;z-index:1;transition:opacity 1s;}

.info_cont .cont_box + .cont_box{margin-top:5rem}
.cont_tit{margin-bottom:3rem;border-left:2px solid var(--pt-color);padding:1.5rem 2rem;background:#f2f5fc;font-size:2rem;font-weight:700;color:#333}
.box_txt{padding:5rem;border-radius:2rem;border:1px solid #ddd}
.box_txt p{margin-bottom:1rem;padding:0 0 1rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative;word-break:keep-all}
.box_txt p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
.box_txt p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

/*이용안내*/
.info_cont .p_info01{display:flex;flex-wrap:wrap;gap:3rem 2rem}
.info_cont .p_info01 li{width:calc(50% - 1rem);border-radius:2rem;padding:5rem 3rem;box-shadow:0 0 1rem rgba(0,0,0,.1);display:flex;flex-wrap:wrap;align-items:center;gap:2rem 3rem}
.info_cont .p_info01 li .icon{width:11rem;height:11rem;position:relative}
.info_cont .p_info01 li .icon img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.info_cont .p_info01 li .txt_box{width:calc(100% - 14rem)}
.info_cont .p_info01 li .txt_box .tit{margin-bottom:1rem;font-size:2rem;font-weight:700;color:#333}
.info_cont .p_info01 li .txt_box .txt p{margin-bottom:.5rem;padding:0 0 .5rem 1rem;border-bottom:1px dashed #ddd;font-size:1.7rem;line-height:150%;color:#666;position:relative;word-break:keep-all}
.info_cont .p_info01 li .txt_box .txt p:before{content:'';width:3px;height:3px;border-radius:3px;background:var(--pt-color);position:absolute;left:0;top:1rem}
.info_cont .p_info01 li .txt_box .txt p:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}

.info_cont .p_info01.no_icon li{padding:5rem}
.info_cont .p_info01.no_icon li .txt_box{width:100%}
.info_cont .p_info01.no_icon li .txt_box .txt{border-radius:1rem;padding:3rem;background:#f7f7f7}


/*펜션 둘러보기*/
.big_gall{max-width:100rem;width:100%;margin:0 auto 2rem;border-radius:2rem;overflow:hidden;position:relative}
.big_gall li img{max-width:100%;width:100%}
.big_gall .gall_btn{width:3.5rem;height:3.5rem;border-radius:3.5rem;background:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:100;transition:all .3s;cursor:pointer}
.big_gall .gall_btn img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.big_gall .gall_next{right:1rem}
.big_gall .gall_prev{left:1rem}
.big_gall .gall_btn:hover{background:var(--pt-color);box-shadow:0 1rem 1rem rgba(0,0,0,.5)}
.big_gall .gall_btn:hover img{filter:invert(1)}
 
.th_gall {max-width:100rem;width:100%;margin:0 auto;overflow:hidden}
.th_gall li{border-radius:1rem;background:#000;overflow:hidden;cursor:pointer}
.th_gall li img{width:100%;opacity:.5;transition:all .3s}
.th_gall li.swiper-slide-thumb-active img{opacity:1}


/*펜션 이용요금*/
.price_cont{position:relative}
.price_cont .price_tit{width:100%;display:flex;flex-wrap:wrap;}
.price_cont .price_tit li{width:25%;padding:1.5rem 1rem;border-right:1px solid #386bd0;background:var(--pt-color);font-size:1.6rem;font-weight:700;text-align:center;color:#fff}
.price_cont .price_tit li:last-child{border-radius:0}
.price_cont .price_list{width:100%;border-left:1px solid #ddd;display:flex;flex-wrap:wrap;}
.price_cont .price_list li{width:25%;border-bottom:1px solid #ddd;border-right:1px solid #ddd;padding:1.5rem 1rem;font-size:1.6rem;text-align:center;color:#666;display:flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.tip_txt{margin-top:.5rem;font-size:1.6rem;line-height:150%;color:#666}

#bo_list .scroll_msg{display:none;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:100;transition:all .3s}
#bo_list .scroll_msg .txt{width:100%;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#bo_list .scroll_msg.on{opacity:0;z-index:-1}


/*글쓰기*/
.w_tab_list{max-width:80rem;width:100%;margin:0 auto 3rem;display:flex;flex-wrap:wrap;gap:1rem 2%}
.w_tab_list li{width:23.5%;padding:1.5rem 2rem;border-radius:5rem;font-size:1.7rem;font-weight:500;color:#33;text-align:center;background:#f7f7f7;cursor:pointer}
.w_tab_list li.on, .w_tab_list li:hover{background:var(--pt-color);color:#fff}

.w_cont_wrap{position:relative}
.w_cont_wrap .w_cont_area{position:absolute;z-index:-10;opacity:0}
.w_cont_wrap .w_cont_area.on{position:relative;z-index:0;opacity:1}
.w_cont_area{padding:5rem;border-radius:2rem;border:1px solid #ddd}

#bo_w textarea.full_textarea{width:100%;height:15rem;resize:none}

.flex-tit{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem}

#price_btn{width:10rem;height:3.5rem;border-radius:3.5rem;background:var(--pt-color);font-size:1.7rem;font-weight:500;line-height:3.5rem;text-align:center;color:#fff;transition:all .3s;cursor:pointer}
#price_btn:hover{background:#000}
#bo_w .price_tit{margin-bottom:0;padding:1rem 4rem;background:#333;display:flex;flex-wrap:wrap;justify-content:center;gap:1%}
#bo_w .price_tit li{width:23.5%;font-size:1.7rem;text-align:center;color:#fff;font-weight:500;}

.price_cont_wrap{width:100%;margin-bottom:2rem;position:relative;overflow-x:auto}
#bo_w .price_cont{padding:1rem 4rem;border:1px solid #ddd;border-top:0;position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:1%}
#bo_w .price_cont li{width:23.5%}
#bo_w .price_cont .delete_btn{width:4rem;height:2.2rem;border:0;border-radius:2rem;background:#c00;font-size:13px;line-height:2.2rem;font-weight:500;color:#fff;position:absolute;top:50%;transform:translateY(-50%);right:1rem}
.tit_input{margin-bottom:1rem}

#bo_w .scroll_msg{display:none;width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;top:0;left:0;z-index:100;transition:all .3s}
#bo_w .scroll_msg .txt{width:100%;font-size:1.8rem;font-weight:700;text-align:center;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
#bo_w .scroll_msg.on{opacity:0;z-index:-1}


@media(max-width:1024px){
	.info_cont .p_info01 {max-width:80rem;width:100%;margin:0 auto}
	.info_cont .p_info01 li{width:100%}
	.box_txt{padding:3rem 2rem}
}


@media(max-width:767px){
	.price_cont{overflow-x:auto}
	.price_cont .price_tit, .price_cont .price_list{min-width:76.8rem}
	#bo_list .scroll_msg{display:block}
	
	
	/*글쓰기*/
	.w_cont_area{padding:0;border:0}
	.w_tab_list li{width:49%}
	#bo_w .flex_box > div{width:100%}
	#bo_w .flex_box .left_box{margin-bottom:2rem}
	#bo_w .flex_box .right_box{margin:0}
	
	#bo_w .price_cont_wrap{overflow-x:auto}
	#bo_w .price_cont, #bo_w .price_tit{width:76.8rem}
	#bo_w .price_cont .delete_btn{right:.5rem}
	
	#bo_w .scroll_msg{display:}
	
}

@media(max-width:480px){
.info_cont .p_info01 li	{padding:3rem;justify-content:center;}
.info_cont .p_info01 li .icon{width:6rem;height:6rem}
.info_cont .p_info01 li .icon img{width:100%}
.info_cont .p_info01 li .txt_box{width:100%}
}