#wrap{position: relative; overflow: clip;}
.w_custom{position: relative; width: calc(100% - 60px); max-width: 1400px; margin-inline: auto;}
main{position: relative;}
#container{padding-block:var(--row-gap80) var(--row-gap140);}
#container:has(.full-sec){width: 100%; max-width:100%;}
#container:has(.pd-dn){padding-bottom:0;} 
#container:has(.main_content){padding:0;}
/* body::-webkit-scrollbar {display: none; } */
body [class*="swiper-button"]:after{display: none;}
.link{position: absolute; inset: 0; z-index: 5;}
.blind{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;}
.site-main{display:block;}
:where(a, button, input, select, textarea):focus-visible{outline:1px solid var(--point-color04);/* outline-offset:3px; */}
.ofc{overflow:hidden;}
.ofc img{width:100% !important;height:100% !important;object-fit:cover !important;}
.dragscroll{ scrollbar-gutter: stable;}
.dragscroll::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);height:2px;}
.dragscroll::-webkit-scrollbar-track {background: #eee; border-radius: 10px;}
.dragscroll::-webkit-scrollbar-thumb {background: #aaa; border-radius: 10px;}
@media (max-width:1600px) {
    br.for_pc{display: none;}
}
@media (max-width:1023px) {
    br.for_tm{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; }
    }

/*────────────────────────────────────────────────────
    Header
────────────────────────────────────────────────────*/
    #header{position:fixed;height: clamp(65px, 11vw, 110px);top: 0;z-index: 100;width:100%;transition:all 0.3s;}
    #header .w_custom{height: 100%;max-width:1800px;display: flex;align-items: center;justify-content: space-between;gap: 15px;}
    #header .logo{height: 100%;display: flex;align-items: center;flex-shrink:0;}
    #header .logo a img{height:clamp(50px, 7vw, 70px);}
    
    #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(30px, 5vw, 60px);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;}
    #header .utility{position: relative;display: flex;align-items: center;gap:var(--row-gap30);flex-shrink:0;}
    .allCate{display:flex;flex-direction: column;align-items: center;justify-content: space-between;width: clamp(30px, 4vw, 40px);aspect-ratio: auto 1.81;}
    .allCate span{width: 100%;height: 2px;background: var(--black-color00);display: inline-block;}

    #header :is(.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 :is(.logo, .gnb > li > a, .allCate){filter:none;}

        /* hover */
        @media (hover:hover) and (pointer: fine) {
            #header:hover{/* box-shadow: inset 0 -1px 0 var(--border-color01); */background:var(--point-white);}
            #header:hover :is(.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;}
        }

    @media (max-width:1400px) {
        #header .gnb > li{font-size:var(--text-15);}
    }
    @media (max-width:1023px) {
        #header .gnb{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 .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(4, 1fr);gap: clamp(15px, 2.2vw, 40px);}
    #aside .gnb > li{color: var(--black-color01);font-size: var(--text-20);text-align: center;}
        
        @media (min-width:861px) {
            #aside .gnb > li{opacity:0;translate:0 100px;transition:all 0.8s 0.3s;}
            #aside.on .gnb > li{opacity:1;translate:0;}
            #aside.on .gnb > li:nth-child(2){transition-delay:0.4s;}
            #aside.on .gnb > li:nth-child(3){transition-delay:0.5s;}
            #aside.on .gnb > li:nth-child(4){transition-delay:0.6s;}
            #aside.on .gnb > li:nth-child(5){transition-delay:0.7s;}
            #aside.on .gnb > li:nth-child(6){transition-delay:0.8s;}
        }
    #aside .gnb > li > a{position: relative;display: block;font-size: var(--text-40);font-weight: 700;line-height: 1.4;padding-block: 30px;transition: all 0.4s;letter-spacing: 0;}
        #aside .gnb > li > a:before{position: absolute;content: '';top: 0;left: 50%;translate: -50%;width:12px;height: 0;opacity:0;border-radius:100%;background: var(--point-color01);transition:all 0.3s;}
    #aside .gnb .dep02{position: relative;}
    #aside .gnb .dep02 > li > a{display: block;font-weight: 400;padding-block: clamp(7px, 1.7vw, 13px);color: var(--black-color06);line-height: 1.6;transition: all 0.4s;}
    #aside .gnb .dep03{display: none;}
    #aside .utility{position: absolute;top: clamp(30px, 2.8vw, 50px);right: clamp(30px, 2.8vw, 50px);display: flex;align-items: center;gap: clamp(15px, 1.6vw, 30px);z-index:2;}
    #aside .close_btn{position: relative;width: clamp(30px, 4vw, 40px);height: clamp(30px, 4vw, 40px);z-index: 9;}
    #aside .close_btn span{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%) rotate(45deg);width: 100%;height: 2px;background: var(--black-color01);}
    #aside .close_btn span + span{transform: translate(-50%, -50%) rotate(-45deg);}
    
        /* over */
            @media (hover:hover) and (pointer:fine){
				#aside .gnb > li:hover > a{color: var(--point-color01);}
                #aside .gnb > li:hover > a:before{height:12px;opacity:1;}
                #aside .gnb .dep02 > li:hover a{color: var(--point-color01);}
            }

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

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

	Main

───────────────────────────────────────────────────────────*/
    /*visual*/
        .main_visual{position: relative;}
        .visualSwiper{position: relative; background: var(--black-color01);}
        .visualSwiper .swiper-slide{position: relative;height: auto; min-height: clamp(400px, 98vw, 980px); overflow: hidden;display: flex;flex-direction: column;justify-content: center;}
        .visualSwiper .thumb{position: absolute;inset: 0;overflow: hidden;scale:1.1;transition:all 6s;width:100%;height:100%;}
        .visualSwiper .swiper-slide-active .thumb{scale:1;}
        .visualSwiper .title{display: flex;flex-direction: column;gap:var(--row-gap30);text-align:center;align-items:center;translate:0 -27%;}
        .visualSwiper .title h2{font-size: var(--text-64);color:var(--point-white);font-weight: 700;letter-spacing:-0.04em;line-height:1.4;}
        .visualSwiper .title h2 strong{color:var(--point-color02);font-weight:700;}
        .visualSwiper .title p{font-size: var(--text-20);color:var(--point-white);font-weight:400;line-height:1.6;}
        .visualSwiper .txt-ani{opacity: 0; translate:0 70px;}
        .visualSwiper .swiper-slide-active .txt-ani{opacity: 1; translate: 0; transition: all 1.2s 0.2s;}
            .visualSwiper .swiper-slide-active .txt-ani:nth-child(2){transition-delay: 0.4s;}
        .visualSwiper .controller{position: absolute;left:50%;translate:-50%;bottom:35%;display: flex;align-items: center;justify-content: center;gap:clamp(15px, 2.5vw, 27px);z-index:3;}
        .visualSwiper [class*="swiper-button"]{position: relative;inset: auto;margin: 0;display: flex;align-items: center;justify-content: center;transition: all 0.4s;}
            .visualSwiper [class*="swiper-button"].swiper-button-next{scale: -1 -1;}
            .visualSwiper [class*="swiper-button"]::before{display: inline-flex;content:'';width: clamp(9px, 1.2vw, 12px);aspect-ratio: auto 1;border: 2px solid var(--point-white);rotate: 135deg;clip-path: var(--clip-poly02);border-radius: 2px;translate:4px;}
            .visualSwiper [class*="swiper-button"].play-btn{gap:4px;}
            .visualSwiper [class*="swiper-button"].play-btn::before, .visualSwiper [class*="swiper-button"].play-btn::after{display: inline-flex;content: '';width:3px;height: clamp(10px, 1.4vw, 12px);background: var(--point-white);border: 0;rotate: none;clip-path: none;translate: 0;border-radius: 10px;aspect-ratio: unset;}
            .visualSwiper [class*="swiper-button"].play-btn.paused::before{width: clamp(10px, 1.4vw, 12px);height: auto;aspect-ratio: auto 1.3;border-radius: 0;clip-path: var(--clip-poly01);rotate: -90deg;translate: 2px;}
            .visualSwiper [class*="swiper-button"].play-btn.paused::after{display: none;}
        #wrap .visualSwiper .swiper-pagination-num{width:auto;display: flex;align-items: center;font-size:var(--text-18);color:rgba(255, 255, 255, 0.60);font-weight:400;}
        #wrap .visualSwiper .swiper-pagination-num strong{color:var(--point-white);font-weight:700;display: flex;align-items: center;}
        #wrap .visualSwiper .swiper-pagination-num strong:after{width:clamp(2px, 0.4vw, 4px);aspect-ratio:auto 1;content:"";background:var(--point-white);display: inline-block;margin-inline:var(--row-gap20);opacity:0.2;}

        .main_visual .vis_ico{position: absolute;left:50%;bottom:clamp(40px, 10vw, 160px);z-index:3;translate:-50%;}
        .main_visual .vis_ico > ul{display:flex;justify-content: center;align-items: center;gap:var(--row-gap15);flex-wrap:wrap;}
        .main_visual .vis_ico li{position: relative;display: flex;align-items: center;gap:var(--row-gap15);padding:var(--row-gap20);padding-right:var(--row-gap40);border-radius:50px;border: 1px solid rgba(255, 255, 255, 0.10);background: rgba(0, 0, 0, 0.20);backdrop-filter: blur(5px);}
        .main_visual .vis_ico li .ico{position: relative;display: flex;align-items: center;justify-content: center;width:clamp(40px, 5.5vw, 55px);aspect-ratio:auto 1;border-radius:100%;flex-shrink:0;}
        .main_visual .vis_ico li:nth-child(1) .ico{background: rgba(75, 115, 100, 0.40);}
        .main_visual .vis_ico li:nth-child(2) .ico{background: rgba(72, 66, 123, 0.40);}
        .main_visual .vis_ico li:nth-child(3) .ico{background: rgba(110, 68, 59, 0.40);}
        .main_visual .vis_ico li:nth-child(4) .ico{background: rgba(117, 59, 72, 0.40);}
        .main_visual .vis_ico li:nth-child(5) .ico{background: rgba(76, 102, 155, 0.40);}
            
        .main_visual .vis_ico li dl{display: flex;flex-direction: column;align-items: flex-start;font-size:var(--text-17);color:rgba(255, 255, 255, 0.70);font-weight:300;letter-spacing:-0.05em;}
        .main_visual .vis_ico li dl dt{font-size:var(--text-20);color:var(--point-white);font-weight:600;letter-spacing:-0.07em;}
        .main_visual .vis_ico li dl dd{letter-spacing:inherit;}

        @media (max-width:1450px){
            .main_visual .vis_ico{bottom:40px;}
        }

        @media (max-width:860px){
            .visualSwiper .swiper-slide{justify-content: flex-start;padding-top:12vw;}
            .visualSwiper .title{translate:0 15%;}
            .visualSwiper .controller{bottom:45%;}

            .main_visual .vis_ico .ico img{max-width:70%;}
        }
        @media (max-width:640px){
            .visualSwiper .swiper-slide{padding-top:16vw;height:112vw;}
            .visualSwiper .controller{bottom:48%;}
        }
        @media (max-width:479px){
            .visualSwiper .swiper-slide{padding-top: 21vw;height: 140vw;}
            .visualSwiper .title{translate:0 -15%;}
            .visualSwiper .controller{bottom:56%;}
        }
        @media (max-width:414px){
            .visualSwiper .swiper-slide{height:185vw;}
            .visualSwiper .title{translate:0;}
            .visualSwiper .title h2{font-size:var(--text-40);}
            .visualSwiper .controller{bottom:58%;}
            .main_visual .vis_ico{bottom:15px;}
            .main_visual .vis_ico > ul{flex-direction:column;}
            .main_visual .vis_ico li{width:100%;}
        }
        @media (max-width:375px){
            .visualSwiper .swiper-slide{height:700px;}
        }

    /*공통*/
        .main_content > section{padding-block:var(--row-gap140);}
        .main_title{display:flex;flex-direction:column;gap:var(--row-gap20);align-items: center;text-align: center;margin-bottom:var(--row-gap60);}
        .main_title:has(.sub_tit) {align-items: flex-start; text-align: left;}
			.main_title h3, .main_title h2{font-size:var(--text-56);color:var(--black-color00);font-weight:700;}
            .main_title h3 strong, .main_title h2 strong{color:var(--point-color01);font-weight:700;}
            .main_title h4.sub_tit {font-size:var(--text-30);color:var(--black-color01);font-weight:500;} 
			.main_title h4.sub_tit strong {color:var(--point-color01);font-weight:600;}
			.main_title p{font-size:var(--text-20);color:var(--black-color01);font-weight:400;line-height:1.6;}
			

        .main_more_arw{width:clamp(40px, 5vw, 50px);aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;border-radius:5px;background:var(--point-color04);flex-shrink:0;}
        .main_more_arw img{filter:var(--filter-white);}
        
        .main_more{display: inline-flex;align-items: center;justify-content: space-between;border-radius:var(--radius-10);background:var(--point-color04);box-shadow:var(--shadow-01);padding:clamp(15px, 3vw, 30px);width:clamp(180px, 24vw, 240px);height:clamp(50px, 6vw, 60px);font-size:var(--text-20);color:var(--point-white);font-weight:700;}
        .main_more:after{width:clamp(12px, 1.4vw, 14px);aspect-ratio:auto 1;content:"";background:url('/images/main_more.svg')no-repeat center / auto 100%;display: inline-block;filter:var(--filter-white);}

        .bullet-list{display:flex;flex-direction:column;gap:var(--row-gap10);}
        .bullet-list li{display: flex;align-items: flex-start;font-size:var(--text-18);color:var(--black-color03);font-weight:400;gap:var(--row-gap10);}
        .bullet-list li:before{width:3px;aspect-ratio:auto 1;background:var(--point-color02);content:"";display:inline-block;flex-shrink:0;translate:0 clamp(8px, 1vw, 12px);}
		.bullet-list .note{color:var(--black-color08);font-size:95%;}
		
    /*wave*/
        .main_customer .waveSwiper{padding-block:var(--row-gap20);overflow:hidden;padding-block:var(--row-gap130);position: relative;}
        .main_customer .waveSwiper .bg{width:100%;height:100%;position: absolute;top:0;left:0;}
        .main_customer .waveSwiper .swiper-wrapper{position: relative; transition-timing-function: linear;}
        .main_customer .waveSwiper .swiper-slide{position: relative; width: clamp(110px, 18vw, 180px); aspect-ratio: auto 1.28;display: flex;align-items: center;justify-content: center;overflow: hidden;border-radius:var(--radius-15);box-shadow:var(--shadow-01);}
        .main_customer .waveSwiper .swiper-slide p{display: none;}

    /*solution*/
        .main_solution{background:var(--point-color03);}
        .main_solution > .w_custom{display: flex;align-items: flex-start;gap:var(--row-gap30);justify-content: space-between;}
        .main_solution .main_title{position:sticky;top:clamp(90px, 12vw, 160px);align-items:flex-start;text-align:left;margin-bottom:0;filter:var(--filter-white);}
        .solution-board{width:940px;max-width:100%;}
        .solution-list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--row-gap30);align-items:start;}
        .solution-col{display:flex;flex-direction:column;gap:var(--row-gap30);min-width:0;}
        .solution-col:nth-child(2){padding-top:clamp(30px, 10vw, 120px);}
        .solution-card{width:100%;min-height:clamp(120px, 10vw, 150px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--row-gap40);border:1px solid rgba(255,255,255,0.2);border-radius:var(--radius-20);background:rgba(255,255,255,0.1);text-align:left;transition:background 0.35s ease, border-color 0.35s ease, translate 0.35s ease;}
        .solution-card .solution-logo{height:clamp(40px, 6vw, 60px);display:flex;align-items:center;justify-content:flex-start;filter:var(--filter-white);transition:filter 0.35s ease;}
		.solution-card .solution-logo:not(:has(img)){font-size: clamp(25px, 3.6vw, 36px);height: auto;font-weight: 500;}
        .solution-card .solution-logo img{display:block;width:auto;max-width:100%;max-height:100%;}
        .solution-card .solution-desc{display:block;max-height:0;overflow:hidden;font-size:var(--text-18);line-height:1.6;color:rgba(255,255,255,0.8);font-weight:400;opacity:0;transition:max-height 0.35s ease, opacity 0.25s ease, margin-top 0.35s ease;}
        .solution-item.is-active .solution-card{background:var(--point-white);border-color:var(--point-white);}
        .solution-item.is-active .solution-desc{max-height:120px;opacity:1;}
        .solution-item.is-active .solution-card .solution-desc{color:var(--black-color01);margin-top:var(--row-gap30);}
        .solution-item.is-active .solution-card .solution-logo{filter:none;}

        @media (hover:hover) and (pointer:fine){
            .solution-item:hover .solution-card{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.28);}
            .solution-item:hover .solution-desc{max-height:120px;opacity:1;margin-top:var(--row-gap30);}
            .solution-item:hover .solution-logo{filter:var(--filter-white);}
            .solution-item.is-active:hover .solution-card{background:var(--point-white);border-color:var(--point-white);translate:0;}
            .solution-item.is-active:hover .solution-card .solution-desc{color:var(--black-color01);margin-top:var(--row-gap30);}
            .solution-item.is-active:hover .solution-card .solution-logo{filter:none;}
        }

        @media (max-width:1023px){
            .main_solution > .w_custom{flex-direction: column;align-items:center;gap:var(--row-gap60);}
            .main_solution .main_title{position:relative;top:auto;align-items:center;text-align:center;}
            .solution-board{width:100%;}
            .solution-card .solution-desc{max-height:initial;opacity:1;margin:0;margin-top:var(--row-gap30);}
        }
        @media (max-width:640px){
            .solution-list{grid-template-columns:1fr;gap:var(--row-gap30);}
            .solution-col{gap:var(--row-gap30);}
            .solution-col:nth-child(2){padding-top:0;}
        }

    /*board*/
        .board-sec .board_list{display: flex;flex-direction: column;gap:var(--row-gap20);}
        .board-sec .board_list .item a{display: flex;width:100%;padding:var(--row-gap40);align-items: center;gap:var(--row-gap40);background:var(--gray-bg04);border-radius:var(--radius-15);transition:all 0.3s;}
        .board-sec .board_list .date{display: inline-block;min-width:clamp(86px, 12vw, 120px);text-align: center;flex-shrink:0;font-size:var(--text-18);color:var(--black-color05);font-weight:500;line-height:1.7;}
        .board-sec .board_list .info{display: flex;flex-direction: column;gap:clamp(5px, 1vw, 12px);align-items: flex-start;}
        .board-sec .board_list .title{font-size:var(--text-22);color:var(--black-color03);font-weight:600;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow:hidden;}
        .board-sec .board_list .cont{font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.7;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;text-overflow: ellipsis;overflow:hidden;}
        .board-sec .main_more_arw{background:none;}
        .board-sec .main_more_arw img{filter:none;}

        @media (hover:hover) and (pointer:fine){
            .board-sec .board_list .item:hover a{background:var(--point-white);box-shadow:var(--shadow-01);}
            .board-sec .board_list .item:hover .main_more_arw{background:var(--point-color04);}
            .board-sec .board_list .item:hover .main_more_arw img{filter:var(--filter-white);}
        }

        @media (max-width:860px){
            .board-sec .main_more_arw{display: none;}
        }
        @media (max-width:640px){
            .board-sec .board_list .item a{flex-direction:column;gap:var(--row-gap20);align-items: flex-start;}
            .board-sec .board_list .date{min-width:initial;}
        }

    /*contact*/
        #wrap .main_contact{padding-top:0;}
        .main_contact .contact_box{display:flex;gap:var(--row-gap40);}
        .main_contact .title_box{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:var(--row-gap50);padding-top:var(--row-gap60);border-radius:var(--radius-30);background:var(--point-color04);overflow:hidden;width:38.6%;flex-shrink:0;}
        .main_contact .title_box .title{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--row-gap20);}
            .main_contact .title_box .contact-title{font-size:var(--text-40);font-weight:700;color:var(--point-white);}
            .main_contact .title_box .contact-copy{font-size:var(--text-20);font-weight:300;line-height:1.6;color:var(--point-white);}
        .main_contact .contact_info{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--row-gap20);margin-top:var(--row-gap30);}
        .main_contact .contact_info li a{display:flex;align-items: center;gap:clamp(8px, 1.4vw, 16px);border-radius:var(--radius-10);border: 1px solid rgba(255, 255, 255, 0.16);background: rgba(255, 255, 255, 0.10);font-size:var(--text-20);color:var(--point-white);font-weight:500;padding:clamp(10px, 1.5vw, 15px);}
            .main_contact .contact_info li .ico{width:clamp(30px, 4vw, 44px);aspect-ratio:auto 1;display: flex;align-items: center;justify-content: center;}
        .main_contact .cont{padding:var(--row-gap50);border-radius:var(--radius-30);background:var(--point-white);box-shadow:var(--shadow-01);}
                
        /* write-form */
			:is([type="text"], [type="password"], [type="email"], [type="tel"]){height: clamp(40px, 6vw, 60px);border:1px solid var(--border-color01);font-size: var(--text-17);font-weight: 400;color: var(--black-color01);border-radius:var(--radius-10);overflow: hidden;text-overflow:ellipsis;white-space:nowrap;padding:clamp(10px, 1.6vw, 16px);}
            :is([type="text"], [type="password"], [type="email"], [type="tel"])::placeholder{color:var(--black-color10);}
			
            .write-form{position: relative;display: flex;flex-wrap: wrap;gap:var(--row-gap20) var(--row-gap40);}
            .write-form .desc{width: calc(100% / 2 - var(--row-gap40) / 2);display: flex;flex-direction: column;gap: var(--row-gap15);}
            .write-form .desc:has(textarea, .db-captcha-img){width:100%;}
            .write-form .desc dt{font-size: var(--text-20);font-weight: 500;color: var(--black-color03);}
            .write-form .desc .req:after{content:"*";font-size:inherit;color:var(--point-color01);font-weight:400;display: inline-block;}
            .write-form .desc dd{appearance: none;}
            .write-form :where([type="text"], [type="password"], [type="email"], [type="tel"]){width:100%;}
            #wrap .captcha_box{padding:var(--row-gap10) clamp(10px, 1.6vw, 16px);border:1px solid var(--border-color01);border-radius:5px;display: flex;align-items: center;gap:var(--row-gap10) var(--row-gap20);}
            #wrap .captcha_wrap {display: flex; gap: var(--row-gap10);box-sizing: border-box;flex-shrink:0;}
            #wrap .captcha_box input[type="text"] {width:100%;height: clamp(40px, 5vw, 50px);border:none;padding:0;}
            #wrap .db-captcha-img {width:100px;}
            #wrap .db-captcha-refresh {display: flex; justify-content: center; align-items: center; width:clamp(30px, 4vw, 40px);aspect-ratio:auto 1;background: var(--gray-bg04);border-radius:5px;}

            #wrap textarea{width: 100%;border: 1px solid var(--border-color01);height:clamp(120px, 16vw, 160px);font-size: var(--text-17);font-weight: 400;color: var(--black-color01);padding:clamp(10px, 1.6vw, 16px);line-height: 1.6;border-radius:var(--radius-10);resize:none;}
            #wrap textarea::placeholder{color:var(--black-color10);}

            label{cursor: pointer;}

            label:has([type="checkbox"]){display: flex;width: fit-content;align-items: flex-start;gap:var(--row-gap10);font-size: var(--text-19);font-weight: 500;color: var(--black-color03);line-height:clamp(20px, 2.4vw, 24px);}
            label:has([type="checkbox"]) strong{color:var(--point-color01);font-weight:600;}
            [type="checkbox"]{appearance: none;cursor: pointer;width:clamp(20px, 2.4vw, 24px);height: clamp(20px, 2.4vw, 24px);flex-shrink: 0;border: 1px solid var(--border-color01);display: flex;align-items: center;justify-content: center;border-radius:5px;}
            [type="checkbox"]::before{display: inline-flex;content:'';width: 10px;aspect-ratio: auto 1.25;background: url('/images/ico_chk.svg') no-repeat center / 100% auto;opacity: 0.5;}
            [type="checkbox"]:checked{background: var(--point-color04);border-color:var(--point-color04);}
            [type="checkbox"]:checked::before{opacity: 1;filter: var(--filter-white);}

            .contact-btn-box{margin-top:var(--row-gap20);display: flex;align-items: center;gap:var(--row-gap20);justify-content: space-between;}
            .contact-btn-box .policy{display: flex;align-items: center;gap:clamp(6px, 1vw, 12px);}
            .contact-btn-box .policy > button{font-size:var(--text-17);color:var(--black-color07);font-weight:500;text-decoration: underline;flex-shrink:0;}
            .contact-btn-box .main_more{flex-shrink:0;}

            @media (max-width:1300px) {
                .contact-btn-box{flex-direction: column;}
            }
            @media (max-width:1023px) {
                .main_contact .contact_box{flex-direction: column;}
                .main_contact .title_box{width:100%;}
            }
            @media (max-width:860px) {
                .write-form .desc{width:100%;}
            }
            @media (max-width:479px) {
                .write-form .desc{width:100%;}
                #wrap .captcha_box{flex-direction:column;}
            }
            @media (max-width:360px) {
                .captcha-box{flex-wrap: wrap;padding-bottom: 0;}
            }

        /* === complete === */
		#wrap .complete_box {width:100%;box-sizing:border-box;border:1px solid var(--border-color01);text-align: center;padding:var(--row-gap60);border-radius:var(--radius-15);}
		#wrap .complete_box .chk_ico{width: var(--row-gap70); height: var(--row-gap70); margin: 0 auto; background-color: var(--gray-bg01);}
		#wrap .complete_box .chk_ico .text-green-600 {color: var(--point-color01);}
		#wrap .complete_box h4 {font-size:var(--text-28);color:var(--black-color03);font-weight:600;margin-top: var(--row-gap30);}
		#wrap .complete_box p {font-size:var(--text-20);color:var(--black-color05);margin-top: var(--row-gap20);}
		#wrap .complete_box .view_btn {margin-top: var(--row-gap50);}
		
		@media (max-width:1023px) {
			#wrap .complete_box .chk_ico {width: var(--row-gap95); height: var(--row-gap95);}
		}

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

	Footer

