@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");


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

 * br01 - 767
 * br02 - 1024
 * br03 - 1200
 * br-block - 767
 * 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;}
.wordBr{word-break:keep-all;}
.wordBr02{word-break:break-all;}
a {text-decoration: none !important;}
a:hover{text-decoration: none !important;}
svg{margin: 0 !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: "DM Sans", "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;}

.elementor-icon-list-text{padding-inline-start: 0px !important;}

.br-block{display: none;}


/* ************************************************
********************* HEADER ************************
************************************************* */

/* #header, header > div, #header .nav_menu nav > ul > li > a, #header .logo img{transition: all 0.3s !important;} */

#header .nav_menu nav > ul{gap: 60px !important;}
#header .nav_menu nav > ul:after{display: none;}
#header .nav_menu nav > ul > li > a .sub-arrow{display: none;}
#header .nav_menu nav > ul > li > .sub-menu{overflow: hidden; border-radius: 14px; left: 50% !important; transform: translateX(-50%);}
#header .nav_menu nav > ul > li > .sub-menu li a{justify-content: center; border: 0;}

#header.on .header_L{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05) !important;}
#header.on .header_btn a{box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.05) !important;}

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

#pop_menu .lang > div{justify-content: center; width: 80px; height: 26px; }
#pop_menu .lang nav > ul > li > a{width: 52px; position: relative;}
#pop_menu .lang nav > ul > li > a::after{opacity: 1; content: ""; display: block; width: 9px; height: 6px; background: url(/wp-content/uploads/2025/04/Drop-Down_n.svg) no-repeat center center / contain; position: absolute; top: 50%; right: -12px; transform: translateY(-50%);}
#pop_menu .lang nav ul li > a .sub-arrow{display: none;}
#pop_menu .lang nav > ul > li > .sub-menu{padding: 8px !important; margin-left: 2px !important; width: 74px !important; min-width: auto !important; left: 50% !important; transform: translateX(-50%);}
#pop_menu .lang nav > ul > li > .sub-menu a{border: 0;}

.menu_pop li.current-menu-parent > a,
.menu_pop li.current-menu-item > a{border-radius: 8px; border-bottom: none !important; background-color: #005331 !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: #005331;}
.menu_pop li > a.highlighted .sub-arrow{transform: rotate(180deg);}

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

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


/* ************************************************
********************* MAIN ************************
************************************************* */
.home, .home .jupiterx-main{background-color: #F3F3F3;}

/* more btn */
.more_btn .raven-button-texts-wrapper .button-text{padding: 12px 30px; border-radius: 50px; background-color: #EAFF99;}
.more_btn .raven-button-icon{padding: 8px; border-radius: 50px; background-color: #EAFF99;}
.more_btn .raven-button-icon svg{margin-bottom: -3px !important;}
.more_btn a:hover .raven-button-icon{background-color: #005331;}
.more_btn a:hover .raven-button-icon svg{transform: rotate(45deg);}
.more_btn a:hover .raven-button-icon svg path{fill: #EAFF99;}

.more_btn.more_btn02 .raven-button-texts-wrapper .button-text{background-color: #005331;}
.more_btn.more_btn02 .raven-button-icon{background-color: #005331;}
.more_btn.more_btn02 .raven-button-icon svg path{fill: #EAFF99;}
.more_btn.more_btn02 a:hover .raven-button-icon svg{transform: rotate(45deg);}

#more_btn03.more_btn03 .raven-button-icon{opacity: 0; position: absolute !important; right: -28px;}
#more_btn03.more_btn03 a:hover{padding: 20px 48px 20px 20px;}
#more_btn03.more_btn03 a:hover .raven-button-icon{opacity: 1;}

.more_btn04 a:hover .raven-button-icon svg path{fill: #005331;}
.more_btn04 a:hover .raven-button-icon svg path{stroke: #005331;}

/* sec01 */
.swiper.main{display: flex; justify-content: center; height: 780px;}
.swiper.main .swiper-pagination-wrap{padding: 0 20px; max-width: 1640px; width: 100%; display: flex; justify-content: left; gap: 6px; position: absolute; top: 162px; z-index: 2;}
.swiper.main .swiper-pagination-wrap .custom-pagination-bullet{overflow: hidden; padding: 10px 30px; border-radius: 50px; background-color: rgba(255, 255, 255, 0.50); font-weight: 600; font-size: 15px; color: rgba(0, 83, 49, 0.40); line-height: normal; cursor: pointer; transition: all 0.3s; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px);}
.swiper.main .swiper-pagination-wrap .custom-pagination-bullet.active{background-color: rgba(255, 255, 255, 0.80); color: #005331;}
.swiper.main .swiper-pagination-wrap .custom-pagination-bullet .progress{width: 0%; height: 100%; border-radius: 50px; background-color: #EAFF99; position: absolute;top: 0; left: 0; z-index: 0; transition: width 0.3s linear;}
.swiper.main .swiper-pagination-wrap .custom-pagination-bullet span{position: relative; z-index: 1;}

.swiper.main .swiper-wrapper .slide1{background: url(/wp-content/uploads/2025/04/main.jpg) no-repeat center center / cover;}
.swiper.main .swiper-wrapper .slide2{background: url(/wp-content/uploads/2025/04/main.jpg) no-repeat center center / cover;}
.swiper.main .swiper-wrapper .slide3{background: url(/wp-content/uploads/2025/04/main.jpg) no-repeat center center / cover;}

.swiper.main .swiper-wrapper .swiper-slide .slide_wrap{display: flex; height: 100%; align-content: center; justify-content: center; align-items: center;}
.swiper.main .swiper-wrapper .swiper-slide .slide_wrap .txt{padding: 0 20px; max-width: 1640px; width: 100%; height: fit-content; font-weight: 700; font-size: 80px; color: #FFF; line-height: 130%; letter-spacing: -0.8px; text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);}

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

/* sec03 */
.sec03_video{height: 100% !important;}
.sec03_video video{max-width: 1942px !important; width: 1942px !important; height: 1094px !important; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);}

/* sec04 */
.sec04_slide .jet-slider, .sec04_slide .jet-slider .sp-mask{overflow: unset;}
.sec04_slide .jet-slider .sp-mask .jet-slider__item,
.sec04_slide .jet-slider .sp-mask .jet-slider__item .sp-image-container,
.sec04_slide .jet-slider .sp-mask .jet-slider__item .jet-slider__content{border-radius: 24px;}
.sec04_slide .jet-slider .sp-mask .jet-slider__item .jet-slider__content .jet-slider__content-item{height: 100%;}
.sec04_slide .jet-slider .sp-mask .jet-slider__item .jet-slider__content .jet-slider__content-item .jet-slider__content-inner{justify-content: space-between;}
.sec04_slide .jet-slider .sp-mask .jet-slider__item .jet-slider__content .jet-slider__content-item .jet-slider__button-wrapper{display: none;}


/* ************************************************
*********************** SUB ***********************
************************************************* */
.sub_Breadcrumbs .breadcrumb-item{position: relative;}
.sub_Breadcrumbs .breadcrumb-item::after{content: ""; width: 100%; height: 120%; background-color: transparent;position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.sub_Breadcrumbs .breadcrumb-item.active::after{display: none;}
.sub_Breadcrumbs .breadcrumb-item + .breadcrumb-item{padding-left: 10px;}
.sub_Breadcrumbs .breadcrumb-item + .breadcrumb-item::before{content: "ㆍ"; padding-right: 10px;}


/* About */
.About_tit .back{position: relative;}
.About_tit .back::before{content: ""; display: block; width: 107%; height: 54px; border-radius: 100px; background-color: #EAFF99; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1;}

.about_card_mo{display: none !important;}
.about_card .jet-image-accordion__item{flex-direction: column !important; width: 410px; flex-grow: unset !important;}
.about_card_mo .jet-image-accordion__item{flex-direction: column !important;}
.about_card .jet-image-accordion__item.active-accordion{flex-grow: 2 !important;}
.about_card .jet-image-accordion__item .jet-image-accordion__content{position: relative !important;}
.about_card_mo .jet-image-accordion__item .jet-image-accordion__content{position: absolute !important;}
.about_card_mo .jet-image-accordion__item.active-accordion .jet-image-accordion__content{position: relative !important;}
.about_card .jet-image-accordion__item:first-child::after{content: ""; display: block; width: 50px; height: 50px; background: url(/wp-content/uploads/2025/04/about_card_img01.png) no-repeat center center / contain; position: absolute; left: 40px; bottom: 60px; z-index: 2;}
.about_card .jet-image-accordion__item:nth-child(2)::after{content: ""; display: block; width: 49px; height: 50px; background: url(/wp-content/uploads/2025/04/about_card_img02.png) no-repeat center center / contain; position: absolute; left: 40px; bottom: 60px; z-index: 2;}
.about_card .jet-image-accordion__item:last-child::after{content: ""; display: block; width: 44px; height: 50px; background: url(/wp-content/uploads/2025/04/about_card_img03.png) no-repeat center center / contain; position: absolute; left: 40px; bottom: 60px; z-index: 2;}

.Leadership_R::after{content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; top: 0; right: -100%;}
.Leadership_card img{transition: all 0.3s; transform-origin: left bottom;}
.Leadership_card:hover .Leadership_card_img{width: 80px !important; height: 80px; transform-origin: left bottom;}
.Leadership_card:hover img{width: 80px; height: 80px; content: url(/wp-content/uploads/2025/04/in_icon02.svg); transform-origin: left bottom;}

/* Organoid Assays */
.OrganoidAssays_txtWrap, .OrganoidAssays_txtWrap .OrganoidAssays_txt{transition: all 0.3s ease !important;}
.OrganoidAssays_box:hover .OrganoidAssays_txtWrap{background-color: #262D29 !important;}
.OrganoidAssays_box:hover .OrganoidAssays_txtWrap .OrganoidAssays_tit h3{color: #EAFF99 !important;}

.hover_txtWrap{position: absolute !important; left: 0; bottom: 0;transition: all 0.3s;}
.hover_txtWrap .hover_txtWrap_txt{transition: all 0.3s;}

/* Research Services */
.Research_slide{position: relative;}
.Research_slide::before{content: ""; display: block; width: 100%; height: 100%; background-color: #fff; position: absolute; left: -100%; z-index: 1;}
.Research_slide .slick-list{overflow: unset;}

/* Current Projects */
.Projects_box .Projects_box_icon{opacity: 0; position: absolute;}
.Projects_box:hover .Projects_box_txtWrap{justify-content: end;}
.Projects_box:hover .Projects_box_txtWrap .Projects_box_tit{color: #EAFF99 !important;}
.Projects_box:hover .Projects_box_icon{opacity: 1; position: relative;}

/* Collaboration Opportunities */
.Collaboration_video{height: 400px !important;}
.Collaboration_video video{max-width: 1942px !important; width: 1942px !important; height: 1094px !important; position: absolute; left: 50%; bottom: -120px; transform: translateX(-50%);}

/* Contact */
#Contact_form > div{width: 100%;}
#Contact_form input:focus, #Contact_form textarea:focus {outline: none;}
#Contact_form .form_input_wrap{margin-bottom: 10px; display: flex; gap: 10px;} 
#Contact_form .form_input_wrap .form_input{display: flex; flex: 1;} 
#Contact_form .form_input_wrap .form_input p, 
#Contact_form .input_message p{display: flex; flex: 1; flex-wrap: wrap;} 
#Contact_form .form_input_wrap .form_input p label, 
#Contact_form .input_message p label{display: none;} 
#Contact_form .form_input_wrap .form_input p > span,
#Contact_form .input_message p > span{flex: 1;}
#Contact_form .form_input_wrap .form_input p > span > input,
#Contact_form .input_message p > span > textarea{padding: 0 20px; width: 100%; height: 65px; border-radius: 18px; background: #F6F6F6; border: 0; font-weight: 500; font-size: 18px; color: #262D29; line-height: 130%;}

#Contact_form .input_message{margin-bottom: 10px;}
#Contact_form .input_message p > span > textarea{padding: 22px 20px; height: 160px;}

#Contact_form .form_acceptance{margin-bottom: 60px;}
#Contact_form .form_acceptance .wpcf7-list-item{margin: 0;}
#Contact_form .form_acceptance .wpcf7-list-item label{margin: 0; display: flex; gap: 20px;}
#Contact_form .form_acceptance .wpcf7-list-item label .wpcf7-list-item-label{width: calc( 100% - 46px ); font-weight: 400; font-size: 15px; color: #626267; line-height: 130%;}
#Contact_form .form_acceptance .wpcf7-list-item label .wpcf7-list-item-label a{color: #626267 !important; text-decoration-line: underline !important;}
#Contact_form .form_acceptance input[type="checkbox"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; background: #262D29; border-radius: 4px; cursor: pointer; width: 26px;  height: 26px; outline: 0; border: 0; padding: 0;}
#Contact_form .form_acceptance input[type="checkbox"]:checked {background: #262D29 url('/wp-content/uploads/2025/04/checked.svg') no-repeat center;}

#Contact_form{display: flex; justify-content: flex-end; align-items: center;}
#Contact_form .form_submit{position: relative;}
#Contact_form .form_submit input{padding: 20px; width: 100%; height: auto; background: #005331; border-radius: 14px; border: 0; font-weight: 600; font-size: 14px; color: #EAFF99; line-height: normal; text-align: center;}

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

input::placeholder{color:#262D29;}
input::-webkit-input-placeholder{color:#262D29;}
input:-ms-input-placeholder{color:#262D29;}
textarea::placeholder{color:#262D29;}
textarea::-webkit-input-placeholder{color:#262D29;}
textarea:-ms-input-placeholder{color:#262D29;}


/* ************************************************
******************* RESPONSIBILITY *****************
************************************************* */
@media (max-width:1380px){
    #header .nav_menu nav > ul{gap: 40px !important;}
}
@media (max-width:1320px){
    /* About */
    .about_card .jet-image-accordion__item{width: 340px;}
}
@media (max-width:1300px){
    /* sec03 */
    .sec03_R{padding-left: 50px !important; padding-right: 50px !important;}
}
@media (max-width:1200px){
    /* About */
    .about_card .jet-image-accordion__item{width: 280px;}
    .about_card .jet-image-accordion__item .jet-image-accordion__title-default{padding: 30px 20px 20px 20px !important;}
    .about_card .jet-image-accordion__item .jet-image-accordion__content{padding: 0px 20px 80px 20px !important;}
    .about_card .jet-image-accordion__item:first-child::after, .about_card .jet-image-accordion__item:nth-child(2)::after, .about_card .jet-image-accordion__item:last-child::after{left: 20px; bottom: 30px;}
}
@media (max-width:1180px){
    #header .nav_menu nav > ul{gap: 20px !important;}
    #header .nav_menu nav > ul > li > a{font-size: 14px !important;}
}
@media (max-width:1024px){
    .br02{display: none;}

    /* sec01 */
    .swiper.main{height: 650px;}
    .swiper.main .swiper-pagination-wrap{top: 100px; }
    .swiper.main .swiper-pagination-wrap .custom-pagination-bullet{padding: 10px 20px; font-size: 14px;}

    .swiper.main .swiper-wrapper .swiper-slide .slide_wrap .txt{font-size: 60px;}

    /* sec03 */
    .sec03_video video{max-width: 1685px !important; width: 1685px !important; height: 950px !important;}
    .sec03_R{padding-left: 40px !important; padding-right: 40px !important;}

    /* About */
    .about_card .jet-image-accordion__item{width: 240px;}

    /* Collaboration Opportunities */
    .Collaboration_video video{max-width: 1685px !important; width: 1685px !important; height: 950px !important;}

    /* Contact */
    #Contact_form .form_input_wrap .form_input p > span > input,
    #Contact_form .input_message p > span > textarea{height: 60px; border-radius: 14px; font-size: 16px;}
    #Contact_form .input_message p > span > textarea{height: 160px;}
    #Contact_form .form_acceptance .wpcf7-list-item label{gap: 15px;} 
    #Contact_form .form_acceptance input[type="checkbox"]{width: 24px;  height: 24px;}
    #Contact_form .form_acceptance .wpcf7-list-item label .wpcf7-list-item-label{width: calc( 100% - 39px ); font-size: 14px;}
}
@media (max-width:830px){
    /* About */
    .about_card.pc{display: none !important;}
    .about_card_mo{display: block !important;}
}
@media (max-width:767px){
    .br01{display: none;}
    .br-block{display: block;}

    #more_btn03.more_btn03 a:hover{padding: 15px 43px 15px 15px;}

    /* sec01 */
    .swiper.main{height: 500px;}
    .swiper.main .swiper-pagination-wrap{top: 20px; flex-wrap: wrap;}
    .swiper.main .swiper-pagination-wrap .custom-pagination-bullet{padding: 10px 10px; width: fit-content; font-size: 12px;}
    .swiper.main .swiper-wrapper .swiper-slide .slide_wrap .txt{font-size: 40px;}

    /* sec03 */
    .sec03_video video{max-width: 160% !important; width: 160% !important; height: auto !important;}
    .sec03_R{padding-left: 20px !important; padding-right: 20px !important;}

    /* About */
    .About_tit .back::before{height: 35px;}

    /* Collaboration Opportunities */
    .Collaboration_video{height:200px !important;}
    .Collaboration_video video{max-width: 160% !important; width: 160% !important; height: auto !important; bottom: 0;}

    /* Contact */
    #Contact_form .form_input_wrap .form_input p > span > input,
    #Contact_form .input_message p > span > textarea{height: 50px; border-radius: 12px; font-size: 14px;}
    #Contact_form .input_message p > span > textarea{height: 150px;}
    #Contact_form .form_acceptance{margin-bottom: 40px;}
    #Contact_form .form_acceptance .wpcf7-list-item label{gap: 10px;} 
    #Contact_form .form_acceptance input[type="checkbox"]{width: 22px;  height: 22px;}
    #Contact_form .form_acceptance .wpcf7-list-item label .wpcf7-list-item-label{width: calc( 100% - 32px ); font-size: 12px;}
    #Contact_form .form_submit input{padding: 15px;}
}
@media (max-width:500px){
    /* Contact */
    #Contact_form .form_input_wrap{flex-wrap: wrap;}
    #Contact_form .form_input_wrap .form_input{flex: unset; width: 100%;}
    #Contact_form .form_acceptance{margin-bottom: 30px;}
    #Contact_form .form_submit input{border-radius: 12px;}
}
@media (max-width:425px){
    /* sec01 */
    .swiper.main{height: 450px;}
    .swiper.main .swiper-wrapper .swiper-slide .slide_wrap{align-items: flex-end;}
    .swiper.main .swiper-wrapper .swiper-slide .slide_wrap .txt{padding: 0 20px 50px;}
    .swiper.main .swiper-pagination-wrap{flex-direction: column;}
    .swiper.main .swiper-pagination-wrap .custom-pagination-bullet{width: fit-content;}
    .swiper.main .swiper-wrapper .swiper-slide .slide_wrap .txt{font-size: 35px;}

}