@charset "UTF-8";
@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 : sedna
* File : custom.css
* DATE : 2026.04.10
*
* SUMMARY :
* 1) Jupiter X Reset 
* 2) HEADER
* 3) MAIN
* 4) FOOTER
* 5) SUB
* 6) RESPONSIBILITY

* br767 - 767
* br1024 - 1024
* br1250 - 1250
* br04 - 767
* br05 - 
*/

/* ************************************************
*************** 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: "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;}
.jupiterx-scrolled{display: none;}

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

#header{transform:translateY(0) !important; transition:transform .45s ease-in-out !important; backdrop-filter: blur(7px) !important; -webkit-backdrop-filter: blur(7px) !important; }
#header.hide {transform: translateY(-100%) !important;}


/* ************************************************
********************* BUTTON ************************
************************************************* */
.btn-default a .button-text-container::after { content: ""; flex-grow: 0; transition: flex-grow 0.4s ease; }
.btn-default a:hover .button-text-container::after { flex-grow: 1; }
.btn-default a .button-text-container .raven-button-icon{position:absolute !important; right: 0 !important; top:50%; transform:translatey(-50%);}
.btn-default a:not(:hover) .button-text-container .raven-button-icon{opacity:0; visibility:hidden; max-width:0; overflow:hidden;}
.btn-default a:hover .button-text-container .raven-button-icon svg{fill:#fff !important; }



/* ************************************************
********************* MAIN ************************
************************************************* */
.txtstrong{font-weight:600 !important;}
/* hero */
.herovideo:after{content:"" !important; display:block !important; width:100% !important; height:100% !important; position:absolute !important; background: linear-gradient(180deg, rgba(10, 27, 51, 0.40) -19.08%, rgba(10, 27, 51, 0.08) 60.64%, rgba(10, 27, 51, 0.40) 140.36%) !important;}
.br04, .br05{display:none !important;}
.scrolldown .line-drop{padding-block-start:0!important; padding-block-end:0!important; overflow:hidden;}
.scrolldown .line-drop {transform-origin:top center; animation:lineDropLoop 2s ease-in-out infinite;}
@keyframes lineDropLoop{0%{transform:scaleY(0);opacity:0;}20%{opacity:1;}70%{transform:scaleY(1);opacity:1;}100%{transform:scaleY(1);opacity:0;}}

/* sec02 */
.sec02_card .raven-cta__description{margin: 10px 0 0 0 !important;}

/* sec03 */
.maincounter .elementor-counter-number-suffix{font-size:32px !important;}
.btn-blur{backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;}

/* sec06 */
.carousel-main .swiper-pagination-bullet-active{width:18px !important; background:#1D3452 !important; }
.carousel-main .swiper-pagination-bullet{opacity:1 !important; border-radius: 100px !important; margin:0 !important;}
.carousel-main .swiper-pagination{display:flex !important; gap:8px !important;}

/* form */
.formcustom .field-wrap input{width:100% !important; height:45px !important;}
.formcustom{display:flex; flex-direction:column; gap:10px;}
.field-wrap > p{width:100% !important; display:flex; gap:4px; flex-direction: column;}
.field-wrap > p br{display:none !important;}
.formcustom label{margin:0 !important;}
.field-wrap .required{color:red !important;}
.field-wrap .wpcf7-form-control.wpcf7-textarea {width:100% !important; padding-top: 10px !important;}
span.wpcf7-list-item-label{font-weight:400 !important; color:#222 !important;}
.wpcf7-list-item-label strong{font-weight:600 !important; color:#222 !important;}
.wpcf7-list-item{margin:0 !important;}
.agreement-wrap{ display:flex; gap:4px; flex-direction: column; gap:15px;margin-top: 10px;}
.agreement-wrap label{display:flex !important; align-items:flex-start !important; gap:10px !important;}
.agreement-wrap input[type="checkbox"]{width:20px !important; height:20px !important; outline: 0; border-radius: 3px; appearance: none; border:1px solid #ddd !important;flex-shrink: 0;margin-top:3px !important; position:relative !important;}
.agreement-wrap input[type="checkbox"]::after {content: ''; background: url('/wp-content/uploads/2026/04/checkbox.svg') no-repeat 100% center; display:none; position: absolute; top: 0px; left: 0px; width:20px; height:20px;}
.agreement-wrap input[type="checkbox"]:checked::after{display:block !important;}
.formwrap{display:flex; flex-direction:column; gap:10px;}
.formWrap {
	display: flex !important;
	flex-direction: column !important;
}
.formWrap .elementor-widget-container,
.formWrap .elementor-contact-form-7,
.formWrap .jet-elements,
.formWrap .wpcf7,
.formWrap .wpcf7-form {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
.formWrap .custom-contact-form {
	flex: 1 1 auto !important;
	display: flex !important;
	flex-direction: column !important;
	justify-content: space-between !important;
	height: 100% !important;
	gap:30px !important;
}
.wpcf7-spinner{display:none !important;}



/* ************************************************
********************* FOOTER **********************
************************************************* */



/* ************************************************
********************** SUB ************************
************************************************* */

/* company */
.e-tab-base { outline: none !important; }
.about_tabs .e-n-tab-title[aria-selected=true], .about_tabs .e-n-tab-title[aria-selected=true] span { font-size: 42px !important; }
.about_tabs .e-n-tab-title { transition: all .4s ease-in-out !important; }

.timeline-carousel .swiper { overflow: visible !important; clip-path: inset(-200px -5000px -200px 0); }
.timeline-carousel .swiper-wrapper::before { content: ""; position: absolute; top: 10px; left: 5px; width: 5000px; height: 2px; background-color: #ddd; z-index: 0; }
.timeline-carousel .swiper-slide { position: relative; padding-top: 90px !important; }
.timeline-carousel .swiper-slide::before { content: ""; position: absolute; top: 5.5px; left: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #ffffff; border: 2px solid #00AFFF; z-index: 2; transition: all 0.3s ease; }
.timeline-carousel .swiper-slide::after { content: ""; position: absolute; top: 18px; left: 5px; width: 1px; height: 168px; border-left: 1px dashed #5C7DAC; }
.timeline-carousel .swiper-slide .conline::before { content: ""; position: absolute; top: 96px; left: 3px; width: 5px; height: 5px; background-color: #5C7DAC; border-radius: 50%; }
.timeline-carousel .swiper-slide-active .elementor-heading-title { color: #00AFFF !important; transition: color 0.3s ease; }
.timeline-carousel .swiper-slide > .e-con::before { content: ""; position: absolute; top: -80px; left: 5px; width: 0; height: 2px; background-color: #00AFFF; z-index: 1; }
.timeline-carousel .swiper-slide-active > .e-con::before { animation: fillLine var(--auto-delay, 3000ms) linear forwards; }
@keyframes fillLine { 0% { width: 0; } 100% { width: 100%; } }
.timeline-carousel .swiper-slide-active + .swiper-slide + .swiper-slide + .swiper-slide ~ .swiper-slide { opacity: 0 !important; visibility: hidden; }

.patent-carousel .swiper::before { content: ""; position: absolute; top: 0; left: 0; width: 14%; height: 100%; background: linear-gradient(270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); z-index: 2; pointer-events: none; }
.patent-carousel .swiper::after { content: ""; position: absolute; top: 0; right: 0; width: 14%; height: 100%; background: linear-gradient(-270deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%); z-index: 2; pointer-events: none; }

/* tech */
.vsmo .e-n-tabs-heading{border-radius: 8px !important; background: rgba(104, 113, 134, 0.40) !important;}
.step-box,
.step-box .elementor-heading-title,
.step-box .raven-button span{transition: all 0.3s ease-in-out !important;}
.step-box.active {background-color: var(--e-global-color-accent) !important; color: #ffffff !important;}
.step-box.active .elementor-heading-title {color: #fff !important;}
.step-box .raven-button{pointer-events: none !important;}
.step-box.active .raven-button span{color:var(--e-global-color-accent) !important;}

/* customer-service */
.sub-contact-form { display: flex; flex-direction: column; gap: 60px; width: 100%; }
.sub-contact-form .field-wrap input{height:60px !important;}
.sub-contact-form .form-section { display: flex; align-items: flex-start; gap: 40px; justify-content: space-between; }
.sub-contact-form .section-title { flex: 0 0 300px; }
.sub-contact-form .section-title h3 { font-size: 40px !important; font-weight: 700 !important; color: #222 !important; margin: 0; }
.sub-contact-form .section-fields { flex: 1; display: flex; flex-direction: column; gap: 20px; }
.sub-contact-form .field-row.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.sub-contact-form .field-row.full-width { width: 100%; }
.sub-contact-form .field-wrap { display: flex; flex-direction: column; gap: 10px; }
.sub-contact-form .field-wrap p {gap: 8px;}
.sub-contact-form .field-wrap .input { height: 60px !important; }
.sub-contact-form .form-bottom-section { display: flex; justify-content: space-between; align-items: flex-end; border-top: 1px solid #e0e0e0; padding-top: 30px; margin-top: -20px; }
.sub-contact-form .agreement-wrap { display: flex; flex-direction: column; gap: 5px; margin: 0;}
.sub-contact-form .agreement-wrap span{color:#414349 !important;}
.sub-contact-form .submit-wrap input[type="submit"] { background-color: #213c5e !important; color: #fff !important; border: none !important; border-radius: 40px !important; padding: 16px 60px !important; font-size: 16px; font-weight: 600; cursor: pointer; transition: 0.3s; }
.sub-contact-form .submit-wrap input[type="submit"]:hover { background-color: #162b45 !important; }

.sedna-contact-info{display:flex; flex-direction: column; gap:20px !important;}
.sedna-title { font-size: 24px; font-weight: 600; margin: 0 0 5px 0; }
.sedna-address { margin: 0 0 20px 0; font-size: 15px; line-height: 1.5; }
.sedna-divider { border: 0; border-top: 1px solid #eee; }
.sedna-detail-row { display: flex; font-size: 15px; line-height: 1.5; }
.sedna-detail-row:last-child { margin-bottom: 0; }
.sedna-label { color: #a0aab5; width: 60px; flex-shrink: 0; }
.contact_hotspot .raven-hotspot__tooltip, .contact_hotspot .raven-hotspot__direction-mask { overflow: visible !important; }
.contact_hotspot .raven-hotspot__tooltip::before { content: ""; position: absolute; top: 50%; left: -7px; transform: translateY(-50%); border-style: solid; border-width: 7px 7px 7px 0; border-color: transparent #1D3452 transparent transparent; }
.field-desc{font-size:14px !important; color: rgba(34, 34, 34, 0.50) !important; margin-left:20px !important;}
.sub-contact-form .radio-wrap{height: 60px; display: flex; align-items: center;}
.sub-contact-form .radio-wrap .wpcf7-radio{display:flex !important; align-items:center !important; gap:20px !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item{margin:0 !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item label{display:inline-flex !important; align-items:center !important; gap:8px !important; cursor:pointer !important; margin:0 !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item input[type="radio"]{appearance:none !important; -webkit-appearance:none !important; -moz-appearance:none !important; width:20px !important; height:20px !important; margin:0 !important; border:2px solid #c5cdd6 !important; border-radius:50% !important; background:#fff !important; cursor:pointer !important; position:relative !important; box-sizing:border-box !important; transition:border-color 0.2s ease !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item input[type="radio"]:checked{border-color:#1a3a6c !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item input[type="radio"]:checked::after{content:"" !important; position:absolute !important; top:50% !important; left:50% !important; transform:translate(-50%, -50%) !important; width:10px !important; height:10px !important; border-radius:50% !important; background:#1a3a6c !important;}
.sub-contact-form .radio-wrap .wpcf7-list-item input[type="radio"]:hover{border-color:#1a3a6c !important;}



/* Success Cases */
.border-gr{background:linear-gradient(to top, #E7E7E7 0%, transparent 100%) left top / 1px 100% no-repeat,linear-gradient(to top, #E7E7E7 0%, transparent 100%) right top / 1px 100% no-repeat !important;}
.ico-color{filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(6448%) hue-rotate(185deg) brightness(97%) contrast(85%) !important;}
.sc-loop-item .ico-color-list{filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(6448%) hue-rotate(185deg) brightness(97%) contrast(85%) !important; opacity:0.2 !important; transition:all .3s ease-in-out !important;}
.sc-loop-item:hover .ico-color-list{opacity:1 !important;}
.underbtn span{transition:all .3s ease-in-out !important;}
.sc-loop-item:hover .underbtn span{text-decoration: underline ;}

/* products */
.prdcontain {
	aspect-ratio: 2/3;
	width: 100%;  
	background-size: contain !important; 
	background-repeat: no-repeat !important;
	background-position: center center !important;
	height: auto !important;
	min-height: 0 !important;}

.prdcontain .elementor-widget-container {
	height: 100%;}


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (max-width:1250px){
	.br1250{display: none;}
	.bg-mo{background: rgba(255, 255, 255, 0.1) !important; border-radius: 8px !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important;}
	.sub-contact-form .section-title h3{font-size:34px !important;}
	.sub-contact-form .section-title { flex: 0 0 200px; }
}
@media (max-width:1024px){
	.br1024{display: none;}
	.sec02_card .raven-cta__description{margin: 10px 0 0 0 !important;}
	.maincounter .elementor-counter-number-suffix{font-size:26px !important;}
	.carousel-main .swiper-pagination{opacity:0 !important;}
		.sub-contact-form .section-title h3{font-size:28px !important;}

	.about_tabs .e-n-tab-title[aria-selected=true], .about_tabs .e-n-tab-title[aria-selected=true] span { font-size: 36px !important; }
	.agreement-wrap span, .agreement-wrap strong{font-size:14px !important;}
	.contact_hotspot .raven-hotspot__tooltip::before{top:-10px; left:50%; transform: translate(-50%,0) rotate(90deg);}
	.contact_hotspot .raven-hotspot__tooltip{display:none !important;}
	.sub-contact-form .section-title { flex: 0 0 200px; }
	.br05{display:block !important;}
	.field-desc{font-size:13px !important; margin-left:4px !important;}
.sub-contact-form .field-wrap input, .sub-contact-form .radio-wrap{height:45px !important;}

}
@media (max-width:767px){
	.br767{display: none;}
	.br04{display:block !important;}
	.maincounter .elementor-counter-number-suffix{font-size:22px !important;}
	.about_tabs .e-n-tab-title[aria-selected=true], .about_tabs .e-n-tab-title[aria-selected=true] span { font-size: 22px !important; }
	.patent-carousel .swiper::before,
	.patent-carousel .swiper::after{opacity:0 !important;}
	.sub-contact-form .form-section { flex-direction: column; gap: 20px; }
	.sub-contact-form .section-title { flex: none; width: 100%; border-bottom: 2px solid #222; padding-bottom: 10px; }
	.sub-contact-form .section-title h3{font-size:24px !important;}
	.sub-contact-form .field-row.two-col { grid-template-columns: 1fr; }
	.sub-contact-form .form-bottom-section { flex-direction: column; align-items: flex-start; gap: 30px; }
	.sub-contact-form .submit-wrap { width: 100%; }
	.sub-contact-form .submit-wrap input[type="submit"] { width: 100%; }
	.sub-contact-form .section-fields{width:100% !important;}
	.field-desc{font-size:12px !important;}


}