#wrap {overflow: clip;}
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto;}
.bullet-list{display: flex;flex-direction: column;gap: clamp(7px, 1vw, 10px);}
.bullet-list > li{position: relative;display: flex;align-items: baseline;gap: var(--row-gap10);font-size: var(--text-15);font-weight: 400;}
.bullet-list > li::before{display: inline-flex;content:'';width: clamp(2px, 0.5vw, 3px);aspect-ratio: auto 1;flex-shrink: 0;background: var(--black-color03);translate: 0 -3px;}
.bullet-list .desc{display: flex;align-items: baseline;gap: 10px;}
.bullet-list .desc dt{font-weight: 500;flex-shrink: 0;}
    .bullet-list.type02 > li{font-size: var(--text-18);line-height: 1.4;color: var(--black-color05);gap: clamp(8px, 1.4vw, 14px);}
    .bullet-list.type02 > li::before{background: var(--black-color05);border-radius: 100%;translate: 0 clamp(-5px, -0.7vw, -4px);}
    .bullet-list.type03 > li{font-size: var(--text-20);line-height: 1.4;color: var(--black-color05);gap: clamp(8px, 1.4vw, 14px);}
    .bullet-list.type03 > li::before{background: var(--black-color05);border-radius: 100%;translate: 0 clamp(-5px, -0.7vw, -4px);}

.link{position: absolute; inset: 0; z-index: 3;}
#wrap [class*="swiper-butto"]::after{display: none;}
.ft_en{font-family: var(--font-type02);}
main{padding-block:var(--row-gap100) var(--row-gap140);}
main:has(.pbDn){padding-bottom: 0;}
main:has(.ptDn){padding-top: 0;}
main:has(.fullSec){width: 100%; max-width: 100%;}
#wrap .dn{display: none;}
.dragscroll{ scrollbar-gutter: stable;}
.dragscroll::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
.dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
.dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}
@media (max-width:1500px) {
    br.for_pc{display: none;}
}
@media (max-width:860px) {
    .w_custom{width: calc(100% - 30px);}
}
@media (max-width:320px) {
    .w_custom{width: calc(100% - 20px);}
}

/* ========================================
    빠른 상담문의 (Quick Inquiry)
======================================== */

    /* ── 공통 ── */
    .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-close:hover { opacity: 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-privacy-link:hover { opacity: 1; }

    .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-btn:hover { background: #fff; }

    .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-tab:hover { filter: brightness(1.1); }
    .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-tab:hover { filter: brightness(1.1); }
    .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); }

    /* ── 반응형 ── */
    @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
────────────────────────────────────────────────────────────*/
    .hd-top{position: relative;background: var(--point-color01);padding-block: 10px;}
    .hd-top .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 10px;}
    .hd-top .bullet-list{flex-direction: row;filter: var(--filter-white);font-family: var(--font-type02);column-gap: clamp(25px, 3vw, 30px);flex-wrap: wrap;letter-spacing: 0;}
    .hd-top .bullet-list .desc dd{opacity: 0.8;}
    .hd-top .search-btn{display: flex;align-items: center;gap: clamp(7px, 1vw, 10px);font-size: var(--text-15);font-weight: 500;font-family: var(--font-type02);letter-spacing: 0;filter: var(--filter-white);}
    .hd-top .search-btn::after{display: inline-flex;content:'';background: url('/images/search-btn.svg') no-repeat center / 100% auto;width: clamp(13px, 1.9vw, 14px);aspect-ratio: auto 1;}

    #header{position: sticky;top:0;width: 100%;height: clamp(65px, 10vw, 100px);z-index: 100;background: var(--point-white);transition: all 0.4s;}
        #header.on{box-shadow: inset 0 -1px 0 var(--border-color01);}
    #header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 15px;}
    #header .logo{height: 100%;max-width: clamp(90px, 16vw, 150px);}
    #header .logo a{display: flex; align-items: center; height: 100%; padding-block: 15px;}
    #header .logo img{height: auto;}
    #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-20);font-weight: 600;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, 2.1vw, 40px);}
    #header .gnb .dep02{position: absolute;top: 80%;left: 50%;width: max-content;max-width: 300px;min-width: 180px;translate: -50%;background: var(--point-color02);border-radius: var(--radius-20);padding-block: 18px;opacity: 0;pointer-events: none;transition: inherit;}
    #header .gnb .dep02 > li{font-size: 90%;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px;}
    #header .utility{display: flex; align-items: center; gap: clamp(15px, 3vw, 30px);}
    #header .allCate{display: none;flex-direction: column;justify-content: space-between;width: clamp(24px, 3.5vw, 30px);aspect-ratio: auto 1.35;}
    #header .allCate span{width: 100%;height: 2px;background: var(--point-color02);}

    .request-btn{position: relative;display: flex;align-items: center;justify-content: center;gap: clamp(10px, 1.9vw, 14px);text-align: center;font-size: var(--text-18);font-weight: 600;color: var(--point-color02);width: fit-content;padding: clamp(8px, 1.5vw, 10px) clamp(18px, 2.4vw, 24px);border: 1px solid var(--point-color02);transition: all 0.4s;}
        .request-btn::after{display: inline-flex;content:'';width: clamp(9px, 1.7vw, 12px);aspect-ratio: auto 1;background: url('/images/request-btn.svg') no-repeat center / 100% auto;transition: inherit;}
    .request-btn span{transition: inherit;}
    .request-btn.deDn{border:0;padding: 0;font-size: var(--text-20);background: none;color: var(--point-color01);}
        .request-btn.deDn::before{position: absolute;content:'';width: 0;height: 1px;background: var(--point-color01);left:0;bottom: -3px;transition: all 0.4s;}
        .request-btn.deDn::after{background-image: url('/images/request-btn02.svg');}
        .request-btn.deDn.md{font-size: var(--text-18);}
        .request-btn.deDn.md::after{width: clamp(8px, 1.5vw, 10px);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: auto;}
            #header .gnb .dep02:has(> li:hover) > li:not(:hover){opacity: 0.4;}
            .request-btn:not(.deDn):hover{background: var(--point-color02);
                &::after, & span{filter: var(--filter-white);}
            }
            .request-btn.deDn:hover::before{width: 100%;}
        }
    
    @media (max-width:1023px) {
        #header .gnb{display: none;}
        #header .allCate{display: flex;}
    }

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

	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 .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(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);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-40);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;border-radius:100%;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-color06);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;}
    #aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--black-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);}
            }

    @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 .utility{top:15px; right: 15px;}
    }
    @media (max-width:479px){
        #aside .gnb .dep02{grid-template: auto / repeat(1, 1fr);}
    }

