@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@100;200;300;400;500;600;700&family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/* font-family: "IBM Plex Sans KR", sans-serif; */
/* font-family: "Nanum Myeongjo", serif; */


/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : maeilfood
 * File : custom.css
 * DATE : 2026.01.15
 *
 * SUMMARY :
 * 1) Jupiter X Reset 
 * 2) HEADER
 * 3) MAIN
 * 4) FOOTER
 * 5) SUB
 * 6) RESPONSIBILITY

 * br01 - 767
 * br02 - 1024
 * br03 - 1200
 * br04 - 
 * br05 - 
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
.jupiterx-main-content > .container > .row{margin-right:0 !important; margin-left:0 !important;}
.jupiterx-main-content{padding:0 !important;}
.container,.jupiterx-main-content > .container > .row > [class*=col-]{padding-left:0 !important; padding-right:0 !important;}
.jupiterx-post-header{display:none !important;}
p{margin-bottom:0 !important;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !important;}
.elementor-icon-list-text{padding-inline-start: 0px !important;}

.font, .font div,.font a,.font p,.font span,.font h1, .font h2,.font h3,.font h4,.font h5,.font h6,.font input, .font textarea,.font button, .font label{font-family: "Pretendard",  -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}
.font02, .font02 div,.font02 a,.font02 p,.font02 span,.font02 h1, .font02 h2,.font02 h3,.font02 h4,.font02 h5,.font02 h6,.font02 input, .font02 textarea,.font02 button, .font02 label{font-family: "IBM Plex Sans KR", -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; word-break: keep-all;}
.font03, .font03 div,.font03 a,.font03 p,.font03 span,.font03 h1, .font03 h2,.font03 h3,.font03 h4,.font03 h5,.font03 h6,.font03 input, .font03 textarea,.font03 button, .font03 label{font-family: "Nanum Myeongjo", serif !important; word-break: keep-all;}

.wordBr02 div, .wordBr02 a, .wordBr02 p, .wordBr02 h1, .wordBr02 h2, .wordBr02 h3, .wordBr02 h4, .wordBr02 h5, .wordBr02 h6, .wordBr02 input, .wordBr02 textarea, .wordBr02 button, .wordBr02 label, .wordBr02 li, .wordBr02 span{word-break:break-all !important;}
.wordBr div, .wordBr a, .wordBr p, .wordBr h1, .wordBr h2, .wordBr h3, .wordBr h4, .wordBr h5, .wordBr h6, .wordBr input, .wordBr textarea, .wordBr button, .wordBr label, .wordBr span{word-break:keep-all !important;}



/* ************************************************
********************* HEADER ************************
************************************************* */
.home .jupiterx-header{position: absolute;}

#header{transition: padding-left 0.3s ease-in-out, padding-right 0.3s ease-in-out, min-height 0.3s ease-in-out, background-color 0.3s ease-in-out !important;}
#header > div{transition: all 0.3s !important;}
#header .nav-menu nav > ul{gap: 60px;}
#header .nav-menu nav > ul::after,
#header .nav-menu nav .sub-arrow{display: none;}
#header .nav-menu nav .sub-menu{min-width: 150px !important; padding: 10px;}
#header .nav-menu nav > ul > li > .sub-menu{left: 50% !important; transform: translateX(-50%);}
#header .nav-menu nav > ul > li > .sub-menu a{justify-content: center; border-inline-start: 0px solid transparent; border-radius: 12px; height: 50px;}
#header .nav-menu nav > ul > li > .sub-menu a:hover{font-weight: 500 !important;}
#header .nav-menu nav > ul > li > .sub-menu a.elementor-item-active{font-weight: 500 !important;}

#header.on{padding-left: 20px !important; padding-right: 20px !important; min-height: 85px !important; background-color: #fff !important; border-bottom: 1px solid #DDD;}
#header.on > div{padding-top: 0px !important;}
#header.on .logo img{content: url(/wp-content/uploads/2026/01/logo-b.svg) !important;}
#header.on .nav-menu nav > ul > li > a{color: #202020;}
#header.on .menu-icon img{content: url(/wp-content/uploads/2026/01/menu-icon02.svg) !important;}

