#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-18);color:var(--black-color03);font-weight:400;line-height:1.4;}
.bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.5vw, 4px);aspect-ratio: auto 1;flex-shrink: 0;background: var(--point-color03);translate: 0 -5px;border-radius:100%;}
.bullet-list > li a span{color:var(--black-color08);}
.bullet-list > li > small{color: var(--black-color08);font-size: inherit;display: contents;font-family: var(--font-type01);}

.link{position: absolute; inset: 0; z-index: 3;}
#wrap [class*="swiper-butto"]::after{display: none;}
.ft_en{font-family: var(--font-type02);}
#container:has(.pbDn){padding-bottom: 0;}
#container:has(.ptDn){padding-top: 0;}
#container:has(.fullSec){width: 100%; max-width: 100%;}
#wrap .dn{display: none;}
.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);}
.dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
.dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}
#container{padding-block:var(--row-gap100) var(--row-gap140);}
#container:has(.main_content){padding:0;}
#container.w_custom{font-family: var(--font-type02);}
@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)
======================================== */
    #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-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; }
    }

body::-webkit-scrollbar{display: none;}

/*────────────────────────────────────────────────────────────
    header
────────────────────────────────────────────────────────────*/
    #header{position:sticky;top:0;width:100%;height:clamp(65px, 10vw, 105px);z-index: 100;transition: all 0.4s;background:var(--point-white);}
    #header{&::before, &::after{content:"";width:100%;height:clamp(2px, 0.2vw, 4px);position: absolute;top:0;}}
    #header:before{background:var(--point-color01);left:0;}
    #header:after{background:var(--point-color02);right:0;width:23.5%;clip-path:var(--clip-poly04);}
    #header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 15px;}
    #header .logo{height: 100%;max-width: clamp(130px, 20vw, 207px);position:relative;z-index:3;}
    #header .logo a{display: flex; align-items: center; height: 100%;}
    
    .utility{display: flex; align-items: center; gap:var(--row-gap60);position: relative;z-index:3;}
    #header .gnb{height: 100%; display: flex; justify-content: center; text-align: center;}
    #header .gnb > li{position: relative;height: 100%;font-size: var(--text-19);font-weight: 600;color: var(--black-color00); transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;justify-content: center;height: clamp(65px, 10vw, 105px);;padding-inline: clamp(20px, 2.1vw, 40px);letter-spacing:0;gap:clamp(6px, 1vw, 12px);}
    #header .gnb > li > a:after{width:8px;aspect-ratio:auto 1;content:"";border:2px solid var(--black-color08);border-width:1px 1px 0 0;rotate:135deg;display: inline-block;translate:0 -4px;}
    #header .gnb > li > a span{display: inline-block;width:96px;}
    #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;}
    #header .gnb .dep02 > li{font-size: 90%;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding:10px 25px;}
    .hd_lang{border:1px solid var(--point-color01);padding:5px clamp(8px, 1vw, 14px);display: flex;align-items: center;}
    .hd_lang li{display: flex;align-items: center;}
    .hd_lang li + li:before{width:1px;height:clamp(8px, 0.8vw, 10px);content:"";background:var(--border-color01);display: inline-block;margin:0 clamp(8px, 1vw, 14px);}
    .hd_lang li a{font-size:var(--text-16);color:var(--black-color10);font-weight:600;}
    .hd_lang li.active a{display: flex;align-items: center;gap:6px;color:var(--point-color01);}
    .hd_lang li.active a:before{width:clamp(10px, 1.2vw, 16px);aspect-ratio:auto 1;content:"";background:url('/images/ico_globe.svg')no-repeat center / auto 100%;display: inline-block;}
    .allCate{display:none;flex-direction: column;justify-content: space-between;width: clamp(30px, 3.5vw, 40px);aspect-ratio: auto 1.8;position: relative;}
    .allCate span{display: inline-block;width:100%;height:2px;content:"";background:var(--black-color00);transition:all 0.3s;}
    .allCate span:nth-child(1), .allCate span:nth-child(3){width:50%;}
    .allCate span:nth-child(1){align-self: flex-end;}
    .allCate span:nth-child(3){align-self: flex-start;}
    .allCate.on span:nth-child(2){display: none;}
    .allCate.on :is(span:nth-child(1), span:nth-child(3)){width:100%;position: absolute;top:50%;left:0;}
    .allCate.on span:nth-child(1){rotate:45deg;}
    .allCate.on span:nth-child(3){rotate:-45deg;}


    /*on*/
        #header.on{box-shadow: inset 0 -1px 0 var(--border-color01);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            #header:hover{box-shadow: inset 0 -1px 0 var(--border-color01);}
            #header .gnb > li:hover > a{color:var(--point-color01);}
            #header .gnb > li:hover > a:after{border-color:var(--point-color01);scale:-1 -1;translate:0 1px;}
            #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;}
        }

    @media (max-width:1023px) {
        #header .gnb{display: none;}
        #header .logo{padding-block:5px;}
        .utility{gap:var(--row-gap30);}
        .allCate{display: flex;}
    }
    @media (max-width:479px) {
        

    }

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

	Aside 