───────────────────────────────────────────────────────────*/
    #footer{padding:0 var(--row-gap60) var(--row-gap40);}
    #footer .footer_content{background:var(--gray-bg05);border-radius:var(--radius-30);padding-block:var(--row-gap60);}
    .footer_content > .w_custom{display: flex;flex-direction: column;gap:var(--row-gap40);}
    #footer .ft_top_info{display: flex;align-items: center;justify-content: space-between;gap:var(--row-gap20)}
    #footer .logo img{height:clamp(50px, 7vw, 70px);}
    #footer .ft_menu{display: flex;align-items: center;gap:0 var(--row-gap40);flex-wrap:wrap;}
        #footer .ft_menu li a{display: flex;align-items: center;gap:clamp(6px, 1vw, 12px);font-size:var(--text-18);color:var(--point-color04);font-weight:600;}
        #footer .ft_menu li .main_more_arw{width:clamp(20px, 2.8vw, 28px);}
        #footer .ft_menu li .main_more_arw img{width:clamp(5px, 0.6vw, 8px);}
    #footer .ft_info_box{border-top:1px solid var(--border-color01);padding-top:var(--row-gap40);}
    .addr-list{display: flex;flex-direction:column;gap:clamp(6px, 1.2vw, 14px);}
    .addr-list li{display: flex;flex-wrap:wrap;gap:clamp(6px, 1.2vw, 14px) var(--row-gap40);}
    .addr-list dl{display: flex;gap:var(--row-gap20);font-size:var(--text-18);color:var(--black-color06);font-weight:400;font-family: var(--font-type02);}
    .addr-list dt{font-weight:500;color:var(--black-color03);flex-shrink:0;}
    #footer .copy{margin-top:var(--row-gap40);font-size:var(--text-16);color:var(--black-color10);font-weight:300;line-height:1.6;}

    @media (max-width:1023px) {
        #footer{padding-inline:var(--row-gap30);}
    }
    @media (max-width:479px) {
        #footer .ft_top_info{flex-direction: column;align-items: flex-start;}
    }

    
    /* 퀵 */
        .quick-list{position: fixed;left: 50%;bottom: clamp(15px, 5vw, 50px);translate: -50%;max-width: 1880px;display: flex;flex-direction: column;align-items: flex-end;gap: clamp(5px, 2vw, 10px);z-index: 50; opacity: 0; pointer-events: none; transition: all 0.4s;}
            body:has(#header.on:not(.end)) .quick-list{opacity: 1;}
            body:has(#header.on:not(.end)) .quick-list > li{pointer-events: all;}
        .quick-list > li{position: relative;width: clamp(50px, 6vw, 60px);aspect-ratio: auto 1;background: var(--point-color01);box-shadow:var(--shadow-02);border-radius:100%;}
        .quick-list > li a{display: flex;align-items: center;justify-content: center;}

            @media (min-width:861px) {
                .quick-list{width: calc(100% - 80px);}
            }
        
/*───────────────────────────────────────────────────────────

	서브공통

───────────────────────────────────────────────────────────*/
    /*visual*/
    .sub_visual{position:relative;padding-block:var(--row-gap60) var(--row-gap30);color:var(--black-color02);text-align:left;}
    .sub_visual > .w_custom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(15px, 3vw, 30px);}
    .sub_visual .sv_title{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:var(--text-20);font-weight:600;color:var(--black-color02);text-align:left;}
    .sub_visual .sv_title h2{font-size:var(--text-58); color: var(--black-color00); font-weight: 700;}
    .sub_visual .sv_title span{color:var(--point-color01);}
    /*하단에 lnb(.sub-nav)가 없을 때는 서브 비주얼이 구분선을 담당*/
    .sub_visual:not(:has(~ .sub-nav)){box-shadow:inset 0 -1px 0 var(--border-color01);}

    /*현재 위치*/
    .sub_visual .sv_nav{flex-shrink:0;}
    .sub_visual .navDesc{display:flex;align-items:center;flex-wrap:wrap;}
    .sub_visual .navDesc li{display:flex;align-items:center;font-size:var(--text-16);font-weight:400;line-height:1.44;color:rgba(34, 34, 34, 0.7);}
    .sub_visual .navDesc li::after{display:inline-flex;content:"";width:3px;aspect-ratio:auto 1;border-radius:100%;background:rgba(34, 34, 34, 0.5);margin-inline:clamp(10px, 1.6vw, 16px);}
    .sub_visual .navDesc li:last-child{color:var(--black-color02);font-weight:500;}
    .sub_visual .navDesc li:last-child::after{display:none;}
    .sub_visual .navDesc .home a{display:block;width:clamp(16px, 2.6vw, 21px);}
    .sub_visual .navDesc .home a img{width:100%;}

    body:has(.sub_visual) #header{/* box-shadow:inset 0 -1px 0 var(--border-color01); */background:var(--point-white);position:sticky;}
    body:has(.sub_visual) #header :is(.logo, .gnb > li > a, .allCate){filter:none;}

    .sub-nav{position:relative;width:100%;box-shadow:inset 0 -1px 0 var(--border-color01);}
    .sub-nav .lnb{display:flex;align-items:stretch;overflow-x:auto;gap:var(--row-gap60);}
    .sub-nav .lnb a{display:flex;align-items:center;justify-content:center;padding:clamp(16px, 1.5vw, 28px) 0;font-size:var(--text-19);font-weight:500;line-height:1.3;color:var(--black-color03);text-align:center;transition:color 0.3s, box-shadow 0.3s;}
    .sub-nav .lnb a.on{color:var(--point-color01);font-weight:600;box-shadow:inset 0 -2px 0 var(--point-color01);}
        @media (hover:hover) and (pointer:fine) {
            .sub-nav .lnb a:not(.on):hover{color:var(--point-color01);}
        }

    @media (max-width:860px) {
        .sub_visual > .w_custom{align-items:flex-start;flex-direction:column;}
        .sub-nav .lnb a{flex:0 0 auto;white-space:nowrap;}
    }

    /*서브 본문 공통 컴포넌트*/
    .sec_title{display:flex;flex-direction:column;gap:var(--row-gap20);margin-bottom:var(--row-gap50);}
    .sec_title .eng{display:inline-flex;align-items:center;gap:clamp(8px, 1vw, 12px);font-family:var(--font-type01);font-size:var(--text-16);color:var(--point-color02);font-weight:600;letter-spacing:normal;}
    .sec_title .eng::before{content:"";display:inline-block;width:clamp(18px, 2.4vw, 24px);height:2px;background:var(--point-color02);flex-shrink:0;}
    .sec_title h3{font-size:var(--text-44);color:var(--black-color00);font-weight:700;line-height:1.25;letter-spacing:-0.04em;}
    .sec_title h3 strong{color:var(--point-color01);font-weight:700;}
    .sec_title p{font-size:var(--text-19);color:var(--black-color05);font-weight:400;line-height:1.75;margin-top:6px;}

    .dash-list{display:flex;flex-direction:column;gap:var(--row-gap10);}
    .dash-list > li{display:flex;align-items:baseline;gap:var(--row-gap10);font-size:var(--text-17);color:var(--black-color05);font-weight:400;line-height:1.6;}
    .dash-list > li::before{content:"-";display:inline-block;flex-shrink:0;color:var(--black-color08);}
    .dash-list .note{color:var(--black-color08);font-size:95%;}

    .file_down{display:inline-flex;align-items:center;gap:var(--row-gap20);padding:clamp(14px, 1.6vw, 20px) clamp(20px, 2.4vw, 30px);border:1px solid var(--point-color01);border-radius:var(--radius-10);font-size:var(--text-18);font-weight:600;color:var(--point-color01);line-height:1.4;transition:background 0.3s, color 0.3s;}
    .file_down .ext{font-size:90%;font-weight:400;transition:inherit;}
    .file_down .ico{display:inline-flex;width:clamp(16px, 1.8vw, 18px);flex-shrink:0;}
    .file_down .ico img{width:100%;transition:filter 0.3s;}
        @media (hover:hover) and (pointer:fine) {
            .esg_file .file_down:hover{background:var(--point-color01);color:var(--point-white);}
            .file_down:hover .ext{color:rgba(255, 255, 255, 0.8);}
            .file_down:hover .ico img{filter:var(--filter-white);}
        }

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

	윤리 및 ESG 경영(esg)

───────────────────────────────────────────────────────────*/
    .sub_esg{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--row-gap120);}

    /*윤리 경영 방침 : 넘버 워터마크 카드*/
    .esg_policy{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--row-gap20);align-items:stretch;}
    .esg_policy > li{position:relative;display:flex;flex-direction:column;gap:var(--row-gap20);padding:var(--row-gap40) var(--row-gap40) var(--row-gap100);border: 2px solid var(--trans-color);border-radius:var(--radius-20);background:var(--point-white);box-shadow:var(--shadow-01);overflow:hidden;transition:all 0.35s ease;}
   
    .esg_policy > li .num{position:absolute;bottom:var(--row-gap40);right:var(--row-gap35);font-family:var(--font-type01);font-size:var(--text-56);font-weight:700;line-height:1;color:var(--point-color02);opacity:0.1;letter-spacing:normal;pointer-events:none;z-index:0;transition:all 0.35s ease;}
    .esg_policy > li h4{position:relative;z-index:1;font-size:var(--text-28);color:var(--black-color01);font-weight:700;line-height:1.4;letter-spacing:-0.04em;}
    .esg_policy > li .lead{position:relative;z-index:1;font-size:var(--text-18);color:var(--black-color03);font-weight:400;line-height:1.6;padding-bottom:var(--row-gap20);box-shadow:inset 0 -1px 0 var(--border-color03); letter-spacing: -0.05em;}
    .esg_policy .bullet-list{position:relative;z-index:1;}
    .esg_policy .bullet-list li{font-size:var(--text-17);color:var(--black-color06);}
    .esg_policy .bullet-list li:before{translate:0 clamp(7px, 0.9vw, 10px);}

        @media (hover:hover) and (pointer:fine) {
            .esg_policy > li:hover {border: 2px solid var(--point-color01);}
			.esg_policy > li:hover .num {opacity: 1;}
        }

    /*윤리 규범 : 넘버 배지 2열 카드*/
    .esg_rule{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--row-gap30);counter-reset:esgRule;}
    .esg_rule > li{display:flex;flex-direction:column;gap:var(--row-gap20);padding:var(--row-gap50) var(--row-gap40);border-radius:var(--radius-30);background:var(--gray-bg04);transition:background 0.35s ease, box-shadow 0.35s ease;}
    .esg_rule > li h4{display:flex;align-items:center;gap:var(--row-gap20);font-size:var(--text-26);color:var(--black-color01);font-weight:700;line-height:1.4;letter-spacing:-0.04em;counter-increment:esgRule;}
    .esg_rule > li h4::before{content:counter(esgRule, decimal-leading-zero);display:inline-flex;align-items:center;justify-content:center;width:clamp(36px, 4.4vw, 48px);aspect-ratio:auto 1;border-radius:100%;background:var(--point-grad01);color:var(--point-white);font-size:var(--text-17);font-weight:600;letter-spacing:0;flex-shrink:0;line-height: 1;}
    .esg_rule > li .lead{font-size:var(--text-18);color:var(--black-color03);font-weight:400;line-height:1.6;padding-bottom:var(--row-gap20);box-shadow:inset 0 -1px 0 var(--border-color01);}
	.esg_rule .bullet-list{position:relative;z-index:1;}
    .esg_rule .bullet-list li{font-size:var(--text-17);color:var(--black-color06);}
    .esg_rule .bullet-list li:before{translate:0 clamp(7px, 0.9vw, 10px);}
	
    /*지속 가능 경영 목표 : 네이비 피처 블록*/
    .esg_goal .goal_box{display:flex;align-items:center;gap:var(--row-gap60);padding:var(--row-gap80) clamp(24px, 5vw, 70px);border-radius:var(--radius-20);background:var(--point-color04);overflow:hidden;}
    .esg_goal .txt{flex:1 1 auto;min-width:0;}
    .esg_goal .sec_title{margin-bottom:var(--row-gap40);}
    .esg_goal .sec_title .eng{color:var(--point-white);opacity:0.6;}
    .esg_goal .sec_title .eng::before{background:var(--point-white);opacity:0.6;}
    .esg_goal .sec_title h3{color:var(--point-white);}
    .esg_goal .sec_title h3 strong{color:var(--point-white);font-weight:400;}
    .esg_goal .sec_title p{margin-top: var(--row-gap15);color:rgba(255, 255, 255, 0.75);}
    .esg_goal .goal_point{display:flex;flex-wrap:wrap;gap:clamp(8px, 1.2vw, 12px);}
    .esg_goal .goal_point li{display:inline-flex;align-items:center;padding:clamp(9px, 1.2vw, 13px) clamp(14px, 1.8vw, 22px);border:1px solid rgba(255, 255, 255, 0.16);border-radius:100px;background:rgba(255, 255, 255, 0.10);font-size:var(--text-17);color:var(--point-white);font-weight:500;line-height:1.4;}

    .esg_certificate{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--row-gap20);width:clamp(240px, 30vw, 340px);}
    .esg_certificate .thumb{width:100%;border-radius:var(--radius-15);overflow:hidden;background:var(--point-white);box-shadow:var(--shadow-01);}
    .esg_certificate .thumb img{width:100%;display:block;}
    .esg_certificate figcaption{display: none; font-size:var(--text-16);color:rgba(255, 255, 255, 0.6);font-weight:400;text-align:center;}

    /*공정 거래 자율 전문 : 다운로드 행*/
	.esg_fair_sec {display: flex; align-items: center; justify-content: space-between; gap: var(--row-gap80);}
    .esg_thumb {width: 100%; height: 100%; border-radius: var(--radius-20); overflow: hidden;}
	.esg_thumb img {width: 100%; height: 100%; object-fit: cover;}
	.esg_right {width: 100%; box-sizing: border-box; padding: var(--row-gap20) 0;}
	.esg_right .sec_title {margin-bottom: var(--row-gap30);}
	.esg_file{display:flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap60);/* padding:var(--row-gap40);border-radius:var(--radius-20);background:var(--gray-bg04); */}
    .esg_file .info{display:flex;flex-direction:column;gap:clamp(6px, 1vw, 10px);min-width:0;}
    .esg_file .info .title{font-size:var(--text-22);color:var(--black-color03);font-weight:600;line-height:1.6;letter-spacing:-0.04em;}
    .esg_file .info p{font-size:var(--text-19);color:var(--black-color05);font-weight:400;line-height:1.6;}
    .esg_file .file_down{flex-shrink:0;background:var(--point-white);}

    @media (max-width:1200px) {
		.esg_policy{grid-template-columns:repeat(2, minmax(0, 1fr));}
        .esg_goal .goal_box{flex-direction:column;align-items:flex-start;}
        .esg_certificate{width:clamp(240px, 46vw, 360px);align-self:center;}
		.esg_fair_sec {gap: var(--row-gap60)}
    }
    @media (max-width:1024px) {
        .esg_rule{grid-template-columns:minmax(0, 1fr);}
		.esg_fair_sec {flex-direction: column-reverse;}
		.esg_right {padding: 0;}
    }
    @media (max-width:768px) {
        .esg_policy{grid-template-columns:minmax(0, 1fr);}
    }

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

	고객사(customer)