/*────────────────────────────────────────────────────────────
    Main
────────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .comSwiper{position: relative; overflow: hidden;}
        .comSwiper .swiper-slide{min-height: clamp(550px, 82vw, 820px);overflow: hidden;padding-block: clamp(100px, 16.8vw, 168px);display: flex;flex-direction: column;color: var(--point-white);}
            .comSwiper.swiper-fade .swiper-slide:not(.on){opacity: 0 !important; pointer-events: none;}
        .comSwiper .db-slide-media{position: absolute; inset: 0;}
        .comSwiper .db-slide-media picture{width: 100%; height: 100%;}
        .comSwiper .db-slide-media img{width: 100%; height: 100%; object-fit: cover; object-position: 80% 50%;}
            .comSwiper .swiper-slide.on .db-slide-media{scale: 1.08; transition: all 5s 0.2s;}
        .comSwiper .txt-box{position: relative; display: flex; flex-direction: column; gap:var(--row-gap30);}
        .comSwiper .txt-box h2{font-size: var(--text-24);font-weight: 500;color: var(--point-color03);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0.005em;}
        .comSwiper .txt-box h3{font-size: var(--text-60);font-weight: 600;line-height: 1.4;letter-spacing: -0.03em;}
            .comSwiper .txt-box h3 + p{margin-top: var(--row-gap10);}
        .comSwiper .txt-box p{font-size: var(--text-22);font-weight: 300;line-height: 1.6; color: rgb(255 255 255 / 80%);}
        .comSwiper .btn-box{margin-top: var(--row-gap50);}
        .comSwiper .txtAni{opacity: 0; translate: 0 70px;}
            .comSwiper .swiper-slide.on .txtAni{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
            .comSwiper .swiper-slide.on .txtAni:nth-child(2){transition-delay: 0.4s;}
            .comSwiper .swiper-slide.on .txtAni:nth-child(3){transition-delay: 0.6s;}
            .comSwiper .swiper-slide.on .txtAni:nth-child(4){transition-delay: 0.8s;}
        .comSwiper .swiper-pagination{position: absolute;left:0;bottom: clamp(25px, 5vw, 50px);width: 100%;padding-inline: 15px;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
        .comSwiper .swiper-pagination .swiper-pagination-bullet{position: relative;width: clamp(50px, 8vw, 70px);height: clamp(3px, 0.6vw, 4px);background: rgb(255 255 255 / 30%);margin: 0;border-radius: 0;opacity: 1;}
        .comSwiper .swiper-pagination .swiper-pagination-bullet::before{position: absolute; content:''; top:0; left:0; height: 100%; background: var(--point-white);}

            .comSwiper .swiper-pagination .swiper-pagination-bullet-active::before{animation:comSwiper var(--com-duration) linear forwards;}
            @keyframes comSwiper {0% {width:0;} 100% {width:100%;}}

        .btn-box{margin-top: var(--row-gap60);display: flex;flex-wrap: wrap;gap: clamp(10px, 2vw, 20px);}
        .btn-box.cen{justify-content: center;}
        .more-arw{position: relative;box-shadow: var(--shadow-01);font-size: var(--text-20);font-weight: 500;color: var(--point-white);min-width: clamp(130px, 21vw, 200px);min-height: clamp(45px, 7vw, 60px);padding: 10px 20px;background: var(--point-color03);display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;gap: 10px;transition: all 0.4s;}
        .more-arw::after{display: inline-flex;content:'';width: 10px;aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: -45deg;margin-left: -20px;opacity: 0;transition: inherit;border-radius: 2px;}
            .more-arw.pt01{background: var(--point-color02);}
            .more-arw.pt02{background: var(--point-color01);}
            .more-arw.md{font-size: var(--text-18);min-width: clamp(120px, 19vw, 180px);min-height: clamp(42px, 6.4vw, 54px);}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .more-arw:hover::after{margin-left: 0; opacity: 1;}
            }

    /* main-title */
        .main-title{position: relative;text-align: center;display: flex;flex-direction: column;gap: var(--row-gap30); text-wrap: balance;}
            .main-title.left{text-align: left; text-wrap: auto;}
            .main-title.hd{margin-bottom: var(--row-gap60);}
        .main-title h3{font-size: var(--text-20);font-weight: 600;line-height: 1.4;}
        .main-title h3 em{color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0;}
        .main-title h4{font-size: var(--text-50);font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
        .main-title h5{font-size: var(--text-20);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}
        .main-title .request-btn{margin-top: 7px;}
        .main-title .btn-box{margin-top: clamp(10px, 1.6vw, 16px);}


    /* product-list */
        .product-list{display: grid;grid: auto / repeat(3, 1fr);gap: var(--col-gap20);}
        .product-list > li{position: relative;background: var(--gray-bg02);text-align: center;display: flex;flex-direction: column;gap: 10px;text-wrap: balance;overflow: hidden;transition: all 0.4s;}
            .product-list > li::before{position: absolute;content:'';top:0;right:0;width: clamp(40px, 5vw, 50px);aspect-ratio: auto 1;background: var(--point-color01) url('/images/view_arw.svg') no-repeat center / clamp(12px, 1.6vw, 14px) auto;translate: 0 -100%;opacity: 0;transition: all 0.4s;}
        .product-list .thumb{width: 100%;aspect-ratio: auto 1.613;overflow: hidden;}
		.product-list .thumb img{width:100%; height:100%; object-fit:cover}
        .product-list .cont{display: grid;gap: 15px;padding: 0 clamp(20px, 3vw, 30px) clamp(25px, 4vw, 40px);}
        .product-list .desc{display: grid;gap: var(--row-gap10);}
        .product-list .desc :where(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
        .product-list .desc dt{font-size: var(--text-24);font-weight: 600;color: var(--black-color01);line-height: 1.4;}
        .product-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6; -webkit-line-clamp: 2;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .product-list > li:hover{box-shadow: inset 0 0 0 2px var(--point-color01);}
                .product-list > li:hover::before{opacity: 1; translate: 0;}
            }

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

    /* solSwiper */
        .sol-wrap{max-width: 1680px;padding-inline: clamp(50px, 9vw, 90px);}
        .sol-wrap [class*="swiper-button"]{position: absolute;top: 50%;left: 0;width: clamp(36px, 6vw, 60px);height: auto;aspect-ratio: auto 1;background: var(--gray-bg01);margin: 0;translate: 0 -50%;display: flex;align-items: center;justify-content: center;transition: all 0.4s;}
            .sol-wrap [class*="swiper-button"]::before{display: inline-flex;content:'';width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1;border: 2px solid var(--black-color05);clip-path: var(--clip-poly02);rotate: 135deg;border-radius: 2px;translate: 2px 0;transition: inherit;}
            .sol-wrap [class*="swiper-button"].swiper-button-next{scale: -1 -1;left: auto;right: 0;}
        .solSwiper{position: relative; overflow: hidden;}
        .solSwiper .swiper-slide{position: relative;height: auto;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: 10px;text-align: center; transition: box-shadow 0.4s;}
        .solSwiper .desc{display: grid;gap: var(--row-gap20);}
        .solSwiper .desc dt{aspect-ratio: auto 1.546;overflow: hidden;}
		.solSwiper .desc dt img{width:100%; height:100%; object-fit:cover;}
        .solSwiper .desc dd{font-size: var(--text-22);font-weight: 600;color: var(--black-color01);line-height: 1.6;padding: 0 15px clamp(3px, 1.3vw, 13px);}

            .solSwiper.grid .swiper-wrapper{display: grid; grid: auto / repeat(3, 1fr); gap: clamp(15px, 1.3vw, 24px);}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .sol-wrap [class*="swiper-button"]:hover{background: var(--point-color02);}
                .sol-wrap [class*="swiper-button"]:hover::before{filter: var(--filter-white);}
                .solSwiper .swiper-slide:has(.link):hover{box-shadow: inset 0 0 0 2px var(--point-color02);}
            }

        @media (max-width:860px) {
            .solSwiper.grid .swiper-wrapper{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px) {
            .solSwiper.grid .swiper-wrapper{grid: auto / repeat(1, 1fr);}
        }

    /* bg-sec */
        .bg-sec{position: relative; background: var(--point-color04); padding-block: var(--row-gap140);}
        .bg-sec.pt01{background: var(--gray-bg01);}

    /* work-process */
        .work-process{display: flex;align-items: flex-start;gap: 0 100px;}
        .work-process .main-title{position: sticky;top: 150px;width: 100%;}
        .work-process .main-title h3 em{color: var(--point-color03);}
        .work-process .main-title :is(h4, h5, .request-btn){filter: var(--filter-white);}
        .work-process .info-list{flex-shrink: 0;width: min(820px, 55%);display: grid;grid: auto / repeat(2, 1fr);gap: var(--col-gap60);counter-reset: workProcess;padding-bottom: clamp(80px, 11.9vw, 119px);}
        .work-process .info-list > li{position: relative;background: var(--point-white);display: flex;flex-direction: column;justify-content: space-between;}
            .work-process .info-list > li:nth-child(2n){translate: 0 clamp(80px, 11.9vw, 119px);}
        .work-process .info-list .desc{padding: clamp(30px, 2.1vw, 40px) 30px;display: grid;gap: var(--row-gap10);flex-shrink: 0;}
        .work-process .info-list .desc dt{font-size: var(--text-30);font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;display: grid;gap: clamp(15px, 2.4vw, 24px);}
            .work-process .info-list .desc dt::before{content: counter(workProcess, decimal-leading-zero);counter-increment: workProcess;font-size: var(--text-20);font-weight: 700;color: var(--point-color01);font-family: var(--font-type02);}
        .work-process .info-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}
        .work-process .info-list .thumb{width: 100%;overflow: hidden;height: 100%;}
		.work-process .info-list .thumb img{width:100%; height:100%; object-fit:cover;}

        @media (max-width:1023px) {
            .work-process{flex-wrap: wrap;}
            .work-process .main-title{position: relative; inset: auto;}
            .work-process .info-list{width: 100%; flex-shrink: unset;}
            .work-process .info-list .desc{padding: clamp(25px, 3.5vw, 30px);}
        }
        @media (max-width:479px) {
            .work-process .info-list{grid: auto / repeat(1, 1fr); padding-bottom: 0;}
            .work-process .info-list > li:nth-child(2n){translate: 0;}
        }

    /* com_over */
        .com_over{display: flex;gap: var(--row-gap60) clamp(60px, 5.3vw, 100px);}
        .com_over .thumb{width: min(700px, 47%); flex-shrink: 0; overflow: hidden;}
        .com_over .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .com_over .cont{width: 100%;padding-top: 20px;display: flex;flex-direction: column;justify-content: space-between;gap: var(--row-gap50);}
        .com_over .exp-box{display: grid;grid: auto / repeat(3, 1fr);gap: var(--col-gap20);}
        .com_over .exp-box .desc{background: var(--point-color03);border: 1px solid var(--point-color03);text-align: center;padding: 20px 10px;min-height: clamp(110px, 14.5vw, 140px);display: flex;flex-direction: column;justify-content: center;gap: var(--row-gap10);}
        .com_over .exp-box .desc dt{font-size: var(--text-18);font-weight: 600;filter: var(--filter-white);line-height: 1.4;font-family: var(--font-type02);}
        .com_over .exp-box .desc dd{font-size: var(--text-24);font-weight: 600;line-height: 1.4;filter: var(--filter-white); color: var(--black-color01);}

            .com_over .exp-box .desc:nth-child(2){background: var(--point-white); border-color: var(--border-color01);}
            .com_over .exp-box .desc:nth-child(2) dt{filter: none; color: var(--point-color02);}
            .com_over .exp-box .desc:nth-child(2) dd{filter: none; }
            .com_over .exp-box .desc:nth-child(3){background: var(--point-color01); border-color: var(--point-color01);}
            .com_over .exp-box .desc:nth-child(3) dd{filter: none; color: var(--point-color03);}

        @media (max-width:1023px) {
            .com_over{flex-wrap: wrap;}
            .com_over .thumb{width: auto; flex-shrink: unset;}
            .com_over .cont{padding-top: 0;}
            .com_over .exp-box{gap: clamp(10px, 2vw, 15px);}
        }
        @media (max-width:360px) {
            .com_over .exp-box{grid: auto / repeat(1, 1fr);}
            .com_over .exp-box .desc{min-height: auto;}
        }

    /* inquiry-meta */ 
        .inquiry-meta{background: url('/images/inquiry-meta.jpg') no-repeat center / cover;padding: clamp(35px, 8.6vw, 86px) clamp(30px, 8vw, 80px);}
        .inquiry-meta .main-title{gap: clamp(15px, 2.4vw, 24px);}
        .inquiry-meta .main-title h4{font-size: var(--text-40);}

    /* status-list */
        .status-list{display: grid;grid: auto  / repeat(3, 1fr);gap: var(--col-gap30);}
        .status-list > li{position: relative;background: var(--point-white);text-align: center;padding: 40px clamp(15px, 3vw, 30px);min-height: clamp(180px, 24vw, 240px);display: flex;flex-direction: column;justify-content: center;transition: all 0.4s;text-wrap: balance;}
        .status-list .desc{display: grid;gap: var(--row-gap10); transition: all 0.4s;}
        .status-list .desc dt{font-size: var(--text-24);font-weight: 600;color: var(--black-color01);line-height: 1.4;}
        .status-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;}
        .status-list .request-btn{position: absolute;left: 50%;bottom: clamp(15px, 3vw, 30px);translate: -50%;opacity: 0;}
		.status-list .request-btn::before{width:100%;}

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .status-list > li:hover{box-shadow: var(--shadow-02), inset 0 0 0 2px var(--point-color01);}
                .status-list > li:hover .desc{translate: 0 clamp(-20px, -2vw, -10px);}
                .status-list > li:hover .request-btn{opacity: 1; translate: -50% clamp(-20px, -2vw, -10px);}
            }

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