───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top:calc(clamp(65px, 10vw, 105px) - 1px);left:0;width: 100%;height: 100%;z-index: 999;background:var(--point-white);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block:var(--row-gap80);box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);border-top:1px solid var(--border-color01);}
        #aside.on{opacity: 1;clip-path: inset(0);}
        body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;display: flex;align-items: center;}
    #aside .gnb{width: 100%;display: flex;flex-direction:column;align-items: flex-start;}
    #aside .gnb > li{color: var(--black-color00);font-size: var(--text-20);text-align: center;width:100%;display: flex;align-items: center;gap:var(--row-gap30);padding-block:var(--row-gap50);border-bottom:1px solid var(--border-color01);}
    #aside .gnb > li > a{position: relative;display: block;font-size: var(--text-28);font-weight: 700;line-height: 1.4;transition: all 0.4s;letter-spacing: 0;flex-shrink:0;width:clamp(100px, 15vw, 150px);text-align:left;}
    #aside .gnb .dep02{position: relative;display: flex;flex-wrap:wrap;gap:var(--row-gap10) var(--row-gap30);}
    #aside .gnb .dep02 > li > a{display: block;font-size:var(--text-16);font-weight: 400;color: var(--black-color00);line-height: 1.6;transition: all 0.4s;}

    @media (max-width:479px) {
        #aside .gnb > li{flex-direction: column;align-items: flex-start;}
    }
    
    

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

	Main