───────────────────────────────────────────────────────────*/
    .customer_board > .w_custom{position:relative;z-index:1;}
    .customer_list{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--row-gap30);}
    .customer_list > li{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-15);background:var(--point-white);box-shadow:var(--shadow-01);}
    .customer_list > li > a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
    .customer_list > li img{width:auto;max-width:100%;max-height:100%;object-fit:contain;}
    .customer_list > li p{display:none;}

    @media (max-width:1024px) {
        .customer_list{grid-template-columns:repeat(3, minmax(0, 1fr));}
    }
    @media (max-width:768px) {
        .customer_list{grid-template-columns:repeat(2, minmax(0, 1fr));}
    }

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

	오시는 길(location) — 1:1문의(inquiry) 하단

───────────────────────────────────────────────────────────*/
    .location_sec{margin-bottom:var(--row-gap120);}
    .location_box{display:flex;align-items:stretch;gap:var(--row-gap40);}

    /*정보 카드 : 메인 contact 의 네이비 박스와 동일 톤*/
    /*Fax/Hours 가 비어 카드가 짧아져도 지도 높이에 맞춰 늘어나므로 세로 중앙 정렬*/
    .location_info{position:relative;display:flex;flex-direction:column;justify-content:center;width:38.6%;flex-shrink:0;padding:var(--row-gap50);border-radius:var(--radius-30);background:var(--point-color04);overflow:hidden;}
    .location_info .location_name{font-size:var(--text-28);color:var(--point-white);font-weight:700;line-height:1.4;letter-spacing:-0.04em;}
    .location_contact{display:flex;flex-direction:column;gap:var(--row-gap15);margin-top:var(--row-gap30);}
    .location_contact li{display:flex;align-items:center;gap:clamp(8px, 1.4vw, 16px);padding:clamp(10px, 1.5vw, 15px);border:1px solid rgba(255, 255, 255, 0.16);border-radius:var(--radius-10);background:rgba(255, 255, 255, 0.10);}
    .location_contact .ico{display:flex;align-items:center;justify-content:center;width:clamp(30px, 4vw, 44px);aspect-ratio:auto 1;border-radius:var(--radius-06);background:rgba(255, 255, 255, 0.12);color:var(--point-white);flex-shrink:0;}
    .location_contact .ico svg{width:56%;height:auto;display:block;}
    .location_contact .txt{display:flex;flex-direction:column;gap:clamp(2px, 0.4vw, 5px);min-width:0;}
    .location_contact .label{font-family:var(--font-type01);font-size:var(--text-14);font-weight:600;letter-spacing:0.14em;line-height:1;color:rgba(255, 255, 255, 0.55);text-transform:uppercase;}
    .location_contact .value{font-size:var(--text-18);color:var(--point-white);font-weight:500;line-height:1.5;}

    /*지도*/
    .location_map{position:relative;flex:1 1 auto;min-width:0;min-height:clamp(300px, 38vw, 460px);border-radius:var(--radius-30);overflow:hidden;background:var(--gray-bg04);box-shadow:var(--shadow-01);}
    .location_map iframe{position:absolute;inset:0;width:100%;height:100%;display:block;}

        @media (hover:hover) and (pointer:fine) {
            .location_contact a.value:hover{text-decoration:underline;}
        }

    @media (max-width:1023px) {
        .location_box{flex-direction:column;}
        .location_info{width:100%;}
        .location_map{min-height:clamp(260px, 52vw, 420px);}
    }
    @media (max-width:479px) {
        .location_contact li{align-items:flex-start;}
    }

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

	board

