@charset "utf-8";
/* CSS Document */



.border_bot{border-bottom:1px solid #ddd}
.stay_tit{text-align:center;padding:30px 0;}
.stay_tit .stay_stit01{padding:0 0 10px 0;color:#000;}
.stay_tit .stay_stit02{font-size:45px;font-weight:600;padding:0 0 10px 0;color:#c8171f;}
.stay_tit .stay_stit03{color:#071878;padding:0 0 10px 0;font-size:20px;}

.dl_type{overflow:hidden;margin:0 0 15px 10px}
.dl_type dt{color:#000;float:left;font-weight:600;padding:0 10px 0 20px;background:url("/images/01_potal/sub/li01.png") no-repeat 0 6px;font-size:18px;}
.dl_type dd{float:left;font-size:16px;line-height:1.4em}       

.fas_btn a{background:#c8171f;padding:10px 0 10px 25px;text-align:center;color:#fff;font-size:18px;display:inline-block;}
.fas_btn a span{padding:0 20px;background:url("/images/04_tour/sub04/fas_btn.png") no-repeat 0 center}





.fas_tit{background:url("/images/04_tour/sub04/fas_tit.png") no-repeat center top;padding:30px 0;text-align:center;}
.fas_tit01{color:#071878;font-size:18px;padding:0 0 10px 0}
.fas_tit02{color:#000;font-size:25px;font-weight:600;}
@media all and (min-width:1400px){
.fas_tit01{font-size:25px;}
.fas_tit02{font-size:30px;}
}


.edan_box{padding:0 0 30px 0;overflow:hidden;}
.edan_box p{margin:0 0 20px 0}
.edan_box p img{width:100%}
@media all and (min-width:768px) {
.edan_box p{float:left;width:35%;margin:0;}
.edan_box div{float:right;width:60%;padding:5px 0 0 0}
.edan_box div p{width:100%;}
}
@media all and (min-width:1400px){
.edan_box p{float:left;width:20%;margin:0;}
.edan_box div{float:right;width:75%}
.edan_box p img{width:230px;}
}


.mg_list li{text-align:center;margin:0 0 15px 0;background:#333;border-radius:15px;overflow:hidden}
.mg_list li img{width:100%}
.mg_list li span{display:block;padding:15px 0;color:#fff}
@media all and (min-width:768px) {
.mg_list{overflow:hidden}
.mg_list li{float:left;width:31.333%;margin:0 1% 25px 1%}
.mg_list04 li{width:23% !important}
}                  


.s02_box{margin:0 0 30px 0;overflow:hidden;background:#f9f9fb;border:1px solid #a8aeba;}
.s02_box .box01{background:#323a47;}
.s02_box .box01 ul{padding:30px;overflow:hidden;}
.s02_box .box01 ul li{border:1px solid #fff;color:#fff;padding:30px 0;text-align:center;margin:10px 0 0 0;height:80px;box-sizing:border-box;}
.s02_box .box01 ul li:first-child{margin:0 0 0 0}
.s02_box .box02 ul{padding:30px;}
.s02_box .box02 ul li{border:1px solid #a8aeba;color:#000;padding:16px 0 15px 20px;margin:10px 0 0 0;height:50px;box-sizing:border-box;}
.s02_box .box02 ul li:first-child{margin:0 0 0 0}
@media all and (min-width:768px){
.s02_box .box01, .s02_box .box02{float:left;width:50%}
.s02_box .box01 ul li{width:46%;float:left;margin:5px}
.s02_box .box01 ul li:first-child{margin:5px}
.s02_box .box01 ul li:after{content:"";display:block;clear:both}
}            


/*연혁*/

ul.history {width:100%;}
ul.history > li {margin-bottom:30px;}
ul.history li:after {display:block;content:'';clear:both;}
ul.history .years {float:left;display: block;width: 100%;margin: 5px 30px 0 15px;padding: 11px 0;font-weight:bold;text-align:center;background: url(/images/13_youth/sub01/bg_years_pattern.png) repeat #466ab8;border-radius: 26px;color: #fff;font-size: 20px;margin-top: 5px;}
ul.history .years01{float:left;display: block;width: 100%;margin: 5px 30px 0 15px;padding: 11px 0;font-weight:bold;text-align:center;background: url(/images/13_youth/sub01/bg_years_pattern.png) repeat #0052ca;border-radius: 26px;color: #fff;font-size: 20px;margin-top: 5px;}
ul.history .txt {float:left;width: 100%;}
ul.history .txt li {padding: 5px 23px;width:100%; border-bottom: 1px dashed #d1d1d1; line-height: 1.8em;background: url(/images/01_potal/sub/li01.png) no-repeat 0 15px;}
ul.history .txt li span{font-size: 19px;font-weight: 600;padding: 8px 21px;color: #4c70b8;}
@media all and (min-width:768px) {
ul.history .years {width: 200px;}
ul.history .years01{width: 200px;}
ul.history .txt li{width: 100%;}
ul.history .txt {width: 75%;}
} 


@media all and (min-width:1400px){
.license .license_txt{float:left;width:800px;}    

.link_box p{width:35% !important}
}
                     

.s_tit{text-align:center;padding:50px 0 30px 0;}
.s_tit .s_tit_big{padding:0 0 10px 0;font-size:25px;color:#000;font-weight:600;}
.s_tit .s_tit_small{padding:0 0 10px 0;font-size:18px;color:#071878;font-weight:600;}

.dictionary{background:url("/images/04_tour/sub06/dictionary.png") no-repeat center top}
.festival{background:url("/images/04_tour/sub04/fas_tit.png") no-repeat center top;}
.town{background:url("/images/04_tour/sub04/town.png") no-repeat center top;}

@media all and (min-width:1400px){
.s_tit .s_tit_big{font-size:40px;}
}
                       
/*삽화로보는벽골제*/                                                                                       
.bkj05_pdf{overflow:hidden;margin:0 0 50px 0}
.bkj05_pdf li{text-align:center;font-size:20px;font-weight:600;color:#333}
.bkj05_pdf li img{width:100%;border:1px solid #d6d6d6;margin:0 0 20px 0}
@media all and (min-width:768px) {
.bkj05_pdf li{width:31%;float:left;margin:0 1%;}
}       


/*테마관광*/

.couse_con{}
.couse_con ul{text-align:center;padding:50px 0 0 0;}
.couse_con ul li{background:url("/images/04_tour/sub03/couse_arrow.png") no-repeat center top;padding:40px 0 50px 0;}
.couse_con ul li a{display:inline-block; border-radius:10px;border:solid 1px #fff;color:#fff;font-size:16px;padding:10px 30px;}
.couse_con ul li a:hover,
.couse_con ul li a:focus{background:url("/images/04_tour/sub03/couse_on_bg.png");}
.couse_con ul li a span{background:url("/images/04_tour/sub03/couse_mo_arrow.png") no-repeat center bottom;padding:0 0 40px 0;}
.couse_con ul li:last-child a span{background:none;}

.couse01{background:url("/images/04_tour/sub03/couse_img01.jpg") no-repeat center top;background-size:cover;}
.couse02{background:url("/images/04_tour/sub03/couse_img02.jpg") no-repeat center top;background-size:cover;}
.couse03{background:url("/images/04_tour/sub03/couse_img03.jpg") no-repeat center top;background-size:cover;}
.couse04{background:url("/images/04_tour/sub03/couse_img04.jpg") no-repeat center top;background-size:cover;}
.couse05{background:url("/images/04_tour/sub03/couse_img05.jpg") no-repeat center top;background-size:cover;}

@media all and (min-width:1023px) {
.couse_con{min-height:350px;}
.couse_con ul{background:url("/images/04_tour/sub03/couse_dot.png") repeat-x;}
.couse_con ul li{display:inline-block;margin:0 10px;}
.couse_con ul li a{display:inline-block; border-radius:10px;border:solid 1px #fff;color:#fff;font-size:16px;padding:10px 30px;}
.couse_con ul li a span{background:none;}
.couse_con ul li:last-child a span{background:none;}
}
                     

/*전시마당*/
.js_warp{}
.js_warp .js_header div{background:#000;}
.js_warp .js_header h1{background:#c9171e;text-align:center;color:#fff;font-size:22px;font-weight:600;height:50px;box-sizing:border-box;padding:13px 0 0 0}
.js_warp .js_header .menu li{float:left;text-align:center;font-size:14px;width:50%;padding:10px 0 0 0;height:40px;border:1px solid #555;box-sizing:border-box;}
.js_warp .js_header .menu li a{color:#fff;display:inline-block;}
.js_warp .js_header .menu li ul{display:none;}
.js_warp .js_header .menu:after{content:"";display:block;clear:both}


.js_warp .js_img li{display:none}
.js_warp .js_img li.on{display:block;}
.js_warp .js_img li img{width:100%;}


.js_warp .js_txt{background:#000;text-align:center;padding:20px;color:#fff}

.js_warp .js_txt li{display:none;}
.js_warp .js_txt li.on{display:block;}

.js_warp .js_txt .btit{font-size:20px;font-weight:600;padding:0 0 20px 0;}

.js_warp .js_txt .btn{text-align:center;padding:20px 0;}
.js_warp .js_txt .prev{width:30px;height:30px;border-radius:20px;font-size:0;background:url(/images/04_tour/hall/hall_prev.png) no-repeat #fff}
.js_warp .js_txt .num{width:70px;height:30px;display:inline-block;border-radius:20px;background:#c9171e;color:#fff;padding:5px 0 0 0;box-sizing:border-box;}
.js_warp .js_txt .stop{width:30px;right:60px;background-position:-60px 0;height:30px;border-radius:20px;font-size:0;background:url(/images/04_tour/hall/hall_stop.png) no-repeat #c9171e}
.js_warp .js_txt .play{width:30px;right:60px;background-position:-60px 0;height:30px;border-radius:20px;font-size:0;background:url(/images/04_tour/hall/hall_play.png) no-repeat #c9171e}
.js_warp .js_txt .next{width:30px;height:30px;border-radius:20px;font-size:0;background:url(/images/04_tour/hall/hall_next.png) no-repeat #fff}


@media all and (min-width:768px) {
.js_warp .js_header .menu{position:relative;}
.js_warp .js_header .menu li{width:25%;border:none;}
.js_warp .js_header .menu li ul{display:block;position:absolute;top:40px;left:10px;}
.js_warp .js_header .menu li li{width:auto;}
.js_warp .js_header .menu li li a{border-radius:20px;padding:8px 15px;border:2px solid #fff;color:#fff;font-size:13px;font-weight:600;margin:0 2px}

}

@media all and (min-width:1200px) {


.js_warp{height:100%;overflow:hidden;position:relative;}
.js_warp .js_header{position:absolute;top:0;left:0;width:100%;z-index:100}
.js_warp .js_header div{height:70px;width:1200px;margin:0 auto;}
.js_warp .js_header h1{height:70px;float:left;width:20%;padding:20px 0 0 0;}
.js_warp .js_header .menu{float:left;width:80%;}
.js_warp .js_header .menu li{padding:23px 0 0 0;font-size:16px;}
.js_warp .js_header .menu li ul{top:60px;}
.js_warp .js_header:after{content:"";display:block;clear:both}

.js_warp .js_img li img{width:auto;height:100%}

.js_warp .js_txt_warp{margin:0 auto;width:1200px;}
.js_warp .js_txt_warp .js_txt{position:absolute;right:0;bottom:0;background:url("/images/04_tour/hall/hall_bg.png") repeat !important;width:100%;z-index:100}


}      

.img_c2 li{text-align:center;margin:0 0 15px 0;background:#333;border-radius:15px;overflow:hidden}
.img_c2 li img{width:100%}
.img_c2 li span{display:block;padding:15px 0;color:#fff}
@media all and (min-width:768px) {
.img_c2{overflow:hidden}
.img_c2 li{float:left;width:48%;margin:0 1% 25px 1%}
} 



/*관광지*/

.tour_category_tab{overflow:hidden;margin:0 0 30px 0}
.tour_category_tab li{float:left;width:50%;box-sizing:border-box;}
.tour_category_tab li a{display:block;padding:30px 15px 0 15px;height:45px;border:1px solid transparent;border-color:#d7d7d7;font-size:16px;}
.tour_category_tab li a:hover{border:solid 1px #757575;font-weight:600;}
.tour_category_tab li.on a{background:url("/images/04_tour/sub/tour_tab_on_pattern.png");color:#1660d4;border:solid 1px #757575;font-weight:600;}

.tour_category_tab2{overflow:hidden;}
.tour_category_tab2{overflow:hidden;border-top:1px solid #d7d7d7;border-left:1px solid #d7d7d7;margin:0 0 30px 0}
.tour_category_tab2 li{float:left;width:33%}
.tour_category_tab2 li a{display:block;padding:15px 15px 0 15px;height:30px;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7}
.tour_category_tab2 li a:hover{background:#00398c;color:#fff}
.tour_category_tab2 li.on a{background:url("/images/01_potal/sub/tab_on.png") no-repeat right center #0044a2;color:#fff}
.tour_category_tab2 li.on a:hover{background-color:#00398c}

.tour_category_tab3{overflow:hidden;border:1px solid #d7d7d7;margin:0 0 30px 0;padding:20px;}
.tour_category_tab3 li{float:left;width:48%;margin:1%;height:30px;}
.tour_category_tab3 li a{display:block;padding:10px;border:1px dotted #d7d7d7;}
.tour_category_tab3 li a:hover{background:#00398c;color:#fff}
.tour_category_tab3 li.on a{color:#00398c;border:1px dotted #00398c;}
.tour_category_tab3 li.on a:hover{background-color:#00398c}

.tour_bbs_search{padding:20px;overflow:hidden;background:#f8f8f8;}
.tour_bbs_search p{background:url("/images/04_tour/sub/tour_search_arr.gif") no-repeat 0 11px;padding:10px 0 0 25px;}
.tour_bbs_search form{padding:20px 0 0 0;}
.tour_bbs_search form .s_txt{width:65%;height:36px;border:solid 1px #e2e2e2;}


.tour_list{border-top:solid 2px #686868;padding:40px 0 0 0;overflow:hidden;}
.tour_list .box{border:solid 1px #d1d1d1;border-bottom:solid 1px #000;margin:0 0 30px 0;}
.tour_list .box div{position:relative;}
.tour_list .box p.img img{width:100%;max-height:300px;}
.tour_list .box p.btn_map{position:absolute;bottom:0;right:0;}
.tour_list .box p.blind{display:block;overflow:hidden;position:absolute;font-size:1.8em;left:-5000px;top:0;}
.tour_list .box p.map_view{position:absolute;top:0;left:0;}
.tour_list .box dl{padding:15px;}
.tour_list .box dl dt{font-size:1.4em;color:#000;font-weight:600;}
.tour_list .box dl dd{padding:10px 0 0 0;}
.tour_list .box ul{border-top:solid 1px #ccc;padding:10px;overflow:hidden;}
.tour_list .box ul li.tel{float:left;background:url("/images/04_tour/sub/tour_list_tel.gif") no-repeat 0 4px;padding:0 0 0 20px;}
.tour_list .box ul li.number{float:left;}
.tour_list .box ul li.view{float:right;background:url("/images/04_tour/sub/tour_list_view.gif") no-repeat 0 4px;padding:0 0 0 20px;}
.tour_list .last{margin-right:0;}

/*221214*/
.tour_list .box div span{display: block;position: absolute;padding: 4px 8px;font-size: 14px;color: #fff;}
.tour_list .box div span.ct1{top: 10px;left: 10px;background: #018483;border-radius: 20px;}
.tour_list .box div span.ct2{top: 10px;right: 10px;background: rgba(0,0,0,.5);border-radius: 10px;}
.tour_list .box div span.ct2 em{display: block;width: 32px;height: 32px;margin: 0 auto 4px;font-size: 0; background: url("/upload_data/board_data/BBS_0000144/167097992287435.png") no-repeat;}

.tv_top .tv_img{position:relative;}
.tv_top .tv_img .img img{width:100%;}
.tv_top .tv_img .tv_btn{position:absolute;bottom:0;left:0;}
.tv_top .tv_con{border:solid 1px #d5d5d5;box-sizing:border-box;}
.tv_top .tv_con .tit{text-align:center;border-bottom:solid 2px #515151;color:#232323;font-weight:600;font-size:24px;padding:25px 0;margin:0 20px;}
.tv_top .tv_con ul{padding:25px 20px 17px 20px;}
.tv_top .tv_con ul li{padding:0 0 8px 0;line-height:1.6em;}
.tv_top .tv_con ul li span{display:inline-block;background:#ebebeb;color:#0051cf;width:75px;padding:0 0 0 10px;margin-right:10px;}

.tv_top .tv_con .veiw_btn{padding:0 0 25px 0;}
.tv_top .tv_con .veiw_btn a{display:inline-block;width:95%;margin:0 1% 0 2%;text-align:center;line-height:52px;overflow:hidden;color:#3e3e3e;font-weight:600;border-radius:10px;background:#d5d5d5}
.tv_top .tv_con .veiw_btn a:hover,
.tv_top .tv_con .veiw_btn a:focus{background:#484d5d;color:#fff;}
.tv_top .tv_con .veiw_btn a span{display:inline-block;padding:0 0 0 40px;}
.tv_top .tv_con .veiw_btn a.h_btn span{background:url("/images/04_tour/sub/btn_home.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.h_btn:hover span,
.tv_top .tv_con .veiw_btn a.h_btn:focus span{background:url("/images/04_tour/sub/btn_home_on.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vr_btn span{background:url("/images/04_tour/sub/btn_vr.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vr_btn:hover span,
.tv_top .tv_con .veiw_btn a.vr_btn:focus span{background:url("/images/04_tour/sub/btn_vr_on.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vod_btn span{background:url("/images/04_tour/sub/btn_vod.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vod_btn:hover span,
.tv_top .tv_con .veiw_btn a.vod_btn:focus span{background:url("/images/04_tour/sub/btn_vod_on.png") no-repeat left center;}


.tour_view .tv_content{line-height:1.6em;padding:0 0 30px 0;}

.vicinity_tour{border:solid 1px #d5d5d5;box-sizing:border-box;}
.vicinity_tour .vt_map{overflow:hidden;}
/* 20190107 지도 영역 틀어지는 현상으로 인하여 주석 처리
.vicinity_tour .vt_map img{width:100%;}
*/
.vicinity_tour .vt_list{height:380px;overflow:auto;}
.vicinity_tour .vt_list .vl_box{overflow:hidden;margin:25px;border-bottom:dashed 1px #d6d6d6;padding-bottom:25px;}
.vicinity_tour .vt_list .vl_box p{float:left;background:url("/images/04_tour/sub/map_loca_bg.png") no-repeat center top;width:31px;color:#fff;text-align:center;font-weight:600;padding:4px 0 12px 0;font-size:18px;margin-right:15px;}
.vicinity_tour .vt_list .vl_box dl{float:left;}
.vicinity_tour .vt_list .vl_box dl dt{font-size:18px;font-weight:600;padding:0 0 5px 0;}
.vicinity_tour .vt_list .vl_box dl dt a{color:#171515;}



@media all and (min-width:768px) {
.tour_category_tab li{width:33%;}
.tour_category_tab li a{height:60px;}
.tour_category_tab li a span{display:inline-block; margin-left: 15px;margin-right:10px;width:35px;height:35px;background:url("/images/04_tour/sub/tour_tab_icon.png") no-repeat;font-size:0;vertical-align:middle;}
.tour_category_tab li a .icon01{background-position:0 0;}
.tour_category_tab li a .icon02{background-position:-35px 0;}
.tour_category_tab li a .icon03{background-position:-70px 0;}
.tour_category_tab li a .icon04{background-position:-105px 0;}
.tour_category_tab li a .icon05{background-position:-140px 0;}
.tour_category_tab li a .icon06{background-position:-175px 0;}
.tour_category_tab li a .icon07{background-position:-210px 0;}
.tour_category_tab li.on a .icon01{background-position:0 -35px;}
.tour_category_tab li.on a .icon02{background-position:-35px -35px;}
.tour_category_tab li.on a .icon03{background-position:-70px -35px;}
.tour_category_tab li.on a .icon04{background-position:-105px -35px;}
.tour_category_tab li.on a .icon05{background-position:-140px -35px;}
.tour_category_tab li.on a .icon06{background-position:-175px -35px;}
.tour_category_tab li.on a .icon07{background-position:-210px -35px;}

.tour_category_tab2 li{width:16.6%}

.tour_category_tab3 li{width:18%}

.tour_bbs_search p{float:left;}
.tour_bbs_search form{float:right;padding:0;}
.tour_bbs_search form .s_txt{width:250px;}

.tour_list .box{float:left;width:45%;margin:0 2%;margin-bottom:30px;}
.tour_list .box p.img img{max-height:200px;}

.tv_top{overflow:hidden;}
.tv_top .tv_img{float:left;width:50%;min-height:300px;}
.tv_top .tv_img .img img{min-height:300px;}
.tv_top .tv_con .tit{padding-top:0;}
.tv_top .tv_con{float:left;width:50%;position:relative;min-height:300px;border:none;}

}

@media all and (min-width:1023px) {
.tour_category_tab li{width:20%;}
.tour_category_tab2 li{width:12.5%}

.tour_list .box{width:29%;margin:0 2%;margin-bottom:30px;}

.tv_top .tv_img .img img{width:100%;height:320px;}

.vicinity_tour{overflow:hidden;}
.vicinity_tour .vt_map{float:right;width:50%;}
/* 20190107 지도 영역 틀어지는 현상으로 인하여 주석 처리
.vicinity_tour .vt_map p{width:100%;height:438px;}
*/
.vicinity_tour .vt_list{float:left;width:50%;height:410px;}
.vicinity_tour .vt_list .vl_box{overflow:hidden;margin:25px;border-bottom:dashed 1px #d6d6d6;padding-bottom:25px;}
.vicinity_tour .vt_list .vl_box p{float:left;background:url("/images/04_tour/sub/map_loca_bg.png") no-repeat center top;width:31px;color:#fff;text-align:center;font-weight:600;padding:4px 0 12px 0;font-size:18px;margin-right:15px;}
.vicinity_tour .vt_list .vl_box dl{float:left;}
.vicinity_tour .vt_list .vl_box dl dt{font-size:18px;color:#171515;font-weight:600;padding:0 0 5px 0;}

}
                             


.bbs_restlist{}
.bbs_restlist ul{}
.bbs_restlist ul li{width:100%;margin:0 0 20px 0;border-bottom:1px solid #000;}
.bbs_restlist ul li a{display:block;width:100%}
.bbs_restlist ul li a:hover, .bbs_restlist ul li a:focus{text-decoration:underline;}
.bbs_restlist ul li a img{width:100%;height:200px;}
.bbs_restlist ul li a .txt{display:block;width:100%;padding:20px;background:#f9f9f9;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.bbs_restlist ul li a .txt strong{display:block;width:100%;margin:0 0 8px 0;font-size:16px;color:#149495;font-weight:600;}

.room_view{width:100%;position:relative;margin:30px 0 0 0;}
.room_view ul img{width:100%;}
.room_view .prev{position:absolute;top:35%;left:0;}
.room_view .next{position:absolute;top:35%;right:0;}

@media all and (min-width:768px) {
.bbs_restlist ul{overflow:hidden;}
.bbs_restlist ul li{float:left;width:48%;margin:0 1% 20px 1%;}
}

@media all and (min-width:1023px) {
.bbs_restlist ul li{float:left;width:31.3%;margin:0 1% 20px 1%;}
.room_view .prev{top:45%;}
.room_view .next{top:45%;}
}
                           
.camping_box .camp_img{overflow-x:scroll;padding-bottom:20px;}
.camping_box .camp_info ul{background:#f6efe7;border:solid 1px #ccbfb0;padding:10px;overflow:hidden;}
.camping_box .camp_info ul li{float:left;width:50%;box-sizing:border-box;padding:10px 0 10px 40px;color:#000;background:url("/images/04_tour/sub07/atc_icon.png") no-repeat left top;}
.camping_box .camp_info ul li.ci01{background-position:0 5px}
.camping_box .camp_info ul li.ci02{background-position:0 -45px}
.camping_box .camp_info ul li.ci03{background-position:0 -95px}
.camping_box .camp_info ul li.ci04{background-position:0 -145px}
.camping_box .camp_info ul li.ci05{background-position:0 -195px}
.camping_box .camp_info ul li.ci06{background-position:0 -245px}
.camping_box .camp_info ul li.ci07{background-position:0 -295px}
.camping_box .camp_info ul li.ci08{background-position:0 -345px}
.camping_box .camp_info p.info_txt{padding:15px 0;line-height:22px;}
.camping_box .camp_info h6{margin-bottom:0;margin-top:3px;}
.camping_box .camp_info p span{display:block;padding:5px;}
.camping_box .camp_info p span img{width:100% !important;}
@media all and (min-width:768px) {
.camping_box .camp_img{overflow:hidden;text-align:center;}
.camping_box .camp_info ul{padding-left:50px;}
.camping_box .camp_info ul li{width:25%}
.camping_box .camp_info p span{display:inline-block;}
}
@media all and (min-width:1023px) {
.camping_box{overflow:hidden;}
.camping_box .camp_img{float:left;}
.camping_box .camp_info{float:right;width:630px;box-sizing:border-box;}
.camping_box .camp_info ul{padding-left:50px;}
.camping_box .camp_info ul li{width:25%}
.camping_box .camp_info p span{display:inline-block;}
}


/*농촌체험휴양마을*/
.village{margin-bottom:30px; padding-bottom:30px; border-bottom:1px #464646 solid;}
.village .v_sub h5{background:none;margin: 10px 0;padding:0;font-size: 22px;line-height: 1.5em;}
.village .v_sub ul li{margin: 0 0 10px 0;line-height:1.5em;overflow-x:auto;} 
.village .v_sub ul li span{display:inline-block;box-sizing:border-box;width: 120px;background:#f4f4f4;padding:4px 6px;}
.village .v_sub table{width:100%;min-width:800px;margin:10px 0;border-top:1px solid #323a47}
.village .v_sub table th, .village .v_sub table td{text-align:center;padding:5px 10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em}
.village .v_sub table thead th{background:#f7f7f7;color:#333}
.village .v_sub table tbody th{background:#f3f8fb;color:#444}
.village .v_sub table tbody td{color:#555}   

.village .big_img a{background: url("/images/01_potal/sub/btn_new.png") no-repeat left 21px center #223e99;eat left 24px center #223e99;}

@media all and (min-width:1023px) {
.village{overflow:hidden;}
.village .big_img{float: left;width: 300px;margin-right: 40px;padding: 0;}
.village2 .big_img{width: 363px;}
.village .big_img a{display:block;}

.village .v_sub{float: left;width: 70%;}
.village2 .v_sub{width:65%;}


}                                                                                       