/*────────────────────────────────────────────────────────────
    Footer
────────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer{position: relative; background: var(--point-color01); font-size: var(--text-18); font-weight: 300; color: rgb(255 255 255 / 80%); line-height: 1.4;}
        #footer .top-sec{padding-block: clamp(40px, 8vw, 80px) clamp(50px, 10vw, 100px);}
        #footer .top-sec .w_custom{display: flex;justify-content: space-between;gap: var(--row-gap60);}
        #footer .top-sec article{width: 100%;display: flex;flex-direction: column;gap: clamp(20px, 4vw, 40px);}
        #footer .logo{max-width: clamp(90px, 16vw, 150px);}
        #footer .addr-list{display: grid;gap: clamp(8px, 1.4vw, 14px);}
        #footer .addr-list > li{display: flex;flex-wrap: wrap;gap: clamp(8px, 1.4vw, 14px) clamp(25px, 3vw, 30px);}
        #footer .addr-list .desc{display: flex;align-items: baseline;gap: 10px;}
        #footer .addr-list .desc dt{font-weight: 400;color: var(--point-white);font-family: var(--font-type02);flex-shrink: 0;letter-spacing: 0;}
        #footer .addr-list .desc dd.ft_en{color: rgb(0 0 0 / 80%); filter: var(--filter-white);}
        #footer .gnb{display: flex;width: min(655px, 47%);justify-content: space-between;gap: 15px;flex-shrink: 0;}
        #footer .gnb a{display: block;}
        #footer .gnb > li{font-size: var(--text-20);font-weight: 400;color: var(--point-white);display: flex;flex-direction: column;gap: var(--row-gap20);}
        #footer .gnb > li > a{display: block;}
        #footer .gnb .dep02{display: grid;gap: clamp(8px, 1.2vw, 12px);}
        #footer .gnb .dep02 > li{font-size: 90%;color: rgb(255 255 255 / 80%);font-weight: 300;line-height: 1.6;}
        #footer .btm-sec{border-top: 1px solid rgb(255 255 255 / 20%);padding-block: clamp(20px, 3vw, 30px);}
        #footer .btm-sec .w_custom{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 15px 30px;}
        #footer .copy{font-size: var(--text-16);color: rgb(0 0 0 / 60%);font-family: var(--font-type02);filter: var(--filter-white);font-weight: 400;letter-spacing: 0;}
        #footer .policy-links{display: flex;flex-wrap: wrap;}
        #footer .policy-links a{font-size: var(--text-17);color: var(--point-white);display: flex;align-items: center;}
            #footer .policy-links a::after{display:inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;background: rgb(255 255 255 / 60%);margin-inline: clamp(15px, 2vw, 20px);}
            #footer .policy-links a:last-child::after{display:none;}
        #footer .policy-links a[title="개인정보처리방침"]{font-weight: 500;}
        #footer .policy-links a[title="이메일무단수집거부"]{display: none;}

        @media (max-width:1023px) {
            #footer .top-sec .w_custom{flex-wrap: wrap;}
            #footer .gnb{width: 100%; flex-shrink: unset;}
        }

    /* 퀵 */
        .scr-top{position: fixed;right:clamp(30px, 2.1vw, 40px);bottom: 30px;display: flex;align-items: center;justify-content: center;padding: 12px;width: clamp(40px, 6vw, 60px);height: clamp(40px, 6vw, 60px);background: var(--point-color03);z-index: 50;box-shadow: var(--shadow-03); opacity: 0; pointer-events: none; transition: all 0.4s;}
        body:has(#header.on:not(.end)) .scr-top{opacity: 1; pointer-events: auto;}

        @media (max-width:860px) {
            .scr-top{right:clamp(15px, 3vw, 30px);bottom: clamp(15px, 3vw, 30px);}
        }

/*────────────────────────────────────────────────────────────
    서브
────────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .sub-visual{position: relative;min-height: clamp(280px, 42vw, 420px);background: url('/images/sv_thumb.jpg') no-repeat center / cover;display: flex;flex-direction: column;justify-content: center;text-align: center;color: var(--point-white);padding-block: var(--row-gap100);}
            body:has(.sv-exam) .sub-visual{background-image: url('/images/sv_exam.jpg');}
            body:has(.sv_com) .sub-visual{background-image: url('/images/sv_com.jpg');}
            body:has(.sv_cs, #wrap.notice, #wrap.faq, #wrap.contact) .sub-visual{background-image: url('/images/sv_cs.jpg');}
        .sub-visual .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--row-gap40);}
        .sub-visual .title{position: relative;}
        .sub-visual .title h2{font-size: var(--text-60);font-weight: 600;line-height: 1.4;letter-spacing: -0.03em;}
        .sub-visual .path{display: flex;flex-wrap: wrap;align-items: center;}
        .sub-visual .path a{display: flex;align-items: center;font-size: var(--text-18);font-weight: 300;line-height: 1.44;flex-wrap: wrap;gap: 10px 0;}
            .sub-visual .path a::after{display: inline-flex;content: '';width: clamp(2px, 0.5vw, 3px);aspect-ratio: auto 1;border-radius: 100%;margin-inline: clamp(14px, 1.6vw, 16px);background: var(--point-white);}
            .sub-visual .path a:last-child{font-weight: 400;}
            .sub-visual .path a:last-child::after{display: none;}
            .sub-visual .path a.home{height: clamp(15px, 2.4vw, 19px);}

        @media (max-width:479px) {
            .sub-visual .path{width: 100%;}
        }

    /* sub-nav */
        .sub-nav{position: relative;box-shadow: inset 0 -1px 0 var(--border-color01);background: var(--color-white);}
        .sub-nav.dep01{display: none;}
        .sub-nav .lnb{position: relative;display: flex;gap: var(--col-gap40);width: 100%;}
        .sub-nav .lnb a{position: relative;font-size: var(--text-19);color: var(--black-color01);line-height: 1.4;text-align: center;display: flex;align-items: center;justify-content: center;width: 100%;padding: clamp(15px, 2.7vw, 22px) 15px clamp(15px, 2.6vw, 21px);transition: all 0.4s;}
        .sub-nav .lnb a.on:not(:has(~ a.on)){color: var(--point-color01);font-weight: 500;box-shadow: inset 0 -2px 0 var(--point-color01);}

            /* over */
            @media (hover:hover) and (pointer: fine) {
                .sub-nav .lnb a:not(.on):hover{color: var(--point-color01);}
            }

        @media (max-width:479px) {
            .sub-nav .lnb{overflow: hidden;overflow-x: auto;width: calc(100% + 30px);margin-left: -15px;padding-inline: 15px; -ms-overflow-style: none; scrollbar-width: none;}
            .sub-nav .lnb::-webkit-scrollbar {display: none;}
            .sub-nav .lnb a{width: auto; min-width: 60px; flex-shrink: 0;}
        }

    /* pagination */
        .pagination{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: var(--row-gap60);gap: clamp(8px, 1.1vw, 11px);}
        .pagination li{font-size: var(--text-17);color: var(--black-color06);}
        .pagination a{display: flex;align-items: center;justify-content: center;min-width: 30px;min-height: 30px;padding: 4px;}
        .pagination a.arw{font-size: 0;min-width: auto;width: clamp(9px, 1.2vw, 10px);background: url('/images/pagination_last.svg') no-repeat center / 100% auto;margin-right: clamp(12px, 2vw, 20px);padding: 0;}
        .pagination a:is(.prev, .next){width: clamp(5px, 0.8vw, 6px);background-image: url('/images/pagination_prev.svg');}
        .pagination a.disabled{display: none;}
        .pagination a.on{font-weight: 600;color: var(--point-color01);border: 1px solid var(--point-color01);min-width: clamp(30px, 3.6vw, 36px);min-height: clamp(30px, 3.6vw, 36px);}
        .pagination a.scale{scale: -1 -1;margin-inline: clamp(12px, 2vw, 20px) 0;}
    
    /* 상품 상세 */
        .prod-view .top-info{position: relative; background: var(--gray-bg01); padding-block: var(--row-gap140);}
        .prod-view .top-info .w_custom{display: flex;align-items: center;gap: var(--row-gap50) clamp(50px, 4.2vw, 80px);}
        .prod-view .top-info .info{position: relative; width: 50%; flex-shrink: 0;}
        .prod-view .top-info .info{display: flex;gap: clamp(10px, 2.1vw, 40px);}
        .prod-view .top-info .exp{width: 100%;}
        .prod-view .top-info :where(.item-list, .thumb){height: clamp(290px, 60vw, 600px);}
        .prod-view .top-info .item-list{display: flex;flex-direction: column;gap: clamp(10px, 2vw, 20px);width: clamp(55px, 11vw, 110px);flex-shrink: 0;overflow: hidden;overflow-y: auto;}
        .prod-view .top-info .item-list button{position: relative;width: 100%;height: calc(100% / 5 - clamp(10px, 2vw, 20px) * 4 / 5);overflow: hidden;background: var(--point-white);flex-shrink: 0;cursor: pointer;opacity: 0.5;padding: clamp(10px, 1.5vw, 15px);transition: all 0.4s;}
            .prod-view .top-info .item-list button.on{opacity: 1;}
            .prod-view .top-info .item-list button::before{position: absolute;content:'';inset: 0;border: 2px solid var(--point-color01);opacity: 0;pointer-events: none;z-index: 1; transition: all 0.4s;}
            .prod-view .top-info .item-list button.on::before{opacity: 1;}
        .prod-view .top-info .thumb{width: 100%;background: var(--point-white);overflow: hidden;display: flex;align-items: center;justify-content: center;box-shadow: var(--shadow-04);}
        .prod-view .top-info .thumb img{max-width: calc(100% - 60px); max-height: calc(100% - 60px);}
        .prod-view .prodSwiper{position: relative; width: 100%; overflow: hidden; background: var(--point-white); box-shadow: var(--shadow-04);}
        .prod-view .prodSwiper .swiper-slide{position: relative;height: auto;aspect-ratio: auto 1;overflow: hidden;display: flex;align-items: center;justify-content: center;}
        .prod-view .prodSwiper .swiper-slide img{max-width: calc(100% - 60px); max-height: calc(100% - 60px);}
        .prod-view .prodSwiper .swiper-pagination{position: absolute;left:0;bottom:0;width: 100%;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;padding: clamp(15px, 2.5vw, 25px);font-size: 0;}
        .prod-view .prodSwiper .swiper-pagination span{margin:0;width: clamp(7px, 1.2vw, 10px);height: auto;aspect-ratio: auto 1;border-radius: 100%;background: var(--border-color01);opacity: 1;}
        .prod-view .prodSwiper .swiper-pagination .swiper-pagination-bullet-active{background: var(--point-color01);}
        .prod-view .top-info .exp-title{display: grid;gap: var(--row-gap20);}
        .prod-view .top-info .exp-title dt{font-size: var(--text-20);font-weight: 600;color: var(--point-color01);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;}
        .prod-view .top-info .exp-title dd{font-size: var(--text-52);font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
        .prod-view .top-info .description{border-top: 1px solid var(--border-color01);margin-top: clamp(20px, 4vw, 40px);padding-top: clamp(20px, 4vw, 40px);display: grid;gap: clamp(20px, 4vw, 40px); font-size: var(--text-20); line-height: 1.7; color: var(--black-color05);}
        .prod-view .top-info .tag-list{display: flex;flex-wrap: wrap;gap: 10px;}
        .prod-view .top-info .tag-list a{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-17);color: var(--black-color01);line-height: 1.4;padding: clamp(6px, 1.2vw, 7px) clamp(12px, 2vw, 20px);border: 1px solid var(--black-color01);letter-spacing: -0.04em;}
        .prod-view .cont{padding-top: var(--row-gap140);}
        .prod-view .cont .w_custom{display: grid; grid: auto / minmax(0, 1fr); gap: var(--row-gap140);}

        @media (max-width:1023px) {
            .prod-view .top-info .w_custom{flex-wrap: wrap;}
            .prod-view .top-info .info{width: 100%;}
        }

    /* page-title */
        .page-title{position: relative;text-align: center;display: flex;flex-direction: column;gap: var(--row-gap20);}
            .page-title.hd{margin-bottom: var(--row-gap60);}
            .page-title.btLine::after{display: inline-flex; content:''; width: 1px; height: 60px; background: var(--black-color03); margin: clamp(10px, 2vw, 20px) auto 0;}
            .page-title.left{text-align: left;}
        .page-title h2{font-size: var(--text-20);line-height: 1.4;}
        .page-title h2 em{font-weight: 600;color: var(--point-color01);font-family: var(--font-type02);letter-spacing: 0;}
        .page-title h3{font-size: var(--text-50);font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
			.page-title h3 + h6{margin-top:var(--row-gap10);}
        .page-title h3 em{color: var(--point-color01);}
        .page-title h4{font-size: var(--text-40);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
        .page-title h4 em{color: var(--point-color01);}
        .page-title h6{font-size: var(--text-24);font-weight: 400;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}
        .page-title p{font-size: var(--text-20);color: var(--black-color06);line-height: 1.6;letter-spacing: -0.03em;}
        .page-title p i{font-family: var(--font-type02); letter-spacing: 0;}
        .page-title p + p{margin-top: clamp(20px, 4vw, 40px);}

    /* feature-meta */
        .feature-meta{display: grid;gap: clamp(50px, 10vw, 100px);}
        .feature-meta section{display: flex;align-items: center;gap: var(--row-gap50) clamp(50px, 4.2vw, 80px);}
            .feature-meta section:nth-child(2n){flex-direction: row-reverse;}
        .feature-meta .thumb{width: 50%; flex-shrink: 0;}
        .feature-meta .item{width: 100%;display: flex;flex-direction: column;gap: clamp(15px, 3.8vw, 38px);}
        .feature-meta .title{position: relative;display: grid;gap: var(--row-gap20);}
        .feature-meta .title h4{font-size: var(--text-36);font-weight: 500;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
        .feature-meta .bullet-list{gap: var(--row-gap20);}
        .feature-meta .bullet-list > li{font-size: var(--text-20);line-height: 1.6;color: var(--black-color05);gap: clamp(10px, 1.6vw, 16px);letter-spacing: -0.03em;}
        .feature-meta .bullet-list > li::before{width: clamp(3px, 0.7vw, 5px);background: var(--black-color05);border-radius: 100%;translate: 0 clamp(-5px, -0.7vw, -4px);}

        @media (max-width:1023px) {
            .feature-meta section{flex-wrap: wrap;flex-direction: row !important;}
            .feature-meta .thumb{width: auto;flex-shrink: unset;}
        }

    /* spec-table */
        .spec-table{position: relative;width: 100%; overflow: hidden; overflow-x: auto; width: calc(100% + 60px); margin-left: -30px; padding-left: 30px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
            .spec-table::after{display: inline-flex;content:'';width: 30px;flex-shrink: 0;}
            .spec-table::-webkit-scrollbar {display: none;}
        .spec-table table{position: relative;width: 100%;border-top: 1px solid var(--black-color01);table-layout: fixed;border-spacing: 0; min-width: 1023px;}
        .spec-table table::before{position: absolute;content:'';inset: 0;border-inline: 1px solid var(--point-white);z-index: 1;pointer-events: none;}
        .spec-table :where(th, td){text-align: center;padding: clamp(15px, 2.5vw, 20px) 5px;box-shadow: inset 1px -1px 0 var(--border-color01);background: var(--point-white);}
        .spec-table thead th{font-size: var(--text-21);font-weight: 600;color: var(--black-color01);line-height: 1.4;}
        .spec-table tbody th{font-size: var(--text-18);font-weight: 600;color: var(--black-color03);line-height: 1.4;letter-spacing: 0;}
        .spec-table tbody td{font-size: var(--text-16);font-weight: 500;color: var(--black-color05);line-height: 1.4;}

    /* core-list */
        .core-list{display: grid;grid: auto / repeat(4, 1fr);box-shadow: var(--shadow-04);background: var(--point-white);padding: clamp(25px, 4vw, 40px);gap: clamp(60px, 4.2vw, 80px);}
        .core-list > li{position: relative;display: flex;flex-direction: column;gap: clamp(15px, 2.4vw, 24px);}
        .core-list > li{&::before, &::after{position: absolute;content:'';width: 1px;height: 100%;background: var(--border-color01);top: 0;right: calc(clamp(-80px, -4.2vw, -60px) / 2);}}
            .core-list > li:last-child::before{display: none;}
            .core-list > li::after{display: none;top: calc(clamp(-80px, -4.2vw, -60px) / 2);left: 0;width: 100%;height: 1px;}
            .core-list > li:nth-child(n+5)::after{display: block;}
        .core-list .icon{display: flex;justify-content: center;height: clamp(50px, 7vw, 70px);}
        .core-list .desc{display: grid;gap: var(--row-gap20);}
        .core-list .desc dt{font-size: var(--text-24);font-weight: 600;color: var(--black-color03);line-height: 1.4;text-align: center;}
        .core-list .desc dd{font-size: var(--text-18);color: var(--black-color05);line-height: 1.4;}

        @media (max-width:1023px) {
            .core-list{grid: auto / repeat(2, 1fr);}
            .core-list > li:nth-child(2n)::before{display: none;}
            .core-list > li:nth-child(n+3)::after{display: block;}
        }
        @media (max-width:640px) {
            .core-list{grid: auto / repeat(1, 1fr);}
            .core-list > li::before{display: none;}
            .core-list > li:nth-child(n+2)::after{display: block;}
        }

    /* bg-bnr */
        .bg-bnr{position: relative;background: url('/images/stage01.jpg') no-repeat center / cover;min-height: clamp(400px, 50vw, 500px);padding: clamp(80px, 10vw, 100px) 30px;display: flex;flex-direction: column;justify-content: center;text-align: center;gap: var(--row-gap10);color: var(--point-white);}
        .bg-bnr h4{font-size: var(--text-40);font-weight: 500;line-height: 1.4;letter-spacing: -0.03em;}
			.bg-bnr h4 + h5{margin-top: var(--row-gap20);}
        .bg-bnr h5{font-size: var(--text-20);font-weight: 300;line-height: 1.6;}
		.bg-bnr h5 strong{font-weight:600;}

    /* info-title */
        .info-title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);gap: var(--row-gap20);}
            .info-title.hd{margin-bottom: clamp(20px, 4vw, 40px);}
        .info-title h4{position: relative;font-size: var(--text-36);font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
        .info-title h4.bullet{display: flex;align-items: baseline;gap: clamp(12px, 2vw, 20px);}
        .info-title h4.bullet::before{display: inline-flex;content:'';width: clamp(6px, 1.2vw, 10px);aspect-ratio: auto 1;background: var(--point-color01);flex-shrink: 0;translate: 0 clamp(-8px, -1vw, -5px);}
        .info-title h5{font-size: var(--text-20); font-weight: 400; color: var(--black-color05); line-height: 1.6; letter-spacing: -0.03em;}

    /* key-step */  
        .key-step{display: grid;grid: auto / repeat(3, 1fr);counter-reset: key-step;gap: clamp(15px, 1.3vw, 24px);}
        .key-step > li{position: relative;box-shadow: inset 0 0 0 1px var(--border-color01);padding:  clamp(25px, 4vw, 40px);padding-bottom: clamp(25px, 4.5vw, 45px);display: flex;flex-direction: column;justify-content: space-between;gap: clamp(20px, 2.5vw, 25px);}
        .key-step .desc{display: grid;gap: var(--row-gap20);}
        .key-step .desc::before{content: counter(key-step, decimal-leading-zero);counter-increment: key-step;font-size: var(--text-20);font-weight: 600;color: var(--point-color01);line-height: 1.4;font-family: var(--font-type02);letter-spacing: 0;margin-bottom: 4px;}
        .key-step .desc dt{font-size: var(--text-28);font-weight: 600;color: var(--black-color03);line-height: 1.4;}
        .key-step .desc dd{font-size: var(--text-18);line-height: 1.6;color: var(--black-color05);}
		.key-step .bullet-list > li{line-height:1.6;gap: var(--row-gap10);}
        .key-step .icon{display: flex;align-items: flex-end;justify-content: flex-end;height: clamp(44px, 7vw, 70px);}

        @media (max-width:1023px) {
            .key-step{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:640px) {
            .key-step{grid: auto / repeat(1, 1fr);}
        }

    /* proposal-meta */
        .proposal-meta{display: flex; align-items: flex-start;}
        .proposal-meta .info-title{flex-shrink: 0;width: min(400px, 30%);padding-right: 50px;}
        .proposal-meta .cont{width: 100%; border-bottom: 1px solid var(--border-color01);}
        .proposal-meta .info-desc{border-top: 1px solid var(--black-color01);padding-block: clamp(20px, 4vw, 40px);display: flex;gap: var(--row-gap20) 0;}
        .proposal-meta .info-desc > dt{font-size: var(--text-30);font-weight: 500;color: var(--black-color01);line-height: 1.4;width: min(250px, 25%);flex-shrink: 0;padding-right: 30px;letter-spacing: -0.03em;}
        .proposal-meta .info-desc > dd{width: 100%;}
        .proposal-meta .bullet-list{gap: clamp(15px, 3vw, 30px);}
        .proposal-meta .bullet-list > li{font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;gap: clamp(11px, 1.6vw, 16px);letter-spacing: -0.03em;}
			.proposal-meta .bullet-list > li::before{width: clamp(4px, 0.7vw, 5px);border-radius: 100%;translate: 0 clamp(-5px, -0.7vw, -4px);}
        .proposal-meta .bullet-list .desc dt{width: clamp(95px, 15vw, 149px);font-size: var(--text-20);color: var(--black-color03);line-height: 1.4;}

        @media (max-width:1023px) {
            .proposal-meta{flex-wrap: wrap;}
            .proposal-meta .info-title{width: 100%; flex-shrink: unset; padding-right: 0;}
        }
        @media (max-width:479px) {
            .proposal-meta .info-desc{flex-wrap: wrap;}
            .proposal-meta .info-desc dt{width: 100%;padding-right: 0;}
        }

    /* input */
    :where(select, [type="text"], [type="password"], [type="number"], textarea){height: clamp(40px, 7vw, 60px);padding-inline: clamp(15px, 2vw, 20px);background: var(--point-white);border: 1px solid var(--border-color01);font-size: var(--text-18);font-weight: 400;color: var(--black-color06);letter-spacing: -0.03em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 
    :where(select, [type="text"], [type="password"], [type="number"], textarea)::placeholder{color: var(--black-color08);}
    select{background: var(--point-white) url('/images/sel_arw.svg') no-repeat calc(100% - clamp(15px, 2vw, 20px)) 50% / clamp(9px, 1.3vw, 11px) auto;width: clamp(90px, 16vw, 160px);border: 1px solid var(--border-color01);appearance: none;padding-right: clamp(35px, 5vw, 50px);}

    textarea{width: 100%;height: clamp(120px, 20vw, 200px);resize: none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: clamp(15px, 2vw, 20px);}

        
    /* search-form */
        .search-form{position: relative;width: 100%;padding: clamp(15px, 4vw, 40px);background: var(--gray-bg01);display: flex;justify-content: center;gap: 10px;margin-bottom: clamp(20px, 6vw, 60px);}
		.search-form :where(select, [type="text"]){height: clamp(40px, 6vw, 50px);border: 0;}
		.search-form select{flex-shrink:0;}
        .search-form .inp-box{display: flex;gap: 10px;width: min(420px, 100%);}
        .search-form [type="text"]{width: 100%;}
        .search-form .inp-box button{flex-shrink: 0;background: var(--point-color01) url('/images/search_i.svg') no-repeat center / clamp(18px, 2.7vw, 22px) auto;aspect-ratio: 1 auto;height: 100%;cursor: pointer; font-size: 0;}

        @media (max-width:360px) {
            .search-form{flex-wrap: wrap;}
            .search-form select{flex-shrink:unset; width: 100%;}
        }

    /* 일반 게시판 */
        .list-table{width: 100%;border-top: 1px solid var(--black-color01);table-layout: fixed;}
        .list-table :where(th, td){font-size: var(--text-18);font-weight: 500;color: var(--black-color00);padding: 20px 10px;border-bottom: 1px solid var(--border-color01); text-align: center;}
        .list-table td{font-weight: 400;color: var(--black-color05);line-height: 1.6;}
        .list-table .title{text-align: left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        .no-data{text-align: center; font-size: var(--text-16); padding-block: 30px;}

        @media (max-width:860px) {
            .list-table{display: block;}
            .list-table :where(tbody, tr, th, td){display: block; width: 100%;}
            .list-table thead{display: none;}
            .list-table tr{display: flex;flex-wrap: wrap;gap: var(--row-gap10) 15px;padding-block: clamp(20px, 2.5vw, 25px);border-bottom: 1px solid var(--border-color01);}
            .list-table :where(th, td){padding: 0;text-align: left;border: 0;}
            .list-table .no{display: none;}
        }

    /* faq-list */
        .faq-list{border-top: 1px solid var(--point-color05);}
        .faq-list > li{padding-block: clamp(20px, 4vw, 40px);border-bottom: 1px solid var(--border-color01);}
        .faq-list .desc{display: grid;grid-template-rows: auto minmax(0, 0fr);transition: all 0.6s;align-content: start;gap: 0;}
            .faq-list .desc.on{grid-template-rows: auto minmax(0, 1fr); gap:clamp(15px, 2vw, 20px);}
        .faq-list .desc :where(dt, dd){position: relative;display: flex;align-items: baseline;gap: clamp(15px, 2vw, 20px);}
            .faq-list .desc :where(dt, dd)::before{display: inline-flex;align-items: center;justify-content: center;text-align: center;content: 'Q';min-width: clamp(32px, 5.5vw, 50px);min-height: clamp(32px, 5.5vw, 50px);border-radius: 100%;background: var(--gray-bg01);border: 1px solid var(--gray-bg01);font-size: var(--text-20);font-weight: 600;color: var(--point-color01);padding: 5px;font-family: var(--font-type02);transition: all 0.4s;}
            .faq-list .desc dd::before{content: 'A';background: var(--color-white);border-color: var(--point-color01);}

            .faq-list .desc.on dt::before{background: var(--point-color01);border-color: var(--point-color01);color: var(--point-white);font-weight: 500;}
        .faq-list .desc dt{font-size: var(--text-20);color: var(--black-color00);cursor: pointer;padding-right: clamp(40px, 10vw, 100px);}
            .faq-list .desc dt::after{position: absolute;content:'';width: clamp(11px, 2.3vw, 21px);aspect-ratio: auto 1;border: clamp(2px, 0.5vw, 3px) solid var(--black-color10);clip-path: var(--clip-poly02);top: clamp(8px, 1vw, 10px);right: clamp(12px, 2.2vw, 22px);rotate: 45deg;border-radius: clamp(2px, 0.6vw, 4px);transition: all 0.4s;}
			.faq-list .desc.on dt::after{border-color: var(--point-color01);scale: -1 -1;translate: 0 70%;}
        .faq-list .desc dd{font-size: var(--text-18);color: var(--black-color06);overflow: hidden;opacity: 0;transition: inherit;}
        .faq-list .desc.on dd{opacity: 1;}

    /* 게시글 상세 */
        .board-view .view-top{border-top: 1px solid var(--point-color05);padding: clamp(20px, 3.8vw, 38px) clamp(15px, 3vw, 30px);display: grid;gap: clamp(10px, 1.4vw, 14px);}
        .board-view .title{position: relative;}
        .board-view .title h4{font-size: var(--text-30);font-weight: 500;color: var(--black-color03);letter-spacing: -0.04em;}
        .board-view .exp-desc{display: flex;align-items: baseline;gap: 10px;font-size: var(--text-17);color: var(--black-color08);} 
        .board-view .exp-desc dt{display: flex;flex-shrink: 0;max-width: 100px;color: var(--black-color03);} 
        .board-view .exp-desc dd{font-family: var(--font-type02);} 
        .board-view .cont{border-top: 1px solid var(--border-color01);border-bottom: 1px solid var(--border-color01);padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);font-size: var(--text-18);color: var(--black-color05);line-height: 1.6;min-height: clamp(200px, 25vw, 250px);}
        .board-view .attachment{border-bottom: 1px solid var(--border-color01);padding-block: 21px;display: flex;align-items: center;gap: clamp(25px, 4.4vw, 44px);}
        .board-view .attachment dt{position: relative;display: flex;justify-content: center;width: clamp(100px, 14vw, 140px);flex-shrink: 0;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);text-align: center;padding-inline: 10px;}
		.board-view .attachment dt::before{position:absolute;content:'';width:1px;height: 10px;background: var(--border-color01);top: 50%;right: 0;translate: 0 -50%;}
        .board-view .attachment dd{width: 100%;font-size: var(--text-17);color: var(--black-color08);}


    /* 문의하기 */
        .inquiry-form{display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px) 40px;border-top: 1px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);padding-block: clamp(25px, 4vw, 40px);}
        .inquiry-form .cont-desc{width: calc(100% / 2 - 20px);display: flex;align-items: center;gap: 10px 0;}
        .inquiry-form .cont-desc dt{width: clamp(100px, 15vw, 150px);flex-shrink: 0;padding-right: clamp(10px, 1.5vw, 15px);font-size: var(--text-20);font-weight: 500;color: var(--black-color03);}
        .inquiry-form .cont-desc dt em{color: var(--point-color01);}
        .inquiry-form .cont-desc dd{width: 100%;}
        .inquiry-form :where(select, [type="text"], [type="password"], [type="number"]){width: 100%;}
        .inquiry-form .cont-desc:has(textarea){width: 100%;}
        .inquiry-form .radio-list{padding-block: clamp(10px, 2vw, 20px);}
        .inquiry-form .controller{display: inline-flex;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: clamp(8px, 1vw, 10px);gap: clamp(8px, 1vw, 10px);flex-shrink: 0;}
            .inquiry-form .cont-desc dd:has(.controller){display: flex; gap: 10px;}
        .inquiry-form .captcha-img{cursor: pointer;}
        .inquiry-form .captcha-refresh{display: flex;width: 40px;aspect-ratio: auto 1;border: 1px solid var(--border-color01);background: var(--point-white) url('/images/captcha-refresh.svg') no-repeat center / clamp(14px, 2vw, 15px) auto;}
        .inquiry-form #captcha_answer{width: 100%; max-width: 230px;}

        .privacy-box{position: relative;display: grid;gap: clamp(15px, 2vw, 20px);margin-top: clamp(20px, 4vw, 40px);}
        .privacy-box .cont{border: 1px solid var(--border-color01);padding: clamp(15px, 2vw, 20px);height: clamp(130px, 17vw, 170px);overflow: hidden;overflow-y: auto;font-size: var(--text-16);color: var(--black-color07);line-height: 1.625; scrollbar-gutter: stable;}
        .privacy-box .cont::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
        .privacy-box .cont::-webkit-scrollbar-track {box-shadow:-10px 0 0 #eee; border-radius: 10px; margin: 10px;}
        .privacy-box .cont::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 #aaa; border-radius: 10px;}
        .privacy-box .cont strong{font-weight: 500;}

        @media (max-width:1023px) {
            .inquiry-form .cont-desc{width: 100%;}
            .inquiry-form .cont-desc dd:has(.controller){flex-direction: column;align-items: flex-start;}
        }
        @media (max-width:360px) {
            .inquiry-form .cont-desc{flex-wrap: wrap;}
            .inquiry-form .cont-desc dt{width: 100%; flex-shrink: unset;}
            .inquiry-form .radio-list{padding-block: 5px;}
        }

    /* 라디오 & 체크박스 */
        .radio-list{display: flex; flex-wrap: wrap; gap: 15px clamp(25px, 4vw, 40px);}
        label:has([type="radio"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--text-18);color: var(--black-color03);line-height: clamp(16px, 2.2vw, 20px);cursor: pointer;}
        [type="radio"]{position: relative;display: inline-flex;align-items: center;justify-content: center;width: clamp(16px, 2.2vw, 20px);height: clamp(16px, 2.2vw, 20px);box-shadow: inset 0 0 0 1px var(--border-color01);appearance: none;border-radius: 100%;flex-shrink: 0;cursor: pointer;transition: all 0.4s;}
            [type="radio"]::before{display: inline-flex;content:'';width: 50%;aspect-ratio: auto 1;border-radius: inherit;background: var(--border-color01);transition: inherit;}
            [type="radio"]:checked{box-shadow: inset 0 0 0 1px var(--point-color01);}
            [type="radio"]:checked::before{background:var(--point-color01);}

        label:has([type="checkbox"]){display: inline-flex;gap: 11px;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: clamp(20px, 2.7vw, 25px);cursor: pointer;}
        label:has([type="checkbox"]) em{color: var(--point-color01); display: contents;}
        [type="checkbox"]{position: relative;display: inline-flex;align-items: center;justify-content: center;width: clamp(20px, 2.7vw, 25px);height: clamp(20px, 2.7vw, 25px);box-shadow: inset 0 0 0 1px var(--border-color01);flex-shrink: 0;appearance: none;background: var(--point-white);cursor: pointer;transition: all 0.4s;}
            [type="checkbox"]::before{display: inline-flex;content:'';width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1.33;background: url('/images/chk_box.svg') no-repeat center / 100% auto;filter: var(--filter-black) opacity(0.15);transition: inherit;}
            [type="checkbox"]:checked{box-shadow: inset 0 0 0 1px var(--point-color01);}
            [type="checkbox"]:checked::before{filter: none;}

    /* about-meta */
        .about-meta{position: relative;background: url('/images/about01.jpg') no-repeat center / cover;padding-block: var(--row-gap140);}
        .about-meta .cont{display: flex;align-items: flex-start;gap: var(--row-gap20) clamp(50px, 6.3vw, 120px);}
        .about-meta .object{width: clamp(550px, 47%, 700px);flex-shrink: 0;padding: clamp(55px, 4.5vw, 85px);}
        .about-meta .object .circle{position: relative;border: 1px dashed var(--black-color10);border-radius: 100%;aspect-ratio: auto 1;display: flex;align-items: center;justify-content: center;}
        .about-meta .object .logo{width: calc(100% - clamp(60px, 5.3vw, 100px));height: calc(100% - clamp(60px, 5.3vw, 100px));background: var(--color-white);border-radius: inherit;display: flex;align-items: center;justify-content: center;padding: clamp(55px, 7vw, 70px);}
        .about-meta .object .desc{position: absolute;width: clamp(110px, 43%, 230px);aspect-ratio: auto 1;border-radius: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: clamp(5px, 1vw, 10px);text-align: center;color: var(--color-white);background: var(--point-color02);top: 0;left: 50%;translate: -50% -37%;}
            .about-meta .object .desc:nth-child(2){background: var(--point-color06);inset: auto;left: 0;bottom: 0;translate: -36% 1%;}
            .about-meta .object .desc:nth-child(3){background: var(--point-color04);inset: auto;right: 0;bottom: 0;translate: 36% 1%;}
        .about-meta .object .desc dt{font-size: var(--text-30);line-height: 1.4;}
        .about-meta .object .desc dd{font-size: var(--text-20);font-weight: 500;line-height: 1.4;}
		.about-meta .page-title{width: 100%;padding-top: clamp(50px, 7.4vw, 140px);}
		.about-meta .page-title h2{font-size: var(--text-22);}
            .about-meta .page-title h2 + h3{margin-top: var(--row-gap10);}
        .about-meta .page-title h2 em{font-family: inherit;color: var(--point-color03);letter-spacing: -0.03em;}
        .about-meta .page-title h3{filter: var(--filter-white);}
        .about-meta .page-title p{filter: var(--filter-white);}
        .about-meta .page-title p i{opacity: 0.6;}

        @media (max-width:1023px) {
            .about-meta .cont{flex-wrap: wrap;}
			.about-meta .object{margin-inline:auto;width: min(600px, 100%);padding: clamp(40px, 7vw, 70px);}
			.about-meta .object .logo{width: calc(100% - clamp(30px, 6vw, 60px));height: calc(100% - clamp(30px, 6vw, 60px));}
			.about-meta .page-title{padding-top:0;}
        }

    /* greeting-meta */
        .greeting-meta{display: flex;gap: clamp(50px, 5.3vw, 100px);}
        .greeting-meta .thumb{width: min(650px, 45%);flex-shrink: 0;overflow: hidden;}
		.greeting-meta .thumb img{width:100%; height:100%; object-fit:cover;}
        .greeting-meta .title{display: flex;flex-direction: column;justify-content: center;gap: var(--row-gap20);padding-block: 50px;}
        .greeting-meta .title h4{font-size: var(--text-30);font-weight: 600;color: var(--black-color03);line-height: 1.6;}
		.greeting-meta .title h4 + p{margin-top: var(--row-gap20);}
		.greeting-meta .title h4 em{color:var(--point-color01);}
        .greeting-meta .title p{font-size: var(--text-19);color: var(--black-color05);line-height: 1.6;}
        .greeting-meta .sign{display: flex;align-items: center;flex-wrap: wrap;gap: 8px 14px;margin-top: var(--row-gap40);}
        .greeting-meta .sign dt{font-size: var(--text-22);font-weight: 600;color: var(--black-color03);line-height: 1.4;}
        .greeting-meta .sign dd{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);line-height: 1.4;}

        @media (max-width:1023px) {
            .greeting-meta{flex-wrap: wrap;}
            .greeting-meta .thumb{width: auto; flex-shrink: unset;}
            .greeting-meta .title{padding-block: 0;}
        }

    /* history-meta */
        .history-meta{display: flex;align-items: flex-start;gap: var(--row-gap60) clamp(100px, 7.6vw, 145px);}
        .history-meta .info{width: 40%;flex-shrink: 0;position: sticky;top: 120px;display: flex;flex-direction: column;justify-content: space-between;}
		.history-meta .thumb{height: clamp(200px, 49.5dvh, 450px);}
        .history-meta .cont{width: 100%;}
        .history-meta section{position: relative;display: grid;gap: clamp(20px, 4vw, 40px);padding: 0 0 clamp(50px, 10vw, 100px) clamp(35px, 8.6vw, 86px);}
            .history-meta section::before{position: absolute;content:'';width: clamp(7px, 1.2vw, 9px);aspect-ratio: auto 1;border-radius: 100%;background: var(--border-color01);top: clamp(14px, 2.4vw, 24px);left:0;z-index: 1;transition: all 0.4s;}
            .history-meta section.on::before{box-shadow: 0 0 0 4px var(--point-color07); background: var(--point-color01);}
        .history-meta .title{position: relative;display: flex;flex-direction: column;gap: 10px;}
        .history-meta .title h3{font-size: var(--text-48);font-weight: 500;color: var(--black-color01);line-height: 1.2;font-family: var(--font-type02);letter-spacing: -0.03em;}
        .history-meta .itme{display: grid;gap: clamp(20px, 4vw, 40px);}
        .history-meta .desc{display: flex;align-items: baseline;gap: clamp(15px, 2vw, 20px);}
        .history-meta .desc dt{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);width: clamp(30px, 6vw, 50px);flex-shrink: 0;font-family: var(--font-type02);}
        .history-meta .desc dd{width: 100%;}
        .history-meta .bullet-list{gap: clamp(10px, 2vw, 20px);}
        .history-meta .bullet-list > li{letter-spacing: -0.03em;}
        .history-meta .line{position: absolute;top: clamp(14px, 2.4vw, 24px);left: clamp(3px, 0.7vw, 4px);width: 1px;height: 100%;background: var(--border-color01);overflow: hidden;}
            .history-meta section:last-child .line{display: none;}
        .history-meta .line em{position: absolute; top:0; left:0; width: 100%; height: 0; background: var(--point-color01);}

            @media (min-width:1024px) {
                .history-meta .page-title.hd{margin-bottom: 6.6dvh;}
            }

        @media (max-width:1023px) {
            .history-meta{flex-wrap: wrap;}
            .history-meta .info{position: relative; inset: auto; width: 100%; flex-shrink: unset;}
			.history-meta .thumb{height:auto;}
        }

    /* certi-list */
        .certi-list{display: grid; grid: auto / repeat(4, 1fr); gap: var(--row-gap60) clamp(15px, 3.2vw, 60px);}
        .certi-list > li{position: relative;text-align: center;}
        .certi-list .desc{display: grid;gap: var(--row-gap20);}
        .certi-list .desc dt{background: var(--gray-bg02);display: flex;align-items: center;justify-content: center;aspect-ratio: auto 0.88;}
        .certi-list .desc dt img{max-width: 57.5%;max-height: 73.3%;filter: drop-shadow(var(--shadow-04));}
        .certi-list .desc dd{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);line-height: 1.6;letter-spacing: -0.03em;}

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

    /* loca */
        .loca-map{width: 100%; height: clamp(300px, 52vw, 520px); overflow: hidden;}
        .loca-map iframe{width: 100%; height: 100%;}
        .loca-exp{position: relative;max-width: 1340px;margin-inline: auto;display: flex;align-items: flex-start;gap: var(--row-gap60) clamp(50px, 7.4vw, 140px);}
        .loca-exp .info-desc{width: 400px;background: var(--point-color01);color: var(--color-white);flex-shrink: 0;padding: clamp(25px, 4vw, 40px);display: flex;flex-direction: column;gap: clamp(35px, 9.1vw, 91px);translate: 0 -143px;}
        .loca-exp .info-desc dt{font-size: var(--text-18);font-weight: 500;color: rgb(255 255 255 / 50%);font-family: var(--font-type02);letter-spacing: 0;}
        .loca-exp .info-desc dd{font-size: var(--text-36);font-weight: 600;line-height: 1.25;}
        .loca-exp .cont{width: 100%;display: flex;flex-direction: column;gap: clamp(15px, 3vw, 30px);}
        .loca-exp .item-desc{display: flex;align-items: baseline;gap: clamp(15px, 2vw, 20px);}
        .loca-exp .item-desc dt{display: flex;align-items: baseline;gap: clamp(12px, 2vw, 20px);font-size: var(--text-18);font-weight: 500;color: var(--black-color03);line-height: 1.4;flex-shrink: 0;width: clamp(165px, 13vw, 200px);}
        .loca-exp .item-desc dt i{width: clamp(28px, 4.1vw, 36px);height: clamp(28px, 4.1vw, 36px);padding: 8px;border-radius: 100%;background: var(--gray-bg01);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
        .loca-exp .item-desc dd{font-size: var(--text-18);color: var(--black-color06);line-height: 1.4;width: 100%;}

        @media (max-width:1023px) {
            .loca-exp{flex-wrap: wrap;margin-top: clamp(-143px, -14.3vw, -30px);}
            .loca-exp .info-desc{width: 100%;translate: 0;}
			.loca-exp .item-desc dt{width: clamp(105px, 17.5vw, 165px);}
        }

    /* sv-exam */
        html:has(.sv-exam){scroll-padding-top: var(--row-gap140);}
        html:has(.sv-exam) #header{position: relative; inset: auto;}
        html:has(.sv-exam) .sub-nav{position: sticky;top:0;z-index: 50; margin-bottom: var(--row-gap100);}