@charset "utf-8";
#fp-nav{display:flex;flex-direction:column;align-items:center}
#fp-nav ul li :is(a,.business-card) span,
.fp-slidesNav ul li :is(a,.business-card) span{width:6px;height:6px;background:transparent;border:1px solid #dadada}
#fp-nav ul li :is(a,.business-card).active span,
.fp-slidesNav ul li :is(a,.business-card).active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{width:6px;height:6px;background:var(--color-secondary);margin:-2px 0 0 -2px;border:none}
#fp-nav .fp-nav-label{text-align:center;font-size:1.4rem;color:#d3d3d3;margin-bottom:16px;writing-mode:vertical-lr;letter-spacing:1px}
.sec_tit > span{display:block;margin-bottom:20px;font-family:"Play-bold";font-size:2.2rem;color:var(--color-primary)}
.sec_tit h2{line-height:1.2}
.sec_tit h2 span{font-weight:600}

@media (max-width:1280px){
    .sec_tit{text-align:center}
    .sec_tit > span{font-size:2rem}
}
@media (max-width:1024px){
    .sec02, .sec03, .sec04{padding:80px 0}
}
@media (max-width:768px){
    .sec02, .sec03, .sec04{padding:60px 0}
    .sec_tit > span{
        font-family:"Pretendard",sans-serif;
        font-size:1.8rem;
        font-weight:700;
        letter-spacing:.01em;
        font-variant-ligatures:none;
        font-feature-settings:"liga" 0,"clig" 0;
    }
}

/* sec01 */
.sec01{position:relative}
.sec01 .visual_area{width:100%;height:100vh}
.sec01 .visual_area .swiper-slide{position:relative;background-color:#07131a}
.sec01 .visual_area .swiper-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,16,0.46) 0%,rgba(2,10,16,0.24) 50%,rgba(2,10,16,0.5) 100%),linear-gradient(180deg,rgba(0,0,0,0.08) 0%,rgba(0,0,0,0.32) 100%);pointer-events:none}
.sec01 .visual_area .visual00{background:url("../image/main/hero-modern-factory-poster.webp") no-repeat center / cover}
.sec01 .visual_area .visual00::after{background:linear-gradient(90deg,rgba(1,9,16,0.56) 0%,rgba(1,9,16,0.36) 43%,rgba(1,9,16,0.14) 75%,rgba(1,9,16,0.26) 100%),linear-gradient(180deg,rgba(0,0,0,0.03) 0%,rgba(0,0,0,0.2) 100%)}
.sec01 .visual_area .visual01{background:url("../image/main/hero-smart-factory-enhanced.webp") no-repeat center / cover}
.sec01 .visual_area .visual01::after{background:linear-gradient(90deg,rgba(2,10,16,0.34) 0%,rgba(2,10,16,0.16) 50%,rgba(2,10,16,0.38) 100%),linear-gradient(180deg,rgba(0,0,0,0.04) 0%,rgba(0,0,0,0.24) 100%)}
.sec01 .visual_area .visual02{background:url("../image/main/hero-vision-system-enhanced.webp") no-repeat center / cover}
.sec01 .visual_area .visual03{background:url("../image/main/hero-ix-series-enhanced.webp") no-repeat center / cover}
.sec01 .visual_area .visual04{background:url("../image/main/hero-ixt-series-film-line-v2.jpg") no-repeat center / cover}
.sec01 .visual_area .visual04::after{background:linear-gradient(90deg,rgba(2,10,16,0.48) 0%,rgba(2,10,16,0.25) 38%,rgba(2,10,16,0.08) 68%,rgba(2,10,16,0.12) 100%),linear-gradient(180deg,rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.16) 100%)}
.sec01 .visual_area .hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.sec01 .visual_txt{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1}
.sec01 .hero_copy{max-width:1120px;transition:opacity .24s ease,transform .24s ease}
.sec01 .hero_copy.is-changing{opacity:0;transform:translateY(14px)}
.sec01 .hero_kicker.animate,
.sec01 .hero_title.animate,
.sec01 .hero_description.animate,
.sec01 .slide_control.animate{animation-name:hero-intro;animation-duration:1.15s;animation-timing-function:cubic-bezier(0.22,1,0.36,1);animation-fill-mode:both}
.sec01 .hero_kicker.animation-complete,
.sec01 .hero_title.animation-complete,
.sec01 .hero_description.animation-complete,
.sec01 .slide_control.animation-complete{animation:none !important;opacity:1;transform:none;filter:none;will-change:auto}
.sec01 .hero_kicker.animate{animation-delay:.12s !important}
.sec01 .hero_title.animate{animation-delay:.3s !important}
.sec01 .hero_description.animate{animation-delay:.5s !important}
.sec01 .slide_control.animate{animation-delay:.68s !important}
.sec01 .hero_kicker_wrap{margin-bottom:18px}
.sec01 .hero_kicker{font-family:"Play-bold";font-size:2rem;color:#2ad4e5;text-shadow:0 2px 12px rgba(0,0,0,0.65)}
.sec01 .visual_txt strong{font-size:7rem;font-family:"Pretendard",sans-serif;font-weight:600;line-height:1.2;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,0.55)}
.sec01 .hero_title{max-width:100%;font-family:"Pretendard",sans-serif;font-weight:600;letter-spacing:0;word-break:keep-all}
.sec01 .visual_txt p{max-width:920px;margin-top:30px;font-size:2.4rem;line-height:1.6;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,0.58);word-break:keep-all}
.sec01 .slide_control{display:flex;align-items:center;gap:10px;margin-top:60px}
.sec01 .slide_control .control_btn{position:relative;width:36px;height:36px;border-radius:50%;border:4px solid #fff}
.sec01 .slide_control .visual_slide_prev{background:url("../image/icon/arrow_w.png")no-repeat center}
.sec01 .slide_control .visual_slide_next{background:url("../image/icon/arrow_w.png")no-repeat center;transform:rotate(180deg)}
.sec01 .slide_control .autoplay_wrap{position:relative;width:36px;height:36px}
.sec01 .slide_control .autoplay_wrap .progress_ring{position:absolute;top:0;left:0;transform:rotate(-90deg)}
.sec01 .slide_control .autoplay_wrap .progress_ring .progress_ring_cir{stroke-dasharray:97.39;stroke-dashoffset:97.39;transition: stroke-dashoffset 5000ms linear}
.sec01 .slide_control .autoplay_btn{position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;border-color:rgba(255,255,255,0.3)}
.sec01 .slide_control .autoplay_btn.playing{background:url("../image/icon/pause.png")no-repeat center}
.sec01 .slide_control .autoplay_btn.paused{background:url("../image/icon/play.png")no-repeat center}
.sec01 .hero_slide_number{display:flex;align-items:center;width:98px;height:36px;margin-left:10px;font-family:"Play-bold","Pretendard",sans-serif;line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,0.5)}
.sec01 .hero_slide_current{width:28px;font-size:2rem;color:#2ad4e5;text-align:center;font-variant-numeric:tabular-nums}
.sec01 .hero_slide_divider{flex:0 0 24px;height:1px;margin:0 7px;background:rgba(255,255,255,0.58)}
.sec01 .hero_slide_total{width:25px;font-size:1.4rem;color:rgba(255,255,255,0.82);text-align:center;font-variant-numeric:tabular-nums}

@keyframes hero-intro{
    0%{opacity:0;transform:translate3d(0,34px,0);filter:blur(7px)}
    55%{filter:blur(0)}
    100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
}

@media (max-width:1500px){
    .sec01 .visual_txt strong{font-size:6rem}
    .sec01 .visual_txt p{font-size:2rem}
}
@media (max-width:1280px){
    .sec01 .visual_txt strong{font-size:5rem;text-align:center}
    .sec01 .hero_copy{text-align:center}
    .sec01 .visual_txt p{height:3.2em;margin-top:30px;text-align:center}
    .sec01 .slide_control{justify-content:center}
}
@media (max-width:1024px){
    /* 텍스트 조상에도 transform을 남기지 않아 모바일 합성 레이어를 해제합니다. */
    .sec01 .visual_area{height:100vh;height:100svh;min-height:560px}
    .sec01 .visual_txt{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;transform:none;padding-top:100px;padding-bottom:40px}
    .sec01 .hero_copy,
    .sec01 .hero_copy.is-changing{opacity:1;transform:none;transition:none}
}

@media (max-width:768px){
    .sec01 .visual_area .modern-factory-video{object-position:62% center}
    .sec01 .visual_area .visual02{background-position:38% center}
    .sec01 .visual_area .visual03{background-position:34% center}
    .sec01 .visual_area .visual04{background-position:38% center}
    .sec01 .hero_copy > .text_up{overflow:visible}
    .sec01 .hero_kicker_wrap{margin-bottom:14px;line-height:1.45}
    .sec01 .hero_kicker{display:block;font-family:"Pretendard",sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:.04em;text-shadow:none}
    .sec01 .visual_txt strong{height:auto;min-height:2.4em;font-size:4rem}
    .sec01 .visual_txt p{height:auto;min-height:4.65em;margin-top:22px;font-size:1.8rem;line-height:1.55}
    .sec01 .hero_kicker,
    .sec01 .hero_title,
    .sec01 .hero_description,
    .sec01 .slide_control{
        position:static;
        animation:none !important;
        animation-delay:0s !important;
        animation-fill-mode:none !important;
        opacity:1 !important;
        top:auto !important;
        transform:none !important;
        filter:none !important;
        will-change:auto !important;
        backface-visibility:visible;
        contain:none;
    }
    .sec01 .hero_kicker.animate,
    .sec01 .hero_title.animate,
    .sec01 .hero_description.animate,
    .sec01 .slide_control.animate{animation:none !important}
    .sec01 .hero_title,
    .sec01 .hero_description{text-shadow:none;text-rendering:auto}
    .sec01 .slide_control{margin-top:42px}
}
@media (max-width:420px){
    .sec01 .visual_txt strong{font-size:3.4rem}
    .sec01 .visual_txt p{font-size:1.7rem}
}
@media (max-width:360px){
    .sec01 .visual_txt p{height:auto;min-height:6.2em}
}
@media (prefers-reduced-motion:reduce){
    .sec01 .visual_area .hero-video{display:none}
    .sec01 .hero_copy{transition:none}
    .sec01 .hero_kicker.animate,
    .sec01 .hero_title.animate,
    .sec01 .hero_description.animate,
    .sec01 .slide_control.animate{animation:none;opacity:1;transform:none;filter:none;will-change:auto}
}

/* sec02 */
.sec02::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:46%;background:#f0f0f0}
.sec02 .inner{position:relative}
.sec02 .rotate_btn{position:absolute;top:0;right:0}
.sec02 .rotate_btn a{position:relative;display:block;width:130px;height:130px}
.sec02 .rotate_btn a svg{display:block;width:100%;height:100%;font-family:'Play_regular';animation:rotateCircle 7s linear infinite;transform-origin:50% 50%}
.sec02 .rotate_btn a .center_con{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;width:90px;height:90px;background:var(--color-secondary);border-radius:50%;color:#fff;transform: translate(-50%,-50%);}
.sec02 .rotate_btn a .center_con span{font-size:1.5rem;font-weight:500}
.sec02 .rotate_btn a .center_con i{width:28px;height:28px;background:url("../image/icon/sec2_arrow.png");animation: bounce .7s infinite ease-in-out alternate}

.sec02 .sec_tit{text-align:center}
.sec02 .business_wrap{margin-top:80px}
.sec02 .business_wrap .business_box{display:flex;gap:30px}
.sec02 .business_wrap .business_box li{flex:1;min-width:0}
.sec02 .business_wrap .business_box li :is(a,.business-card){position:relative;display:flex;align-items:flex-end;justify-content:center;height:350px;padding:40px 35px;border-radius:12px;color:#fff;overflow:hidden;box-shadow:0 0 12px rgba(0, 0, 0, 0.3);transition:all 0.2s}
.sec02 .business_wrap .business_box li :is(a,.business-card):hover{align-items:center;border-radius:130px}
.sec02 .business_wrap .business_box li :is(a,.business-card)::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,12,18,0.08) 18%,rgba(3,12,18,0.88) 100%);z-index:0;transition:background .25s}
.sec02 .business_wrap .business_box li :is(a,.business-card):hover::before{background:rgba(0,153,163,0.86)}
.sec02 .business_wrap .business_box li:first-child a{background:#0d171d url("../image/main/inspection-expiration-enhanced.webp") no-repeat center / cover}
.sec02 .business_wrap .business_box li:nth-child(2) a{background:#0d171d url("../image/main/inspection-package-enhanced.webp") no-repeat center / cover}
.sec02 .business_wrap .business_box li:nth-child(3) a{background:#0d171d url("../image/main/inspection-foreign-object-enhanced.webp") no-repeat center / cover}
.sec02 .business_wrap .business_box li:nth-child(4) a{background:#0d171d url("../image/main/inspection-missing-enhanced.webp") no-repeat center / cover}
.sec02 .business_wrap .business_box li:last-child a{background:#0d171d url("../image/main/inspection-label-enhanced.webp") no-repeat center / cover}
.sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap{position:relative;z-index:1;text-align:center}
.sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap span{display:block;font-family:"Play-bold";font-size:1.8rem}
.sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap em{display:block;font-size:2.2rem;font-weight:600}
.sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap .hide{height:0;opacity:0;transform: translateY(20px);transition: all 0.2s}
.sec02 .business_wrap .business_box li :is(a,.business-card):hover .txt_wrap .hide{height:fit-content;margin-top:20px;opacity:1;transform: translateY(0)}
.sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap .hide::after{content:"";display:block;width:30px;height:30px;margin:60px auto 0;background:url("../image/icon/sec2_more_icon.png")}
.sec02 .business_wrap .business_box li :is(a,.business-card):hover .txt_wrap .hide::after{animation:rotate 0.5s}

@media (max-width:1500px){
    .sec02 .rotate_btn{right:20px}
    .sec02 .business_wrap .business_box li :is(a,.business-card){padding:30px 20px}
    .sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap em{font-size:1.8rem}
    .sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap .hide::after{margin-top:40px}
}
@media (max-width:1280px){
    .sec02 .business_wrap{overflow:hidden;margin-top:40px}
    .sec02 .business_wrap .business_box{gap:0}
    .sec02 .business_wrap .business_box li{flex:none}
    .sec02 .business_wrap .business_box li :is(a,.business-card){height:280px;padding:40px;box-shadow:none}
    .sec02 .business_wrap .business_box li :is(a,.business-card):hover{border-radius: 200px}
    .sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap em{font-size:2.2rem}
    .sec02 .business_wrap .business_box li :is(a,.business-card) .txt_wrap .hide p br{display:none}
    .sec02 .business_pagination{text-align:center}
    .sec02 .business_pagination .swiper-pagination-bullet-active{background:var(--color-primary)}
}
@media (max-width:1024px){
    .sec02 .business_wrap .business_box li :is(a,.business-card){height:240px;padding:25px}
    .sec02 .rotate_btn{position:unset;margin-top:20px}
    .sec02 .rotate_btn a{margin: auto}
}
@media (max-width:640px){
    .sec02 .business_wrap .business_box li :is(a,.business-card):hover{border-radius:12px}
}

/* sec03 */
.sec03{position:relative;background:url("../image/main/smart-factory-site-enhanced.webp") no-repeat center / cover}
.sec03::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,10,16,0.72) 0%,rgba(2,10,16,0.4) 52%,rgba(2,10,16,0.56) 100%);pointer-events:none}
.sec03 .inner{position:relative;z-index:1}
.sec03 .sec_tit{color:#fff}
.sec03 .more_btn{display:inline-block;padding:15px 30px;margin-top:60px;border-radius:30px;border:1px solid #fff;font-weight:500;transition:background .3s}
.sec03 .more_btn:hover{background:#fff;color:#111}
.sec03 .more_btn i{display:inline-block;width:24px;height:24px;background:url("../image/icon/more_icon.png");vertical-align:sub}
.sec03 .more_btn:hover i{animation:rotate 0.5s}
/* sec04 */
.sec04::before{content:"";position:absolute;right:0;bottom:0;width:960px;height:296px;background:url("../image/common/logo_c.svg?v=20260729-4") no-repeat right bottom / contain;opacity:0.58;pointer-events:none;z-index:-1}
.sec04 .bg_rects{position:absolute;top:6vh;left:10vw;z-index:-1}
@media (max-width: 1920px) {
    .sec04 .bg_rects{top:0;left:0}
}
.sec04 .bg_rects .rect_wrap{position:relative}
.sec04 .bg_rects .rect_wrap .rect{position:absolute;width:400px;height:400px;border-radius:80px;opacity:0.12;border:2px solid#0099A3}
.sec04 .bg_rects .rect_wrap .rect1{animation: spin1 22s linear infinite;}
.sec04 .bg_rects .rect_wrap .rect2{animation: spin2 33s linear infinite  reverse;border-color:#888}

.sec04 .con_wrap{display:flex;align-items:flex-end;justify-content:space-between}
.sec04 .con_wrap .tab_btn{display:flex;gap:10px}
.sec04 .con_wrap .tab_btn button{width:180px;padding:15px;background:#A8A8A8;border-radius:30px;color:#fff;text-align:center;font-weight:500}
.sec04 .con_wrap .tab_btn button.on{background:var(--color-primary)}
.sec04 .news_box{display:none;justify-content:flex-start;gap:30px;margin-top:80px}
.sec04 .news_box.active{display:flex}
.sec04 .news_wrap .news_box li{flex:1 1 calc((100% - 90px) / 4);min-width:0;max-width:420px}
.sec04 .news_wrap .news_box li .news_card{display:block;height:100%;padding:45px 40px;background:#fff;border:1px solid #D7DADF;border-radius:12px;transition:border-color .25s,box-shadow .25s,background-color .25s}
.sec04 .news_wrap .news_box li .news_card:hover{border-color:var(--color-primary);background:#fff;box-shadow:0 10px 24px rgba(0,153,163,0.16)}
.sec04 .news_wrap .news_box li .news_card .news_tit{height:60px;line-height:1.4;margin-bottom:12px;font-size:2.2rem;font-weight:500;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.sec04 .news_wrap .news_box li .news_card:hover .news_tit{color:var(--color-primary)}
.sec04 .news_wrap .news_box li .news_card .desc{height:75px;margin-bottom:30px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:#777}
.sec04 .news_wrap .news_box li .news_card .date{font-family:'Play-regular';color:#9F9F9F}
.sec04 .news_box.is-empty{display:none}
.sec04 .news_box.is-empty.active{display:flex}
.sec04 .news_box .news_empty{flex:1 1 100%;max-width:none}
.sec04 .news_box .news_empty a{display:flex;height:100%;min-height:240px;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1px solid #D7DADF;border-radius:12px;background:rgba(255,255,255,.92);color:#777;text-align:center;transition:border-color .25s,box-shadow .25s}
.sec04 .news_box .news_empty a:hover{border-color:var(--color-primary);box-shadow:0 10px 24px rgba(0,153,163,.14)}
.sec04 .news_box .news_empty strong{color:#333;font-size:2rem;font-weight:600}
.sec04 .news_box .news_empty span{color:var(--color-primary);font-size:1.5rem}

@media (min-width:1025px){
    .sec04 .news_wrap{display:grid}
    .sec04 .news_box,
    .sec04 .news_box.is-empty{grid-area:1 / 1;display:flex;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .18s ease}
    .sec04 .news_box.active,
    .sec04 .news_box.is-empty.active{visibility:visible;opacity:1;pointer-events:auto}
}

@media (max-width:1500px){
    .sec04 .news_wrap .news_box li .news_card{padding:30px}
    .sec04 .news_wrap .news_box li .news_card .news_tit{font-size:2rem}
}
@media (max-width:1280px){
    .sec04::before{content:none}
    .sec04 .con_wrap{gap:30px;flex-direction:column;justify-content:center;align-items:center}
    .sec04 .bg_rects .rect_wrap .rect{width:300px;height:300px}
    .sec04 .news_box{margin-top:40px}
}
@media (max-width:1024px){
    .sec04 .news_box{flex-direction:column;gap:20px}
    .sec04 .news_wrap .news_box li{flex:1 1 auto;max-width:none}
    .sec04 .news_wrap .news_box li .news_card{padding:25px}
    .sec04 .news_wrap .news_box li .news_card .news_tit,
    .sec04 .news_wrap .news_box li .news_card .desc{height:auto}
}
@media (max-width:768px){
    .sec04 .con_wrap .tab_btn button{width:125px;padding:12px}
}
@media (max-width:420px){
}

/* Collections use the same data on desktop and mobile. */
.sec01 .visual_area .swiper-slide{background-repeat:no-repeat;background-position:center;background-size:cover}
.sec01 .hero_link{display:inline-flex;gap:24px;align-items:center;border:1px solid #ffffffaa;border-radius:30px;padding:12px 24px;color:#fff;font-size:1.6rem;margin-top:24px;line-height:1.5}
.sec01 .hero_link:hover{background:#fff;color:#152238}
.sec01 .hero_link[hidden],.sec01 .slide_control[hidden],.sec02 .rotate_btn[hidden]{display:none!important}
.sec02 .business_wrap{overflow:hidden;padding:10px 4px}
.sec02 .business_wrap .business_box{gap:0}
.sec02 .business_wrap .business_box li{flex:0 0 auto;min-width:0}
.sec02 .business_wrap .business_box li .business-card{background-color:#0d171d;background-repeat:no-repeat;background-position:center;background-size:cover}
.sec02 .business-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}
.sec02 .business-controls .business_pagination{width:auto;max-width:70%;text-align:center}
.sec02 .business-controls button{width:38px;height:38px;border:1px solid #bcc6cd;background:transparent;border-radius:50%;color:#243644;cursor:pointer;font-size:18px}
.sec02 .business-controls button:disabled{opacity:.35;cursor:default}
.sec02 .business-controls .swiper-button-lock,.sec02 .business-controls .swiper-pagination-lock{display:none}
.sec02 .business_pagination .swiper-pagination-bullet{margin:4px}
.sec02 .business_pagination .swiper-pagination-bullet-active{background:var(--color-primary)}
.sec02 .business_wrap .business_box li div.business-card .hide::after{display:none}
@media(max-width:768px){.sec01 .hero_link{padding:9px 18px;font-size:1.4rem;margin-top:16px}.sec02 .business-controls{margin-top:16px}}