───────────────────────────────────────────────────────────*/
    /*visual*/
        .visual_wrapper{position: relative;}
        .visualSwiper .swiper-slide{position:relative; box-sizing:border-box;height:clamp(500px, 88vw, 880px);overflow:hidden; opacity:0 !important; pointer-events:none;overflow:hidden;}
            .visualSwiper .swiper-slide.swiper-slide-active{opacity:1 !important; pointer-events:inherit;}
        .visualSwiper .swiper-slide .img{width:100%;height:100%;position: relative;overflow:hidden;}
        .visualSwiper .swiper-slide .img img{transition:all 6s;}
        .visualSwiper .w_custom{position: absolute;top:43%;left:50%;translate:-50% -50%;}
        .visualSwiper .txt_box{display: flex;flex-direction:column;gap:var(--row-gap20);text-align:left;width:clamp(300px, 60vw, 640px);padding:var(--row-gap60) var(--row-gap60) var(--row-gap80);background: rgba(255, 255, 255, 0.70);backdrop-filter: blur(3px);}
        .visualSwiper .txt_box span{background:var(--point-color03);font-size:var(--text-17);color:var(--point-white);font-weight:400;line-height:1.6;padding:clamp(10px, 1.2vw, 14px) var(--row-gap20);}
        .visualSwiper .txt_box h2{font-size:var(--text-56);color:var(--black-color01);font-weight:700;line-height:1.4;letter-spacing:-0.035em;margin-top:var(--row-gap10);}
        .visualSwiper .txt_box p{font-size:var(--text-24);color:var(--black-color01);font-weight:400;line-height:1.6;}
        .visualSwiper .txtAni{opacity:0;translate:0 100px;pointer-events:none;transition:all 0.8s;}
        .visualSwiper .swiper-slide-active .txtAni{opacity:1;translate:0;pointer-events:initial;}
            .visualSwiper .swiper-slide-active .txtAni:nth-child(2){transition-delay:0.3s;}
            .visualSwiper .swiper-slide-active .txtAni:nth-child(3){transition-delay:0.6s;}
            .visualSwiper .swiper-slide-active .img img{scale:1.1;}
        #wrap .visual_wrapper .pagination{position: absolute;top:auto;bottom:clamp(40px, 10vw, 111px);left:50%;translate:-50%;display: flex;align-items: center;justify-content: center;gap:clamp(20px, 4vw, 42px);z-index:5;}
        #wrap .visual_wrapper .pagination .swiper-pagination-bullet{width:clamp(6px, 0.6vw, 8px);height:auto;aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);opacity:1;margin:0;}
        #wrap .visual_wrapper .pagination .swiper-pagination-bullet-active{box-shadow:0 0 0 11px rgba(255,255,255,0.2);}

        @media (max-width:640px) {
            .visualSwiper .w_custom{top:30px;translate:-50%;width:calc(100% - 40px);}
            .visualSwiper .txt_box{width:100%;padding:var(--row-gap40) var(--row-gap30);}

        }

    /*공통*/
        .main_content{padding-block:var(--row-gap120) var(--row-gap140);}
        .main_title{text-align: center;display: flex;flex-direction: column;align-items:center;gap:var(--row-gap20);}
        .main_title > h3{font-size:var(--text-54);color:var(--black-color01);font-weight:700;line-height:1.2;display: flex;justify-content: center;gap:var(--row-gap10);align-items: flex-start;justify-content: center;}
        .main_title > h3:after{width:clamp(10px, 1.2vw, 15px);height:clamp(16px, 2vw, 22px);content:"";background:var(--point-color02);clip-path:var(--clip-poly05);display: inline-block;}
        .main_title > p{font-size:var(--text-20);color:var(--black-color03);font-weight:400;line-height:1.6;font-family:var(--font-type02);}

    /*main banner*/
        .main_bnr{display:grid;gap:var(--row-gap30);grid-template-columns:repeat(2, 1fr);}
        .main_bnr a{position: relative;display: block;height:100%;}
        .main_bnr .img{width:100%;height:100%;position: absolute;top:0;left:0;}
        .main_bnr .img img{transition:all 0.3s;}
        .main_bnr .txt{padding:clamp(32px, 3vw, 52px) clamp(20px, 3vw, 52px);display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap40);position: relative;justify-content: space-between;height:100%;}
        .main_bnr .txt dl{display: flex;flex-direction: column;gap:var(--row-gap10);}
        .main_bnr .txt dt{font-size:var(--text-34);color:var(--point-white);font-weight:600;line-height:1.4;}
        .main_bnr .txt dd{font-size:var(--text-18);color:var(--point-white);font-weight:300;line-height:1.6;}
        .main_bnr .btn_box{background:var(--point-color03);display: flex;align-items: center;transition:all 0.3s;position: relative;height:clamp(40px, 5vw, 50px);width:clamp(120px, 15vw, 180px);padding-inline:var(--row-gap20);justify-content: space-between;}
        .main_bnr .btn_box:after{width:clamp(10px, 1.1vw, 13px);height:clamp(9px, 1vw, 12px);content:"";background:url('/images/main_more.svg')no-repeat center / auto 100%;}
        .main_bnr .btn_box span{font-size:var(--text-18);color:var(--point-white);font-weight:500;line-height:1.4;transition:all 0.3s;display: inline-block;width:max-content;}

        @media (min-width:1024px) {
            .main_bnr .btn_box{width:50px;height:50px;border: 1px solid rgba(255, 255, 255, 0.20);background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(10px);justify-content: flex-end;padding:0 18px}
            .main_bnr .btn_box span{position: absolute;top:50%;left:20px;translate:0 -50%;opacity:0;pointer-events:none;}

            .main_bnr .bnr_box:hover .img img{scale:1.1;}
            .main_bnr .bnr_box:hover .btn_box{background:var(--point-color03);border-color:var(--point-color03);backdrop-filter:none;width:180px;}
            .main_bnr .bnr_box:hover span{opacity:1;pointer-events:initial;}
        }

        @media (max-width:640px){
            .main_bnr{grid-template-columns:repeat(1, 1fr);}
        }

    /*business*/
        .main_business .list{display: grid;gap:clamp(30px, 4vw, 40px) clamp(20px, 2.5vw, 28px);grid-template-columns:repeat(4, 1fr);}
        .main_business .list > li{border:1px solid var(--border-color01);}
        .main_business .list .thumb{width:calc(100% + 2px);aspect-ratio:auto 1.36;translate:-1px -1px;}
        .main_business .list .thumb img{transition:all 0.3s;}
        .main_business .list .info{padding:var(--row-gap30);display: flex;flex-direction: column;gap:var(--row-gap20);transition:all 0.3s;}
        .main_business .list .info h4{font-size:var(--text-24);color:var(--black-color03);font-weight:600;line-height:1.4;text-align:center;}
                
            /* over */
            @media (hover:hover) and (pointer:fine) {
                .main_business .list > li:hover{background:var(--point-color03);box-shadow:var(--shadow-01);}
                .main_business .list > li:hover .thumb img{scale:1.1;}
                .main_business .list > li:hover .info :is(h4, .bullet-list){filter:var(--filter-white);}
                .main_business .list > li:hover .info .bullet-list{opacity:0.8;}
            }

        @media (max-width:1023px){
            .main_business .list{grid-template-columns:repeat(2, 1fr);}
        }
        @media (max-width:479px){
            .main_business .list{grid-template-columns:repeat(1, 1fr);}
        }

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

	Footer

