#wrap {overflow: clip;}
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1500px; margin-inline: auto;}
.main_index .w_custom{max-width:1600px}
.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-16);font-weight:300;}
.bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.5vw, 4px);aspect-ratio: auto 1;flex-shrink: 0;background: var(--black-color03);translate: 0 -3px;border-radius:100%;}
.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);} */
#wrap:has(.pbDn) #container{padding-bottom: 0;}
#wrap:has(.ptDn) #container{padding-top: 0;}
#wrap:has(.fullSec) #container{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);}
.main_index #container{padding:0;}
@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:fixed;top:0;width: 100%;height: clamp(65px, 11vw, 112px);z-index: 100;transition: all 0.4s;}
    #header .w_custom{display: flex;align-items: center;justify-content: space-between;height: 100%;gap: 15px;max-width:1760px;}
    #header .logo{height: 100%;max-width: clamp(120px, 15vw, 184px);position:relative;z-index:3;}
    #header .logo a{display: flex; align-items: center; height: 100%;}
    #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-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: 100%;padding-inline: clamp(20px, 2vw, 40px);letter-spacing:0;}
    #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;border-radius:var(--radius-10);}
    #header .gnb .dep02 > li{font-size: 90%;filter: var(--filter-white); transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px;}
    .utility{display: flex; align-items: center; gap:var(--row-gap40);position: relative;z-index:3;}
    .utility .hd_btn{display: flex;align-items: center;gap:var(--row-gap10);}
        .utility .hd_btn a{display: inline-flex;align-items: center;justify-content: center;height:clamp(40px, 5vw, 50px);gap:clamp(10px, 1.5vw, 20px);font-size:var(--text-18);color:var(--point-white);font-weight:500;padding-inline:clamp(14px, 2vw, 28px);border:1px solid rgba(255,255,255,0.2);border-radius:6px;background:rgba(255,255,255,0.1);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);transition:all 0.3s;}
        .utility .hd_btn a:after{width:clamp(8px, 1vw, 10px);aspect-ratio:auto 1;content:"";background:url('/images/main_more_on.svg')no-repeat center / auto 100%;filter:var(--filter-white)}
    .allCate{display: flex;flex-direction: column;justify-content: space-between;width: clamp(30px, 5vw, 60px);aspect-ratio: auto 3.33;position: relative;}
    .allCate span{display: inline-block;width:100%;height:clamp(2px, 0.2vw, 4px);content:"";background:var(--black-color00);transition:width 0.3s;}
    .allCate span:nth-child(1){width:50%;}
    .allCate span:nth-child(1){align-self: flex-end;}

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

    /*on*/
        #header.on{box-shadow: inset 0 -1px 0 var(--border-color01);background: var(--point-white);}
        #header.on :where(.logo, .gnb > li > a, .hd_lang, .allCate){filter:none;}
        #header.on .utility .hd_btn a{background:var(--point-white);color:var(--point-color01);border-color:var(--point-color04);font-weight:600;}
        #header.on .utility .hd_btn a:after{filter:none;}
        

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

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

    }

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

	Aside 

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

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

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

	Main

