@charset "utf-8";

@media all and (max-width:1600px){ 
  .gnb1_a {font-size:18px;}

  .paprika-Box{min-height:500px;}

}  

@media all and (max-width:1440px){ 
  #header{gap:0 10px;}  
  .inner{padding:0 5%;}
  #gnb .gnb1_li {padding: 0 35px;}

  .section-1{padding:100px 5% 50px; }
  .cs-wrap{padding:50px 5%;}

  .main-swiper-tit {font-size:50px;}
  .main-swiper-text {font-size:30px;}
  .paprika-effect{padding:60px 5%; }
  .paprika-info{padding-top:0px;}

}   


/* 1280px 이하 */
@media all and (max-width:1280px){  
  :root {
    --sub-visual-height:400px;  
  }
  #gnb .gnb1_li {padding: 0 28px;}
  .gnb1_a {font-size:16px;}
  #header .snsGroup{display:none;}

  .main-swiper-logo > span{padding:15px;}
  .main-swiper-logo > span img{height:45px;}
  .main-swiper-tit {font-size:45px;}
  .main-swiper-text {font-size:26px;}
  .main-swiper-text br {display:none;}

 /* sub */
  .board-view .subjectBox{flex-wrap: wrap;align-items:center;}
  .board-view .subjectBox .leftArea{flex:0 0 100%;margin-bottom:15px;}
  .board-view .subjectBox .rightArea{width:100%; display: inline-flex;justify-content:flex-end;}

  /* shop detail */
  .products--detail .imgWrap{width:45%;}
  .products--detail .textWrap{flex:1; margin-left:5%; border-top:1px solid #bbb; padding-top:16px; }
  .products--detail .btn-group > *{min-width:120px;}
  .item--info .stit{width:150px;}
  .item--detail{padding:0; }

  .exchange p{font-size:17px;}

  .farm-list > ul{width:100%;max-width:1200px; margin:0 auto; padding-top:60px;}
  .farm-list .tit{font-size:26px;margin-bottom:20px; margin-top:30px; }
  .farm-list .txt{font-size:18px;}


.paprika-info > ul{padding-top:60px; gap:60px;}
.paprika-info .titArea{gap:10px;margin:0px 0 30px;}
.paprika-info .num{font-size:45px;}
.paprika-info .tit{font-size:26px;}
.paprika-info .txt{font-size:17px;padding-left:35px;}
.paprika-info .txt::before{left:5px; top:2px; width:20px; height:20px; background-size:20px auto; }

.paprika-effect > ul{gap:0px; flex-wrap: wrap;}
.paprika-effect li{flex:0 0 31.3333%; margin:0 1% 3%; }
.paprika-Box{min-height:400px;border-radius: 0 20px; padding:20px;}
.paprika-effect li.v3 .paprika-Box, .paprika-effect li.v4 .paprika-Box{min-height:200px;}


}


@media all and (max-width:1150px){  
.greeting{padding-bottom:60px;}
.greeting ul{display: flex;flex-wrap: wrap;align-items: center; }
.greeting li{flex:0 0 100%;padding-left:0px;}
.greeting li:first-child{margin-bottom:40px;}
.greeting p{font-size:18px;margin-bottom:20px;  }
.greeting .tit{font-size:24px;margin-bottom:30px;}
}


/* Tablet  1024px 이하 */
@media all and (max-width:1024px) {
  #header{padding:0 calc(5% + 60px) 0 5%;}
  #header .logoArea{flex:1; }
  #gnb {display:none;}
  #header .util{display:none;}    
  #header .btn-language{display:none;}
  .nav-but-wrap{display:inline-flex; }

  .main-swiper-tit {font-size:38px;}
  .main-swiper-text {font-size:22px;}

  .section-1 li{width:31.3333%;margin:0 0% 2% 2%;}
  .section-1 li:nth-child(3n-2){margin:0 0% 2% 0;}
  .section-1 li:nth-child(4n-3){margin:0 0% 2% 2%;}
  .section-1 .main-tit{text-align: center; margin-bottom:40px;}

  .section-2{padding:80px 5%; }
  .section-2 li{padding:25px;}
  .review-box .txt{flex:1;font-size:15px;}
  .review-box .name{font-size:13px; }

  .section-3{padding:80px 5%;}
  .section-3 .tit{font-size:34px;}
  .section-3 .txt{font-size:17px;}

  .cs-wrap li{width:50%;padding:0 40px; }
  .cs-wrap.main li{width:50%;}
  .cs-wrap li.notice{width:100%;padding-left:0px; padding-right:0px; padding-top:20px; margin-top:30px;border-top:1px solid var(--border-color);border-left:0; }
  .cs-wrap .tit{font-size:18px;}
  .cs-wrap .txt{font-size:13px;}  
  .bankInfo .bank{ font-size:18px;}
  .bankInfo .name{ font-size:14px;}
  .bankNum{font-size:20px;}
  .csInfo .icon img{height:20px;}
  .csNum{ font-size:24px;}  
  .csNum-info{font-size:16px;}
  .csNum-info .tab{font-size:11px; }

  .f-btn{position:static; margin-top:20px; justify-content: flex-start;}

  .list-typeA li{width:48%;margin:0 0% 40px 4%;}
  .list-typeA li:nth-child(odd){margin:0 0% 40px 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 40px 4% !important;}
  .list-typeA li:hover{margin-top:0px;box-shadow:none; }

  .list-typeB li{width:48%;margin:0 0% 40px 4%;}
  .list-typeB li:nth-child(odd){margin:0 0% 40px 0% !important;}
  .list-typeB li:nth-child(even){margin:0 0% 40px 4% !important;}

  .list-shop li{width:31.3333%;margin:0 0% 2% 2%;}
  .list-shop li:nth-child(3n-2){margin:0 0% 2% 0;}
  .list-shop li:nth-child(4n-3){margin:0 0% 2% 2%;}

  /* sub */
  .tit-lg{font-size:28px;}
  .tit-md{font-size:20px;}
  .tit-sm{font-size:18px;}
  .tit-s{font-size:16px;}

  .txt-lg{font-size:20px;}
  .txt-m{font-size:18px;}
  .txt-md{font-size:17px;}
  .txt-sm{font-size:16px;}
  .txt-s{font-size:14px;}

  .tit--round{font-size:22px;padding-left:20px;}
  .tit--round::before{top:12px;width:12px; height:6px;}

  .bullet-tit{font-size:18px;padding-left:12px;}
  .bullet-tit::before{top:10px; width:4px; height:4px; }

  /* 공통 */
  .board-view .btnBox .s-txt{display: none !important;}
  .board-view .btn-group{margin:20px 0 0;justify-content: center; }
  .file_box > a{font-size:13px;}

  #visual .visual-tit{font-size:40px;}

  /* shop detail */
  .products--detail .textWrap{flex:1; margin-left:40px; border-top:1px solid #bbb; padding-top:16px;  }
  .item--info > ul{display: flex; padding:8px 0px;}
  .item--info .stit{width:120px;font-size:15px;}
  .item--info .cont{font-size:15px;}
  .item--info .s_price{font-size:18px; }
  .item--info .p_price{font-size:13px; }

  .choice--info{ font-size:15px;}
  .item--price{justify-content: flex-end;gap:10px;font-size:16px;padding-top:16px;margin-top:16px;}
  .item--price > span{font-size:26px;}

  .exchange ul{flex-wrap: wrap; }
  .exchange li{flex:0 0 100%;padding:40px 0 0 0; border-top:1px solid #ddd; border-left:0;  }
  .exchange li:first-child{ border-top:0; padding:0 0 40px; }
  .exchange h3{margin-bottom:30px;}
  .exchange p{font-size:17px;margin-top:10px;}
  .exchange .icon{ margin-bottom:30px;}

  .greeting p{font-size:17px;}
  .greeting .tit{font-size:22px;}

  /* history */
  .history .history-list > ul > li { padding-left:40px;}
  .history .history-list > ul > li:after { top:10px; left:-3px; }
  .history .history-list > ul > li:before { top:4px; left:-9px; }
  .history .history-list > ul > li > dl > dt { width:140px;font-size:20px; }
  .history .history-list > ul > li > dl > dd { width:calc(100% - 140px);}
  .history .history-list > ul > li > dl > dd li > span.month{font-size:16px; }
  .history .history-list > ul > li > dl > dd li > span.txt{font-size:16px; } 

/*현황 */
.farm-info > ul >li{flex:0 0 100%; }
.farm-info > ul >li.imgArea{display:none; }
.info_tb th {padding:10px; font-size:16px;}
.info_tb td {padding:10px; font-size:16px;}

.farm-info-box {padding:0px 0 60px;}
.farm-info-box > ul > li{width:31.3333%; margin:0 1% 2%;font-size:16px;}

/* .farm-list{padding:60px 5%; } */
.farm-list{margin:0px auto 60px;}
.farm-list > ul{padding-top:60px; gap:40px; align-items: center; }
.farm-list .tit{font-size:24px;margin-bottom:15px; margin-top:0px; }
.farm-list .txt{font-size:16px;}

.farm-bg{padding:60px 5%;}

.paprika-info{margin:0 auto 60px; }
.paprika-info > ul{padding-top:60px; gap:40px;}
.paprika-info .num{font-size:40px;}
.paprika-info .tit{font-size:22px;}
.paprika-info .txt{font-size:16px;padding-left:35px;}

.paprika-titBox{gap:5px;height:80px;font-size:20px;border-radius: 20px;}
.paprika-titBox > span{font-size:16px;}
.paprika-Box{min-height:400px;border-radius: 0 20px; padding:20px;}
.paprika-Box .stit{font-size:18px;}
.paprika-Box .stxt{font-size:14px;}




}

/* Tablet 950px 이하 */
@media all and (max-width:950px) { 
  .products--detail .btn-group > *{min-width:auto; flex:1;}
  .products--detail .btn-group > *:nth-child(3){flex:.5;}

  .paprika-info > ul{padding-top:60px;gap:0px; flex-wrap: wrap;}
  .paprika-info li{flex:0 0 100%;  margin-bottom:30px;}
  .paprika-info .thumb{padding-top:56.25%;}
  .paprika-info .titArea{gap:10px;margin:0px 0 20px;}
  .paprika-info .tit{font-size:24px;}
  .paprika-info > ul:nth-child(even) li:first-child{order:1;}
  .paprika-info > ul:nth-child(even) li:nth-child(2){order:2;}

  .paprika-Box{min-height:420px;}

}
	

	
/* Mobile 768px 이하 */
@media all and (max-width:768px) { 
  :root {
    --header-height: 100px; /* top height */
    --menuTab-height:45px;   
  }

  .pc_only{display: none !important;}	
  .mo_only{display: inline-block !important;}
  .col50{width:100% !important; }

  .main-swiper-logo{margin-bottom:20px; }
  .main-swiper-tit.line{line-height:1.2;border-bottom:0; } 
  .main-swiper-tit br,  .main-swiper-text br{display:inline}

  .main-tit{font-size:30px;margin-bottom:30px; }
  .main-txt{font-size:17px;}

  .section-1{padding:80px 5% 40px; }
  .section-1 li{width:48%;margin:0 0% 6% 4%;}
  .section-1 li:nth-child(odd){margin:0 0% 6% 0% !important;}
  .section-1 li:nth-child(even){margin:0 0% 6% 4% !important;}

  .section-2{padding:80px 5%; }
  .section-2::after{height:360px;}
  .section-2 li{width:100%;margin:0 0% 2% 0%;padding:25px;}
  .section-2 li:nth-child(odd){margin:0 0% 2% 0%;}
  .section-2 li:nth-child(even){margin:0 0% 2% 0%;}
  .section-2 .main-btn{margin-bottom:40px;}
  .section-2 .btn{font-size:16px;height:40px; padding:0 24px; }

  .section-3{padding:80px 5%;}
  .section-3 .tit{font-size:30px;}
  .section-3 .txt{font-size:16px;}

  .cs-wrap{padding:40px 8%;}
  .cs-wrap li{width:100%; border-left:0; padding:0px 0 20px; }
  .cs-wrap.main li{width:100%; border-left:0; padding:0px 0 20px; }
  .cs-wrap li:nth-of-type(2){ padding:20px 0 0; border-top:1px solid #ddd; }
  .cs-wrap li.notice{ margin-top:20px; padding:20px 0 0;}
  .cs-wrap .tit{font-size:18px;}
  .cs-wrap .txt{font-size:12px;}  
  .notice-main .subject{flex:1;font-size:14px;}

  .footer{padding:40px 5%;}
  .footer .f_smenu{flex:0 0 100%; order:1; }
  .footer .snsGroup{flex:0 0 100%; justify-content: flex-start; gap:10px; margin-top:20px; order:3;}
  .footer .f_cont{flex:0 0 100%; margin-top:20px; padding-right:0px; order:2;}
  .footer .f_cont li{gap:8px 15px; }
  .footer .f_cont li p{font-size:13px;}
  .f_copy{font-size:12px;}	  
  .f-btn{order:4;}

  /* sub */
  .menuTab li{margin-right:40px;}
  .menuTab a{font-size:15px;}

  .visual-location > ul li{padding-left: 25px;font-size:13px; } 
  #visual .visual-tit{font-size:36px;}

  .container {padding:40px 0;}
  .title{font-size:30px;margin-bottom:40px;}
  .title > span{font-size:30px;padding-right:20px;}
  .title > span::after{top:6px; height:14px; background-size:auto 14px; }

  .list-shop li{width:48%;margin:0 0% 6% 4%;}
  .list-shop li:nth-child(odd){margin:0 0% 6% 0% !important;}
  .list-shop li:nth-child(even){margin:0 0% 6% 4% !important;}

  /* board form 공통 */
  .list--top{display:flex;justify-content:space-between;flex-wrap: wrap; }
  .list--top .list-total{width:100%; order:2;}
  .list--top .list-search{width:100%; order:1;margin-bottom:20px; }
  .list--top .searchLine{width:100%;max-width:100%; order:1;margin-bottom:20px;}

  .list-total{font-size:14px;}

  .list-search{}
  .list-search .selectArea{width:100px;}

  .board-view .content_box img{max-width:100% !important;}
  .board-view .content_box{padding:30px 0px; min-height:auto;}
  .board-view .btnBox{padding:10px 5px;}
  .board-view .btnBox .item1{padding-right:5px;}
  .board-view .btnBox .item2{padding:0 10px;width:auto;}
  .board-view .btnBox .item3{padding-left:5px;}
  .board-view .subjectBox{padding:15px 0px;}
  .board-view .file_box{padding:15px 5px;}

  .board-btn-prev{margin-right:0px;}
  .board-btn-next{margin-left:0px;}

  .boardList ul{flex-wrap: wrap;justify-content:flex-start;}
  .boardList ul.list-head{display: none !important;}  
  .boardList .etc-blank{flex:0 0 100%; height:10px;}
  .boardList .stit_mo{display: inline-block;}

  .boardList .chkbox{flex:0 0 100%;text-align:left;padding-bottom:25px;}  
  .boardList .no{flex:0 0 100%; font-weight: 600;font-size:14px;color:#666; padding:0px 0px 0px 0px;text-align:left;/* align-self: flex-start;*/ margin-bottom:6px;} 
  .boardList .subject{flex:0 0 100%;text-align:left;font-weight: 600;font-size:16px;padding:0px;margin-bottom:10px;}    
  .boardList .name{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .file{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .hit{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;}
  .boardList .date{flex:0 0 auto;text-align:left;font-size:13px;padding:0px 20px 5px 0px;} 
  .boardList .list-body li:last-child{padding:0px 0px 5px 0px;}
  .boardList .list-body{padding:15px 10px;}
  .boardList .list-body li.nodata{padding:60px 10px;}

  .form_sty{margin:0px 0 40px;}
  .form_sty > ul{display: flex;flex-wrap: wrap;padding:15px 0px; }
  .form_sty > ul > li{padding:0px;}
  .form_sty > ul > li:nth-child(3){margin-top:15px;}
  .form_sty .tit{flex:0 0 100%;margin-bottom:10px; padding-top:0px;}
  .form_sty .tit > *{font-size: 14px;}
  .form_sty .cont{flex:0 0 100%; }

  .f-group-A .sm{font-size:13px;}
/*
  .wr_box{padding:20px;}
  .wr_box > h3{font-size:14px;}
  .wr_box > p{font-size:13px;}
*/

  .list_faq .area_question {padding:15px 20px 15px 35px;}
  .list_faq .area_question:after {top:15px; right:5px; width:10px; height:10px;}
  .list_faq .txt_q {top:15px; left:5px;width:24px; height:24px;font-size:14px;}
  .list_faq .desc_question {font-size:16px;}
  .list_faq .category {font-size:14px;}

  .list_faq .area_answer {padding:20px 20px 20px 35px; }
  .list_faq .txt_a {top:15px; left:5px; width:24px; height:24px;}
  .list_faq .tit_answer {font-size:15px;}
  .list_faq .desc_answer {font-size:15px;}
  .item_faq.nodata {font-size:14px;}

  .table-scroll-auto th {padding:10px 5px; font-size:15px;}
  .table-scroll-auto td {padding:10px 5px;font-size:14px;}

  .table-scroll-auto.atable th{padding:10px; font-size:14px;}
  .table-scroll-auto.atable td{padding:10px;font-size:14px;}

  /* text */
  .tit-xlg{font-size:34px;}
  .tit-lg{font-size:26px;}
  .tit-md{font-size:18px;}
  .tit-sm{font-size:17px;}
  .tit-s{font-size:15px;}

  .txt-lg{font-size:18px;}
  .txt-m{font-size:17px;}
  .txt-md{font-size:16px;}
  .txt-sm{font-size:15px;}
  .txt-s{font-size:13px;}

  .tit--round{font-size:20px;padding-left:16px;}
  .tit--round::before{top:10px;width:10px; height:5px; }

  .bullet-tit{font-size:16px;padding-left:10px;}
  .bullet-tit::before{top:8px; width:4px; height:4px; }

  .bullet-txt{font-size:15px; padding-left:10px;}
  .bullet-txt::before{top:8px; width:3px; height:3px;}

  .bullet-stxt{font-size:14px; padding-left:8px;}
  .bullet-stxt::before{top:7px; width:3px; height:3px;}

  .line-list{font-size:15px;padding-left:10px;}
  .line-list::before{font-size:15px;}

/* shop detail */
.products--detail{flex-wrap: wrap;}
.products--detail .imgWrap{width:100%;}
.products--detail .textWrap{flex:0 0 100%; margin-left:0; margin-top:30px;  }
.products--detail .btn-group > *:nth-child(3){flex:1;}

.detail--cont{margin:20px auto 0;}

.tab_cate li {flex:1;margin-left:-1px;}
.tab_cate li a{padding:0 5px; height:36px;font-size:14px;}

.delivery--info{padding:0px 0;}
.delivery--info .imgArea{ padding:20px 0 10px;}
.delivery--info .imgArea img{width:120px;}
.delivery--info p{font-size:16px;line-height:24px;}
.delivery--info p > span{font-size:18px;}

.exchange{padding:0;}
.exchange li{flex:0 0 100%;padding:40px 0 0 0;}
.exchange li:first-child{padding:0 0 40px; }
.exchange h3{margin-bottom:20px;}
.exchange p{font-size:16px;margin-top:10px;}
.exchange .icon{ margin-bottom:20px;}
.exchange .icon img{height:45px;}

.mapArea iframe{width:100%; height:400px;}
.map-contacts {margin:30px auto; padding:0px;}
.map-contacts ul{gap:10px;}
.map-contacts .tit{font-size:16px;}
.map-contacts .desc{font-size:14px;}

.greeting{padding-bottom:40px;} 
.greeting li:first-child{margin-bottom:20px;}
.greeting p{font-weight:400;font-size:16px;margin-bottom:20px;  }
.greeting .tit{font-size:20px;margin-bottom:20px;}

    /* history */
    .history { padding:0px 3% 60px; }
    .history .history-list > ul > li { padding-left:30px; }
    .history .history-list > ul > li:after { top:8px; left:-3px; width:6px; height:6px; }
    .history .history-list > ul > li:before { top:2px; left:-8px; width:17px; height:17px; }
    .history .history-list > ul > li:not(:last-child) { padding-bottom:30px; }
  
    .history .history-list > ul > li > dl > dt {width:100%; margin-bottom:15px;}  
    .history .history-list > ul > li > dl > dd {width:100%;}
    .history .history-list > ul > li > dl > dd li {display:flex; gap:0px;}
    .history .history-list > ul > li > dl > dd li > span.month{font-size:15px;}
    .history .history-list > ul > li > dl > dd li > span.txt{font-size:15px;font-weight:400; }
    .history .progressbar { width:1px; height:calc(100% - 80px); }


/*현황 */
.farm-info{padding:0px 0 60px;}

.farm-info-box > ul > li{width:31.3333%; margin:0 1% 2%;font-size:15px;}

.farm-list > ul{padding-top:60px; gap:0px; flex-wrap: wrap; }
.farm-list li{flex:0 0 100%; }
.farm-list li:first-child{margin-bottom:20px;}
.farm-list .tit{ font-size:24px;}
.farm-list .txt{font-size:16px;}
.farm-list > ul:nth-child(odd) li:first-child{order:1;}
.farm-list > ul:nth-child(odd) li:nth-child(2){order:2;}
.farm-list .imgArea{margin-top:0px;}
.movArea{margin:60px auto 40px;}

.paprika-effect li{flex:0 0 48%; margin:0 1% 4%; }
.paprika-top{padding-bottom:20px;}
.paprika-top::before{height:20px;}
.paprika-Box{min-height:350px;}
.paprika-effect li.v2 .paprika-Box, .paprika-effect li.v3 .paprika-Box, .paprika-effect li.v4 .paprika-Box{min-height:200px;}
.paprika-effect .tit-xlg{margin-bottom:30px;}
.paprika-info .tit-xlg{ margin-bottom:30px;}

}

/*mobile 640 이하 */
@media all and (max-width:640px){

.paprika-effect li{flex:0 0 100%; margin:0 0% 5%; }
.paprika-top{padding-bottom:20px;}
.paprika-top::before{height:20px;}
.paprika-titBox{gap:5px;height:auto; flex-direction: row; padding:12px 10px;  font-size:20px;border-radius: 20px;}
.paprika-titBox > span{font-size:14px;}

.paprika-Box{min-height:auto;border-radius: 0 20px; padding:20px;}
.paprika-Box .stit{font-size:18px;}
.paprika-Box .stxt{font-size:14px;}
.paprika-effect li.v2 .paprika-Box, .paprika-effect li.v3 .paprika-Box, .paprika-effect li.v4 .paprika-Box{min-height:auto;}

}

/*mobile 540 이하 */
@media all and (max-width:540px){  
  :root {
    --headerB-height: 80px; /* top height */
    --sub-visual-height: 280px;
    --main-visual-height:500px; 
  }

  /* 모바일 오버 효과 삭제 */
  .menu-icon:hover .menu-icon__line-left,
  .menu-icon:hover .menu-icon__line-right {width: 16.5px;}
  .nav__list-item > a{ color: rgba(255,255,255,1);font-weight: 600; font-size:20px;}
  .nav__list-item > a:hover:after{ width: 0;height: 0;opacity: 0;}
  .nav__list li.open li a {color: rgba(255,255,255,0.8);}
  .nav__list li.open li a:hover{color: rgba(255,255,255,0.8);}

  input:focus{outline:none;}
  body,textarea:focus,input:focus,a:focus {-webkit-tap-highlight-color: transparent;} 

  #header .logo{min-height:45px;background-size:auto 45px; }
  #header.bg_on .logo{min-height:40px;background-size:auto 40px; }

  .gbg-white.bg_on #header .logo{min-height:45px;background-size:auto 45px; }
  .text-bl #header .logo{min-height:45px;background-size:auto 45px; }

  .gbg-white.bg_on #header.bg_on .logo{min-height:40px;background-size:auto 40px; }
  .text-bl #header.bg_on .logo{min-height:40px;background-size:auto 40px; }

  .main-swiper-logo > span{padding:15px;}
  .main-swiper-logo > span img{height:40px;}
  .main-swiper-tit {font-size:30px;}
  .main-swiper-text {font-size:20px;}

  .main-tit{font-size:30px;margin-bottom:30px; }
  .main-txt{font-size:16px;}

  .product-box .txtArea{padding:20px 5px;}
  .product-box .tit{font-size:16px; }
  .product-box .txt{font-size:13px;}
  .product-box .price{font-size:18px;}
  .product-box .btnArea{ gap:5px;}

  .section-1{padding:60px 5% 40px; }
  .section-2{padding:60px 5%; }
  .section-2::after{height:360px;}
  .section-2 li{width:100%;margin:0 0% 4% 0%;padding:25px;}
  .section-2 li:nth-child(odd){margin:0 0% 4% 0%;}
  .section-2 li:nth-child(even){margin:0 0% 4% 0%;}
  .section-2 .btn{font-size:14px;height:40px; padding:0 24px; }
  
  .review-box{gap:20px;}
  .review-box .txt{flex:0 0 100%;font-size:15px;}
  .review-box .cont{flex:0 0 100%;flex-direction:row; align-items:center; justify-content: flex-end; gap:10px;}

  .section-3{padding:60px 5%;}
  .section-3 .tit{font-size:26px;}
  .section-3 .txt{font-size:15px;}
  .section-3 .txt br{display:inline}
  .section-3 .main-swiper-logo{display:none;}
  
  .list-typeB li{width:100%;margin:0 0% 40px 0%;}
  .list-typeB li:nth-child(odd){margin:0 0% 40px 0% !important;}
  .list-typeB li:nth-child(even){margin:0 0% 40px 0% !important;}

  .list-typeA li{width:100%;margin:0 0% 40px 0%;}
  .list-typeA li:nth-child(odd){margin:0 0% 40px 0% !important;}
  .list-typeA li:nth-child(even){margin:0 0% 40px 0% !important;}

  /* sub */
  .menuTab.start .x-scroll{justify-content:flex-start;} 
  .menuTab.start ul{justify-content:flex-start; }
  .menuTab li{margin-right:40px;}
  .menuTab.start li:last-child{margin-right:20px;}
  .menuTab a{font-size:14px;}

  .title{font-size:26px;margin-bottom:30px;}
  .title > span{font-size:26px;}

  .location{ margin:0 auto 20px;}

  .pagination {margin: 40px 0;}
  .list--search{max-width:100%;margin-left:0;}
  
  .inputfile-wrap label.btn {width:80px;margin-left:5px;font-size:13px;}
  
  .f-group-A.email{flex-wrap: wrap;}
  .f-group-A > * {margin-left:10px;}
  .f-group-A > *:nth-child(4){margin-left:0px;}
  .f-group-A .w2{width:100%;}
  .f-group-A .select-w{width:100%; margin-top:10px;}
  .f-group-A .input-tel{flex:1;}
  .f-group-A .w3{flex:1;}
  
  .table-scroll-auto th {padding:10px 5px; font-size:14px;}
  .table-scroll-auto td {padding:10px 5px;font-size:13px;}
  
  .table-scroll-auto.atable th{padding:10px 8px; font-size:13px;}
  .table-scroll-auto.atable td{padding:10px 8px;;font-size:13px;}
  
  .popup--inner{padding:20px;}
  
  .boardList .subject{font-size:15px;}   
  .list-search{max-width:100%;}
  .mo_none{display:none;}
  
/* text */
.tit-xlg{font-size:30px;}
.tit-lg{font-size:24px;}
.tit-md{font-size:17px;}
.tit-sm{font-size:16px;}
.tit-s{font-size:14px;}

.txt-lg{font-size:17px;}
.txt-m{font-size:16px;}
.txt-md{font-size:15px;}
.txt-sm{font-size:14px;}
.txt-s{font-size:13px;}

.txt-md, .txt-sm, .txt-s, .bullet-txt, .bullet-stxt{font-weight:400;}

.tit--round{font-size:20px;padding-left:16px; margin-bottom:20px;}
.tit--round::before{top:10px;width:10px; height:5px; }

.bullet-txt{font-size:14px; padding-left:10px;}
.bullet-txt::before{top:8px; width:3px; height:3px;}

.bullet-stxt{font-size:13px; padding-left:8px;}
.bullet-stxt::before{top:6px; width:3px; height:3px;}

.line-list{font-size:14px;padding-left:10px;}
.line-list::before{font-size:14px;}

/* shop detail */
.item--info .stit{width:100px;font-size:15px;}

.review--info{align-items:flex-start;}
.review--info .cont{margin-top:3px; }
.review--info .date{font-size:13px; margin-top:6px; }
.reply--info .date{font-size:13px;}

  /* history */
  .history .history-list > ul > li > dl > dt {font-size:18px; }
  .history .history-list > ul > li > dl > dd li > span.month{font-size:14px; }
  .history .history-list > ul > li > dl > dd li > span.txt{font-size:14px; }
  .history .progressbar { width:1px; height:calc(100% - 70px); }

/*현황 */
.info_tb th {padding:10px; font-size:15px;}
.info_tb td {padding:10px; font-size:15px;}

.farm-info-box > ul > li{width:48%; margin:0 1% 2%;font-size:15px;}

.farm-list > ul{padding-top:40px;}
.farm-list .tit{ font-size:20px;}
.farm-list .txt{font-size:15px;}
.movArea{ margin:40px auto;}

.paprika-info{margin:0 auto 40px; }
.paprika-info > ul{padding-top:20px;}
.paprika-info li{ margin-bottom:25px;}
.paprika-info .num{font-size:32px;}
.paprika-info .tit{font-size:20px;}
.paprika-info .txt{font-size:15px;padding-left:26px;}
.paprika-info .txt::before{left:0px; top:2px; width:18px; height:18px; background-size:18px auto; }

.paprika-effect{padding:40px 5%; }


}


/*mobile 420 이하 */
@media all and (max-width:420px){  

  .f_smenu > a {font-size:13px;padding-left:14px;}
  .f_smenu > a::after {margin-left:5px; }

  #visual .visual-tit{font-size:30px;}
  .tit-xlg{font-size:26px;}

  .title{font-size:24px;}
  .title > span{font-size:24px;}

  /* 공통 */    
  .board-view .subjectBox .rightArea{gap:10px;}
  .board-view .stit{font-size:13px;margin-right:2px;}
  .board-view .name{font-size:13px;}
  .board-view .date{font-size:13px;}
  .board-view .hit{font-size:13px;}
  .board-view .content_box p{font-size:15px;}

  .delivery--info p{font-size:14px;line-height:20px;}
  .delivery--info p > span{font-size:16px;}

  .exchange li{flex:0 0 100%;padding:30px 0 0 0;}
  .exchange li:first-child{padding:0 0 30px; }
  .exchange p{font-size:14px;margin-top:10px;}
  .exchange .icon img{height:40px;}
  .history .progressbar { width:1px; height:calc(100% - 65px); }


}

@media all and (max-width:390px){
  .nav__list > li li a {font-size:14px;}

  .greeting p{font-weight:400;font-size:15px;margin-bottom:20px;  }
  .greeting .tit{font-size:18px;margin-bottom:20px;}




}


/*mobile 375 이하 */
@media all and (max-width:375px){
.f_copy{font-size:11px;}	
.main-txt{font-size:14px;}

.tit-xlg{font-size:24px;}
.tit-lg{font-size:22px;}
.txt-lg{font-size:16px;}

.bullet-tit{font-size:15px;padding-left:10px;}
.bullet-tit::before{top:8px; width:4px; height:4px; }

/* 공통 */
.list_faq .desc_question {font-size:15px;}
.list_faq .tit_answer {font-size:14px;}
.list_faq .desc_answer {font-size:14px;}

  .section-3 .tit{font-size:24px;}
  .section-3 .txt{font-size:14px;}

/* shop detail */
.item--info .stit{width:80px;font-size:14px;}
.item--info .cont{font-size:14px;}
.item--info .s_price{font-size:17px; }
.item--info .p_price{font-size:12px; }

.choice--info{ font-size:14px;}
.item--price{font-size:14px;}
.item--price > span{font-size:24px;}

.paprika-info .num{font-size:28px;}
.paprika-info .tit{font-size:18px;}
.paprika-info .txt{font-size:14px;padding-left:25px;}
.paprika-info .txt::before{left:0px; top:2px; width:16px; height:16px; background-size:16px auto; }



}

/*mobile 360 이하 */
@media all and (max-width:360px){
  .main-swiper-logo > span{padding:12px;}
  .main-swiper-logo > span img{height:35px;}
  .main-swiper-tit {font-size:28px;}
  .main-swiper-text {font-size:18px;}

  .main-tit{font-size:28px;margin-bottom:30px; }
  .main-txt{font-size:14px;}

/* sub */
.visual-location > ul li{font-size:12px;} 

.boardList .no{font-size:13px;} 
.boardList .subject{font-size:14px;}   

.board-view .content_box p{font-size:14px;}
.board-view .stit{font-size:12px;margin-right:2px;}
.board-view .name{font-size:12px;}
.board-view .date{font-size:12px;}
.board-view .hit{font-size:12px;}
.file_box > a{font-size:12px;}

.table-scroll-auto.btable th{font-size:12px;}
.table-scroll-auto.btable td{font-size:12px;}

.tit-xlg{font-size:22px;}

.tab_cate li a{font-size:13px;}







}



/*mobile 320 이하 */
@media all and (max-width:320px){
  :root {
    --sub-visual-height: 280px;
  }
  .nav__list-item > a{font-size:18px;}

/* 공통 */
.list--search .selectArea{width:90px;}
.board-btn-prev{font-size:13px;}
.board-btn-next{font-size:13px;}

.menuTab .x-scroll{justify-content:flex-start;} 
.menuTab ul{justify-content:flex-start; }
.menuTab li{margin-right:30px;}
.menuTab li:last-child{margin-right:20px;}




}


/*mobile 280 이하 */
@media all and (max-width:280px){



  


}



/* **************************************** *
 * height 
 * **************************************** */

  @media all and (max-height: 667px){


      
  }

  