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

.basic_btn a{border:1px #f15a40 solid;}
.basic_btn span{filter:grayscale(1);-webkit-filter:grayscale(1);}
.basic_btn a:hover{background: linear-gradient(to right,#189999, #e86650);}
.basic_box::before{background:#f15a40;}
.basic_box::after{background:#189999;}

.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/02_tour/sub04/fas_btn.png") no-repeat 0 center}


.fas_tit{background:url("/images/02_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{display: flex;justify-content: space-between;padding:0 0 30px 0;}
.edan_box p{margin:0 0 20px 0}
.edan_box p img{width: auto;max-width: 100%;}
.edan_box dt{padding:0;margin-bottom: 4px !important;background:none;font-size: 24px;font-weight: 400;}
@media all and (min-width:768px) {
.edan_box p{margin:0;}
.edan_box div{width: calc(100% - 240px);}
.edan_box div p{width:100%;}
}

.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{font-size: 20px;color: #f15a40;font-weight:600;}

.dictionary{background:url("/images/02_tour/sub06/dictionary.png") no-repeat center top}
.festival{background:url("/images/02_tour/sub04/fas_tit.png") no-repeat center top;}
.town{background:url("/images/02_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/02_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/02_tour/sub03/couse_on_bg.png");}
.couse_con ul li a span{background:url("/images/02_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/02_tour/sub03/couse_img01.jpg") no-repeat center top;background-size:cover;}
.couse02{background:url("/images/02_tour/sub03/couse_img02.jpg") no-repeat center top;background-size:cover;}
.couse03{background:url("/images/02_tour/sub03/couse_img03.jpg") no-repeat center top;background-size:cover;}
.couse04{background:url("/images/02_tour/sub03/couse_img04.jpg") no-repeat center top;background-size:cover;}
.couse05{background:url("/images/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_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/02_tour/sub/btn_home_on.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vr_btn span{background:url("/images/02_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/02_tour/sub/btn_vr_on.png") no-repeat left center;}
.tv_top .tv_con .veiw_btn a.vod_btn span{background:url("/images/02_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/02_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/02_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/02_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/02_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/02_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 #e1e1e1 solid;}
.village .v_sub h5{margin: 10px 0;margin: 0 0 20px 0;padding:0;font-size: 30px;color: #333;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: 140px;background: #f15a40;border-radius: 10px;margin-right: 4px;padding: 4px 0 0 0;color: #fff;text-align: center;vertical-align: middle;}
.village .v_sub table{width:100%;min-width: 700px;margin:10px 0;border-top: 1px solid #f15a40;}
.village .v_sub table th, .village .v_sub table td{text-align:center;padding: 14px 10px;border: 1px solid #fbe8e5;border-top:none;vertical-align:middle;font-size:16px;line-height: 1.25em;}
.village .v_sub table thead th{background: #fff9f7;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/common/img_view.png') no-repeat left 15px center #333;}

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

.village .v_sub{float: right;width: calc(100% - 340px);}
.village2 .v_sub{width:65%;}


}  

/* 관광지도 */
.tour_map{text-align:center;}
.tour_map h4{background:none; padding:0; margin:0 0 20px;}
.tour_map ul li{width:320px; margin:0 auto 10px;}
.tour_map ul li a{display:block;height: 70px;padding-top: 20px;border: 1px #136f6f solid;border-radius: 10px;vertical-align: middle;font-size:17px;}
.tour_map ul li a span{display:inline-block;padding: 3px 10px;background:#f4f4f4;border-radius:5px;font-size: 13px;vertical-align: middle;font-family: 'SCDream';}
.tour_map ul li a:hover,.tour_map ul li a:focus{color:#136f6f;}
@media all and (min-width:1023px) {
.tour_map h4{position:relative; padding-top:150px;}
.tour_map h4:before{content:'';position: absolute;top: 0;left: 0;right: 0;display:block;width:120px;height:120px;margin: 0 auto;background: #f2f8f8 url('/upload_data/user_file/02_tour/content/tour_map_ico.png') no-repeat;background-position: 40px 37px;border-radius:50%;}
.tour_map ul{display:flex;justify-content:center;} 
.tour_map ul li{margin:0 6px;}
}  

/* 관광안내소 */
.tour_guide div{margin:0 0 20px;padding: 30px 20px;border:1px #136f6f solid;border-radius: 20px;}
.tour_guide h4{margin:0 0 20px;padding: 0;background: none;}
.tour_guide h4:before{content:'';display:block;width: 50px;height:30px;margin: 0 0 14px 0;background: url('/upload_data/user_file/02_tour/content/tour_guide_ico.png') no-repeat;}
.tour_guide div:nth-of-type(1) h4:before{background-position: -7px 0px;}
.tour_guide div:nth-of-type(2) h4:before{background-position: -8px -46px;}
.tour_guide div:nth-of-type(3) h4:before{background-position: -9px -89px;}
.tour_guide ul{margin-bottom:0;}
.tour_guide ul li span{position: relative;display:inline-block;padding-right:10px;margin-right: 10px;}
.tour_guide ul li span:before{content:'';position: absolute;top: 3px;right: 0;display:inline-block;width:1px;height: 16px;background: #a9a9a9;}
@media all and (min-width:768px) {
.tour_guide div{padding:30px;}   
}
@media all and (min-width:1440px) {
.tour_guide{display:flex; justify-content:space-between;} 
.tour_guide div{width:32.33%; padding:40px;}
.tour_guide ul li:last-of-type{position:relative;padding-left: 113px;word-break: keep-all;}
.tour_guide ul li:last-of-type span{position:absolute;left: 16px;}
}     
 

/* 김제 벽골제 */
.byeokgolje{text-align:center;}
.byeokgolje .txt{position: relative; margin-bottom:20px; padding-top: 60px;word-break:keep-all;font-size:18px;line-height: 1.25em;color: #666;}
.byeokgolje .txt:before{content:'';position: absolute;top: 0;left: 0;right: 0;display:block;width:40px;height:40px;margin: 0 auto 20px;background: url('/upload_data/user_file/02_tour/content/byeokgolje_ico.png') no-repeat;background-position: 50% -133px;}
.byeokgolje .txt span{display:inline-block;vertical-align: baseline;color:#136f6f;font-weight:600;line-height: 1.25em;}
.byeokgolje .txt strong{display:inline-block;vertical-align: baseline;color: #f15a40;font-weight:600;line-height: 1.25em;}
.byeokgolje ul li{margin:0 10px 20px;}
.byeokgolje ul li a{display:block;height:250px;padding-top: 75px;border-radius:20px;border:1px #f15a40 solid;font-size:30px;font-weight:600;color:#333;}
@media all and (min-width:768px) {
.byeokgolje .txt{font-size:20px; margin-bottom:60px;} 
.byeokgolje ul{max-width: 800px;display:flex;justify-content:space-between;margin: 0 auto;}
.byeokgolje ul li{width: 49%;margin:0;}
.byeokgolje ul li a span{display:block;}
.byeokgolje ul li a span:before{content:'';display:block;width:50px;height:50px;margin: 0 auto 20px;background: url('/upload_data/user_file/02_tour/content/byeokgolje_ico.png') no-repeat;}
.byeokgolje ul li:first-of-type a span:before{background-position: 50% -6px;}
.byeokgolje ul li:last-of-type a span:before{background-position: 50% -66px;}
}          

@media all and (min-width:768px) {
.culture{display:flex; flex-wrap:wrap; justify-content:space-between;}
.culture h4{margin:0;}
.culture .basic_btn{margin:0;}
.culture .basic_tab{width:100%;}
.culture .basic_tab li a{background:url("/images/common/btn_go.png") no-repeat right 20px center;}
.culture .basic_tab li a:hover,.culture .basic_tab li a:focus,.culture .basic_tab li.on a{background: #0074a9;border: 1px #0074a9 solid;color: #fff;}
}         

/* 문화재 */
.place .img{margin-bottom: 20px;text-align:center;}
.place .img img{width:auto; max-width:100%;}
.place p.txt{line-height: 1.5em;margin-bottom: 20px;}                   

/* 황금트래블자전거길 */
.bicycle_tit {text-align: center; font-size: 25px; margin-bottom: 50px;}
.bicycle_tit .b_tit_small {color: #f15a40; font-weight: 600;}
.bicycle_tit .b_tit_medium {font-size: 30px;}
.bicycle_tit .b_tit_medium span {line-height: 2;color: #038512;}
.bicycle_tit .b_tit_medium strong {line-height: 2;color: #4f0385;}
.bicycle_tit .b_tit_big {font-size: 50px; font-weight: 600;}

.bicycle_map div {width: 100%; padding: 10px;}
.bicycle_map div img {width: 100%;}

@media all and (min-width:768px) {
.bicycle_map {display: flex; flex-wrap: wrap;}
.bicycle_map div {width: 50%;}
}