#wrap{position: relative; overflow: clip;}
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto;}
.w_custom.main{max-width: 1680px;}
#container{padding-top:var(--row-gap80);padding-bottom:var(--row-gap140);}
#container:has(.visualSwiper){padding:0;background:var(--point-white);}
#container:has(.full-sec){width: 100%; max-width:100%;}
#container:has(.pd-dn){padding-bottom:0;}
/* body::-webkit-scrollbar {display: none; } */
body [class*="swiper-button"]:after{display: none;}
.link{position: absolute; inset: 0; z-index: 5;}
.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.ofc{overflow:hidden;}
.ofc > img{width:100% !important;height:100% !important;object-fit:cover !important;}
.dragscroll{ scrollbar-gutter: stable;}
.dragscroll::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px); height: clamp(3px, 0.6vw, 4px);}
.dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
.dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}

br.for_m{display: none;}
@media (max-width:1600px) {
    br.for_pc{display: none;}
}
@media (max-width:1023px) {
    br.for_tm{display: none;}
    br.for_m{display:inline;}
}
@media (max-width:860px) {
    .w_custom{width: calc(100% - 30px);}
}
@media (max-width:320px) {
    .w_custom{width: calc(100% - 20px);}
}

/* ========================================
    빠른 상담문의 (Quick Inquiry)
======================================== */
    #dbQuickInquiry{display: none;}
    /* ── 공통 ── */
    .db-qi-header { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1rem; }
    .db-qi-title { font-size: 1rem; font-weight: 700; color: var(--qi-text, #fff); }
    .db-qi-close { background: none; border: none; color: var(--qi-text, #fff); font-size: 1.5rem; cursor: pointer; opacity: 0.7; line-height: 1; }

    .db-qi-input { display: block; width: 100%; padding: 0.5rem 0.75rem; border: 1px solid rgba(255,255,255,0.3); border-radius: 0.375rem; background: rgba(255,255,255,0.15); color: var(--qi-text, #fff); font-size: 0.875rem; outline: none; transition: border-color 0.2s; }
    .db-qi-input::placeholder { color: rgba(255,255,255,0.6); }
    .db-qi-input:focus { border-color: rgba(255,255,255,0.7); background: rgba(255,255,255,0.25); }

    .db-qi-privacy { display: flex; align-items: center; gap: 0.375rem; font-size: 0.75rem; color: var(--qi-text, #fff); opacity: 0.85; cursor: pointer; flex-shrink: 0; }
    .db-qi-privacy input[type="checkbox"] { width: 14px; height: 14px; flex-shrink: 0; }
    .db-qi-privacy-link { color: var(--qi-text, #fff); text-decoration: underline; opacity: 0.8; margin-left: 0.25rem; }

    .db-qi-btn { padding: 0.5rem 1.5rem; background: rgba(255,255,255,0.95); color: var(--qi-bg, #1e40af); border: none; border-radius: 0.375rem; font-weight: 700; font-size: 0.875rem; cursor: pointer; transition: background 0.2s; white-space: nowrap; flex-shrink: 0; }

    .db-qi-msg { text-align: center; font-size: 0.8rem; padding: 0.5rem; color: var(--qi-text, #fff); }
    .db-qi-form { display: flex; flex-direction: column; gap: 0.5rem; padding: 0 1rem 1rem; }

    /* ── 하단 고정 바 ── */
    .db-qi-bottom { position: fixed; bottom: 0; left: 0; right: 0; z-index: 9980; }
    .db-qi-bottom-tab { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.75rem; background: var(--qi-bg, #1e40af); color: var(--qi-text, #fff); border: none; cursor: pointer; font-size: 0.9rem; font-weight: 600; }
    .db-qi-bottom-panel { background: var(--qi-bg, #1e40af); border-top: 1px solid rgba(255,255,255,0.1); }
    .db-qi-bottom-inner { max-width: 1200px; margin: 0 auto; }
    .db-qi-form-row { flex-direction: row !important; flex-wrap: wrap; align-items: center; gap: 0.5rem; }
    .db-qi-form-row .db-qi-input { width: auto; flex: 1 1 150px; min-width: 120px; }

    /* 캡차 영역 */
    .db-qi-captcha { flex: 0 0 auto; display: flex; align-items: center; }
    .db-qi-captcha img { height: 40px !important; border-radius: 6px; }
    .db-qi-captcha input[name="captcha_answer"] { height: 40px; padding: 0 10px; border: 1px solid #d1d5db; border-radius: 6px; width: 110px; font-size: 13px; color: #111; background: #fff; }
    @media (max-width: 768px) {
        .db-qi-captcha { width: 100%; justify-content: flex-start; }
    }

    /* ── 우측 패널 ── */
    .db-qi-right { position: fixed; right: 0; top: 50%; transform: translateY(-50%); z-index: 9980; display: flex; align-items: flex-start; }
    .db-qi-right-tab { writing-mode: vertical-rl; text-orientation: mixed; padding: 1rem 0.5rem; background: var(--qi-bg, #1e40af); color: var(--qi-text, #fff); border: none; border-radius: 0.5rem 0 0 0.5rem; cursor: pointer; font-size: 0.85rem; font-weight: 600; letter-spacing: 0.05em; }
    .db-qi-right-panel { display: none; width: 280px; background: var(--qi-bg, #1e40af); border-radius: 0.5rem 0 0 0.5rem; box-shadow: -4px 0 20px rgba(0,0,0,0.15); }

    /* hover */
    @media (hover:hover) and (pointer:fine){
        .db-qi-close:hover { opacity: 1; }
        .db-qi-privacy-link:hover { opacity: 1; }
        .db-qi-btn:hover { background: #fff; }
        .db-qi-bottom-tab:hover { filter: brightness(1.1); }
        .db-qi-right-tab:hover { filter: brightness(1.1); }
    }

    /* ── 반응형 ── */
    @media (max-width: 768px) {
        .db-qi-form-row { flex-direction: column !important; }
        .db-qi-form-row .db-qi-input { width: 100%; flex: none; }
        .db-qi-right { right: 0; top: auto; bottom: 0; transform: none; left: 0; flex-direction: column; }
        .db-qi-right-tab { writing-mode: horizontal-tb; text-orientation: initial; border-radius: 0; width: 100%; text-align: center; }
        .db-qi-right-panel { width: 100%; border-radius: 0; }
    }

/*────────────────────────────────────────────────────────────
    header
────────────────────────────────────────────────────────────*/
    #header{position:fixed;top:0;width: 100%;height: clamp(65px, 10vw, 100px);z-index: 100;transition: all 0.4s;}
    #header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 15px;max-width:1680px;}
    #header .logo{height: 100%;max-width: clamp(120px, 12vw, 135px);position:relative;z-index:3;}
    #header .logo a{display: flex; align-items: center; height: 100%;}
    #header .logo img{height:auto;}
    .gnb_wrap{display:contents;}
    #header .gnb{position: absolute; top:0; left:50%; translate: -50%; width: calc(100% - 300px); height: 100%; display: flex; justify-content: center; text-align: center;}
    #header .gnb > li{position: relative;height: 100%;font-size: var(--text-18);font-weight:500;color: var(--black-color00); transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: 100%;padding-inline: clamp(20px, 2vw, 40px);letter-spacing:0;}
    #header .gnb > li.active > a{color:var(--point-color01);}
    #header .gnb .dep02{position: absolute;top: 80%;left: 50%;width: max-content;max-width: 300px;min-width: 180px;translate: -50%;background: var(--point-color01);padding-block: 18px;opacity: 0;pointer-events: none;transition: inherit;border-radius:var(--radius-10);}
    #header .gnb .dep02 > li{font-size: 90%;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px;}
    .utility{display: flex; align-items: center; gap:var(--row-gap60);position: relative;z-index:3;}
    .allCate{display: flex;flex-direction: column;justify-content: space-between;width: clamp(24px, 3vw, 32px);aspect-ratio: auto 1.45;position: relative;background:none;border:none;padding:0;-webkit-tap-highlight-color:transparent;}
    .allCate span{display: inline-block;width:100%;height:2px;content:"";background:var(--black-color00);transition:width 0.3s;}

    /* 언어 선택 */
    .hd_lang{display:flex;align-items:center;position:relative;}
    .hd_lang_toggle{display:flex;align-items:center;gap:6px;background:none;border:none;font-size:var(--text-16);color:var(--black-color00);font-weight:500;cursor:pointer;}
    .hd_lang_ico{width:clamp(18px, 2vw, 24px);height:clamp(18px, 2vw, 24px);flex-shrink:0;}
    .hd_lang_arrow{display:inline-block;flex-shrink:0;width:6px;height:6px;border:2px solid var(--black-color00);border-width:2px 2px 0 0;rotate:135deg;translate:3px -1px;}
    .hd_lang_toggle[aria-expanded="true"] .hd_lang_arrow{rotate:-45deg;}
    .hd_lang_toggle:focus-visible{outline:2px solid var(--point-color01);outline-offset:3px;}
    .hd_lang_list{position:absolute;top:100%;right:0;margin-top:10px;min-width:76px;background:var(--point-white);border:1px solid var(--border-color01);border-radius:var(--radius-06);box-shadow:var(--shadow-04);padding:6px;z-index:10;}
    .hd_lang_list a{display:block;padding:6px 10px;border-radius:var(--radius-04);font-size:var(--text-16);font-weight:500;color:var(--black-color03);text-align:center;transition:background 0.2s, color 0.2s;}
    .hd_lang_list a[aria-current="true"]{color:var(--point-color01);font-weight:700;background:var(--gray-bg02);}

    #header :where(.logo, .gnb > li > a, .hd_lang, .allCate){filter:var(--filter-white);}

    /*on*/
        #header.on{box-shadow: inset 0 -1px 0 var(--border-color01);background: var(--point-white);}
        #header.on :where(.logo, .gnb > li > a, .hd_lang, .allCate){filter:none;}
        #header.on .hd_lang_toggle{color:var(--black-color00);}
        #header.on .hd_lang_ico{filter:none;}


        /* over */
        @media (hover:hover) and (pointer:fine) {
            #header:hover{box-shadow: inset 0 -1px 0 var(--border-color01);background: var(--point-white);}
            #header:hover :where(.logo, .gnb > li > a, .hd_lang, .allCate){filter:none;}
            #header .gnb > li:hover > a{color:var(--point-color01);}
            #header .gnb .dep02 > li:hover > a{color:var(--black-color03);text-decoration: underline;}
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: auto;}
            #header .gnb .dep02:has(> li:hover) > li:not(:hover){opacity: 0.4;}
            .allCate:hover span{width:100%;}
            .hd_lang_list a:hover{background:var(--gray-bg01);}
        }

    @media (max-width:1250px) {
        #header .gnb{display: none;}
        #header .logo{padding-block:5px;}
    }

/*───────────────────────────────────────────────────────────

	Aside 

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
        #aside.on{opacity: 1;clip-path: inset(0);}
        body:has(#aside.on){overflow: clip; touch-action: none;}
        #aside .utility .hd_btn a{background:var(--point-white);border-color:var(--point-color04);color:var(--point-color04);}
        #aside .utility .hd_btn a:after{filter:none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(5, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color03);font-size: var(--text-20);text-align: center;}
        
        @media (min-width:861px) {
            #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
            #aside.on .gnb > li{opacity:1;translate:0;}
            #aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
            #aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
            #aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
            #aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
            #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
        }
    #aside .gnb > li > a{position: relative;display: block;font-size: var(--text-30);font-weight: 700;line-height: 1.4;padding-block: 30px;transition: all 0.4s;letter-spacing: 0;}
        #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb .dep02{position: relative;}
    #aside .gnb .dep02 > li > a{display: block;font-weight: 400;padding-block: clamp(7px, 1.7vw, 13px);color: var(--black-color03);line-height: 1.6;transition: all 0.4s;}
    #aside .gnb .dep03 > li > a{display: block;font-size:var(--text-16);font-weight: 400;padding-block: clamp(3px, 0.5vw, 5px);color: var(--black-color03);line-height: 1.6;transition: all 0.4s;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: clamp(20px, 1.6vw, 30px);z-index:2;}
    #aside .close_btn{position: relative;width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);z-index: 9;background:none;border:none;padding:0;-webkit-tap-highlight-color:transparent;}
    #aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--point-color01);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
				#aside .gnb > li:hover > a{color: var(--point-color01);}
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color: var(--point-color02);font-weight:600;}
            }

    @media (max-width:1023px){
        #aside{padding-block: clamp(80px, 12vw, 120px);}
    }
    @media (max-width:860px){
		#aside{display: block;}
		#aside .w_custom{align-items:flex-start;}
		#aside .gnb{grid-template: auto / repeat(1, 1fr);gap:0;}
        #aside .gnb > li{padding-block: clamp(20px, 3vw, 25px);text-align:left;border-bottom: 1px solid rgba(0,0,0,0.15);}
        #aside .gnb > li > a{padding-block: 0;}
		#aside .gnb > li > a:before{display: none;}
        #aside .gnb .dep02{display: grid;gap: 0 20px;grid-template: auto / repeat(2, 1fr);margin-top: clamp(10px, 1.8vw, 15px);justify-content: flex-start;}
        #aside .gnb .dep03{display: flex;flex-wrap:wrap;gap:5px 10px;}
		#aside .utility{top:15px; right: 15px;}
    }
    @media (max-width:479px){
        #aside .gnb .dep02{grid-template: auto / repeat(1, 1fr);}
    }

/*───────────────────────────────────────────────────────────

    Footer

───────────────────────────────────────────────────────────*/
    .footer{background:var(--point-white);border-top:1px solid var(--border-color01);padding-top:var(--row-gap80);color:var(--black-color06);}
    .footer a:focus-visible{outline:3px solid var(--point-color01);outline-offset:3px;}
    .footer-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--row-gap60) var(--col-gap60);padding-bottom:var(--row-gap90);}
    .footer-brand{display:flex;flex-direction:column;gap:var(--row-gap45);flex-shrink:0;}
    .footer-logo img{display:block;width:clamp(220px, 22vw, 330px);height:auto;}
    .footer-address{display:flex;flex-direction:column;align-items:flex-start;gap:var(--row-gap10);font-style:normal;}
    .footer-desc{display:flex;align-items:baseline;gap:var(--row-gap10);font-size:var(--text-16);color:var(--black-color06);}
    .footer-desc dt{flex-shrink:0;color:var(--black-color01);}
    .footer-desc dd a{color:var(--black-color06);}
    .footer-desc dd a:focus-visible{color:var(--point-color01);}
    .footer-sitemap > ul{display:grid;grid-template-columns:repeat(4, auto);gap:var(--row-gap140);}
    .footer-sitemap > ul > li > a{font-size:var(--text-18);font-weight:700;color:var(--black-color01);margin-bottom:var(--row-gap20);display: block;}
    .footer-sitemap .mega{display:flex;flex-direction:column;gap:var(--row-gap10);}
    .footer-sitemap .mega a{font-size:var(--text-16);color:var(--black-color07);transition:color .2s ease;}
    .footer-sitemap .mega a:focus-visible{color:var(--point-color01);outline:3px solid var(--point-color01);outline-offset:2px;}
    .footer-bottom{background:var(--black-color01);padding-block:var(--row-gap25);}
    .footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--row-gap20) var(--col-gap20);}
    .footer-bottom-left{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(3px, 0.3vw, 4px) var(--col-gap17);font-size:var(--text-16);color:rgba(255,255,255,.55);letter-spacing:-.01em;}

    .footer-util{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(5px, 0.5vw, 6px) var(--col-gap20);font-size:var(--text-16);color:rgba(255,255,255,.65);}
    .footer-util ul{display: flex;align-items: center;}
    .footer-util ul li{display: flex;align-items: center;}
    .footer-util ul li + li:before{content: '';width: 1px;height: 12px;background: rgba(255, 255, 255, 0.2);display: inline-block;margin-inline:var(--row-gap20);}
    .footer-util ul li.policy a{color: var(--point-white);font-weight: 600;}
    .footer-util a{color:inherit;transition:color .2s ease;}
    .footer-util a:focus-visible{color:var(--point-white);outline:3px solid var(--point-white);outline-offset:2px;}

    @media (hover:hover) and (pointer:fine){
        .footer-desc dd a:hover{color:var(--point-color01);}
        .footer-sitemap-col a:hover{color:var(--point-color01);}
        .footer-util a:hover{color:var(--point-white);}
    }
    @media (max-width:768px){
        .footer-top{flex-direction:column;align-items:flex-start;}
        .footer-sitemap{display:none;}
        .footer-bottom-inner{flex-direction:column;align-items:flex-start;}
    }
    @media (max-width:480px){
        .footer-sitemap{grid-template-columns:1fr;}
    }

/*───────────────────────────────────────────────────────────

    퀵 사이드바

───────────────────────────────────────────────────────────*/
.quick-sidebar{position:fixed;right:var(--col-gap40);top:50%;z-index:60;width:90px;border-radius:var(--radius-16);overflow:hidden;box-shadow:var(--shadow-03);text-align:center;background:var(--point-white);transform:translateY(-50%);}
.quick-title{padding:var(--row-gap15) 0 var(--row-gap10);font-size:var(--text-12);font-weight:700;letter-spacing:.15em;color:var(--point-white);background:var(--point-color01);}
.quick-list{display:flex;flex-direction:column;}
.quick-item{position:relative;}
.quick-item + .quick-item{border-top:1px solid var(--border-color01);}
.quick-item a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--row-gap10);height:118px;padding:var(--row-gap10) clamp(5px, 0.5vw, 6px);color:var(--black-color03);}
.quick-ico{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-inline:auto;}
.quick-ico svg,
.quick-ico img{display:block;max-width:100%;max-height:100%;object-fit:contain;}
.quick-ico img.ico-lg{max-width:140%;max-height:140%;}
.quick-ico img.ico-cyber{max-width:115%;max-height:115%;}
.quick-ico img.ico-home{max-width:120%;max-height:120%;}
.quick-label{font-size:var(--text-16);font-weight:600;line-height:1.2;letter-spacing:-.02em;}
.quick-item:focus-within{background:rgba(12,46,134,.05);}
.quick-item a:focus-visible{color:var(--point-color01);outline:3px solid var(--point-color01);outline-offset:2px;}
@media (hover:hover) and (pointer:fine){
    .quick-item:hover{background:rgba(12,46,134,.05);}
    .quick-item a:hover{color:var(--point-color01);}
}
.quick-top{position:fixed;right:calc(var(--col-gap40) + 15px);bottom:var(--col-gap40);z-index:60;}
.quick-top button{display:flex;align-items:center;justify-content:center;width:clamp(40px, 5vw, 52px);height:clamp(40px, 5vw, 52px);border-radius:50%;background:#927B4E;color:var(--point-white);box-shadow:var(--shadow-01);}
.quick-top button svg{display:block;width:clamp(14px, 1.5vw, 18px);height:clamp(14px, 1.5vw, 18px);}
.quick-top button:focus-visible{outline:3px solid var(--point-white);outline-offset:2px;}

@media (max-width:640px){
    .quick-sidebar{display:none;}
    .quick-top{right:var(--col-gap40);}
}


/*─────────────────────────────────────────────────────────
    Main
─────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .visualSwiper{position: relative; background: var(--black-color01);}
        .visualSwiper .swiper-slide{position: relative;height: auto; min-height: clamp(400px, 92vw, 920px); overflow: hidden;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom:clamp(80px, 19vw, 193px);}
        .visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden;}
        .visualSwiper .thumb :where(img, video, iframe){width:100%; height:100%; object-fit:cover;}
        .visualSwiper .title{display: flex;flex-direction: column;gap:clamp(15px, 3vw, 34px);color: var(--point-white);}
        .visualSwiper .title h2{font-size: var(--text-100);font-weight: 800;line-height: 1.1;letter-spacing:0;}
        .visualSwiper .title p{font-size: var(--text-22);font-weight:400;line-height: 1.66;}
        .visualSwiper .txt-ani{opacity: 0; translate: 70px;}
        .visualSwiper .swiper-slide.on .txt-ani{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
        .visualSwiper .swiper-slide.on .txt-ani:nth-child(2){transition-delay: 0.4s;}
        .visualSwiper .controller{position: absolute;left:50%;bottom: clamp(3px, 6vw, 80px);display: flex;align-items: center;gap:15px clamp(10px, 2vw, 20px);z-index: 5;translate: -50%;}
        .visualSwiper .prog-bar{position: relative;width: min(500px, 100%);height: 1px; background:rgba(217, 217, 217, 0.4);}
        .visualSwiper .prog-bar em{position: absolute;top: 0;left: 0;background: var(--point-white);height: 100%;}
            .visualSwiper.on .prog-bar em{animation: prog-bar 8s forwards linear; }
            @keyframes prog-bar {0% {width:0;}100% {width:100%;}}
        .visualSwiper .nav-box{display: flex;align-items: center;flex-wrap: wrap;gap: 5px;flex-shrink: 0;}
        .visualSwiper .arw-box{display: flex;align-items: center;flex-wrap: wrap;gap: clamp(5px, 1vw, 10px);}
        .visualSwiper .swiper-arw{position: relative;inset: auto;margin: 0;width: clamp(20px, 2.6vw, 24px);height: auto;aspect-ratio: auto 1;}
        .visualSwiper .swiper-arw::before{position: absolute;content:'';width: 60%;aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: 135deg;top: 50%;left: 70%;translate: -50% -50%;border-radius: 2px;}
        .visualSwiper .swiper-arw.next{scale: -1 -1;}
        .visualSwiper .swiper-pagination-num{position: relative;width: auto;inset: auto;font-size: var(--text-13);font-weight:400;color:rgba(255,255,255,0.6);}
        .visualSwiper .swiper-pagination-num .swiper-pagination-current{color: var(--point-white);min-width: 20px;display: inline-block;}

        @media (max-width:1023px){
            .visualSwiper .title h2{font-size:var(--text-70);}
        }
        @media (max-width:479px){
            .visualSwiper .title br{display: none;}
            .visualSwiper .title h2{font-size:var(--text-60);}
        }

    /*main*/
        .main_flex{display: flex;align-items: flex-start;gap:var(--row-gap70);}
        .main_flex .flex_l{width:100%;}
        .main_flex .flex_r{width:clamp(900px, 76vw, 1210px);flex-shrink:0;} 

        .en_title{display: flex;gap:var(--row-gap10);font-size:var(--text-32);color:var(--black-color00);font-weight:600;align-items: flex-start;}
        .en_title .dot{flex-shrink:0;width:clamp(8px, 1vw, 12px);aspect-ratio:auto 1;border-radius:100%;background:var(--point-color01);}
        .en_title .dot.point02{background:var(--point-color02);}

        .main_title{display: flex;flex-direction: column;align-items: flex-start;gap:clamp(15px, 3vw, 34px);margin-bottom:var(--row-gap60);}
        .main_title h2{font-size:var(--text-52);color:var(--black-color00);font-weight:600;line-height:1.2;}
        .main_title p{font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:1.6;}

        .main_more{display: inline-flex;align-items: center;gap:var(--row-gap10);font-size:var(--text-18);color:var(--point-white);font-weight:500;}
        .main_more .ico{display: flex;align-items: center;justify-content: center;width:clamp(24px, 3vw, 30px);aspect-ratio:auto 1;background:var(--point-white);border-radius:3px;transition:all 0.3s;}
        .main_more .ico img{width:clamp(10px, 1vw, 13px);transition:all 0.3s;}
        .main_more.dark .ico{background:var(--point-color01);border:1px solid var(--point-color01);}
        .main_more.dark .ico img{filter:var(--filter-white);}

        @media (hover:hover) and (pointer:fine){
            .main_more:hover .ico{background:var(--point-color01);}
            .main_more:hover .ico img{filter:var(--filter-white);}
            .main_more.dark:hover .ico{background:var(--point-white);}
            .main_more.dark:hover .ico img{filter:none;}
        }

        @media (max-width:1200px){
            .main_flex{flex-direction: column;gap:var(--row-gap60);}
            .main_flex .flex_r{width:100%;}
        }


    /* Philosophy */
        .philosophy{padding-block:var(--row-gap140) var(--row-gap180);}
        .philosophy-head{display:flex;align-items:center;flex-wrap:wrap;gap:var(--row-gap30);font-size:clamp(54px, 4.86vw, 72px);font-weight:700;color:var(--black-color00);}
        .philosophy-thumb{display:inline-block;width:0;height:clamp(60px, 10vw, 100px);flex-shrink:0;border-radius:100px;transition:width 0.5s;}
        .philosophy-head.aos-animate .philosophy-thumb {width:clamp(100px, 20vw, 254px);}
        .philosophy-quote{margin-top:var(--row-gap40);font-size:var(--text-34);font-weight:500;color:var(--black-color00);}
        .philosophy-list{margin-top:var(--row-gap50);counter-reset:phNum;}
        .philosophy-list li{display:flex;align-items:center;gap:var(--col-gap40);padding:var(--row-gap50) var(--col-gap30);border-bottom:1px solid var(--border-color01);transition:all 0.3s;padding-left:var(--row-gap20);position: relative;counter-increment:phNum;}
        .philosophy-list li:nth-child(1){border-top:1px solid var(--border-color01);}
        .philosophy-title{flex:0 0 auto;font-size:var(--text-36);font-weight:800;color:var(--black-color00);letter-spacing:0;display: flex;align-items: center;}
        .philosophy-title span{display: inline-block;width:clamp(140px, 16vw, 260px);}
        .philosophy-title:before{content:counter(phNum, decimal-leading-zero);width:clamp(30px, 6vw, 80px);font-size:var(--text-20);font-weight:700;color:var(--point-color02);display: inline-block;}
        .philosophy-desc{display:flex;flex-direction:column;gap:6px;}
        .philosophy-desc-tit{font-size:var(--text-20);font-weight:600;color:var(--black-color03);line-height:1.2;}
        .philosophy-desc-txt{font-size:var(--text-18);font-weight:400;line-height:1.6;color:var(--black-color06);}

        .philosophy-list li.on,
        .philosophy-list li:focus-within{padding-left:var(--row-gap50);border-radius:var(--radius-20);border:2px solid var(--point-color02);box-shadow: 0 0 50px 0 rgba(178, 210, 54, 0.15);}
        .philosophy-list li:has(+ li.on){border-bottom-color:transparent;transition:none;}

        @media (hover:hover) and (pointer:fine){
            .philosophy-list li:hover{padding-left:var(--row-gap50);border-color:var(--point-color02);border-radius:var(--radius-20);border:2px solid var(--point-color02);box-shadow: 0 0 50px 0 rgba(178, 210, 54, 0.15);}
        }
        @media (max-width:767px){
            .philosophy-head{font-size:40px;}
        }
        @media (max-width:640px){
            .philosophy-list li{flex-direction: column;align-items: flex-start;}
            .philosophy-title span{width:auto;}
        }
        @media (max-width:479px){
            .philosophy-head{flex-direction: column;align-items: flex-start;gap:var(--row-gap20);}
        }

    /* Products */
        .main_products{padding-bottom:var(--row-gap180);}
        .main_products .main_title{position:sticky;top:120px;}
        .main_products .main_more .ico{width:clamp(50px, 6vw, 60px);border-radius:5px;}
        .main_products .main_more img{width:clamp(14px, 2vw, 20px);}
        
        .main_products .db-expose-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap:clamp(60px, 13vw, 153px) var(--row-gap50);padding-bottom:clamp(100px, 20vw, 220px);}
        .main_products .db-expose-grid .item:nth-child(even){translate:0 clamp(100px, 20vw, 220px);}
        .main_products .thumb{border-radius:var(--radius-30);width:100%;aspect-ratio:auto 1.28;}
        .main_products .info{margin-top:var(--row-gap50);display: flex;flex-direction: column;align-items: flex-start;gap:6px;}
        .main_products .info .title{font-size:var(--text-32);color:var(--black-color00);font-weight:600;line-height:1.6;}
        .main_products .info .desc{font-size:var(--text-16);color:var(--black-color06);font-weight:600;line-height:1.6;}

        @media (max-width:1700px){
            .main_products.main_flex .flex_r{width:60vw;}
        }
        @media (max-width:1200px){
            .main_products .main_title{position: static;}
            .main_products.main_flex .flex_r{width:100%;}
        }
        @media (max-width:479px){
            .main_products .db-expose-grid{grid:auto / repeat(1, 1fr);padding-bottom:0;gap:var(--row-gap80);}
            .main_products .db-expose-grid .item:nth-child(even){translate:0;}

        }

    /* Manufacturing */
        .main_mfg{padding-bottom:var(--row-gap180);}
        .main_mfg .en_title{margin-bottom: var(--row-gap50);}
        .main_mfg .list{display:flex;gap:var(--col-gap20);height:clamp(320px, 38vw, 560px);}
        .main_mfg .item{position:relative;flex:1;overflow:hidden;border-radius:var(--radius-16);transition:flex 0.6s cubic-bezier(.4,0,.2,1);}
        .main_mfg .item:before{width:100%;height:100%;content:"";background:linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);position: absolute;top:0;left:0;pointer-events:none;z-index:2;}
        .main_mfg .item.is-active{flex:4;}
        .main_mfg .toggle{position:absolute;inset:0;width:100%;height:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;}
        .main_mfg .thumb{position:absolute;inset:0;}
        .main_mfg .info{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:var(--row-gap40) var(--col-gap40);color:var(--point-white);pointer-events:none;z-index:3;}
        .main_mfg .info > *{pointer-events:auto;}
        .main_mfg .info .title{font-size:var(--text-32);font-weight:700;}
        .main_mfg .info .desc{margin-top:var(--row-gap15);font-size:var(--text-16);font-weight:400;line-height:1.6;max-width:520px;}

        @media (hover:hover) and (pointer:fine){
            .main_mfg .item:not(.is-active):hover .thumb{scale:1.05;}
        }

        @media (min-width:1024px){

        }

        @media (max-width:1023px){
            .main_mfg .list{flex-direction:column;height:auto;}
            .main_mfg .item{height:80px;flex:none;transition:height 0.6s cubic-bezier(.4,0,.2,1);pointer-events:none;}
            .main_mfg .main_more{pointer-events:initial;}
            .main_mfg .item.is-active{height:360px;}
        }