/*─────────────────────────────────────────────────────────
    Base
─────────────────────────────────────────────────────────*/
    #wrap{position:relative; overflow-x:clip;}
    .w_custom{position: relative; width: calc(100% - 60px); max-width: var(--container); margin-inline: auto;}
    main{padding-block: var(--row-gap140);}
    main:has(.full-sec){width: 100%; max-width: 100%;}
    main:has(.pt-dn){padding-top: 0;}
    main:has(.pd-dn){padding-bottom: 0;}

    .svg-sprite{position:absolute; width:0; height:0; overflow:hidden;}
    .ico{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:-0.125em;}
    .ico-fill{width:1em; height:1em; fill:currentColor; stroke:none; flex-shrink:0; vertical-align:-0.125em;}

    .blind{position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap; border:0;}

    .skip-nav a{position:fixed; left:50%; top:0; z-index:9999; display:inline-block; padding:12px 24px; background:var(--brand); color:var(--on-brand); font-weight:700; transform:translate(-50%,-150%); transition:transform .2s;}
    .skip-nav a:focus{transform:translate(-50%,0);}

    .link{position: absolute; inset: 0; z-index: 3;}

    @media (max-width:860px) {
        .w_custom{width: calc(100% - 40px);}
    }
    @media (max-width:360px) {
        .w_custom{width: calc(100% - 30px);}
    }
