@charset "utf-8";
/* 공통 */
    .sub_content{position: relative;font-family: var(--font-type02);}
    .sub_content .main_philo{padding-bottom: 0;}
    .ft_en{font-family: var(--font-type01);}
    .bgBox{position: relative; background: var(--point-grid01); padding-block: 160px;}
    .bgBox.ptZero{padding-top: 0;}
    .gapBox{display: grid; grid-template-columns: minmax(0, 1fr); gap: 160px;}
    .gapBox.g140{gap: 140px;}
    .gapBox.g60{gap: 60px;}
    .gapBox.g30{gap: 30px;}

    @media (max-width:1024px) {
        .bgBox{padding-block: clamp(70px, 16vw, 160px);}
        .gapBox{gap: clamp(70px, 16vw, 160px);}
        .gapBox.g140{gap: clamp(70px, 14vw, 140px);}
        .gapBox.g60{gap: clamp(30px, 6vw, 60px);}
        .gapBox.g30{gap: clamp(20px, 3vw, 30px);}
    }

/* 서브 비주얼 */
    .sub_visual{position: relative;min-height: 620px;background: url('../images/sub/sv_thumb.jpg') no-repeat center / cover;font-size: var(--title-20);color: var(--point-white);z-index: 5;display: flex;align-items: center;padding-block: 110px 50px;}
        .sub_goods .sub_visual{background-image: url('../images/sub/sv_goods.jpg');}
        .sub_partners .sub_visual{background-image: url('../images/sub/sv_partners.jpg');}
        .sub_support .sub_visual{background-image: url('../images/sub/sv_support.jpg');}
    .sub_visual .w_custom{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 30px 50px;}
    .sub_visual .title{position: relative;display: flex;flex-direction: column;gap: 20px;}
    .sub_visual .title h2{font-size: 80px;font-weight: 600;line-height: 1.3;text-transform: uppercase;}
    .sub_visual .title h6{font-size: 110%;font-weight: 400;line-height: 1.6;letter-spacing: -0.03em;}
    .sub_visual .navDesc{display: flex;align-items: center;flex-wrap: wrap;opacity: 0.8;gap: 12px 0;}
    .sub_visual .navDesc :where(dt, dd){display: flex;align-items: center;flex-wrap: wrap;gap: 5px 0;}
    .sub_visual .navDesc :where(dt, dd)::after{display: inline-flex; content:''; width: 4px; aspect-ratio: auto 1; border-radius: 100%; background: rgb(255 255 255 / 30%); margin-inline: 20px;}
    .sub_visual .navDesc dt{font-size: 0;}
    .sub_visual .navDesc dt a{width: 18px;}
    .sub_visual .navDesc dd{font-size: 90%;font-weight: 300;letter-spacing: -0.03em;}
    .sub_visual .navDesc dd:last-child{font-weight: 400;}
    .sub_visual .navDesc dd:last-child::after{display: none;}

    @media (max-width:1023px) {
        .sub_visual{min-height: clamp(400px, 62vw, 620px);}
        .sub_visual .title{gap: clamp(10px, 2vw, 20px);}
        .sub_visual .title h2{font-size: clamp(42px, 8vw, 80px);}
        .sub_visual .navDesc :where(dt, dd)::after{margin-inline: clamp(13px, 2vw, 20px);}
        .sub_visual .navDesc dt a{width: clamp(15px, 2.3vw, 18px);}
    }
    @media (max-width:479px) {
        .sub_visual .title{width: 100%;}
        .sub_visual .title h6{font-size: 100%;}
    }

/* 2차 카테고리 */
    .secCategory{box-shadow: inset 0 -1px 0 var(--border-color01);}
    .secCategory:has(a:only-child){display: none;}
    .secCategory .w_custom{display: flex; font-size: var(--title-20); width: 100%;}
    .secCategory .w_custom a{display: flex;align-items: center;justify-content: center;font-size: 95%;font-weight: 500;color: var(--black-color08);letter-spacing: -0.03em;width: 100%;padding: 23px 10px 22px;text-align: center;transition: all 0.4s;}
        .secCategory .w_custom a.on{font-weight: 600;color: var(--point-color01);box-shadow: inset 0 -2px 0 var(--point-color01);}

        /* over */
            .secCategory .w_custom a:not(.on):hover{color: var(--point-color01);}

    @media (max-width:1024px) {
        .secCategory .w_custom a{padding-block: clamp(18px, 2.8vw, 23px) clamp(18px, 2.7vw, 22px);}
    }
    @media (max-width:860px) {
        .secCategory .w_custom{overflow: hidden; overflow-x: auto;}
            .secCategory .w_custom {-ms-overflow-style: none; scrollbar-width: none;}
            .secCategory .w_custom::-webkit-scrollbar {display: none;}
        .secCategory .w_custom a{width: auto;flex-shrink: 0;padding-inline: 20px;min-width: 20%;}
    }

/* 상단 타이틀 */
    .hd_title{position: relative; font-size: var(--title-20); text-align: center; display: flex; flex-direction: column; gap: 24px; padding-block: 120px 60px;}
        .hd_title.ptDn{padding-top: 0;}
    .hd_title h2{font-size: 60px;font-weight: 600;color:var(--black-color01);line-height: 1.4;letter-spacing: -0.03em; font-family: var(--font-type01);}
    .hd_title h2 strong{font-weight: 700;}
    .hd_title h6{font-size: 110%;font-weight: 400;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}

    @media (max-width:1024px) {
        .hd_title{gap: clamp(12px, 2.4vw, 24px);}
        .hd_title.pd{padding-block: clamp(70px, 12vw, 120px) clamp(30px, 8vw, 60px);}
        .hd_title h2{font-size: clamp(36px, 6vw, 60px);}
    }
    @media (max-width:479px) {
        .hd_title h6{font-size: 100%;}
    }