───────────────────────────────────────────────────────────*/
    /* === paging === */
		#wrap .paging {display: flex; justify-content: center; align-items: center; width: max-content; text-align:center;width:100%;}
		#wrap .paging span {display:inline-block;vertical-align:top;}
		#wrap .paging a {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-17);font-weight: 500;color:var(--black-color08);padding:0;border:0;box-sizing:border-box;width:clamp(30px, 4vw, 40px);height:clamp(30px, 4vw, 40px);line-height:1;min-width:auto;text-align:center;vertical-align:top;margin:0 5px;}
		#wrap .paging :is(.on a, a.on){background:var(--black-color01);color:var(--point-white);font-weight:600;}
		#wrap .paging .arrow a {font-size:0;width:clamp(20px, 3vw, 30px); background:no-repeat center; }
		#wrap .paging .arrow.first a {background-image:url("/images/paging_first.svg");}
		#wrap .paging .arrow.prev a {background-image:url("/images/paging_prev.svg"); margin-right: 10px;}
		#wrap .paging .arrow.next a {background-image:url("/images/paging_prev.svg"); margin-left: 10px;scale:-1 -1;}
		#wrap .paging .arrow.last a {background-image:url("/images/paging_first.svg");scale:-1 -1;}

		@media (max-width:860px) {
			#wrap .paging {position: relative; left: inherit; top: inherit; translate: 0; width: 100%;}
			#wrap .paging + .btn_wrap {margin-top: var(--row-gap40);}
		}

    .sub_board .page_head{margin-bottom:var(--row-gap30);}
    .sub_board .page_head h3{font-size:var(--text-32);color:var(--black-color00);font-weight:700;line-height:1.3;letter-spacing:-0.04em;}

	/*건수 표시 바*/
    .list_top .pf-view-bar{display:flex;align-items:center;justify-content:flex-start;gap:var(--row-gap20);}
    .list_top .pf-view-count{font-size:var(--text-17);color:var(--black-color06);font-weight:400;}
    .list_top .pf-view-count strong{color:var(--point-color01);font-weight:600;}
	
    /*검색폼 — 게시판 목록/FAQ/제품 목록 공용. .sub_board 스코프를 걷어내 .pf-page 에서도 그대로 쓴다*/
	.search_wrap .inp_box{min-height:48px;display: flex;flex-wrap:wrap;align-items: center;justify-content: center;box-sizing:border-box;border-radius:var(--radius-10);background:var(--point-white);border:2px solid var(--point-color01);margin:0 auto;overflow:hidden;padding:var(--row-gap10);}
	.search_wrap .inp_box input[type="text"]{width:calc(100% - var(--row-gap40));box-sizing:border-box;border:none;background:none;height:100%;line-height:initial;padding:0 var(--row-gap10);}
		.search_wrap .inp_box input[type="text"]:focus-visible{outline: none;}
	.search_wrap .btn_search{display: inline-flex; aspect-ratio: auto 1; width:var(--row-gap40);box-sizing:border-box;border-radius:var(--radius-06);font-size:0;background:var(--point-color01) url('/images/icon_search.svg')no-repeat center;}
	
	
    /*카드 내부 추가 요소*/
    .sub_board .board-sec .board_list .info{flex:1 1 auto;min-width:0;}
    .sub_board .board-sec .board_list .title_row{display:flex;align-items:center;gap:clamp(6px, 0.8vw, 10px);width:100%;min-width:0;}
    .sub_board .board-sec .board_list .title{min-width:0;}
    .sub_board .board-sec .board_list .tag{display:inline-block;flex-shrink:0;padding:clamp(3px, 0.5vw, 5px) clamp(8px, 1vw, 12px);border-radius:100px;background:var(--gray-bg05);font-size:var(--text-14);font-weight:600;color:var(--black-color06);line-height:1.2;letter-spacing:0;}
    .sub_board .board-sec .board_list .tag.is-notice{background:var(--point-grad01);color:var(--point-white);}
    .sub_board .board-sec .board_list .ico_lock{display:inline-block;flex-shrink:0;width:clamp(14px, 1.6vw, 16px);color:var(--black-color08);}
    .sub_board .board-sec .board_list .ico_lock svg{width:100%;height:auto;display:block;}
    .sub_board .board-sec .board_list .meta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(6px, 1vw, 10px) var(--row-gap15);font-size:var(--text-15);color:var(--black-color08);font-weight:400;line-height:1.4;}
    .sub_board .board-sec .board_list .meta .status{display:inline-flex;align-items:center;padding:clamp(3px, 0.5vw, 5px) clamp(8px, 1vw, 12px);border-radius:100px;font-size:var(--text-14);font-weight:600;line-height:1.2;}
    .sub_board .board-sec .board_list .meta .status.is-done{background:rgba(25, 90, 174, 0.10);color:var(--point-color01);}
    .sub_board .board-sec .board_list .meta .status.is-wait{background:var(--gray-bg05);color:var(--black-color07);}

   /*  .sub_board .board-sec .board_list .item.is-notice a{background:var(--point-white);box-shadow:inset 0 0 0 1px var(--point-color01);} */
    .sub_board .board_nodata{padding:var(--row-gap80) var(--row-gap30);border-radius:var(--radius-15);background:var(--gray-bg04);text-align:center;font-size:var(--text-18);color:var(--black-color07);font-weight:400;}

    /*FAQ 아코디언 — .board_list 카드와 같은 톤(gray-bg04 → 열림/hover 시 white+shadow)*/
    .sub_faq .faq_list{display:flex;flex-direction:column;gap:var(--row-gap20);}
    .sub_faq .faq_list > .item{border-radius:var(--radius-15);background:var(--gray-bg04);overflow:hidden;transition:background 0.3s, box-shadow 0.3s;}
    .sub_faq .faq_list > .item.is-open{background:var(--point-white);box-shadow:var(--shadow-01);}
    .sub_faq .faq_list .faq_q{display:flex;width:100%;align-items:center;gap:var(--row-gap30);padding:var(--row-gap40);text-align:left;background:none;border:0;}
    .sub_faq .faq_list .marker{display:flex;align-items:center;justify-content:center;width:clamp(32px, 4.4vw, 44px);aspect-ratio:auto 1;border-radius:100%;flex-shrink:0;font-family:var(--font-type01);font-size:var(--text-18);font-weight:700;line-height:1;letter-spacing:0;color:var(--point-white);}
    .sub_faq .faq_list .marker.is-q{background:var(--point-grad01);}
    .sub_faq .faq_list .marker.is-a{background:var(--black-color10);}
    .sub_faq .faq_list .title_row{display:flex;align-items:center;gap:clamp(6px, 0.8vw, 10px);flex:1 1 auto;min-width:0;}
    .sub_faq .faq_list .title{font-size:var(--text-22);color:var(--black-color03);font-weight:600;line-height:1.5;}
    .sub_faq .faq_list .tag{display:inline-block;flex-shrink:0;padding:clamp(3px, 0.5vw, 5px) clamp(8px, 1vw, 12px);border-radius:100px;background:var(--gray-bg05);font-size:var(--text-14);font-weight:600;color:var(--black-color06);line-height:1.2;letter-spacing:0;}
    .sub_faq .faq_list > .item.is-open .tag{background:var(--gray-bg01);}
    /*아래로 향하는 화살표 — 펼치면 180° 뒤집힌다. .main_more_arw 를 재사용하지 않는 이유는 뷰 상단 주석 참고 (860px 이하에서 숨겨짐)*/
    .sub_faq .faq_list .faq_arw{display:flex;align-items:center;justify-content:center;width:clamp(20px, 2.4vw, 24px);aspect-ratio:auto 1;flex-shrink:0;color:var(--black-color08);transition:rotate 0.35s, color 0.3s;}
    .sub_faq .faq_list .faq_arw svg{width:100%;height:auto;display:block;}
    .sub_faq .faq_list > .item.is-open .faq_arw{rotate:180deg;color:var(--point-color01);}
    .sub_faq .faq_list .faq_a{display:none;padding:0 var(--row-gap40) var(--row-gap40);}
    .sub_faq .faq_list .faq_a .inner{display:flex;align-items:flex-start;gap:var(--row-gap30);padding-top:var(--row-gap30);box-shadow:inset 0 1px 0 var(--border-color01);}
    .sub_faq .faq_list .faq_a .cont{flex:1 1 auto;min-width:0;font-size:var(--text-17);color:var(--black-color05);font-weight:400;line-height:1.7;}
    .sub_faq .faq_list .faq_a .cont > *:first-child{margin-top:0;}
    .sub_faq .faq_list .faq_a .cont > *:last-child{margin-bottom:0;}

        @media (hover:hover) and (pointer:fine) {
            .sub_faq .faq_list > .item:not(.is-open):hover{background:var(--point-white);box-shadow:var(--shadow-01);}
            .sub_faq .faq_list > .item:not(.is-open):hover .faq_arw{color:var(--point-color01);}
        }

	@media (max-width:860px) {
		.search_wrap .btn_search {width: var(--row-gap50);}
		.search_wrap .inp_box input[type="text"] {width:calc(100% - var(--row-gap50));}
	}
    @media (max-width:640px) {
        .sub_faq .faq_list .faq_q{gap:var(--row-gap20);padding:var(--row-gap30) var(--row-gap25);}
        .sub_faq .faq_list .faq_a{padding:0 var(--row-gap25) var(--row-gap30);}
        .sub_faq .faq_list .faq_a .inner{gap:var(--row-gap20);}
    }
    .sub_board .board_util{margin-top:var(--row-gap40);}
    .sub_board .board_util > nav{margin-top:0;}
    .sub_board .board_util .btn_wrap{display:flex;justify-content:flex-end;margin-top:var(--row-gap30);}

    @media (max-width:640px) {
        .sub_board .board_util .btn_wrap{justify-content:center;}
        .sub_board .board_util .btn_wrap .main_more{width:100%;}
    }

    /* === view === */
		#wrap .bbs_view .view_tit{display: flex;flex-direction: column;gap:var(--row-gap30);box-sizing:border-box;padding-bottom:var(--row-gap40);align-items: flex-start;}
		#wrap .bbs_view .view_tit h4{display: flex;align-items:center;gap:var(--row-gap20);}
		#wrap .bbs_view .view_tit h4 .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--text-16);color:var(--point-white);font-weight:600;background:var(--point-color01);padding:clamp(6px, 1vw, 10px) clamp(10px, 2vw, 20px) clamp(5px, 0.5vw, 9px);border-radius:6px;line-height:1;}
		#wrap .bbs_view .view_tit h4 strong{color:var(--black-color03);font-weight:600;line-height:1.4;font-size:var(--text-34);}
		#wrap .bbs_view .view_tit .name_box{display: flex;align-items: center;gap:var(--row-gap40);}
		#wrap .bbs_view .view_tit .name_box dl{display: flex;align-items: center;gap:clamp(10px, 1.2vw, 16px);position: relative;}
		#wrap .bbs_view .view_tit .name_box dl + dl:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:-20px;top:50%;translate:0 -50%;}
		#wrap .bbs_view .view_tit .name_box :where(dt, dd) {font-size:var(--text-18);font-weight:500;font-family:var(--font-type03);}
		#wrap .bbs_view .view_tit .name_box dt{color:var(--black-color06);}
		#wrap .bbs_view .view_tit .name_box dd{color:var(--black-color08);}
		#wrap .bbs_view div.view_cont{border: 1px solid var(--border-color03);padding:var(--row-gap40) var(--row-gap50);border-radius: var(--radius-15);text-align: left;}
		#wrap .bbs_view .extra_editor_wrap{display: flex;box-sizing:border-box;border-radius:var(--radius-10);background:var(--gray-bg01);align-items: center;padding:clamp(12px, 2.2vw, 27px) 0;border:none;margin-top:40px;}
		#wrap .bbs_view .extra_editor_wrap h5 {text-align: center;font-size:var(--text-18);color:var(--black-color03);font-weight:500;width:clamp(100px, 15vw, 180px);flex-shrink:0;background:none;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;padding-inline:var(--row-gap60) clamp(12px, 3vw, 30px);position: relative;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:clamp(8px, 1vw, 12px);content:"";background:var(--border-color01);display: inline-block;position: absolute;left:0;top:50%;translate:0 -50%;}
		#wrap .bbs_view .extra_editor_wrap > div.extra_cont a{font-size:var(--text-18);color:var(--black-color06) !important;font-weight:400;}
        #wrap .view_btn {position: relative; margin-top: var(--row-gap80);text-align: center;}
