@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&display=swap');


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

* br767 - 767
* br1024 - 1024
* br03 - 1200
* br04 - 
* br05 - 
*/

/* ************************************************
*************** Jupiter X Reset *******************
************************************************* */
/* Reset */
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: "Noto Sans SC",  -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 ************************
************************************************* */
.jupiterx-header{position: absolute !important;}

.home #header.on{background-color: #fff; border-bottom: 1px solid #D1D1D1;}
.home #header.on .logo img{content: url(/wp-content/uploads/2025/11/logo-d.svg) !important;}
.home #header.on .lang svg path{fill: #222;}
.home #header.on .lang .elementor-icon-list-text{color: #222;}
.home #header.on .nav-menu nav > ul > li > a{color: #222;}


/* ************************************************
********************* MAIN ************************
************************************************* */

/* sec01 */
.txt-bold{font-weight:700 !important;}
.main-hero { position:relative !important; }
.main-hero .jet-slider__item .jet-slider__content-inner{max-width:1440px !important;}
.main-hero .jet-slider__item .jet-slider__content-inner>.elementor, .hero-motion{width:100% !important;}
.main-hero .sp-arrows {position:absolute!important; top:56%!important; left:50%!important; transform:translateX(-50%)!important; width:1440px!important; max-width:100%; display:flex!important; justify-content:flex-start; align-items:center; gap:16px; z-index:99; padding:0 20px!important;}
.main-hero .sp-arrows .sp-arrow {position:static!important; top:auto!important; left:auto!important; right:auto!important; margin:0!important; transform:none!important; width:60px; height:60px; border-radius:50%; background:rgba(255,255,255,0.9); display:flex; align-items:center; justify-content:center; transition:0.25s;}
/* 메인 히어로 디바이더 로딩 애니메이션 */
.hero-divider .elementor-divider-separator {transform-origin: center center; transform: scaleX(0);}
.hero-divider.is-loaded .elementor-divider-separator{animation: heroDividerExpand 2.0s ease-out forwards;}
@keyframes heroDividerExpand {
	to {
		transform: scaleX(1);
	}
}

/* sec03 */
.sec03-hover:hover{background: #0080C9 !important;}
.sec03-hover:hover .jet-headline span{color:#fff !important;}
.jet-headline span, .elementor-icon svg, .sec03-hover{transition: all .4s ease-in-out !important;}
.sec03-hover:hover .elementor-icon svg{fill: rgba(255, 255, 255, 0.3) !important;}

/* sec04 */
.sec04-hover .sec04-body{transform: translateY(180%) !important;}
.sec04-hover:hover .sec04-body{transform: translateY(0) !important;}
.sec04-hover:hover .sec04-hover-img{transform:scale(1.2) !important;}
.sec04-body, .sec04-hover-img{transition: all 0.6s ease-in-out !important; }
.sec04-hover-img::after {content:""; position:absolute; inset:0; pointer-events:none; opacity:0.6; background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.70) 100%); transition:all ease-in-out .6s !important;}
.sec04-hover:hover .sec04-hover-img::after {opacity:1; background: background: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.90) 100%);}
.sec04-circle {aspect-ratio:1/1!important;width:100%!important;max-width:280px!important;}
.sec04-center-hover:hover .sec04-circle{background: #fff !important; }
.sec04-center-hover:hover .sec04-circle svg{fill:#0080C9 !important;}
.sec04-center-hover:hover .sec04-circle span{color:#0080C9 !important;}

/* sec05 */
.reviewbg-none .elementor-image-box-wrapper{display:flex !important; gap:12px !important; align-items: center !important;}

/* sec06 */
.last-banner-position{top: 50% !important;
    transform: translateY(-50%) !important;}



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



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


/* ************************************************
***************** RESPONSIBILITY *******************
************************************************* */
@media (min-width:1025px){
	.sec04-center-hover:hover .sec04-c-01{transform:translatex(-50px) !important;}
	.sec04-center-hover:hover .sec04-c-03{transform:translatex(50px) !important;}
	.sec04-c-01{transform:translatex(15px) !important; transition:all 3.0 ease-in-out !important;}
	.sec04-c-03{transform:translatex(-15px) !important; transition:all 3.0 ease-in-out !important;}
}

@media (max-width:1200px){

}
@media (max-width:1024px){
	.br1024{display: none;}
	.main-hero .sp-arrows{top:63% !important;}
	.sec04-hover .sec04-body{transform: translateY(0%) !important;}
	.sec04-hover .sec04-hover-img::after {opacity:1 !important; }
	/* sec05 */
	.reviewbg-none{background:none !important;}
	.last-banner-position{position:static !important; transform: translateY(0) !important;}
}
@media (min-width:768px){
	.sec04-c-01{transform:translatex(10px) !important;}
	.sec04-c-03{transform:translatex(-10px) !important;}
}
@media (max-width:767px){
	.br767{display: none;}
	.main-hero .sp-arrows{top:60% !important;}
	.sec04-center-hover .sec04-c-01{transform:translatey(20px) !important;}
	.sec04-center-hover .sec04-c-03{transform:translatey(-20px) !important;}
}
@media (max-width:600px){

}