@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


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

* br767 - 767
* br1024 - 1024
* br1250 - 1250
* br500 - 500
* br1440 - 1440
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
html{scrollbar-gutter:stable !important;}
html, body{overflow-x: hidden !important;}
.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: "Inter", "Pretendard Variable", "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;}


/* ************************************************
********************* HEADER ************************
************************************************* */
.jupiterx-header{position: absolute !important;}
#header{transition-timing-function: ease-in-out;}

#header{margin-top: 16px !important;}
#header .nav-menu nav{justify-content: center; height: 68px;}
#header .nav-menu nav > ul{gap: 70px;}
#header .nav-menu nav > ul::after,
#header .nav-menu nav .sub-arrow{display: none;}
#header .nav-menu nav > ul > li > .sub-menu{overflow: hidden; min-width: 150px !important; left: 50% !important; transform: translateX(-50%); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
#header .nav-menu nav > ul > li > .sub-menu a{justify-content: center; border-inline-start: 0px solid transparent; }

#header.on{background-color: rgba(255,255,255,0.8); margin-top: 0px !important; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}
#header.on .logo img{content: url(/wp-content/uploads/2026/10/logo-b02.svg);}


/* menu */
.menu_pop nav > ul > li.current-menu-parent > a,
.menu_pop nav > ul > li.current-menu-item > a,
.menu_pop nav > ul > li.current-menu-ancestor > a{border-radius: 8px; border-bottom: none !important; background-color: #80B618 !important; color: #fff !important;}
.menu_pop nav > ul > li.current-menu-parent > a .sub-arrow svg path{fill: #fff;}
.menu_pop nav > ul > li.current-menu-parent > a.highlighted .sub-arrow svg path{fill: #fff;}
.menu_pop nav > ul > li.current-menu-ancestor > a .sub-arrow svg path{fill: #fff;}
.menu_pop li > a.highlighted{color: #80B618 !important;}
.menu_pop li > a.highlighted .sub-arrow svg path{fill: #80B618;}
.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: #383838;}

.menu_pop nav > ul li 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: #383838 !important;}
.menu_pop ul.sub-menu li a.elementor-item-active{border-radius: 0; background-color: #fff !important; color: #80B618 !important; font-weight: 600 !important;}
.menu_pop nav > ul li ul.sub-menu li a.highlighted{color: #80B618 !important;}
.menu_pop ul.sub-menu li a.elementor-item-active .sub-arrow svg path{fill: #80B618;}
.menu_pop nav > ul > li > .sub-menu li.current-menu-parent > a{color: #80B618 !important; font-weight: 500 !important;}
.menu_pop nav > ul > li > .sub-menu li.current-menu-parent > a .sub-arrow svg path{fill: #80B618;}


/* ************************************************
********************* MAIN ************************
************************************************* */
/* sec01 */
#sec01{height: 100vh;}
#sec01 #sec01-video{height: 100%;}
#sec01 #sec01-video div{height: 100%;}
#sec01 #sec01-video div video{width: 100%; height: 100%; object-fit: cover;}
#sec01 #sec01-video .jet-video::before{content: ""; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); position: absolute; left: 0; top: 0; z-index: 1;}

.main-line .elementor-divider-separator{transition: all 1s ease-in-out 0.3s;}
.main-line.fadeIn .elementor-divider-separator{width: 100% !important;}

/* sec02 */
.txt-color {display: block;}
.txt-color .word {white-space: nowrap;}
.txt-color .char {display: inline; transition: all 0.2s linear;}
.txt-color .char.space {display: inline;}

/* sec03 */
#sec03-bg{animation: rotate_image 15s linear infinite;}
@keyframes rotate_image {
    100% {
        transform: translate(-50%,-50%) rotate(360deg); 
    }
}

.sec03-img02-wrap.fadeIn .sec03-img02{transform: rotateZ(0deg);}

/* sec04 */
.sec04-box .hover-txt{transform: translateY(calc(100% + 10px));}
.sec04-box::before{transition: all 0.4s !important;}
.sec04-box:hover .hover-txt{transform: translateY(0);}
.sec04-box:hover::before{transform: scale(1.1);}

/* btn */
.btn-hover .raven-button-icon{opacity: 0; margin: 0px -16px 0px 0px !important;}
.btn-hover a:hover .raven-button-icon{opacity: 1; margin: 0px 0px 0px 15px !important;}

/* sec05 */
#sec05-slide .swiper-pagination-progressbar{background: #F2F2F2;}
#sec05-slide .swiper{overflow: unset;}
#sec05-slide .swiper::before{content: ""; display: block; width: 100%; height: 110%; background-color: #fff; position: absolute; left: -100%; top: 50%; transform: translateY(-50%); z-index: 10;}

/* sec06 */
.main-news-list .e-loop-item{position: relative;}
.main-news-list .e-loop-item + .e-loop-item::before{content: ""; display: block; width: 100%; height: 1px; background-color: #CED2C4; position: absolute; left: 0; top: -31px;}


/* ************************************************
********************** SUB ************************
************************************************* */
/* sub menu */
.sub-menu nav ul{gap: 12px;}
.sub-menu nav ul::after{display: none;}
.sub-menu nav a{border-radius: 999px; background: rgba(0, 0, 0, 0.15); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px);}

.sub-menu02 nav ul{width: 100%; border-radius: 100px; background-color: #F7F7F7;}
.sub-menu02 nav ul li{flex:1;}
.sub-menu02 nav ul li a{justify-content: center;}

/* company */
#company-history .swiper::before{content: ""; display: block; width: 100%; height: 4px; background-color: #F5F5F5; position: absolute; left: 0; top: 6px;}
#company-history .swiper-slide::before{content: ""; display: block; width: 16px; height: 16px; background-color: #fff; border-radius: 16px; border: solid 4px #C2C2C2; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); transition: all 0.3s;}
#company-history .elementor-swiper-button svg{transition: all 0.4s ease-in-out;}
#company-history .elementor-swiper-button svg path{transition: all 0.4s ease-in-out;}
#company-history .elementor-swiper-button:hover svg{transform: scale(1.25);}
#company-history .elementor-swiper-button:hover svg path{stroke: #80B618;}
#company-history .swiper-slide.swiper-slide-active::before{border: solid 4px #80B618;}
#company-history .swiper-slide.swiper-slide-active .card-tit h4{color: #80B618 !important;}

/* cutlery */
#cutlery-slide .jet-carousel{margin-left: 0; margin-right: 0;}
#cutlery-slide .jet-carousel .slick-list{overflow: unset;}
#cutlery-slide .jet-carousel .slick-list .jet-carousel__item-inner{width: fit-content;}
#cutlery-slide .jet-carousel .slick-list .jet-carousel__item-inner img{margin: 0; aspect-ratio: 4 / 5;}
#cutlery-slide .jet-carousel .slick-list .slick-slide.slick-current.slick-active.slick-center{transform: scale(1.15); transition: all 0.3s;}

/* agriculture-forestry */
#Tree-aniWrap .Tree-aniBox.on{background-color: #fff; border-color: #80B618;}
#Tree-aniWrap .Tree-aniBox.on .Tree-aniNum{background-color: #80B618;}
#Tree-aniWrap .Tree-aniBox.on .Tree-anitxt div{font-weight: 500; color: #221E1F;}
#Tree-aniWrap .Tree-aniLine::before{content: ""; display: block; width: 0; height: 100%; background-color: #80B618; position: absolute; left: 0; top: 0; transition: all 0.5s;}
#Tree-aniWrap .Tree-aniLine.on::before{width: 100%;}
#Tree-aniWrap02 .Tree-aniBox.on{background-color: #fff; border-color: #80B618;}
#Tree-aniWrap02 .Tree-aniBox.on .Tree-aniNum{background-color: #80B618;}
#Tree-aniWrap02 .Tree-aniBox.on .Tree-anitxt div{font-weight: 500; color: #221E1F;}
#Tree-aniWrap02 .Tree-aniLine::before{content: ""; display: block; width: 0; height: 100%; background-color: #80B618; position: absolute; left: 0; top: 0; transition: all 0.5s;}
#Tree-aniWrap02 .Tree-aniLine.on::before{width: 100%;}

#Tree-hot .e-hotspot__tooltip{margin: 14px;}
#Tree-hot .e-hotspot__tooltip:after{content: ""; display: block; width: 7px; height: 14px; background: url(/wp-content/uploads/2026/07/arrow-1.svg) no-repeat center / contain; position: absolute; right: -7px; top: 50%; transform: translateY(-50%);}
#Tree-hot .elementor-repeater-item-83f2400 .e-hotspot__tooltip:after,
#Tree-hot .elementor-repeater-item-de78796 .e-hotspot__tooltip:after{right: unset; left: -6px; transform: translateY(-50%) rotate(180deg);}
#Tree-hot .elementor-repeater-item-b843125 .e-hotspot__tooltip:after{right: 48%; top: unset; bottom: -10px; transform: rotate(90deg);}
#Tree-hot .e-hotspot__tooltip div:last-child{margin-top: 6px; opacity: 0.9; font-weight: 400; font-size: 15px; line-height: 150%; letter-spacing: -0.3px;}

/* Facility */
#Facility-wrap .Facility-box .Facility-num,
#Facility-wrap .Facility-box .Facility-list ul li .elementor-icon-list-text,
#Facility-wrap .Facility-box .Facility-desc{transition: all 0.3s !important;}
#Facility-wrap .Facility-box.on .Facility-num{width: 54px !important; height: 54px !important; background-color: #80B618 !important;}
#Facility-wrap .Facility-box.on .Facility-numTxt .elementor-heading-title{font-size: 18px !important;}
#Facility-wrap .Facility-box.on .Facility-list ul li .elementor-icon-list-text{font-size: 32px !important; color: #221E1F !important;}
#Facility-wrap .Facility-box.on .Facility-desc{font-size: 16px !important; color: #383838 !important;}

/* certification status */
.certification-status-list .jet-portfolio__link{height: 100%; cursor: auto !important;}
.certification-status-list .jet-portfolio__link .jet-portfolio__image{height: 100%;}
.certification-status-list .jet-portfolio__link .jet-portfolio__image img{object-fit: contain !important; height: 100% !important;}

/* news-media */
.news-media-box .news-media-boxTit div{display: inline; background: linear-gradient(to right, #221E1F 0%, #221E1F 100%) left bottom / 0 2px no-repeat; transition: background-size 0.5s ease-in-out !important;}
.news-media-box:hover .news-media-boxTit div{background-size: 100% 2px !important;}
.news-media-page .jet-filters-pagination{gap: 5px !important;}
.news-media-page .jet-filters-pagination__link{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;}


/* contact */
#Inquiry input:focus, #Inquiry textarea:focus {outline: none;}
#Inquiry .form_input_wrap{display: flex; gap: 24px;} 
#Inquiry .form_input_wrap .form_input{display: flex; flex: 1; margin-bottom: 30px;} 
#Inquiry .form_input_wrap .form_input p, 
#Inquiry .input_message p{display: flex; flex: 1; flex-wrap: wrap;}
#Inquiry .form_input_wrap .form_input p label, 
#Inquiry .input_message p label{margin-bottom: 10px; width: 100%; font-weight: 500; font-size: 18px; color: #221E1F; line-height: 135%;} 
#Inquiry .form_input_wrap .form_input p label span,
#Inquiry .input_message p label span{margin-left: 6px; font-weight: 500; font-size: 18px; color: #E60C17; line-height: 100%;}
#Inquiry .form_input_wrap .form_input p > span,
#Inquiry .input_message p > span{flex: 1;}
#Inquiry .form_input_wrap .form_input p > span > input,
#Inquiry .input_message p > span > textarea{padding: 10px 16px; width: 100%; height: 60px; border-radius: 8px; border: 1px solid #E5E5E5; background-color: #fff; font-weight: 400; font-size: 16px; color: #5E5E5E; line-height: 100%;}

#Inquiry .input_message{margin-bottom: 24px;}
#Inquiry .input_message p label{display: flex;}
#Inquiry .input_message p > span > textarea{padding: 16px; height: 212px;}


#Inquiry .form_acceptance_warp{display: flex; justify-content: space-between; gap: 25px; flex-direction: column;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item{margin: 0;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item label{margin: 0; display: flex; align-items: center;}
#Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-weight: 500; font-size: 15px; color: #464C53; line-height: 150%;}
#Inquiry .form_acceptance_warp .form_submit input{width: 100%; height: 70px; background: #221E1F; border: 0; border-radius: 100px; font-weight: 600; font-size: 18px; color: #FFF; line-height: normal;}
#Inquiry .form_acceptance_warp input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0 6px 1px 0; background: transparent url(/wp-content/uploads/2026/09/check.svg) no-repeat center; border-radius: 0px; cursor: pointer; height: 24px; outline: 0; width: 24px; border: 0px solid transparent; padding: 0;}
#Inquiry .form_acceptance_warp input[type="checkbox"]:checked{background: url(/wp-content/uploads/2026/09/check-c.svg) no-repeat center; }

#Inquiry .wpcf7-not-valid-tip{font-size: 12px !important; position: absolute; bottom: -17px; left: 0;}
#Inquiry .input_message .wpcf7-not-valid-tip{bottom: -10px;}
#Inquiry .wpcf7-spinner{display: none !important;}

#Inquiry input::placeholder {color: #888;}
#Inquiry input::-webkit-input-placeholder {color: #888;}
#Inquiry input:-ms-input-placeholder{color: #888;}
#Inquiry textarea::placeholder{color: #888;}
#Inquiry textarea::-webkit-input-placeholder{color: #888;}
#Inquiry textarea:-ms-input-placeholder{color: #888;}

/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1440px){
    .br1440{display: none;}
}
@media (max-width:1250px){
    .br1250{display: none;}

    #header .nav-menu nav > ul{gap: 50px;}

    /* sub menu */
    .sub-menu nav ul{gap: 10px;}

    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 100px !important;}
    #cutlery-slide .jet-carousel .slick-list .jet-carousel__item-inner{margin: 0px 30px 0px 30px !important;}

    /* agriculture-forestry */
    #Tree-hot .e-hotspot__tooltip{margin: 10px;}

    /* Facility */
    #Facility-wrap .Facility-box.on .Facility-num{width: 50px !important; height: 50px !important;}
    #Facility-wrap .Facility-box.on .Facility-list ul li .elementor-icon-list-text{font-size: 28px !important;}

    /* news-media */
    .news-media-page .jet-filters-pagination__link{width: 38px; height: 38px;}

    /* contact */
    #Inquiry .form_input_wrap{gap: 20px;}
    #Inquiry .form_input_wrap .form_input{margin-bottom: 26px;}
    #Inquiry .form_input_wrap .form_input p label, #Inquiry .input_message p label,
    #Inquiry .form_input_wrap .form_input p label span, #Inquiry .input_message p label span{font-size: 17px;}
    #Inquiry .form_input_wrap .form_input p > span > input, #Inquiry .input_message p > span > textarea{height: 58px;}
    #Inquiry .input_message p > span > textarea{height: 200px;}
    #Inquiry .input_message{margin-bottom: 20px;}
    #Inquiry .form_acceptance_warp{gap: 22px;}
    #Inquiry .form_acceptance_warp .form_submit input{height: 62px; font-size: 17px;}
}
@media (max-width:1024px){
    .br1024{display: none;}
    
    /* sec01 */
    #sec01{height: 80vh;}

    /* sub menu */
    .sub-menu nav ul{gap: 8px;}

    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 60px !important;}
    #cutlery-slide .jet-carousel .slick-list .jet-carousel__item-inner{margin: 0px 24px 0px 24px !important;}

    /* agriculture-forestry */
    #Tree-hot .e-hotspot__tooltip div:last-child{margin-top: 2px; font-size: 14px;}

    /* Facility */
    #Facility-wrap .Facility-box.on .Facility-num{width: 46px !important; height: 46px !important;}
    #Facility-wrap .Facility-box.on .Facility-list ul li .elementor-icon-list-text{font-size: 24px !important;}
    #Facility-wrap .Facility-box.on .Facility-desc{font-size: 15px !important;}

    /* news-media */
    .news-media-page .jet-filters-pagination__link{width: 37px; height: 37px;}

    /* contact */
    #Inquiry .form_input_wrap .form_input p label, #Inquiry .input_message p label,
    #Inquiry .form_input_wrap .form_input p label span, #Inquiry .input_message p label span{font-size: 16px;}
    #Inquiry .form_input_wrap .form_input p label, #Inquiry .input_message p label{margin-bottom: 8px;}
    #Inquiry .form_input_wrap .form_input p > span > input, #Inquiry .input_message p > span > textarea{height: 54px;}
    #Inquiry .input_message p > span > textarea{height: 200px;}
    #Inquiry .input_message{margin-bottom: 20px;}
    #Inquiry .form_acceptance_warp{gap: 22px;}
    #Inquiry .form_acceptance_warp .form_submit input{height: 58px; font-size: 16px;}
}
@media (max-width:767px){
    .br767{display: none;}

    /* sec01 */
    #sec01{height: 500px;}

    /* sub menu */
    .sub-menu nav ul{gap: 6px;}
	
	.sub-menu02 nav ul li{flex:auto;}

    /* agriculture-forestry */
    #Tree-hot .e-hotspot__tooltip{margin: 6px;}
    #Tree-hot .e-hotspot__tooltip div:last-child{font-size: 13px;}
    #Tree-hot .elementor-repeater-item-19fe22c .e-hotspot__tooltip:after,
    #Tree-hot .elementor-repeater-item-83f2400 .e-hotspot__tooltip:after{right: 48%; left: unset; top: unset; bottom: -10px; transform: rotate(90deg);}
    #Tree-hot .elementor-repeater-item-a6f7520 .e-hotspot__tooltip:after{right: unset; left: -6px; transform: translateY(-50%) rotate(180deg);}
    #Tree-hot .elementor-repeater-item-de78796 .e-hotspot__tooltip:after{right: -6px; left: unset; top: 50%; transform: translateY(-50%);}

    /* Facility */
    #Facility-wrap .Facility-box.on .Facility-num{width: 42px !important; height: 42px !important;}
    #Facility-wrap .Facility-box.on .Facility-numTxt .elementor-heading-title{font-size: 16px !important;}
    #Facility-wrap .Facility-box.on .Facility-list ul li .elementor-icon-list-text{font-size: 22px !important;}
    #Facility-wrap .Facility-box.on .Facility-desc{font-size: 14px !important;}

    /* news-media */
    .news-media-page .jet-filters-pagination__link{width: 36px; height: 36px;}

    /* contact */
    #Inquiry .form_input_wrap .form_input p > span > input, #Inquiry .input_message p > span > textarea{height: 52px;}
    #Inquiry .form_acceptance_warp .form_submit input{height: 54px; font-size: 16px;}

}
@media (max-width:766px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 160px !important;}
}
@media (max-width:560px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 140px !important;}

    /* contact */
    #Inquiry .form_input_wrap{flex-direction: column; gap: 0;}
}
@media (max-width:500px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 120px !important;}
}
@media (max-width:450px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 100px !important;}
}
@media (max-width:400px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 80px !important;}
    #cutlery-slide .jet-carousel .slick-list .jet-carousel__item-inner{margin: 0px 20px 0px 20px !important;}
}
@media (max-width:360px){
    /* cutlery */
    #cutlery-slide .slick-list{padding: 0px 60px !important;}
}