/* 기본 타이틀 */
    .sub_title{position: relative;font-size: var(--title-20);display: flex;flex-direction: column;gap: 20px;}
        .sub_title.cen{text-align: center;}
        .sub_title.hd{margin-bottom: 38px;}
    .sub_title h2{font-size: 50px;font-weight: 500;color:var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .sub_title h2 em{font-weight: inherit; color: var(--point-color01);}
    .sub_title h3{font-size: 40px;font-weight: 600;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.03em;}
    .sub_title h3 em{font-weight: 600; color: var(--point-color01);}
    .sub_title h4{font-size: 170%;font-weight: 600;color: var(--black-color01);letter-spacing: -0.03em;}
        .sub_title h4.bullet{display: flex;align-items: baseline;gap: 20px;}
        .sub_title h4.bullet::before{display: inline-flex;content:'';width: 8px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color03);translate: 0 -8px;flex-shrink: 0;}
    .sub_title p{font-size: inherit;font-weight: 400;color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}
    .sub_title p strong{font-weight:500;color: var(--black-color03);}
    .sub_title p b{font-weight:500;}

    @media (max-width:1023px) {
        .sub_title{gap: clamp(12px, 2vw, 20px);}
        .sub_title.hd{margin-bottom: clamp(20px, 3.8vw, 38px);}
        .sub_title h2{font-size: clamp(30px, 5vw, 50px);}
        .sub_title h3{font-size: clamp(23px, 4vw, 40px);}
        .sub_title h4{font-size: 160%;}
        .sub_title h4.bullet{gap: clamp(12px, 2vw, 20px);}
    }
    @media (max-width:640px) {
        .sub_title h4{font-size: 150%;}
        .sub_title h4.bullet::before{width:6px;translate: 0 -6px;}
    }
    @media (max-width:479px) {
        .sub_title h4{font-size: 140%;}
        .sub_title p{font-size: 90%;}
    }

/* infoStep */
    .infoStep{display: grid; gap: 120px; counter-reset: infoStep; padding-top: 20px;}
    .infoStep > li{display: flex;align-items: center; gap: 50px 0;}
    .infoStep .thumb{flex-shrink: 0;width: 50%;height: 460px;border-radius: var(--radius-20);overflow: hidden;}
    .infoStep .thumb img{width:100%;height: 100%;object-fit: cover;}
    .infoStep .sub_title{width: 100%;margin-inline: clamp(50px, 5.3vw, 100px);}
    .infoStep .sub_title::before{content: '( ' counter(infoStep, decimal-leading-zero) ' )';counter-increment: infoStep;font-size: 90%;font-weight: 600;color: var(--point-color01);margin-bottom: 17px;letter-spacing: -0.03em;}
    .infoStep .sub_title h2{border-bottom: 1px solid var(--border-color01);padding-bottom: 43px;margin-bottom: 20px;}

        .infoStep > li:nth-child(2n){flex-direction: row-reverse;}

    @media (max-width:1023px) {
        .infoStep{gap: clamp(70px, 12vw, 120px); padding-top: clamp(0px, 2vw, 20px);}
        .infoStep > li{flex-wrap: wrap; gap: clamp(30px, 5vw, 50px);}
        .infoStep .thumb{width: 100%; flex-shrink: unset; height: clamp(300px, 46vw, 460px);}
        .infoStep .sub_title{margin-inline: 0;}
        .infoStep .sub_title h2{padding-bottom: clamp(22px, 4.3vw, 43px);margin-bottom: clamp(10px, 2vw, 20px);}
        .infoStep .sub_title::before{margin-bottom: clamp(7px, 1.7vw, 17px);}
    }

/* galleryGrid */
    .ggBox{display: grid;gap: clamp(10px, 2.7vw, 50px);}
    .galleryGrid{display: flex; flex-wrap:wrap; gap: clamp(10px, 2.7vw, 50px);}
    .galleryGrid > li{position: relative; border-radius: var(--radius-20); overflow: hidden;}
        .galleryGrid > li:nth-child(1){width: 31.25%;}
        .galleryGrid > li:nth-child(2){width: calc(68.75% - clamp(10px, 2.7vw, 50px));}
    .ggBox .galleryGrid:nth-child(2n) > li:nth-child(1){width: calc(68.75% - clamp(10px, 2.7vw, 50px));}
    .ggBox .galleryGrid:nth-child(2n) > li:nth-child(2){width: 31.25%;}

    @media (max-width:479px) {
        .galleryGrid > li{width: 100% !important;}
    }

/* wideThumb */
    .wideThumb{position: relative; border-radius: var(--radius-20); height: 540px; overflow: hidden;}
    .wideThumb :where(img, iframe){width: 100%; height: 100%; object-fit: cover;}

    @media (max-width:1023px) {
        .wideThumb{height: clamp(250px, 54vw, 540px);}
    }

/* greetingMeta */
    .greetingMeta{display: flex;}
    .greetingMeta .info{width: 43.75%;flex-shrink: 0;padding-right: 50px;}
    .greetingMeta .exp{width: 100%; padding-top: 10px;}
    .greetingMeta .sign{font-size: var(--title-20);display: flex;align-items: center;flex-wrap: wrap;gap: 15px;margin-top: 40px;}
    .greetingMeta .sign dt{font-size: 110%;font-weight: 500;color: var(--black-color03);}
    .greetingMeta .sign dd{font-size: 140%;font-weight: 600;color: var(--black-color01);}
    .greetingMeta .iconDesc{display: flex;align-items: baseline;font-size: var(--title-20);gap: 12px 20px;}
    .greetingMeta .iconDesc dt{display: flex;align-items: baseline;gap: 16px;font-weight: 600;color: var(--black-color03);font-family: var(--font-type01);width: 200px;letter-spacing: -0.03em;flex-shrink: 0;}
    .greetingMeta .iconDesc dt i{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;background: var(--point-color01);flex-shrink: 0;border-radius: var(--radius-08);padding: 7px;}
    .greetingMeta .iconDesc dd{font-size: 90%;font-weight: 400;color: var(--black-color05);display: flex;align-items: baseline;flex-wrap: wrap;letter-spacing: -0.03em;gap: 10px 0;width: 100%;}
    .greetingMeta .iconDesc dd span{position: relative;}
    .greetingMeta .iconDesc dd span::after{display: inline-flex;content:'';width: 1px;height: 12px;background: var(--border-color01);margin-inline: 20px;}
    .greetingMeta .iconDesc dd span:last-child::after{display: none;}

    @media (max-width:1023px) {
        .greetingMeta{flex-wrap: wrap;gap: clamp(15px, 4vw ,40px);}
        .greetingMeta .info{width: 100%; flex-shrink: unset; padding-right: 0;}
        .greetingMeta .exp{padding-top:0;}
        .greetingMeta .sign{margin-top: clamp(20px, 4vw, 40px);}
        .greetingMeta .iconDesc dt{width: clamp(140px, 20vw, 200px);gap: clamp(12px, 2.1vw, 16px);}
        .greetingMeta .iconDesc dt i{width: clamp(28px, 4.1vw, 30px);height: clamp(28px, 4.1vw, 30px);}
        .greetingMeta .iconDesc dd span::after{height: clamp(10px, 1.7vw, 12px); margin-inline: clamp(15px, 2vw, 20px);}
    }
    @media (max-width:640px) {
        .greetingMeta .iconDesc{flex-wrap: wrap;}
		.greetingMeta .sign dd img{height:38px;}
    }

