@charset "utf-8";
/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * main visual *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main_visual .swiper-slide {display: flex; border-radius: 10px; overflow: hidden;}
.main_visual .img_box {width: 65%;}
.main_visual .img_box img {max-width: unset; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
.main_visual .txt_box {width: 35%; background-color: var(--light-green); display: flex; align-items: center; justify-content: center;}
.main_visual .txt_box .center {width: 70%;}
.main_visual .txt_box p {font-weight: 700; font-size: 24px; line-height: 1em; letter-spacing: -0.005em; color: #304b23; margin-bottom: 20px;}
.main_visual .txt_box h2 {font-weight: 700; font-size: 40px; line-height: 1em;}
.main_visual .txt_box .date {margin-top: 30px;}
.main_visual .txt_box .date span {font-size: 18px; line-height: 1.2em; color: #6f6f6f;}
.main_visual .pagination {display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 15px;}
.main_visual .pagination .bullet {display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #8AD564; cursor: pointer;}
.main_visual .pagination .bullet-active {background-color: #6EAA50;}

@media all and (max-width: 1024px) {
    .main_visual .img_box,
    .main_visual .txt_box {width: 50%;}
}

@media all and (max-width: 767px) {
    .main_visual .swiper-slide {flex-wrap: wrap; border-radius: 10px; background-color: #dbf2cf; padding: 28px; box-sizing: border-box; justify-content: space-between; align-items: center; height: auto;}
    .main_visual .txt_box {width: 50%; background-color: transparent;}
    .main_visual .txt_box .center {width: 100%;}
    .main_visual .img_box {width: 126px; height: 126px; border-radius: 50%; overflow: hidden; box-sizing: border-box;}
    .main_visual .img_box a{display: block; height: 100%; width: 100%;}
    .main_visual .img_box img{width: 100%; height: 100%; object-fit: cover; }
    .main_visual .txt_box p{font-size: 18px;}
    .main_visual .txt_box h2{font-size: 22px;}
    .main_visual .txt_box .date{margin-top: 20px;}
    .main_visual .txt_box .date span{font-size: 14px;}
}

/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 모바일 아이콘 *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.mobile-icon ul {display: flex; flex-wrap: wrap; width: 100%; max-width: 640px; margin: auto;}
.mobile-icon li {width: 25%; text-align: center; cursor: pointer;}
.mobile-icon li p {font-weight: 400; font-size: 18px;}

@media all and (min-width: 768px) {
    .mobile-icon {display: none;}
}


/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

 * 비밀번호 변경 팝업  *
    
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ*/
.main .change-pw {padding: 24px; border-radius: 10px; box-sizing: border-box;}
.main .change-pw .txt_box {text-align: center;}
.main .change-pw .txt_box h5 {font-weight: 700; font-size: 24px; line-height: 1.33em;}
.main .change-pw .txt_box p {font-size: 16px; line-height: 1.25em; max-width: 18em; margin: auto; margin-top: 15px;}
.main .change-pw .btn_wrap {gap: 10px; margin-top: 55px;}
.main .change-pw .btn_wrap .btn {flex: 1;}



/* 2024 09 26 추가 */
.main_cus_vi {position: relative;}
.main_cus_vi .swiper-slide{aspect-ratio: 1/0.391; border-radius: 0;}
.main_cus_vi .img_box{width: 100%;}
.main_cus_vi .pagi_box{ position: absolute; bottom: 70px; z-index: 2; top: auto; width: 100%;}
.main_cus_vi .pagin_grp_box{width: calc(100% - 100px); position: relative;} 
.main_cus_vi .pagi_box .paginations.progressbar{height: 2px; margin-top: 0; position: unset; background-color: #fff; width: 100%; position: relative;}
.main_cus_vi .pagi_box .swiper-pagination-progressbar-fill{background-color: #53803c;}
.main_cus_vi .pagi_box .inner{display: flex; align-items: center;}
.main_cus_vi .pagi_btn_box{color: #fff; font-size: 18px; letter-spacing: -0.025em; display: flex; align-items: center; padding-left: 20px; justify-content: space-between; width: 100px; box-sizing: border-box;  font-feature-settings: "tnum";}
.main_cus_vi .arrow_btn{width: 10px; height: 20px; background-position: center; background-repeat: no-repeat; cursor: pointer;}
.main_cus_vi .arrow_btn.prev_btn{background-image: url(/img/main_new_arrow01.png);}
.main_cus_vi .arrow_btn.next_btn{background-image: url(/img/main_new_arrow02.png);}

@media all and (max-width:1024px){
    .main_cus_vi .swiper-slide{height: 600px;}
    .main_cus_vi .pagi_box{bottom: 40px;}
}

.main_cus_vi .swiper-slide img.m_img{display: none;}
@media all and (max-width:767px){
    .main_cus_vi{padding-top: 0 !important;}
    .main_cus_vi .swiper-slide{padding: 0; height: 360px;}
    .main_cus_vi .img_box{height: 100%; border-radius: 0;}
    .main_cus_vi .pagi_box{bottom: 25px;}
    .new_are_bann{margin-top: 0 !important;}

    .main_cus_vi .swiper-slide{aspect-ratio: 1/0.938;}
    .main_cus_vi .swiper-slide img.m_img{display: block;}
    .main_cus_vi .swiper-slide img.pc_img{display: none;}
}

.prod_wrap.type01 .price .no_pri_ce{font-size: 16px; color: #8c8c8c; text-align: right; font-weight: 400;} 
.prod_wrap.type01 .price .hal_in{color: #ff0000;}

.nori_mar_gin{margin: 0 -20px;}
.nori_swiper{overflow: hidden; padding: 0 20px 20px 20px;}
.nori_swiper .prod_wrap.type01{gap: 0; flex-wrap: nowrap; }
.nori_swiper .prod_wrap.type01 .prod{width: auto; height: auto;}


.main_flex_yoyo{display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px;}
.main_flex_yoyo .more_btn_yo{width: 80px; border-radius: 20px; height: 40px; border: 1px solid #53803c; box-sizing: border-box; font-size: 16px; font-weight: 700; color: #53803c; letter-spacing: -0.025em; text-align: center; display: flex; align-items: center; justify-content: center; background-color: #fff;}

.main_new_banban{display: flex; gap: 20px;}
.main_new_banban > div{width: calc(50% - 10px);}


.ma_in_sosik{overflow: hidden;}

.so_sick_yoyo{display: flex; flex-wrap: wrap; gap: 60px 25px;}
.so_sick_yoyo .so_sick_boxx{width: calc(25% - 18.75px);}
.so_sick_boxx{border-radius: 10px; overflow: hidden; position: relative; aspect-ratio: 1/1.6; display: block;}
.so_sick_boxx .img_box{width: 100%; height: 100%;}
.so_sick_boxx .img_box img{width: 100%; height: 100%; object-fit: cover; max-width: 100%;}
.so_sick_boxx .txt_box{color: #fff; font-size: 22px; font-weight: 700; letter-spacing: -0.025em; line-height: 1.625em; padding: 50px 20px; width: 100%; height: 100%; box-sizing: border-box; position: absolute; left: 0; top: 0; z-index: 2; display: flex; flex-direction: column; justify-content: flex-end; background-color: rgba(0,0,0,.2);}
.so_sick_boxx .txt_box span{overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;}

.ma_in_event{overflow: hidden; border-radius: 10px; box-shadow: 0px 0px 18px 1px rgba(60, 60, 60, 0.07); box-sizing: border-box;}
.ma_in_event .box_yo{display: block; padding: 15px 20px; box-sizing: border-box; display: flex; background-color: #fff;}
.ma_in_event .box_yo .img_box{width: 55%; border-radius: 10px; overflow: hidden; aspect-ratio: 1/1.399;}
.ma_in_event .box_yo .img_box img{width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
.ma_in_event .box_yo .txt_box{width: 45%; padding: 40px 0 20px 30px; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box;}
.ma_in_event .ing_bo{width: 72px; height: 32px; box-sizing: border-box; border-radius: 16px; background-color: #f38237; color: #fff; font-size: 16px; letter-spacing: -0.025em; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center;}
.ma_in_event .sub_ti{margin-top: 15px; color: #222222; font-size: 16px; letter-spacing: -0.025em; font-weight: 700; font-weight: 700; overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;} 
.ma_in_event .sub_ti.mat_ti{font-size: 22px; margin-top: 10px;}
.ma_in_event .nal_ti{margin-top: 15px; font-size: 16px; color: #666666; letter-spacing: -0.025em; font-weight: 300;}
.ma_in_event .are_txt p{text-align: right; font-size: 16px; color: #666666; letter-spacing: -0.025em;}

.new_are_bann{overflow: hidden; margin-top: 100px;}
.new_are_bann .swiper-wrapper{transition-timing-function:linear; }

@media all and (max-width:991px){
	.main_new_banban{flex-wrap: wrap;}
	.main_new_banban > div{width: 100%;}
	.ma_in_event .box_yo .img_box{width: 50%;}
	.ma_in_event .box_yo .txt_box{padding-left: 20px; width: 50%;}
}

@media all and (max-width:768px){
    .so_sick_yoyo .so_sick_boxx{width: calc(50% - 12.5px);}
}

.qna_ta_ble_yo table{width: 100%; font-size: 16px;}
.qna_ta_ble_yo thead{position: relative;}
.qna_ta_ble_yo thead tr{color: #fff; position: relative;}
.qna_ta_ble_yo thead:before{position: absolute; width: 100%; height: 100%; background-color: #53803c; z-index: -1; content: ''; border-radius: 10px; left: 0; top: 0;}
.qna_ta_ble_yo tbody tr{border-bottom: 1px solid #dcdcdc; color: #222222; cursor: pointer;}
.qna_ta_ble_yo table td,
.qna_ta_ble_yo table th{padding: 15px 0; text-align: center;}
.qna_ta_ble_yo table td.info_yo{text-align: left; padding: 15px 10px;}
.qna_ta_ble_yo table td.info_yo .new{color: #ff9d02; font-weight: 600;}

.qna_ta_ble_yo table td.tit{font-weight: 700;}
.qna_ta_ble_yo table td.tit.green{color: #53803c;}
.qna_ta_ble_yo table td.tit.gray{color: #aaaaaa;}

.qna_ta_ble_yo table td.info_yo .dap{width: 27px; height: 20px; display: inline-block; background: url(/img/new_dap_yo01.png)no-repeat center center; margin-right: 3px;}

.page_yo_btn{margin-top: 100px;}
.page_yo_btn ul{display: flex; justify-content: center; align-items: center;}
.page_yo_btn ul a{width: 35px; aspect-ratio: 1/1; box-sizing: border-box; border-radius: 50%; display: block; font-size: 16px; color: #222222; letter-spacing: -0.025em; display: flex; align-items: center; justify-content: center; text-align: center;}
.page_yo_btn ul li.on a{background-color: #e6f5de; color: #53803c; font-weight: 700;}

.page_yo_btn .page_bbt{margin: 0 10px;}
.page_yo_btn .page_bbt a{border: 1px solid #dcdcdc;}

.prod_wrap.type01 .prod .img_box{height: auto; aspect-ratio: 1 / 0.617;}

@media all and (max-width:1024px){
    .qna_ta_ble_yo{overflow-x: auto;}
    .qna_ta_ble_yo table{width: 1000px;}
}

.part_ner_yo ul{display: flex; gap: 20px 15px; flex-wrap: wrap;}
.part_ner_yo ul li{width: calc(20% - 12px); box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden;}
.part_ner_yo .partyo_img{aspect-ratio: 1/0.547;}
.part_ner_yo .partyo_img img{width: 100%; height: 100%; max-width: 100%; object-fit: cover;}
.part_ner_yo .partyo_txt{text-align: center; padding: 15px 0; text-align: center; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; color: #666666; font-size: 16px; letter-spacing: -0.025em;}

.event_tab_yo {display: flex; align-items: center; gap: 5px; justify-content: center; margin-top: 60px;}
.event_tab_yo .btn_yo{width: 135px; max-width: calc(50% - 2.5px); height: 50px; border-radius: 25px; color: #fff; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 18px; letter-spacing: -0.025em; background-color: #c4c7c3;}
.event_tab_yo .btn_yo.on{background-color: #53803c;}

@media all and (max-width:1024px){
    .part_ner_yo ul li{width: calc(33.333% - 10px);}
}
@media all and (max-width:768px){
    .part_ner_yo ul li{width: calc(50% - 7.5px);}
}


/* 20241121 추가 */
/* 지역축제 */
.local_swiper{overflow: hidden; padding: 0 20px 20px 20px;}
.local_swiper .prod_wrap.type01{gap: 0; flex-wrap: nowrap; }
.local_swiper .prod_wrap.type01 .prod{width: auto; height: auto;}
.local_date_box p {font-size: 18px;color: #3d3d3d;}
/* .local_date_box {position: absolute;left: 10px;bottom: 10px;} */

@media all and (max-width:768px){
    .section.m_bg_yo{background-color:#53803c1c;}
    .section.m_bg_mb{ margin-bottom: 50px;}
    .section.m_bg_pt{padding-top: 50px;}
}