@charset "utf-8";


/* 교통정보 - 지역내 */

.vehicle_box{margin:80px 0;}
.vehicle_box .vehicle_list{display:flex; flex-wrap:wrap; gap:65px; }
.vehicle_box .vehicle_list li{ position:relative; border:1px solid #cecece; border-radius:10px; width:100%; height:120px; text-align:center; display:flex; flex-direction:column; justify-content:flex-end; padding:20px; }
.vehicle_box .vehicle_list li:nth-child(1)::after{content:''; display:block; background:url("/tour/images/content/vehicle1.png")no-repeat; background-size:90px 90px; width:90px; height:90px; position:absolute; left:50%; top:-2px; transform: translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(2)::after{content:''; display:block; background:url("/tour/images/content/vehicle2.png")no-repeat; background-size:90px 90px; width:90px; height:90px; position:absolute; left:50%; top:-2px; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(3)::after{content:''; display:block; background:url("/tour/images/content/vehicle3.png")no-repeat; background-size:90px 90px; width:90px; height:90px; position:absolute; left:50%; top:-2px; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(1)::before{content:''; display:block; width:50px; height:3px; background-color:#a77053; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(2)::before{content:''; display:block; width:50px; height:3px; background-color:#5b99ab; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(3)::before{content:''; display:block; width:50px; height:3px; background-color:#b77736; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list .vehicle_tit{font-size:20px; font-weight:600; margin:10px 0 5px 0; color:#141414;}
.vehicle_box .vehicle_list span{font-size:15px; color:#141414;}

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

.vehicle_box .vehicle_list{flex-wrap:nowrap; gap:15px;}
.vehicle_box .vehicle_list li{width:33.3%; }
}

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

.vehicle_box .vehicle_list{justify-content:space-between;}
.vehicle_box .vehicle_list li{height:170px; width:410px;}
.vehicle_box .vehicle_list li:nth-child(1)::after{ background-size:100px 100px; width:100px; height:100px;}
.vehicle_box .vehicle_list li:nth-child(2)::after{ background-size:100px 100px; width:100px; height:100px; }
.vehicle_box .vehicle_list li:nth-child(3)::after{ background-size:100px 100px; width:100px; height:100px;}
.vehicle_box .vehicle_list li:nth-child(1)::before{content:''; display:block; width:50px; height:3px; background-color:#a77053; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(2)::before{content:''; display:block; width:50px; height:3px; background-color:#5b99ab; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list li:nth-child(3)::before{content:''; display:block; width:50px; height:3px; background-color:#b77736; position:absolute; bottom:-2px; left:50%; transform:translate(-50%, -50%);}
.vehicle_box .vehicle_list .vehicle_tit{font-size:23px; margin-bottom:14px;}
.vehicle_box .vehicle_list span{font-size:18px; margin-bottom:15px;}
}


/* 교통정보 - 지역간 */

.region_bus .bus_con1{border:1px solid #cfcfcf; border-radius:5px; padding:20px; margin:15px 0;}
.region_bus .bus_con1 .region_bus_bg{display:inline-block; position:relative; width:50px; height:50px;}

.region_bus .bus_con1 .region_bus_bg img{ width:50px; height:50px;}
.region_bus .bus_con1 p{color:#141414; font-size:20px; font-weight:600; margin:15px 0 8px 0;}
.region_bus .bus_con1 span{font-size:16px; font-weight:500; line-height:1.5em;}
.region_bus .bus_con1 span::before{content:''; display:block;  background:url("/tour/images/content/region_flag.png")no-repeat; width:25px; height:25px;}
.region_bus .bus_con1 strong{color:#a77053; font-weight:600;}
.region_bus .bus_l{margin-bottom:25px;}

.region_bus .bus_con1 .other_color{color:#5b99ab; font-weight:600;}

/*Tablet*/
 @media all and (min-width:768px){
.region_bus .bus_con1 span::before{display:inline-block; vertical-align:middle;}
 }

/*Desktop*/
@media all and (min-width:1023px){
.region_bus .bus_con1{display:flex;justify-content: center;gap: 92px;}
.region_bus .bus_con1 .region_bus_bg{margin:20px 0;}
.region_bus .bus_con1 .region_bus_bg img{width:82px; height:82px;}
/* .region_bus .region_bus1 .region_bus_bg{width:5%;} */
.bus_con1 .bus_l{width: 34%;}
.bus_con1 .bus_r{width: 40%;}
.region_bus .bus_con1 p{font-size:23px; font-weight:700;}
.region_bus .bus_con1 .region_bus_bg::before{width:80px; height:80px;}
}



/* 스마트관광 */
.smarttravel .smart_img{position:relative; overflow:hidden; width:100%; height:200px;}
.smarttravel .smart_img::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0;}
.smarttravel .smart_img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}
.smarttravel .smart_txt{color:#fff;  padding:35px 0; text-align:center; position:relative; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.smarttravel .smart_txt>div{padding:20px 0;}
.smarttravel .smart_txt p{font-size:22px; font-weight:600;}
.smarttravel .smart_txt span{font-size:15px; font-weight:400; display:block; line-height:1.4em;}
.smarttravel .smart_con p{margin:25px 0; line-height:1.5em;}

/*Tablet*/
 @media all and (min-width:768px){
.smarttravel .smart_txt p{font-size:25px;}
 }

/*Desktop*/
@media all and (min-width:1400px){
.smarttravel .smart_img{height:250px;}
.smarttravel .smart_img  img{background-size:cover; object-position:center 37%;}
.smarttravel .smart_txt{text-align:left; margin-left:50px; padding:45px 0;}
.smarttravel .smart_txt p{font-size:30px;}
.smarttravel .smart_txt span{font-size:18px;}

}



/* 관광지도 */
.map .map_con{display:flex; flex-direction:column; justify-content:flex-end; align-items:center;  margin:70px 0; position:relative;  width:auto; height:660px; background-color:#f9f2ed; border-radius:0 80px 40px 40px; }
.map .map_l .map_img{position:absolute; top:-30px;  left:40%; transform: translateX(-50%);}
.map .map_l img{width:200px; border-radius:20px; }
.map .map_r{text-align:center; margin:40px 0;}
.map .map_r h4{font-size:26px; margin:10px 0 20px 0; color:#141414; font-weight:700;} 
.map .map_r .map_btn{display:flex; flex-direction:column;}
.map .map_r .map_btn li a{display:block;}

/*Tablet*/
@media all and (min-width:768px){
.map .map_con{flex-direction: row; justify-content:center; gap:100px; height:330px;}
.map .map_l .map_img{ position:static; transform:translateY(-40px);}
.map .map_l img{width:250px;}
}

/*Desktop*/
@media all and (min-width:1023px){
.map{margin:100px 0;}
.map .map_con{gap:150px; height:350px;}
.map .map_l img{width:300px; height:360px;}
.map .map_r h4{font-size:35px; margin:10px 0 40px 0;}
.map .map_r .map_btn{flex-wrap:wrap; width:400px; flex-direction:row; justify-content:center; gap:8px; margin-top:20px;}
.map .map_r .map_btn li{margin:0;  flex: 1 1 40%; max-width:200px;}
}                 


/* 관광안내소 */
.pro_list1{border-bottom:1px solid #e4e4e4;}
.pro_list1 .pro_box1{display:inline-block; width:49%; margin:0 0.5%; vertical-align:top; position:relative;}
.pro_list1 .pr_left{display:inline-block; width:22%; vertical-align:top; margin-right:2%;}
.pro_list1 .pr_left img{width:100%;}
.pro_list1 .pr_right{display:inline-block; font-size:15px; line-height: 1.8em; width:74%;}
.pro_list1 .pr_right > strong{display:block; margin-bottom:10px; font-size:16px; color:#a77053; font-weight:600;}
.pro_list1 .pr_right li > strong{display:inline-block; }
.pro_list1 .pr_right li > span{display:block;}

/*Tablet*/
@media all and (min-width:768px){
.pro_lsit1{padding:0; margin-bottom:15px;}
.pro_list1 .pro_box1{padding:4%; width:92%;}
.pro_list1 .pr_right{font-size:18px;}
.pro_list1 .pr_right > strong{font-size:18px;}
}

@media all and (min-width:940px){
.pro_list1 { padding:0; margin-bottom:15px; display:flex;}
.pro_list1 .probox1{   padding:3%; width:94%;}
.pro_list1 .pr_left{width:36%;}
.pro_list1 .pr_left img{width:110px;}
.pro_list1 .pr_right{width:60%;}
}

/*Desktop*/
@media all and (min-width:1400px){
.pro_list1 .pr_left{width:20%;}
}


/* 진안특산품 */
.sp_product>li{margin:20px 0; padding:10px;}
.sp_box{border-bottom:1px dashed #e4e4e4; padding-bottom:30px;}
.sp_box .box_l{margin:30px 0;}
.sp_box .box_l .box_bg1, .sp_box .box_l .box_bg2{width:95%; margin:0 auto; position:relative; top:auto; left:auto;}
.sp_box .box_l .box_bg1::after{content:''; display:block; border-radius:5px; width:100%; height:100%; background:#f7e9e0; position:absolute; z-index:-1; top:15px; left:15px; }
.sp_box .box_l .box_bg2::after{content:''; display:block; border-radius:5px; width:100%; height:100%; background:#e3f3f8; position:absolute; z-index:-1; top:15px; left:15px; }
.sp_box .box_l img{width:100%; max-height:300px; object-fit:cover; border-radius:5px;}
.sp_box .box_r span{display:block; font-size:20px; color:#1e1d1d; font-weight:700; margin:10px 0;}
.sp_box .box_r p{font-size:16px;color:#464646;line-height:1.4em;/* word-break:keep-all; */}
.sp_box .box_r strong{display:block; margin:15px 0 5px 0; font-size:16px;}
.sp_box .box_r>ul>li{font-size:16px;}

/*Tablet*/
@media all and (min-width:768px){
.sp_box{display:flex; justify-content:space-between;}
.sp_box .box_l{width:35%;}
.sp_box .box_r{width:60%; padding:15px 0;}
}

/*Desktop*/
@media all and (min-width:1400px){
.sp_product>li{margin:30px 0; padding:0;}
.sp_box .box_l{width:35%;}
.sp_box .box_l .box_bg1::after, .sp_box .box_l .box_bg2::after{top:30px; left:30px;}
.sp_box .box_r span{font-size:28px; padding-bottom:30px;}
.sp_box .box_r p{font-size:20px; line-height:1.5em; }
.sp_box .box_r strong{font-size:20px;}
.sp_box .box_r>ul>li{font-size:18px;}
.sp_box .box_r{width:55%;}
}



/* 명인명품-오시는길 */
.master_map .map_box{border:1px solid #ededed;}
.master_map img{width:100%; height:300px;}
.master_map .map_info{position:relative; padding:30px; font-size:15px;  border-top:2px solid #ededed; overflow:hidden;}
.master_map .map_list li{display:block; margin:15px 0; color:#444444; font-weight:400; }
.master_map .map_list strong{color:#252525; font-weight:700; display:block; margin-bottom:6px;}
.master_map .map_list .map_icon1{display:inline-block; margin-right:7px; vertical-align:middle; width:25px; height:25px; border-radius:100%; background:#a77053 url("/tour/images/content/master_loca.png")no-repeat center center; background-size:9px 11px;}
.master_map .map_list .map_icon2{display:inline-block; margin-right:7px; vertical-align:middle;width:25px; height:25px; border-radius:100%; background:#a77053 url("/tour/images/content/master_call.png")no-repeat center center; background-size:12px 12px;}
.master_map .map_list .map_icon3{display:inline-block; margin-right:7px; vertical-align:middle; width:25px; height:25px; border-radius:100%; background:#a77053 url("/tour/images/content/master_fax.png")no-repeat center center; background-size:12px 12px;}
.master_map .map_btn a{display:block; background:#a77053; color:#fff; margin:20px 0; border-radius:5px; padding:15px; text-align:center;}

.master_loca{border-top:2px solid #a77053;}
.master_loca .loca_box{padding:40px 5%; border-bottom:1px solid #ededed;}
.master_loca .loca_icon{position:relative; left:auto; top:auto; margin:0 auto 20px; }
.master_loca .loca_icon .car{display:block; margin:0 auto;  width:85px; height:85px; border-radius:10px; background:#f0ede9 url("/tour/images/content/car.png")no-repeat center center; background-size:40px 35px;}
.master_loca .loca_icon .train{display:block; margin:0 auto;  width:85px; height:85px; border-radius:10px; background:#f0ede9 url("/tour/images/content/train.png")no-repeat center center; background-size:40px 45px;}
.master_loca .loca_icon .bus{display:block; margin:0 auto;  width:85px; height:85px; border-radius:10px; background:#f0ede9 url("/tour/images/content/bus.png")no-repeat center center; background-size:43px 43px;}
.master_loca .loca_txt strong{color:#a77053; font-weight:700; display:block; margin:20px 0;}
.master_loca ul li{font-size:15px; margin:0 0 8px 0; padding: 0 0 0 16px; line-height: 1.5em; position:relative;}
.master_loca ul li::before{content:''; display:block; width:6px; height:6px; background:#a77053; border-radius:50%; position:absolute; top:8px; left:0;}
.master_loca ul li span{display:block; font-weight:600; color:#2c2c2c; margin:5px 0;}


/*Tablet*/
@media all and (min-width:768px){
.master_map .map_info{display:flex; padding:10px 30px; justify-content:center; gap:120px;}
.master_map .map_list li{line-height: 1.5em;}
.master_map .map_list strong{display:inline-block; margin-right:10px;}
.master_map .map_btn{margin:auto 0;}
.master_map .map_btn a{margin:0; padding:20px 40px;}

.master_loca .loca_box{display:flex;justify-content:space-between;}
.master_loca .loca_icon{margin:0;width:15%;height: 100px;}
.master_loca .loca_txt{width: 80%;}
.master_loca .loca_txt strong{margin:0 0 20px 0; font-size:16px;}
.master_loca ul li{font-size:16px;}
}

/*Desktop*/
@media all and (min-width:1400px){
.master_map .map_info{font-size:18px; justify-content:space-around; gap:100px;}
.master_map .map_info .map_list{width:60%;}
.master_loca ul li{font-size:18px;}
.master_loca .loca_txt strong{font-size:20px;}

}


/* 명인명품 - 관람안내 */
.tourguide{margin:0 25px;}
.tourguide ul li{border-top:2px solid #35241a;  margin:25px 0;}
.tourguide .ico_box{display:flex; justify-content:space-between; padding:25px 0;}
.tourguide .ico_box strong{color:#2c2c2c; font-weight:700; font-size:20px;}
.tourguide .ico_box .icon{width:30px; height:30px; }
.tourguide .ico_box .info_icon1{background:url("/tour/images/content/master_map.png")no-repeat; background-size:26px 21px;}
.tourguide .ico_box .info_icon2{background:url("/tour/images/content/master_time.png")no-repeat; background-size:23px 23px;}
.tourguide .ico_box .info_icon3{background:url("/tour/images/content/master_cal.png")no-repeat; background-size:23px 23px;}
.tourguide .ico_box .info_icon4{background:url("/tour/images/content/master_money.png")no-repeat; background-size:25px 25px;}
.tourguide .txt_box{margin:20px 0 40px 0;}
.tourguide .txt_box p{color:#464646; font-weight:600; margin:10px 0; position:relative; padding:0 0 0 13px;}
.tourguide .txt_box p::before{content:''; display:block; width:6px; height:6px; background:#a77053; border-radius:50%; position:absolute; top:8px; left:0;}

.caution{margin:20px 0; padding-left:25px; position:relative;}
.caution::before{content:''; display:block; position:absolute; top:1px; left:0; width:22px; height:22px; background:url("/tour/images/content/caution_icon.png")no-repeat; background-size:18px 18px;}
.caution_con ul{display:flex; flex-wrap:wrap; gap:30px;}
.caution_con ul li{background:linear-gradient(90deg, #fffbf9, #f4fbfd); border-radius:10px; padding:25px; width:100%;}
.caution_con .icon_box{display:flex; justify-content:space-between; align-items:center;}
.caution_con .cau_icon1{background:url("/tour/images/content/caution1.png")no-repeat; width:45px; height:40px;}
.caution_con .cau_icon2{background:url("/tour/images/content/caution2.png")no-repeat; width:55px; height:40px; background-size:55px 40px;}
.caution_con .cau_icon3{background:url("/tour/images/content/caution3.png")no-repeat; width:50px; height:45px;}
.caution_con .cau_icon4{background:url("/tour/images/content/caution4.png")no-repeat; width:50px; height:50px;}
.caution_con .cau_icon5{background:url("/tour/images/content/caution5.png")no-repeat; width:50px; height:50px;}
.caution_con .cau_icon6{background:url("/tour/images/content/caution6.png")no-repeat; width:50px; height:45px;}
.caution_con .cau_icon7{background:url("/tour/images/content/caution7.png")no-repeat; width:50px; height:45px;}
.caution_con .cau_icon8{background:url("/tour/images/content/caution8.png")no-repeat; width:45px; height:50px; background-size:45px 50px;}
.caution_con .icon_ban{background:url("/tour/images/content/ban2.png")no-repeat; width:32px; height:32px;}
.caution_con ul li p{margin:32px 0 0; color:#2f2f2f; font-weight:500;}


/*Tablet*/
@media all and (min-width:768px){
.tourguide ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:5px;}
.tourguide ul li{width:47%;} 
.caution_con ul li{width:47%;}
}

/*Desktop*/
@media all and (min-width:1400px){
.tourguide{margin:30px auto 65px auto;}
.tourguide ul{flex-wrap:nowrap; gap:50px; justify-content:space-between;}
.tourguide ul li{width:20%;}
.tourguide .ico_box{padding:30px 0;}
.tourguide .ico_box strong{font-size:25px;}
.caution_con{margin:65px 0;}
.caution_con ul{gap:20px; justify-content:flex-start;}
.caution_con ul li{width:32%;}

}

/* 명인명품 - 시설안내 */
.facility_img{background:url("../images/content/facility_img.jpg")no-repeat; width:100%; height:180px;}
.facility_img p{color:#fff; font-weight:600; font-size:25px; padding:75px 0; margin:0 0 0 20px;}

.facility_info .info_box{margin:30px 0;}
.facility_info .info_list{display:flex; flex-wrap: wrap; gap:10px; margin:28px 0;}
.facility_info .info_list li{width:100%; max-height:200px;}
.facility_info .info_list img{display:block; width:100%; max-height:200px; object-fit:cover; border-radius:5px;}

/*Tablet*/
@media all and (min-width:768px){
.facility_info .info_list{flex-wrap:nowrap; gap:25px;}
}



/* 명인명품 - 부채의역사 */

.etymology_img ul{display:flex; flex-wrap:wrap; gap:10px;}
.etymology_img ul li{width:100%; text-align:center;}
.etymology_img img{width:100%; height:220px;}
.etymology_img span{color:#444444; font-size:15px; display:block; margin:10px 0;}
.fan_box1, .fan_box2, .fan_box3{margin:15px 0; border-top:1px solid #d6b5a3;}
.fan_box1 p, .fan_box2 p, .fan_box3 p{margin:20px 0; line-height: 1.6em;}
.kind_img{margin:30px 0;}
.kind_img ul{display:flex; flex-wrap:wrap; gap:10px;}
.kind_img ul li{width:100%; text-align:center;}
.kind_img img{width:100%; height:220px; object-fit:contain;}
.kind_img span{color:#444; font-size:15px; display:block; margin:10px 0;}

/*Tablet*/
@media all and (min-width:768px){
.etymology_img ul{flex-wrap:nowrap; justify-content:center;}
.kind_img ul{flex-wrap:nowrap; justify-content:center;}
}


/*Desktop*/
@media all and (min-width:1400px){
.etymology_img{margin:60px 0 20px 0;}
.etymology_img ul li{width:30%;}
.etymology_img img{width:70%;}
.fan_box1, .fan_box2, .fan_box3{margin:40px 0 80px 0;}
.kind_img ul li{width:30%;}
.kind_img img{width:70%;}
}


/* 명인명품 - 체험종류 */
.experience_box{border-top:1px solid #a77053; margin:20px 0;}
.experience_box ul{margin:20px 0;}
.experience_box>ul>li{border-bottom:1px solid #e4e4e4;}
.experience_box .exper_flex{margin:20px 0;}
.experience_box .exper_l{width:100%;}
.experience_box .exper_l img{width:100%; max-height:250px;  border-radius:10px ;}
.experience_box .exper_r{margin-top:20px;}
.experience_box .exper_r strong{font-size:22px; font-weight:700;}
.experience_box .exper_r .exper_plus{ margin-left:15px; text-decoration:underline; font-weight:700;}

/*Tablet*/
@media all and (min-width:768px){
.experience_box .exper_flex{display:flex;  justify-content:flex-start; gap:50px; padding:15px 0;}
.experience_box .exper_l{width:50%;}
.experience_box .exper_r{width:50%;}
}

/*Desktop*/
@media all and (min-width:1400px){
.experience_box .exper_flex{justify-content:center; gap:100px;}
.experience_box .exper_l{width:30%;}
.experience_box .exper_r{width:40%;}
.experience_box .exper_r strong{font-size:28px; margin-bottom:30px; display:block;}
}





/* 명인명품 - 부채박물관 */
.fanmuseum .fanmuseum_img img{width:100%; max-height:260px; border-radius:5px;  margin:15px 0;}
.fanmuseum p{margin:20px 0; line-height:2em;}
.fanmuseum_box1 ul li{text-align:center;}
.fanmuseum_box1 ul li span{color:#444; font-size:15px; display:block; margin:10px 0;}
.fanmuseum_box1 ul li img{width:100%; max-height:260px; border-radius:10px; margin:15px 0;}
.fanmuseum_box2 img{width:100%; max-height:260px; border-radius:10px; margin:15px 0;}

/*Tablet*/
@media all and (min-width:768px){
.fanmuseum_box1 ul{display:flex; justify-content:center; gap:20px;}
.fanmuseum_box1 ul li{width:100%;}
}


/*Desktop*/
@media all and (min-width:1400px){
.fanmuseum .fanmuseum_img{text-align:center;}
.fanmuseum .fanmuseum_img img{max-height:400px; width:1200px;}
.fanmuseum_box1 ul{gap:0; margin:40px 0; justify-content:center;}
.fanmuseum_box1 ul li{width:30%;}
.fanmuseum_box1 ul li img{width:auto;}
.fanmuseum_box2>div{margin:0 auto; width:725px;}
.fanmuseum_box2 img{width:725px;}
}


/* 명인명품 - 자수박물관 */
.embromuseum_img img{width:100%; max-height:260px; border-radius:5px;  margin:15px 0;}
.embro_pbox{margin:20px 0; line-height:1.8em;}
.embromuseum_box ul li{text-align:center; margin:10px 0;}
.embromuseum_box ul li img{width:100%; height:200px; max-height:250px;}
.embromuseum_box ul li span{display:block; color:#444; font-size:15px; margin:10px 0;}

/*Tablet*/
@media all and (min-width:768px){
.embromuseum_box ul{display:flex; gap:15px; flex-wrap:wrap; justify-content:center;}
.embromuseum_box ul li{width:30%; }
}

/*Desktop*/
@media all and (min-width:1400px){
.embromuseum_img{text-align:center; margin:30px 0;}
.embromuseum_img img{max-height:400px; width:1200px;}
.embromuseum_box ul li img{width:auto;}
}

/* 명인명품 - 한지박물관 */
.hanji_img img{width:100%; max-height: 260px; border-radius: 5px; margin:15px 0;}
.hanji_box1 p, .hanji_box2 p, .hanji_box3 p{margin:20px 0; line-height:1.6em ;}
.hanji_box2 ul li{margin:10px 0;}
.hanji_box2 ul li img{width:100%; border-radius:5px;  height:200px; max-height: 250px;}
.hanji_box4 ul li{border:1px solid #a77053; padding:10px; line-height: 1.3em; margin:10px 0; border-radius:0 20px 20px 20px;}
.hanji_box4 ul li strong{display:block; color:#a77053; font-weight:700; margin:10px 0; font-size:18px;}

/*Tablet*/
@media all and (min-width:768px){
.hanji_box2 ul{display:flex; gap:10px;}
.hanji_box2 ul li{width:100%;}
}

/*Desktop*/
@media all and (min-width:1400px){
.hanji_img{text-align:center; margin:30px 0;}
.hanji_img img{max-height:400px; width:1200px;}
.hanji_box4 ul{display:flex; flex-wrap:wrap; gap:10px; justify-content:space-between;}
.hanji_box4 ul li{width:49%; padding:20px 30px; }
.hanji_box4 ul li strong{font-size:22px; margin-bottom:20px;}
}


/* 명인명품 - 유기전시관 */
.brassware_img img{width:100%; max-height:260px; border-radius:5px; margin:15px 0;}
.brassware_box1 p, .brassware_box2 p, .brassware_box3 p{margin:20px 0; line-height: 1.6em;}
.brassware_box1 ul li, .brassware_box2 ul li{margin:10px 0; width:100%;}
.brassware_box1 ul li img, .brassware_box2 ul li img{width:100%; border-radius:5px; height:200px; max-height:250px;}

/*Tablet*/
@media all and (min-width:768px){
.brassware_box1 ul, .brassware_box2 ul{display:flex; gap:10px;}
}

/*Desktop*/
@media all and (min-width:1400px){
.brassware_img{text-align:center; margin:30px 0;}
.brassware_img img{max-height:400px; width:1200px;}
}


/* 명인명품 - 도자전시관 */
.pottery_img img{width:100%; max-height:260px; border-radius:5px; margin:15px 0;}
.pottery_box1 p, .pottery_box2 p{margin:20px 0; line-height: 1.6em;}
.pottery_box1 ul li{margin:10px 0; width:100%;}
.pottery_box1 ul li img{width:100%; border-radius: 5px; height:200px; max-height:250px;}

/*Tablet*/
@media all and (min-width:768px){
.pottery_box1 ul{display:flex; gap:10px;}
}

/*Desktop*/
@media all and (min-width:1400px){
.pottery_img{text-align:center; margin:30px 0;}
.pottery_img img{max-height: 400px; width:1200px;}
}

                    
/* 명인명품 - 요금환불 */
.program_card{margin:20px 0;}          

/* 명인명품 - 명인의 제작 시연 */
.master_vid video{width:100%; max-height:450px;}

/*Desktop*/
@media all and (min-width:1024px){
.master_vid{display:flex; gap:20px; justify-content:space-between;}
}           


/* 진안방문의 해 - BI */
.jinan_bi{background:url("/tour/images/content/bi_bg.jpg")no-repeat; background-size:100% auto; display:block; padding-top:40%; }
/* .jinan_bi .bi_bg img{width:100%;} */
.jinan_bi .bi_box{background:#a77053; border-radius:0 30px 0 30px; width:100%;  margin:0 auto; padding:30px; height:auto;}
.jinan_bi .bi_box span{color:#fff; font-size:25px; font-weight:600; display:block; margin:20px 0;}
.jinan_bi .bi_box p{color:#fff; font-weight:400; margin:20px 0; line-height:1.2em;}

/* .bi_gridbox{border-right:1px solid rgba(0, 0, 0, 0.05); border-bottom:1px solid rgba(0, 0, 0, 0.05); text-align:center;} */

.bi_gridbox{font-size: 17px;color: #fafafa; margin-bottom:40px;}
.bi_gridbox li{text-align: center;}
.bi_gridbox .col3 li{margin-bottom:32px; }
.bi_gridbox li span{display: flex;max-width:100%;padding: 35px 20px;background: #fafafa url("/tour/images/content/grid_img.png")repeat;text-align: center;border: solid 1px #fafafa;box-sizing: border-box;justify-content: center;align-items: center;}
.bi_gridbox li span img.wide{width:100%;max-width: 400px;height:auto;}

/*Tablet*/
@media all and (min-width:768px){
.jinan_bi .bi_box{max-width:830px;}
.bi_gridbox li span{height: 267px;}
}

/*Desktop*/
@media all and (min-width:1023px){
.jinan_bi{background-position:left top; background-size:830px auto; position:relative; margin-top:70px;}
.jinan_bi .bi_box{width:55%;  position:absolute; top:42px; right:0; padding:30px 40px;}
.jinan_bi .bi_box span{font-size:33px; margin:20px 0 30px 0; font-weight:700;}
.bi_gridbox li span{height: 500px;}
.bi_gridbox li span img.wide{max-width:550px;}
}

/* 진안방문의 해 - 홍보영상 */
.promotion{position:relative; width:100%; max-width:900px; margin: 0 auto; background:#111; padding:20px; border-radius:20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);}
.prototion::after{content:''; position:absolute; bottom:-30px; left:50%; transform:translateX(-50%); width:140px; height:20px; background:#222; border-radius:10px; box-shadow:0 5px 15px rgba(0, 0, 0, 0.4);}
.promotion video{width:100%; max-height:750px; object-fit:cover; display:block;} 




/* 진안방문의 해 - 소개 */
.intro_tit{text-align:center; font-size:20px;}
.intro_tit p{margin:17px 0;}
.intro_tit span{display:block; font-weight:700; margin:17px 0;}
.intro_tit strong{font-weight:700; color:#a77053;}
.intro_img{margin:40px 0;position:relative;width:100%;height:180px;background:url("/tour/images/content/introduce.jpg")no-repeat;background-size:cover;/* background-position:center; *//* background-attachment:fixed; */}
.intro_vision{background-color:#fafafa; border-radius:10px; padding:30px; text-align:center;}
.intro_vision p{display:inline-flex; align-items:center; gap:15px; color:#a77053; font-weight:500; font-size:20px; position: relative; line-height:1.5em; text-align:center;}
.intro_vision p::before{content:''; display:block; background:url("/tour/images/content/vision_dot.png")no-repeat; width:20px; height:15px; background-size:20px 15px; flex-shrink:0;}
.intro_vision p::after{content:''; display:block; background:url("/tour/images/content/vision_dot2.png")no-repeat; width:20px; height:15px; background-size:20px 15px; flex-shrink:0;}
.intro_mission ul li{border-radius:5px; background:#fafafa; margin:15px 0; padding:20px;}
.intro_mission ul li p{text-align:center; line-height:1.2em; font-weight:500;}
.intro_mission ul li strong{color:#a77053; font-weight:500;}
.intro_mission br{display:none;}


/*Tablet*/
@media all and (min-width:768px){
.intro_tit{font-size:25px;}
.intro_img{height:230px;}
.intro_vision p{font-weight:600;}
.intro_mission ul{display:flex; justify-content:center; gap:20px;}
.intro_mission ul li{background:transparent; display:block;}
.intro_mission .mission_box{display:flex; flex-direction:column; align-items:center; text-align:center;}
.intro_mission .mission_icon{position:relative; left:auto; top:auto; margin:0 auto 20px;}
.intro_mission .mission_icon .icon1{display:block; margin:0 auto; width:150px; height:150px; border-radius:10px; background:#fafafa url("/tour/images/content/mission_icon1.png")no-repeat center center; background-size:60px 55px;}
.intro_mission .mission_icon .icon2{display:block; margin:0 auto; width:150px; height:150px; border-radius:10px; background:#fafafa url("/tour/images/content/mission_icon2.png")no-repeat center center; background-size:65px 55px;}
.intro_mission .mission_icon .icon3{display:block; margin:0 auto; width:150px; height:150px; border-radius:10px; background:#fafafa url("/tour/images/content/mission_icon3.png")no-repeat center center; background-size:85px 55px;}
.intro_mission ul li p{display:inline-block; text-align:center; line-height:1.2em; font-weight:500;}
.intro_mission ul li strong{font-weight:600;}
.intro_mission br{display:block;}
}

/*Desktop*/
@media all and (min-width:1400px){
.intro_tit{font-size:35px; margin-bottom:30px;}
.intro_img{margin:100px 0; height:300px; background-position:center; background-attachment:fixed;}
.intro_vision{padding:60px 0;}
.intro_vision p{font-size: 30px;}
.intro_mission ul{gap:50px;}
.intro_mission .mission_icon .icon1, .intro_mission .mission_icon .icon2 ,.intro_mission .mission_icon .icon3{width: 250px;height: 250px;}
.intro_mission .mission_icon .icon1{background-size: 100px 100px;}
.intro_mission .mission_icon .icon2{background-size: 127px 100px;}
.intro_mission .mission_icon .icon3{background-size: 160px 90px;}
.intro_mission ul li p{font-size:22px; margin:10px 0;}
}

/* 진안방문의 해 - 캐릭터 */
.character ul li{margin:20px 0;}
.character .charac_img .img1{display:block; margin:20px auto; width:100px; height:130px; background:url("/tour/images/content/character1.png")no-repeat center center; background-size:100px 130px;}
.character .charac_img .img2{display:block; margin:20px auto; width:100px; height:130px; background:url("/tour/upload_data/board_data/BBS_0000011/176457925178634.png")no-repeat center center; background-size:100px 130px;}
.character .charac_txt{width:100%; background:#f7f7f9; margin:20px 0; border-radius:0 10px 10px 10px; padding:25px 30px;}
.character .charac_txt strong{color:#a77053; display:block;  margin:15px 0; font-weight:600; font-size:20px;}
.character .charac_txt p{line-height: 1.5em;}

/*Tablet*/
@media all and (min-width:768px){
.character .charac_box{display:flex; justify-content:center; gap:30px;}
.character .charac_img{width:30%;}
.character .charac_img .img1{background-position:center 30px; height:160px;}
.character .charac_img .img2{background-position:center 30px; height:160px;}
.character .charac_txt{width:70%; position:relative;}
}

/*Desktop*/
@media all and (min-width:1023px){
.character ul{display:flex;gap: 27px;}
.character .charac_box{flex-wrap:wrap;}
.character .charac_img{width:50%;}
}
@media all and (min-width:1400px){
.character ul li{margin:50px 0;flex: 1 1 0;}
.character .charac_box{gap: 0px;width: 100%;}
.character .charac_img .img1{width: 175px;height: 257px;background-size: 175px 225px;}
.character .charac_img .img2{width:175px; height:257px; background-size:175px 225px;}
.character .charac_txt{width: 100%;padding: 30px 30px;min-height: 230px;}
.character .charac_txt strong{font-size:25px; font-weight: 700;}
}