/*───────────────────────────────────────────────────────────

	제품 목록(product/list)
	PC 4열 그리드, 카드에는 썸네일 + 상품명만.

───────────────────────────────────────────────────────────*/
	.list_top {display: flex; flex-direction: row-reverse; justify-content: space-between; margin-bottom:var(--row-gap30);}
	
    .pf-page .pf-list-grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:var(--row-gap30);}
    .pf-page .pf-card{display:flex;flex-direction:column;height:100%;border-radius:var(--radius-15);background:var(--point-white);box-shadow:var(--shadow-01);overflow:hidden;transition:box-shadow 0.35s ease, translate 0.35s ease;}
    .pf-page .pf-card-thumb{position:relative;width:100%;aspect-ratio:auto 1.3;flex-shrink:0;display: flex;align-items: center;justify-content: center;box-sizing: border-box; padding: var(--row-gap50);}
    .pf-page .pf-card-img--empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--black-color10);}
    .pf-page .pf-card-img--empty svg{width:clamp(36px, 5vw, 56px);height:auto;}
    .pf-page .pf-card-body{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:var(--row-gap25) var(--row-gap20);}
    .pf-page .pf-card-title{font-size:var(--text-22);color:var(--black-color03);font-weight:600;line-height:1.5;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

    .pf-page .pf-list-empty{padding:var(--row-gap80) var(--row-gap30);border-radius:var(--radius-15);background:var(--point-white); box-sizing: border-box; border: 1px solid var(--border-color03);text-align:center;font-size:var(--text-18);color:var(--black-color07);font-weight:400;}
    .pf-page .pf-list-pager{margin-top:var(--row-gap50);}

        @media (hover:hover) and (pointer:fine) {
            .pf-page .pf-card:hover{box-shadow:var(--shadow-02);}
            .pf-page .pf-card:hover .pf-card-title{color:var(--point-color01);}
        }

    /*건수 표시 바*/
    .pf-page .pf-view-bar{display:flex;align-items:center;justify-content:flex-start;gap:var(--row-gap20);}
    .pf-page .pf-view-count{font-size:var(--text-17);color:var(--black-color06);font-weight:400;}
    .pf-page .pf-view-count strong{color:var(--point-color01);font-weight:600;}

    @media (max-width:1024px) {
        .pf-page .pf-list-grid{grid-template-columns:repeat(3, minmax(0, 1fr));}
    }
    @media (max-width:768px) {
        .pf-page .pf-list-grid{grid-template-columns:repeat(2, minmax(0, 1fr));}
    }

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

	제품 상세(product/view)
	상단 갤러리 + 정보 2단, 하단은 본문 / 첨부파일 / FAQ 섹션.
	FAQ 는 .sub_faq 를 함께 붙여 FAQ 게시판 아코디언 스타일을 상속받는다.

───────────────────────────────────────────────────────────*/
    /*경로*/
    .pf-view .pf-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(6px, 1vw, 10px);margin-bottom:var(--row-gap30);font-size:var(--text-16);color:var(--black-color07);font-weight:400;}
    .pf-view .pf-breadcrumb-sep{display:inline-block;width:3px;aspect-ratio:auto 1;border-radius:100%;background:var(--border-color02);flex-shrink:0;}
    .pf-view .pf-breadcrumb-current{color:var(--black-color02);font-weight:500;}

    /*상단 2단 — 이미지+정보를 한 묶음으로 컨테이너 가운데에 놓는다.
      max-width 로 묶음 폭을 제한하고 margin-inline:auto 로 가로 중앙,
      align-items:center 로 정보 블록을 이미지 높이에 맞춰 세로 중앙 정렬.*/
    .pf-view .pf-top{display:flex;flex-direction: column;align-items:center;justify-content:center;gap:var(--row-gap30);width:100%;margin-inline:auto;}
    .pf-view .pf-gallery{flex-shrink:0;}
    .pf-view .pf-info{display: none;}
    

    /*갤러리 — 슬라이드형*/
    .pf-view .pf-gallery-slide{position:relative;}
    .pf-view .pf-slide-viewport{position:relative;width:100%;aspect-ratio:auto 1;border-radius:var(--radius-20);overflow:hidden;background:var(--gray-bg04);}
    .pf-view .pf-slide-track{position:absolute;inset:0;display:flex;height:100%;transition:transform 0.5s ease-in-out;}
    .pf-view .pf-slide-item{flex-shrink:0;height:100%;}
    .pf-view .pf-slide-arw{position:absolute;top:50%;translate:0 -50%;display:flex;align-items:center;justify-content:center;width:clamp(34px, 4.4vw, 44px);aspect-ratio:auto 1;border-radius:100%;background:rgba(255, 255, 255, 0.9);box-shadow:var(--shadow-01);color:var(--black-color03);z-index:2;transition:background 0.3s, color 0.3s;}
    .pf-view .pf-slide-arw svg{width:50%;height:auto;}
    .pf-view .pf-slide-prev{left:clamp(8px, 1.4vw, 14px);}
    .pf-view .pf-slide-next{right:clamp(8px, 1.4vw, 14px);}

    /*정보*/
    .pf-view .pf-group-badge{display:inline-block;padding:clamp(4px, 0.6vw, 6px) clamp(10px, 1.4vw, 14px);border-radius:100px;background:var(--gray-bg05);font-size:var(--text-15);font-weight:600;color:var(--black-color06);line-height:1.2;letter-spacing:0;}
    .pf-view .pf-title{margin-top:var(--row-gap20);font-size:var(--text-40);color:var(--black-color00);font-weight:700;line-height:1.3;letter-spacing:-0.04em;}
    .pf-view .pf-description{margin-top:var(--row-gap20);font-size:var(--text-18);color:var(--black-color05);font-weight:400;line-height:1.7;white-space:pre-line;}

    .detail_image{display: flex;flex-direction: column;align-items: center;gap:var(--row-gap40);margin-top: var(--row-gap60);}

    /*추가 필드*/
    .pf-view .pf-fields{width:100%;display:flex;flex-direction:column;gap:var(--row-gap15);margin-top:var(--row-gap30);padding-top:var(--row-gap30);box-shadow:inset 0 1px 0 var(--border-color01);}
    .pf-view .pf-field{display:flex;align-items:flex-start;gap:var(--row-gap20);font-size:var(--text-17);line-height:1.6;}
    .pf-view .pf-label{width:clamp(80px, 11vw, 120px);flex-shrink:0;color:var(--black-color07);font-weight:500;}
    .pf-view .pf-value{flex:1 1 auto;min-width:0;color:var(--black-color03);font-weight:400;}
    .pf-view .pf-options{display:flex;flex-wrap:wrap;gap:clamp(5px, 0.8vw, 8px);}
    .pf-view .pf-option{display:inline-block;padding:clamp(2px, 0.4vw, 4px) clamp(8px, 1vw, 12px);border-radius:100px;background:var(--gray-bg04);font-size:var(--text-15);color:var(--black-color05);}
    .pf-view .pf-file{color:var(--point-color01);text-decoration:underline;}
    .pf-view .pf-empty{color:var(--black-color10);}

    /*버튼*/
    .pf-view .pf-buttons{width:100%;display:flex;flex-wrap:wrap;gap:var(--row-gap15);margin-top:var(--row-gap30);padding-top:var(--row-gap30);box-shadow:inset 0 1px 0 var(--border-color01);}
    .pf-view .pf-btn{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(150px, 20vw, 200px);height:clamp(48px, 5.6vw, 56px);padding-inline:clamp(20px, 2.6vw, 30px);border-radius:var(--radius-10);font-size:var(--text-18);font-weight:600;line-height:1.2;text-align:center;transition:background 0.3s, color 0.3s, border-color 0.3s;}
    .pf-view .pf-btn--primary{background:var(--point-color04);color:var(--point-white);box-shadow:var(--shadow-01);}
    .pf-view .pf-btn--common{background:var(--point-white);color:var(--black-color03);border:1px solid var(--border-color01);}

    /*하단 섹션 공통*/
    .pf-view .pf-sec{margin-top:var(--row-gap80);}
    .pf-view .pf-sec-title{margin-bottom:var(--row-gap25);font-size:var(--text-28);color:var(--black-color00);font-weight:700;line-height:1.3;letter-spacing:-0.04em;}
    .pf-view .pf-content-sec{/* padding-top:var(--row-gap20);box-shadow:inset 0 1px 0 var(--border-color01); */}
    .pf-view .pf-content{font-size:var(--text-17);color:var(--black-color04);line-height:1.8;}
    .pf-view .pf-content img{max-width:100%;height:auto;}

    /*첨부파일*/
    .pf-view .pf-attachments-list{display:flex;flex-wrap:wrap;gap:var(--row-gap15);}
    .pf-view .pf-attachments-list .file_down{background:var(--point-white);}

    .prd_content .content{display: flex;font-family:var(--font-type01);flex-direction: column;gap:var(--row-gap60);align-items: flex-start;}
    .prd_content .prd_info{margin:0;display: flex;flex-direction: column;align-items: flex-start;gap:var(--row-gap20);}
    .prd_content .prd_info dt{font-size:var(--text-24);color:var(--black-color00);font-weight:600;}

        @media (hover:hover) and (pointer:fine) {
            .pf-view .pf-thumb:hover{border-color:var(--border-color02);}
            .pf-view .pf-slide-arw:hover{background:var(--point-color04);color:var(--point-white);}
            .pf-view .pf-btn--primary:hover{background:var(--point-color01);}
            .pf-view .pf-btn--common:hover{border-color:var(--point-color01);color:var(--point-color01);}
            .pf-view .pf-breadcrumb-item:hover{color:var(--point-color01);text-decoration:underline;}
            .pf-view .pf-attachments-list .file_down:hover{background:var(--point-color01);color:var(--point-white);}
        }

    @media (max-width:1023px) {
        .pf-view .pf-top{flex-direction:column;gap:var(--row-gap40);}
        .pf-view .pf-gallery{width:100%;}
        .pf-view .pf-info{width:100%;}
    }
    @media (max-width:640px) {
        .pf-view .pf-field{flex-direction:column;gap:clamp(4px, 0.6vw, 6px);}
        .pf-view .pf-label{width:auto;}
        .pf-view .pf-btn{width:100%;}
    }