/* menu - pc */
.menu-pro-tab .jet-tabs__control-wrapper{gap: 60px;}
.pop-menu-pc .nav-menu nav > ul::after,
.pop-menu-pc .nav-menu nav .sub-arrow{display: none;}
.pop-menu-pc nav ul{gap: 20px 30px;}

/* menu - mo */
#pop_menu .nav_btn.lang .raven-widget-wrapper{height: 26px;}

.menu_pop li.current-menu-parent > a,
.menu_pop li.current-menu-item > a{border-radius: 8px; border-bottom: none !important; background-color: #ED171F !important; color: #fff !important;}
.menu_pop li.current-menu-parent > a .sub-arrow svg path{fill: #fff;}
.menu_pop li.current-menu-parent > a.highlighted .sub-arrow svg path{fill: #fff;}
.menu_pop li > a.highlighted .sub-arrow svg path{fill: #ED171F;}
.menu_pop li > a.highlighted .sub-arrow{transform: rotate(180deg);}

.menu_pop a.highlighted{border-bottom: 1px solid #ddd !important;}
.menu_pop a .sub-arrow{padding: 0;position: absolute; right: 12px;}
.menu_pop a .sub-arrow svg path{fill: #202020;}

.menu_pop ul.sub-menu li a{padding: 10px 12px !important; border-left: 0; border-bottom: 1px solid #ddd !important; font-weight: 400 !important; font-size: 14px !important; color: #202020 !important;}
.menu_pop ul.sub-menu li a.elementor-item-active{border-radius: 0; background-color: #fff !important; color: #ED171F !important;}


/* ************************************************
********************* MAIN ************************
************************************************* */
.more-btn svg rect{transition: all 0.3s;}
.more-btn:hover svg rect{fill: #FE9E32 !important;}

/* sec01 */
.sec01-BoxWrap .sec01-BoxBar .elementor-divider-separator{transition: all 1.2s;}
.sec01-BoxWrap .sec01-BoxBar.on .elementor-divider-separator{background-color: #fff; animation: expandBar 1.5s ease-out forwards;}
@keyframes expandBar {
  100% {
    width: 522px;
  }
}

/* sec02 */
.sec02-txtWrap > div{position: relative;}
.sec02-swiper-wrap{position: relative; width: 100%; overflow: unset;}
.sec02-swiper{overflow: unset !important;}
.sec02-swiper .swiper-wrapper{align-items: center;}
.sec02-swiper .swiper-slide{overflow: hidden; width: 500px;}
.sec02-swiper .swiper-slide img{transform: scale(0.9); border-radius: 14px; transition: all 0.3s;}
.sec02-swiper .swiper-slide-active img{transform: scale(1);}
.sec02-swiper .card{width: 100%; aspect-ratio: 400 / 360; border-radius: 14px; overflow: hidden; background: #fff; border: 0;}
.sec02-swiper .card img{width: 100%; height: 100%; object-fit: cover; display: block;}

/* sec03 */
.sec03-counter .elementor-counter-number-wrapper{align-items: flex-end;}
.sec03-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-weight: 600; font-size: 24px; color: #474747; line-height: 1.4em;}

/* sec04 */
#main-pro .main-pro-img{aspect-ratio: 1 / 1;}
#main-pro .main-pro-img::before{content: ""; opacity: 0; display: block; width: 100%; height: 100%; border-radius: 14px; border: 4px solid #ED171F; position: absolute; left: 0; top: 0; transition: all 0.3s;}
#main-pro .main-pro-img img{width: 100%; height: 100%; object-fit: contain;}
#main-pro:hover .main-pro-img::before{opacity: 1;}

.sec04-mo-proSlide, .sec04-mo-proSlide .swiper{overflow: unset !important;}
.sec04-mo-proSlide .swiper-pagination-progressbar{overflow: hidden; top: unset !important; bottom: -20px; border-radius: 20px;}

/* main-recipe */
#main-recipe{aspect-ratio: 1 / 1;}
#main-recipe .main-pro-img{width: 100%; height: 100%;}
#main-recipe .main-pro-img img{width: 100%; height: 100%; object-fit: cover;}
#main-recipe:hover .main-pro-img{transform: scale(1.1);}

/* .sec04-mo-proSlide, .sec04-mo-proSlide .swiper{overflow: unset !important;}
.sec04-mo-proSlide .swiper-pagination-progressbar{overflow: hidden; top: unset !important; bottom: -20px; border-radius: 20px;} */


/* ************************************************
********************* FOOTER ***********************
************************************************* */
.f-list ul li:first-child span{font-weight: 600 !important; color: #202020 !important;}
.f-list02 ul li:first-child span{color: #474747 !important;}

/* ************************************************
*********************** SUB ************************
************************************************* */
#sub-menu nav ul{width: 100%;}
#sub-menu nav ul li{flex: 1;}
#sub-menu nav ul li a{justify-content: center; height: 50px;}

#sub-menu02 nav ul{width: 100%; gap: 16px;}
#sub-menu02 nav ul::after{display: none;}
#sub-menu02 nav ul li{flex: 1;}
#sub-menu02 nav ul li a{justify-content: center; height: 50px; background-color: #F4F4F4; border-radius: 100px; box-sizing: border-box;}
#sub-menu02 nav ul li a.elementor-item-active{border: 2px solid #ED171F; background-color: #fff;}

.scroll-arrow img{position: relative; animation: move 1s ease-in-out 0s infinite alternate;}
@keyframes move {
	0% {bottom: 5px;}
	100% {bottom: -15px;}
}

/* message */
.message-txt-wrap{-webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px);}
.Congratulatory-Messages .raven-marquee-item{-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.Congratulatory-Messages .raven-marquee-item .raven-marquee-card-content{text-align: center;}

/* 80th-anniversary-together */
.play-btn, .stop-btn{cursor: pointer;}

/* Overview */
.Overview-logo .jet-portfolio__item .jet-portfolio__link{cursor: auto;}
.Overview-logo .jet-portfolio__item .jet-portfolio__link .jet-portfolio__image{display: flex; justify-content: center;}
.Overview-logo .jet-portfolio__item .jet-portfolio__link .jet-portfolio__image .jet-portfolio__image-instance{width: auto; min-height: auto;}

/* philosophy */
.philosophy-happy::after{content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0;     z-index: -1; border-radius: 500px; border: 10px solid transparent; background: linear-gradient(180deg, #E60012 0%, rgba(230, 0, 18, 0) 83%) border-box; -webkit-mask: linear-gradient(#E60012 0 0) padding-box, linear-gradient(#E60012 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude;}
.happy-box{aspect-ratio: 1 / 1;}

/* history */
.historyMenu nav ul li.historyMenu2010{margin-bottom: 60px !important;}
.historyMenu nav ul li.historyMenu2010 a{display: flex; flex-direction: column; align-items: flex-start; font-size: 80px !important; color: #ED171F !important; line-height: 150%;}
.historyMenu nav ul li.historyMenu2010 a .menu-item-description{font-size: 34px !important; color: #191819 !important; line-height: 140%;}

/* awards */
.Overview-logo.awards .jet-portfolio__item .jet-portfolio__link{cursor: pointer;}
.Overview-logo.awards .jet-portfolio__item .jet-portfolio__link .jet-portfolio__image .jet-portfolio__image-instance{border: 12px solid #FAFAFA;}
.Overview-logo.awards .jet-portfolio__item .jet-portfolio__content .jet-portfolio__title{display: flex; align-items: center; justify-content: center; min-height: 48px;}

/* brand-story */
.brand-story-boxTit{width: 100%; height: 48px; position: unset !important; z-index: 1;}
.brand-story-boxTit h4{width: 100%; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.3s !important;}

.brand-story-box:hover .brand-story-boxTit h4{color: #fff !important; top: 0%; transform: translateY(0%);}

/* 매일연구소 */
.rotate-txt h4{writing-mode: sideways-lr;}
.maeil-taste-system-box.on{background-color: #FFFFFF !important;}
.maeil-taste-system-box.on .maeil-taste-system-tit h5{color: #ED171F !important;}
.maeil-taste-system-box.on .maeil-taste-system-desc{color: #202020 !important;}

/* 구매문의 */
.inquiry-tab .jet-tabs__control-wrapper{gap: 16px; width: 100%;}
.inquiry-tab .jet-tabs__control-wrapper .jet-tabs__control{flex: 1; transition: all 0.3s;}
.inquiry-tab .jet-tabs__control-wrapper .jet-tabs__control .jet-tabs__control-inner{height: 46px;}
.inquiry-tab .jet-tabs__control-wrapper .jet-tabs__control .jet-tabs__control-inner .jet-tabs__label-text{transition: all 0.3s;}

#Product_Inquiry input:focus, #Product_Inquiry textarea:focus {outline: none;}
#Product_Inquiry .form_input_wrap{display: flex;} 
#Product_Inquiry .form_input_wrap .form_input{display: flex; flex: 1;} 
#Product_Inquiry .form_input_wrap .form_input p, 
#Product_Inquiry .input_message p{display: flex; flex: 1;} 
#Product_Inquiry .form_input_wrap .form_input p label, 
#Product_Inquiry .input_message p label{margin-bottom: 0; padding: 23px 0 23px 24px; min-width: 127px; height: 75px; border-bottom: 1px solid #DDD; background-color: #F4F4F4; font-weight: 600; font-size: 18px; color: #2A2A2A; line-height: 160%; letter-spacing: -0.36px; } 
/* #Product_Inquiry.en .form_input_wrap .form_input p label, 
#Product_Inquiry.en .input_message p label{min-width: 160px;}
#Product_Inquiry.jp .form_input_wrap .form_input p label, 
#Product_Inquiry.jp .input_message p label{min-width: 180px;} */
#Product_Inquiry .form_input_wrap .form_input p > span,
#Product_Inquiry .input_message p > span{flex: 1;}
#Product_Inquiry .form_input_wrap .form_input p > span > input,
#Product_Inquiry .input_message p > span > textarea{padding: 0 15px; width: 100%; height: 75px; border: 0; border-bottom: 1px solid #D0D0D0; background: #FFF; font-weight: 500; font-size: 18px; color: rgb(0 0 0 / 0.7); line-height: 160%; letter-spacing: -0.36px;}
#Product_Inquiry .form_input_wrap .form_input p > span > input.wpcf7-file{padding: 15px;}

#Product_Inquiry .input_message{margin-bottom: 15px;}
#Product_Inquiry .input_message p label{display: flex; align-items: center; height: 220px;}
#Product_Inquiry .input_message p > span > textarea{padding: 15px; height: 220px;}

#Product_Inquiry .formAwrap_box{overflow-y: scroll; margin-bottom: 20px; padding: 30px 30px 0; height: 413px; border: 1px solid #DDD; background: #FAFAFA; font-weight: 300; font-size: 16px; color: #8E8E8E; line-height: 130%; letter-spacing: -0.32px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap{margin-bottom: 20px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 30px;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_tit{font-weight: 500;}
#Product_Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_txt{padding: 0 10px 0;}

#Product_Inquiry .form_acceptance_warp{display: flex; justify-content: space-between; align-items: center;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item{margin: 0;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item label{margin: 0; display: flex; align-items: center;}
#Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-weight: 600; font-size: 18px; color: #2A2A2A; line-height: 23px; letter-spacing: -0.9px;}
#Product_Inquiry .form_acceptance_warp .form_submit input{width: 420px; height: 65px; background: #202020; border: 0; border-radius: 16px; font-weight: 700; font-size: 18px; color: #FFF; line-height: 140%;}
#Product_Inquiry .form_acceptance_warp input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 11px 0 0; background: #fff; border-radius: 0px; cursor: pointer; height: 22px; outline: 0; width: 22px; border: 1px solid #DDD; padding: 0;}
#Product_Inquiry .form_acceptance_warp input[type="checkbox"]:checked {background: #ED171F; border: 1px solid #ED171F;}

#Product_Inquiry .wpcf7-not-valid-tip{font-size: 13px !important; position: absolute; bottom: 0; left: 2px; width: 100% !important;}
#Product_Inquiry .input_message .wpcf7-not-valid-tip{bottom: 5px;}
#Product_Inquiry .wpcf7-spinner{display: none !important;}

/* faq */
.faq-acco .jet-toggle__label-text{display: flex; align-items: flex-start; gap: 14px; transition: all 0.3s;}

/* recipe */
.recipe-img > div{aspect-ratio: 1 / 1;}
.recipe-img > div img{width: 100%; height: 100%; object-fit: cover;}
.recipe-ListImg > div{aspect-ratio: 1 / 1;}
.recipe-ListImg > div img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s;}
.recipe-ListWrap:hover .recipe-ListImg > div img{transform: scale(1.06);}

.recipe-Filter fieldset{display: flex; justify-content: center; gap: 16px;}
.recipe-Filter fieldset .jet-filter-row{padding: 0 !important; margin: 0 !important; flex: 1;}
.recipe-Filter fieldset .jet-filter-row label{margin: 0 !important;}
.recipe-Filter fieldset .jet-filter-row label .jet-radio-list__button{justify-content: center; height: 50px; transition: all 0.3s;}
.recipe-Filter fieldset .jet-filter-row label .jet-radio-list__button span{transition: all 0.3s;}

/* pro list */
.pro-select select:focus {outline: none;}
.pro-select select{ -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(/wp-content/uploads/2026/02/select-arrow.svg) calc(100% - 13px) center no-repeat;}
.pro-select select option{background-color: #fff; color: #202020;}

.pro-search input:focus, .pro-search button:focus{outline: none;}
.pro-search .jet-search-filter__input-wrapper{width: calc(100% - 38px) !important;}
.pro-search button.jet-search-filter__submit{width: 38px; height: 38px; background: url(/wp-content/uploads/2026/02/search.svg) no-repeat center / contain;}
.pro-search button.jet-search-filter__submit i{display: none;}

.pro-paginaiton .jet-filters-pagination{gap: 6px 10px !important;}
.pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item{margin: 0px;}
.pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item .jet-filters-pagination__link{display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; transition: all 0.3s;}
.pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item.jet-filters-pagination__current .jet-filters-pagination__link{border-color: #ED171F !important;}
.pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item .jet-filters-pagination__link:hover svg path{fill: #ED171F;}

/* pro detail */
.proDetail-img-wrap > div, .proDetail-img-wrap > div > div, .proDetail-img-wrap > div > div > div, .proDetail-img, .proDetail-img > div, .proDetail-img > div .jet-tabs{position: unset !important;}
.proDetail-img > div .jet-tabs .jet-tabs__control-wrapper{gap: 24px; width: 100%; position: absolute; left: calc(100% + 160px); bottom: 80px;}
.proDetail-img > div .jet-tabs .jet-tabs__content-wrapper{aspect-ratio: 1 / 1; min-height: auto !important;}
.proDetail-img > div .jet-tabs .jet-tabs__content-wrapper > div{aspect-ratio: 1 / 1;}
.proDetail-img > div .jet-tabs .jet-tabs__content-wrapper > div img{width: 100%; height: 100%; object-fit: cover;}

.tip-img > div{aspect-ratio: 7 / 5;}
.tip-img > div img{width: 100%; height: 100%; object-fit: cover;}


/* ************************************************
******************* RESPONSIBILITY *****************
************************************************* */
@media (max-width:1440px){
    @keyframes expandBar {
        100% {
            width: 420px;
        }
    }
}
@media (max-width:1300px){
    #header .nav-menu nav > ul{gap: 50px;}
}
@media (max-width:1200px){
    .br03{display: none;}

    #header .nav-menu nav > ul{gap: 38px;}
    .pop-menu-pc nav ul{gap: 10px 20px;}

    @keyframes expandBar {
        100% {
            width: 360px;
        }
    }

    /* history */
    .historyMenu nav ul li.historyMenu2010{margin-bottom: 50px !important;}
    .historyMenu nav ul li.historyMenu2010 a{font-size: 74px !important;}
    .historyMenu nav ul li.historyMenu2010 a .menu-item-description{font-size: 30px !important;}

    /* pro detail */
    .proDetail-img > div .jet-tabs .jet-tabs__control-wrapper{gap: 20px; left: calc(100% + 120px); bottom: 60px;}
}
@media (max-width:1024px){
    .br02{display: none;}

    /* menu - pc */
    .menu-pro-tab .jet-tabs__control-wrapper{gap: 30px;}

    #sub-menu nav ul li a, #sub-menu02 nav ul li a{height: 40px;}
    #sub-menu02 nav ul{gap: 10px;}

    /* sec02 */
    .sec02-swiper .swiper-slide{width: 400px;}

    /* sec03 */
    .sec03-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size: 20px;}

    /* history */
    .historyMenu nav ul li.historyMenu2010{margin-bottom: 40px !important;}
    .historyMenu nav ul li.historyMenu2010 a{font-size: 64px !important;}
    .historyMenu nav ul li.historyMenu2010 a .menu-item-description{font-size: 24px !important;}

    /* 구매문의 */
    .inquiry-tab .jet-tabs__control-wrapper{gap: 10px;}
    .inquiry-tab .jet-tabs__control-wrapper .jet-tabs__control .jet-tabs__control-inner{height: 36px;}

    #Product_Inquiry .form_input_wrap .form_input p label, 
    #Product_Inquiry .input_message p label{padding: 20px 0 20px 20px; min-width: 110px; height: 65px; font-size: 16px;} 
	/* #Product_Inquiry.en .form_input_wrap .form_input p label, 
	#Product_Inquiry.en .input_message p label,
	#Product_Inquiry.jp .form_input_wrap .form_input p label, 
	#Product_Inquiry.jp .input_message p label{min-width: 160px;} */
    #Product_Inquiry .form_input_wrap .form_input p > span > input{height: 65px; font-size: 16px;}
    #Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 16px;}
    #Product_Inquiry .input_message p label,
    #Product_Inquiry .input_message p > span > textarea{height: 200px;}
    #Product_Inquiry .formAwrap_box{padding: 20px 20px 0; height: 310px; font-size: 15px;}
    #Product_Inquiry .form_acceptance_warp .form_submit input{width: 320px; height: 55px; font-size: 16px;}

    /* faq */
    .faq-acco .jet-toggle__label-text{gap: 10px;}

    /* recipe */
    .recipe-Filter fieldset{gap: 10px;}
    .recipe-Filter fieldset .jet-filter-row label .jet-radio-list__button{height: 40px;}

    /* pro list */
    .pro-select select{background-size: 32px;}
    .pro-search .jet-search-filter__input-wrapper{width: calc(100% - 32px) !important;}
    .pro-search button.jet-search-filter__submit{width: 32px; height: 32px;}

    .pro-paginaiton .jet-filters-pagination{gap: 6px 6px !important;}
    .pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item .jet-filters-pagination__link{width: 36px; height: 36px;}

    /* pro detail */
    .proDetail-img > div .jet-tabs .jet-tabs__control-wrapper{gap: 16px; left: calc(100% + 100px); bottom: 10px;}
}
@media (max-width:800px){
    /* 구매문의 */
    #Product_Inquiry .form_input_wrap{flex-direction: column;}

    /* pro detail */
    /* .proDetail-desc br{display: none;} */
}
@media (max-width:767px){
    .br01{display: none;}

    #header.on{min-height: 70px !important;}

    /* menu - pc */
    .menu-pro-tab .jet-tabs__control-wrapper{gap: 24px;}

    .sec01-BoxWrap .sec01-BoxBar.on .elementor-divider-separator{animation: expandBar 3s ease-out forwards;}
    .sec01-BoxWrap .sec01-BoxBar.on{animation: expandBar02 3s ease-out forwards;}
    @keyframes expandBar {
        100% {
            width: 2px;
        }
    }
    @keyframes expandBar02 {
        100% {
            --divider-border-width: 70px;
        }
    }

    /* sec02 */
    .sec02-swiper .swiper-slide{width: 85%;}

    /* sec03 */
    .sec03-counter .elementor-counter-number-wrapper .elementor-counter-number-suffix{font-size: 18px;}
    
    /* history */
    .historyMenu02 nav ul li.historyMenu2010 a .menu-item-description{display: none !important;}

    /* awards */
    .Overview-logo.awards .jet-portfolio__item .jet-portfolio__content .jet-portfolio__title{min-height: 44px;}
    .Overview-logo.awards .jet-portfolio__item .jet-portfolio__link .jet-portfolio__image .jet-portfolio__image-instance{border: 8px solid #FAFAFA;}

    /* faq */
    .faq-acco .jet-toggle__label-text{gap: 6px;}

    /* pro list */
    .pro-select select{background-size: 28px;}

    .pro-paginaiton .jet-filters-pagination .jet-filters-pagination__item .jet-filters-pagination__link{width: 32px; height: 32px;}

    /* pro detail */
    .proDetail-img > div .jet-tabs .jet-tabs__control-wrapper{gap: 14px; left: 40px; bottom: -48px;}
}
@media (max-width:720px){
    /* FOOTER */
    .f-list03 ul{flex-direction: column; gap: 6px;}
}
@media (max-width:650px){
    /* Product Inquiry */
    #Product_Inquiry .form_input_wrap .form_input p label, 
    #Product_Inquiry .input_message p label{display: flex; align-items: center; padding: 10px 0 10px 15px; min-width: 90px; height: 55px; font-size: 15px;} 
	/* #Product_Inquiry.en .form_input_wrap .form_input p label, 
	#Product_Inquiry.en .input_message p label{min-width: 130px;}
	#Product_Inquiry.jp .form_input_wrap .form_input p label, 
	#Product_Inquiry.jp .input_message p label{min-width: 140px;} */
    #Product_Inquiry .form_input_wrap .form_input p > span > input{height: 55px; font-size: 15px;}
    #Product_Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 15px;}
    #Product_Inquiry .input_message p label,
    #Product_Inquiry .input_message p > span > textarea{height: 160px;}
    #Product_Inquiry .formAwrap_box{padding: 20px 15px 0; height: 230px; font-size: 14px;}
    #Product_Inquiry .form_acceptance_warp{flex-wrap: wrap; justify-content: center;}
    #Product_Inquiry .form_acceptance_warp .form_acceptance{margin-bottom: 20px; width: 100%; text-align: center;}
    #Product_Inquiry .form_acceptance_warp .form_submit input{width: 220px; height: 50px; border-radius: 12px; font-size: 15px;}
    #Product_Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 15px;}
    #Product_Inquiry .form_acceptance_warp input[type="checkbox"]{margin: 0 8px 0 0; width: 18px; height: 18px;}
	#Product_Inquiry .form_input_wrap .form_input p > span > input.wpcf7-file{padding: 10px;}
}
@media (max-width:500px){
    #sub-menu02 nav ul{gap: 6px;}
    #sub-menu02 nav ul li{flex: unset; width: calc((100% - 12px) / 3);}
    #sub-menu02 nav ul li a{height: 38px;}

    /* 구매문의 */
    .inquiry-tab .jet-tabs__control-wrapper{gap: 6px;}
    .inquiry-tab .jet-tabs__control-wrapper .jet-tabs__control .jet-tabs__control-inner{height: 34px;}

    /* recipe */
    .recipe-Filter fieldset{flex-wrap: wrap; gap: 6px;}
    .recipe-Filter fieldset .jet-filter-row{flex: unset; width: calc((100% - 12px) / 3);}
    .recipe-Filter fieldset .jet-filter-row label .jet-radio-list__button{height: 38px;}
}