/*─────────────────────────────────────────────────────────
    COMMOM
─────────────────────────────────────────────────────────*/
    #wrap{position: relative; overflow: clip;}
    .w_custom{position: relative;width: calc(100% - 60px);max-width: 1300px;margin-inline: auto;}
    /* body::-webkit-scrollbar {display: none; } */
    main{padding-block: clamp(50px, 14vw, 140px) var(--row-gap140);}
    main:has(.full-sec){width: 100%; max-width:100%;}
    main:has(.pt-dn){padding-top:0;} 
    main:has(.pd-dn){padding-bottom:0;} 
    #wrap [class*="swiper-button"]:after{display: none;}
    .link{position: absolute; inset: 0; z-index: 5;}
    br.for_m{display: none;}
    body:has(.db-policy-overlay[style*="flex"]){overflow: clip;}
    @media (max-width:1300px) {
        br.for_pc{display: none;}
    }
    @media (max-width:1023px) {
        br.for_pct{display: none;}
    }
    @media (max-width:860px) {
        .w_custom{width: calc(100% - 30px);}
    }
    @media (max-width:479px) {
        br.for_pcm{display: none;}
        br.for_m{display: block;}
    }
    @media (max-width:360px) {
        br.for_m{display: none;}
    }
    @media (max-width:320px) {
        .w_custom{width: calc(100% - 20px);}
    }