/* hisSwiper */
    .hisSwiper{position:relative;}
    .hisSwiper .swiper-slide{position:relative;display: flex;flex-direction: column;gap: 24px;height: auto;}
    .hisSwiper .thumb{position:relative;border-radius: var(--radius-20);aspect-ratio: auto 1.56;overflow: hidden;}
    .hisSwiper .thumb img{width:100%; height:100%; object-fit:cover;}
    .hisSwiper .cont{position:relative;font-size: var(--title-20);display: grid;gap: 8px;}
    .hisSwiper .cont h3{font-size:60px;font-weight: 600;color: var(--black-color01);font-family: var(--font-type01);line-height: 1.4;}
    .hisSwiper .cont h3 em{display:inline-block;font-weight: inherit;background: var(--point-grid02);background-clip: text;color: var(--trans-color);letter-spacing: -0.03em;}
    .hisSwiper .desc{display: grid;gap: 9px;}
    .hisSwiper .desc dt{font-size: 110%;font-weight: 500;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.03em;}
    .hisSwiper .desc dd{font-size: 95%;font-weight: 400;color: var(--black-color05);line-height: 1.6;letter-spacing: -0.03em;}
    .hisSwiper .desc dd:empty{display:none;}
    #wrap .hisSwiper .swiper-pagination{position: relative;inset: auto;width: 100%;height: 4px;background: var(--border-color01);margin-top: 80px;}
    #wrap .hisSwiper .swiper-pagination span{background: var(--point-color01);}

    @media (max-width:1023px) {
        #wrap .hisSwiper .swiper-pagination{margin-top: clamp(25px, 8vw, 80px);}
        .hisSwiper .swiper-slide{gap: clamp(18px, 2.4vw, 24px);}
        .hisSwiper .cont h3{font-size: clamp(36px, 6vw, 60px);}
    }
    @media (max-width:479px) {
        #wrap .hisSwiper .swiper-pagination{height: 3px;}
        .hisSwiper .desc dt{font-size:105%;}
        .hisSwiper .desc dd{font-size:95%;}
    }

