@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');
/* font-family: "Pretendard", sans-serif; */
/* font-family: "Poppins", sans-serif; */


/*
 *****************************************
 * CSS Variables
 * ***************************************
 * Site : metaimmunetech
 * File : custom.css
 * DATE : 2025.06.02
 *
 * 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-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;}



/* ************************************************
********************* HEADER ************************
************************************************* */
.home header{position: absolute !important;}
#header{-webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px);}

#header .nav-menu .e-n-menu .e-n-menu-heading > li{justify-content: center; width: 180px;}
#header .nav-menu .e-n-menu .e-n-menu-heading > li button{display: none;}
#header .nav-menu .e-n-menu .e-n-menu-heading > li .e-n-menu-title,
#header .nav-menu .e-n-menu .e-n-menu-heading > li .e-n-menu-title div{justify-content: center; flex: 1;}
#header .down-menu nav ul li{text-align: center;}
#header .down-menu nav ul li a{display: inline-block;}
#header .down-menu nav ul li a::after{bottom: 3px;}

#header.on{border-color: #D8D8D8;}
#header.on .nav-menu .e-n-menu .e-n-menu-heading > li .e-n-menu-title-text{color: #262626 !important;}
#header.on .nav-menu .e-n-menu .e-n-menu-heading > li:hover .e-n-menu-title-text{color: #9E1B37 !important;}
#header.on .logo img{content: url(/wp-content/uploads/2025/06/logo.svg) !important;}
#header.on .lang a{background-color: #9E1B37 !important;}
#header.on .lang a .button-text{color:#fff !important;}

#header.on02 .logo img{content: url(/wp-content/uploads/2025/08/logo-allW.svg) !important;}
#header.on02 .lang a{background-color: #fff !important;}
#header.on02 .lang a .button-text{color: #262626 !important;}


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