/*─────────────────────────────────────────────────────────
    FAQ
─────────────────────────────────────────────────────────*/
    .pf-faq-wrap { padding-bottom: 3rem; }
    .pf-faq { margin-top: 2.5rem; }
    .pf-faq-title { font-size: 1.125rem; font-weight: 700; color: #0f172a; margin-bottom: 1rem; }
    .pf-faq-title-sub { color: #94a3b8; font-size: .875rem; font-weight: 400; }
    .pf-faq-list { display: flex; flex-direction: column; gap: .5rem; }
    .pf-faq-item { border: 1px solid #e2e8f0; overflow: hidden; background: #fff; }
    .pf-faq-toggle { width: 100%; text-align: left; padding: 1rem 1.25rem; display: flex; align-items: center; justify-content: space-between; gap: .75rem; background: transparent; border: 0; cursor: pointer; transition: background-color .15s; }
    .pf-faq-toggle:hover { background: rgba(248, 250, 252, .6); }
    .pf-faq-q { display: flex; align-items: center; gap: .75rem; min-width: 0; }
    .pf-faq-badge { flex-shrink: 0; width: 1.75rem; height: 1.75rem; display: inline-flex; align-items: center; justify-content: center; font-size: .75rem; font-weight: 700; color: #fff; }
    .pf-faq-badge--q { background: #1b1b1b; }
    .pf-faq-badge--a { background: #707070; }
    .pf-faq-question { font-weight: 500; font-size: .875rem; color: #0f172a; }
    .pf-faq-arrow { width: 1.25rem; height: 1.25rem; color: #94a3b8; flex-shrink: 0; transition: transform .2s; }
    .pf-faq-item.is-open .pf-faq-arrow { transform: rotate(180deg); }
    .pf-faq-answer { display: none; }
    .pf-faq-a { display: flex; gap: .75rem; border-top: 1px solid #e2e8f0; padding: 1rem 1.25rem; background: rgba(248, 250, 252, .6); }
    .pf-faq-answer-text { flex: 1; font-size: .875rem; color: #0f172a; line-height: 1.625; white-space: pre-line; }
    .pf-faq-answer-text.db-user-content { white-space: normal; } 
    .pf-faq-prefix { font-size: .75rem; background: #e2e8f0; color: #334155; padding: .125rem .375rem; border-radius: .25rem; margin-right: .25rem; }

/*─────────────────────────────────────────────────────────
    header
─────────────────────────────────────────────────────────*/
    #header{position: fixed;top: 0;left: 0;width: 100%;height: clamp(70px, 11vw, 110px);transition: all 0.4s;z-index: 100;}
		#header.on{background: var(--point-white); box-shadow: inset 0 -1px var(--border-color01);}
    #header .w_custom{max-width: 1720px;height: 100%;display: flex;justify-content: space-between;}
    #header .logo{height: 100%;}
    #header .logo a{display: flex;align-items: center;height: 100%;padding-block: 15px;}
    #header .utility{position: relative;display: flex;align-items: center;gap: var(--row-gap40);flex-shrink: 0;height: 100%;}
    #header .gnb{display: flex;flex-wrap: wrap;gap: clamp(30px, 3.2vw, 60px);height: 100%;text-align: center;}
    #header .gnb > li{position: relative;font-size: var(--text-20);font-weight: 600;color: var(--point-color01);height: 100%;transition: all 0.4s;}
    #header .gnb > li > a{display: flex;align-items: center;height: 100%;}
    #header .gnb .dep02{position: absolute;top: 100%;left: 50%;min-width: 180px;max-width: 300px;width: max-content;background: var(--point-color01);translate: -50%;padding-block: 18px;opacity: 0;pointer-events: none;transition: inherit;}
    #header .gnb .dep02 > li{position: relative;font-size: 95%;transition: inherit;}
    #header .gnb .dep02 > li > a{display: block;padding: 10px 25px;filter: var(--filter-white);transition: inherit;}
    #header .all-cate{display: none;width: clamp(25px, 3.2vw, 30px);aspect-ratio: auto 1.4;flex-direction: column;justify-content: space-between;}
    #header .all-cate span{display: block;width: 100%;height: 3px;background: var(--point-color01);}

        @media (hover:hover) and (pointer: fine) {
            #header .gnb > li:hover .dep02{opacity: 1; pointer-events: all;}
            #header .gnb .dep02:has(li:hover) > li:not(:hover) > a{opacity: 0.4;}
        }

    @media (max-width:1024px) {
        #header .gnb{display: none;}
        #header .all-cate{display: flex;}
    }


/*───────────────────────────────────────────────────────────
	Aside 
───────────────────────────────────────────────────────────*/
    #aside{position: fixed;top: 0;left:0;width: 100%;height: 100%;z-index: 999;background: rgba(255,255,255,0.8);backdrop-filter:blur(10px);display: flex;flex-direction: column;overflow: hidden;overflow-y: auto;padding-block: 10vh;box-sizing: border-box;opacity: 0;transition: all 0.6s;clip-path: inset(0 0 100% 0);}
        #aside.on{opacity: 1;clip-path: inset(0);}
        body:has(#aside.on){overflow: clip; touch-action: none;}
    #aside .w_custom{flex-shrink: 0;max-width: 1800px;min-height: 100%;display: flex;align-items: center;}
    #aside .gnb{width: 100%;display: grid;align-items: start;justify-content: center;grid: auto / repeat(5, 1fr);gap: var(--col-gap40);}
    #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(20px, 1.6vw, 30px);z-index:2;}
    #aside .close-btn{position: relative;width: clamp(30px, 4vw, 40px);aspect-ratio: auto 1;z-index: 9;transition: all 0.4s;}
    #aside .close-btn{&::before, &::after{position: absolute;content:'';top:50%;left:50%;translate: -50% -50%;rotate: 45deg;width: 100%;height: 2px;background: var(--black-color01);transition: inherit;}}
    #aside .close-btn::after{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);}
                #aside .close-btn:hover{&::before, &::after{background: var(--point-color01);}}
            }

    @media (max-width:1400px){
        #aside .gnb{grid: auto / repeat(3, 1fr);}
    }
    @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{position: relative;min-height: clamp(600px, 80vw, 800px);padding-block: var(--row-gap150);display: flex;flex-direction: column;justify-content: center;}
        .visual .thumb{position: absolute;inset: 0; overflow: hidden;}
        .visual .thumb img{width: 100%;height: 100%;object-fit: cover;object-position: 75% center;}
        .visual .title{position: relative;text-align: center;display: grid;gap: var(--row-gap40);padding-top: clamp(30px, 7.7vw, 77px);}
        .visual .title h2{font-size: var(--text-80);font-weight: 800;line-height: 1.3;color: var(--point-color01);}
        .visual .title h3{font-size: var(--text-20);font-weight: 400;color: var(--point-color02);letter-spacing: 0.7em;}

            .visual .thumb img{animation: visual 2s linear alternate forwards infinite;}
            @keyframes visual {0% {transform: rotateX(0deg) rotateY(0deg) scale(1);}100% {transform: rotateX(10deg) rotateY(-5deg) scale(1.05);}}

    /* main-title */
        .btwn-box{display: flex;align-items: flex-end;justify-content:space-between;gap: 15px 30px;flex-wrap: wrap;}
            .btwn-box.cen{align-items: center;}
            .btwn-box.hd{margin-bottom: var(--row-gap60);}
        .main-title{position: relative;display: flex;flex-direction: column;gap: var(--row-gap20);}
            .main-title.cen{text-align: center; text-wrap: balance;}
            .main-title.hd{margin-bottom: var(--row-gap30);}
        .main-title h2{font-size: var(--text-18);font-weight: 500;color: var(--point-color02);}
        .main-title h2 em{color: var(--point-color02);}
        .main-title h3{font-size: var(--text-36);font-weight: 600;line-height: 1.5;color: var(--point-color03);}
        .main-title p{font-size: var(--text-15);font-weight: 300;line-height: 1.6;color: var(--black-color05);}

    /* btn-box */
        .btn-box{position: relative;display: flex;justify-content: center;flex-wrap: wrap;margin-top: var(--row-gap50);gap: clamp(10px, 2vw,15px);}
            .btn-box.left{justify-content: flex-start;}
            .btn-box.right{justify-content: flex-end;}
        .btn-box :where(button, a){position: relative;display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--text-16);font-weight: 400;color: var(--point-color02);min-width: clamp(120px, 15vw, 140px);min-height: clamp(45px, 5.5vw, 50px);padding: 10px 20px;border: 1px solid var(--point-color02);background: var(--point-white);transition: all 0.4s;}
            .btn-box :where(button, a)::before{position: absolute;content:'';background: currentColor;inset: 0;clip-path: circle(0 at 0 100%);transition: inherit;}
		.btn-box :where(button, a) span{position:relative;transition: inherit;}
            .btn-box :where(button, a) span::after{position: absolute;top: 50%;left: calc(100% + 4px);translate: 0 -50%;content:'';inline-size: 10px;aspect-ratio: auto 1;border: 2px solid var(--point-color02);clip-path: var(--clip-poly02);rotate: -45deg;border-radius: 2px;opacity: 0;margin-left: -10px;transition: inherit;}

            .btn-box :where(button, a).pt01{background: var(--point-color02);color: var(--point-white);font-weight: 500;}
            .btn-box :where(button, a).pt01::before{background: var(--point-color03);}

			@media (hover:hover) and (pointer:fine) {
				.btn-box :where(button, a):hover::before{clip-path: circle(150% at 0 100%);}
				.btn-box :where(button, a):hover span{translate: -7px;color: var(--point-white);}
				.btn-box :where(button, a):hover span::after{opacity:1;margin-left: 0;border-color: var(--point-white);}
                .btn-box :where(button, a).pt01:hover{border-color: var(--point-color03);}
			}

    /* mission-meta */
        .mission-meta {position: relative;padding-block: clamp(70px, 13.2vw ,132px) var(--row-gap110); clip-path: inset(0 0 -200%);}
            .mission-meta::before{position: absolute;content:'';width: clamp(100px, 13.1vw, 250px);aspect-ratio: auto 0.834;background: url('/images/mission-i06.svg') no-repeat center / 100% auto;top: -7px;left: 0;}
            .mission-meta::after{position: absolute;content:'';width: clamp(200px, 28.2vw, 540px);height: calc(100% + 510px);background: var(--point-color04);top: 0;right: 0;z-index: -1;}
        .mission-meta .cont{position: relative;display: flex;gap: var(--row-gap40) clamp(50px, 4.2vw, 80px);}
        .mission-meta .info{width: 100%;display: flex;flex-direction: column;}
        .mission-meta .exp{position: relative;width: 40%;flex-shrink: 0;}
		.mission-meta .main-title + .mission-list{padding-top: var(--row-gap30);margin-top: var(--row-gap30);}
		.mission-meta .main-title + .mission-list::before{position:absolute;content:'';width: 150%;height: 1px;background: var(--border-color01);top: 0;left: 0;}
        .mission-meta .thumb{height: 100%;overflow: hidden;}
		.mission-meta .thumb img{width:100%;height: 100%;object-fit: cover;}
        .mission-meta .thumb-desc{position: absolute;bottom: -50px;left: -50px;background: var(--point-color02);padding: clamp(20px, 3vw, 30px);width: 279px;display: grid;gap: var(--row-gap20);}
        .mission-meta .thumb-desc dt{position: relative;width: clamp(45px, 6.2vw, 60px);overflow: hidden;}
        .mission-meta .thumb-desc dd{filter: var(--filter-white);font-size: var(--text-20);font-weight: 300;line-height: 1.6;}
        .mission-meta .thumb-desc dd strong{font-weight: 600;}
        .mission-list{position: relative;display: flex;flex-wrap: wrap;gap: 30px var(--col-gap30);}
        .mission-list > li{position: relative;display: flex;align-items: center;gap: clamp(15px, 2.5vw, 20px);width: 300px;}
        .mission-list .icon{display: flex;align-items: center;justify-content: center;inline-size: clamp(45px, 6.2vw, 60px);flex-shrink: 0;overflow: hidden;}
        .mission-list .desc{display: flex;flex-direction: column;gap: var(--row-gap10);}
        .mission-list .desc dt{font-size: var(--text-18);font-weight: 600;color: var(--point-color03);line-height: 1.6;}
        .mission-list .desc dd{font-size: var(--text-14);font-weight: 300;color: var(--black-color07);line-height: 1.6;}

        @media (max-width:1024px) {
            .mission-meta .cont{flex-wrap: wrap;}
            .mission-meta .exp{width: 100%;flex-shrink: unset;}
            .mission-meta .thumb{height: clamp(300px, 40vw, 400px);}
            .mission-list{display: grid; grid: auto / repeat(2, 1fr);}
			.mission-list > li{width:auto;}
			.mission-meta .thumb-desc{position: relative;inset: 0;width: 100%;margin: 0;}
			.mission-meta::after{top:auto;bottom: 0;width: 100%;height: clamp(200px, 50vw, 500px);}
        }
		@media (max-width:640px) {
            .mission-list{grid: auto / repeat(1, 1fr);}
        }
    
    /* inno-meta */
        .inno-meta{position: relative;padding-block: var(--row-gap140) var(--row-gap160);}
        .inno-meta::before{position: absolute;content: '';width: clamp(200px, 24vw, 460px);aspect-ratio: auto 1.096;background: var(--point-color04);top: 0;left: 0;}
        .inno-meta .cont{display: flex;align-items: flex-start;max-width: 1720px;}
		.inno-meta .thumb{width: min(940px, 55%);height: 560px;flex-shrink: 0;}
		.inno-meta .thumb img{width:100%; height:100%; object-fit:cover;}
        .inno-meta .info{position: relative;background: var(--point-white) url('/images/inno-meta.png') no-repeat 100% 0 / clamp(150px, 28vw, 279px) auto;padding: var(--row-gap60);box-shadow: var(--shadow-01);width: 100%;margin-left: -170px;margin-top: clamp(70px, 6.25vw, 120px);}
        .inno-meta .main-title{position: relative;}

        @media (max-width:1024px) {
            .inno-meta::before{width: 100%;}
            .inno-meta .cont{flex-wrap: wrap;max-width: 940px;}
            .inno-meta .thumb{width: auto; flex-shrink: unset;}
            .inno-meta .info{margin-top: 0; margin-left: 0;}
        }

    /* rel-bg */
        .rel-bg{position: relative;}
        .rel-bg .bg{position: absolute; inset: 0; overflow: hidden;}
        .rel-bg .bg img{width: 100%; height: 100%; object-fit: cover;}

    /* stem-meta */
        .stem-meta{min-height: clamp(400px, 59vw, 589px);padding-block: clamp(70px, 16.2vw, 162px) var(--row-gap100);}
        .stem-meta .main-title::before{display: inline-flex;content:'';width: clamp(25px, 4.2vw, 40px);aspect-ratio: auto 1.6;mask: url('/images/marks.svg') no-repeat center / 100% auto;background: var(--point-color02);margin-bottom: clamp(10px, 2vw, 20px);}
        .stem-meta .main-title p{font-size: var(--text-16);}

    /* edu-meta */
        .edu-meta{position: relative;padding-block: var(--row-gap120) var(--row-gap60);}
        .edu-meta .bg{height: calc(100% + 219px);}
        .edu-meta .main-title{filter: var(--filter-white);}
        .edu-meta .main-title p{font-size: var(--text-16);font-family: var(--font-type02);font-weight: 400;}

    /* edu-list */
        .edu-list{display: grid;gap: clamp(15px, 1.7vw, 32px);}
            .edu-list + .edu-list{margin-top: clamp(15px, 4vw, 40px);}
        .edu-list > li{position: relative;background: var(--point-white);display: flex;box-shadow: var(--shadow-02); transition: all 0.4s;}
        .edu-list .info{position: relative;display: flex;flex-direction: column;justify-content: center;padding: clamp(25px, 5vw ,50px);gap: var(--row-gap20);width: 100%;transition: inherit;z-index: 2;}
        .edu-list .icon{display: flex;align-items: center;justify-content: center;inline-size: clamp(50px, 8.2vw, 80px);aspect-ratio: auto 1;overflow: hidden;}
        .edu-list .desc{display: grid;gap: inherit; transition: inherit;}
        .edu-list .desc dt{font-size: var(--text-36);font-weight: 600;color: var(--point-color03); transition: inherit;}
        .edu-list .desc dd{font-size: var(--text-16);color: var(--black-color05);line-height: 1.7;letter-spacing: -0.03em;transition: inherit;font-family: var(--font-type02);}
        .edu-list .btn-box{margin-top: var(--row-gap20);}
        .edu-list .thumb{position: relative;width: 50%;flex-shrink: 0;transition: inherit;overflow: hidden;}
        .edu-list .thumb img{width: 100%; height: 100%; object-fit: cover;}

            .edu-list.type02{grid: auto / repeat(3, 1fr);}
            .edu-list.type02 > li{flex-direction: column-reverse;justify-content: flex-end;}
            .edu-list.type02 > li::before{position: absolute;content: '';inset:0;border: 2px solid var(--point-color02);opacity: 0;transition: inherit;z-index: 2;}
            .edu-list.type02 .info{padding: clamp(25px, 3vw, 30px);padding-top: 0;justify-content: flex-start;}
            .edu-list.type02 .icon{margin-top: calc(clamp(-80px, -8.2vw, -50px) / 2);background: var(--point-white);box-shadow: var(--shadow-02);padding: 5px;}
            .edu-list.type02 .desc{gap: var(--row-gap10);}
            .edu-list.type02 .desc dt{font-size: var(--text-22);color: var(--black-color00);line-height: 1.5;}
            .edu-list.type02 .desc dd{color: var(--black-color06);line-height: 1.6;}
            .edu-list.type02 .thumb{width: 100%;flex-shrink: unset;}
            .edu-list.type02 .thumb::before{position: absolute;content:'';width: 190px;aspect-ratio: auto 1;translate: 50% 50%;background: var(--point-color05);right: 0;bottom: 0;border-radius: 100%;clip-path: circle(0 at 50% 50%);transition: all 0.4s;opacity: 0;}
			.edu-list.type02 .thumb::after{position: absolute;content:'';width: 20px;aspect-ratio: auto 1;background: url('/images/plus-i.svg') no-repeat center / 100% auto;right: 32px;bottom: 26px;transition: inherit;opacity: 0;}

            @media (hover:hover) and (pointer: fine) {
                .edu-list.type02 > li:hover{translate: 0 -8px;}
                .edu-list.type02 > li:hover::before{opacity: 1;}
                .edu-list.type02 > li:hover .desc dt{color: var(--point-color02);}
				.edu-list.type02 > li:hover .thumb::before{clip-path:circle(100% at 50% 50%); opacity:1;}
				.edu-list.type02 > li:hover .thumb::after{translate:-3px -3px; opacity:1;}
            }

        @media (max-width:1024px) {
            .edu-list > li{flex-direction: column-reverse;}
            .edu-list .thumb{width: 100%; flex-shrink: unset; }
            .edu-list.type02{grid: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px) {
            .edu-list.type02{grid: auto / repeat(1, 1fr);}
        }

    /* whatnew-meta */
        .whatnew-meta{position: relative;padding-block: var(--row-gap120) var(--row-gap160);}
        .whatnew-meta::before{position: absolute;content:'';width: clamp(700px, 50vw, 960px);aspect-ratio: auto 1.8;background: var(--point-color04);top: 0;left: 0;}
        .whatnew-meta .main-title p{font-size: var(--text-16);color: var(--black-color06);font-weight: 400;}

    /* newSwiper */
        .new-wrap{position: relative;max-width: 1480px;padding-inline: clamp(50px, 9vw, 90px);}
        .newSwiper{position: relative;}
        .newSwiper .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + .swiper-slide){opacity: 0.2;}

        @media (max-width:1024px) {
            .newSwiper .swiper-slide-next + .swiper-slide{opacity: 0.2;}
        }
        @media (max-width:640px) {
            .new-wrap{padding-inline: 0;}
            .new-wrap .swiper-arw{display: none;}
            .newSwiper .swiper-slide-next{opacity: 0.2;}
        }

    /* contact-meta */
        .contact-meta{position: relative; padding-block: var(--row-gap120);}
        .contact-meta .bg{position: absolute; top:0; left:0; overflow: hidden;}
        .contact-meta .bg img{width: 100%;height: 100%;object-fit: cover;min-height: 500px;}
        .contact-meta .cont{display: flex;align-items: flex-start;gap: 50px;}
        .contact-meta .info{width: min(480px, 40%);flex-shrink: 0;}
        .contact-meta .info .main-title p{font-size: var(--text-16);color: var(--black-color03);font-weight: 400;letter-spacing: -0.03em;}
		.contact-meta .info .main-title p::before{display:block;content:'';width: 70px;height: 2px;background: var(--point-color02);margin-block: var(--row-gap20) var(--row-gap40);}
        .contact-meta .form-box{position: relative; width: 100%;padding: var(--row-gap50);padding-right: 0;}
        .contact-meta .form-box::before{position: absolute;content:'';width: 100vw;height: 100%;background: var(--point-white);box-shadow: var(--shadow-02);top: 0;left: 0;}
		.contact-meta .form-box::after{position: absolute;content:'';width: clamp(200px, 26.1vw, 500px);aspect-ratio: auto 0.858;background: url('/images/simbol.svg') no-repeat center / 100% auto;opacity: 0.05;right: clamp(-340px, -17.8vw, -50px);bottom: clamp(-70px, -3.7vw, -50px);clip-path: inset(0 0 calc(clamp(50px, 3.7vw, 70px) + 1px));}

        @media (max-width:1024px) {
            .contact-meta .cont{flex-wrap: wrap;}
            .contact-meta .info{width: 100%; flex-shrink: unset;}
            .contact-meta .form-box{padding: clamp(20px, 4vw ,50px) clamp(15px, 4vw ,50px);background: var(--point-white);box-shadow: var(--shadow-02);overflow: hidden;}
            .contact-meta .form-box::before{display: none;}
        }


/*───────────────────────────────────────────────────────────
	Footer 
───────────────────────────────────────────────────────────*/
    /* 하단 */
        #footer{position: relative;border-top: 1px solid var(--border-color01); letter-spacing: -0.03em;}
        #footer .top-sec{padding-block: var(--row-gap60);display: flex;align-items: flex-start;flex-wrap: wrap;gap: var(--row-gap40) clamp(70px, 6.25vw, 120px);}
        #footer .logo img{width: clamp(100px, 22vw, 210px);}
        #footer .item-list{position: relative;display: flex;flex-wrap: wrap;gap: var(--row-gap40) clamp(40px, 5.21vw, 100px);}
        #footer .item-list > li{position: relative;}
        #footer .title{position: relative;margin-bottom: clamp(10px, 1.6vw, 16px);}
        #footer .title h3{font-size: var(--text-20);font-weight: 500;color: var(--point-color03);line-height: 1.6;}
        #footer .addr-list{display: grid;gap: var(--row-gap10);}
        #footer .addr-list .desc{display: flex;align-items: baseline;gap: 10px;font-size: var(--text-16);font-weight: 400;color: var(--black-color07);line-height: 1.6;}
        #footer .addr-list .desc dt{width: clamp(65px, 10vw, 90px);flex-shrink: 0;color: var(--black-color03);}
        #footer .addr-list .desc dd{position: relative;}
        #footer .gnb{position: relative;display: grid;gap: var(--row-gap10);}
        #footer .gnb > li{font-size: var(--text-16);font-weight: 400;color: var(--black-color05);line-height: 1.6;}
        #footer .gnb > li > a{position: relative;}
        #footer .gnb .dep02{display: none;}
        #footer .btm-sec{background: var(--gray-bg01);padding-block: clamp(20px, 2.3vw, 23px);}
        #footer .btm-sec .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 15px 30px;}
        #footer .copy{display: flex;align-items: baseline;gap: 4px 9px;flex-wrap: wrap;font-size: var(--text-15);color: var(--black-color08);letter-spacing: 0;}
        #footer .link-list{display: flex;flex-wrap: wrap;}
        #footer .link-list > li{font-size: var(--text-17);color: var(--black-color05);}
            #footer .link-list > li:not(:last-child)::after{display:inline-flex;content:'';width: 1px;height: clamp(10px, 1.6vw, 14px);background: var(--border-color01);margin-inline: clamp(15px, 2vw, 20px);}
        #footer .link-list > li > strong{font-weight:500;}
        #footer .link-list > li > strong > a{color: var(--black-color03);}

        @media (max-width:640px) {
            #footer .gnb{display: flex;flex-wrap: wrap;column-gap: clamp(25px, 4vw, 40px);}
        }

    /* 퀵 */
        .quick-list{position: fixed;right: clamp(15px, 2vw, 20px);bottom: clamp(15px, 7vw, 70px);z-index: 40;display: flex;flex-direction: column;gap: 10px;align-items: flex-end; opacity: 0; pointer-events: none; transition: all 0.4s;}
            body:has(#header.on:not(.end)) .quick-list{opacity: 1; pointer-events: all;}
        .quick-list > li{position: relative;background: var(--point-color02);box-shadow: var(--shadow-03);overflow: hidden;}
		.quick-list > li:last-child{background:var(--point-color03);}
        .quick-list .desc{display: grid;transition: all 0.4s;background: inherit;}
            .quick-list > li.ov .desc{grid-template-columns: minmax(0, 0fr) auto;align-items: center; justify-content: end;}
        .quick-list .desc dt{position: relative;width: max-content;overflow: hidden;font-size: var(--text-18);font-weight: 500;filter: var(--filter-white);padding-left: clamp(15px, 2vw, 20px);opacity: 0;transition: all 0.6s;}
        .quick-list .desc dd{position: relative;display: flex;inline-size: clamp(40px, 6.2vw, 60px);aspect-ratio: auto 1;align-items: center;justify-content: center;padding: 12px;background: inherit; overflow: hidden;}


            @media (hover:hover) and (pointer: fine) {
                .quick-list > li.ov:hover .desc{grid-template-columns: minmax(0, 1fr) auto;}
                .quick-list > li.ov:hover .desc dt{opacity:1;}
            }
			

/*─────────────────────────────────────────────────────────
    Sub
─────────────────────────────────────────────────────────*/
    /* 인풋 */
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){position: relative;width: 100%;padding-inline: clamp(15px, 2vw, 20px);height: clamp(46px, 5.5vw, 50px);background: var(--point-white);border: 1px solid var(--border-color01);color: var(--black-color00);font-size: 16px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: -0.03em;font-family: var(--font-type02);}
        :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea)::placeholder{color: var(--black-color08);}
		:where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea):focus{border-color:var(--point-color02);}
        textarea{width: 100%;height: clamp(150px, 16vw, 180px);padding-block: clamp(15px, 2vw, 20px);overflow: visible;text-overflow:unset;white-space:unset;resize: none;}
        textarea{ scrollbar-gutter: stable;}
        textarea::-webkit-scrollbar {width: clamp(3px, 0.6vw, 4px);}
        textarea::-webkit-scrollbar-track {box-shadow:-10px 0 0 var(--border-color01); margin: 10px;}
        textarea::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 var(--black-color02);}

        select{appearance: none;background: var(--point-white) url('/images/sel-arw.svg') no-repeat calc(100% - 16px) 50% / clamp(11px, 1.5vw, 13px) auto;padding-right: 45px;}

        label:has([type="checkbox"], [type="radio"]){display:inline-flex;align-items:center;gap: clamp(10px, 1.2vw, 12px);font-size: var(--text-17);font-weight: 400;line-height: clamp(22px, 2.8vw, 26px);color: var(--black-color03);cursor:pointer;font-family: var(--font-type02);letter-spacing: -0.03em;}
        [type="checkbox"], [type="radio"]{width: clamp(22px, 2.8vw, 26px);height: clamp(22px, 2.8vw, 26px);flex-shrink:0;accent-color: var(--point-color01);appearance:auto;cursor:pointer;}
        [type="checkbox"]{appearance: none;background: var(--point-white);border: 1px solid var(--border-color02);display: flex;align-items: center;justify-content: center;}
        [type="checkbox"]::before{display: inline-flex;content: '';mask:url('/images/chk-i.svg') no-repeat center / 100% auto;background: var(--black-color10);width: clamp(10px, 1.4vw, 12px);aspect-ratio: auto 1.33;}
		[type="checkbox"]:checked{background: var(--point-color01);border-color: var(--point-color01);}
		[type="checkbox"]:checked::before{background: var(--point-white);}
        label:has([type="checkbox"], [type="radio"]) em{font-weight: 600;color: var(--point-color02);display: contents;}

    /* 말머리 */
        .com-tab{display: flex;justify-content: center;flex-wrap: wrap;gap: clamp(10px, 2vw, 15px);margin-bottom: var(--row-gap40);}
        .com-tab > li{position: relative;font-size: var(--text-18);color: var(--black-color03);display: flex;transition: all 0.4s;}
        .com-tab > li > a{display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;border: 1px solid var(--border-color01);border-radius: 50px;background: var(--point-white);padding: clamp(8px, 1.5vw, 10px) clamp(20px, 2.5vw, 25px);min-width: 60px;min-height: clamp(42px, 5.5vw, 50px);transition: inherit;}
        .com-tab > li.on > a{border-color: var(--point-color03);background: var(--point-color03);color: var(--point-white);-webkit-text-stroke: 0.1px var(--point-white);}

            @media (hover:hover) and (pointer: fine) {
                .com-tab > li:not(.on):hover > a{border-color: var(--point-color03);}
            }

    /* 검색 */
        .search-from{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 15px;width: 100%;margin-bottom: var(--row-gap60);}
        .search-from .keywords-box{width: 100%;display: flex;justify-content: center;align-items: center;gap: 10px;}
        .search-from .inp-box{position: relative;width: min(500px, 100%);}
        .search-from [type="text"]{width: 100%;height: clamp(50px, 6.5vw, 60px);padding-right: clamp(45px, 5.7vw, 55px);border-color: var(--black-color01);}
        .search-from button{position: absolute;top: 0;right: 16px;width: clamp(20px, 2.6vw, 24px);height: 100%;mask: url('/images/search-i.svg') no-repeat right center / 100% auto;font-size: 0;background: var(--black-color02);}

        @media (max-width:479px) {
            .search-from{width: 100%;}
        }
    /* gallery-list */
        .gallery-list{display: grid;grid: auto / repeat(3, 1fr);gap: clamp(15px, 1.7vw, 32px);}
            .gallery-list.swiper-wrapper{display: flex; gap: 0;}
        .gallery-list > li{position: relative;display: flex;flex-direction: column;box-shadow: var(--shadow-02);transition: all 0.4s;background: var(--point-white);}
        .gallery-list > li::before{position: absolute;content: '';inset:0;border: 2px solid var(--point-color02);opacity: 0;transition: all 0.4s;z-index: 2;pointer-events: none;}
        .gallery-list .thumb{position: relative; width: 100%; aspect-ratio: auto 1.717; overflow: hidden;}
        .gallery-list .thumb img{width: 100%; height: 100%; object-fit: cover;}
            .gallery-list .thumb::before{position: absolute;content:'';width: 190px;aspect-ratio: auto 1;translate: 50% 50%;background: var(--point-color05);right: 0;bottom: 0;border-radius: 100%;clip-path: circle(0 at 50% 50%);transition: all 0.6s;opacity: 0;}
            .gallery-list .thumb::after{position: absolute;content:'';width: 20px;aspect-ratio: auto 1;background: url('/images/plus-i.svg') no-repeat center / 100% auto;right: 32px;bottom: 26px;transition: all 0.4s;opacity: 0;}
        .gallery-list .cont{display: grid;padding: clamp(25px, 3vw, 30px) clamp(20px, 2.4vw, 24px);gap: clamp(20px, 2.4vw, 24px);transition: inherit;}
        .gallery-list .desc{display: grid;gap: clamp(10px, 1.4vw, 14px);transition: inherit;}
            .gallery-list .desc :where(dt, dd){white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition: all 0.4s;}
        .gallery-list .desc dt{font-size: var(--text-18);color: var(--black-color00);line-height: 1.5;}
        .gallery-list .desc dd{font-size: var(--text-15);color: var(--black-color05);line-height: 1.6; -webkit-line-clamp: 3;}
        .gallery-list .regdate{font-size: var(--text-15);font-weight: 300;color: var(--black-color07);line-height: 1.6;}

        .swiper-arw{position: absolute;inset: auto;top: 50%;left: 0;width: clamp(42px, 5.6vw, 56px);height: auto;aspect-ratio: auto 1;background: rgb(0 0 0 / 50%);margin: 0;translate: 0 -50%;transition: all 0.4s;}
        .swiper-arw::before{position: absolute;content:'';inline-size: clamp(12px, 1.6vw, 16px);aspect-ratio: auto 1;border: 2px solid var(--point-white);clip-path: var(--clip-poly02);rotate: 135deg;border-radius: 2px;top: 50%;left: 56%;translate: -50% -50%;}
        .swiper-arw.next{left: auto;right: 0;scale: -1 1;}

            @media (hover:hover) and (pointer: fine) {
                .gallery-list > li:hover{translate: 0 -8px;}
                .gallery-list > li:hover::before{opacity: 1;}
                .gallery-list > li:hover .desc dt{color: var(--point-color02);}
				.gallery-list > li:hover .thumb::before{clip-path:circle(100% at 50% 50%); opacity:1;}
				.gallery-list > li:hover .thumb::after{translate:-3px -3px; opacity:1;}

                .swiper-arw:hover{background: var(--point-color02);}
            }

    /* 팝업 */
        .pf-pop{position:fixed;inset:0;z-index:200;display:flex;flex-direction: column;align-items:center;justify-content:center;padding:30px;visibility:hidden;opacity:0;transition:all 0.4s;min-height: 90dvh;}
            .pf-pop.on{visibility:visible;opacity:1;transition:all 0.4s;}
            body:has(.pf-pop.on){overflow:clip;}
        .pf-pop-dim{position:absolute;inset:0;background:rgba(4,17,32,.8);backdrop-filter:blur(4px);}
        .pf-pop-box{position:relative;display:grid;grid-template-columns:400px minmax(0,1fr);width:1280px;max-width:100%;padding: clamp(45px, 6vw, 60px) clamp(25px, 6vw, 60px) clamp(25px, 6vw, 60px);overflow:hidden;background:#fff;box-shadow:0 30px 80px rgba(0,0,0,.4);transform:translateY(30px);transition:transform .5s var(--ease);max-height: 90dvh;overflow-y: auto;}
        .pf-pop.on .pf-pop-box{transform:none;}
        .pf-pop-info{display:flex;flex-direction:column;min-height:0;padding:4px 40px 0 0;overflow-y:auto;}
        .pf-pop-info .cate{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px;} 
        .pf-pop-info .cate:empty{display: none;}
        .pf-pop-info .cate span{padding:4px 12px;background: var(--point-color09);font-weight:500;font-size: var(--text-14);line-height:1.4;color: var(--point-color01);border-radius: 50px;} 
        .pf-pop-info h3{font-weight:600;font-size: var(--text-30);line-height:1.4;letter-spacing:-0.03em;word-break:keep-all;color:var(--t1);}
        .pf-pop-info .meta{margin-top: clamp(20px, 3.2vw, 32px);padding: clamp(15px, 2vw, 20px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);} 
        .pf-pop-info .meta:empty{display: none;}
        .pf-pop-info .meta dl{display:flex;align-items:baseline;gap: clamp(12px, 1.6vw, 16px);padding:7px 0;font-size: var(--text-17);line-height:1.5;letter-spacing:-0.03em;}
        .pf-pop-info .meta dt{flex:0 0 76px;font-size: var(--text-15);color:var(--t4);} 
        .pf-pop-info .meta dd{min-width:0;color:var(--t2);}
        .pf-pop-info .warn{margin-top:auto;padding-top: var(--row-gap30);font-size: var(--text-14);line-height:1.6;letter-spacing:-0.03em;word-break:keep-all;color:#e0453a;}
        .pf-pop-img{min-height:0;background:var(--gray-bg); max-height: 75dvh;}
        .pf-pop-img img{display:block;width:100%;height:100%;max-height:calc(100vh - 180px);object-fit:contain;} 
        .pf-pop-close{position:absolute;right:8px;top:8px;z-index:2;width: clamp(36px, 4.6vw, 44px);aspect-ratio: auto 1;padding:0;border:0;background:none;cursor:pointer;} 
        .pf-pop-close i{position:absolute;left:50%;top:50%;width: clamp(22px, 2.8vw, 26px);height:2px;translate: -50% -50%;background: var(--black-color00);transform:rotate(45deg);transition:all 0.4s;}
        .pf-pop-close i + i{transform:rotate(-45deg);}
        .pf-pop-nav{position: relative;display: flex;width: 100%;background: var(--point-color01);box-shadow: 0 30px 80px rgba(0, 0, 0, .4);width: 1280px;max-width: 100%;}
        .pf-pop-nav::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14);}
        .pf-pop-nav button{position:relative;display:flex;align-items:center;gap: clamp(12px, 1.4vw, 14px);height: clamp(46px, 6.1vw, 56px);padding: 0 clamp(15px, 2vw, 20px);overflow:hidden;font-family:inherit;color:#fff;cursor:pointer;width: 50%;}
        .pf-pop-nav .next{flex-direction:row-reverse; margin-left: auto;}
        .pf-pop-nav button::before{content:"";position:absolute;inset:0;background: var(--point-color02);transform:scaleX(0);transform-origin:left center;transition:all 0.4s;} 
        .pf-pop-nav .next::before{transform-origin:right center;}
        
        .pf-pop-nav .arw{position:relative;display:flex;align-items:center;} 
        .pf-pop-nav .arw i{width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateX(2px) rotate(45deg);} 
        .pf-pop-nav .next .arw i{transform:translateX(-2px) rotate(-135deg);}
        .pf-pop-nav .txt{position:relative;font-weight:400;font-size: var(--text-16);letter-spacing:-0.03em;}

            @media (hover:hover) and (pointer: fine) {
                .pf-pop-close:hover i + i{transform:rotate(45deg);}
                .pf-pop-close:hover i{background:var(--brown);transform:rotate(135deg);}
                .pf-pop-nav button:hover::before{transform:scaleX(1);}
            }

        @media (max-width:1024px) {
            .pf-pop-box{grid-template-columns:minmax(0, 1fr);gap: var(--row-gap40);}
            .pf-pop-info{padding:0;}
        }

    /* 일반 게시판 */
        .board-count{position: relative;margin-bottom: clamp(15px, 2vw, 20px);font-size: var(--text-17);color: var(--black-color05);}
        .board-count strong{font-family: var(--font-type02);font-weight: 600;color: var(--point-color01);}
        .list-table{width: 100%;border-top: 1px solid var(--black-color01);table-layout: fixed;}
        .list-table.cen{text-align: center;}
        .list-table :where(th, td){font-size: var(--text-20);font-weight: 600;color: var(--black-color01);padding: clamp(20px, 2.6vw, 26px) 10px;border-bottom: 1px solid var(--border-color01);text-align: center;}
        .list-table .noti-tr{background: var(--gray-bg01);}
        .list-table tr{transition: all 0.4s;}
        .list-table td{font-size: var(--text-17);font-weight: 400;color: var(--black-color08);font-family: var(--font-type02);}
        .list-table .title{text-align: left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break: break-all;font-size: var(--text-20);font-weight: 500;color: var(--black-color03);font-family: var(--font-type01);transition: all 0.4s;}
        .list-table .add{color: var(--black-color03);}
        .list-table .noti-tr{background: var(--gray-bg01);}
        .list-table .field-name{display: none;}
        .no-data{text-align: center; font-size: var(--text-16); color: var(--black-color09); padding-block: var(--row-gap50);}


            @media (hover:hover) and (pointer: fine) {
                .list-table tbody tr:hover{background: var(--gray-bg01);}
                .list-table tbody tr:hover .title{color: var(--point-color01);}
            }

    /* 페이징 */
        .pagination{display: flex;align-items: center;justify-content: center;text-align: center;flex-wrap: wrap;margin-top: var(--row-gap60);gap: var(--row-gap10);}
        .pagination li{font-size: var(--text-16);font-weight: 500;color: var(--black-color05);}
        .pagination a{display: flex;align-items: center;justify-content: center;min-width: clamp(30px, 4.2vw, 40px);min-height: clamp(30px, 4.2vw, 40px);padding: 4px;border-radius: 100%;}
        .pagination a.arw{font-size: 0;background: url('/images/pagination-last.svg') no-repeat center / auto clamp(8px, 1.2vw, 10px);padding: 0;}
        .pagination a:is(.prev, .next){background-image: url('/images/pagination-prev.svg');}
        .pagination a.prev{margin-right: clamp(5px, 1vw, 10px);}
        .pagination a.next{margin-left: clamp(5px, 1vw, 10px);}
        .pagination a.first{margin-right:-5px;}
        .pagination a.last{margin-left:-5px;}
        .pagination a.disabled{display: none;}
        .pagination a.on{font-weight: 500;color: var(--point-white);background: var(--point-color01);}
        .pagination a.scale{scale: -1 1;}

    /* 문의 */
		.board-write{position:relative;z-index: 1;}
		.board-write .main-title{gap: var(--row-gap10);}
        .board-write .main-title p{font-size: var(--text-16);font-weight: 400;color: var(--black-color07);letter-spacing: -0.03em;}
        .write-form{position: relative;display: flex;flex-wrap: wrap;gap: clamp(15px, 2vw, 20px);}
		.write-form .desc{position: relative;display:flex;flex-direction: column;gap: var(--row-gap10) 15px;width: calc(100% / 2 - clamp(15px, 2vw, 20px) / 2);font-family: var(--font-type02);transition: all 0.4s;}
		.write-form .desc:has(#author_email, textarea, #captcha_answer){width:100%;}
        .write-form .desc:has(textarea){flex-wrap:wrap;}
        .write-form .desc:has(textarea) dt{width:100%; flex-shrink:unset;}
        .write-form .desc:has(.sel-ui){z-index: 1;}
        .write-form .desc:has(.sel-ui.on){z-index: 5; border-color:var(--point-color03);}
            .write-form .desc:has(:focus){border-color:var(--point-color03);}
        .write-form .desc dt{font-size: 16px;font-weight: 500;color: var(--point-color03);flex-shrink: 0;}
        .write-form .desc dt label{cursor: pointer;}
        .write-form .desc dt em{color: var(--point-color02);}
        .write-form .desc dd{display: flex;gap: 5px;flex-wrap: wrap;color: var(--black-color06);font-size: var(--text-16);width: 100%;}
        .write-form :where([type="text"], [type="password"], [type="tel"], [type="email"], [type="number"], textarea, select){width: 100%;}
		.write-form textarea{width:100%;height: 110px;}
        .write-form cheditor-app{width: 100%;}
        .bf-file-wrap{position: relative;display: flex;align-items: center;flex-wrap: wrap;gap: 10px clamp(15px, 2vw, 20px);width: 100%;}
        .bf-file-enhanced{display: none;}
        .bf-file-btn{display: flex;align-items: center;justify-content: center;min-width: clamp(90px, 13vw, 120px);min-height: clamp(42px, 5.5vw, 50px);text-align: center;background: var(--black-color06);font-size: var(--text-18);font-weight: 500;color: var(--point-white);padding: 10px 20px;cursor: pointer;}
        .bf-file-name{font-size: var(--text-18);font-weight: 400;color: var(--black-color05);}
        .captcha-box{display: flex;align-items: center;gap: 10px;width: 100%;}
        .captcha-box .controller{display: flex;flex-shrink: 0;gap: 10px;}
        .captcha-box .controller img{border-radius: inherit;overflow: hidden;width: clamp(130px, 16vw, 160px);}
        .captcha-box .controller button{position: relative;width: clamp(40px, 5.5vw, 50px);aspect-ratio: auto 1;border: 1px solid var(--black-color03);display: flex;align-items: center;justify-content: center;border-radius: inherit;background: var(--point-white);}
        .captcha-box .controller svg{width: clamp(14px, 1.9vw, 17px);height: auto;transition: all 0.4s;color: var(--black-color01);}
        .captcha-box [type="text"]{width: 100%;}
        .agree-desc{position: relative;display: flex;align-items: center;justify-content: space-between;gap: 15px;flex-wrap: wrap;margin-top: var(--row-gap25);font-family: var(--font-type02);}
        .agree-desc dt{position: relative;}
        .agree-desc textarea{background: var(--gray-bg04);border: 0;font-size: var(--text-16);font-weight: 400;color: var(--black-color08);line-height: 1.7;padding: var(--row-gap30);}
        .board-write .btwn-box{margin-top: var(--row-gap30);}
        .board-write .btwn-box .agree-desc{margin-top:0;}
        .board-write .btwn-box .btn-box{margin-top:0;}
        .board-write .btwn-box .btn-box :where(button, a){min-width: clamp(300px, 37vw, 360px);min-height: clamp(50px, 6.5vw, 60px);font-size: var(--text-20);}


        @media (max-width:640px) {
            .write-form .desc{width: 100%;}
			.board-write .btwn-box .btn-box{width:100%;}
			.board-write .btwn-box .btn-box :where(button, a){min-width:auto; width:100%;}
        }
        @media (max-width:479px) {
            .captcha-box{flex-wrap: wrap;}
			.captcha-box [type="text"]{width:100%;}
        }

    /* FAQ */
        .faq-list { position: relative; border-top: 1px solid var(--black-color00); }
        .faq-list > li {position: relative;border-bottom: 1px solid var(--border-color02);}
        .faq-list .desc { position: relative; display: grid; grid-template-rows: auto 0fr; transition: 0.4s; align-content: start; }
        .faq-list .desc.on { grid-template-rows: auto 1fr; }
        .faq-list .desc :where(dt, dd) {display: flex;align-items: baseline;gap: 10px clamp(12px, 2vw, 20px);padding: clamp(20px, 3vw, 30px) clamp(15px, 4vw, 40px);transition: inherit;}
        .faq-list .desc :where(dt, dd)::before {display: inline-flex;content: "Q";align-items: center;justify-content: center;text-align: center;min-width: clamp(28px, 4.2vw, 40px);min-height: clamp(28px, 4.2vw, 40px);background: var(--point-color01);font-size: var(--text-20);font-weight: 400;color: var(--point-white);padding: 3px;line-height: 1.2;border-radius: 100%;}
        .faq-list .desc dd::before {content: "A";background: var(--point-color02);}
        .faq-list .desc dt {position: relative;font-size: var(--text-20);color: var(--black-color00);line-height: 1.6;padding-right: clamp(45px, 8.2vw, 80px);cursor: pointer;}
        .faq-list .desc dt::after {position: absolute;content: "";inline-size: clamp(10px, 1.6vw, 14px);aspect-ratio: auto 1 / 1;clip-path: var(--clip-poly02);border: 2px solid var(--black-color05);top: 45%;right: clamp(15px, 4vw, 40px);translate: 0px -50%;rotate: 45deg;border-radius: 2px;overflow: hidden;transition: 0.4s;}
        .faq-list .desc.on dt::after {scale: -1;top: 52%;border-color: var(--point-color01);}
        .faq-list .desc dt em { display: flex; align-items: baseline; gap: 10px; }
        .faq-list .desc dd {font-size: var(--text-18);color: var(--black-color03);line-height: 1.8;overflow: hidden;background: var(--gray-bg01);margin-bottom: clamp(15px, 2vw, 20px);border-radius: var(--radius-10);}
        .faq-list .desc:not(.on) dd {margin-block: 0;padding-block: 0;}
        .faq-list .desc .prefix {font-size: var(--text-15);color: var(--point-white);background: var(--point-color02);line-height: 1.2;font-weight: 400;padding: 5px 8px;translate: 0px clamp(-4px, -0.6vw, -2px);flex-shrink: 0;}

    /* 상세 */
        .board-view .detail-hd{border-bottom: 1px solid var(--black-color00);padding-bottom: clamp(20px, 4vw, 40px);display: grid;gap: var(--row-gap40);text-align: center;}
        .board-view .detail-hd .desc{display: grid;gap: var(--row-gap20);}
        .board-view .detail-hd .desc dt{font-size: var(--text-40);font-weight: 600;color: var(--black-color03);line-height: 1.6;display: grid;gap: var(--row-gap10);}
        .board-view .detail-hd .desc dt em{display: flex;align-items: center;justify-content: center;text-align: center;width: fit-content;font-size: var(--text-18);font-weight: 400;color: var(--point-white);padding: 2px 12px;min-width: clamp(45px, 6.5vw, 55px);background: var(--point-color01);margin-inline: auto;border-radius: var(--radius-06);}
		.board-view .detail-hd .desc dt em.on{background: var(--point-color03);}
        .board-view .detail-hd .desc dd{font-size: var(--text-20);color: var(--black-color06);}
        .board-view .detail-hd .exp{font-size: var(--text-18);color: var(--black-color08);display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 10px clamp(30px, 4vw, 40px);}
		.board-view .detail-hd .exp span{display:flex;align-items: baseline;gap: 12px;}
        .board-view .detail-hd .exp em{font-weight: 500;color: var(--black-color06);display: none;}
        .board-view .detail-cont{padding-block: var(--row-gap60);border-bottom: 1px solid var(--border-color01);font-size: var(--text-20);font-weight: 400;color: var(--black-color03);line-height: 1.6;min-height: clamp(300px, 40vw, 400px);display: flex;flex-direction: column;justify-content: space-between;gap: clamp(20px, 3vw, 30px);}
        .board-view .db-user-content{font-size: inherit;font-weight: inherit;color: inherit;line-height: inherit;}
        .board-view .file-desc{display: flex;align-items: center;background: var(--gray-bg01);padding: clamp(18px, 2.1vw, 21px) clamp(20px, 4vw, 40px);border-radius: var(--radius-10);margin-top: clamp(20px, 5.8vw, 58px);}
        .board-view .file-desc dt{position: relative;font-size: var(--text-18);font-weight: 500;color: var(--black-color03);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
		.board-view .file-desc dt::after{display: inline-flex;content:'';width: 1px;height: clamp(10px, 1.4vw, 12px);background: var(--border-color01);margin-inline: clamp(20px, 4vw, 40px);}
        .board-view .file-desc dd{width: 100%;font-size: var(--text-17);color: var(--black-color08);}
        .board-view .item-desc{display: flex; align-items: baseline; gap: 4px;}
        .board-view .item-desc dt{flex-shrink: 0;color: var(--black-color01);}
        .board-view .item-desc dd{width: 100%;color: var(--black-color06);}

        .bullet-list{display: flex;flex-direction: column;gap:6px;}
        .bullet-list > li{position: relative;display: flex;align-items: baseline;gap: var(--row-gap10);font-size: var(--text-18);font-weight:400;color:var(--black-color05);}
        .bullet-list > li::before{display: inline-flex;content:'';width: clamp(3px, 0.5vw, 4px);aspect-ratio: auto 1;flex-shrink: 0;background: var(--black-color08);translate: 0 clamp(-5px, -0.3vw, -3px);border-radius:100%;}
        .bullet-list > li em{font-weight: 700; color: var(--point-color04);}
        .bullet-list > li > em{display: contents;}