/* organMeta */
    .organMeta{position:relative;}
    .organMeta::after{position: absolute;content:'';width: 1400px;aspect-ratio: auto 2.02;background: url('../images/sub/organMeta.png') no-repeat center / 100% auto;top: 20px;left: 49.5%;translate: -50%;z-index: -1;}
    .organMeta .circle{position: relative;width: 100%;max-width: 280px;aspect-ratio: auto 1;margin-inline: auto;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
        .organMeta .circle::before{position: absolute;content:'';inset: 0;border: 1px dashed var(--point-color01);border-radius: inherit;opacity: 0.6;}
        .organMeta .circle::after{position: absolute;content:'';width: 1px;height: 80px;top: calc(100% - 20px);left:50%;background: var(--border-color01);margin-left: -1px;}
    .organMeta .circle .desc{position: relative;width: calc(100% - 40px);height: calc(100% - 40px);border-radius: inherit;background: var(--point-color01);display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 11px;text-align: center;padding: 15px;font-size: var(--title-20);color: var(--point-white);box-shadow: var(--shadow-04);z-index: 1;}
    .organMeta .circle .desc dt{font-size: inherit;font-weight: 300;letter-spacing: -0.03em;}
    .organMeta .circle .desc dd{font-size: 200%;font-weight: 600;letter-spacing: -0.03em;}
    .organMeta .team_list{position: relative;padding-top: 120px;display: grid;grid: auto / repeat(2, 1fr);font-size: var(--title-20);text-align: center;gap: clamp(50px, 7.2vw, 120px);}
    .organMeta .team_list > li{position: relative;}
    .organMeta .team_list > li > span{position: relative; display: flex;align-items: center;justify-content: center;font-size: 120%;font-weight: 500;color: var(--point-white);letter-spacing: -0.03em;background: var(--point-grid03);width: 100%;max-width: 280px;margin-inline: auto;border-radius: var(--radius-10);padding: 24px 15px;}
        .organMeta .team_list > li::before{position: absolute;content:'';width: 1px;height: 60px;background: var(--border-color01);left:50%;bottom:100%;margin-left: -1px;}
        .organMeta .team_list > li::after{position: absolute;content: '';bottom: calc(100% + 60px);left: 50%;width: calc(100% + clamp(50px, 7.2vw, 120px));height: 1px;background: var(--border-color01);}
        .organMeta .team_list > li:last-child::after{display: none;}
        .organMeta .team_list > li > span::before{position: absolute;content:'';width: 14px;aspect-ratio: auto 1;left: 50%;bottom: calc(100% + 60px);border-radius: 100%;border: 4px solid var(--trans-color);background-image: linear-gradient(#fff, #fff), var(--point-grid05);background-origin: border-box;background-clip: content-box, border-box;translate: -50% 50%;z-index: 1;}
    .organMeta .team_list .dep02{position: relative;padding-top: 80px;display: flex;justify-content: center;gap: clamp(10px, 1.4vw, 25px);}
        .organMeta .team_list .dep02::before{position: absolute;content:'';width: 1px;height: 40px;background: var(--border-color01);top: 0;left: 50%;margin-left: -1px;}
    .organMeta .team_list .dep02 > li{position: relative;width: calc(100% / 3 + 14px);}
        .organMeta .team_list .dep02 > li::before{position: absolute;content:'';width: 1px;height: 40px;background: var(--border-color01);left: 50%;bottom: 100%;margin-left: -1px;}
        .organMeta .team_list .dep02 > li::after{position: absolute;content:'';width: calc(100% + clamp(10px, 1.4vw, 25px) + 1px);height: 1px;background: var(--border-color01);bottom: calc(100% + 40px);left: calc(50% - 1px);}
        .organMeta .team_list .dep02 > li:last-child::after{display: none;}
    .organMeta .team_list .dep02 > li > span{position: relative;display: flex;align-items: center;justify-content: center;border: 1px solid var(--point-color03);border-radius: var(--radius-10);background: var(--point-white);padding: 21px 10px;}
        .organMeta .team_list .dep02 > li > span::before{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;background: var(--point-color03);top: 0;left: 50%;translate: -50% -50%;border-radius: 100%;}

        .organMeta .team_list > li.pt02 > span{background: var(--point-grid04);}
        .organMeta .team_list > li.pt02 > span::before{background-image: linear-gradient(#fff, #fff), var(--point-grid06);}
        .organMeta .team_list > li.pt02 .dep02 > li > span{border-color: var(--point-color04);}
        .organMeta .team_list > li.pt02 .dep02 > li{width: calc(100% / 3 - clamp(10px, 1.4vw, 25px) * 2 / 3);}
        .organMeta .team_list > li.pt02 .dep02 > li > span::before{background: var(--point-color04);}

    @media (max-width:1023px) {
        .organMeta .circle{max-width: clamp(200px, 28vw, 280px);}
        .organMeta .circle .desc{gap: clamp(9px, 1.1vw, 11px);}
        .organMeta .circle .desc dd{font-size: 190%;}
        .organMeta .team_list{gap: 15px;}
        .organMeta .team_list > li::after{width:calc(100% + 16px);}
        .organMeta .team_list > li > span{max-width: clamp(200px, 28vw, 280px);}
        .organMeta .team_list .dep02 > li{width: 100%;}
        .organMeta .team_list > li.pt02 .dep02 > li{width: 100%;}
        .organMeta .team_list > li > span{padding-block: clamp(17px, 2.9vw, 24px);}
        .organMeta .team_list .dep02 > li > span{padding-block: clamp(15px, 2.6vw, 21px);font-size: 90%;}
    }
    @media (max-width:640px) {
        .organMeta::before{position: absolute;content:'';width: 1px;height: calc(100% - 15px);background: var(--border-color01);top: 15px;left: 50%;margin-left: -1px;}
        .organMeta .circle::after{display: none;}
        .organMeta .circle .desc{width: calc(100% - 30px);height: calc(100% - 30px);}
        .organMeta .circle .desc dd{font-size: 180%;}
        .organMeta .team_list{grid: auto / repeat(1, 1fr);gap: 60px;padding-top: 70px;}
        .organMeta .team_list > li::after{display: none;}
        .organMeta .team_list > li::before{height: 30px;}
        .organMeta .team_list > li > span{max-width: 100%;}
        .organMeta .team_list > li > span::before{bottom: calc(100% + 30px);width: 12px;}
        .organMeta .team_list .dep02{padding-top: 60px;}
        .organMeta .team_list .dep02::before{display: none;}
        .organMeta .team_list .dep02 > li::before{height: 30px;}
        .organMeta .team_list .dep02 > li::after{bottom: calc(100% + 30px);}
    }
    @media (max-width:479px) {
        .organMeta .team_list > li > span{font-size: 110%;}
        .organMeta .circle .desc dt{font-size: 90%;}
        .organMeta .circle .desc dd{font-size: 170%;}
    }

/* goodsList */
    .goodsList{display: grid;grid:auto / repeat(3, 1fr);gap: clamp(15px, 2.7vw, 50px);}
    .goodsList > li{position: relative;padding: 20px;border-radius: var(--radius-20);box-shadow: inset 0 0 0 1px var(--border-color01);font-size: var(--title-20);text-align: center;}
    .goodsList .link{position: absolute; inset: 0; z-index: 3;}
    .goodsList .desc{position: relative;display: grid;gap: 24px;padding-bottom: 11px;}
    .goodsList .desc dt{width: 100%;aspect-ratio: auto 1.35;border-radius: var(--radius-10);overflow: hidden;}
    .goodsList .desc dt img{width:100%;height:100%;object-fit:cover;}
    .goodsList .desc dd{font-size: 125%;font-weight: 600;color: var(--black-color01);line-height: 1.4;letter-spacing: -0.03em;}

    .no_data{text-align: center; font-size: var(--title-17); font-weight: 400; color: var(--black-color06); padding-block: 30px;}

    @media (max-width:1023px) {
        .goodsList > li{padding: clamp(15px, 2vw, 20px);}
        .goodsList .desc{gap: clamp(15px, 2.4vw, 24px);padding-bottom: clamp(8px, 1.1vw, 11px);}
        .goodsList .desc dd{font-size: 115%;}
        
    }
    @media (max-width:640px) {
        .goodsList{grid:auto / repeat(2, 1fr);}
    }
    @media (max-width:479px) {
        .goodsList{grid:auto / repeat(1, 1fr);}
    }

/* 페이징 */
    #wrap .paging {position: relative;padding:0;line-height:normal;margin: 80px 0 0;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;}
    #wrap .paging span {display: inline-block;}
    #wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size:var(--title-17);font-weight: 400;color:var(--black-color10);padding:0;border:0;box-sizing:border-box;width: auto;min-width: 40px;height: 40px;line-height:1;text-align:center;font-family:var(--font-type02);margin: 0;border: 0;font-family: var(--font-type01);}
    #wrap .paging :is(.on a, a.on){background: var(--point-color02);border-radius: var(--radius-04);color: var(--point-white);font-weight: 500;}
    #wrap .paging .arrow a {font-size:0;background: var(--gray-bg01) url('../images/sub/paging_prev.svg') no-repeat center / auto 10px;}
    #wrap .paging .arrow:where(.first, .last) a{background-image: url('../images/sub/paging_first.svg');}
    #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
    #wrap .paging .arrow.prev a{margin-right:20px;}
    #wrap .paging .arrow.next a{margin-left: 20px;}
    #wrap .paging .arrow a img{display: none;}


    @media (max-width:1023px) {
        #wrap .paging{margin-top: clamp(40px, 8vw, 80px);gap: clamp(5px, 1vw, 10px);}
        #wrap .paging a{min-width: clamp(30px, 4.5vw, 40px);height: clamp(30px, 4.5vw, 40px);}
        #wrap .paging .arrow a{background-size: auto clamp(8px, 1.5vw, 10px);}
        #wrap .paging .arrow.prev a{margin-right: clamp(10px, 2vw, 20px);}
        #wrap .paging .arrow.next a{margin-left: clamp(10px, 2vw, 20px);}
    }

/* bullet_list */
    .bullet_list{position: relative;font-size: var(--title-20);display: flex;flex-direction: column;gap: 10px;}
    .bullet_list > li{display: flex;align-items: baseline;gap: 12px;font-size: 90%;font-weight: 400;color: var(--black-color05);line-height: 1.55;letter-spacing: -0.03em;}
    .bullet_list > li::before{display: inline-flex;content:'';width: 4px;aspect-ratio: auto 1;background: var(--black-color08);flex-shrink: 0;border-radius: 100%;translate: 0 -5px;}

    @media (max-width:1023px) {
        .bullet_list{gap: clamp(7px, 1vw, 10px);}
        .bullet_list > li{gap: clamp(8px, 1.2vw, 12px);}
    }
    @media (max-width:640px) {
        .bullet_list > li::before{width: 3px;translate: 0 -4px;}
    }

/* prodView */
    .prodView{padding-block: 140px;}
    .prodView .w_custom{display: flex; align-items: center; gap: clamp(50px, 6.35vw, 120px);}
    .prodView .thumb{width: 42.5%;height: 680px;overflow: hidden;flex-shrink: 0;border-radius: var(--radius-20);}
    .prodView .thumb img{width: 100%; height: 100%; object-fit: cover;}
    .prodView .cont{width: 100%; display: flex; flex-direction: column; gap: 60px;}
    .prodView .desc{position: relative;font-size: var(--title-20);display: grid;gap: 34px;}
    .prodView .desc dt{font-size: 50px;font-weight: 700;color: var(--point-color01);line-height: 1.4;letter-spacing: -0.03em;}
    .prodView .desc dd{font-size: inherit;font-weight: 400;color: var(--black-color01);line-height: 1.6;letter-spacing: -0.03em;}
    .prodView .standard{padding: 30px 14px; border-top: 1px solid var(--black-color01); border-bottom: 1px solid var(--border-color01);}
    

    @media (max-width:1023px) {
        .prodView{padding-block:clamp(70px, 14vw, 140px);}
        .prodView .w_custom{flex-wrap: wrap;gap: clamp(25px, 5vw, 50px);}
        .prodView .cont{gap: clamp(30px, 6vw, 60px);}
        .prodView .thumb{width: 100%; height: auto; flex-shrink: unset}
        .prodView .desc{gap: clamp(15px, 3.4vw, 34px);}
        .prodView .desc dt{font-size: clamp(30px, 5vw, 50px);}
        .prodView .standard{padding: clamp(21px, 3vw, 30px) clamp(5px, 1.4vw, 14px);}
    }

/* 버튼 */
    #wrap .btn_wrap{position: relative;display: flex;justify-content: center;text-align: center;font-size: var(--title-20);padding: 0;margin: 80px 0 0;}
    #wrap .btn_wrap :where(button, a){display: flex;align-items: center;justify-content: center;text-align: center;font-size: 90%;font-weight: 600;color: var(--point-color01);border: 1px solid var(--point-color01);border-radius: var(--radius-10);background: var(--point-white);padding: 18px 15px;width: auto;min-width: 220px;height: auto;line-height: 1.2;font-family: var(--font-type01); transition: all 0.4s;}
    #wrap .btn_wrap :where(button, a).list{gap:24px;}
    #wrap .btn_wrap :where(button, a).list::before{display: inline-flex;content: '';width: 18px;aspect-ratio: auto 1;background: url('../images/sub/list_icon.svg') no-repeat center / 100% auto; transition: inherit;}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            #wrap .btn_wrap :where(button, a):hover{background: var(--point-color01); color: var(--point-white);}
            #wrap .btn_wrap :where(button, a):hover::before{filter: var(--filter-white);}
        }

    @media (max-width:1023px) {
        #wrap .btn_wrap{margin-top: clamp(40px, 8vw, 80px);}
        #wrap .btn_wrap :where(button, a){min-width: clamp(160px, 23vw, 220px);padding-block: clamp(15px, 2.3vw, 18px);}
        #wrap .btn_wrap :where(button, a).list{gap:clamp(15px, 2.4vw, 24px);}
        #wrap .btn_wrap :where(button, a).list::before{width: clamp(14px, 2.3vw, 18px);}
    }

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

    게시판

───────────────────────────────────────────────────────────*/
	/* 인풋 */
        #wrap :where([type="text"], select){background: var(--point-white);border-radius:6px;font-size: var(--title-19);font-weight: 400;color: var(--black-color03);line-height: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:60px;padding: 0 20px;letter-spacing: -0.03em; transition: all 0.4s;border:none;}
            #wrap :where([type="text"], select)::placeholder{color: var(--black-color10);}
            #wrap :where([type="text"], select):focus{border-color: var(--black-color00);}
        #wrap select{width: 100%;max-width: 160px;padding-right: 45px;appearance: none;background:var(--gray-bg01) url('../images/sub/sel_arw.svg') no-repeat calc(100% - 20px) / 11px auto;}
		
		#wrap :where([type="text"], [type="password"], [type="number"], [type="date"]) {height:60px;line-height:initial;border:none;color:var(--black-color08);font-size:var(--title-18);padding:0 20px;border-radius:6px;background:var(--gray-bg01);}
		#wrap input[type="text"]::-webkit-input-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]::-webkit-input-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]::-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]::-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]:-ms-input-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]:-ms-input-placeholder {color:var(--black-color10);}
		#wrap input[type="text"]:-moz-placeholder {color:var(--black-color10);}
		#wrap input[type="password"]:-moz-placeholder {color:var(--black-color10);}
		#wrap input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px rgba(255, 255, 255, 0) inset;-webkit-text-fill-color:var(--black-color08);font-size:inherit;}

    @media (max-width:1023px) {
        #wrap :where([type="text"], [type="password"], [type="number"], [type="date"], select){padding-inline: clamp(15px, 2.3vw, 20px);height: clamp(40px, 6.1vw, 60px);}
        #wrap select{max-width: clamp(110px, 18vw, 160px);padding-right: clamp(35px, 5.5px, 30px);background-position: calc(100% - clamp(15px, 2.3vw, 20px)) 50%;background-size: clamp(8px, 1.9vw, 11px);}
    }

    #wrap .search_wrap{position: relative; margin-bottom:40px;}
    #wrap .search_wrap fieldset{display: flex;gap: 10px; justify-content: flex-end;}
    #wrap .search_wrap select{flex-shrink: 0;}
    #wrap .search_wrap .inp_box{position: relative;width: 100%; max-width:360px;}
    #wrap .search_wrap .inp_box [type="text"]{width: 100%;}
    #wrap .search_wrap .inp_box button{position: absolute;top: 0;right:0;width:60px;height:100%;background:var(--black-color02) url('../images/sub/icon_search.svg') no-repeat center / 22px auto;box-sizing:border-box;border-radius:0 6px 6px 0;}

    @media (max-width:1023px) {
        #wrap .search_wrap{margin-bottom: clamp(15px, 3vw, 40px);}
        #wrap .search_wrap .inp_box{max-width: clamp(250px, 40vw, 360px);}
		#wrap .search_wrap .inp_box button{width:clamp(40px, 6.1vw, 60px);height: clamp(40px, 6.1vw, 60px);background-size:clamp(15px, 2.2vw, 22px);}
    }
    @media (max-width:479px) {
        #wrap .search_wrap fieldset{flex-wrap: wrap;}
        #wrap .search_wrap select{flex-shrink: unset;max-width: 100%;}
        #wrap .search_wrap .inp_box{max-width: 100%;}
    }

    /* 일반 */
        .nodata{position: relative; text-align: center; font-size: var(--title-18); font-weight: 600; color: var(--black-color06); padding-block: 50px;}
        .bbs_table{position: relative; width: 100%; table-layout: fixed; font-size: var(--title-20); border-top: 1px solid var(--black-color01);}
        .bbs_table :where(th, td){line-height: 1.3;border-bottom: 1px solid var(--border-color01);padding: 26px 10px;text-align: center;letter-spacing: 0;}
        .bbs_table th{font-size:100%; font-weight: 500; color: var(--black-color01);}
        .bbs_table td{font-size:100%;font-weight: 400; color: var(--black-color08);font-family:var(--font-type03);}
        .bbs_table td.left{text-align: left; padding-inline: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break: break-all;color:var(--black-color03);font-weight:400;font-family:var(--font-type01);}
		.bbs_table .notice td.left{font-weight:500;}
		.bbs_table .notice .tag{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-16);color:var(--point-white);font-weight:600;background:var(--point-grid01);padding:10px 21px 8px;border-radius:50px;line-height:1;}
        .bbs_table .for_t{display: none;}
            .bbs_table.donors td{color: var(--black-color05);}

		@media (max-width:1023px) {
			.bbs_table .notice .tag{padding:6px 15px 4px;}
		}
        @media (max-width:860px) {
            .bbs_table{display: block; }
            .bbs_table thead{display: none;}
            .bbs_table :where(tbody, tr, th, td){display: block; width: 100%; border:0; padding:0; text-align: left;}
            .bbs_table tr{padding:20px;display: flex;flex-wrap: wrap;gap: 10px 20px;border-bottom: 1px solid var(--border-color01);}
            .bbs_table td{width: auto;}
            .bbs_table td.left{width: 100%; padding: 0;}
			.bbs_table td.num{display: none;}
            .bbs_table .for_pc{display: none;}
            .bbs_table .for_t{display: inline-block;}
        }
		
	/*gallery*/
	.gallery_list{display: flex;flex-wrap:wrap;gap:28px;}
	.gallery_list li{width:calc(25% - 21px);box-sizing:border-box;border-radius:var(--radius-10);border:1px solid var(--border-color01);padding:20px 19px 29px;position: relative;transition:all 0.3s;}
	.gallery_list li a{display:block;width:100%;height:100%;position: absolute;top:0;left:0;z-index:3;}
	.gallery_list li .thumb{position: relative;overflow:clip;border-radius:var(--radius-10);width:100%;aspect-ratio:auto 1.57;}
	.gallery_list li .thumb img{width:100%;height:100%;object-fit:cover;}
	.gallery_list li .plus_icon{position: absolute;top: 50%;left: 50%;translate: -50% -50%;opacity: 0;transform: translateY(10px);z-index: 2;}
	.gallery_list li .txt_info{margin-top:25px;font-size:var(--title-20);}
	.gallery_list li .txt_info h3{font-size:100%;color:var(--black-color00);font-weight:500;line-height:1.3;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.gallery_list li .txt_info .cont{margin-top:12px;font-size:80%;color:var(--black-color06);font-weight:400;line-height:1.6;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:2;}
	.gallery_list li .txt_info .date{margin-top:30px;font-size:90%;color:var(--black-color08);font-weight:500;line-height:1.4;font-family:var(--font-type03);}
	
		/* over */
            @media (hover:hover) and (pointer:fine) {
				.gallery_list li:hover{border-color:var(--black-color03);box-shadow: 10px 20px 20px 0 rgba(0, 0, 0, 0.15);}
				.gallery_list li:hover .plus_icon{opacity: 1;transform: translate(0);}
			}
		
		@media (max-width:1200px) {
			.gallery_list li{width:calc(100% / 3 - 19px);}
		}
		@media (max-width:1023px) {
			.gallery_list{gap:18px;}
			.gallery_list li{width:calc(100% / 3 - 12px);padding:20px 12px 29px;}
		}
		@media (max-width:640px) {
			.gallery_list{gap:15px;}
			.gallery_list li{width:calc(100% / 2 - 7.5px);padding:15px 12px 20px;}
			.gallery_list li .txt_info{margin-top:16px;}
			.gallery_list li .txt_info .cont{margin-top:10px;}
			.gallery_list li .txt_info .date{margin-top:20px;}
		}
		@media (max-width:479px) {
			.gallery_list li{width:100%;}
		}
	/*view*/
        .bbs_view{font-size: var(--title-20);}
		.bbs_view .view_title{display: flex;flex-direction: column;gap:30px;box-sizing:border-box;padding-bottom:40px;border-bottom:1px solid var(--border-color01);font-size:var(--title-20);align-items: flex-start;}
		.bbs_view .view_title .preface{display: inline-block;box-sizing:border-box;font-size:100%;color:var(--point-white);font-weight:400;line-height:1.3;border-radius:4px;padding:2px 8px;background:var(--black-color08);}
		.bbs_view .view_title .preface.ing{background:var(--point-grid01);}
		.bbs_view .view_title h3{display: flex;align-items:flex-start;gap:20px;}
		.bbs_view .view_title h3 .notice{display: inline-flex;align-items: center;justify-content: center;box-sizing:border-box;font-size:var(--title-16);color:var(--point-white);font-weight:600;background:var(--point-grid01);padding:10px 21px 8px;border-radius:50px;line-height:1;flex-shrink:0;translate:0 14px;}
		.bbs_view .view_title h3 strong{font-size:200%;color:var(--black-color03);font-weight:600;line-height:1.4;}
		.bbs_view .view_title .name_box{display: flex;align-items: center;gap:40px;}
		.bbs_view .view_title .name_box dl{display: flex;align-items: center;gap:16px;position: relative;}
		.bbs_view .view_title .name_box dl + dl:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;position: absolute;left:-20px;top:50%;translate:0 -50%;}
		.bbs_view .view_title .name_box dl dt, .bbs_view .view_title .name_box dl dd{font-size:95%;font-weight:500;font-family:var(--font-type03);}
		.bbs_view .view_title .name_box dl dt{color:var(--black-color06);}
		.bbs_view .view_title .name_box dl dd{color:var(--black-color08);}
		#wrap .bbs_view div.view_cont{border-bottom:1px solid var(--border-color01);padding:40px 0;font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.7;word-break: keep-all;width: 100%;margin: 0;text-align: inherit;}
		#wrap .sub_board .bbs_view .extra_editor_wrap{display: flex;box-sizing:border-box;border-radius:var(--radius-10);background:var(--gray-bg01);align-items: center;padding:27px 0;border:none;margin-top:40px;}
		#wrap .sub_board .bbs_view .extra_editor_wrap h4, #wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{display: block;font-size:var(--title-20);padding:0;}
		#wrap .sub_board .bbs_view .extra_editor_wrap h4{text-align: center;font-size:var(--title-19);color:var(--black-color03);font-weight:500;width:180px;flex-shrink:0;background:none;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{box-sizing:border-box;padding:0 30px 0 60px;position: relative;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont:before{width:1px;height:12px;content:"";background:var(--border-color01);display: inline-block;position: absolute;left:0;top:50%;translate:0 -50%;}
		#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont a{font-size:var(--title-19);color:var(--black-color06) !important;font-weight:400;}
		
		@media (max-width:860px) {
			.bbs_view .view_title {gap:15px;padding-bottom:25px;}
			.bbs_view .view_title h3{gap:12px;}
			.bbs_view .view_title h3 .notice{padding:8px 16px 8px;translate:0 11px;}
			.bbs_view .view_title h3 strong{font-size:170%;}
			.bbs_view .view_title .name_box{gap:20px;}
			.bbs_view .view_title .name_box dl{gap:10px;}
			.bbs_view .view_title .name_box dl + dl:before{left:-10px;}
			
			#wrap .sub_board .bbs_view .extra_editor_wrap{padding:20px 0;margin-top:30px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:120px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:0 20px 0 30px;}
		}
		@media (max-width:640px) {
			.bbs_view .view_title h3 .notice{translate:0 9px;}
		}
		@media (max-width:479px) {
			.bbs_view .view_title h3{flex-direction: column;align-items: center;}
			.bbs_view .view_title h3 strong{font-size:150%;}
			.bbs_view .view_title h3 .notice{padding:7px 13px;}
			.bbs_view .view_title .name_box{flex-direction: column;gap:8px;}
			.bbs_view .view_title .name_box dl + dl:before{display: none;}
			
			#wrap .bbs_view div.view_cont{padding:20px 0;}
			#wrap .sub_board .bbs_view .extra_editor_wrap{padding:15px 0;margin-top:20px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap h4{width:90px;}
			#wrap .sub_board .bbs_view .extra_editor_wrap > div.extra_cont{padding:0 20px;}
			
		}
		
	/*write*/
		/* 작성 */
        #wrap .bbs_write{position: relative; display: block; width: 100%; border-top: 1px solid var(--black-color03); border-bottom: 1px solid var(--border-color01); padding:30px 20px;}
        #wrap .bbs_write :where(tbody, tr, th, td){display: block; width: 100%; border:0; padding:0; background: none;}
        #wrap .bbs_write tbody{display: flex; flex-wrap: wrap; gap: 20px clamp(40px, 4.2vw, 80px);}
        #wrap .bbs_write tr{width: calc(100% / 2 - clamp(40px, 4.2vw, 80px) / 2);display: flex;align-items: baseline;font-size: var(--title-20);gap: 12px 0;}
            #wrap .bbs_write tr:has(:is(#title, #contents)){width: 100%;}
        #wrap .bbs_write th{width: 170px;flex-shrink: 0;font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.3;letter-spacing: -0.03em;vertical-align: middle;padding-right: 15px;}
            #wrap .bbs_write tr:has(textarea) th{translate: 0 15px;}
        #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color01);}
        #wrap .bbs_write td{width: 100%;font-size: 90%;font-weight: 400;color: var(--black-color06);line-height: 1.3;letter-spacing: -0.03em;vertical-align: middle;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
            #wrap .bbs_write td:has(.cap_wrap){flex-wrap: nowrap;}
        #wrap .bbs_write td :where([type="text"], [type="password"], select){width: 100%;min-width: auto;height: 60px;vertical-align: middle;border-radius: var(--radius-08);border-color: var(--border-color02);color: var(--black-color03);margin: 0;}
            #wrap .bbs_write td :where([type="text"], [type="password"], select)::placeholder{color: var(--black-color07);}
        #wrap .bbs_write select{background: url('../images/sub/selArw.svg') no-repeat calc(100% - 18px) 50%;padding-right: 50px;}
        #wrap .bbs_write :where(textarea, iframe){vertical-align: top;}
        #wrap .bbs_write textarea{border-radius: var(--radius-06);resize: none;font-size: var(--title-18);font-weight: 400;color: var(--black-color03);border: 1px solid var(--border-color02);padding: 18px;letter-spacing: -0.03em;line-height: 1.6;height: 160px;}
        #wrap .bbs_write [for="is_secret-y"]{margin-bottom: 10px;}
        
        #wrap .bbs_write .cap_wrap{display: flex;align-items: center;width: 225px;height:60px;box-shadow: inset 0 0 0 1px var(--border-color02);padding:10px;gap: 10px;flex-shrink: 0;border-radius: var(--radius-08);}
        #wrap .bbs_write #captcha_box{width: 100%;height: 100%;overflow: hidden;border: 1px solid var(--border-color01);border-radius: inherit;margin: 0;}
        #wrap .bbs_write #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;translate: -1px -1px;max-width: none;max-height: none;}
        #wrap .bbs_write #refreshCode{width: 40px;height: 100%;border: 1px solid var(--border-color02);background: url('../images/sub/icon_reset.svg') no-repeat center;flex-shrink: 0;border-radius: inherit;}
        #wrap .policy_wrap{box-sizing: border-box;margin-top: 30px;}
        #wrap .policy_wrap .area_box{margin-top: 20px;}

        input[type="checkbox"] {display:none;}
		input[type="checkbox"] + label {position:relative;cursor:pointer;padding-left:34px;box-sizing: border-box;display: inline-block;font-size:18px;line-height: 24px;font-weight: 500;color: var(--black-color03);}
		input[type="checkbox"] + label:before{position: absolute;content:"";width: 26px;height: 26px;background:url("../images/sub/ico_chk_off.svg") no-repeat left center;top:0;left:0;margin:0;}
		input[type="checkbox"]:checked + label:before{background-image:url("../images/sub/ico_chk_on.svg");}
        input[type="checkbox"] + label em{font-weight: inherit; color: var(--point-color10);}

        #wrap .area_box textarea{width: 100%;padding:15px 17px;background: none;box-sizing: border-box;font-size: var(--title-15);font-weight: 400;color: var(--black-color07);line-height: 1.73;height:120px;border:1px solid var(--border-color01);border-radius: var(--radius-06);resize: none;}
        #wrap .area_box textarea{ scrollbar-gutter: stable;}
        #wrap .area_box textarea::-webkit-scrollbar {width: 4px;}
        #wrap .area_box textarea::-webkit-scrollbar-track {box-shadow:-10px 0 0 var(--border-color01); border-radius: 10px; margin: 10px;}
        #wrap .area_box textarea::-webkit-scrollbar-thumb {box-shadow:-10px 0 0 var(--black-color10); border-radius: 10px;}



    @media (max-width:1200px) {
		#wrap .bbs_write td:has(.cap_wrap){flex-wrap: wrap;}
    }
    @media (max-width:1023px) {
		#wrap .bbs_write{padding: clamp(25px, 3vw, 30px) clamp(15px, 2vw, 20px);}
        #wrap .bbs_write tr{width: 100%;}
        #wrap .bbs_write th{width: clamp(120px, 17vw, 170px);}
        #wrap .bbs_write td :where([type="text"], [type="password"], select){height: clamp(46px, 8vw, 60px);}
    }
    @media (max-width:640px) {
        #wrap .bbs_write tr{flex-wrap: wrap;}
        #wrap .bbs_write th{width:100%; flex-shrink: unset; padding-right: 0;}
        #wrap .bbs_write tr:has(textarea) th{translate: 0;}
    }

/* 탭 */
    .comTab{display: flex;justify-content: center;flex-wrap: wrap;font-size: var(--title-20);gap: 15px;margin-bottom: 40px;}
    .comTab:has(+ .comTab){margin-bottom: 15px;}
    .comTab:not(:has(li)){display: none;}
    .comTab > li{font-size: 85%;font-weight: 400;color: var(--black-color06);}
    .comTab > li > a{display: flex;align-items: center;justify-content: center;text-align: center;padding: 15px 25px;border: 1px solid var(--border-color01);border-radius: var(--radius-08);}
    .comTab > li.on > a{border-color: var(--point-color01);background: var(--point-color01);color: var(--point-white);}