/* ************************************************
********************* MAIN ************************
************************************************* */
/* btn */
.btn01 .raven-button-icon{width: 10px !important; height: 10px; position: relative !important;}
.btn01 .raven-button-icon svg{font-size: 10px !important; position: absolute!important; top: 0; left: 0;}
.btn01 .raven-button-icon::after{content: ""; display: block; width: 100%; height: 10px; background-color: #fff; position: absolute; left: 50%; top: 50%; z-index: -1;transform: translate(-50%, -50%); transition: all 0.3s;}
.btn01 a:hover .raven-button-icon::after{width: 400px; height: 400px; }

/* sec01 */
.scroll-img{position: relative; left: 0; bottom: 0; z-index: 1; animation: scroll 0.6s ease-in-out 0s infinite alternate;}
@keyframes scroll {
    0% {bottom: -5px;}
    100% {bottom: 5px;}
}
.main_video::before{z-index: 1;}

/* sec02 */
.sec02-L, .sec02-R{height: -webkit-fill-available !important;}
.hover_card .btn01 {transform: translateY(20px); opacity: 0; transition: all 0.3s ease;}
.hover_card:hover{-webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.hover_card:hover .btn01{transform: translateY(0); opacity: 1;}

/* sec03 */
.sec03-box .sec03-box-btn{transition: all 0.3s;}
.sec03-box:hover .sec03-box-btn{right: 0 !important;}

/* sec04 */
.BIGmain-news-img, .main-news-img, .main-news-img-mo, .main-news-img02, .BIGmain-news-img02{aspect-ratio: 1 / 1; height: 100%;} 
.BIGmain-news-img img, .main-news-img img, .main-news-img-mo img, .main-news-img02 img, .BIGmain-news-img02 img{width: 100% !important; height: 100% !important; object-fit: cover;}
.BIGmain-news-img a, .BIGmain-news-img02 a{width: 100%; height: 100% ;}
.BIGmain-news-con p, .main-news-con p, .main-news-con02 p, .BIGmain-news-con02 p{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}

.sec04-tab .jet-tabs .jet-tabs__control-wrapper{position: absolute; right: 0; top: 31px; gap: 40px;}
.sec04-tab .jet-tabs .jet-tabs__control-wrapper .jet-tabs__control:first-child{position: relative;}
.sec04-tab .jet-tabs .jet-tabs__control-wrapper .jet-tabs__control:first-child::after{content: ""; opacity: 0.3; display: block; width: 1px; height: 18px; background-color: #fff; position: absolute; right: -20px; top: 50%; transform: translateY(-50%);}


/* ************************************************
********************** SUB ************************
************************************************* */
.sub-bread .elementor-icon-list-item:not(:last-child):after{border-radius: 4px;}

.sub-menu nav ul li a{padding-top: 0 !important;}

.news-list nav{display: flex; justify-content: center; gap: 4px;}
.news-list nav .page-numbers{display: flex; width: 32px; height: 32px; justify-content: center; align-items: center; border: 1px solid #DADADA;}
.news-list nav .page-numbers.current{background-color:#9E1B37; border: 1px solid #9E1B37;}
.news-search input:focus, .news-search button:focus {outline: none;}
.news-search .jet-search-filter__submit{width: 35px; height: 35px;}
.news-search .jet-search-filter__submit i{position: relative; top: 3px;}
.media-tit div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.Technology-table .jet-table__head-row:first-child .jet-table__head-cell:first-child{border-width: 1px 0 1px 0 !important;}
.Technology-table .jet-table__head-row:first-child .jet-table__head-cell:last-child{border-width: 1px 0 1px 1px !important;}
.Technology-table .jet-table__head-row .elementor-repeater-item-6a538f8.jet-table__head-cell{border-color: #9E1B37 !important;}

.Technology-table .jet-table__body-row + .jet-table__body-row .jet-table__body-cell:first-child,
.Technology-table .jet-table__body-row .jet-table__body-cell:first-child{border-width: 0 0 1px 0 !important;}
.Technology-table .jet-table__body-row + .jet-table__body-row .jet-table__body-cell:last-child,
.Technology-table .jet-table__body-row .jet-table__body-cell:last-child{border-width: 0 0 1px 1px !important;}
.Technology-table .jet-table__body-cell .jet-table__cell-inner{min-height: 52px;}
.Technology-table .jet-table__body-row .elementor-repeater-item-e42078b.jet-table__body-cell .jet-table__cell-text{display: flex; flex-wrap: wrap; justify-content: center;}

.Products-list .jet-portfolio__item .jet-portfolio__image img{height: auto !important; border: 1px solid #D8D8D8; background: #F1F1F1;}


.history-tab .jet-tabs__control-wrapper{gap: 40px; position: absolute; top: -98px !important;}
.history-tab .jet-tabs__control-wrapper > div{position: relative;}
.history-tab .jet-tabs__control-wrapper > div + div::before{content: ""; display: block; width: 1px; height: 18px; background-color: #D5D5D5; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.history-slide .jet-hor-timeline-item__card-desc > div + div{margin-top: 14px;}
.history-slide .jet-hor-timeline-item__card-desc > div{display: flex; gap: 14px; flex-wrap: nowrap;}
.history-slide .jet-hor-timeline-item__card-desc > div p{min-width: 28px; font-weight: 700; color: #9E1B37;}

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

.Testimonials-slide .jet-carousel{margin-left: 0 !important; margin-right: 0 !important;}
.Testimonials-slide .jet-carousel .jet-arrow{margin-top: 0 !important; transform: translateY(-50%);}
.Testimonials-slide .jet-carousel .jet-carousel__content > div{height: 100% !important;}
.Testimonials-slide .jet-carousel .jet-carousel__content > div > div{height: 100% !important;}

.Leadership-arrow{opacity: 0; transform: scale(0); transform-origin: top right; transition: all 0.3s ease-in-out;}
.Leadership-box .Leadership-img img{transition: all 0.3s ease-in-out;}
.Leadership-box:hover .Leadership-arrow{opacity: 1; transform: scale(1); }
.Leadership-box:hover .Leadership-img img{transform: scale(1.1);}


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1440px){
  /* sec04 */
  .BIGmain-news-con p, .main-news-con p, .main-news-con02 p, .BIGmain-news-con02 p{-webkit-line-clamp: 2;}
}
@media (max-width:1200px){
  #header .nav-menu .e-n-menu .e-n-menu-heading > li{width: 150px;}
  #header .submenu-wrap{width: 21% !important;}
}
@media (max-width:1024px){
  .br02{display: none;}

  /* sec04 */
  .main-news-tit div, .main-news-tit02 div{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}
  .BIGmain-news-con p, .BIGmain-news-con02 p{-webkit-line-clamp: 2;}
  .sec04-tab .jet-tabs .jet-tabs__control-wrapper{top: 22px; gap: 30px;}
  .sec04-tab .jet-tabs .jet-tabs__control-wrapper .jet-tabs__control:first-child::after{height: 12px; right: -15px;}

  #mainFooter{display: none;}

  .news-list nav .page-numbers{width: 30px; height: 30px;}
  .news-search .jet-search-filter__submit{width: 32px; height: 32px;}
  .news-search .jet-search-filter__submit i{top: 2px;}

  .Technology-table .jet-table__body-row .elementor-repeater-item-e42078b.jet-table__body-cell .jet-table__cell-text span:last-child{font-size: 14px !important;}

  .history-tab .jet-tabs__control-wrapper{top: -60px !important;}
  .history-slide .jet-arrow{top: -20px !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;}
}
@media (max-width:767px){
  .br01{display: none;}

  /* sec04 */
  .sec04-tab .jet-tabs .jet-tabs__control-wrapper{position: unset; gap: 30px;}
  .sec04-tab .jet-tabs .jet-tabs__content-wrapper{overflow: unset; min-height: auto !important;}
  .elementor-215 .elementor-element.elementor-element-700cfa9{min-height: auto !important;}
  .main-news-slide .elementor-swiper-button svg path{stroke: #fff !important;}
  .main-news-slide02 .elementor-swiper-button svg path{stroke: #fff !important;}

  .news-list nav .page-numbers{width: 26px; height: 26px;}

  .Technology-table .jet-table__body-row .elementor-repeater-item-e42078b.jet-table__body-cell .jet-table__cell-text span:last-child{font-size: 13px !important;}
  .Technology-table .jet-table__head-row .elementor-repeater-item-6a538f8.jet-table__head-cell .jet-table__cell-inner::after{content: "+ Count"; display: block; padding: 6px; width: auto; height: auto; 
background-color: #595757; font-weight: 600; font-size: 14px; color: #FFF; line-height: 120%;}

  .history-tab .jet-tabs__control-wrapper{gap: 30px; position: relative; top: 0 !important;}
  .history-tab .jet-tabs__control-wrapper > div + div::before{height: 14px; left: -15px;}
  .history-slide .jet-hor-timeline-item__card-desc > div{gap: 8px;}
  .history-slide .jet-hor-timeline-item__card-desc > div p{min-width: 22px;}
}