@charset "utf-8";



/* Mobile */
.sub_wrap{margin:0 10px;}

/*지금진안은*/
.bbs_tour_tit{height:100vh; display:flex; justify-content:center; align-items:center;}
.tour_tit_con{display:flex; flex-direction:column; align-items:center; }
.tour_tit_con p{text-align:center; margin:0 auto; color:#000; font-size:50px; font-weight:700;}
.tour_tit_con .tour_tit_bg{ margin-top:60px;}
.tour_tit_con .tour_tit_bg img{  display:block; border-radius:20px 20px 0 0; width:100%; height:400px; object-fit:cover;}
.tour_now_tit{margin:50px 0;}

.tour_slide{margin-top:150px;background:#f9f2ed;height: auto;} /*position: relative; width:100vw; left:49.4%; right:50%;  margin-left:-50vw; margin-right:-50vw; */
.tour_slide_wrap{margin:0 20px;}
.tour_slide_con{padding-top:50px; width:332px; overflow:hidden; margin:0 auto;}
.tour_slide_con ul{display:flex;}
.tour_slide_con ul li{width:332px;}
.tour_slide_con ul li a{display:block;}
.tour_slide_con img{width:100%; height:250px; background-size:cover; border-radius:20px 90px 20px 20px;}
.tour_slide_con video{width:100%; height:250px; object-fit:cover; border-radius:20px 90px 20px 20px;}
.tour_slide_con img, .tour_slide_con video{display:block; width:100%; height:250px; object-fit:cover;}

.tour_slide_text{margin:0 auto;}
.tour_slide_text h4{font-size:26px;}
.tour_slide_text p{ word-break: keep-all; white-space: normal;  line-height: 1.6; width:300px;}
.tour_slide_text .bbs_page2{text-align:right;}


.tour_mid_list ul li{margin-bottom:50px;}
.tour_mid_list ul li a{display:block;} 
.tour_mid_list ul li .tour_img_wrap{position:relative; display:block; border-radius: 30px; overflow:hidden;}
.tour_mid_list ul li .tour_img_wrap::before{content:''; display:block; z-index: 1;  position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(204, 130, 91, 0.4); opacity:0; transition:opacity 0.3s ease-out;}
.tour_mid_list ul li a:hover .tour_img_wrap::before, .tour_mid_list ul li a:focus .tour_img_wrap::before{opacity:1;}
.tour_mid_list ul li .img_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999; color:#fff; font-size:25px; font-weight:700; opacity:0; transition:opacity 0.3s ease-out;}
.tour_mid_list ul li a:hover .img_txt, .tour_mid_list ul li a:focus .img_txt{opacity:1; }
.tour_mid_list ul img{ display:block; width:100%; height:auto; max-height:280px; border-radius:30px;}
.tour_mid_list ul video{display:block; width:100%; height:auto; max-height:280px; border-radius:30px; object-fit:cover;}
.tour_mid_list .mid_list_txt{font-size:25px; font-weight:700; color:#222; margin:24px 0;}
.tour_mid_list .mid_list_txt p:last-child{position:relative; display:inline-block; padding:0 10px; }
.tour_mid_list ul li a:hover .mid_list_txt p:last-child::before,
.tour_mid_list ul li a:focus .mid_list_txt p:last-child::before{content:''; position:absolute; top:57%; left:0; width:100%; height:1em; background-color:rgba(239, 200, 181, 0.64); transform:translateY(-50%); z-index: -1; transition:background-color 0.3s ease-out;}
.tour_mid_list ul li a .mid_list_txt p:last-child::before{content:none;}



/* 지금 진안은 뷰페이지 */
.tour_view_img{height:130vh;  position:relative;}
.tour_view_img img{display:block; width:100%; height:200px; position:absolute; top:18%; left:50%; transform:translate(-50%, -50%); object-fit:cover;}
.tour_view_con ul li{height:100vh;position:relative;}
.tour_view_con .con1_img{width:100%;height:100vh;overflow:hidden;position:relative;}
.tour_view_con .con1_img img{width:100%; height:100%; display:block; object-fit:cover;}
.tour_view_con .con1_img_txt{position:absolute;width:80%;margin:0 10px;top:50%;padding:30px 20px;line-height:1.5em;color:#272727;background:rgba(255, 255, 255, 0.85);border-radius:10px;z-index:2;}
.tour_view_con .con1_img_txt p{word-break:keep-all;}
.tour_view_con .img_tit{left:50%; transform: translate(-50%, calc(-50% - 10px)); text-align: center; font-size:22px;  font-weight:700;}
.tour_view_con .img_t_l {left: 20px; transform: translateY(-50%); text-align: left; font-weight:500; font-size:17px;}
.tour_view_con .img_t_l p{margin:5px 0;word-break:keep-all;overflow-wrap: break-word;}
.tour_view_con .txt_map a{display:inline-block;}
.tour_view_con .naver_map, .tour_view_con .kakao_map{display:block;color:#787878;font-weight:500;border:1px solid #787878;font-weight:600;border-radius:5px;width:180px;padding: 8px;margin:5px 0;font-size:16px;}
.tour_view_con .naver_map{background:url("/tour/images/bbs/bbs_map_naver.png")no-repeat right center;background-size:22px 22px;background-position: 140px center;display: inline-block;height: 40px;line-height: 25px;}
.tour_view_con .kakao_map{background:url("/tour/images/bbs/bbs_map_kakao.png")no-repeat right center;background-size:13px 18px;background-position: 140px center;display: inline-block;height: 40px;line-height: 25px;}
.tour_view_con .txt_map a:hover,  .tour_view_con.txt_map a:focus{color:#a77053; border:1px solid #a77053; transition:0.3s ease-in-out;}
.tour_view_con .txt_call{display:inline-block;color:#787878;font-weight:600;border:1px solid #787878;border-radius:5px;width:180px;padding:8px;margin:5px 0;font-size:16px;background:url("/tour/images/bbs/bbs_tel.png")no-repeat right center;background-position: 140px center;height: 40px;vertical-align: middle;line-height: 25px;}
.tour_view_con .txt_call:hover, .tour_view_con .txt_call:focus{color:#a77053; border:1px solid #a77053;  transition:0.3s ease-in-out; }
.tour_view_con .img_t_r {right: 20px; transform: translateY(-50%); font-weight:500; font-size:17px;}
.tour_view_con .img_t_r p{margin:5px 0; word-break:keep-all; overflow-wrap: break-word;}
.tour_view_con .con1_flex{display:flex; flex-direction:column;}
.tour_view_con .con1_img_pho{position:absolute;}

.tour_view_con2{height: 130vh;background:url("/tour/images/bbs/tour_list_viiewbg.jpg")no-repeat;background-size: cover;display: flex;justify-content: center;align-items: center;}
.tour_view_con2 .con2_img_pho{padding:0 20px;}
.tour_view_con2 .con2_img_pho img{width:100%;max-height: 560px; border-radius:10px;}
.tour_view_con2 .con2_img_txt{padding:30px 20px; line-height:1.5em;  margin: 40px 20px;  color:#272727; background:rgba(255, 255, 255, 0.85);  border-radius:10px;  word-wrap: break-word; word-break: break-word;  box-sizing: border-box;    }
.tour_view_con2 .con2_img_txt .img_txt_tit{font-size:20px;font-weight:600;margin-bottom:20px;line-height: 1.4em;}

.list{position:fixed;top: 85%;right:20px; z-index:99;}
.list a{display:block; width:65px; height:65px; background:#a77053; border-radius:50%; padding:23px 16px;; color:#fff; font-size:16px; }

/* 추천여행 */
.bbs_tour_tit{height:100vh; display:flex; justify-content:center; align-items:center; z-index:-10;}
.tour_tit_con{display:flex; flex-direction:column; align-items:center; }
.tour_tit_con p{text-align:center; margin:0 auto; color:#000; font-size:50px; font-weight:700;}
.tour_tit_con .tour_tit_bg{ margin-top:60px;}
.tour_tit_con .tour_tit_bg img{  display:block; border-radius:20px 20px 0 0; width:100%; height:400px; object-fit:cover;}
.tour_now_tit{margin:50px 0;}

.tour_reco{margin-top:150px;background:#f9f2ed;height:565px;/* position: relative; *//* z-index: -1; */}
.tour_reco_wrap{margin:0 20px;}
.tour_reco_con{padding-top:50px; width:332px; overflow:hidden; margin:0 auto; }
.tour_reco_con ul{display:flex; }
.tour_reco_con ul li{width:332px;}
.tour_reco_con ul li a{display:block;}
.tour_reco_con img{width:100%; height:250px; background-size:cover; border-radius:20px 90px 20px 20px;}
.tour_reco_con video{width:100%; height:250px; object-fit:cover; border-radius:20px 90px 20px 20px;}
.tour_reco_con img, .tour_reco_con video{display:block;width: 100%;height:250px;object-fit:cover;}

.tour_reco_text{margin:0 auto;}
.tour_reco_text p{font-size:20px; color:#343434; font-weight:600; margin-top:30px;}
.tour_reco_text h4{font-size:26px;}
.tour_reco_text .bbs_page2{text-align:right;}

/* .tour_reco_con .reco_r p{font-size:20px; color:#343434; font-weight:600; margin-top:30px;}
.tour_reco_con .reco_r h4{font-size:26px; margin:20px 0;}
.tour_reco_text .bbs_page2{text-align:right;} */


.tour2_bbs{position:relative; margin:50px 0; padding:15px 10px;}
/* .tour2_bbs::before{content:''; display:block; border:1px solid #a77053; position:absolute; top:10px; right:0; width:100%; height:130px; border-radius:10px;} */
.tour2_bbs .t2_bbsbox{width:100%; padding:10px 0;display:flex; flex-wrap:wrap; }
.tour2_bbs h5{z-index:1;}
.tour2_bbs .tour2_bbs_con{display:none;  width:calc(100% - -5px); order:2; margin-top:35px;} /*position:absolute; bottom:-180px;*/
.tour2_bbs .tour2_bbs_con.on{display:block;}
.tour2_bbs h5{float:left; width:48%; margin:0 1% 2%; text-align:center; order:1;}
.tour2_bbs h5 a{display:block; height:30px; padding-top:7px; font-weight:500; font-size:16px; color:#444444; }
.tour2_bbs h5.on a{ background:#a77053; border-radius:50px; color:#fff; font-weight:600;}
.tour2_bbs h5 a:hover, .tour2_bbs h5 a:focus{background:#a77053; border-radius:50px; color:#fff;}


.tour2_bbs_con ul li{margin-bottom:50px;}
.tour2_bbs_con ul li a{display:block;} 
.tour2_bbs_con ul li .tour_img_wrap{position:relative; display:block; border-radius: 30px; overflow:hidden;}
.tour2_bbs_con ul li .tour_img_wrap::before{content:''; display:block; z-index: 1;  position: absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(204, 130, 91, 0.4); opacity:0; transition:opacity 0.3s ease-out;}
.tour2_bbs_con ul li a:hover .tour_img_wrap::before, .tour_mid_list ul li a:focus .tour_img_wrap::before{opacity:1;}
.tour2_bbs_con ul li .img_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999; color:#fff; font-size:25px; font-weight:700; opacity:0; transition:opacity 0.3s ease-out;}
.tour2_bbs_con ul li a:hover .img_txt, .tour_mid_list ul li a:focus .img_txt{opacity:1; }
.tour2_bbs_con ul img{ display:block; width:100%; height:auto; max-height:280px; border-radius:30px;}
.tour2_bbs_con .mid_list_txt{font-size:25px; font-weight:700; color:#222; margin:24px 0;}
.tour2_bbs_con .mid_list_txt .txt_tag_box{margin: 10px 0;}
.tour2_bbs_con .mid_list_txt span{display: inline-block;font-size:16px;margin: 10px 0;font-weight:500;background:#a77053;color:#fff;border-radius:50px;padding: 8px 15px;}
.tour2_bbs_con .mid_list_txt span:nth-of-type(1){margin-right: 10px;}
.tour2_bbs_con .mid_list_txt span:nth-of-type(2){margin-right:10px;}
.tour2_bbs_con .mid_list_txt span:nth-of-type(3){margin-right:10px;}
.tour2_bbs_con .mid_list_txt p:last-child{position:relative; display:inline-block; padding:0 10px; }
.tour2_bbs_con ul li a:hover .mid_list_txt p:last-child::before,
.tour2_bbs_con ul li a:focus .mid_list_txt p:last-child::before{content:''; position:absolute; top:80%; left:0; width:100%; height:1em; background-color:rgba(239, 200, 181, 0.64); transform:translateY(-50%); z-index: -1; transition:background-color 0.3s ease-out;}
.tour2_bbs_con ul li a .mid_list_txt p:last-child::before{content:none;}

.bbs_page3{margin:25px 0; text-align:center;}
.bbs_page3 a{display:inline-block; width:45px; height:45px; border:1px solid #a77053; border-radius:50%; background:#fff; line-height:1.5em; margin:0 4px 4px; padding:10px 0 0 0;}
.bbs_page3 a:hover, .bbs_page3 a:focus{color:#fff; background:#a77053; transition:0.3s ease-in-out;}
.bbs_page3 a.on{background:#a77053; color:#fff; border:none;}
.bbs_page3 .prev{font-size:0; background:url("/tour/images/bbs/bbs_prev.png")no-repeat; background-position:center center;}
.bbs_page3 .prev2{font-size:0; background:url("/tour/images/bbs/bbs_prev2.png")no-repeat; background-position:center center;}
.bbs_page3 .next{font-size:0; background:url("/tour/images/bbs/bbs_next.png")no-repeat; background-position:center center;}
.bbs_page3 .next2{font-size:0; background:url("/tour/images/bbs/bbs_next2.png")no-repeat; background-position:center center;}
.bbs_page3 .prev:hover, .bbs_page3 .prev:focus{background:#a77053 url("/tour/images/bbs/bbs_prev_on.png")no-repeat; background-position:center center;}
.bbs_page3 .prev2:hover, .bbs_page3 .prev2:focus{background:#a77053 url("/tour/images/bbs/bbs_prev2_on.png")no-repeat; background-position:center center;}
.bbs_page3 .next:hover, .bbs_page3 .next:focus{background:#a77053 url("/tour/images/bbs/bbs_next_on.png")no-repeat; background-position:center center;}
.bbs_page3 .next2:hover, .bbs_page3 .next2:focus{background:#a77053 url("/tour/images/bbs/bbs_next2_on.png")no-repeat; background-position:center center;}

/* 추천여행 뷰페이지 */
.t2_con_l .t2_l_img{overflow:hidden; border-radius:0 50px 0 0 ;}
.t2_con_l .t2_l_img img{width:100%;  max-height:350px;}
.t2_con_l .t2_l_txt{width:100%; background:#f9f2ed; padding:20px; border-radius:0 0 50px 0; margin-bottom:45px;}
.t2_con_l .t2_l_txt strong{color:#2c2c2c; font-size:20px; font-weight:700; display:block; margin:10px 0; }
.t2_con_l .t2_l_txt p{color:#4b4b4b;font-size:16px;line-height:1.5em;word-break: keep-all;}
.t2_con_l .t2_l_tip{border:1px solid #a77053; border-radius:0 0 15px 15px; margin: 25px 0; padding:30px 20px 0 20px; position:relative;}
.t2_con_l .t2_l_tip span{background:#a77053; border-radius:0 50px 50px 50px; color:#fff; padding:10px 30px; text-align:center; font-size:18px; position: absolute; top:-20px; left:-1px;}

.tour2_view_r{margin:30px 0; position: relative;z-index: 0;}

.tour2_view_r .t2_list_tit{position: sticky;top:0 ;z-index:-1;background:#fff; height:110px; padding-top:100px;}
.t2_list_tit li{width:25%;}
.t2_list_tit ul.col1 li{width:100%;}
.t2_list_tit ul.col2 li{width:50%;}
.t2_list_tit ul.col3 li{width:33.33%;}
.t2_list_tit ul.col4 li{width:25%;}

.tour2_view_r ul li{float:left;width:50%;height: 40px;border-radius:5px 5px 0 0;margin:0;text-align:center;line-height:40px;font-weight:500;font-size:18px;}
.tour2_view_r ul li a{display:block; color:#a77053; background:#fff;}
.tour2_view_r ul li::after{content:'';display:block;width:50%;height:1px;background:#a77053;position:absolute;top: 139px;right:0;}
.tour2_view_r ul li.on a{color:#fff; background:#a77053; font-weight:600;  border-radius:5px 5px 0 0;  }
.tour2_view_r ul li.on a::after{content:'';display:block;width: 73%;height:1px;background:#a77053;position:absolute;top: 139px;left:0;}
.tour2_view_r ul li.on::after { display: none;}

.t2_list{position:relative;width:100%;height: auto;padding:5px;overflow:hidden;z-index:-2;margin-top: 50px;}
.t2_list .t2_list_con{display:none; width:100%;}
.t2_list .t2_list_con.on{display:block;}
.t2_list .t2_con_r{margin-bottom:30px;/* height: auto; */}
.t2_list .t2_img_wrap{width:100%;}
.t2_list .t2_img_wrap img{display:block; border-radius:30px; width:100%; height:220px; object-fit:cover;}
.t2_list .t2_list_txt{border:1px solid #a77053;border-radius:20px 0 20px 20px;padding:25px 15px;position: relative;background: #fff;}
.t2_list .t2_list_txt::after{display:block;content:'';border:1px solid #a2a2a2;height: 46px;margin: 0 auto;position:absolute;top: 142px;left:50%;z-index:-10;}
.t2_list .t2_con_r:last-child .t2_list_txt::after {display: none;}
.t2_list .t2_list_txt a:first-child{display:block;}
.t2_list .t2_list_txt strong{display:block; color:#242424; font-size:18px; text-align:center; margin-bottom:10px; font-weight:600;}
.t2_list .t2_list_txt a{display:inline-block; color:#383737; font-size:16px; margin:5px 0;}
.t2_list .t2_list_txt span{margin-left:30px;}
.t2_list .t2_list_txt .bbs_loca{ background:url("/tour/images/bbs/bbs_location.png")no-repeat; width:100%; height:20px;}
.t2_list .t2_list_txt .bbs_tel{background:url("/tour/images/bbs/bbs_tel.png")no-repeat; width:100%; height:20px;}
.bbs_tour_sub2 .list_btn{margin: 30px 0;}
.bbs_tour_sub2 .list_btn a{display:block; text-align:center; background:#a77053; color:#fff; padding:10px 20px; border-radius:5px; max-width:500px; margin:0 auto;}


/* 관광데이터 공통 스킨 */
.bbs_tour_list{ width:100%;}
.bbs_tour_list li{border-top:1px solid #a77053; border-bottom:1px solid #a77053; padding:30px 10px; margin-bottom:40px;}
.bbs_tour_list li a{display:block; }/*padding:25px 0;*/

.bbs_tour_list .img_box{width:100%; }
.bbs_tour_list .img_box img{width:100%; max-height:250px; object-fit:cover; border-radius:20px;}

.bbs_tour_list .txt_box_wrap{margin: 0 5px;}

.bbs_tour_list .txt_tag_box{overflow:hidden;}
.bbs_tour_list .txt_tag_box span{display:block; float:left;  font-size:16px; margin:20px 0; background:#a77053; color:#fff; border-radius:50px; padding:8px 10px;}
.bbs_tour_list .txt_tag_box span:nth-of-type(1){margin-right:12px;}
.bbs_tour_list .txt_tag_box a{display:block; float:right; margin:20px 0; width:27px; height:27px;  background:url("/tour/images/bbs/bbs_homepage.png")no-repeat;}
.bbs_tour_list .txt_tag_box i{font-size:0;}
.bbs_tour_list .txt_box .txt_box_tit{display:block; color:#1e1d1d; font-size:20px; font-weight:700; margin:10px 0;}
.bbs_tour_list .tel_icon, .bbs_tour_list .loca_icon{display:block; color:#363636; font-size:16px;  padding-left:33px; line-height:24px; margin:5px 0;}
.bbs_tour_list .tel_icon{background:url("/tour/images/bbs/bbs_tel.png")no-repeat left center; }
.bbs_tour_list .loca_icon{background:url("/tour/images/bbs/bbs_location.png")no-repeat left center;}

.bbs_tour_list .txt_map{margin-top:20px; }
.bbs_tour_list .naver_map, .bbs_tour_list .kakao_map{display:block; color:#787878; font-weight:500; border:1px solid #787878; font-weight:600;  border-radius:5px; width:180px; padding:10px; margin:5px 0; font-size:16px;}
.bbs_tour_list .naver_map{background:url("/tour/images/bbs/bbs_map_naver.png")no-repeat right center; background-size:22px 22px; background-position: 140px center; }
.bbs_tour_list .kakao_map{background:url("/tour/images/bbs/bbs_map_kakao.png")no-repeat right center; background-size:13px 18px; background-position: 140px center; }
.bbs_tour_list .txt_map a:hover, .bbs_tour_list .txt_map a:focus{color:#a77053; border:1px solid #a77053; transition:0.3s ease-in-out;}


/* 관광데이터 공통 스킨_뷰페이지*/
.bbs_home_icon{display: inline-block;width: 27px;height: 27px;background: url(/tour/images/bbs/bbs_homepage.png)no-repeat;margin: 15px;}
.bbs_home_icon i{font-size:0;}
.tour3_view_wrap{overflow:hidden;}
.bbs_tourlist_slide{display:flex; width:700px; gap:10px;}
.bbs_tourlist_slide img{height:220px; object-fit:cover;}
.tour3_view_con .tour3_view_con1 .bbs_view_text p{margin:13px 0; word-break:keep-all; }
.tour3_view_con .bbs_view_map{border:1px solid #a77053; border-radius:0 0 15px 15px; position:relative; margin:25px 0; z-index:1;  overflow:hidden;} /*지도 넣으면 max-height:250px; 추가*/

.tour3_view_con .map_img{overflow:hidden; height:300px; z-index:-999;}
.tour3_view_con .bbs_view_map img{width:100%; height:300px; display:block; object-fit:cover; }

.tour3_view_con .bbs_view_map .map_tag{background:#a77053; position:absolute; bottom:0; left:0;  border-radius:0 15px 0 15px; padding:5px 20px; width:auto;}
.tour3_view_con .bbs_view_map .map_loca, .tour3_view_con .bbs_view_map .map_tel{display:block;  color:#fff; width:200px; margin-left:20px; margin:5px 0; font-size:15px; }
.tour3_view_con .bbs_view_map .map_loca{background:url("/tour/images/bbs/bbs_location2.png")no-repeat left center;  height:23px;  padding-left:30px;  background-size:18px 20px; width:auto;}
.tour3_view_con .bbs_view_map .map_tel{background:url("/tour/images/bbs/bbs_tel2.png")no-repeat left center; height:22px; padding-left:30px; background-size:18px 20px;}
.tour3_view_con2 .tour3_view_add, .tour3_view_con2 .tour3_view_noti{border:1px solid #a77053; border-radius:0 0 15px 15px; margin:35px 0; padding: 20px 20px 0 20px; position:relative;}
.tour3_view_con2 .tour3_view_add span, .tour3_view_con2 .tour3_view_noti span{background:#a77053; border-radius:0 50px 50px 50px; color:#fff; padding:10px 30px; text-align:center; font-size:18px; position:absolute; top:-20px; left:-1px;}
.tour3_view_con2 .tour3_view_add ul, .tour3_view_con2 .tour3_view_noti ul{margin:20px 0; }
.tour3_view_con .list_btn a{display:block; text-align:center; background:#a77053; color:#fff; padding:10px 20px; border-radius:5px; max-width:500px; margin:0 auto;}


/* 숙박, 음식, 쇼핑 공통 스킨 */
.tour4_bbs{position:relative; margin:50px 0; padding:15px 10px;}
/* .tour4_bbs::before{content:'';display:block;border:1px solid #a77053;position:absolute;top:10px;right:0;width:100%;height: 140px;border-radius:10px;z-index:-1;} */
.tour4_bbs .t4_bbsbox{width:100%; padding:10px 0; display:flex; flex-wrap:wrap;}
.tour4_bbs h5{float:left; width:48%; margin:0 1% 2%; text-align:center; order:1;} 
.tour4_bbs h5 a{display:block; height:30px; padding-top:7px; line-height:24px; font-size:16px; color:#444; font-weight:500;}
.tour4_bbs h5.on a{background:#a77053; border-radius:50px; color:#fff; font-weight:600; padding-bottom:30px;} 
.tour4_bbs h5 a:hover, .tour4_bbs h5 a:focus{background:#a77053; border-radius:50px; color:#fff; transition:0.3s ease-in-out;}
.tour4_bbs .tour4_bbs_con{display:none; width:calc(100% - -5px); margin-top:35px; order:2;}
.tour4_bbs .tour4_bbs_con.on{display:block;}
.tour4_bbs .bbs_table_btn a{display:block; color:#787878; border:1px solid #787878; border-radius:5px; width:180px; padding:5px; margin: 5px 0; font-size:15px; text-align:left; padding-left:12px;}
.tour4_bbs .bbs_table_btn a:nth-of-type(1){background:url("/tour/images/bbs/bbs_map_naver.png")no-repeat right center; background-size:22px 22px; background-position: 140px center; margin-top:15px; }
.tour4_bbs .bbs_table_btn a:nth-of-type(2){background:url("/tour/images/bbs/bbs_map_kakao.png")no-repeat right center; background-size:13px 18px; background-position: 140px center; }
.tour4_bbs .bbs_table_btn a:hover, .tour4_bbs .bbs_table_btn a:focus{color:#a77053; border:1px solid #a77053; transition:0.3s ease-in-out;}



/* 검색 */
.bbs_search2{margin:30px 0;}
.bbs_search2 input{margin:4px 0;}
.bbs_search2 .form_sel{height:42px; border:1px solid #dedede; border-radius:5px; margin:2px 0;}
.bbs_search2 .form_txt{border:1px solid #dedede; border-radius:5px; width:calc(100% - 60px); height:45px; padding:0 5px;}
.bbs_search2 .form_sm{background:#3f3936; border-radius:5px; color:#fff; font-size:15px; height:45px; font-weight:600; padding:0 12px;}
.bbs_search2 .form_sm:hover, .bbs_search2 .form_sm:focus{background:#a77053; transition:0.3s ease-in-out;}




/* Tablet */
@media all and (min-width:768px){

/*지금 진안은*/
.tour_slide{height:640px;}
.tour_slide_con{width:550px; margin:0 auto;}
.tour_slide_con ul li{width:550px;}
.tour_slide_con img{width:550px; height:300px;}
.tour_slide_con video{width:550px; height:300px;}
.tour_slide_text p{width:550px;}

.tour_mid_list ul li a{display:inline-flex;align-items:center;}
.tour_mid_list ul li.tour_li_l a{flex-direction: row;text-align:left;}
.tour_mid_list ul li.tour_li_r{text-align:right;}
.tour_mid_list ul li.tour_li_r a{flex-direction: row-reverse;text-align:right;}
.tour_mid_list ul li img{width:100vw; max-width:100%; height:280px;}
.tour_mid_list ul li video{width:100vw; max-width:100%; height:280px;}
.tour_mid_list .mid_list_txt{width:70%;font-size: 25px;height:100px;}
.tour_mid_list .txt_l{margin-left:40px;}
.tour_mid_list .txt_r{margin-right:40px; text-align:right;}


/* 지금 진안은 뷰페이지*/
.tour_view_con .con1_img_txt{width:40%; padding:40px 20px;}
.tour_view_con .img_tit{font-size:30px;}
.tour_view_con .img_t_l, .tour_view_con .img_t_r{font-size: 24px;}


/* 추천여행 */
.tour_reco{height:630px;}
.tour_reco_con{width:550px; margin:0 auto;}
.tour_reco_con ul li{width:550px;}
/* .tour_reco_con ul{width:1000px;} */
.tour_reco_con img{width:550px; height:300px;}
.tour_reco_con video{width:550px; height:300px;}

.tour2_bbs::before{height:16%;}
.tour2_bbs .tour2_bbs_con{margin-top:50px;}

.tour2_bbs_con ul li a{display:inline-flex; align-items:center;}
.tour2_bbs_con ul li.tour_li_l a{ flex-direction: row; text-align:left;}
.tour2_bbs_con ul li.tour_li_r{text-align:right;}
.tour2_bbs_con ul li.tour_li_r a{  flex-direction: row-reverse; text-align:right;}
.tour2_bbs_con ul li img{width:100vw; max-width:100%; height:280px;}
.tour2_bbs_con .mid_list_txt{width:70%; font-size:28px; height:100px;}
.tour2_bbs_con .txt_l{margin-left:40px;}
.tour2_bbs_con .txt_r{margin-right:40px; text-align:right;}

/* 관광데이터 공통 스킨 */
.bbs_tour_list li{border-bottom:1px solid #a77053;}
.bbs_tour_list .naver_map, .bbs_tour_list .kakao_map{width:300px; padding-left:30px}
.bbs_tour_list .naver_map{background-position: 240px center; }
.bbs_tour_list .kakao_map{ background-position: 240px center; }


/* 관광데이터 공통 스킨_뷰페이지*/
.bbs_tourlist_slide{display:flex; width:12000px; gap:10px; overflow:hidden;}
.bbs_tourlist_slide img{width:100%; height:350px; object-fit:cover;}

/*숙박 음식 쇼핑 공통 스킨*/
.tour4_bbs::before{height:17%;}

/* 검색 */
.bbs_search2{text-align:right;}
.bbs_search2 .form_txt{width:50%;}


}



/* Desktop */
@media all  and (min-width:1400px){

.sub_wrap{width:1400px; margin:0 auto;}

/* 지금 진안은 */ 
.tour_slide{height:370px;margin-bottom:100px;position:relative;/* z-index: -1; */}
.tour_slide_wrap{width:1400px; margin:0 auto; position:relative;}
.tour_slide_con{width:100%; position:relative; left:0; top:-107px;}
.tour_slide_con ul li{margin-right:25px; width:auto;}
.tour_slide_con ul li a{display:flex; align-items:flex-start; gap:120px;}
.tour_slide_con img{width:645px; height:425px; display:block;  }
.tour_slide_con video{width:645px; height:425px; }
.tour_slide_text{ width:635px; margin-top:68px;}
.tour_slide_text h4{font-size:35px; font-weight:700; margin:30px 0;}
.tour_slide_text p{font-size:23px;color:#4b4b4b;margin-top: 50px;width:auto;}
.tour_slide_con .bbs_page2{display:inline-block; position:absolute; bottom:0; left:760px;}

.tour_tit_con p{font-size:75px; font-weight:700;}
.tour_tit_con .tour_tit_bg img{width:935px; height:405px;}
/* .bbs_tour_sub1{width:1400px; margin:0 auto;} */
.tour_now_tit{position:relative; display:inline-block;}
/* .tour_now_tit::before{content:''; display:block; background:#79503a; width:240px; height:1px; position:absolute;  left:80%; margin-left:100px; top:50%; } */
.tour_mid_list{position: relative;}
.tour_mid_list::after{content:''; display:inline-block; margin:30px 0;  position:absolute; bottom:-92px;  left:3%; transform: translateX(-50%); background:url("/tour/images/bbs/bbs_txt_bg.png")no-repeat; background-size:100%;  width:40%; height:70px; }
.tour_mid_list ul li{margin:90px 0;}
.tour_mid_list ul li img{width:800px; height:380px; object-fit:cover;}
.tour_mid_list ul li video{width:800px; height:380px; object-fit:cover;}
.tour_mid_list .mid_list_txt{font-size:35px;}



/* 지금 진안은 뷰페이지*/
.tour_view_con{ position: relative; left: 49.4%; width: 100vw; margin-left: -50vw;}
.tour_view_con .img_tit {font-size:40px;}
.tour_view_con .img_t_l {margin-left:200px;}
.tour_view_con .img_t_r {margin-right:200px;}
.tour_view_con .img_t_r p{line-height: 1.4em;}
.tour_view_con2{position: relative;left: 49.4%;width: 100vw;margin-left: -50vw;}
.tour_view_con2 .con2_flex{display:flex;justify-content:space-around;align-items:center;width: 1400px;margin:0 auto;}
.tour_view_con2 .con2_img_pho{margin-right:40px;}
.tour_view_con2 .con2_img_pho img{width: 600px;height: 800px;max-height: 900px;}
.tour_view_con2 .con2_img_txt{width:850px; height:30%; padding:50px;}
.tour_view_con2 .con2_img_txt .img_txt_tit{font-size:28px;}
.tour_view_con2 .con2_img_txt p{font-size:25px; margin:10px 0;}

.list{right:60px;}


/* 추천여행 */
.tour_reco{height:370px; margin-bottom:100px; position:relative; }
.tour_reco_wrap{width:1400px; margin:0 auto; position:relative;}
.tour_reco_con{width:100%; position:relative; left:0; top:-107px;}
.tour_reco_con ul li{margin-right:45px; width:auto;}
.tour_reco_con ul li a{display:flex; align-items:flex-start; gap:120px; width:1355px;}
.tour_reco_con img{width:645px; height:425px;  display:block;}
.tour_reco_con video{width:645px; height:425px;}
/* .tour_reco_con .reco_r{margin:130px 0 0 180px;} */
.tour_reco_text{margin:130px 0 0 0;}
.tour_reco_text h4{font-size:35px; margin:20px 0;}
.tour_reco_con .bbs_page2{display:inline-block; position:absolute; bottom:0; left:760px;}


/* .tour_reco_con .reco_r p{font-size:23px; color:#343434; font-weight:600; margin-top:30px;}
.tour_reco_con .reco_r h4{font-size:35px; margin:20px 0;}
.tour_slide_con .bbs_page2{display:inline-block; position:absolute; bottom:0; left:760px;} */

.tour2_bbs{position:relative;}
/* .tour2_bbs::before{height:62px; width:950px; border-radius:50px; position:absolute; top:8px; left:50%; transform:translateX(-50%);} */
.tour2_bbs .t2_bbsbox{display:flex; flex-wrap:wrap; justify-content:center;}
.tour2_bbs .t2_bbsbox h5{width:calc(50% / 6); text-align:center;  flex-grow:0; flex-shrink:0; flex-basis:auto;}
.tour2_bbs h5 a{font-size:20px;}
.tour2_bbs h5 a:hover, .tour2_bbs h5 a:focus{padding-bottom:30px;}
.tour2_bbs h5.on a{padding-bottom:30px;}


.tour_tit_con p{font-size:75px; font-weight:700;}
.tour_tit_con .tour_tit_bg img{width:935px; height:405px;}
/* .bbs_tour_sub2{width:1400px; margin:0 auto;} */
.tour_now_tit{position:relative; display:inline-block;}
/*.tour_now_tit::before{content:''; display:block; background:#79503a; width:240px; height:1px; position:absolute;  left:80%; margin-left:100px; top:50%; }*/
.tour2_bbs_con{position: relative;}
.tour2_bbs_con::after{content:''; display:inline-block; margin:30px 0;  position:absolute; bottom:40px;  left:3%; transform: translateX(-50%); background:url("/tour/images/bbs/bbs_txt_bg.png")no-repeat; background-size:100%;  width:40%; height:70px; }
/* .tour2_bbs_con ul{display:flex; flex-direction:column;} */
.tour2_bbs_con ul li{margin:90px 0;}
.tour2_bbs_con ul li img{width:800px; height:380px; object-fit:cover;}
.tour2_bbs_con .mid_list_txt{font-size:35px;}

.tour2_bbs_con .t_line{position:relative; display: inline-block; padding:0 10px; }
.tour2_bbs_con .t_line::before{content:''; position: absolute; top:80%; left:0; width:100%; height:1em; background-color:rgba(239, 200, 181, 0.64); transform: translateY(-50%);   z-index: -1; opacity: 0; transition: opacity 0.3s ease-out;}
.tour2_bbs_con a:hover .t_line::before,
.tour2_bbs_con a:focus .t_line::before {opacity: 1;}


/* 추천여행 뷰페이지 */

.bbs_tour2_view{margin:100px 0 0 0; display:flex; align-items:flex-start; gap:180px;}


.tour2_view_l{position:sticky; top:100px; left:0; align-items:flex-start;}
.t2_con_l .t2_l_img img{width:530px; height:330px; border-radius:0 50px 0 0;}
.t2_con_l .t2_l_txt{width:530px; height:auto;}
.t2_con_l .t2_l_txt strong{font-size:30px;}
.t2_con_l .t2_l_txt p{font-size:20px; margin:20px 0;}
.t2_con_l .t2_l_tip span {font-size:18px;}
.t2_con_l .t2_l_tip ul{margin:0;}

.tour2_view_r{width:730px;min-height:1000px;margin: 0;position: relative;left:0;top: 0; z-index:0;}
.t2_list{/* height:280vh; */overflow:visible;z-index:-2;margin-top: 100px;}
/* .t2_list h5{height:50px; line-height:50px; }
.t2_list h5::after{top:54px;} */
.t2_list .t2_con_r {margin-bottom:90px; position:relative;}
.t2_list .r_first{float:left;}
.t2_list .r_second{float:right;}
.t2_list .t2_img_wrap img{width:450px; height:320px;}
.t2_list .t2_list_txt{width:448px;padding: 25px 25px;position: relative;background:#fff;}
.t2_list .t2_con_r.r_first .t2_list_txt::after {content: '';position:absolute;width: 252px;height:1px;background:#a2a2a2;top:270px;right:23px;transform:rotate(37deg);transform-origin:right top;z-index:-1;}
.t2_list .t2_con_r.r_second .t2_list_txt::after {content: '';position:absolute;width: 285px;height:1px;background:#a2a2a2;top:270px;left:-23px;transform:rotate(-37deg);z-index:-1;transform-origin:left top;}

.t2_list .t2_mt{margin:0;}
.t2_list .t2_list_txt strong{font-size:25px;}
.t2_list .t2_list_txt a {font-size:18px;}
.bbs_tour_sub2 .list_btn a{max-width:150px; padding:15px 20px; margin:30px auto 30px;}


/* 관광데이터 공통 스킨 */
.bbs_tour3 h4{text-align:center; margin-bottom:80px;}
.bbs_tour_list{margin-top:80px;}
.bbs_tour_list li{display:flex; gap:50px; border-top:none; border-bottom:none; margin-bottom:0;}
.bbs_tour_list .img_box {width:50%;}
.bbs_tour_list .img_box a{width:50%;}
.bbs_tour_list .img_box img{width:550px; max-height:295px;}

.bbs_tour_list .l_txt_tag{width:748px; border-top:1px solid #a77053; border-bottom:1px solid #a77053;}
.bbs_tour_list .l_txt_tag, .bbs_tour_list .l_txt_box {display: flex; justify-content: center;}
.bbs_tour_list .txt_wrap{width:650px; margin:10px auto;}
.bbs_tour_list .txt_tag_box span{padding:12px 20px; margin:10px 0;}
.bbs_tour_list .txt_box .txt_box_tit{font-size:28px; margin:20px 0;}
.bbs_tour_list .txt_box a{font-size:18px; margin:13px 0;}
.bbs_tour_list .txt_map{display:flex; gap:17px; margin:5px 0;}
.bbs_tour_list .naver_map, .bbs_tour_list .kakao_map{width:200px; height:45px; line-height:1.5em; padding-left:20px;}
.bbs_tour_list .naver_map{background-position:160px center;}
.bbs_tour_list .kakao_map{background-position:160px center;}

/* 관광데이터 공통 스킨_뷰페이지*/
.bbs_tour3_view{margin-top:95px;}
.bbs_tourlist_slide{ gap:20px;}
.bbs_tourlist_slide li{width:500px; ;}
.tour3_view_con .tour3_view_con1{display:flex; justify-content:space-between; gap:70px;}
.tour3_view_con .tour3_view_con1 .bbs_view_text, .tour3_view_con .tour3_view_con1 .bbs_view_map{width:50%; margin:50px 0;}
.tour3_view_con .bbs_view_map{position: relative; max-height:305px;}
.tour3_view_con .bbs_view_map .map_tag{position: absolute; left:-1px; bottom:0; width:auto;}
.tour3_view_con .tour3_view_con2{display:flex; justify-content:space-between; gap:70px;}
.tour3_view_con .tour3_view_con2 .tour3_view_add, .tour3_view_con .tour3_view_con2 .tour3_view_noti{width:50%; margin:50px 0;}
.tour3_view_con .list_btn a{max-width:150px; padding:15px 20px;}


/* 숙박, 음식, 쇼핑 공통 스킨 */
.bbs_tour4 h4{text-align:center;position:relative;margin-top:95px;height:90px;line-height:90px;}
.bbs_tour4 h4.menu5_icon1{background: url("/tour/images/bbs/menu5_icon1.png")no-repeat 960px 8px;background-size:100px auto;}
.bbs_tour4 h4.menu5_icon2{background: url("/tour/images/bbs/menu5_icon2.png")no-repeat 991px -7px;background-size:100px auto;z-index: -1;}
.bbs_tour4 h4.menu5_icon3{background: url("/tour/images/bbs/menu5_icon3.png")no-repeat 970px -5px;background-size: 100px 80px;}
.tour4_bbs{position:relative;}
/* .tour4_bbs::before{height:62px; width:950px; border-radius:50px; position:absolute; top:8px; left:50%; transform:translateX(-50%);} */
.tour4_bbs .tour4_bbs_con{margin-top:64px;}
.tour4_bbs .t4_bbsbox{display:flex; flex-wrap:wrap; justify-content:center;}
/* .tour4_bbs .col6{width: calc(50% / 6);text-align:center;flex-grow:0;flex-shrink:0;flex-basis:auto;margin:0 1%;}
.tour4_bbs .col5{width: calc(50% / 5);text-align:center;flex-grow:0;flex-shrink:0;flex-basis:auto;margin:0 1%;}
.tour4_bbs .col3{width: calc(50% / 3);text-align:center;flex-grow:0;flex-shrink:0;flex-basis:auto;margin:0 1%;} */
.tour4_bbs .on a{padding-bottom:30px;}
.tour4_bbs h5 a{font-size:20px; padding:7px 0 30px 0;}
.tour4_bbs .bbs_table_btn{display:flex; gap:17px; margin-top:10px;}
.tour4_bbs .bbs_table_btn a{padding:6px 10px;}
.tour4_bbs .bbs_table_btn a:nth-of-type(1){margin:5px 0;}


/* 검색 */
.bbs_search2 .form_txt{width:17%;}
}