@charset "UTF-8";
@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');


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

 * br01 - 767
 * br02 - 1024
 * br03 - 
 * 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: "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 .menu nav > ul{gap: 52px;}
#header .menu nav > ul::after,
#header .menu nav .sub-arrow{display: none;}
#header .menu nav .sub-menu{min-width: 180px !important;}
#header .menu nav > ul > li > .sub-menu{left: 50% !important; transform: translateX(-50%);}
#header .menu nav > ul > li > .sub-menu a{justify-content: center; border-inline-start: 0px solid transparent;}
#header .menu nav > ul > li.current-menu-parent > a{color: #9E1B37 !important;}


#header.on{border-bottom: 1px solid #D8D8D8;}
#header.on .logo img{content: url(/wp-content/uploads/2025/09/logo-r.svg) !important;}
#header.on .menu nav > ul > li > a{color: #262626;}
#header.on .menu-icon img{content: url(/wp-content/uploads/2025/10/menu-icon-b.svg) !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; }

.main-btn .raven-button-icon{height: 16px !important; top: 50% !important; transform: translateY(-50%); right: 0 !important;}
.main-btn .raven-button-icon svg{fill: transparent !important;}
.main-btn a:hover .raven-button-icon svg path{stroke: #9E1B37 !important;}

.main-box:hover .main-txt h3 span{color: #fff !important;}


/* ************************************************
********************** SUB ************************
************************************************* */
.leaflet-btn a .raven-button-icon{position: relative !important; right: 0 !important;}
.leaflet-btn a:hover svg path{fill: #fff !important;}

.RUO-table .jet-table__body tr td:first-child .jet-table__cell-text{text-align: start !important;}
.RUO-table .jet-table__body tr td:first-child .jet-table__cell-content{margin-left: 0 !important; margin-right: 0 !important;}
.RUO-table .jet-table__body tr td:nth-child(2){border-bottom: 1px solid #D4D4D4;}
.RUO-table .jet-table__body tr td:last-child{border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.RUO-table .jet-table__body tr:last-child td{border-bottom: 0 !important;}

.RUO-table02 .jet-table__body tr td:first-child{border-width: 0 0 1px 0 !important;}
.RUO-table02 .jet-table__body tr td:first-child .jet-table__cell-inner{padding-left: 8px !important;padding-right: 8px !important;}
.RUO-table02 .jet-table__body tr td:first-child .jet-table__cell-inner .jet-table__cell-content{margin-left: auto !important; text-align: center !important;} 

.RUO-table.NK .jet-table__body tr td:nth-child(2),
.RUO-table.NK .jet-table__body tr td:last-child{border-bottom: 1px solid #D4D4D4;}
.RUO-table.NK .jet-table__body tr td:nth-child(3){border-bottom: 1px solid rgba(255, 255, 255, 0.10);}


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1024px){
  .br02{display: none;}
}
@media (max-width:767px){
  .br01{display: none;}
}