@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
    font-family: 'Danjo-bold-Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-1@1.1/Danjo-bold-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}
/* font-family: "Pretendard", sans-serif; */



/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : samjinfoods
 * File : custom.css
 * DATE : 2025.08.13
 *
 * 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;}
.font-Danjo, .font-Danjo div,.font-Danjo a,.font-Danjo p,.font-Danjo span,.font-Danjo h1, .font-Danjo h2,.font-Danjo h3,.font-Danjo h4,.font-Danjo h5,.font-Danjo h6,.font-Danjo input, .font-Danjo textarea,.font-Danjo button, .font-Danjo label{font-family: "Danjo-bold-Regular", -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;}

/* ************************************************
********************* HEADER ************************
************************************************* */
#header .nav-menu nav > ul{gap: 100px;}
#header .nav-menu nav > ul::after{display: none;}
#header .nav-menu nav > ul > li .sub-arrow{display: none;}
#header .nav-menu nav > ul > li > ul.sub-menu{margin-left: unset !important; left: 50% !important; transform: translateX(-50%);}
#header .nav-menu nav > ul > li > ul.sub-menu a{justify-content: center; border: 0; text-align: center;}

#header.on{border-bottom: 1px solid #DDD;}

/************ menu popup *************/
.menu_pop a{padding-top: 20px !important; padding-bottom: 20px !important;}
.menu_pop li.current_page_parent > a{color: #23463C !important;}
.menu_pop li.current_page_parent > a .sub-arrow svg path{fill: #23463C;}
.menu_pop a.highlighted{border-bottom: 1px solid #ddd !important;}
.menu_pop a.highlighted .sub-arrow svg path{fill: #23463C; transform: rotate(180deg); transform-origin: center; transition: all 0.3s;}
.menu_pop a .sub-arrow{position: absolute; right: 20px;}
.menu_pop a .sub-arrow svg path{fill: rgba(0, 0, 0, 0.70);}
.menu_pop nav > ul > li:last-child{border-bottom: 1px solid #ddd !important; margin-bottom: 80px !important;}
.menu_pop ul.sub-menu{padding: 15px 0 15px 30px !important;}
.menu_pop ul.sub-menu li{border: none !important;}
.menu_pop ul.sub-menu li + li{margin-top: 8px !important;}
.menu_pop ul.sub-menu li a{padding: 0 !important; border: none !important; font-weight: 500 !important; font-size: 16px !important; }
.menu_pop ul.sub-menu li a.elementor-item-active{text-decoration: underline !important; text-underline-offset: 3px; text-decoration-color: #23463C !important;}
.menu_pop_close svg path{fill: #000;}

/************ Search *************/
#Search-bar div.asl_m.asl_w{border-width: 0 !important;}
#Search-bar div.asl_m.asl_w .probox{padding: 0 !important; border-radius: 0!important; gap: 10px;}
#Search-bar div.asl_m .probox .proinput{padding: 0 !important; margin: 0 !important;}
#Search-bar div.asl_m .proinput input.orig{height: 55px !important;}
#Search-bar div.asl_m .probox .proclose{display: block; width: 18px; height: 18px; position: absolute; right: 66px; top: 50%; transform: translateY(-50%);}
#Search-bar div.asl_m .probox .proclose svg{width: 100% !important; height: 100%; left: 0; top: 0;}
#Search-bar div.asl_w .probox .promagnifier{width: 55px !important; height: 55px !important;}
#Search-bar div.asl_w .probox .proinput input.autocomplete{display: none !important;}
#Search-bar #ajaxsearchlite1 .probox, div.asl_w .probox,
#Search-bar #ajaxsearchlite2 .probox, div.asl_w .probox{height: auto !important;}
#Search-bar #ajaxsearchlite1 .probox .proinput input, 
#Search-bar #ajaxsearchlite2 .probox .proinput input, 
#Search-bardiv.asl_w .probox .proinput input{margin: 0 !important; padding: 0 20px !important; width: 100% !important; border-top: solid 1px #ddd !important; border-bottom: solid 1px #ddd !important; font-family: "Pretendard", Pretendard, sans-serif !important; font-size: 16px !important; box-sizing: border-box !important;}
#Search-bar .asl_m .probox svg{width: 24px !important;}

/* ************************************************
********************* MAIN ************************
************************************************* */
.arrow-btn .raven-button-icon{height: 26px; position: relative;}
.arrow-btn .raven-button-icon::before{content: ""; display: block; width: 26px; height: 26px; border-radius: 100px; background-color: #23463C; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1; transition: all 0.3s;}
.arrow-btn a:hover .raven-button-icon::before{width: 350px; height: 350px;}

.main-pro-slide .swiper-pagination{margin-top: 50px; background-color: #F4F4F4 !important; position: relative !important;}
.main-pro-slide .swiper-pagination .swiper-pagination-progressbar-fill{border-radius: 100px;}
.main-pro-slide .swiper-slide .main-loop-item .main-loop-item-img{overflow: hidden; aspect-ratio: 1 / 1;}
.main-pro-slide .swiper-slide .main-loop-item .main-loop-item-img img{width: 100%; height: 100%; object-fit: cover;}
.main-loop-item .main-loop-item-img{overflow: hidden; aspect-ratio: 1 / 1;}
.main-loop-item .main-loop-item-img img{width: 100%; height: 100%; object-fit: cover;}

#Clients_img_wrap .jet-portfolio__link {cursor: auto;}
#Clients_img_wrap .jet-portfolio__image-instance{min-height: auto;}

#main-notice-slide #main-notice-tit h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#main-notice-slide #main-notice-con p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}
#main-notice-slide .elementor-swiper-button svg{transition: all 0.3s;}
#main-notice-slide .elementor-swiper-button:hover rect{stroke: #23463C;}
#main-notice-slide .elementor-swiper-button:hover path{stroke: #fff;}

/* ************************************************
********************** SUB ************************
************************************************* */
/* history */
.history-slide .jet-arrow{top: -87px !important;}
.history-slide .jet-hor-timeline-item__card-desc > div + div{margin-top: 18px;}
.history-slide .jet-hor-timeline-item__card-desc > div{display: flex; gap: 12px; flex-wrap: nowrap;}
.history-slide .jet-hor-timeline-item__card-desc > div p{min-width: 30px; font-weight: 600;}

/* Certifications and Awards */
.Certifications-tab .jet-tabs__control-wrapper{gap: 16px !important;}
.Certifications-tab .jet-tabs__control-wrapper .jet-tabs__control{min-width: 240px;}
.Certifications-tab .jet-tabs__content-wrapper .jet-portfolio__item img{height: auto !important; border: 12px solid #F4F4F4;}

/* FAQ */
.faq-acco .jet-accordion__item .jet-toggle__label-text{display: flex; align-items: center;}
.faq-acco .jet-accordion__item .jet-toggle__label-text span{margin-right: 20px; display: inline-flex; justify-content: center; align-items: center; width: 42px; height: 42px; border-radius: 6px; background-color: #23463C; color: #FFF;}
.faq-acco .jet-accordion__item .jet-toggle__label-text p{flex: 1;}

/* Products */
.Certifications-tab.Products .jet-tabs__control-wrapper{display: grid; grid-template-columns: repeat(4, 1fr);}

/* media */
.media-txt p{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}

/* Pds */
.Pds-img{overflow: hidden; aspect-ratio: 1 / 1; width: 100%;}
.Pds-img img{width: 100%; height: 100% !important; object-fit: cover;}
.Pds-tit h3{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis;}

/* Product Inquiry */
#Product_Inquiry input:focus, #Product_Inquiry select: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 .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: #23463C; 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: #23463C; border: 1px solid #000;}

#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;}

/* notice */
.notice-tit h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* pro detail */
.pro-detail-img{overflow: hidden; aspect-ratio: 1 / 1;}
.pro-detail-img img{width: 100%; height: 100% !important; object-fit: cover;}


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1024px){
    /* MAIN */
    .arrow-btn .raven-button-icon{height: 24px;}
    .arrow-btn .raven-button-icon::before{width: 24px; height: 24px;}
    .main-pro-slide .swiper-pagination{margin-top: 30px;}

    /* history */
    .history-slide .jet-arrow{top: -70px !important;}
    .history-slide .jet-hor-timeline-item__card-desc > div{gap: 10px;}
    .history-slide .jet-hor-timeline-item__card-desc > div p{min-width: 24px;}

    /* Certifications and Awards */
    .Certifications-tab .jet-tabs__control-wrapper .jet-tabs__control{min-width: 200px;}

    /* FAQ */
    .faq-acco .jet-accordion__item .jet-toggle__label-text span{margin-right: 15px; width: 38px; height: 38px;}

    /* Products */
    .Certifications-tab.Products .jet-tabs__control-wrapper{display: flex;}

    /* Product Inquiry */
    #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 .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;}
}
@media (max-width:1000px){
    /* Product Inquiry */
    #Product_Inquiry .form_input_wrap{flex-direction: column;}
}
@media (max-width:767px){
    .br01{display: none;}
    
    /* history */
    .history-slide .jet-arrow{top: -20px !important;}
    .history-slide .jet-hor-timeline-item__card-desc > div{gap: 7px;}
    .history-slide .jet-hor-timeline-item__card-desc > div + div{margin-top: 15px;}
    
    /* Certifications and Awards */
    .Certifications-tab .jet-tabs__control-wrapper .jet-tabs__control{min-width: 140px;}
    
    /* FAQ */
    .faq-acco .jet-accordion__item .jet-toggle__label-text span{margin-right: 10px; width: 34px; height: 34px;}
}
@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 .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){
    /* Certifications and Awards */
    .Certifications-tab .jet-tabs__control-wrapper{flex-wrap: nowrap; gap: 7px !important; width: 100%;}
    .Certifications-tab .jet-tabs__control-wrapper .jet-tabs__control{min-width: auto; flex: 1;}
	
	.Certifications-tab.en .jet-tabs__control-wrapper{flex-wrap: wrap;}
    .Certifications-tab.en .jet-tabs__control-wrapper .jet-tabs__control{min-width: 120px; flex: auto;}

    /* Products */
    .Certifications-tab.Products .jet-tabs__control-wrapper{display: grid; grid-template-columns: repeat(2, 1fr);}
}