───────────────────────────────────────────────────────────*/
    /*visual*/
        .visual_wrapper{position: relative;}
        .visualSwiper .swiper-slide{position:relative; box-sizing:border-box;height:clamp(550px, 96vw, 960px);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 .swiper-slide-active .img img{scale:1.1;}

            /*txt*/
            .visualSwiper .swiper-slide .visual_txt{position: absolute;top:44%;left:50%;translate:-50% -50%;display: flex;flex-direction:column;gap:var(--row-gap30);z-index:2;}
            .visualSwiper .visual_txt .tit{display: flex;flex-direction:column;gap:var(--row-gap40);}
            .visualSwiper .visual_txt .logo{display: flex;align-items: center;gap:var(--row-gap25);}
                .visualSwiper .visual_txt .logo img{height:clamp(28px, 3.3vw, 64px);width:auto;}
                .visualSwiper .visual_txt .logo img.wh{filter:var(--filter-white);}
                .visualSwiper .visual_txt .logo img:last-child{height:clamp(18px, 2.1vw, 40px);}
                .visualSwiper .visual_txt .logo span{font-size:var(--text-24);color:var(--point-white);font-weight:500;}
            .visualSwiper .visual_txt h2{font-size:var(--text-80);color:var(--point-white);font-weight:700;line-height:1.3;letter-spacing:-0.03em;}
            .visualSwiper .visual_txt p{font-size:var(--text-22);color:var(--point-white);font-weight:300;line-height:1.7;font-family:var(--font-type02);}
            .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;}

            /*controller*/
            .visual_wrapper .controller{position: absolute;bottom:29%;left:50%;translate:-50%;display: flex;align-items: center;justify-content: flex-start;z-index:3;}
            .visual_wrapper .controller .visual-pagination{display: flex;align-items: center;gap:var(--row-gap60);width:auto;}
                .visual_wrapper .controller .swiper-pagination-bullet{width:10px;height:10px;border-radius:100%;background:var(--point-white);opacity:0.5;margin:0;cursor:pointer;position:relative;transition:opacity 0.3s;}
                    .visual_wrapper .controller .swiper-pagination-bullet:before{position:absolute;inset:-10px;content:"";border-radius:100%;background:rgba(255,255,255,0.2);opacity:0;transition:opacity 0.3s;}
                    .visual_wrapper .controller .swiper-pagination-bullet-active{opacity:1;}
                    .visual_wrapper .controller .swiper-pagination-bullet-active:before{opacity:1;}
            .visual_wrapper .controller .arw_box{display: flex;align-items: center;gap:var(--row-gap30);margin-left:var(--row-gap40);flex-shrink:0;}
                .visual_wrapper .controller .swipe_arw{width:clamp(8px, 1vw, 11px);height:clamp(16px, 2vw, 20px);position: relative;display: flex;align-items: center;justify-content: center;cursor:pointer;}
                    .visual_wrapper .controller .swipe_arw:before{width:100%;aspect-ratio:auto 1;content:"";border:2px solid var(--point-white);border-width:2px 2px 0 0;rotate:-135deg;translate:3px;}
                    .visual_wrapper .controller .swipe_arw.next{scale:-1 -1;}
                .visual_wrapper .controller .swipe_btn{width:clamp(8px, 0.8vw, 10px);height:clamp(11px, 1.2vw, 14px);position: relative;cursor:pointer;}
                    .visual_wrapper .controller .swipe_btn:before,
                    .visual_wrapper .controller .swipe_btn:after{position:absolute;top:0;content:"";width:2px;height:100%;background:var(--point-white);}
                    .visual_wrapper .controller .swipe_btn:before{left:0;}
                    .visual_wrapper .controller .swipe_btn:after{right:0;}
                    .visual_wrapper .controller .swipe_btn.stop{border-style:solid;border-width:7px 0 7px 10px;border-color:transparent transparent transparent var(--point-white);}
                        .visual_wrapper .controller .swipe_btn.stop:before,
                        .visual_wrapper .controller .swipe_btn.stop:after{content:none;}

    /*about*/
        .main_content .about_wrapper{position: relative;height:100vh;min-height:600px;display: flex;align-items: center;justify-content: center;overflow:hidden;background:var(--point-white);padding:0;}
        .about_wrapper .about_bg{position: absolute;inset:0;margin:auto;width:38%;height:55%;border-radius:20px;overflow:hidden;}
            .about_wrapper .about_bg .img{width:100%;height:100%;position: relative;overflow:hidden;}
                .about_wrapper .about_bg .img:before{position: absolute;inset:0;content:"";background:rgba(0,0,0,0.55);z-index:1;}
        .about_wrapper .about_txt{position: relative;z-index:2;display: flex;flex-direction:column;align-items: center;text-align:center;gap:var(--row-gap20);}
            .about_wrapper .label{font-size:var(--text-22);color:var(--point-color03);font-weight:500;transition:color 0.6s;}
            .about_wrapper .logo{width:clamp(70px, 6.25vw, 120px);aspect-ratio:120/138;overflow:hidden;position: relative;}
                .about_wrapper .logo img{position: absolute;max-width:none;transition:filter 0.6s;}
            .about_wrapper h3{font-size:var(--text-30);color:var(--point-color01);font-weight:600;transition:color 0.6s;}
            .about_wrapper .desc{font-size:var(--text-20);color:var(--black-color06);font-weight:400;line-height:1.7;max-width:640px;transition:color 0.6s;}
            .about_wrapper .view_more{display: inline-flex;align-items: center;justify-content:space-between;gap:10px;height:clamp(48px, 5vw, 58px);padding-inline:clamp(12px, 2vw, 24px);background:transparent;border-radius:100px;color:var(--point-white);font-size:var(--text-18);font-weight:500;margin-top:var(--row-gap20);min-width:clamp(120px, 20vw, 220px);border:2px solid var(--point-white);transition:all 0.3s;}
                .about_wrapper .view_more:after{width:13px;aspect-ratio:auto 1;content:"";background:url('/images/main_more.svg')no-repeat center / contain;filter:var(--filter-white);transition:all 0.3s;}

            /*grown (배경이 다 커진 상태 - ScrollTrigger가 부여)*/
            .about_wrapper.grown h3,
            .about_wrapper.grown .desc{color:var(--point-white);}
            .about_wrapper.grown .logo img{filter:var(--filter-white);}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .about_wrapper .view_more:hover{background:var(--point-white);color:var(--point-color04);}
                .about_wrapper .view_more:hover:after{filter:none;}
            }

            @media (max-width:1023px) {
                .main_content .about_wrapper{height:auto;padding-block:var(--row-gap140);}
            }

    /*growth*/
        .growth_wrapper{background:var(--point-grad01);}
        .growth_wrapper .growth_inner{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap60);}

        .growth_wrapper .growth_cards{display: flex;align-items: stretch;gap:var(--row-gap40);width:100%;}
            .growth_wrapper .card{flex:1 0 0;min-width:0;display: flex;flex-direction:column;gap:var(--row-gap30);padding:clamp(28px, 2.6vw, 50px) clamp(22px, 2.1vw, 40px);background:var(--point-color05);border:1px solid rgba(255,255,255,0.3);border-radius:20px;box-shadow:8.667px 3.467px 8.667px rgba(0,0,0,0.1);}
            .growth_wrapper .card_tit{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap10);text-align:center;padding-bottom:var(--row-gap30);border-bottom:1px solid rgba(255,255,255,0.2);}
                .growth_wrapper .badge{display: inline-flex;align-items: center;justify-content: center;padding:6px 16px;border-radius:50px;font-size:var(--text-20);color:var(--point-white);font-weight:500;margin-bottom:var(--row-gap10);}
                .growth_wrapper .badge01{background:var(--point-color03);}
                .growth_wrapper .badge02{background:var(--point-color07);}
                .growth_wrapper .badge03{background:var(--point-color08);}
                .growth_wrapper .card_tit strong{font-size:var(--text-36);color:var(--point-white);font-weight:500;line-height:1.4;}
                .growth_wrapper .card_tit strong em{font-weight:700;}
                .growth_wrapper .card_tit > p{font-size:var(--text-22);color:var(--point-white);font-weight:400;}
            .growth_wrapper .card_list{display: flex;flex-direction:column;gap:var(--row-gap10);}
                .growth_wrapper .card_list li{display: flex;align-items: center;gap:var(--row-gap10);}
                .growth_wrapper .card_list .step{flex-shrink:0;display: inline-flex;align-items: center;justify-content: center;padding:3px 10px;min-width:83px;border-radius:50px;background:var(--point-color09);font-size:var(--text-17);color:var(--point-white);font-weight:500;text-align:center;}
                .growth_wrapper .card:nth-child(3) .card_list .step{min-width:100px;}
                .growth_wrapper .card_list li > p{font-size:var(--text-18);color:var(--point-white);font-weight:300;line-height:1.5;}
            .growth_wrapper .tag_list{display: flex;flex-wrap:wrap;align-items: center;gap:var(--row-gap20);margin-top:auto;font-size:var(--text-18);color:var(--point-white);font-weight:400;}

        @media (max-width:1023px) {
            .growth_wrapper .growth_cards{flex-direction:column;}
        }

    /*partner*/
        .partner_wrapper{background:var(--point-white);}
        .partner_wrapper .partner_inner{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap60);}

        .partner_wrapper .partner_cards{display: flex;align-items: stretch;gap:var(--row-gap25);width:100%;}
            .partner_wrapper .p_card{flex:1 0 0;min-width:0;display: flex;flex-direction:column;align-items: center;border-radius:var(--radius-10);overflow:hidden;box-shadow:4px 4px 25px rgba(0,0,0,0.1);}
            .partner_wrapper .p_card_tit{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap20);width:100%;padding:var(--row-gap30) var(--row-gap10);text-align:center;}
                .partner_wrapper .badge{display: inline-flex;align-items: center;justify-content: center;padding:6px 16px;border-radius:50px;background:var(--point-white);font-size:var(--text-18);font-weight:500;}
                .partner_wrapper .p_card_tit strong{font-size:var(--text-28);color:var(--point-white);font-weight:700;line-height:1.4;}
                .partner_wrapper .badge01{background:var(--point-color07);}
                    .partner_wrapper .badge01 .badge{color:var(--point-color07);}
                .partner_wrapper .badge02{background:var(--point-color12);}
                    .partner_wrapper .badge02 .badge{color:var(--point-color12);}
                .partner_wrapper .badge03{background:var(--point-color13);}
                    .partner_wrapper .badge03 .badge{color:var(--point-color13);}
                .partner_wrapper .badge04{background:var(--point-color08);}
                    .partner_wrapper .badge04 .badge{color:var(--point-color08);}
            .partner_wrapper .p_card_body{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap25);width:100%;padding:var(--row-gap30) var(--row-gap40) var(--row-gap40);}
                .partner_wrapper .p_card_body .ico{display: flex;align-items: center;justify-content: center;width:clamp(64px, 6vw, 98px);aspect-ratio:auto 1;border-radius:100%;background:var(--gray-bg01);font-size:var(--text-40);}
                .partner_wrapper .p_card_body p{font-size:var(--text-20);color:var(--black-color05);font-weight:400;line-height:1.6;text-align:center;}

        @media (max-width:1400px) {
            .partner_wrapper .p_card_tit strong{font-size:var(--text-20);}
        }
        @media (max-width:1023px) {
            .partner_wrapper .partner_cards{flex-wrap:wrap;gap:var(--row-gap30)}
            .partner_wrapper .p_card{flex:auto;width:calc(50% - var(--row-gap30) / 2);}
            .partner_wrapper .p_card_tit strong{font-size:var(--text-24);}
        }
        @media (max-width:640px) {
            .partner_wrapper .p_card{width:100%;}
        }

    /*insurer (파트너 보험사 로고)*/
        .main_content .insurer_wrapper{position: relative;background:var(--gray-bg05);padding-bottom:0;overflow:hidden;}
        .insurer_wrapper .insurer_inner{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap60);}

        .insurer_wrapper .insurer_logos{display: grid;grid-template-columns:repeat(8, 1fr);width:100%;list-style:none;margin:0;padding:0;}
            .insurer_wrapper .insurer_logos li{display: flex;align-items: center;justify-content: center;background:var(--gray-bg05);}
                .insurer_wrapper .insurer_logos li img{mix-blend-mode:darken;}

        .waveSwiper .swiper-wrapper{position: relative; transition-timing-function: linear;}
        .waveSwiper .swiper-wrapper .swiper-slide{font-size:clamp(50px, 10vw, 130px);color:var(--point-white);font-weight:700;text-transform: uppercase;line-height:1;width:auto;padding-right:var(--row-gap20);}

        @media (max-width:1023px) {
            .insurer_wrapper .insurer_logos{grid-template-columns:repeat(4, 1fr);}
        }
        @media (max-width:640px) {
            .insurer_wrapper .insurer_logos{grid-template-columns:repeat(3, 1fr);}
        }
        @media (max-width:479px) {
            .insurer_wrapper .insurer_logos{grid-template-columns:repeat(2, 1fr);}
        }

    /*sns*/
        .sns_wrapper{background:var(--point-grad03);}
        .sns_wrapper .sns_inner{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap60);}
        .sns_wrapper .sns_cards{display: flex;align-items: stretch;gap:var(--row-gap25);width:100%;}
            .sns_wrapper .sns_card{width:100%;display: flex;align-items: center;gap:var(--row-gap30);padding:var(--row-gap30);background:var(--point-color05);border:1px solid rgba(255,255,255,0.3);border-radius:var(--radius-10);box-shadow:8.667px 3.467px 8.667px rgba(0,0,0,0.1);transition:all 0.3s;}
                .sns_wrapper .sns_card .ico{flex-shrink:0;width:clamp(44px, 4vw, 60px);aspect-ratio:auto 1;border-radius:100%;overflow:hidden;}
                    .sns_wrapper .sns_card .ico img{width:100% !important;height:100% !important;object-fit:cover !important;}
                .sns_wrapper .sns_card .tit{display: flex;flex-direction:column;gap:4px;font-size:var(--text-26);color:var(--point-white);font-weight:600;}
                    .sns_wrapper .sns_card .tit em{font-style:normal;font-size:var(--text-18);color:var(--point-white);opacity:0.5;font-weight:500;}

        @media (max-width:1023px) {
            .sns_wrapper .sns_cards{flex-wrap:wrap;}
            .sns_wrapper .sns_card{width:calc(50% - var(--row-gap25) / 2);}
        }
        @media (max-width:640px) {
            .sns_wrapper .sns_card{width:100%;}
        }

    /*board (메인 게시판 노출)*/
        .board_wrapper{background:var(--point-white);}
        .board_wrapper .board_inner{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap60);}
        .board_wrapper .main_title.dark .tit h3{color:var(--point-color04);}
        .board_wrapper .db-expose-more{display:none;}

        .db-expose-board{width:100%;display: flex;flex-direction:column;gap:var(--row-gap40);}
            .db-expose-empty{padding-block:var(--row-gap60);text-align:center;font-size:var(--text-18);color:var(--black-color07);}

            .db-expose-grid{display: grid;grid-template-columns:repeat(3, 1fr);gap:var(--row-gap60) var(--row-gap50);width:100%;list-style:none;margin:0;padding:0;}
                .db-expose-card{display: flex;flex-direction:column;gap:var(--row-gap25);height:100%;}
                    .db-expose-thumb{display:block;aspect-ratio:auto 5/3;border-radius:var(--radius-10);overflow:hidden;background:var(--gray-bg05);position: relative;}
                    .db-expose-thumb .ov_box{width:100%;height:100%;position: absolute;top:0;left:0;background:rgba(23, 40, 88, 0.6);pointer-events:none;display: flex;align-items: center;justify-content: center;opacity:0;transition:all 0.3s;z-index:3;}
                    .db-expose-thumb .ov_box:before{width:30px;aspect-ratio:auto 1;content:"";display: inline-block;clip-path:var(--clip-poly03);background:var(--point-white);transition:all 0.3s;}
                        .db-expose-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;transition:transform 0.3s;}
                        .db-expose-no-img{display: flex;align-items: center;justify-content: center;width:100%;height:100%;color:var(--black-color08);}
                            .db-expose-no-img svg{width:clamp(28px, 3vw, 40px);aspect-ratio:auto 1;}
                    .db-expose-info{display: flex;flex-direction:column;gap:var(--row-gap25);}
                        .db-expose-title{font-size:var(--text-24);color:var(--black-color03);font-weight:700;line-height:1.4;transition:color 0.3s;}
                        .db-expose-date{font-size:clamp(16px, 1.5vw, 18px);color:var(--black-color06);font-weight:400;}

            .db-expose-list{display: flex;flex-direction:column;list-style:none;margin:0;padding:0;border-top:1px solid rgba(0,0,0,0.08);}
                .db-expose-list-item{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap20);padding-block:var(--row-gap20);border-bottom:1px solid rgba(0,0,0,0.08);}
                    .db-expose-list-title{min-width:0;flex:1 1 auto;font-size:var(--text-18);color:var(--black-color03);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s;}
                    .db-expose-list-item .db-expose-date{flex-shrink:0;}

            .db-expose-more{display: flex;justify-content:center;}

        @media (hover:hover) and (pointer:fine){
            .db-expose-card:hover .db-expose-thumb img{transform:scale(1.05);}
            .db-expose-card:hover .ov_box{opacity:1;}
            .db-expose-card:hover .ov_box:before{rotate:90deg;}
        }

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

    /*join (입사 지원 CTA)*/
        .join_wrapper{position: relative;overflow:hidden;background:var(--point-color06);}
            .join_wrapper .join_bg{position: absolute;inset:0;z-index:0;}
            .join_wrapper .join_bg:after{width:100%;height:100%;background:rgba(9, 16, 36, 0.85);content:"";position: absolute;top:0;left:0;}
            .join_wrapper .join_inner{position: relative;z-index:2;display: flex;flex-direction:column;align-items: center;text-align:center;}

            .join_wrapper .join_badges{display: flex;align-items: center;justify-content: center;flex-wrap:wrap;gap:var(--row-gap30);list-style:none;margin:var(--row-gap40) 0 0;padding:0;width:100%;}
                .join_wrapper .join_badges li{display: flex;align-items: center;gap:var(--row-gap15);}
                .join_wrapper .join_badges .wreath{width:clamp(20px, 2vw, 38px);flex-shrink:0;}
                    .join_wrapper .join_badges .wreath.r{transform:scaleX(-1);}
                .join_wrapper .join_badges .badge_cont{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap10);}
                    .join_wrapper .join_badges .badge_cont .ico{width:clamp(28px, 2.6vw, 40px);}
                    .join_wrapper .join_badges .badge_cont em{font-style:normal;font-size:clamp(16px, 1.6vw, 18px);color:var(--point-white);font-weight:600;white-space:nowrap;}

            .join_wrapper .join_cards{display: grid;grid-template-columns:repeat(3, 1fr);gap:var(--row-gap30);width:100%;margin:var(--row-gap60) 0 0;}
                .join_wrapper .j_card{display: flex;flex-direction:column;gap:var(--row-gap20);padding:var(--row-gap30);border: 1px solid rgba(255, 255, 255, 0.30);background: rgba(26, 43, 76, 0.60);border-radius:var(--radius-20);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);text-align:left;}
                    .join_wrapper .j_card .q{display: flex;align-items:center;gap:var(--row-gap20);padding-bottom:var(--row-gap20);border-bottom:1px solid rgba(255,255,255,0.15);min-height:82px;}
                        .join_wrapper .j_card .q .ico{width:40px;flex-shrink:0;}
                        .join_wrapper .j_card .q p{font-size:var(--text-22);color:var(--point-white);font-weight:700;line-height:1.4;}
                    .join_wrapper .j_card .a{display: flex;flex-direction:column;gap:var(--row-gap10);}
                        .join_wrapper .j_card .a strong{font-size:var(--text-22);color:var(--point-white);font-weight:700;line-height:1.4;}
                        .join_wrapper .j_card .a p{font-size:clamp(16px, 1.5vw, 17px);color:rgba(255,255,255,0.65);font-weight:400;line-height:1.6;}

            .join_wrapper .join_cta{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap30);text-align:center;margin:var(--row-gap80) 0 0;}
                .join_wrapper .join_cta .sub{font-size:var(--text-20);color:var(--point-white);opacity:.75;font-weight:400;}
                .join_wrapper .join_cta .tit{font-size:var(--text-56);color:var(--point-white);font-weight:700;line-height:1.3;letter-spacing:-0.03em;}

            .join_wrapper .join_btns{display: grid;grid-template-columns:repeat(4, 1fr);gap:var(--row-gap20);width:100%;list-style:none;margin:var(--row-gap60) 0 0;padding:0;}
                .join_wrapper .join_btns a{position: relative;display: flex;align-items: center;gap:var(--row-gap20);height:clamp(64px, 6vw, 90px);padding-inline:var(--row-gap30);background:var(--point-white);border-radius:clamp(12px, 1.2vw, 16px);transition:all 0.3s;}
                    .join_wrapper .join_btns img:not(.arw){width:clamp(32px, 3vw, 50px);flex-shrink:0;}
                    .join_wrapper .join_btns span{font-size:var(--text-20);color:var(--black-color02);font-weight:600;transition:color 0.3s;}
                    .join_wrapper .join_btns .arw{position: absolute;top:50%;right:var(--row-gap30);translate:0 -50%;width:12px;transition:all 0.3s;}
                .join_wrapper .join_btns a:hover{background:var(--point-color04);}
                    .join_wrapper .join_btns a:hover span{color:var(--point-white);}
                    .join_wrapper .join_btns a:hover .arw{filter:var(--filter-white);}

        @media (max-width:1200px) {
            .join_wrapper .join_cards{grid-template-columns:repeat(1, 1fr);}
            .join_wrapper .j_card .q{min-height:initial;}
        }
        @media (max-width:1023px) {
            
            .join_wrapper .join_btns{grid-template-columns:repeat(2, 1fr);}
        }
        @media (max-width:640px) {
            .join_wrapper .join_btns{grid-template-columns:repeat(1, 1fr);}
        }

    /*공통*/
        .main_content > section{padding-block:var(--row-gap140)}

        /*섹션 타이틀 박스*/
        .main_title{display: flex;flex-direction:column;align-items: center;text-align:center;gap:var(--row-gap20);}
            .main_title .tit{display: flex;flex-direction:column;align-items: center;gap:var(--row-gap20);}
            .main_title .label{font-size:var(--text-20);color:var(--point-color03);font-weight:500;}
            .main_title .tit h3{font-size:var(--text-56);color:var(--point-white);font-weight:700;line-height:1.3;letter-spacing:-0.03em;}
                .main_title .tit h3 em{font-style:normal;background:var(--point-grad02);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;}
            .main_title .desc{font-size:var(--text-20);color:var(--point-white);font-weight:400;line-height:1.7;}

            /*밝은 배경 섹션용 - 어두운 텍스트*/
            .main_title.dark .tit h3{color:var(--point-color11);}
            .main_title.dark .desc{color:var(--black-color03);}

        /*더보기 버튼*/
        .main_more{display: inline-flex;align-items: center;gap:var(--row-gap20);height:clamp(50px, 6vw, 60px);padding-inline:clamp(20px, 3vw, 30px);border:2px solid rgba(255,255,255,0.6);border-radius:100px;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);color:var(--point-white);font-size:var(--text-20);font-weight:600;transition:all 0.3s;}
            .main_more:after{width:13px;aspect-ratio:auto 1;content:"";background:url('/images/main_more.svg')no-repeat center / contain;filter:var(--filter-white);transition:all 0.3s;}

            /*밝은 배경 섹션용 - 어두운 아웃라인*/
            .main_more.dark{border-color:var(--point-color02);backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--point-color02);}
                .main_more.dark:after{filter:none;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .main_more:hover{background:var(--point-white);color:var(--point-color04);}
                .main_more:hover:after{filter:none;}
                .main_more.dark:hover{background:var(--point-color04);color:var(--point-white);}
                .main_more.dark:hover:after{filter:var(--filter-white);}
            }


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

	Footer