───────────────────────────────────────────────────────────*/
    #footer{position: relative;}
    #footer{&::before, &::after{content:"";width:100%;height:clamp(2px, 0.3vw, 4px);position: absolute;top:0;}}
    #footer:before{background:var(--point-color01);left:0;}
    #footer:after{background:var(--point-color02);right:0;width:23.5%;clip-path:var(--clip-poly04);}

    #footer .ft_top_box{padding-block:clamp(40px, 7vw, 76px) clamp(60px, 10vw, 120px);}
    #footer .ft_top_box .w_custom{display: flex;align-items: flex-start;justify-content: space-between;gap:var(--row-gap30);}
    footer .logo_box{display: flex;flex-direction: column;gap:clamp(20px, 5vw, 50px);}
    #footer .logo{display: flex;flex-direction:column;gap:var(--row-gap30);}
    #footer .logo a{width:clamp(130px, 20vw, 207px);flex-shrink:0;}
    #footer .logo p{font-size:var(--text-20);color:var(--black-color03);font-weight:500;}

    #footer .addr-list{display:flex;flex-direction: column;gap:clamp(4px, 0.4vw, 7px);}
    #footer .addr-list li{display: flex;flex-wrap:wrap;gap:clamp(10px, 1.4vw, 14px) clamp(15px, 3vw, 29px);}
    #footer .desc{display: flex;gap:3px;font-size:var(--text-18);color:var(--black-color03);font-weight:400;position: relative;font-family:var(--font-type02);}
    #footer .desc + .desc:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);position: absolute;left:calc(clamp(15px, 3vw, 29px) / 2 * -1);top:50%;translate:0 -50%;}
        #footer .desc :is(dt, dd){letter-spacing:0;}
        #footer .desc > dt{flex-shrink:0;}
        #footer .desc > dt.hide{display: none;}
        #footer .desc > dd{position: relative;}
        #footer .desc > dd strong{font-weight:600;}
    #footer .gnb{display: flex;gap:var(--row-gap100);text-align: center; flex-shrink: 0;}
    #footer .gnb > li > a{font-size:var(--text-20);color:var(--black-color03);font-weight:600;}
    #footer .gnb .dep02{margin-top:clamp(8px, 1.2vw, 14px);}
    #footer .gnb .dep02 li a{display: block;font-size:var(--text-18);color:var(--black-color06);font-weight:400;line-height:2.2;}
    
    #footer .ft_copy_box{padding-block:clamp(15px, 2vw, 23px);background:var(--black-color02);}
    #footer .ft_copy_box .w_custom{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap20);}
    #footer .copy{font-size:var(--text-16);color:var(--black-color10);font-weight:400;line-height:1.4;opacity:0.8;}
    #footer .ft_menu{display: flex;align-items: center;}
    #footer .ft_menu li{display: flex;align-items: center;}
        #footer .ft_menu li + li:before{width:clamp(2px, 0.2vw, 4px);content:"";aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);opacity:0.4;display: inline-block;margin-inline:var(--row-gap20);}
    #footer .ft_menu li a{font-size:var(--text-17);color:var(--point-white);font-weight:300;}
    #footer .ft_menu li.policy a{font-weight:600;}

    .ft_quick{position: fixed;bottom:var(--row-gap40);right:var(--row-gap40);z-index:10;opacity:0;pointer-events:none;transition:all 0.3s;}
    .ft_quick.on{opacity:1;pointer-events:initial;}
    .ft_quick ul{display: flex;flex-direction: column;gap:var(--row-gap10);align-items: flex-end;}
    .ft_quick :where(a,button){width:clamp(40px, 5vw, 50px);display: flex;align-items: center;justify-content:center;aspect-ratio:auto 1;box-shadow:var(--shadow-02);transition:all 0.3s;position: relative;}
    .ft_quick a{background:var(--point-white);}
    .ft_quick a img{filter:var(--filter-black);position: relative;z-index: 3;}
    .ft_quick span{display: none;}
    .ft_quick button{background:var(--point-color03);margin-top:var(--row-gap10);}
    .ft_quick button:before{width:clamp(8px, 1vw, 11px);aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;rotate:-45deg;display: inline-block;translate:0 3px;}

    @media (min-width:1024px){
        .ft_quick a{width:auto;justify-content: flex-end;aspect-ratio:auto;height:clamp(40px, 5vw, 50px);}
        .ft_quick .img{width:50px;display: flex;align-items: center;justify-content: center;}
        .ft_quick span{display: flex;align-items: center;opacity:0;pointer-events:none;width:max-content;position: absolute;top:50%;right:50px;translate:0 -50%;height: 50px;transition:all 0.3s;}

        /* .ft_quick li:hover a{width:148px;} */
        .ft_quick li:hover span{opacity:1;padding: 0 0 0 14px;}
        .ft_quick li:nth-child(1):hover a{padding-left:98px;}
        .ft_quick li:nth-child(2):hover a{padding-left:102px;}
        .ft_quick li:nth-child(3):hover a{padding-left:68px;}
        .ft_quick li:nth-child(4):hover a{padding-left:102px;}
        .ft_quick li:hover img{filter:none;}

    }
    
    @media (max-width:1450px){
        #footer .gnb{gap:30px;}
    }
    @media (max-width:1200px){
        #footer .gnb{display: none;}
    }
    @media (max-width:1023px){
        .ft_quick a img{width:clamp(18px, 2vw, 24px);}

    }
    @media (max-width:640px){
        #footer .desc + .desc:before{display: none;}
        #footer .ft_copy_box .w_custom{flex-direction: column;align-items: flex-start;}

    }

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

	Sub

