@charset "utf-8";
/* WSU 202006 */

/* 마을특산품 */
/* 체험프로그램 안내 */
.program_wrap{position: relative; width: 100%;max-width: 1674px;padding: 0 57px;margin: 0 auto; overflow: hidden;}
.program_wrap .program_list{overflow:hidden;}
.program_wrap .program_list li{position:relative; height:300px; background:#f1f2f4; padding-right: 44px; margin-bottom:20px; overflow:hidden; text-align: right;}
.program_wrap .program_list li .img{position:absolute; left:0; top:0; bottom:0; width:681px; height:305px;}
.program_wrap .program_list li .img img{width:100%;}
.program_wrap .line01 {border-top: 1px solid #8b8b8b; padding:60px 0; font-size:19px; font-weight:600; color:#828181;}
.program_wrap .line01 p { text-align:center; padding:6px 0;}
.program_wrap .line01 p span { font-size:34px; color:#ff6c00; font-weight:800; padding-top:10px;}
.program_wrap .program_list li div{position:relative; padding:68px 60px; overflow:hidden;height: 300px;}
.program_wrap .program_list li div .title{font-size:22px; font-weight:600; color:#000; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.program_wrap .program_list li div .text{font-size:17px; line-height:26px; margin-top:25px; letter-spacing:-0.5px; color:#858585; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; max-height:120px;}
.program_wrap .program_list li div .price{margin-top:25px; letter-spacing:-0.5px;line-height: 17px;}
.program_wrap .program_list li div .price span{float:left; font-size:17px; font-weight:600; padding-right:15px; margin-right:15px; border-right:1px solid #a0a0a0; }
.program_wrap .program_list li div .price b{float:left; font-size:24px; color:#ed7400; font-weight:800; }
.program_wrap .program_list li div a{position:absolute; right:45px; bottom:45px; display:inline-block; width:248px; height:48px; color:#fff; background:#17864c;line-height: 48px;text-align: center;transition: all 0.3s ease;}
.program_wrap .program_list li div a:hover{background:#0B7A40;}


.product_wrap{position: relative; width: 100%;max-width: 1674px;padding: 0 57px;margin: 0 auto; overflow: hidden;}
.product_wrap .best_list{position:relative; overflow:hidden;}
.product_wrap .best_list .tab{border-top:1px solid #8b8b8b; line-height:32px; padding:16px 15px;overflow: hidden;}
.product_wrap .best_list .tab ul{float:left; overflow:hidden;}
.product_wrap .best_list .tab ul li{float:left; margin-right:5px;}
.product_wrap .best_list .tab ul li:last-child{margin-right:0;}
.product_wrap .best_list .tab ul li a{display:inline-block; height:32px; line-height:30px; padding:0 25px; font-size:17px; color:#000; border:1px solid #d1d1d1; background:#fff; border-radius:16px; transition:all 0.3s ease;}
.product_wrap .best_list .tab ul li.on a, .product_wrap .best_list .tab ul li:hover a{border:1px solid #ff5b00; background:#ff5b00; color:#fff;}
.product_wrap .best_list .tab p{float:right; font-size:17px; font-weight:800; color:#000; letter-spacing:-0.2px; overflow:hidden;}
.product_wrap .best_list .tab p span{font-weight:300; display:inline-block; margin:0 10px; color:#c7c7c7;}
.product_wrap .best_list .list{padding:45px 30px 80px 30px; background:#fafafa; text-align:center; overflow:hidden;}
.product_wrap .best_list .list .title{font-size:30px; color:#000; font-weight:800; letter-spacing:-0.25px;}
.product_wrap .best_list .list .title span{font-size:17px; color:#666; font-weight:400; margin-top:15px; letter-spacing:-0.1px;display: block;line-height: 25px;}
.product_wrap .best_list .list .product_list{margin-top:40px; overflow:hidden;}
.product_wrap .best_list .list .product_list li{display:inline-block; margin:0 20px; overflow:hidden;}
.product_wrap .best_list .list .product_list li:nth-child(4n){}
.product_wrap .best_list .list .product_list li a{display:block;}
.product_wrap .best_list .list .product_list li a .img{width:294px; height:294px; border-radius:150px; border:1px solid #e6e6e6; overflow:hidden;display: block;margin: 0 auto;}
.product_wrap .best_list .list .product_list li a .img img{width:100%;transition: all 0.3s ease;}
.product_wrap .best_list .list .product_list li a:hover .img img{opacity:0.8;}
.product_wrap .best_list .list .product_list li a .name{font-size:20px; font-weight:600; letter-spacing:-0.5px; color:#000; margin-top:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;}
.product_wrap .best_list .list .product_list li a .explan{font-size:14px; letter-spacing:-0.5px; color:#858585; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;}
.product_wrap .best_list .list .product_list li a .price{margin-top:15px; padding-top:15px; font-size:16px; color:#ed7400; letter-spacing:-0.5px; border-top:1px solid #8f8f8f;display: block;}
.product_wrap .best_list .list .product_list li a .price b{font-size:24px; font-weight:800;}
.product_wrap .new_list{position:relative; margin-top:50px; overflow:hidden;text-align: center;}
.product_wrap .new_list .list{overflow:hidden;}
.product_wrap .new_list .list .title{font-size:30px; color:#000; font-weight:800; letter-spacing:-0.25px;}
.product_wrap .new_list .list .title span{font-size:17px; color:#666; font-weight:400; margin-top:15px; letter-spacing:-0.1px;display: block;line-height: 25px;}
.product_wrap .new_list .list .product_list{overflow: hidden;margin-top: 40px;}
.product_wrap .new_list .list .product_list li{float:left; width:25%; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:30px 28px 40px 28px;}
.product_wrap .new_list .list .product_list li:nth-child(4n){border-right:0;}
.product_wrap .new_list .list .product_list li a{display:block;}
.product_wrap .new_list .list .product_list li a .img{overflow:hidden;}
.product_wrap .new_list .list .product_list li a .img img{width:100%;transition: all 0.3s ease;}
.product_wrap .new_list .list .product_list li a:hover .img img{opacity:0.8;}
.product_wrap .new_list .list .product_list li a .name{font-size:20px; font-weight:600; letter-spacing:-0.5px; color:#000; margin-top:20px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;}
.product_wrap .new_list .list .product_list li a .explan{font-size:14px; letter-spacing:-0.5px; color:#858585; margin-top:10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;display: block;}
.product_wrap .new_list .list .product_list li a .price{margin-top:12px; font-size:16px; color:#ed7400; letter-spacing:-0.5px;display: block;}
.product_wrap .new_list .list .product_list li a .price b{font-size:24px; font-weight:800;}

/* 페이징 */
.paging{position:relative; text-align:center; overflow:hidden; margin-top:60px;}
.paging li{display:inline-block; width:60px; height:55px; line-height:53px; margin:0 3px; border:1px solid #d2d2d2; text-align:center; overflow:hidden; transition:all 0.3s ease;}
.paging li.on{border:1px solid #707070; background:#707070; color:#fff;}
.paging li a{display:block; font-size:20px; font-weight:600; color:#656565;transition: all 0.3s ease;}
.paging li:hover{border:1px solid #707070;}
.paging li:hover a{color:#333;}
.paging li.on a{color:#fff;}
.paging li.img a img{margin-top: 16px;}


/* 반응형 */
@media only screen and (max-width: 1674px) {
/* 마을특산품 */
.product_wrap{padding: 0;}
.product_wrap .best_list .list .product_list li a .img{width: 230px;height: 230px;}
}

@media only screen and (max-width: 1200px) {
.program_wrap .program_list li .img{width: 100%;}	
.program_wrap {padding: 0;}
.program_wrap .line01 {padding: 24px 0; font-size:16px;}

.program_wrap .program_list li{height: 198px; padding-left: 300px;}
.program_wrap .program_list li div .text{line-height:24px;}
.program_wrap .line01 p span {font-size:25px;}
.program_wrap .program_list p { text-align:center;}
.program_wrap .program_list .textsize1 img { height:37px;}


/* 체험프로그램 안내 */
.calendar_box{padding: 0 15px;}
.program_wrap .program_list li{padding-left: 100px; padding: 14px;height: auto;margin-bottom: 10px;}
.program_wrap .program_list li .img{position: relative;height: auto;width: auto;left: auto;top: auto;bottom: auto;}
.program_wrap .program_list li div{height: auto;padding: 20px 0 0 0;}
.program_wrap .program_list li div a{position: relative;bottom: auto;width: 100%;left: auto;margin-top: 20px;right: auto;}



/* 마을특산품 */
.product_wrap .best_list .tab{padding: 10px;}
.product_wrap .best_list .tab ul{text-align: center;float: none;border-bottom: 1px dotted #ccc;padding-bottom: 10px;margin-bottom: 10px;}
.product_wrap .best_list .tab ul li{float: none;margin: 4px 1px;display: inline-block;}
.product_wrap .best_list .tab p{float: none;text-align: center;}
.product_wrap .best_list .list{padding-bottom: 40px;}
.product_wrap .best_list .list .product_list{margin: 40px auto 0 auto;}
.product_wrap .best_list .list .product_list li{margin: 0 1%;width: 23%;float: left;}
.product_wrap .best_list .list .product_list li a .img{width: 150px;height: 150px;}
.product_wrap .best_list .list .product_list li a .name{font-size: 16px;}
.product_wrap .best_list .list .product_list li a .price b{font-size: 20px;}
.product_wrap .new_list .list .product_list li{padding: 20px 15px 20px 15px;}
.product_wrap .new_list .list .product_list li a .name{font-size: 16px;}
.product_wrap .new_list .list .product_list li a .price b{font-size: 20px;}

/* 페이징 */
.paging{margin-top: 30px;}
.paging li{width: 34px;height: 34px;line-height: 34px;margin: 0 1px;}
.paging li a{font-size: 16px;}
.paging li.img a img{height: 10px;margin-top: 12px;}
}

@media only screen and (max-width: 768px) {
.program_wrap .program_list .textsize1 img { height:24px; text-align:center;}
.program_wrap .program_list li div .text{ font-size:16px;}
	
/* 체험프로그램 안내 */
.calendar_box{padding: 0 15px;}
.program_wrap .program_list li{padding-left: 100px; padding: 14px;height: auto;margin-bottom: 10px;}
.program_wrap .program_list li .img{position: relative;height: auto;width: auto;left: auto;top: auto;bottom: auto;}
.program_wrap .program_list li div{height: auto;padding: 20px 0 0 0;}
.program_wrap .program_list li div a{position: relative;bottom: auto;width: 100%;left: auto;margin-top: 20px;right: auto;}

	
/* 마을특산품 */
.product_wrap .best_list .tab ul li a{font-size: 15px;padding: 0 16px;}
.product_wrap .best_list .tab p{font-size: 16px;font-weight: 600;}
.product_wrap .best_list .list{padding: 30px 10px 20px 10px;}
.product_wrap .best_list .list .title{font-size: 24px;}
.product_wrap .best_list .list .title span{font-size: 15px;line-height: 23px;}
.product_wrap .best_list .list .product_list li{width: 48%;margin: 0 1% 20px 1%;}
.product_wrap .best_list .list .product_list li a .img{width: 125px;height: 125px;}
.product_wrap .best_list .list .product_list li a .name{font-size: 15px;margin-top: 15px;}
.product_wrap .best_list .list .product_list li a .explan{font-size: 13px;margin-top: 5px;}
.product_wrap .best_list .list .product_list li a .price{margin-top: 10px;padding-top: 10px;}
.product_wrap .best_list .list .product_list li a .price b{font-size: 18px;}
.product_wrap .new_list .list .title{font-size: 24px;}
.product_wrap .new_list .list .title span{font-size: 15px;line-height: 23px;}
.product_wrap .new_list .list .product_list li{padding: 15px 10px;width: 50%;}
.product_wrap .new_list .list .product_list li:nth-child(2n){border-right:0;}
.product_wrap .new_list .list .product_list li a .name{font-size: 15px;margin-top: 15px;}
.product_wrap .new_list .list .product_list li a .explan{font-size: 13px;margin-top: 5px;}
.product_wrap .new_list .list .product_list li a .price b{font-size: 18px;}
}