@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=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* font-family: "Pretendard", sans-serif; */
/* font-family: "Poppins", sans-serif; */
/* font-family: "Open Sans", sans-serif; */


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

 * br01 - 767
 * br02 - 1024
 * br03 - 1200
 * br04 - 767 block
 * 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-en, .font-en div,.font-en a,.font-en p,.font-en span,.font-en h1, .font-en h2,.font-en h3,.font-en h4,.font-en h5,.font-en h6,.font-en input, .font-en textarea,.font-en button, .font-en label{font-family: "Poppins", -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-ru, .font-ru div,.font-ru a,.font-ru p,.font-ru span,.font-ru h1, .font-ru h2,.font-ru h3,.font-ru h4,.font-ru h5,.font-ru h6,.font-ru input, .font-ru textarea,.font-ru button, .font-ru label{font-family: "Open Sans", -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;}

.br04{display: none;}

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

#header .menu nav > ul > li > a .sub-arrow{display: none;}
#header .menu nav > ul > li > .sub-menu{margin-left: unset !important; left: 50% !important; transform: translateX(-50%);}
#header .menu nav > ul > li > .sub-menu a{justify-content: center; border: 0; text-align: center;}
#header .menu nav > ul > li.current-menu-parent > a{color: #FF612A;}
#header .lang .sub-menu .wpml-ls-flag{display: none;}
#header .lang .sub-menu{min-width: 80px !important;}
#header .lang .wpml-ls-flag + span{margin-left: 10px;}
#header .lang .sub-menu .wpml-ls-flag + span{margin-left: 0px;}
#header .menu-icon{display: none !important;}

#header.on{background-color: #fff; background-image: unset; border-bottom: 1px solid #DDD;}
#header.on .logo img{content: url(/wp-content/uploads/2025/08/logo-b.svg) !important;}
#header.on .lang .wpml-ls-flag{content: url(/wp-content/uploads/2025/09/lang-b.svg) !important;}
#header.on .lang .elementor-icon-list-icon svg path{fill: #000;}
#header.on .menu nav > ul > li > a{color: #000;}
#header.on .menu nav > ul > li > a.elementor-item-active{color: #FF612A;}
#header.on .menu nav > ul > li.current-menu-parent > a{color: #FF612A;}
#header.on .menu-icon svg path{fill: #000;}

/************ menu popup *************/
.menu_pop a{padding-top: 20px !important; padding-bottom: 20px !important;}
.menu_pop li.current_page_parent > a{color: #EB732C !important;}
.menu_pop li.current_page_parent > a .sub-arrow svg path{fill: #EB732C;}
.menu_pop a.highlighted{border-bottom: 1px solid #ddd !important;}
.menu_pop a.highlighted .sub-arrow svg path{fill: #EB732C; 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: #EB732C !important;}
.menu_pop_close svg path{fill: #000;}

/* ************************************************
********************* MAIN ************************
************************************************* */
#btn-gra a::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100px; border: 2px solid transparent; background: linear-gradient(90deg, #EB732C 0%, #E23F09 100%) border-box; -webkit-mask: linear-gradient(#EB732C 0 0) padding-box, linear-gradient(#E23F09 0 0); -webkit-mask-composite: destination-out; mask-composite: exclude;}
#btn-gra a::after{content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100px; background: linear-gradient(90deg, #EB732C 0%, #E23F09 100%); transition: all 0.3s;}
#btn-gra .raven-button-icon {margin-bottom: -3px; right: 0;}
#btn-gra a:hover .raven-button-icon svg{fill: #ffffff00;}
#btn-gra a:hover .raven-button-icon svg path{stroke: #fff;}
#btn-gra a:hover::after{width: 100%;}

#btn-gra02 a::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100px; border: 2px solid #fff;}
#btn-gra02 a::after{content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; border-radius: 100px; background-color: #fff; transition: all 0.3s;}
#btn-gra02 a:hover::after{width: 100%;}
#btn-gra02 a:hover .raven-button-icon svg{fill: #ffffff00;}
#btn-gra02 a:hover .raven-button-icon svg path{stroke: #FF612A;}

/* sec01 */
.scroll_wrap .scroll-txt{writing-mode: sideways-lr;}
.scroll_bar{overflow: hidden;}
.scroll_bar .elementor-divider-separator{overflow: hidden;}
.scroll_bar .elementor-divider-separator::after{content: ""; display: block; width: 2px; height: 80px; background-color: #fff; position: absolute; left: 50%; top: 0; transform: translateX(-50%); animation: scroll 1.5s infinite;}
@keyframes scroll {
  0% {
    top: -100%;
  }
  60% {
    opacity: 1;
  }
  100% {
    top: 100%;
    opacity: 0;
  }
}

/* sec03 */
.sec03-bg {transition: background-image 0.3s ease-in-out;}
.hover_card .btn01 {opacity: 0; transition: all 0.3s ease;}
.hover_card .hover_card_wrap {flex-wrap: nowrap !important;}
.hover_card .hover_card_wrap .jet-headline__second {min-height: 72px;}
.hover_card:hover .btn01{opacity: 1;}


/* ************************************************
*********************** SUB ************************
************************************************* */
.about-acco .jet-image-accordion__item{flex-grow: 0 !important; width: 240px;}
.about-acco .jet-image-accordion__item.active-accordion{flex-grow: 8 !important;}
.about-acco .jet-image-accordion__item h3{text-align: center;}

.pro-slide .sp-slide .sp-image-container{border: 1px solid #ddd;}
.pro-slide .sp-bottom-thumbnails{margin: 0;}

.PTC-table .jet-table__head-row .jet-table__head-cell{border-top: 2px solid #000 !important;}
.PTC-table .jet-table__head-row .jet-table__head-cell:last-child{border-width: 3px 3px 0 3px !important; border-color: #FF612A !important; border-bottom: 1px solid #ddd !important;}
.PTC-table .jet-table__body-row .jet-table__body-cell:last-child{border-width: 0 3px 0 !important; border-color: #FF612A !important;}
.PTC-table .jet-table__body-row + .jet-table__body-row .jet-table__body-cell:last-child{border-top: 1px solid #ddd !important;}
.PTC-table .jet-table__body .jet-table__body-row:last-child .jet-table__body-cell:last-child{border-bottom: 3px solid #FF612A !important;}

.certifications-item .jet-portfolio__image-instance{height: auto !important;}

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

.products-txt{position: absolute !important; left: 0; right: 0; bottom: 0; transition: transform 0.3s ease; will-change: transform;}
.products-txt .products-con{transition: all 0.3s;}
.products-wrap:hover .products-txt{background-color: #EB732C !important;}
.products-wrap:hover .products-txt h3{color: #fff !important;}
.products-sea input::placeholder{color:#DEDEDE !important;}
.products-sea input::-webkit-input-placeholder{color:#DEDEDE !important;}
.products-sea input:-ms-input-placeholder{color:#DEDEDE !important;}
.products-sea input:focus {outline: none;}

.data-txt p{display: -webkit-box; text-overflow: ellipsis; overflow: hidden; white-space: normal; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

/* Product Inquiry */
#Inquiry input:focus, #Inquiry textarea:focus {outline: none;}
#Inquiry .form_input_wrap{margin-bottom: 30px; display: flex; gap: 20px;} 
#Inquiry .form_input_wrap .form_input{display: flex; flex: 1;} 
#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: 12px; width: 100%; font-weight: 600; font-size: 18px; color: #000; line-height: 160%; letter-spacing: -0.36px;} 
#Inquiry .form_input_wrap .form_input p label span,
#Inquiry .input_message p label span{margin-left: 6px; font-size: 16px; color: #DA2027; letter-spacing: -0.32px; vertical-align: top;} 
#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: 0 20px; width: 100%; height: 65px; border: 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;}

#Inquiry .input_message{margin-bottom: 40px;}
#Inquiry .input_message p > span > textarea{height: 190px;}

#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: 160%; letter-spacing: -0.32px;}
#Inquiry .formAwrap_box .formAwrap_wrap{margin-bottom: 50px;}
#Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 25px;}
#Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_tit{font-weight: 500;}
#Inquiry .formAwrap_box .formAwrap_wrap .formAwrap_txt{padding: 0 10px 0;}

#Inquiry .form_acceptance_warp{display: flex; justify-content: space-between; align-items: center;}
#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: 18px; color: #000; line-height: 23px; letter-spacing: -0.9px;}
#Inquiry .form_acceptance_warp .form_submit input{width: 420px; height: 65px; border: 0; border-radius: 100px; background: linear-gradient(90deg, #EB732C 0%, #E23F09 100%); font-weight: 700; font-size: 18px; color: #FFF; line-height: 140%;}
#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;}
#Inquiry .form_acceptance_warp input[type="checkbox"]:checked {background: #FF612A; border: 1px solid #FF612A;}

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

/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1340px){
  .ru-menu{display: none !important;}
  .logo-wrap-ru, .lang-wrap-ru{width: 50% !important;}
  #header .ru-menu-icon{display: block !important;}

}
@media (max-width:1240px){
  .menu-wrap{display: none !important;}
  .logo-wrap, .lang-wrap{width: 50% !important;}
  #header .menu-icon{display: block !important;}

}

@media (max-width:1024px){
  .br02{display: none;}

  .about-acco .jet-image-accordion__item{width: 200px;}

  .pro-slide .sp-thumbnails-container{margin-top: 20px !important;}

  /* Product Inquiry */
  #Inquiry .form_input_wrap{gap: 10px;}
  #Inquiry .form_input_wrap .form_input p label, 
  #Inquiry .input_message p label{margin-bottom: 10px; font-size: 16px;} 
  #Inquiry .form_input_wrap .form_input p > span > input{height: 50px;}
  #Inquiry .form_input_wrap .form_input p label span, 
  #Inquiry .input_message p label span,
  #Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 16px;}
  #Inquiry .formAwrap_box{padding: 20px 20px 0; height: 310px; font-size: 15px;}
  #Inquiry .form_acceptance_warp .form_submit input{width: 320px; height: 55px; font-size: 16px;}
}
@media (max-width:767px){
  .br01{display: none;}
  .br04{display: block;}

  .about-acco .jet-image-accordion__item{flex-grow: 1 !important; width: auto; border-radius: 20px !important;}

  .pro-slide .sp-previous-arrow{left: 10px !important;}
  .pro-slide .sp-next-arrow{right: 10px !important;}
}
@media (max-width:650px){
  /* Product Inquiry */
  #Inquiry .form_input_wrap{gap: 20px; margin-bottom: 20px; flex-wrap: wrap;}
  #Inquiry .form_input_wrap .form_input{width: 100%; flex: unset;}
  #Inquiry .form_input_wrap .form_input p label, 
  #Inquiry .input_message p label{margin-bottom: 5px; font-size: 15px;} 
  #Inquiry .form_input_wrap .form_input p > span > input{height: 40px;}
  #Inquiry .form_input_wrap .form_input p label span, 
  #Inquiry .input_message p label span,
  #Inquiry .form_acceptance_warp .form_acceptance .wpcf7-list-item .wpcf7-list-item-label{font-size: 15px;}
  #Inquiry .input_message{margin-bottom: 30px;}
  #Inquiry .input_message p > span > textarea{height: 160px;}
  #Inquiry .formAwrap_box{padding: 10px 10px 0; height: 230px; font-size: 14px;}
  #Inquiry .form_acceptance_warp{flex-wrap: wrap; justify-content: center;}
  #Inquiry .form_acceptance_warp .form_acceptance{margin-bottom: 20px; width: 100%; text-align: center;}
  #Inquiry .form_acceptance_warp .form_submit input{width: 220px; height: 50px; font-size: 15px;}
  #Inquiry .formAwrap_box .formAwrap_wrap{margin-bottom: 30px;}
  #Inquiry .formAwrap_box .formAwrap_wrap > div:not(:last-child){margin-bottom: 15px;}
  #Inquiry .form_acceptance_warp input[type="checkbox"]{margin: 0 8px 0 0; width: 18px; height: 18px;}
}