───────────────────────────────────────────────────────────*/
    /* 비주얼 */
        .sub-visual{position: relative;background: url('/images/sv_thumb.jpg') no-repeat center / cover;color: var(--point-white);min-height: clamp(250px, 34vw, 340px);padding-block: var(--row-gap100);display: flex;flex-direction: column;justify-content: center;}
        .sub-visual .w_custom{display: flex;align-items: center;flex-wrap: wrap;gap: 30px;justify-content: space-between;flex-wrap: wrap;}
        .sub-visual .title{position: relative;}
        .sub-visual .title h2{font-size: var(--text-56);font-weight: 500;line-height: 1.2;}
        .sub-visual .nav-desc{display: flex;align-items: center; flex-wrap: wrap; gap: 10px 0;}
        .sub-visual .nav-desc :where(dt, dd){display:inline-flex;align-items: center;flex-wrap: wrap;gap: 10px 0;} 
        .sub-visual .nav-desc :where(dt, dd)::after{display:inline-flex;content:'';width: clamp(3px, 0.6vw, 4px);aspect-ratio: auto 1;border-radius: 100%;background: rgb(255 255 255 / 40%);margin-inline: clamp(12px, 2vw, 20px);} 
        .sub-visual .nav-desc :where(dt, dd):last-child::after{display:none} 
        .sub-visual .nav-desc dt a{display: inline-flex;width: clamp(16px, 2.1vw, 19px);}
        .sub-visual .nav-desc dd{font-size: var(--text-18);font-weight: 300;font-family: var(--font-type02);letter-spacing: -0.02em;}
        .sub-visual .nav-desc dd:last-child{font-weight: 400;}

            body:has(.sv-location) .sub-visual{background-image: url('/images/sv_location.jpg');}
            body:has(.sv-business) .sub-visual{background-image: url('/images/sv_business.jpg');}
            body:has(.sv-ferrous) .sub-visual{background-image: url('/images/sv_ferrous.jpg');}
            body:has(.sv-metal) .sub-visual{background-image: url('/images/sv_metal.jpg');}
            body:has(.sv-trading) .sub-visual{background-image: url('/images/sv_trading.jpg');}
            body:has(.sv-recycling) .sub-visual{background-image: url('/images/sv_recycling.jpg');}

    /* page-title */
        .page-title{position: relative;text-align: center;margin-bottom: var(--row-gap60);display: flex;flex-direction: column;gap: var(--row-gap20);}
        .page-title h3{font-size: var(--text-50);font-weight: 700;color: var(--black-color01);line-height: 1.2;display: flex;align-items: flex-start;justify-content: center;gap: 11px;}
        .page-title h3 + :where(h4, h5){margin-top: var(--row-gap10);}
        .page-title h3::after{display: inline-flex;content:'';width: clamp(10px, 1.7vw, 15px);aspect-ratio: auto 0.652;background: var(--point-color02);clip-path: var(--clip-poly06);flex-shrink: 0;}
        .page-title h4{font-size: var(--text-22);font-weight: 500;color: var(--black-color03);line-height: 1.6;}
        .page-title h5{font-size: var(--text-20);font-weight: 400;color: var(--black-color05);line-height: 1.6;}
        .page-title h5 strong{color: var(--black-color03); font-weight: inherit;}

    /* greeting-meta */
        .greeting-meta{display: flex; align-items: flex-start; gap: var(--row-gap50) clamp(50px, 4.2vw, 80px);}
        .greeting-meta .thumb{width: min(520px, 35%);flex-shrink: 0;overflow: hidden;}
        .greeting-meta .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .greeting-meta .cont{width: 100%;display: flex;flex-direction: column;gap: var(--row-gap10);padding-block:0 50px 77px;}
        .greeting-meta .desc{display: grid;gap: var(--row-gap20);}
        .greeting-meta .desc dt{font-size: var(--text-40);font-weight: 600;line-height: 1.6;}
        .greeting-meta .desc dt em{color: var(--point-color03);font-family: var(--font-type01);}
        .greeting-meta .desc dd{font-size: var(--text-22);font-weight: 500;color: var(--black-color03);line-height: 1.6;}
        .greeting-meta .exp{font-size: var(--text-19);color: var(--black-color05);line-height: 1.6;display: grid;gap: var(--row-gap20);letter-spacing: -0.03em;}
            .greeting-meta .exp::before{display:block;content:'';width: 100%;height: 2px;background: var(--point-grad01);margin-block: var(--row-gap40) var(--row-gap20);}
        .greeting-meta .sign{display: flex;align-items: center;justify-content: flex-end;flex-wrap: wrap;gap: 10px 14px;margin-top: clamp(20px, 3.3vw, 33px);}
        .greeting-meta .sign dt{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);}
        .greeting-meta .sign dd{font-size: var(--text-26);font-weight: 600;color: var(--black-color01);}

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

    /* pt-bg */
        .pt-bg{background: var(--point-grad02); padding-block: var(--row-gap140);}

    /* partnership */
        .partnership .bnr-list{display: grid;grid: auto / repeat(4, 1fr);gap: var(--col-gap20);}
        .partnership .bnr-list > li{position: relative;display: flex;align-items: center;justify-content: center;background: var(--point-white);aspect-ratio: auto 3.27;overflow: hidden;}
        .partnership .bnr-list > li::before{position:absolute;content:'';inset: 0;z-index: 2;pointer-events: none;border: 1px solid var(--border-color03);}

        @media (max-width:1023px) {
            .partnership .bnr-list{grid: auto / repeat(2, 1fr); gap: clamp(10px, 2vw, 15px);}
        }
        @media (max-width:360px) {
            .partnership .bnr-list{grid: auto / repeat(1, 1fr);}
        }

    /* info-title */
        .info-title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap30);}
            .info-title.hd{margin-bottom: var(--row-gap30);}
        .info-title h4{font-size: var(--text-34);font-weight: 600;color: var(--black-color01);line-height: 1.4;display: flex;align-items: baseline;gap: clamp(10px, 1.8vw, 16px);}
        .info-title h4::before{display: inline-flex;content:'';width: clamp(5px, 1vw, 8px);aspect-ratio: auto 1;background: var(--point-color03);translate: 0 -100%;flex-shrink: 0;}
        .info-title h5, .info-title h4 span {font-size: var(--text-20);font-weight: 400;color: var(--point-color01);line-height: 1.6;}
        .info-title h4 span {padding-left:4px;}

        @media (max-width:1023px) {
            .recycling .info-title h4, .recycling .info-title h4 span, .recycling-en .info-title h4, .recycling-en .info-title h4 span {display:block;}
            .recycling .info-title h4:before, .recycling-en .info-title h4:before {margin-right:clamp(10px, 1.8vw, 16px);}
        }

    /* btn-box */
        .btn-box{margin-top: var(--row-gap20);display: flex;flex-wrap: wrap;gap: 10px; width: 100%;}
            .btn-box.cen{justify-content: center;}
            .btn-box.mtL{margin-top: var(--row-gap40);}
        .more-btn{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-20);font-weight: 300;color: var(--point-white);background: var(--point-color03);padding: 8px 15px;min-width: clamp(85px, 12vw, 110px);min-height: clamp(38px, 5.1vw, 46px);gap: 6px;}
        .more-btn::after{display: inline-flex;content:'';width: clamp(10px, 1.3vw, 11px);aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: -45deg;border-radius: 2px;translate: 0 -1px;}
        .more-arw{position: relative;box-shadow: inset 0 0 0 1px rgb(255 255 255 / 20%);background: rgb(255 255 255 / 10%);backdrop-filter: blur(10px);font-size: var(--text-18);font-weight: 300;color: var(--point-white);letter-spacing: -0.04em;padding-block: 8px;padding-inline: clamp(20px, 2vw, 20px) clamp(20px, 2.3vw, 23px);min-width: clamp(150px, 19vw, 180px);min-height: clamp(46px, 5.5vw, 50px); width: fit-content;}
        .more-arw::before{position: absolute;content:'';inset: 0;background: var(--point-color03);width: 0; opacity: 0; transition: all 0.4s;}
        .more-arw span{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 20px;width: 100%;height: 100%;}
        .more-arw span::after{display: inline-flex;content:'';width: clamp(12px, 1.5vw, 13px);aspect-ratio: auto 1;background: url('/images/more_arw.svg') no-repeat center / 100% auto;}
        .more-arw.pt01::before{width: 100%; opacity: 1;}

         /* over */
            @media (hover:hover) and (pointer:fine) {
                .more-arw:hover::before{width: 100%; opacity: 1;}
            }
        
    /* location-list */
        .location-list{position: relative;}
        .location-list > li{display: flex;gap: var(--row-gap50);}
            .location-list > li:first-child{padding-top:0;}
            .location-list > li + li{margin-top: var(--row-gap80);padding-top: var(--row-gap80);border-top: 1px solid var(--border-color01);}
        .location-list .cont{width: 100%;display: flex;flex-direction: column;justify-content: center;gap: clamp(20px, 4vw, 40px);}
        .location-list .item{display: grid;gap: var(--row-gap20);}
        .location-list .desc{display: flex;align-items: baseline;gap: 16px;font-family: var(--font-type01);}
        .location-list .desc dt{font-size: var(--text-22);font-weight: 500;color: var(--black-color04);flex-shrink: 0;}
        .location-list .desc dd{font-size: var(--text-22);color: var(--black-color06);}
        .location-list .map{width: min(890px, 60%);flex-shrink: 0;overflow: hidden;min-height: clamp(300px, 42vw, 420px);}
        .location-list .map iframe{width: 100%;height: 100%;}

        @media (max-width:1023px) {
            .location-list > li{flex-wrap: wrap;}
            .location-list .map{width: 100%; flex-shrink: unset;}
        }

    /* biz-items */
        .biz-items{display: grid;grid: auto / repeat(2, 1fr);gap: clamp(35px, 4.8vw, 48px) var(--col-gap40);}
        .biz-items > li{position: relative;box-shadow: inset 0 0 0 1px var(--border-color01);}
        .biz-items .thumb{width: 100%;aspect-ratio: auto 2.147;overflow: hidden;}
        .biz-items .thumb a{display: block;width: 100%;height: 100%;}
        .biz-items .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .biz-items .title{background: var(--point-color03);text-align: center;color: var(--point-white);padding: clamp(13px, 2vw, 15px) 15px clamp(13px, 2vw, 16px);}
        .biz-items .title h4{font-size: var(--text-28);font-weight: 500;line-height: 1.4;}
        .biz-items .cont{padding: clamp(25px, 3vw, 30px);}

        @media (max-width:640px) {
            .biz-items{grid: auto / repeat(1, 1fr);}
        }

    /* ftr-bnr */
        .ftr-bnr{position: relative;padding: clamp(65px, 8.8vw, 85px) 30px;display: grid;gap: clamp(15px, 1.7vw, 17px);}
        .ftr-bnr .thumb{position: absolute;inset: 0;overflow: hidden;}
        .ftr-bnr .thumb a{display:block; width:100%; height:100%;}
        .ftr-bnr .thumb img{width: 100%;height: 100%;object-fit: cover;}
        .ftr-bnr :where(.title, .btn-box){pointer-events: none;}
        .ftr-bnr .title{position: relative;text-align: center;color: var(--point-white);display: grid;gap: clamp(15px, 2.3vw, 23px);}
        .ftr-bnr .title h3{font-size: var(--text-50);font-weight: 500;letter-spacing: -0.02em;}
        .ftr-bnr .title h4{font-size: var(--text-20);font-weight: 300;}
        

            /* over */
            @media (hover:hover) and (pointer:fine) {
                .ftr-bnr:hover .more-arw::before{width: 100%; opacity: 1;}
            }

    /* metals-list */   
        .metals-list{display: grid;grid: auto / repeat(4, 1fr);gap: clamp(15px, 1.6vw, 28px);}
        .metals-list > li{position: relative;box-shadow: inset 0 0 0 1px var(--border-color01);text-align: center;}
        .metals-list .desc{display: flex;flex-direction: column;height: 100%;}
        .metals-list .desc dt{width: 100%;aspect-ratio: auto 1.3615;overflow: hidden;}
        .metals-list .desc dt img{width: 100%;height: 100%;object-fit: cover;}
        .metals-list .desc dd{font-size: var(--text-20);font-weight: 600;color: var(--black-color03);line-height: 1.4;padding: clamp(12px, 2.3vw, 18px) 15px;display: flex;align-items: center;justify-content: center;flex-grow: 1;}

            .metals-list.type02{grid: auto / repeat(3, 1fr);gap: var(--col-gap30);}
            .metals-list.type02 > li{box-shadow:none;}
            .metals-list.type02 .desc dt{aspect-ratio: auto 1.5;}
            .metals-list.type02 .desc dd{font-size: var(--text-24);font-weight: 600;padding: clamp(15px, 2.6vw, 21px) 15px 0;}

            .metals-list.type03{grid: auto / repeat(2, 1fr);gap: var(--col-gap40);}
            .metals-list.type03 > li{box-shadow:none;}
            .metals-list.type03 .desc dt{aspect-ratio: auto 1.921;}
            .metals-list.type03 .desc dd{font-size: var(--text-24);font-weight: 600;padding: clamp(15px, 2.6vw, 21px) 15px 0;}

            .metals-list.type04 .desc dt{aspect-ratio: auto 1.5;}

            .metals-list.type05{grid: auto / repeat(2, 1fr);gap: var(--col-gap40);}
            .metals-list.type05 .desc dt{aspect-ratio: auto 1;}
            .metals-list.type06{grid: auto / repeat(1, 1fr);gap: var(--col-gap40);}

        @media (max-width:860px) {
            .metals-list{grid: auto / repeat(2, 1fr)}
        }
        @media (max-width:640px) {
            .metals-list.type02{grid: auto / repeat(2, 1fr);}
            .metals-list.type03{grid: auto / repeat(1, 1fr);}
        }
        @media (max-width:360px) {
            .metals-list{grid: auto / repeat(1, 1fr)}
            .metals-list.type02{grid: auto / repeat(1, 1fr);}
        }

    /* input */
    :where(select, [type="text"], [type="password"], [type="number"], [type="tel"], [type="email"], 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"], [type="tel"], [type="email"], 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);}

    /* 라디오 & 체크박스 */
        .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;}


    /* 문의하기 */
        .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"], [type="tel"], [type="email"]){width: 100%;}
        .inquiry-form .cont-desc:has(#title, textarea){width: 100%;}
        .inquiry-form .radio-list{padding-block: clamp(10px, 2vw, 20px);}
        .inquiry-form .controller{display: inline-flex; align-items: center; 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; flex-shrink: 0;}
        .inquiry-form #captcha_answer{width: 100%; max-width: 230px;}
        .inquiry-form .secret-info{display: flex;align-items: center;gap: 4px;background: var(--gray-bg01);width: fit-content;padding: 5px 10px;font-size: var(--text-12);font-weight: 500;color: var(--black-color03);margin-bottom: var(--row-gap10);}

        .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;}
        }

    /* search-form */
        .search-form{position: relative;width: 100%;padding: clamp(15px, 4vw, 40px);background: var(--gray-bg01);display: flex;align-items: center;justify-content: center;gap: 10px;margin-bottom: clamp(20px, 6vw, 60px);flex-wrap: wrap;}
		.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-color03) url('/images/search_i.svg') no-repeat center / clamp(18px, 2.7vw, 22px) auto;aspect-ratio: auto 1;width: clamp(40px, 6vw, 50px);height: auto;cursor: pointer;font-size: 0;}
        .search-form .key-box{width: 100%;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px 20px;}
        .search-form .key-desc{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;font-size: var(--text-15);color: var(--black-color03);}
        .search-form .key-desc dt{position: relative;}
        .search-form .key-desc dd{display: flex;flex-wrap: wrap;gap: 5px;}
		.search-form .key-desc dd span{display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-13);padding: 5px 10px;background: rgb(8 60 151 / 15%);border-radius: var(--radius-04);color: var(--point-color03);gap: 7px;line-height: 1.2;}
        .search-form .del-btn{position: relative;color: var(--black-color00);}
        .search-form .reset-btn{font-size: var(--text-13);font-weight: 400;background: var(--point-color01);padding: 5px 10px;border-radius: var(--radius-04);background: var(--point-white);border: 1px solid var(--border-color01);line-height: 1.2;}

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

    /* faq-list */
        .no-data{text-align: center; font-size: var(--text-16); padding-block: 30px;}
        .faq-list{border-top: 1px solid var(--black-color01);}
        .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-color03);padding: 5px;font-family: var(--font-type02);transition: all 0.4s;}
            .faq-list .desc dd::before{content: 'A';background: var(--point-white);border-color: var(--point-color03);}

            .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-color03);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;}

    /* 페이징 */
        .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-color03);border: 1px solid var(--point-color03);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;}

    /* core-value */    
        .core-value{display: grid;grid: auto / repeat(3, 1fr);gap: var(--col-gap30);}
        .core-value > li{position: relative;background: var(--point-white);box-shadow: inset 0 0 0 1px var(--border-color01);padding: clamp(25px, 4vw, 40px);text-align: center;display: flex;flex-direction: column;gap: clamp(15px, 3vw, 30px);}
            .core-value > li:nth-child(3) .icon{padding: 18px;}
        .core-value .icon{inline-size: clamp(65px, 10vw, 100px);aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color03);display: flex;align-items: center;justify-content: center;margin-inline: auto;padding: 14px;overflow: hidden;}
        .core-value .desc{position: relative;}
        .core-value .desc dt{font-size: var(--text-34);font-weight: 600;color: var(--black-color03);display: grid;gap: 5px;}
        .core-value .desc dt small{font-size: var(--text-20);font-weight: 500;color: var(--black-color08);}
        .core-value .desc dd{margin-top: clamp(15px, 3vw, 30px);padding-top: clamp(14px, 3vw, 30px);border-top: 1px solid var(--border-color01);font-size: var(--text-19);color: var(--black-color05);line-height: 1.6;text-wrap: balance;}

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