───────────────────────────────────────────────────────────*/
    #footer{background:var(--black-color00);}
    #footer .ft_top{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;gap:var(--row-gap20) var(--row-gap30);padding-block:var(--row-gap40) var(--row-gap30);border-bottom:1px solid rgba(255,255,255,0.15);}
        #footer .ft_top a{width:clamp(120px, 12vw, 150px);flex-shrink:0;}
            #footer .ft_top a img{height:auto;filter:var(--filter-white);}
    #footer .ft_body{display: flex;flex-direction:column;gap:var(--row-gap20);padding-block:var(--row-gap30);}
        #footer .ft_addr{display: flex;flex-direction:column;gap:6px;}
            #footer .ft_addr p{display: flex;flex-wrap:wrap;align-items: center;gap:8px clamp(10px, 1.2vw, 16px);font-size:clamp(16px, 1.5vw, 17px);color:var(--border-color02);font-weight:400;}
            #footer .ft_addr strong{color:var(--point-white);font-weight:700;}
            #footer .ft_addr a{color:var(--border-color02);}
            #footer .ft_addr .bar{color:var(--black-color07);}

    #footer .ft_top_box{padding-block:var(--row-gap60) clamp(25px, 5vw, 56px);border-bottom:1px solid rgba(255,255,255,0.2);}
    #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:var(--row-gap40)}
    #footer .logo{width: clamp(150px, 20vw, 220px);flex-shrink:0;}
    #footer .info_box{display: flex;flex-direction: column;gap:clamp(8px, 1vw, 13px);}
    #footer .info_box > strong{font-size:var(--text-20);color:var(--point-white);font-weight:500;}
    #footer .info_box .addr-list{display:flex;flex-direction: column;}
    #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-17);color:var(--border-color01);font-weight:300;line-height:1.9;position: relative;font-family:var(--font-type02);letter-spacing:0;}
        #footer .desc :is(dt, dd){letter-spacing:0;}
        #footer .desc > dt{flex-shrink:0;}
        #footer .desc > dd{position: relative;}
    #footer .cs_info_box{text-align: right;display: flex;flex-direction: column;align-items: flex-end;}
    #footer .cs_info_box > strong{display: flex;align-items: center;gap:clamp(6px, 1vw, 12px);font-size:var(--text-18);color:var(--point-white);font-weight:400;justify-content: flex-end;}
        #footer .cs_info_box > strong:before{width:clamp(2px, 0.2vw, 4px);aspect-ratio:auto 1;content:"";background:var(--point-color01);display: inline-block;flex-shrink:0;}
    #footer .cs_info_box .info{display: flex;flex-direction: column;gap:3px;align-items: flex-end;margin-top:clamp(5px, 0.5vw, 8px);}
        #footer .cs_info_box .info a{font-size:var(--text-34);color:var(--point-white);font-weight:500;}
        #footer .cs_info_box .info p{font-size:var(--text-16);color:var(--border-color01);font-weight:300;font-family:var(--font-type02);}
    #footer .cs_info_box > a{display: inline-flex;width:40px;aspect-ratio:auto 1;align-items: center;justify-content: center;border:1px solid rgba(255,255,255,0.4);margin-top:clamp(20px, 3vw, 35px);}
    #footer .cs_info_box > a img{height:clamp(12px, 1.2vw, 16px);}
    
    #footer .ft_copy_box{display: flex;align-items: center;justify-content: space-between;padding-block:clamp(20px, 3.5vw, 39px);}
    #footer .copy{font-size:var(--text-17);color:var(--black-color06);font-weight:400;}
    #footer .ft_menu{display: flex;gap:var(--row-gap40)}
    #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-gap30);right:var(--row-gap30);z-index:10;opacity:0;pointer-events:none;transition:all 0.3s;}
    .ft_quick.on{opacity:1;pointer-events:initial;}
    .ft_quick .quick_top{width:clamp(46px, 5.5vw, 60px);aspect-ratio:auto 1;border-radius:100%;background:var(--point-white);box-shadow:var(--shadow-02);display: flex;align-items: center;justify-content: center;}
    

    @media (max-width:1450px){
        #footer .ft_cs_box{flex-wrap:wrap;justify-content: flex-end;}
        #footer .ft_menu{width:100%;flex-direction:row;justify-content: flex-end;}
    }
    @media (max-width:1023px){
        #footer .w_custom{flex-direction: column-reverse;}
        #footer .ft_info_box .logo{display: none;}
        #footer .ft_cs_box .logo_box{display: block;width:100%;}
        #footer .ft_cs_box, #footer .ft_menu{justify-content: flex-start;}

        .ft_quick a img{max-width:48%;}
    }
    @media (max-width:640px){
        #footer .ft_cs_box{flex-direction: column;}
    }
    @media (max-width:479px){
        #footer .desc + .desc:before{display: none;}
    }