/*─────────────────────────────────────────────────────────
    FAQ
─────────────────────────────────────────────────────────*/
    .pf-faq-wrap { padding-bottom: 3rem; }
    .pf-faq { margin-top: 2.5rem; }
    .pf-faq-title { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; }
    .pf-faq-title-sub { color: #94a3b8; font-size: .875rem; font-weight: 400; }
    .pf-faq-list { display: flex; flex-direction: column; gap: .5rem; }
    .pf-faq-item { border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
    .pf-faq-toggle { width: 100%; text-align: left; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; background: transparent; border: 0; cursor: pointer; transition: background-color .15s; }
    .pf-faq-toggle:hover { background: rgba(248, 250, 252, .6); }
    .pf-faq-q { display: flex; align-items: center; gap: .75rem; min-width: 0; }
    .pf-faq-badge { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; }
    .pf-faq-badge--q { background: #1b1b1b; }
    .pf-faq-badge--a { background: #707070; }
    .pf-faq-question { font-weight: 500; font-size: .875rem; color: #0f172a; }
    .pf-faq-arrow { width: 1.25rem; height: 1.25rem; color: #94a3b8; flex-shrink: 0; transition: transform .2s; }
    .pf-faq-item.is-open .pf-faq-arrow { transform: rotate(180deg); }
    .pf-faq-answer { display: none; }
    .pf-faq-a { display: flex; gap: .75rem; border-top: 1px solid #e2e8f0; padding: 1rem 1.25rem; background: rgba(248, 250, 252, .6); }
    .pf-faq-answer-text { flex: 1; font-size: .875rem; color: #0f172a; line-height: 1.625; white-space: pre-line; }
    .pf-faq-answer-text.db-user-content { white-space: normal; } 
    .pf-faq-prefix { font-size: .75rem; background: #e2e8f0; color: #334155; padding: .125rem .375rem; border-radius: .25rem; margin-right: .25rem; }


/*─────────────────────────────────────────────────────────
    Buttons
─────────────────────────────────────────────────────────*/
    .btn{display:inline-flex;align-items:center;justify-content:center;text-align: center;gap:10px;min-height: clamp(50px, 6.1vw, 56px);padding: 10px clamp(25px, 4.4vw, 34px);border-radius:var(--r-md);font-size: var(--text-18);font-weight:600;line-height:1.4;transition: all 0.4s;}
    .btn .ico{font-size:1.1em; stroke-width:2.2;}
    .btn-hero{background: var(--brand-2);color: var(--point-white);}
    .btn-hero:hover{background:var(--brand-2);}

    .btn-calc{background:var(--brand-2); color:var(--point-white); box-shadow:none; min-height:50px; padding:13px 30px;}
    
    .header.scrolled .btn-calc{color:var(--point-white);}

    .btn-outline-ink{background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1.5px var(--ink);}
    

    .btn-banner-link{background:var(--brand-2); color:var(--point-white); width:fit-content;}
    

    .link-more{display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:600; color:var(--ink); transition:color .2s;}
    .link-more::after{content:'→'; display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:var(--cloud-2); color:var(--ink); font-size:15px; transition:background-color .25s, color .25s, transform .25s;}
    

        @media (hover: hover) and (pointer: fine) {
            .btn-calc:hover{background:var(--brand-2);}
            .btn-outline-ink:hover{background:var(--ink); color:#fff;}
            .btn-banner-link:hover{background:var(--brand-2);}
            .link-more:hover{color:var(--brand);}
            .link-more:hover::after{background:var(--brand); color:#fff; transform:translateX(3px);}
        }

/*─────────────────────────────────────────────────────────
    Section 공통 — 좌측정렬 헤더 (Hanwha)
─────────────────────────────────────────────────────────*/
    .section{padding:var(--row-gap140) 0;}
    .section-cloud{background:var(--cloud);}

    .sec-head{text-align:left;margin-bottom: var(--row-gap60);text-wrap: balance;}
    .sec-head.cen{text-align: center;}
    .sec-head.mb-m{margin-bottom: var(--row-gap30);}
    .industry-section{background:#fafafa;}
    .industry-section .sec-head{text-align:center;}
    .sec-head-left{text-align:left; margin-bottom:var(--row-gap25);}
    .sec-eyebrow{display:block;font-family:var(--font-en);font-weight:400;font-size: var(--text-20);line-height:1.4;letter-spacing:0;color:var(--brand);margin-bottom:16px;}
    .sec-eyebrow.bk{color:var(--black-color01); font-family:var(--font-type01);}
    .sec-title{font-size:var(--text-50);font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:-0.03em;}
    .sec-desc{margin-top:16px; font-size:var(--text-20); font-weight:400; line-height:1.7; color:#555;}
    #indTitle{font-size:var(--text-46);}



/*─────────────────────────────────────────────────────────
    Header 
─────────────────────────────────────────────────────────*/
    #header{position:fixed;top:0;left:0;width:100%;z-index:1000;background: var(--point-white);border-bottom:1px solid var(--hairline);box-shadow: var(--shadow-01);transition:all 0.4s;}
    #header .w_custom{max-width: 1795px;display:grid;grid-template-columns:auto auto 1fr;align-items:center;height:var(--header-h);gap: 15px;}

    #header .logo{position:relative;height: 100%;display: flex;align-items: center;padding-block: 10px;}
    #header .logo a{display: flex;height: 100%;max-height: 60px;}

    #header .gnb-nav{justify-self:start;margin-left: clamp(40px, 3.8vw, 72px);}
    #header .gnb{display:flex; gap:clamp(36px,4vw,66px);}
    #header .gnb > li{position:relative;}
    #header .gnb > li > a{position:relative;display:flex;align-items:center;height:var(--header-h);font-size:20px;font-weight: 700;color: var(--ink);transition: filter, color 0.4s;}
    #header .sub-menu{position:fixed;z-index:999;top:var(--header-h);left:0;width:100%;background: var(--point-white);border-top:1px solid var(--hairline);box-shadow:0 36px 44px rgba(10,12,16,.16);opacity:0;visibility:hidden;}
    #header .gnb > li.is-active .sub-menu{opacity:1; visibility:visible;}
    #header .sub-menu-inner{padding:clamp(32px,3.6vw,52px) clamp(20px,3.33vw,60px); display:flex; gap:clamp(32px,4vw,56px);}
    #header .sub-menu-title-col{flex:0 0 auto; width:clamp(190px,17vw,260px); border-right:1px solid var(--hairline); padding-right:clamp(16px,2vw,28px);}
    #header .sub-menu-title-col h3{font-family:var(--font-head); font-size:var(--text-30); font-weight:800; color:var(--ink); letter-spacing:-0.02em; display:flex; flex-direction:column; gap:8px;}
    #header .sub-menu-title-col h3 span{font-family:var(--font-en); font-size:17px; font-weight:500; color:var(--muted);}
    #header .sub-menu-groups{flex:1; min-width:0;}
    #header .sub-menu-group{display:none;}
        #header .sub-menu-group.is-active{display:block;}
    #header .sub-menu-inner-flyout{align-items:stretch; height:var(--submenu-h, auto); overflow-y:auto;}
    #header .sub-menu-tabs-col{flex:0 0 auto; width:clamp(180px,16vw,240px); border-right:1px solid var(--hairline); padding-right:clamp(24px,3vw,48px);}
    #header .sub-menu-tabs{display:grid; gap:2px;}
    #header .sub-menu-tabs .sub-menu-tab{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 4px;font-size:17px;font-weight:600;color:var(--charcoal);transition:color .2s;text-align:left;}
    #header .sub-menu-tab-arrow{font-size:16px; color:var(--ink); flex-shrink:0; transition:color .2s;}
    #header .sub-menu-grid{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
    #header .sub-menu .sub-menu-grid a{display:flex; align-items:center; justify-content:flex-start; gap:12px; text-align:left; min-height:60px; padding:18px 26px; background:var(--cloud); border-radius:var(--r-md);}
    #header .sub-menu .sub-menu-grid a .ico{flex-shrink:0; font-size:23px; color:var(--ink); transition:color .2s;}
    #header .sub-menu-grid-img{flex-shrink:0; width:44px; height:44px; object-fit:contain;}
    @media (min-width:1025px){
        #header .gnb > li.is-active .sub-menu-grid li{animation:subMenuGridIn .45s cubic-bezier(.25,1,.5,1) both;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(1){animation-delay:.03s;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(2){animation-delay:.07s;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(3){animation-delay:.11s;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(4){animation-delay:.15s;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(5){animation-delay:.19s;}
        #header .gnb > li.is-active .sub-menu-grid li:nth-child(6){animation-delay:.23s;}
    }
    @keyframes subMenuGridIn{from{opacity:0; transform:translateY(12px);} to{opacity:1; transform:none;}}
    #header .sub-menu a{display:block; padding:10px 4px; font-size:15px; color:var(--charcoal); border-radius:var(--r-md); transition:background-color .2s, color .2s;}

    #header .header-utill{position:relative; display:flex; align-items:center; gap:16px; justify-self:end;}
    #header .header-search{display:flex; align-items:center; width:260px; height:50px; padding:0 6px 0 16px; border-radius:var(--r-md); background:var(--cloud); border:1px solid var(--trans-color); transition:all 0.4s;}
    #header .header-search input{flex:1;min-width:0;background:none;border:0;outline:none;color: var(--ink);font-size:14px;letter-spacing: 0;padding-inline: 0;height: 100%;}
    #header .header-search input::placeholder{color:var(--muted);}
    #header .header-search-submit{display:inline-flex;align-items:center;justify-content:center;width:30px;aspect-ratio: auto 1;flex:none;font-size:18px;color: var(--graphite);transition:all 0.4s;}
    #header .menu-toggle{display:none; position:relative; width:44px; height:44px;}
    #header .menu-toggle .bar{display:block; position:absolute; left:50%; top:21px; width:24px; height:2px; background:var(--ink); transform:translateX(-50%); transition:all 0.4s;}
    #header .menu-toggle .bar:nth-child(2){top:13px;} 
    #header .menu-toggle .bar:nth-child(4){top:29px;}


        /* color */
        #header:not(.on){background: rgb(0 0 0 / 30%);border-color: var(--trans-color);box-shadow: none;}
        #header:not(.on) .gnb > li > a{filter: var(--filter-white);}
        

        #header:not(.on) .header-search{background:rgb(255 255 255 / 14%); border-color: rgb(255 255 255 / 30%);}
        #header:not(.on) .header-search input{color: var(--point-white);}
        #header:not(.on) .header-search input::placeholder{color:rgb(255 255 255 / 65%);}
        #header:not(.on) .header-search-submit{color:rgb(255 255 255 / 85%);}
        #header:not(.on) .menu-toggle .bar{background: var(--point-white);}


        /* over */
        @media (min-width:1201px) {
            #header .gnb > li.is-active > a, #header .sub-menu-tabs :is(.sub-menu-tab.is-active, .sub-menu-tab.is-active .ico){color: var(--brand);}

            #header:not(.on):hover{background: var(--point-white); border-color: var(--hairline);}
            #header:not(.on):hover .gnb > li > a{filter:none;}
            #header .sub-menu-tabs :is(.sub-menu-tab:hover, .sub-menu-tab:hover .ico){color: var(--brand);}
            #header .sub-menu .sub-menu-grid a:hover{background: var(--brand); color: var(--point-white);}
            #header .sub-menu .sub-menu-grid a:hover svg{filter: var(--filter-white);}

            #header:not(.on):hover .header-search{background: var(--cloud);border-color: var(--trans-color);}
            #header:not(.on):hover .header-search input{color: var(--ink);}
            #header:not(.on):hover .header-search input::placeholder{color:var(--muted);}
            #header:not(.on):hover .header-search-submit{color: var(--graphite);}
            #header:not(.on):hover .menu-toggle .bar{background: var(--ink);}
        }

    @media (max-width:1200px){
        body:has(#header .gnb-nav.open){overflow: clip;}
        #header:has(.gnb-nav.open){background: var(--point-white);}
        #header:has(.gnb-nav.open) .header-search{background: var(--cloud);border-color: var(--trans-color);}
        #header:has(.gnb-nav.open) .header-search input{color: var(--ink);}
        #header:has(.gnb-nav.open) .header-search input::placeholder{color:var(--muted);}
        #header:has(.gnb-nav.open) .header-search-submit{color: var(--ink);}
        #header .menu-toggle{display:inline-flex;}
        #header .btn-calc{display:none;}
        #header :has(.gnb-nav.open){box-shadow:none;} 
        #header .w_custom{display: flex;align-items: center;justify-content: space-between;}
        #header .header-utill{justify-self:end; margin-left:auto; justify-content:flex-end; gap:6px;}
        #header .gnb-nav{position:fixed;top:var(--header-h);right:0;width:100%;height:calc(100dvh - var(--header-h));background:#fff;box-shadow:none;padding:20px;overflow-y:auto;transform:translateX(105%);transition: all 0.4s;}
        #header .gnb-nav.animatable{transition:all 0.4s;} 
        #header .gnb-nav.open{transform:none;}
        #header .gnb{flex-direction:column; gap:0;}
        #header .gnb > li > a{height:auto; padding:16px 6px; font-size:18px; border-bottom:1px solid var(--hairline); justify-content:space-between;}
            #header .gnb > li.mob-open > a{color: var(--brand);}
        #header:not(.on) .gnb > li > a{filter: none;}
        #header .gnb > li > a::after{content:''; flex-shrink:0; width:9px; height:9px; margin-left:12px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:all 0.4s;}
        #header .gnb > li:not(:has(.sub-menu)) > a::after{display:none;}
        #header .gnb > li.mob-open > a::after{transform:rotate(-135deg);}
        #header::after{display:none;}
        #header .sub-menu{position:static; transform:none; opacity:1; visibility:visible; box-shadow:none; border-top:0; width:auto; max-height:0; overflow:hidden; transition:all 0.4s;}
        #header .gnb > li.mob-open > .sub-menu{max-height:3000px;}
        #header .sub-menu-inner{flex-direction:column; gap:20px; padding:8px 0 16px;}
        #header .sub-menu-inner-flyout{height:auto; overflow-y:visible;}
        #header .sub-menu-title-col{display:none;}
        #header .sub-menu-tabs-col{width:auto; border-right:0; padding-right:0;}
        #header .sub-menu-groups{flex-direction:column; gap:20px;}
        #header .sub-menu-groups:not(:has(*)){display: none;}
        #header .sub-menu-group.is-active{margin:10px 0 6px;}
        #header .sub-menu-groups .sub-menu-group{display:none;}
        #header .sub-menu-group-title{margin-bottom:10px; padding-bottom:8px;}
        #header .sub-menu-grid{grid-template-columns:1fr;}
        #header .sub-menu a{padding:8px 18px;}
        #header .sub-menu-tab-arrow{display:none;}
        #header .sub-menu-tab[data-group]{position:relative; padding-right:30px;}
        #header .sub-menu-tab[data-group]::after{content:''; position:absolute; right:6px; top:50%; width:8px; height:8px; margin-top:-6px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); transition:transform .3s;}
        #header .sub-menu-tabs > li:not(:has(.sub-menu-grid)) .sub-menu-tab[data-group]::after{display: none;}
        #header .sub-menu-tabs > li.mob-open .sub-menu-tab::after{transform:rotate(-135deg); margin-top:-2px;}
        #header .sub-menu-tabs > li.mob-open .sub-menu-tab{color:var(--brand);}
        #header .menu-toggle[aria-expanded="true"] .bar:nth-child(3){opacity:0;}
        #header .menu-toggle[aria-expanded="true"] .bar:nth-child(2){top:21px; transform:translateX(-50%) rotate(45deg);}
        #header .menu-toggle[aria-expanded="true"] .bar:nth-child(4){top:21px; transform:translateX(-50%) rotate(-45deg);}
        #header:has(.gnb-nav.open) .menu-toggle .bar{background: var(--ink);}
        #header .sub-menu-group.is-active{display: none;}
        #header .mob-open > .sub-menu-group{display: block; margin-block: 10px 6px;}
        #header .sitemap-col{display:none;}
    }

    @media (max-width:640px) {
        #header .header-search{width: auto;height: auto;background: none !important;border:0;padding: 0;} 
        #header .header-search input{display: none;}
        #header .header-search-submit{width: 40px;font-size: 24px;}
        #header.on .header-search-submit{color: var(--ink);}
    }

    

/*─────────────────────────────────────────────────────────
    Main
─────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .visualSwiper{position: relative; width: 100%; height: 100dvh; overflow: hidden; background: #0b0e14;}
        .visualSwiper .swiper-slide{position: relative;min-height: 100dvh;height: auto;overflow: hidden;display: flex;flex-direction: column;justify-content: center;padding-bottom: 80px;padding-block: var(--row-gap120) clamp(150px, 20vw, 200px);}
        .visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden;}
        .visualSwiper .thumb img{width: 100%;height: 100%;object-fit: cover;}
            .visualSwiper .swiper-slide-active .thumb{scale: 1.08; transition: all 5s 0.2s;}
        .visualSwiper .cont{display: flex; flex-direction: column; gap: var(--row-gap60);}
        .visualSwiper .title{color: var(--point-white);text-wrap: balance;z-index: 2;}
        .visualSwiper .title h2{font-family: var(--font-en);font-size: var(--text-34);font-weight: 600;letter-spacing: .02em;margin-bottom: 32px;}
        .visualSwiper .title h3{font-size: clamp(30px, 5.6vw, 56px);font-weight: 800;line-height: 1.3;letter-spacing: -0.04em;margin-bottom: 26px;}
        .visualSwiper .title h4{font-size: var(--text-20);font-weight: 300;line-height: 1.7;}
        .visualSwiper .ani{opacity: 0; translate: 0 30px;}
            .visualSwiper .swiper-slide-active .ani{opacity: 1; translate: 0; transition: all 1s 0.2s;}
            .visualSwiper .swiper-slide-active .ani:nth-child(2){transition-delay:0.3s;}
            .visualSwiper .swiper-slide-active .ani:nth-child(3){transition-delay:0.4s;}
            .visualSwiper .swiper-slide-active .title + .ani{transition-delay:0.5s;}
        .visualSwiper .controller{position: absolute;left: 50%;bottom: clamp(56px,7vw,96px);z-index: 5;display: flex;align-items: center;flex-wrap: wrap;gap: clamp(15px, 2.2vw, 22px);translate: -50%;}
        .visualSwiper .swiper-pagination{position: relative;inset: auto;width: auto;display: flex;align-items: center;flex-wrap: wrap;gap: var(--row-gap10);}
        .visualSwiper .swiper-pagination button{position: relative;margin: 0 !important;width: clamp(40px, 6.5vw, 60px);height: 2px;background: rgb(255 255 255 / 28%);border-radius: 10px;opacity: 1;}
        .visualSwiper .swiper-pagination button::before{position: absolute;content:'';width: 0;height: 100%;background: var(--point-white);top: 0;left: 0;}
        .visualSwiper:not(:has([aria-pressed="true"])) .swiper-pagination .swiper-pagination-bullet-active::before{animation: visualSwiper linear forwards; animation-duration: var(--prog);}
        @keyframes visualSwiper {0% {width: 0;}100% {width: 100%;}}
        
        .hero-count{display: flex;align-items:center;gap:8px;font-family:var(--font-en);font-size: var(--text-16);color: rgb(255 255 255 / 50%);}
        #heroCount{color: var(--point-white);font-weight:700;}
        .hero-arrows{display:flex; align-items:center; gap:4px; margin-right:-14px;}
        .hero-arrow{display:inline-flex;align-items:center;justify-content:center;width: clamp(30px, 3.9vw, 34px);aspect-ratio: auto 1;color: rgb(255 255 255 / 60%);font-size: clamp(15px, 2.1vw, 16px);transition:color .2s;}
        .hero-arrow:hover{color:#fff;}
        .hero-prev .ico{transform:scaleX(-1);}
        .hero-play{display:inline-flex;align-items:center;justify-content:center;gap:4px;width: clamp(30px, 4.7vw, 42px);aspect-ratio: auto 1;}
        .hero-play-bar{display:block; width:3px; height:13px; background:#fff;}
        .hero-play-icon{display:none; width:15px; height:15px; fill:#fff;}
        .hero-play[aria-pressed="true"] .hero-play-bar{display:none;}
        .hero-play[aria-pressed="true"] .hero-play-icon{display:block;}
        .hero-play:hover .hero-play-bar{background:var(--brand);}
        .hero-play:hover .hero-play-icon{fill:var(--brand);}


    /* industry-accordion */
        .industry-accordion{display:flex;gap: var(--col-gap20);height:540px;}
        .ind-acc-item{position:relative; flex:1; display:flex; align-items:flex-end; overflow:hidden; border-radius:var(--r-xl); background:#1a2029; cursor:pointer; transition:flex .65s cubic-bezier(.25,1,.5,1);}
        .ind-acc-bg{position:absolute;inset:0;z-index:1;background:#131922 center/cover no-repeat;transition:transform .9s ease;overflow: hidden;}
        .ind-acc-bg::before{content:''; position:absolute; inset:0; background: linear-gradient(to top, rgba(11, 14, 20, 0.96) 0%, rgba(11, 14, 20, .3) 41%, rgba(11, 14, 20, 0) 100%);}
        .ind-acc-bg img{width: 100%; height: 100%; object-fit: cover;}
        .ind-acc-content{position:relative; z-index:2; width:100%; padding:clamp(26px,2.6vw,44px); color:#fff; display:flex; flex-direction:column; align-items:center; text-align:center; transition:align-items 0s .5s, text-align 0s .5s;}
        .cate-tag{position:absolute; z-index:2; top:30px; right:30px; font-family:var(--font-en); font-size:16px; font-weight:600; letter-spacing:0; color:#fff; opacity:0; transform:translateY(10px); transition:opacity .4s .1s, transform .4s .1s;}
        .ind-acc-content h3{font-size: var(--text-28);font-weight:800;margin-top:56px;transition:margin .4s;}
        .ind-acc-details{width:100%; max-height:0; opacity:0; overflow:hidden; transition:max-height .65s cubic-bezier(.25,1,.5,1), opacity .2s;}
        .ind-acc-details p{margin-bottom:28px; padding-bottom:26px; border-bottom:1px solid rgba(255,255,255,.22);}
        .ind-acc-details p span{display:inline-block;font-size:var(--text-18);font-weight:300;line-height:1.7;color:#fff;}
        .ind-acc-details p span strong{font-weight:600;}
        .ind-acc-details ul{display:grid; gap:11px;}
        .ind-acc-details li{position:relative; padding-left:36px; font-size:var(--text-18); font-weight:400;}
        .ind-acc-details li::before{content:''; position:absolute; left:0; top:-2px; width:26px; height:26px; background:var(--brand); border-radius:50%; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/></svg>") center/16px no-repeat;}

            @media (min-width:1025px) {
                .ind-acc-item:hover{flex:2.64;}
                .ind-acc-item:hover .ind-acc-bg{transform:scale(1.07);}
                .ind-acc-item:hover .ind-acc-bg::before{background:linear-gradient(to top, rgba(11,14,20,.96) 0%, rgba(11,14,20,.5) 52%, rgba(11,14,20,.15) 100%);}
                .ind-acc-item:hover .ind-acc-content{align-items:flex-start; text-align:left; transition:align-items 0s, text-align 0s;}
                .ind-acc-item:hover .cate-tag{opacity:1; transform:none;}
                .ind-acc-item:hover .ind-acc-content h3{margin-bottom:16px;}
                .ind-acc-item:hover .ind-acc-details{max-height:320px; opacity:1;}
                .ind-acc-item:not(:hover) .ind-acc-content{padding-inline:10px;}
                

            }

        @media (max-width:1024px) {
            .industry-accordion{flex-direction:column;height:auto;}
            .ind-acc-item{flex:none; min-height:240px;}
            .ind-acc-content{align-items:flex-start; text-align:left;}
            .cate-tag{display:none;} 
            .ind-acc-details{max-height:none; opacity:1;}
            .ind-acc-details p{margin: 5px 0 0;padding: 0;border: 0;}
            .ind-acc-details ul{display:none;} 
        }

    /* solutions-tabs */
        .solutions-tabs{padding:var(--row-gap140) 0;}
        .st-layout{display:grid; grid-template-columns:0.92fr 2fr; gap:clamp(8px,2.4vw,34px); align-items:stretch;}
        .st-tabs{display:flex; flex-direction:column; gap:8px;}
        .st-tab{position:relative; display:grid; grid-template-columns:auto 1fr; grid-template-areas:'num name' 'num cate'; column-gap:26px; row-gap:4px; align-items:center; text-align:left; padding:clamp(18px,1.7vw,26px) clamp(48px,4vw,64px) clamp(18px,1.7vw,26px) clamp(18px,1.8vw,28px); border-radius:var(--r-lg); background:var(--cloud); border:1px solid transparent; transition:background-color .3s, border-color .3s;}
        .st-tab-num{grid-area:num; font-family:var(--font-en); font-size:var(--text-24); font-weight:400; color:var(--muted); transition:color .3s;}
        .st-tab-name{grid-area:name; font-family:var(--font-head); font-size:var(--text-22); font-weight:700; color:var(--ink); transition:color .3s;}
        .st-tab-cate{grid-area:cate; font-family:var(--font-en); font-size:16px; letter-spacing:0; color:var(--muted); opacity:.7; transition:color .3s;}
        .st-tab-arrow{position:absolute; right:clamp(16px,2vw,26px); top:50%; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; border-radius:50%; background:var(--brand-2); color:#fff; font-size:15px; opacity:0; transform:translateY(-50%) translateX(6px); transition:opacity .3s, transform .3s;}
        .st-tab.is-active{background:var(--ink); border-color:var(--ink);}
        .st-tab.is-active .st-tab-num{color:var(--brand);}
        .st-tab.is-active .st-tab-name{color:#fff;}
        .st-tab.is-active .st-tab-cate{color:rgba(255,255,255,.55);}
        .st-tab.is-active .st-tab-arrow{opacity:1; transform:translateY(-50%) translateX(0);}

        .st-panels{position:relative; border-radius:var(--r-2xl); overflow:hidden; background:#1a2029;}
        .st-panel{position: relative;display:flex;align-items:flex-end;min-height: 100%;}
        .st-panel:not(.is-active){min-height: 0;height: 0;overflow: hidden;opacity: 0;}
        .st-panel-bg{position:absolute; inset:0; z-index:1; transform:scale(1.05); transition:transform 6s ease; filter:brightness(1.25); overflow: hidden;}
        .st-panel-bg img{width: 100%; height: 100%; object-fit: cover;}
        .st-panel.is-active .st-panel-bg{transform:scale(1);}
        .st-panel-bg::before{content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(11,14,20,.95) 0%, rgba(11,14,20,.45) 55%, rgba(11,14,20,.2) 100%);}
        .st-panel-body{position:relative;z-index:2;width:100%;max-width:1040px;padding:clamp(30px,3.4vw,58px);padding-top: var(--row-gap150);color:#fff;}
        .st-panel-body .cate-tag{display:block; font-family:var(--font-en); font-size:14px; font-weight:700; letter-spacing:.16em; color:#fff; margin-bottom:14px;}
        .st-panel-body h3{font-size:var(--text-40);font-weight:800;margin-bottom: clamp(12px, 1.8vw, 18px);letter-spacing:-0.03em;}
        .st-panel-body > p{font-size: var(--text-20);font-weight:300;line-height:1.7;color:rgba(255,255,255,.85);margin-bottom: clamp(20px, 2.4vw, 24px);}
        .st-panel-body ul{display:grid; gap:10px;}
        .st-panel-body li{position:relative;padding-left: clamp(30px, 3.2vw, 32px);font-size: var(--text-18);font-weight:400;}
        .st-panel-body li::before{content:'';position:absolute;left:0;top: clamp(0px, 0.4vw, 2px);width:21px;aspect-ratio: auto 1;background:var(--brand-gradient);border-radius:50%;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/></svg>") center/13px no-repeat;}


        @media (max-width:1024px) {
            .st-layout{grid-template-columns:1fr; gap:20px;}
            .st-tabs{flex-direction:row;overflow-x:auto;gap:18px;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--hairline-strong) transparent;width: calc(100% + 60px);margin-left: -30px;padding-inline: 30px;}
            .st-tabs::-webkit-scrollbar{height:4px;}
            .st-tabs::-webkit-scrollbar-track{background:transparent;}
            .st-tabs::-webkit-scrollbar-thumb{background:var(--hairline-strong); border-radius:var(--r-pill);}
            .st-tab{flex:0 0 auto; grid-template-columns:auto; grid-template-areas:'name'; row-gap:0; min-width:auto; background:none; border:0; padding:6px 2px; border-radius:0;}
            .st-tab:hover:not(.is-active){background:none;}
            .st-tab:hover:not(.is-active) .st-tab-name{color:var(--ink);} 
            .st-tab.is-active{background:none; border-color:transparent;}
            .st-tab.is-active .st-tab-name{color:var(--brand);}
            .st-tab-num{display:none;}
            .st-tab-cate{display:none;}
            .st-tab-arrow{display:none;}
            .st-panels{min-height:clamp(360px,60vw,460px);}
        }
        @media (max-width:767px) {
            .ind-acc-item{flex:none; min-height:240px;}
            .ind-acc-content{align-items:flex-start; text-align:left;}
            .ind-acc-content h3{white-space:normal;}
            .cate-tag{display:none;} 
            .ind-acc-details{max-height:none; opacity:1;}
            .ind-acc-details p{margin-bottom:0; padding-bottom:0; border-bottom:0;}
            .ind-acc-details ul{display:none;} 
        }

    /* products-section */
        .products-section{position: relative; padding:var(--row-gap140) 0;}
        .products-section .bg{position: absolute;inset: 0;overflow: hidden;background: #0a0a0a;}
        .products-section .bg::before{position: absolute;content:'';inset: 0;background: linear-gradient(rgba(0,0,0,.42), rgba(0,0,0,.42));}
        .products-section .bg img{width: 100%;height: 100%;object-fit: cover;object-position: 0 100%;}
        .products-section .sec-eyebrow{color:var(--brand);}
        .products-section .sec-title{color:#fff;}
        .product-grid{display:grid; grid-template-columns:repeat(6,1fr); gap:16px;}
        .product-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap: clamp(20px, 2.6vw, 26px);min-height: clamp(210px, 29vw, 280px);padding: 25px 10px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-xl);transition:all 0.4s;}
        .product-card img{width:auto;max-width:100%;height: clamp(100px, 14vw, 130px);object-fit:contain;filter:drop-shadow(0 0 16px rgba(255,255,255,.25));transition:all 0.4s;}
        .product-card h3{font-size: var(--text-21);font-weight:600;color:#fff;white-space:nowrap;transition:color .3s;}
        

        @media (hover:hover) and (pointer: fine) {
            .product-card:hover{transform:translateY(-6px); border-color:var(--brand);}
            .product-card:hover img{filter:drop-shadow(0 0 22px rgba(243,152,0,.5)); transform:translateY(-4px) scale(1.06);}
            .product-card:hover h3{color:var(--brand-soft);}
        }

        @media (max-width:1024px){
            .product-grid{grid-template-columns:repeat(3, 1fr);}
        }
        @media (max-width:640px){
            .product-grid{grid-template-columns:repeat(2, 1fr);}
        }
        @media (max-width:360px){
            .product-grid{grid-template-columns:repeat(1, 1fr);}
        }

    /* 인사이트 보드 */
        .insights-board-section{padding:var(--row-gap140) 0;}
        .board-grid{display:grid; grid-template-columns:6.2fr 3.8fr; align-items:stretch; gap:clamp(32px,3.2vw,48px);}
        .board-col{display:flex; flex-direction:column;}
        .sec-head:has(+ .board-tabs-row){margin-bottom: clamp(20px, 3.2vw, 32px);}
        .board-box{background:none; border:0; padding:0;}
        .latest-posts-list{border-top:2px solid var(--ink); transition:all 0.4s; }
        
        .board-box article{transition: all 0.4s;}
        .board-box article:not(.is-active){height: 0;opacity: 0;overflow: hidden;}
        .board-tabs-row{display:flex; align-items:center; justify-content:space-between; padding-bottom:16px; margin-bottom:20px;}
        .board-tabs{display:flex; gap:10px; flex-wrap: wrap;}
        .board-tabs.cen{justify-content: center;width: 100%;}
        .board-tab{font-family:var(--font-en);font-size:var(--text-17);font-weight:500;letter-spacing:0;color:#555;background:#f5f5f5;padding: clamp(10px, 1.9vw, 14px) clamp(20px, 2.7vw, 22px);border-radius:var(--r-pill);transition:all 0.4s;}
        .board-tab.is-active{color:#fff; background:var(--brand); box-shadow:none;}
        .board-tab:not(.is-active):hover{background:#fff; box-shadow:inset 0 0 0 1px var(--brand); color:var(--brand);}
        .btn-more{display:inline-flex; align-items:center; justify-content:center; font-size:30px; font-weight:400; color:var(--ink); transition:color .2s;}
        .btn-more::after{display:none;}
        .latest-posts-list li{position:relative;box-shadow: inset 0 -1px var(--hairline);}
        .latest-posts-list li::after{content:'';position:absolute;left:0;bottom: 0;width:100%;height:1px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .35s ease;}
        
        .latest-posts-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding: clamp(17px, 2vw, 20px) clamp(15px, 2vw, 20px);}
        .post-title{flex:1;min-width:0;font-size:var(--text-18);font-weight:700;color:var(--ink);transition:color .2s;white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;}
        .post-title .prefix{display: inline-flex;}
        .post-date{display:block;flex-shrink:0;font-family:var(--font-en);font-size: var(--text-16);color:#555;}
        .file-i{display: inline-flex;width: clamp(16px, 2.6vw, 24px);aspect-ratio: auto 1;background: currentColor;mask: url('/images/file-i.svg') no-repeat center / 100% auto;vertical-align: middle;transition: inherit;}
        .quick-banner-col{display:flex; flex-direction:column; gap:14px; height:100%;}
        .quick-banner-split{display:flex; gap:14px; flex:0.92;}
        .quick-banner-box{position:relative;overflow:hidden;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:24px;background-color:var(--ink);color:#fff;border-radius:var(--r-lg);padding: clamp(30px, 3.4vw, 34px);}
        .quick-banner-box.is-photo{flex:0.56; padding:36px 38px; background-size:cover; background-position:center; background-repeat:no-repeat; background-color:var(--ink);}
        .quick-banner-box .bg::before{content:''; position:absolute; inset:0; background:rgba(10,12,16,.55);}
        .quick-banner-box.is-accent-2{background:var(--brand-2);}
        .quick-banner-box .bg{position: absolute; inset: 0; overflow: hidden;}
        .quick-banner-box .bg img{width: 100%; height: 100%; object-fit: cover;}
        .quick-banner-box > *{position:relative; z-index:1;}
        .quick-banner-ico{display:inline-flex;align-items:center;justify-content:center;width: clamp(38px, 4.4vw, 42px);aspect-ratio: auto 1;margin-bottom:14px;border-radius:var(--r-lg);background:rgba(255,255,255,.16);color:#fff;font-size:22px;}
        .quick-banner-ico .ico{width: clamp(18px, 2.4vw, 22px);height: auto;aspect-ratio: auto 1;}
        .quick-banner-eyebrow{display:block;font-family:var(--font-en);font-size: var(--text-13);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:8px;}
        .quick-banner-title{font-size: var(--text-24);font-weight:800;line-height:1.35;margin-bottom:8px;}
        .quick-banner-box p{font-size: var(--text-14);font-weight:300;color:rgba(255,255,255,.82);margin:0;line-height:1.65;}
        .quick-banner-box.is-photo p{font-size: var(--text-17);line-height:1.7;}
        .quick-banner-box .btn-banner-link, .quick-banner-box .btn-banner-outline{min-width: clamp(125px, 16vw, 150px);}
        .btn-banner-sm{min-height: clamp(45px, 5.5vw, 50px);padding-inline: 25px;font-size: var(--text-16);}
        .btn-banner-outline{background:transparent; color:#fff; box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7);}
        .quick-banner-split :where(.btn-banner-link, .btn-banner-outline){background:#fff; color:var(--ink); box-shadow:none;}

            @media (hover:hover) and (pointer: fine) {
                .latest-posts-list:has(li:last-child a:hover){border-bottom-color:transparent;}
                .btn-more:hover{color:var(--brand);}
                .latest-posts-list a:hover .post-title{color:var(--brand);}
                .latest-posts-list li:has(a:hover)::after{transform:scaleX(1);}
                .btn-banner-outline:hover{background:#fff; color:var(--ink);}
                .quick-banner-split :where(.btn-banner-link, .btn-banner-outline):hover{background:rgba(255,255,255,.85); color:var(--ink);}
            }

        @media (max-width:1024px){
            .board-grid{grid-template-columns:1fr;}
            .quick-banner-split{flex-direction:column;}
            .quick-banner-box:not(.is-photo){flex-direction:row; align-items:center; justify-content:space-between; gap:16px;}
            .quick-banner-box:not(.is-photo) > div:has(.quick-banner-ico){display:grid; grid-template-columns:auto 1fr; align-items:center; column-gap:14px; min-width:0;}
            .quick-banner-box:not(.is-photo) .quick-banner-ico{grid-row:1 / 3; margin-bottom:0;}
            .quick-banner-box:not(.is-photo) .quick-banner-eyebrow{margin-bottom:2px;}
            .quick-banner-box:not(.is-photo) .quick-banner-title{margin-bottom:0; font-size:18px;}
        }
        @media (max-width:479px) {
            .quick-banner-box:not(.is-photo){flex-direction: column;align-items: flex-start;}
        }

    /* 회사소개 요약 */
        .main-company-section{position:relative; overflow:hidden; padding:var(--row-gap140) 0; background:#0a0a0a; color:#fff;}
        .main-company-section .bg{position: absolute; inset: 0; overflow: hidden;}
        .main-company-section .bg::before{position: absolute; content:''; inset: 0; background:linear-gradient(120deg, rgba(0,0,0,.64) 0%, rgba(0,0,0,.62) 52%, rgba(0,0,0,.68) 100%);}
        .main-company-section .bg img{width: 100%; height: 100%; object-fit: cover;}
        .main-company-section .sec-eyebrow{color:var(--brand);}
        .main-company-section .sec-title{color:#fff;}
        .company-lead{font-family:var(--font-head); font-size:var(--text-30); font-weight:700; line-height:1.4; color:#fff; margin-bottom:0;}
        .company-desc{font-size:var(--text-18); font-weight:400; line-height:1.9; color:rgba(255,255,255,.8); margin:0 0 32px; }
        .main-company-section .btn-outline-ink{color:#fff; box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);}
        .main-company-section .btn-outline-ink:hover{background:var(--brand-2); border-color:var(--brand-2); box-shadow:inset 0 0 0 1px var(--brand-2); color:#fff;}
        .stat-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:left;gap: clamp(15px, 2.6vw, 26px);padding:clamp(28px,3vw,38px) clamp(24px,2.4vw,32px);box-shadow: 1px 1px 0 rgb(255 255 255 / 25%);}
        .stat-item:nth-child(1), .stat-item:nth-child(2){padding-top:0;}
        .stat-item:nth-child(1), .stat-item:nth-child(3){padding-left:0;}
        .stat-item:nth-child(n+3){padding-bottom:0;}
        .num-data{display:block; font-family:var(--font-en); font-size:clamp(36px,3.8vw,52px); font-weight:800; color:#fff; line-height:1; letter-spacing:0; white-space:nowrap;}
        .stat-title{display:block;font-family:var(--font-en);font-size: var(--text-34);font-weight:800;letter-spacing:0;line-height:1.25;color:#fff;}
        .label-data{display:block;font-size:var(--text-18);font-weight:500;color:rgba(255,255,255,.66);}
        .company-alt-row{display:flex; align-items:center; gap:clamp(32px,4vw,64px);}
        .company-alt-text{flex:0 0 auto; width:clamp(320px,44vw,700px);}
        .company-alt-text .sec-title{margin:16px 0 20px;}
        .company-alt-text .company-lead{font-size:var(--text-22); white-space:normal;  margin-bottom:16px;}
        .company-alt-text .company-desc{margin-bottom: var(--row-gap60);}
        .company-alt-stats{flex:0 1 800px;min-width:0;margin-left:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:0;overflow: hidden;}

        @media (max-width:1024px) {
            .company-alt-row{flex-direction:column;align-items:flex-start;gap:24px;}
            .company-alt-text{width:auto;}
            .company-alt-text .company-lead{white-space:normal;}
            .company-alt-stats{margin-left:0;width:100%;grid-template-columns:1fr;flex: unset;}
            .stat-item:nth-child(n){padding: clamp(18px, 3.8vw, 38px) clamp(16px, 3.2vw,32px);}
        }

    /* 파트너사 */
        .partners-section{padding:var(--row-gap55) 0; background:#fff; border-top:1px solid var(--hairline);}
        .partner-marquee{display:flex; width:100%; overflow:hidden; mask:linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
        .partner-marquee .bnr-list{display:flex; flex-shrink:0; gap:40px; padding-left:40px; animation:partnerRoll 85s linear infinite;}
        
        @keyframes partnerRoll{from{transform:translateX(0);} to{transform:translateX(calc(-100% - 40px));}}
        .partner-marquee .bnr-list > li{display:flex;align-items:center;justify-content:center;width: clamp(140px, 20vw, 200px);height: clamp(50px, 7.1vw, 66px);flex-shrink:0;border-radius:var(--r-md);background:#fff;transition:all 0.4s;}
        .partner-marquee .bnr-list img{max-height:42px; max-width:78%; width:auto; object-fit:contain; opacity:.92; transition:all 0.4s;}

        @media (hover:hover) and (pointer: fine) {
            .partner-marquee:hover .bnr-list{animation-play-state:paused;}
            .partner-marquee .bnr-list > li:hover{color:var(--ink);}
            .partner-marquee .bnr-list > li:hover img{opacity:1; transform:scale(1.04);}
        }

/*─────────────────────────────────────────────────────────
    푸터
─────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer{background:#000; color:#fff; padding:var(--row-gap80) 0 40px; font-size:17px;}
        #footer .footer-top{display: flex;gap: 40px 28px;padding-bottom: clamp(30px, 5.6vw, 56px);margin-bottom: clamp(28px, 4.4vw, 44px);border-bottom:1px solid rgba(255,255,255,.15);}
        #footer .footer-brand{width: clamp(130px, 10.5vw, 200px);flex-shrink: 0;}
        #footer .footer-brand img{width: clamp(60px, 9vw, 84px);}
        #footer .footer-brand p{font-size:15px; line-height:1.75; color:rgba(255,255,255,.65); }
        #footer .gnb{position: relative;display: grid;grid: auto / repeat(5, 1fr);gap: 28px;width: 100%;}
        #footer .gnb > li > a{display: block;font-size:18px;font-weight:600;color:#fff;margin-bottom:18px;}
        #footer .gnb .dep02 > li{margin-bottom:4px;}
        #footer .gnb .dep02 > li > a{display:block; padding:6px 0; font-size:16px; color:rgba(255,255,255,.65); white-space:nowrap; transition:color .2s;}
        #footer .gnb .dep03{display: none;}
        #footer .footer-legal{display:flex;flex-wrap: wrap;gap: 10px clamp(30px, 3.6vw, 36px);}
        #footer .footer-legal > li > a{font-size: var(--text-15);color:rgba(255,255,255,.8);font-weight:500;transition:color .2s;}
        #footer .footer-legal > li:last-child > a{color:#fff; opacity:1; font-weight:900;}
        #footer .footer-bottom{display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:20px; padding-top:34px;}
        #footer .company-info-details{display:flex;flex-wrap:wrap;align-items:center;gap:9px 24px;font-style:normal;color:rgba(255,255,255,.65);font-size: var(--text-16);}
        #footer .company-info-details strong{color:#fff; font-weight:700; margin-right:8px;}
        #footer .copyright{width:100%;margin-top:10px;font-size: var(--text-15);color:rgba(255,255,255,.45);font-family:var(--font-en);letter-spacing:0;display:flex;align-items:center;flex-wrap:wrap;}
        #footer .copyright .designed-by{margin-left:10px; color:rgba(255,255,255,.45);}
        #footer .copyright-sns{display:inline-flex; align-items:center; gap:10px; margin-left:auto;}
        #footer .copyright-sns a{display:inline-flex;align-items:center;justify-content:center;width: clamp(35px, 4.8vw, 46px);aspect-ratio: auto 1;border-radius:50%;background:rgba(255,255,255,.08);color:rgba(255,255,255,.65);font-size: clamp(15px, 2.2vw, 20px);transition:background-color .2s, color .2s;}
        #footer .copyright-sns-blog{width:auto;height: clamp(15px, 2.1vw, 19px);}

            @media (hover:hover) and (pointer: fine) {
                #footer .gnb .dep02 > li:hover > a{color:var(--brand);}
                #footer .footer-legal a:hover{color:var(--brand);}
                #footer .copyright-sns a:hover{background:var(--brand); color:#fff;}
            }

        @media (max-width:1200px) {
            #footer .footer-top{flex-wrap: wrap;}
            #footer .footer-brand{width: auto; flex-shrink: unset;}
        }
        @media (max-width:1024px) {
            #footer .gnb{display: none;}
        }
        @media (max-width:767px) {
            #footer .footer-top{border-bottom: 0; padding-bottom: 0;}
            #footer .company-info-details{flex-direction:column; align-items:flex-start;}
            #footer .copyright{flex-direction:column; align-items:flex-start; gap:10px;}
            #footer .copyright .designed-by{margin-left:0;}
            #footer .copyright-sns{margin-left:0; margin-top:6px;}
        }

    /* 퀵 */
    .right-quick{position:fixed;right:clamp(14px,1.6vw,28px);bottom: clamp(15px, 3.6vw, 36px);z-index:200;display: flex;flex-direction: column;align-items: flex-end;gap: clamp(15px, 12.85dvh, 117px);}
    .premium-quick-sidebar{display:flex;flex-direction:column;align-items:center;gap: clamp(6px, 1vw, 8px);opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s;}
    body:has(#header.on:not(.end)) .premium-quick-sidebar{opacity:1; visibility:visible;}
    .quick-item-bar{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align: center;gap:6px;width: clamp(40px, 7.6vw, 74px);aspect-ratio: auto 1;border-radius: var(--radius-14);background:#fff;color:var(--ink);box-shadow: 0 clamp(5px, 1vw, 10px) clamp(13px, 2.6vw, 26px) rgb(0 0 0 / 18%);border:1px solid var(--hairline-strong);transition: all 0.4s;}
    .quick-item-bar .ico{font-size: clamp(20px, 2.4vw, 22px);stroke-width:1.8;transition:transform .3s;}
    .quick-item-bar .ico-fill{font-size: clamp(17px, 2.4vw, 22px);transition:transform .3s;}
    .quick-item-bar .quick-ico-img{width:22px; height:22px; border-radius:5px; transition:transform .3s;}
    .quick-item-bar .quick-ico-blog{width: 18px;aspect-ratio: auto 1;height: auto;color:var(--ink);transition:transform .3s, color .3s;}
    .quick-item-bar span{font-size: var(--text-12);font-weight:500;letter-spacing:-.02em;}
    .quick-item-bar.q-chatbot{background:#EA5514; color:#fff; border-color:transparent;}
    .btn-sidebar-top{display:inline-flex;align-items:center;justify-content:center;width: clamp(40px, 6.2vw, 60px);aspect-ratio: auto 1;border-radius: var(--radius-14);background:#fff;border:1px solid var(--hairline-strong);color:var(--ink);font-size:18px;box-shadow:0 6px 16px rgba(0,0,0,.08);opacity:0;visibility:hidden;transform:translateY(10px);transition:all 0.4s;}
        body:has(#header.on:not(.end)) .btn-sidebar-top{opacity:1; visibility:visible; transform:none;}
    .btn-sidebar-top.toggle{background: var(--point-color01);border-color: var(--point-color01);color: var(--color-white); display: none;}
    .btn-sidebar-top.toggle:not(.on) .ico-close{display: none;}
    .btn-sidebar-top.toggle.on .ico-open{display: none;}

        @media (hover:hover) and (pointer: fine) {
            .quick-item-bar:hover{background:var(--brand); color:#fff; border-color:transparent;}
            .quick-item-bar:hover :where(.ico, .ico-fill, .quick-ico-img, .quick-ico-blog){transform:scale(1.1);}
            .quick-item-bar.q-chatbot:hover{background:var(--brand); color:#fff; border-color:transparent;}
            .quick-item-bar:hover .quick-ico-blog{color:#fff;}
            .btn-sidebar-top:hover{background:var(--slab); color:#fff; border-color:var(--slab);}
        }

    @media (max-width:1280px) {
        .right-quick{gap: clamp(10px, 2vw, 15px);}
        .btn-sidebar-top.toggle{display: inline-flex;}
        .right-quick:not(:has(.toggle.on)) .premium-quick-sidebar{opacity: 0 !important;visibility: hidden !important;}
    }
    @media (max-width:1024px) {
        .quick-item-bar span{display: none;}
    }

/*──────────────────────────────────────────────────────
    Sub
──────────────────────────────────────────────────────*/
    /* 인풋 */
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){position: relative;width: 100%;padding-inline: clamp(15px, 2vw, 20px);height: clamp(45px, 6.5vw, 60px);background: var(--point-white);border: 1px solid var(--border-color02);border-radius: var(--radius-04);color: var(--black-color01);font-size: var(--text-18);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea)::placeholder{color: var(--black-color08);}
        textarea{height: clamp(150px, 21vw, 200px);padding-block: clamp(15px, 2vw, 20px);overflow: visible;text-overflow:unset;white-space:unset;resize: vertical;}
        select{appearance: none;background: var(--point-white) url('/images/sel_arw.svg') no-repeat calc(100% - 16px) 50% / clamp(11px, 1.5vw, 13px) auto;padding-right: 45px;}

        label:has([type="checkbox"], [type="radio"]){display:inline-flex;align-items:center;gap: var(--row-gap10);font-size: var(--text-18);line-height: clamp(18px, 2.2vw, 20px);color: var(--black-color06);cursor:pointer;}
        [type="checkbox"], [type="radio"]{width: clamp(18px, 2.2vw, 20px);height: clamp(18px, 2.2vw, 20px);flex-shrink:0;accent-color: var(--point-color01);appearance:auto;cursor:pointer;}
        label:has([type="checkbox"], [type="radio"]) em{font-weight: 500;color: var(--point-color01);}

    /* 검색 */
        .search-from{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 15px;margin-bottom: var(--row-gap60);}
        .search-from .keywords-box{width: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;}
        .search-from .inp-box{position: relative;width: min(461px, 100%);}
        .search-from [type="text"]{width: 100%;height: clamp(45px, 6.5vw, 60px);padding-right: clamp(45px, 5.7vw, 55px);}
        .search-from button{position: absolute;top: 0;right: 16px;width: clamp(16px, 2.2vw, 20px);height: 100%;background: url('/images/search_i.png') no-repeat right center / clamp(16px, 2.2vw, 20px) auto;font-size: 0;}

    /* 문의 */
        .write-form{position: relative;display: flex;flex-direction: column;gap: clamp(15px, 2vw, 20px);border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);padding: clamp(25px, 3vw, 30px) clamp(15px, 3vw, 30px);}
		.write-form .desc{display:flex;align-items: center;gap: 8px 15px;}
        .write-form .desc dt{font-size: var(--text-18);font-weight: 500;color: var(--black-color03);width: clamp(100px, 19vw, 180px);flex-shrink: 0;}
        .write-form .desc dt label{cursor: pointer;}
        .write-form .desc dt em{color: var(--point-color01);font-weight: 500;}
        .write-form .desc dd{position: relative;display: flex;gap: 5px;flex-wrap: wrap;color: var(--black-color06);font-size: var(--text-16);width: 100%;}
        .write-form .desc dd :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], select){width: min(400px, 100%);}
        .captcha-box{display: flex;align-items: center;gap: 8px;width: 100%;}
        .captcha-box .controller{display: flex;flex-shrink: 0;gap: 8px;}
        .captcha-box .controller img{border-radius: var(--radius-04);border: 1px solid var(--border-color05);}
        .captcha-box .controller button{position: relative;width: 38px;aspect-ratio: auto 1;border-radius: var(--radius-04);border: 1px solid var(--border-color02);display: flex;align-items: center;justify-content: center;}
        .captcha-box .controller svg{width: 18px;height: 18px;stroke: currentColor;fill: none;stroke-width: 2;stroke-linecap: round;}
        .captcha-box [type="text"]{position: relative;}

        @media (max-width:640px) {
            .write-form .desc{flex-wrap: wrap;}
            .write-form .desc dt{width: 100%; flex-shrink: unset;}
        }
        @media (max-width:479px) {
            .captcha-box{flex-wrap: wrap;}
        }

    /* btn-box */
        .btn-box{margin-top: var(--row-gap60);display: flex;flex-wrap: wrap;gap: clamp(10px, 1.5vw, 20px);}
            .btn-box.cen{justify-content: center;}
        .btn-box :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;min-width: clamp(120px, 18vw, 180px);min-height: clamp(46px, 6.5vw, 60px);background: var(--point-color01);border-radius: var(--radius-06);font-size: var(--text-18);font-weight: 500;line-height: 1.2;color: var(--point-white);padding: 10px clamp(20px, 3vw, 30px);}

    /* 상세 */
        .board-view .detail-hd{border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);padding-block: var(--row-gap50);display: grid;gap: var(--row-gap20);}
        .board-view .detail-hd .desc{display: grid;gap: var(--row-gap10);}
        .board-view .detail-hd .desc dt{font-size: var(--text-30);font-weight: 500;color: var(--black-color00);line-height: 1.6;}
        .board-view .detail-hd .desc dd{font-size: var(--text-18);color: var(--black-color06);}
        .board-view .detail-hd .regdate{font-size: var(--text-20);color: var(--black-color08);}
        .board-view .detail-cont{padding-block: var(--row-gap60);border-bottom: 1px solid var(--black-color03);font-size: var(--text-18);font-weight: 400;color: var(--black-color03);line-height: 1.7;min-height: clamp(300px, 40vw, 400px);display: flex;flex-direction: column;justify-content: space-between;}
        .board-view .file-desc{margin-top: var(--row-gap60);display: flex;align-items: center;background: var(--gray-bg01);padding: clamp(20px, 3vw, 28px) clamp(20px, 3vw, 30px);border-radius: var(--radius-10);}
        .board-view .file-desc dt{font-size: var(--text-18);font-weight: 500;color: var(--black-color03);flex-shrink: 0;display: flex;align-items: center;}
		.board-view .file-desc dt::after{display:inline-flex;content:'';width: 1px;height: clamp(10px, 1.8vw, 16px);background: var(--border-color02);margin-inline: clamp(15px, 2vw, 20px);}
        .board-view .file-desc dd{font-size: var(--text-18);color: var(--black-color03);}


    /* 페이징 */
        .pagination{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: var(--row-gap60);gap: clamp(8px, 1vw, 10px);}
        .pagination li{font-size: var(--text-16);color: var(--black-color08);}
        .pagination a{display: flex;align-items: center;justify-content: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);padding: 4px;border-radius: 100%;}
        .pagination a.arw{font-size: 0;background: url('/images/pagination_last.svg') no-repeat center / auto clamp(8px, 1.2vw, 10px);padding: 0;border: 1px solid var(--border-color01);}
        .pagination a:is(.prev, .next){background-image: url('/images/pagination_prev.svg');}
        .pagination a.prev{margin-right: clamp(5px, 1vw, 10px);}
        .pagination a.next{margin-left: clamp(5px, 1vw, 10px);}
        .pagination a.first{margin-right:-5px;}
        .pagination a.last{margin-left:-5px;}
        .pagination a.disabled{display: none;}
        .pagination a.on{font-weight: 500;color: var(--point-white);background: var(--point-color01);}
        .pagination a.scale{scale: -1 -1;}

    /* bullet-list */
        .bullet-list{display:grid;gap:10px;}
        .bullet-list > li{position:relative;display: flex;align-items: baseline;gap: var(--row-gap10);font-size: var(--text-18);line-height: 1.7;color: var(--black-color05);}
        .bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);flex-shrink: 0;translate: 0 clamp(-5px, -0.7vw, -4px);}
        .bullet-list .item-desc{display: flex;align-items: baseline;gap: 4px;}
        .bullet-list .item-desc dt{font-weight:600;flex-shrink: 0;color: var(--black-color01);}

     /* gallery-list */
        .gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap:var(--row-gap60) var(--col-gap50);}
        .gallery-list > li{position: relative;display: flex;flex-direction: column;gap: var(--row-gap30);}
		.gallery-list .thumb{width: 100%;aspect-ratio: auto 1.6;overflow: hidden;border-radius: var(--radius-15);}
		.gallery-list .thumb img{width: 100%;height: 100%;object-fit: cover; transition: all 0.4s;}
		.gallery-list .prefix{position: absolute;top: 0;left: 0;font-size: var(--text-16);color: var(--point-white);background: var(--point-color01);line-height: 1.2;font-weight: 400;padding: 5px 8px;border-radius:var(--radius-04);border-top-left-radius: calc(var(--radius-15) - 1px);display: inline-flex;align-items: center;justify-content: center;text-align: center;}
        .gallery-list .cont{display: flex;flex-direction: column;gap: clamp(20px, 4vw, 40px);flex-grow: 1;justify-content: space-between;}
        .gallery-list .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);}
        .gallery-list .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
        .gallery-list .desc dt{font-size: var(--text-20);font-weight: 700;color: var(--black-color03);}
        .gallery-list .desc dd{font-size: var(--text-18);color: var(--black-color06);}
        .gallery-list .regdate{font-size: var(--text-18);color: var(--black-color09);}

            @media (hover:hover) and (pointer: fine) {
                .gallery-list > li:hover .thumb img{scale: 1.08;}
            }

        @media (max-width:1023px) {
            .gallery-list{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px) {
            .gallery-list{grid: auto / repeat(1, 1fr);}
        }

    /* FAQ */
        .faq-list { position: relative; border-top: 1px solid var(--black-color00); }
        .faq-list > li {position: relative;border-bottom: 1px solid var(--border-color02);padding: clamp(25px, 3vw, 30px) clamp(20px, 4vw, 40px);}
        .faq-list .desc { position: relative; display: grid; grid-template-rows: auto 0fr; transition: 0.4s; align-content: start; }
        .faq-list .desc.on { grid-template-rows: auto 1fr; }
        .faq-list .desc :where(dt, dd) {display: flex;align-items: baseline;gap: 10px clamp(15px, 2vw, 20px);transition: inherit;}
        .faq-list .desc :where(dt, dd)::before {display: inline-flex;content: "Q";align-items: center;justify-content: center;text-align: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);background: var(--point-color01);font-size: var(--text-20);font-weight: 400;color: var(--point-white);translate: 0px clamp(-2px, -0.4vw, 0px);padding: 3px;line-height: 1.2;}
        .faq-list .desc dd::before {content: "A";background: var(--point-color02);}
        .faq-list .desc dt {position: relative;font-size: var(--text-20);color: var(--black-color00);line-height: 1.6;padding-right: clamp(35px, 5.2vw, 50px);cursor: pointer;}
        .faq-list .desc dt::after {position: absolute;content: "";inline-size: clamp(11px, 1.6vw, 14px);aspect-ratio: auto 1 / 1;clip-path: var(--clip-poly02);border: 2px solid var(--black-color05);top: 42%;right: 3px;translate: 0px -50%;rotate: 45deg;border-radius: 2px;overflow: hidden;transition: 0.4s;}
        .faq-list .desc.on dt::after { scale: -1; top: 58%; }
        .faq-list .desc dt em { display: flex; align-items: baseline; gap: 10px; }
        .faq-list .desc dd {font-size: var(--text-18);color: var(--black-color03);line-height: 1.8;overflow: hidden;margin-top: clamp(20px, 3vw, 30px);}
        .faq-list .desc:not(.on) dd { margin-top: 0px; }
        .faq-list .desc .prefix {font-size: var(--text-15);color: var(--point-white);background: var(--point-color02);line-height: 1.2;font-weight: 400;padding: 5px 8px;translate: 0px clamp(-4px, -0.6vw, -2px);flex-shrink: 0;}

        @media (max-width:479px) {
            .faq-list .desc :where(dt, dd){flex-direction: column;}
            .faq-list .desc :where(dt, dd)::before{translate: 0;}
            .faq-list .desc .prefix{translate: 0;position: absolute;top: 2px;left: 42px;max-width: calc(100% - 80px);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
        }