@charset "utf-8";
.sub_content{font-family: var(--font-type01);}

/* 상단 네비 */
    .sub_loca{position: relative; background: var(--point-color01); z-index: 10;}
    .sub_loca .w_custom{width: 100%;}
    .sub_loca .desc{display: flex; font-size: var(--title-20);}
    .sub_loca .desc dt{width: 60px; aspect-ratio: auto 1; background: var(--point-color09); display: flex; align-items: center; justify-content: center; flex-shrink: 0;}
    .sub_loca .desc dd{position: relative;width: min(100%, 300px);font-size: 90%;font-weight: 400;color: var(--point-white);line-height: 1.4;letter-spacing: 0;padding-inline: 20px;display: flex;align-items: center;box-shadow: inset -1px 0 0 rgb(255 255 255 / 20%);cursor: pointer;}
        .sub_loca .desc dd:before{position: absolute;content: '';width: 9px;aspect-ratio: auto 1;border: 1px solid var(--point-white);clip-path: var(--clip-poly01);top: 45%;right: 20px;translate: 0 -50%;rotate: 45deg;transition: all 0.4s;}
        .sub_loca .desc dd.on:before{top: 55%;scale:-1 -1;}
    .sub_loca .desc dd span{position: relative;width: 100%;padding-right: 30px;word-break: break-all;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
    .sub_loca .desc .dep02{position: absolute;top:100%;left:0;width: 100%;background: var(--point-color01);padding-block: 17px;border-top: 1px solid rgb(255 255 255 / 20%);opacity: 0;pointer-events: none;transition: all 0.4s;}
        .sub_loca .desc dd.on .dep02{opacity: 1; pointer-events: all;}
    .sub_loca .desc .dep02 a{display: block;padding: 8px 20px;font-size: max(13px, 90%);font-weight: 300;opacity: 0.6;}
    .sub_loca .desc .dep02 a.on{opacity: 1;}

    @media (max-width:1023px) {
        .sub_loca .desc dt{width: clamp(46px, 6.5vw, 60px);}
        .sub_loca .desc dd{padding-inline: clamp(15px, 2vw, 20px);}
        .sub_loca .desc dd:before{right: clamp(15px, 2vw, 20px);}
    }
    @media (max-width:479px) {
        .sub_loca .desc dd{width:100%; box-shadow:none;}
        .sub_loca .desc dd:has(+ dd){display: none;}
        .sub_loca .desc dd:before{width: 8px;}
    }

/* 상단 타이틀 */
    .hd_title{position: relative; font-size: var(--title-20); padding-block: 40px 20px; border-bottom: 1px solid var(--border-color01); margin-bottom: 40px;}
    .hd_title h2{font-size: 46px; font-weight: 600; color: var(--black-color00); line-height: 1.4; letter-spacing: -0.03em;}
    .hd_title h2:has(.hisBack){display:flex;align-items: baseline;gap: 21px;}
    .hd_title .hisBack{display: inline-flex;width: 19px;aspect-ratio: auto 1;border: 2px solid var(--black-color12);clip-path: var(--clip-poly01);rotate: 135deg;border-radius: 2px;translate: 2px -6px;flex-shrink: 0;}

    @media (max-width:1023px) {
        .hd_title{padding-block: clamp(30px, 4vw, 40px) clamp(15px, 2vw, 20px);margin-bottom: clamp(30px, 4vw, 40px);}
        .hd_title h2{font-size: clamp(28px, 4.6vw, 46px);}
        .hd_title h2:has(.hisBack){gap: clamp(12px, 2.1vw, 21px);}
        .hd_title .hisBack{width: clamp(14px, 1.9vw, 19px);translate: 2px clamp(-6px, -0.6vw, 2px);}
    }

/* 3차 카테고리 */
    .thirdCategory{display: flex;flex-wrap: wrap;font-size: var(--title-20);gap: 20px; margin-bottom: 60px;}
    .thirdCategory a{display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: 130%;font-weight: 500;color: var(--black-color00);line-height: 1.3;padding: 11px 20px;background: var(--point-color03);border-radius: var(--radius-10);transition: all 0.4s;border: 1px solid var(--point-color03);}
        .thirdCategory a:where(.on, [selected="selected"]){background: var(--point-color01);color: var(--point-white);border-color: var(--point-color01);}

        /* over */
        @media (hover:hover) and (pointer:fine) {
            .thirdCategory a:not(:where(.on, [selected="selected"])):hover{border-color: var(--point-color01); color:var(--point-color01);}
        }

    @media (max-width:1023px) {
        .thirdCategory{margin-bottom: clamp(30px, 6vw, 60px); gap: clamp(15px, 2vw, 20px);}
        .thirdCategory a{padding: clamp(9px, 1.6vw, 11px) clamp(15px, 2vw, 20px);}
    }
    @media (max-width:640px) {
        .thirdCategory a{font-size: 120%;}
    }
    @media (max-width:479px) {
        .thirdCategory a{font-size: 110%;}
    }

/* 버튼 */
    .btnBox{display: flex; font-size: var(--title-20);}
    .btnBox a{display: flex;align-items: center;justify-content: center;text-align: center;font-size: 90%;font-weight: 500;color: var(--point-white);background: var(--point-color01);border-radius: var(--radius-04);width: 100%;padding: 15px 15px 14px;}

    .submitBox{display: flex;justify-content: center;font-size: var(--title-20);text-align: center;gap: 10px;margin-top: 70px;}
    .submitBox :where(button, a){display: flex;align-items: center;justify-content: center;font-size: inherit;font-weight: 500;color: var(--point-color01);border: 1px solid var(--point-color01);min-width: 240px;padding: 21px;border-radius: var(--radius-10);line-height: 1.3;}
        .submitBox :where(button, a).pt01{background: var(--point-color01); color: var(--point-white); font-weight: 600;}
        .submitBox :where(button, a).pt02{border-color: var(--black-color00); color: var(--black-color00); font-weight: 600;}

        .submitBox.right{justify-content: flex-end;margin-top: 20px;}
        .submitBox.right :where(button, a){width: auto;min-width: auto;padding: 6px 12px;font-size: max(12px, 70%);border-radius: var(--radius-04);line-height: 1.2;}

        .submitBox.bk{flex-wrap: wrap;gap: 15px;}
        .submitBox.bk :where(button, a){width: 100%;}

    @media (max-width:1023px) {
        .btnBox a{padding-block: clamp(13px, 2vw, 15px) clamp(12px, 1.9vw, 14px);}

        .submitBox{margin-top: clamp(35px, 7vw, 70px);}
        .submitBox :where(button, a){min-width: clamp(150px, 24.5vw, 240px);padding: clamp(14px, 2.6vw, 21px);}
        .submitBox.right{margin-top: clamp(15px, 2vw, 20px);}
        .submitBox.bk{gap:clamp(10px, 1.5vw, 15px);}
    }
    @media (max-width:479px) {
        .submitBox :where(button, a){width: 100%; min-width: auto;}
    }

/* 자격증 신청 */
    .courseList{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(15px, 3vw, 30px) clamp(15px, 2vw, 20px);}
    .courseList > li{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-10);padding: 30px;padding-top: 23px;font-size: var(--title-20);display: flex;flex-direction: column;gap: 18px;}
    .courseList .titleDesc{position: relative;display: grid;gap: 13px;}
    .courseList .titleDesc dt{font-size: max(13px, 65%); font-weight: 600; color: var(--point-color01); display: flex; align-items: center; justify-content: space-between; gap: 30px;}
    .courseList .titleDesc dd{font-size: 130%; font-weight: 600; color: var(--black-color00); line-height: 1.3; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .courseList .status{font-size: max(11px, 92.3%);font-weight: 500;color: var(--point-color11);border: 1px solid var(--point-color12);background: var(--point-color13);border-radius: 50px;padding: 5px 5px 4px;letter-spacing: 0;min-width: 60px;text-align: center;}
    .courseList .cont{display: grid;gap: 10px;}
    .courseList .itemDesc{display: flex; align-items: baseline; gap: 10px;}
    .courseList .itemDesc :where(dt, dd){font-size: 80%;font-weight: 400;color: var(--black-color01);letter-spacing: -0.02em;}
    .courseList .itemDesc dt{flex-shrink: 0; color: var(--black-color06); display: flex; align-items: baseline; gap: 10px;}
        .courseList .itemDesc dt:before{display: inline-flex;content:'';width: 16px;aspect-ratio: auto 1;background: url('../images/sub/course_icon01.svg') no-repeat center / 100% auto;translate: 0 2px;}
        .courseList .itemDesc.edu dt:before{background-image: url('../images/sub/course_icon02.svg');}
        .courseList .itemDesc.loc dt:before{background-image: url('../images/sub/course_icon03.svg');}
    .courseList .btnBox{margin-top: 6px;width: 100%;}

        .courseList > li.expected .status{color: var(--black-color08); background: var(--gray-bg04); border-color: var(--border-color05);}
        .courseList > li.expected .btnBox a{background: var(--gray-bg05);color: var(--black-color08);font-weight: 600;pointer-events: none;}

    @media (max-width:1023px) {
        .courseList{grid-template: auto / repeat(2, 1fr);}
        .courseList > li{gap: clamp(13px, 1.8vw, 18px);}
        .courseList .titleDesc{gap: clamp(10px, 1.3vw, 13px);}
        .courseList .itemDesc{gap: clamp(7px, 1vw, 10px);}
        .courseList .itemDesc dt{gap: clamp(7px, 1vw, 10px);}
        .courseList .itemDesc dt:before{width: clamp(14px, 2.1vw, 16px);translate: 0 clamp(0px, 0.5vw, 2px);}
    }
    @media (max-width:640px) {
        .courseList{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:479px) {
        .courseList > li{padding: 25px; padding-top: 22px;}
    }

/* 내역 테이블 */
    .appTable{position: relative; width: 100%;}
    .appTable table{position: relative; width: 100%; font-size: var(--title-20); line-height: 1.5; text-align: center;}
    .appTable thead{background: var(--gray-bg02);clip-path: inset(0 round var(--radius-10));}
    .appTable thead th{font-size: 90%;font-weight: 600;color: var(--black-color02);padding: 10px 5px;height: 70px;}
    .appTable td{padding: 8px 3px;border-bottom: 1px solid var(--border-color03);font-size: max(13px, 80%);font-weight: 400;color: var(--black-color03);letter-spacing: -0.02em;height: 67px;}
    .appTable td.left{text-align: left;padding-inline: 0;color: var(--black-color06);}
    .appTable .state{margin-inline: auto;}
    .appTable .pt01{font-weight: inherit; color: var(--point-color01);}

    .state{display: flex;align-items: center;justify-content: center;width: 100%;max-width: 100px;font-size: var(--title-14);font-weight: 500;color: var(--black-color08);border: 1px solid var(--border-color05);background: var(--gray-bg06);border-radius: var(--radius-05);padding: 4px 10px 3px;}
    .state.com{color: var(--point-color11); border-color: var(--point-color12); background: var(--point-color13);}
    .state.wait{color: var(--point-color14); border-color: var(--point-color15); background: var(--point-color16);}
    .state.none{border: 0;background: none;padding: 0;}

    @media (max-width:1023px) {
        .appTable thead th{height: clamp(60px, 7.5vw, 70px);}
        .appTable td{height: clamp(60px, 7vw, 67px);}

        .state{max-width:clamp(80px, 10vw, 100px);}
    }
    @media (max-width:860px) {
        .appTable.scr{overflow: hidden; overflow-x: auto; display: flex; width: calc(100% + 30px); margin-left: -15px; padding-inline: 15px;}
        .appTable.scr table{width: 860px; flex-shrink: 0;}
    }

/* 내역 상세 테이블 */
    .detailTable{position: relative; width: 100%;}
    .detailTable table{position: relative; width: 100%; border-top: 2px solid var(--black-color01); text-align: center; font-size: var(--title-20);}
        .detailTable.toggleCont table{border-top: 0;}
    .detailTable :where(th, td){font-size: 80%;font-weight: 400;color: var(--black-color06);line-height: 1.25;padding: 6px clamp(15px, 3vw, 40px);height: 52px;border-bottom: 1px solid var(--border-color01);letter-spacing: 0;}
    .detailTable th{font-weight: 500;color: var(--black-color01);background: var(--gray-bg01);}
    .detailTable td{text-align: left;}
    .detailTable td em{font-weight: 500; color: var(--point-color01);}
    .detailTable .gapBox a{width: fit-content;}

    @media (max-width:640px) {
        .detailTable :where(table, tbody, tr, th, td){display: block;width: 100%;}
        .detailTable :where(th, td){height:auto;padding-block: 15px;}
        .detailTable tr{display: flex;flex-wrap: wrap;}
        .detailTable th{width: 110px;display: flex;align-items: center;justify-content: center;}
        .detailTable td{width: calc(100% - 110px);}
    }
    @media (max-width:479px) {
        .detailTable th{width: 100px;}
        .detailTable td{width: calc(100% - 100px);}
    }

/* 안내사항 */
    .noticeBox{position: relative;border: 1px solid var(--border-color01);background: var(--gray-bg01);padding:20px 30px;border-radius: var(--radius-10);font-size: var(--title-20);display: grid;gap: 10px;}
    .noticeBox .title_box h6{font-size: max(12px, 70%); font-weight: 600; color: var(--black-color00); line-height: 1.71;}

    .notiList{display: grid; grid-template: auto / repeat(2, 1fr); gap: 20px;}
    .notiList > li{position: relative;padding: 26px 40px;min-height: 200px;border: 1px solid var(--border-color01);border-radius: var(--radius-20);}

    .bullet_list{position: relative; font-size: var(--title-20); display: grid;}
    .bullet_list > li{font-size: max(12px, 70%);font-weight: 400;color: var(--black-color06);line-height: 1.71;display: flex;align-items: baseline;gap: 9px;padding-left: 8px;letter-spacing: 0;}
    .bullet_list > li::before{display: inline-flex;content:'';width: 3px;aspect-ratio: auto 1;background: var(--black-color06);flex-shrink: 0;border-radius: 100%;translate: 0 -3px;}
    .bullet_list > li > a{display: contents;}
        .bullet_list.type02{gap: 5px;}
        .bullet_list.type02 > li{font-size: 80%; line-height: 1.5;}
        .bullet_list.type03{gap: 20px;}
        .bullet_list.type03 > li{font-size: inherit;line-height: 1.6;color: var(--black-color00);padding-left: 0;letter-spacing: -0.03em;gap: 12px;}
            .bullet_list.type03 > li:before{translate: 0 -6px;}
        .bullet_list.type03 > li em{font-weight: 500; color: var(--point-color01);}
        .bullet_list.type03 > li small{font-size: 90%; color: var(--black-color06);}
        .bullet_list.type04{gap: 10px;}
        .bullet_list.type04 > li{font-size: 90%;line-height: 1.4;color: var(--black-color00);padding-left: 0;gap: 4px;letter-spacing: -0.03em;}
        .bullet_list.type04 > li::before{background: var(--black-color00);}

    .bullet_list .line_desc{display: flex;gap: 7px 16px;}
    .bullet_list .line_desc dt{min-width: 82px;flex-shrink: 0;display: flex;justify-content: space-between;align-items: baseline;gap: 5px 16px;font-weight: 600;}
    .bullet_list .line_desc dt:after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color04);}
    .bullet_list .line_desc dd{color: var(--black-color03);}

    @media (max-width:1023px) {
        .noticeBox{padding: clamp(15px, 2vw, 20px) clamp(20px, 3vw, 30px);}

        .notiList{gap: clamp(15px, 2vw, 20px);}
        .notiList > li{padding: clamp(22px, 2.6vw, 26px) clamp(25px, 4vw, 40px);min-height: clamp(150px, 20vw, 200px);}

        .bullet_list > li{padding-left: clamp(5px, 1vw, 8px);gap: clamp(7px, 1.1vw, 9px);}
        .bullet_list.type03{gap:clamp(15px, 2vw, 20px);}
        .bullet_list.type03 > li{gap: clamp(9px, 1.2vw, 12px);}
        .bullet_list .line_desc dt{min-width: clamp(70px, 8.7vw, 82px);}
        .bullet_list .line_desc dt:after{height: clamp(10px, 1.7vw, 12px);}
    }
    @media (max-width:479px) {
        .bullet_list > li::before{width:2px;}
        .bullet_list.type03 > li{font-size: 90%;}
        .notiList{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:360px) {
        .bullet_list .line_desc{flex-direction: column;}
        .bullet_list .line_desc dt{min-width: auto;flex-shrink: unset;display: grid;}
        .bullet_list .line_desc dt:after{width: 12px; height: 1px;}
    }

/* 타이틀 */
    .bdBox{border: 2px solid var(--point-color01);padding: 22px 38px;border-radius: var(--radius-20);}

    .sub_title{position: relative;font-size: var(--title-20);display: flex;flex-direction: column;gap: 4px;}
        .sub_title.hd{margin-bottom: 16px;}
        .sub_title.hdL{margin-bottom: 30px;}
        .sub_title.bdB{padding-bottom: 10px; border-bottom: 2px solid var(--black-color00);}
        .sub_title.g20{gap: 20px;}
        .sub_title.bd{border: 1px solid var(--point-color01); border-radius: var(--radius-20); padding:40px;}
        .sub_title.bd.bg{border-color: var(--point-color03); background: var(--point-color03);}
        .sub_title.cen{text-align: center;}
        .sub_title.right{text-align: right;}
    .sub_title h2{font-size: 200%; font-weight: 600; color: var(--black-color00); line-height: 1.4; letter-spacing: -0.03em;}
    .sub_title h2 em{font-weight: inherit; color: var(--point-color01);}
    .sub_title h3{font-size: 170%;font-weight: 600;color: var(--black-color00);letter-spacing: -0.03em;}
        .sub_title h3.bullet{display: flex;align-items: baseline;gap: 14px;}
        .sub_title h3.bullet::before{display: inline-flex;content:'';width: 22px;aspect-ratio: auto 1;background: var(--point-white);border: 6px solid var(--point-color17);border-radius: 100%;flex-shrink: 0;translate: 0 -7px;}
        .sub_title h3.bullet.sm::before{width: 10px; border:0; background: var(--point-color17);}
    .sub_title h4{font-size: 150%; font-weight: 700; color: var(--black-color00); line-height: 1.6; letter-spacing: -0.03em;}
    .sub_title h4 em{font-weight: inherit; color: var(--point-color01);}
    .sub_title h5{font-size: 110%;font-weight: 500;color: var(--black-color00);letter-spacing: 0;}
        .sub_title h5 + :where(p, .bullet_list){margin-top: 13px;}
    .sub_title h6{font-size: inherit; font-weight: 400; color: var(--black-color00); line-height: 1.6; letter-spacing: -0.03em;}
    .sub_title h6.gr{color: var(--black-color05); line-height: 1.4;}
    .sub_title p{font-size: 80%;font-weight: 400;color: var(--black-color06);line-height: 1.5;letter-spacing: 0;}
    .sub_title p em{font-weight: inherit; color: var(--point-color01);}
    .sub_title p small{font-size: max(12px, 87.5%);}
    .sub_title p strong{font-weight: inherit; color: var(--black-color00);}
    .sub_title p.lg{font-size: 90%;color: var(--black-color00);line-height: 1.6;letter-spacing: -0.03em;}

    .toggleBtn{position: relative;padding-right:80px;}
    .toggleBtn .arw{position: absolute;width: 17px;aspect-ratio: auto 1;border: 2px solid var(--black-color12);border-radius: 2px;top: 50%;right: 24px;clip-path: var(--clip-poly01);rotate: 45deg;translate: 0 -50%;scale: -1 -1;transition: all 0.4s;}
        .toggleBtn.on .arw{top: 38%;scale: 1;}

    @media (max-width:1023px) {
        .bdBox{padding-inline: clamp(25px, 3.8vw, 38px);}

        .sub_title.hdL{margin-bottom: clamp(20px, 3vw, 30px);}
        .sub_title.g20{gap: clamp(15px, 2vw, 20px);}
        .sub_title.bd{padding: clamp(25px, 4vw, 40px);}
        .sub_title h2{font-size: 190%;}
        .sub_title h3{font-size: 160%;}
        .sub_title h3.bullet{gap:clamp(10px, 1.6vw, 14px);}
        .sub_title h3.bullet::before{width: clamp(17px, 2.4vw, 22px);border-width: clamp(5px, 0.8vw, 6px);translate: 0 clamp(-7px, -0.9vw, 0px); }
        .sub_title h5 + :where(p, .bullet_list){margin-top: clamp(8px, 1.3vw, 13px);}

        .toggleBtn{padding-right: clamp(46px, 8vw, 80px);}
        .toggleBtn .arw{width: clamp(12px, 1.9vw, 17px);right: clamp(10px, 2.6vw, 24px);}
    }
    @media (max-width:640px) {
        .sub_title h2{font-size: 180%;}
        .sub_title h3{font-size: 150%;}
        .sub_title h4{font-size: 140%;}
    }
    @media (max-width:479px) {
        .sub_title h2{font-size: 160%;}
        .sub_title h3{font-size: 140%;}
        .sub_title h4{font-size: 130%;}

    }

/* 페이지 스탭 */
    .pageStep{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;text-align: center;font-size: var(--title-20);counter-reset: pageStep;padding-block: 20px 55px;gap: 15px 0;}
    .pageStep > li{font-size: 95%; font-weight: 500; color: var(--black-color08);}
        .pageStep > li{display: flex; align-items: center; flex-wrap: wrap;}
        .pageStep > li::after{display: inline-flex;content:'';width: 14px;aspect-ratio: auto 1;background: var(--black-color08);clip-path: var(--clip-poly02);margin-inline: 34px;}
        .pageStep > li:last-child::after{display: none;}
        .pageStep > li.on{color: var(--point-color01);}
    .pageStep > li > span{display: flex; align-items: center; gap:8px 12px; flex-wrap: wrap;}
    .pageStep > li > span::before{content: counter(pageStep, decimal-leading-zero); counter-increment: pageStep; font-weight: 700;}

    @media (max-width:1023px) {
        .pageStep{padding-block: clamp(15px, 2vw, 20px) clamp(30px, 5.5vw, 55px);}
        .pageStep > li::after{width: clamp(10px, 1.9vw, 14px);margin-inline: clamp(18px, 3.4vw, 34px);}
        .pageStep > li > span{column-gap: clamp(10px, 1.2vw, 12px);}
    }

/* 체크박스 */
    #wrap label:has([type="checkbox"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--title-18);font-weight: 400;color: var(--black-color03);cursor: pointer;line-height: 24px;width: fit-content;letter-spacing: -0.03em;}
    #wrap label [type="checkbox"]{position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1px solid var(--border-color01); flex-shrink: 0; cursor: pointer; transition: all 0.4s;}
        #wrap label [type="checkbox"]:before{display: inline-flex;content:'';width: 12px;aspect-ratio: auto 1.33;background: url('../images/sub/chk_icon.svg') no-repeat center / 100% auto; transition: inherit;}
        #wrap label [type="checkbox"]:checked{background: var(--black-color00); border-color: var(--black-color00);}
        #wrap label [type="checkbox"]:checked::before{filter: var(--filter-white);}
    #wrap label:has([type="checkbox"]) > em{display: contents; font-weight: 600; color: var(--point-color01);}
    #wrap label:has([type="checkbox"]) > small{display: contents; font-size: 89.4%; font-weight: 400; color: var(--black-color08);}

    @media (max-width:1023px) {
        #wrap label:has([type="checkbox"]){line-height: clamp(20px, 2.9vw, 24px);}
        #wrap label [type="checkbox"]{width: clamp(20px, 2.9vw, 24px); height: clamp(20px, 2.9vw, 24px);}
        #wrap label [type="checkbox"]:before{width: clamp(10px, 1.7vw, 12px);}
    }

    #wrap .allChk{padding-block: 35px; margin-bottom: 35px; border-top: 1px solid var(--black-color00); border-bottom: 1px dashed var(--border-color01);}
    #wrap .allChk label:has([type="checkbox"]){font-size: var(--title-19); font-weight: 600;}

    @media (max-width:1023px) {
        #wrap .allChk{padding-block: clamp(20px, 3.5vw, 35px); margin-bottom: clamp(20px, 3.5vw, 35px);}
    }

/* textarea */  
    #wrap textarea{width: 100%; height: 130px; border: 1px solid var(--gray-bg01); background: var(--gray-bg01); font-size: var(--title-15); font-weight: 400; color: var(--black-color03); line-height: 1.6; letter-spacing: -0.03em; padding:20px; resize: none;}
        #wrap textarea[readonly]{color: var(--black-color08);}
        #wrap textarea::-webkit-scrollbar {width: 4px;}
        #wrap textarea::-webkit-scrollbar-track {box-shadow:-20px 0 0 var(--border-color01); border-radius: 10px; margin: 10px;}
        #wrap textarea::-webkit-scrollbar-thumb {box-shadow:-20px 0 0 var(--black-color06); border-radius: 10px;}

    @media (max-width:1023px) {
        #wrap textarea{height: clamp(110px, 13.5vw, 130px); padding: clamp(15px, 2vw, 20px);}
        #wrap textarea::-webkit-scrollbar-track {box-shadow:clamp(-20px, -2vw, -10px) 0 0 var(--border-color01); border-radius: 10px; margin: 10px;}
        #wrap textarea::-webkit-scrollbar-thumb {box-shadow:clamp(-20px, -2vw, -10px) 0 0 var(--black-color06); border-radius: 10px;}
    }
    @media (max-width:479px) {
        #wrap textarea::-webkit-scrollbar {width: 3px;}
    }

/* 라디오 */
    #wrap label:has([type="radio"]){display: flex;align-items: flex-start;gap: 10px;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);cursor: pointer;line-height: 30px;width: fit-content;letter-spacing: -0.03em;}
    #wrap label [type="radio"]{position: relative;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background: var(--point-white);border: 2px solid var(--border-color01);border-radius: 100%;flex-shrink: 0;cursor: pointer;}
        #wrap label [type="radio"]:checked{border: 10px solid var(--point-color01);}

    #wrap .radioMeta{display: flex; flex-wrap: wrap; gap: 15px 43px;}

    @media (max-width:1023px) {
        #wrap label:has([type="radio"]){line-height: clamp(22px, 3.5vw, 30px);}
        #wrap label [type="radio"]{width: clamp(22px, 3.5vw, 30px);height: clamp(22px, 3.5vw, 30px);}
        #wrap label [type="radio"]:checked{border-width: clamp(7px, 1.5vw, 10px);}

        #wrap .radioMeta{column-gap: clamp(30px, 4.3vw, 43px);}
    }

/* 인풋 */
    #wrap :where([type="text"], [type="password"]){width: 100%;height: 54px;border: 0;border-radius: var(--radius-05);background: var(--gray-bg01);padding: 0 20px;font-size: max(13px, var(--title-15));font-weight: 400;color: var(--black-color03);text-align: left;vertical-align: middle;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: inherit;}
        #wrap :where([type="text"], [type="password"])::placeholder{color: var(--black-color10); font-weight: 300;}
    #wrap select{width: 150px;min-width: auto;height: 54px;border: 1px solid var(--border-color01);background: var(--point-white) url('../images/sub/selArw.svg') no-repeat calc(100% - 20px) 50%;border-radius: var(--radius-04);padding: 0 45px 0 20px;font-size: var(--title-17);font-weight: 400;color: var(--black-color03);letter-spacing: -0.03em;appearance: none;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}

    @media (max-width:1023px) {
        #wrap :is([type="text"], [type="password"], select){height: clamp(45px, 6.4vw, 54px);}
        #wrap :where([type="text"], [type="password"]){padding-inline: clamp(15px, 2vw, 20px);}
        #wrap select{width: clamp(120px, 15vw, 150px);padding-inline: clamp(15px, 2vw, 20px) clamp(35px, 4.5vw, 45px);background-position-x: calc(100% - clamp(15px, 2vw, 20px));}
    }
    @media (max-width:479px) {
        #wrap select{background-size: 11px;}
    }

/* 작성 테이블 */
    #wrap .bbs_write{position: relative;border-top: 1px solid var(--black-color00);width: 100%;text-align: left;display: block;padding: 35px 20px;border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);}
    #wrap .bbs_write :where(tbody, tr, th, td){position: relative;display: block;width: 100%;background:none;padding:0;border:0;line-height: 1.57;text-align: inherit;}
    #wrap .bbs_write tbody{display: grid; gap: 20px;}
    #wrap .bbs_write tr{display: flex;align-items: baseline;gap: 8px 0;}
    #wrap .bbs_write th{width: 200px;padding-right: 15px;flex-shrink: 0;font-size: var(--title-18);font-weight: 500;color: var(--black-color01);}
    #wrap .bbs_write th label{display: block;font-size: inherit;font-weight: inherit;color: inherit;cursor: pointer;}
    #wrap .bbs_write tr:has(textarea) th label{translate: 0 15px;}
    #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color18);}
    #wrap .bbs_write td{width: 100%;font-size: var(--title-16);font-weight: 400;color: var(--black-color06);}
    #wrap .bbs_write :where([type="text"], [type="password"]){max-width: 600px;min-width: auto;margin: 0;}
    #wrap .bbs_write select{margin:0;}
    #wrap .bbs_write .flexBox{width: 100%;display: flex;align-items: center;gap: 15px;}
        #wrap .bbs_write .flexBox.g10{gap: 10px;}
        #wrap .bbs_write .flexBox.w600{width: 100%; max-width: 600px;}
    #wrap .bbs_write .flexBox select{flex-shrink: 0;}
    #wrap .bbs_write textarea{vertical-align: top; height: 260px;}
    #wrap .bbs_write .chkBtn{display: flex;align-items: center;justify-content: center;font-size: var(--title-17);font-weight: 300;color: var(--point-white);text-align: center;min-width: 150px;height: 54px;padding: 0 15px;background: var(--black-color08);border-radius: var(--radius-04);flex-shrink: 0; cursor: pointer;}
        #wrap .bbs_write .chkBtn.wh{background: var(--point-white);border: 1px solid var(--border-color01);font-weight: 400;color: var(--black-color03);}
    #wrap .bbs_write .noti{display: block;font-size: max(11px, 75%);font-weight: inherit;color: var(--black-color06);line-height: inherit;padding: 5px 0 0;letter-spacing: 0;}
        #wrap .bbs_write .noti.type02{font-size: var(--title-14); line-height: 1.57;}
    #wrap .bbs_write .gapBox .noti{padding-top: 0;}
    #wrap .bbs_write .file_name{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
    #wrap .bbs_write .flexBox.cap{max-width: 312px;flex-shrink: 0;}
    #wrap .bbs_write #captcha_box{width: 100%;height: 54px;border: 1px solid var(--border-color01);overflow: hidden;margin: 0;border-radius: var(--radius-04);}
    #wrap .bbs_write #captcha_box img{width: calc(100% + 4px) !important;height: calc(100% + 4px) !important;max-width: none;max-height: none;translate: -2px -2px;object-fit: cover;}
    #wrap .bbs_write #refreshCode{width: 54px;aspect-ratio: auto 1;border: 1px solid var(--border-color01);background: var(--gray-bg01) url('../images/sub/refreshCode.png') no-repeat center;border-radius: var(--radius-04);flex-shrink: 0;font-size: 0;margin: 0; cursor: pointer;}
    #wrap .bbs_write input#cap_inp{max-width: 320px;}


    @media (max-width:1023px) {
        #wrap .bbs_write{padding: clamp(25px, 3.5vw, 35px) clamp(15px, 2vw, 20px);}
        #wrap .bbs_write th{width: clamp(140px, 20vw, 200px);}
        #wrap .bbs_write .flexBox{gap: clamp(10px, 1.5vw, 15px);}
        #wrap .bbs_write .chkBtn{min-width: clamp(120px, 15vw, 150px);height: clamp(45px, 6.4vw, 54px);}
        #wrap .bbs_write textarea{height: clamp(180px, 26vw, 260px);}
        #wrap .bbs_write .flexBox.cap{max-width: clamp(260px, 32.2vw, 312px);}
        #wrap .bbs_write #captcha_box{height: clamp(45px, 6.4vw, 54px);}
        #wrap .bbs_write #refreshCode{width: clamp(45px, 6.4vw, 54px); background-size: clamp(16px, 2.5vw, 20px) auto;}
    }
    @media (max-width:640px) {
        #wrap .bbs_write tr{flex-wrap: wrap;}
        #wrap .bbs_write th{width: 100%; flex-shrink: unset;}
        #wrap .bbs_write tr:has(textarea) th label{translate: 0;}
    }
    @media (max-width:479px) {
        #wrap .bbs_write .flexBox:not(.w600, .cap){flex-wrap: wrap;}
        #wrap .bbs_write .flexBox .chkBtn{width: 100%;}
        #wrap .bbs_write input#cap_inp{max-width: 100%;}
    }
    @media (max-width:360px) {
        #wrap .bbs_write .flexBox.w600{flex-wrap: wrap;}
        #wrap .bbs_write .flexBox select{width: 100%;}
    }

/* 가입완료 */
    .doneMeta{display: flex;flex-direction: column;align-items: center;gap: 30px;text-align: center;padding-block: 16px 53px;}
    .doneMeta i{display: flex;align-items: center;justify-content: center;width: 140px;height: 140px;background: var(--gray-bg01);border-radius: 100%;padding: 24px;}
    .doneMeta .desc{font-size: var(--title-20);display: grid;gap: 23px;}
    .doneMeta .desc dt{font-size: 160%;font-weight: 500;line-height: 1.3;letter-spacing: -0.03em;}
    .doneMeta .desc dt em{font-weight: 600; color: var(--point-color01);}
    .doneMeta .desc dd{font-size: 90%;font-weight: 400;color: var(--black-color04);line-height: 1.66;letter-spacing: -0.03em;}

    @media (max-width:1023px) {
        .doneMeta{padding-block: clamp(0px, 1.6vw, 16px) clamp(0px, 5.3vw, 53px); gap: clamp(20px, 3vw, 30px);}
        .doneMeta i{width: clamp(100px, 14vw, 140px); height: clamp(100px, 14vw, 140px);}
        .doneMeta .desc{gap: clamp(12px, 2.3vw, 23px);}
    }
    @media (max-width:640px) {
        .doneMeta .desc dt{font-size: 150%;}
    }
    @media (max-width:479px) {
        .doneMeta .desc dt{font-size: 140%;}
        .doneMeta .desc dd{font-size: 85%;}
    }

/* 로그인 */
    body:has(.loginForm) .hd_title{border-bottom: 0;text-align: center;padding-block: 82px 0;margin-bottom: 22px;}
    body:has(.loginForm) .hd_title h2{font-weight: 700;}
    #wrap .loginForm{width: min(600px, 100%);margin-inline: auto;border: 1px solid var(--border-color01);padding: 50px;border-radius: var(--radius-20);}
    #wrap .loginForm :where([type="text"], [type="password"]){height: 70px;font-size: var(--title-17);}
    #wrap .loginForm .link_list{display: flex;justify-content: flex-end;flex-wrap: wrap;}
    #wrap .loginForm .link_list > li{font-size: var(--title-16);font-weight: 400;color: var(--black-color06);display: flex;align-items: baseline;}
    #wrap .loginForm .link_list > li::after{display: inline-flex; content:''; width: 1px; height: 10px; background: var(--border-color01); margin-inline: 12px;}
    #wrap .loginForm .link_list > li:last-child::after{display: none;}
    #wrap .loginForm .submitBox{margin-top: 24px;}

    @media (max-width:1023px) {
        #wrap .loginForm{padding: clamp(30px, 5vw, 50px);}
        #wrap .loginForm :where([type="text"], [type="password"]){height: clamp(50px, 8vw, 70px);}
    }

/* 인사말 */
    .greetings{display: flex;align-items: flex-start;gap: clamp(30px, 3.2vw, 60px);}
    .greetings .thumb{width: max(150px, 18.47%);border-radius: var(--radius-20);overflow: hidden;flex-shrink: 0;position: sticky;top: 130px;}
    .greetings .cont{width: 100%;}
    .greetings .sign{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;font-size: var(--title-20);}
    .greetings .sign dt{font-size: 120%; font-weight: 600; color: var(--black-color00); line-height: 1.4;}
    .greetings .sign dd{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.4;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
    .greetings .sign dd strong{font-size: 140%; font-weight: 600;}

    @media (max-width:479px) {
        .greetings{gap: 25px;flex-direction: column-reverse;}
        .greetings .thumb{width: auto;position: relative;inset: auto;flex-shrink: unset;}
    }

/* 연혁 */
    .hisMeta{display: flex; align-items: flex-start; gap:clamp(50px, 3.2vw, 60px);}
    .hisMeta .sub_title{width: 40%;flex-shrink: 0;position: sticky;top: 130px;}
    .hisMeta .cont{position: relative;width: 100%;margin-top: -11px;}
    .hisMeta section{position: relative;padding: 0 0 50px clamp(50px, 3.7vw, 69px);display: grid;gap: 28px;}
        .hisMeta section:last-child{padding-bottom: 0;}
        .hisMeta section::before{position: absolute;content:'';width: 9px;aspect-ratio: auto 1;background: var(--black-color10);top: 19px;left: 0;border-radius: 100%;z-index: 1;transition: all 0.4s;}
        .hisMeta section.on::before{background: var(--point-color01); box-shadow: 0 0 0 6px var(--point-color08);}
        .hisMeta section:has(~ section.on)::before{box-shadow: none;}
    .hisMeta .line{position: absolute;top: 19px;left: 4px;width: 1px;height: 100%;background: var(--border-color04);}
        .hisMeta section:last-child .line{display: none;}
    .hisMeta .line em{position: absolute; top:0; left:0; width: 100%; height: 0; background: var(--point-color01);}
    .hisMeta .info_title{font-size: var(--title-20);}
    .hisMeta .info_title h3{font-size: 180%;font-weight: 600;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;}
    .hisMeta .desc{font-size: var(--title-20); display: flex; align-items: baseline; gap: clamp(15px, 1.6vw, 20px);}
    .hisMeta .desc dt{font-size: 110%;font-weight: 400;color: var(--black-color00);line-height: 1.4;letter-spacing: -0.03em;width: 80px;flex-shrink: 0;}

    @media (max-width:1023px) {
        .hisMeta{flex-wrap: wrap; gap: clamp(25px, 5vw, 50px);}
        .hisMeta .cont{margin-top: 0;}
        .hisMeta .sub_title{position: relative; inset: auto; width: 100%; flex-shrink: unset;}
        .hisMeta .info_title h3{font-size: 170%;}
        .hisMeta section{padding: 0 0 clamp(40px, 5vw, 50px) clamp(35px, 5vw, 50px);gap: clamp(15px, 2.8vw, 28px);}
        .hisMeta section::before{top: clamp(12px, 1.9vw, 19px);width: clamp(7px, 1.4vw, 9px);}
        .hisMeta section.on::before{box-shadow: 0 0 0 clamp(3px, 1.1vw, 6px) var(--point-color08);}
        .hisMeta .desc dt{width: clamp(55px, 8.5vw, 80px);}
        .hisMeta .line{top: clamp(12px, 1.9vw, 19px);left: clamp(3px, 0.4vw, 4px);}
    }
    @media (max-width:640px) {
        .hisMeta .info_title h3{font-size: 160%;}
    }
    @media (max-width:479px) {
        .hisMeta .info_title h3{font-size: 150%;}
        .hisMeta .desc dt{font-size: 100%;}
    }
    @media (max-width:360px) {
        .hisMeta .desc{flex-wrap: wrap;}
        .hisMeta .desc dt{width: 100%; flex-shrink: unset;}
    }

/* 가나다 리스트 */
    @counter-style korList {
        system: fixed;
        symbols: 가 나 다 라 마 바 사 아 자 차 카 타 파 하 거 너 더 러 머 버 서 어 저 처 커 터 퍼 허;
    }
    .kor_list{position: relative; width: 100%; font-size: var(--title-20); counter-reset: korList; display: grid; gap: 20px;}
    .kor_list > li{font-size: inherit; font-weight: 400; color: var(--black-color02); line-height: 1.4; display: flex; align-items: baseline; gap: 4px;}
        .kor_list > li::before{content: counter(korList, korList) '.';counter-increment: korList;flex-shrink: 0;}

    @media (max-width:1023px) {
        .kor_list{gap: clamp(15px, 2vw, 20px);}
    }
    @media (max-width:479px) {
        .kor_list > li{font-size: 90%;}
    }

/* 조직도 */
    .orgaMeta{padding-top:clamp(0px, 1.6vw, 20px);display: grid;justify-items: center;}
    .orgaMeta section{position: relative;width: min(1060px, 100%);display: grid;justify-content: center;}
    .orgaMeta .preSec{margin-bottom: 60px;}
    .orgaMeta .circle{position: relative; width: 100%; max-width: 220px;aspect-ratio: auto 1;border-radius: 100%;margin-inline: auto;background: var(--point-color19);display: flex;align-items: center;justify-content: center; margin-bottom: 40px;}
        .orgaMeta .circle::before{position: absolute;content:'';width: 1px;height: 60px;background: var(--black-color10);top: calc(100% - 20px);left: 50%;margin-left: -0.5px;}
        .orgaMeta .circle::after{position: absolute;content:'';width: 10px;aspect-ratio: auto 1;background: var(--point-white);border: 2px solid var(--point-color17);border-radius: 100%;top: calc(100% - 25px);left: 50%;translate: -50%;}
    .orgaMeta .circle .sub_title{width: calc(100% - 40px);height: calc(100% - 40px);padding: 20px;align-items: center;justify-content: center;background: var(--point-color17);border-radius: inherit; box-shadow: var(--shadow-05);}
    .orgaMeta .circle .sub_title h3{filter: var(--filter-white);}
    .orgaMeta .contList{position: relative;font-size: var(--title-20);text-align: center;display: flex;justify-content: center;}
        .orgaMeta .contList::before{position: absolute;content:'';width: 1px;height: 100%;background: var(--black-color10);top:0;left:50%;margin-left: -0.5px;}
    .orgaMeta .contList > li{position: relative;width: 100%;display: flex;flex-direction: column;gap: 10px;}
    .orgaMeta .contList > li > span{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 13px 10px 12px;border: 2px solid var(--point-color09);border-radius: var(--radius-10);font-size: 110%;font-weight: 600;color: var(--point-color09);line-height: 1.4;background: var(--point-white);letter-spacing: -0.03em;}
        .orgaMeta .contList > li > span{&::before, &::after{position: absolute;content:'';width: 10px;aspect-ratio: auto 1;background: var(--point-white);border: 2px solid var(--point-color09);border-radius: 100%; top:0;left: 50%;translate: -50% -50%;}}
    .orgaMeta .contList > li > span::after{opacity: 0;}
    .orgaMeta .contList .dep02 > li > span{position: relative;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 3px;padding: 15px 10px;border: 1px solid var(--border-color01);border-radius: var(--radius-10);font-size: 100%;font-weight: 500;color: var(--black-color03);line-height: 1.4;background: var(--point-color03);}


        .orgaMeta .contList.president{width: 220px;}
        .orgaMeta .contList.president::before{top:100%; height: 60px;}
        .orgaMeta .contList.president > li > span{background: var(--point-color01);border-color: var(--point-color01);font-size: 130%;font-weight: 500;color: var(--point-white);min-height: 100px;}
        .orgaMeta .contList.president > li > span small{font-size: 76.9%;font-weight: 300;}
        .orgaMeta .contList.president > li > span{&::before, &::after{border-color: var(--point-color01);top: 50%;left: -2px;}}
        .orgaMeta .contList.president > li > span::after{display: block;left: auto;right: -2px;translate: 50% -50%;opacity: 1;}

        .orgaMeta .contList.preDer01{position: absolute;top: 19px;left:0;gap: 20px;width: 220px;flex-direction: column;}
        .orgaMeta .contList.preDer01::before{width: 200px;height: 1px;top: 30px;left: 100%;}
        .orgaMeta .contList.preDer01 > li > span{border-color: var(--point-color01);color: var(--point-color01);}
        .orgaMeta .contList.preDer01 > li > span::before{border-color: var(--point-color01);inset: auto;top: 50%;right: -2px;translate: 50% -50%;}
        .orgaMeta .contList.preDer01 > li:nth-child(n+2) > span::before{opacity: 0;}

        .orgaMeta .contList.preDer02{position: absolute;bottom: 0;right:0;gap: 20px;width: 220px;flex-direction: column;}
        .orgaMeta .contList.preDer02::before{width: 200px;height: 1px;inset: auto;bottom: 50px;right: 100%;margin-left: 0;}
        .orgaMeta .contList.preDer02 > li{box-shadow: inset 0 0 0 1px var(--point-color09);border-radius: var(--radius-10);gap: 0;}
        .orgaMeta .contList.preDer02 > li > span{background: var(--point-color09);border-radius: var(--radius-10) var(--radius-10) 0 0;font-size: 120%;font-weight: 500;color: var(--point-white);}
        .orgaMeta .contList.preDer02 > li > span::before{opacity: 0;}
        .orgaMeta .contList.preDer02 .contList{padding: 20px;}
        .orgaMeta .contList.preDer02 .contList > li > span::before{opacity: 0;}
        .orgaMeta .contList.preDer02 .contList::before{height: calc(100% - 40px);top: 20px;}

        .orgaMeta .contList.chairman{width: 220px;}
        .orgaMeta .contList.chairman > li > span{background: var(--point-color20); border-color: var(--point-color20); font-weight: 500;color: var(--point-white);}
        .orgaMeta .contList.chairman > li > span:before{border-color: var(--point-color20);inset: auto;top: 50%;right: -2px;translate: 50% -50%;}

        .orgaMeta .contList.preDer01.chaDer01{inset: auto;top: 0;right:0;}
        .orgaMeta .contList.preDer01.chaDer01::before{left: auto; right:100%;}
        .orgaMeta .contList.preDer01.chaDer01 > li > span{border-color: var(--point-color20); color: var(--point-color20);}
        .orgaMeta .contList.preDer01.chaDer01 > li > span::before{border-color: var(--point-color20);right: auto;left: -2px;translate: -50% -50%;}

        .orgaMeta .contList.grid{width: 100%;display: grid;grid-template: auto / repeat(5, 1fr);gap: 60px clamp(15px, 2.7vw, 50px);padding-top: 290px;}
        .orgaMeta .contList.grid > li{width: auto;}
        .orgaMeta .contList.grid > li{&::before, &::after{position: absolute;content:'';width: 1px;height: calc(100% + clamp(40px, 6vw, 60px));left:50%;bottom:0;margin-left: -0.5px;background: var(--black-color10);}}
        .orgaMeta .contList.grid > li::after{width: calc(100% + clamp(15px, 2.7vw, 50px) + 1px);height: 1px;left: 50%;bottom: calc(100% + clamp(40px, 6vw, 60px));margin-left: 0;}
            .orgaMeta .contList.grid > li:last-child::after{display: none;}
        .orgaMeta .contList.grid > li > span{flex-shrink:0;}
        .orgaMeta .contList.grid .dep02{height:100%;}
        .orgaMeta .contList.grid .dep02 > li{height:100%;}
        .orgaMeta .contList.grid .dep02 > li > span{min-height: 80px;padding-block: 10px;height: 100%;}

    @media (max-width:1023px) {
        .orgaMeta .circle{max-width: clamp(170px, 23vw, 220px);}
        .orgaMeta .circle .sub_title{width: calc(100% - clamp(30px, 4vw, 40px)); height: calc(100% - clamp(30px, 4vw, 40px));}
        .orgaMeta .circle::after{top: calc(100% - clamp(22px, 3vw, 25px));}
        .orgaMeta section{gap:clamp(40px, 6vw, 60px); justify-items: center; grid-template-columns: minmax(0, 1fr);}
        .orgaMeta .preSec{margin-bottom: clamp(40px, 6vw, 60px);}
        .orgaMeta .contList.president{order: 0;}
        .orgaMeta .contList.president::before{height: 300px;}
        .orgaMeta .contList.president > li > span{min-height: auto;}
        .orgaMeta .contList.president > li > span::before{opacity: 0;}
        .orgaMeta .contList.president > li > span::after{inset: auto;left:50%;bottom:0;translate: -50% 50%;}
        .orgaMeta .contList.preDer01{position: relative;inset: auto;translate: 0;order: 1;display: grid;grid-template:auto / repeat(4, 1fr);gap: clamp(10px, 2vw, 20px);width: 100%;}
        .orgaMeta .contList.preDer01::before{left:0; top:50%; width: 100%; margin:-0.5px 0 0;}
        .orgaMeta .contList.preDer01 .contList{position: relative; inset: auto;}
        .orgaMeta .contList.preDer01 > li > span{height: 100%;}
        .orgaMeta .contList.preDer01 > li > span::before{opacity: 0;}
        .orgaMeta .contList.preDer02{position: relative; inset: auto; translate: 0; order: 2;}
        .orgaMeta .contList.preDer02::before{width: 1px;height: clamp(40px, 6vw, 60px);inset: auto;top: 100%;left: 50%;margin-left: -0.5px;}
        .orgaMeta .contList.preDer02 > li > span{font-size: 110%;}
        .orgaMeta .contList.preDer02 .contList{padding: clamp(15px, 2vw, 20px);}
        .orgaMeta .contList.preDer01.chaDer01{grid-template: auto / repeat(3, 1fr);}
        .orgaMeta .contList.preDer01.chaDer01::before{right:auto; left:0;}
        .orgaMeta .contList.chairman::before{top:100%; height: clamp(40px, 6vw, 60px);}
        .orgaMeta .contList.chairman > li > span:before{inset: auto;left:50%;bottom:0;translate: -50% 50%;}
        .orgaMeta .contList.grid{padding-top: clamp(100px, 29vw, 290px);grid-template: auto / repeat(3, 1fr);row-gap: clamp(40px, 6vw, 60px);}
        .orgaMeta .contList.grid > li:nth-child(n+3):after{opacity: 0;}
        .orgaMeta .contList.grid .dep02 > li > span{min-height: clamp(60px, 9vw, 80px);}
    }
    @media (max-width:640px) {
        .orgaMeta .contList > li > span{font-size: 100%;}
        .orgaMeta .contList.president > li > span{font-size: 120%;}
        .orgaMeta .contList .dep02 > li > span{font-size: 90%;}
    }
    @media (max-width:479px) {
        .orgaMeta .contList.president{width: 100%;}
        .orgaMeta .contList.president::before{height: 40px;}
        .orgaMeta .contList.preDer01{grid-template: auto / repeat(1, 1fr);}
        .orgaMeta .contList.preDer01::before{width: 1px;height: calc(100% + 40px);top: 0;left: 50%;margin: 0 0 0 -0.5px;}
        .orgaMeta .contList.preDer02{width: 100%;}
        .orgaMeta .contList.chairman{width: 100%;}
        .orgaMeta .contList.preDer01.chaDer01{grid-template: auto / repeat(1, 1fr);}
        .orgaMeta .contList.preDer01.chaDer01::before{height:100%;left: 50%;}
        .orgaMeta .contList.grid{grid-template: auto / repeat(2, 1fr);padding-top: 80px;}
        .orgaMeta .contList.grid::before{top: 0;height: 40px;}
        .orgaMeta .contList.grid > li:nth-child(n+2)::after{opacity: 0;}
    }
    @media (max-width:360px) {
        .orgaMeta .contList.grid{grid-template: auto / repeat(1, 1fr); padding-top: 60px;}
        .orgaMeta .contList.grid > li::after{opacity: 0;}
        .orgaMeta .contList.grid .dep02 > li > span{min-height: auto;}
    }

/* 조직도 설명*/
    .orgaExp{display: grid; grid-template: auto / repeat(3, 1fr); gap: 20px; margin-top: 80px; padding-top: 80px; border-top: 1px solid var(--border-color01);}
    .orgaExp > li{position: relative; box-shadow: inset 0 0 0 1px var(--border-color01); border-radius: var(--radius-10); overflow: hidden;}
    .orgaExp .sub_title{background: var(--point-color09);padding: 16px 15px;}
    .orgaExp .sub_title h5{font-size: 120%;color: var(--point-white);}
    .orgaExp .cont{padding: 24px;}

    @media (max-width:1023px) {
        .orgaExp{gap: clamp(15px, 2vw, 20px); margin-top: clamp(40px, 8vw, 80px); padding-top: clamp(40px, 8vw, 80px);}
        .orgaExp .sub_title{padding-block: clamp(14px, 2.1vw, 16px);}
    }
    @media (max-width:860px) {
        .orgaExp{grid-template: auto / repeat(2, 1fr);}
    }
    @media (max-width:640px) {
        .orgaExp{grid-template: auto / repeat(1, 1fr);}
    }
    @media (max-width:479px) {
        .orgaExp .sub_title h5{font-size: 110%;}
    }

/* 임원소개 */
    .execuList{display: grid;grid-template: auto / repeat(3, 1fr);gap: clamp(15px, 2.1vw, 35px);}
    .execuList > li{position: relative;border: 1px solid var(--border-color01);background: var(--point-white);border-radius: var(--radius-20);padding: 40px;font-size: var(--title-20);line-height: 1.4;}
    .execuList .nameDesc{position: relative;display: grid;gap: 10px;}
    .execuList .nameDesc dt{font-size: 110%; font-weight: 500; color: var(--point-color01);}
    .execuList .nameDesc dd{font-size: 180%; font-weight: 700; color: var(--black-color03);}
    .execuList .cont{position: relative;margin-top: 17px;padding-top: 20px;border-top: 1px solid var(--border-color01);}
    .execuList .infoDesc{display: grid; gap: 10px;}
    .execuList .infoDesc dt{font-size: inherit; font-weight: 600; color: var(--black-color03);}
    .execuList .infoDesc dt small{font-size: 90.9%;}
    .execuList .infoDesc dd{font-size: 90%; font-weight: 400; color: var(--black-color03);}

        .execuList > li.pt01{background: var(--point-color01); border-color: var(--point-color01);}
        .execuList > li.pt01:before{position: absolute;content: '';width: clamp(85px, 11vw, 168px);aspect-ratio: auto 1.86;background: url('../images/sub/ci.svg') no-repeat center / 100% auto;opacity: 0.05;top: clamp(20px, 2.1vw, 28px);right: clamp(-23px, -2.1vw, 15px);}
        .execuList > li.pt01 :where(.nameDesc, .infoDesc){filter: var(--filter-white);}
        .execuList > li.pt01 .cont{border-color: rgb(255 255 255 / 20%);}
        .execuList > li.pt02{background: var(--point-color03);}

    @media (max-width:1023px) {
        .execuList{grid-template: auto / repeat(2, 1fr);}
        .execuList > li{padding: clamp(25px, 4vw, 40px);}
        .execuList :is(.nameDesc, .infoDesc){gap: clamp(8px, 1vw, 10px);}
        .execuList .nameDesc dd{font-size: 170%;}
        .execuList .cont{margin-top: clamp(13px, 1.7vw, 17px); padding-top: clamp(15px, 2vw, 20px);}
    }
    @media (max-width:640px) {
        .execuList .nameDesc dd{font-size: 160%;}
    }
    @media (max-width:479px) {
        .execuList{grid-template: auto / repeat(1, 1fr);}
        .execuList .nameDesc dt{font-size: 100%;}
        .execuList .infoDesc dt{font-size: 95%;}
    }

/* 현황 테이블 */
    .statusTable{position: relative; width: 100%;}
    .statusTable table{position: relative; width: 100%; font-size: var(--title-20); text-align: center; border-radius: var(--radius-10); overflow: hidden;}
    .statusTable table::before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit; pointer-events: none;}
    .statusTable :where(th, td){box-shadow: inset 1px 1px 0 var(--border-color01);padding: 16px 5px;letter-spacing: 0;}
    .statusTable thead th{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.3;background: var(--point-color21);}
    .statusTable tbody td{font-size: var(--title-18);font-weight: 400;color: var(--black-color00);line-height: 1.3;}
        .statusTable.autoNo tbody{counter-reset: statusTable;}
        .statusTable.autoNo tbody td:nth-child(1){font-size: 0;}
        .statusTable.autoNo tbody td:nth-child(1)::before{content: counter(statusTable); counter-increment: statusTable; font-size: var(--title-18);}

    @media (max-width:1023px) {
        .statusTable.scr{overflow: hidden; overflow-x: auto; display: flex; width: calc(100% + 60px); margin-left: -30px; padding-inline: 30px;}
        .statusTable.scr table{width: 1023px; flex-shrink: 0;}
        .statusTable :where(th, td){padding-block: clamp(12px, 2.1vw, 16px);}
    }
    @media (max-width:479px) {
        .statusTable thead th{font-size: var(--title-19);}
    }

/* 찾아오시는 길 */
    .locaMeta{display: grid; gap: 20px; grid-template: auto / repeat(2, 1fr);}
    .locaMeta .map{position: relative; border-radius: var(--radius-10); overflow: hidden; min-height: 400px;}
    .locaMeta .map iframe{width: 100%; height: 100%;}
    .locaMeta .info{background: var(--point-color21);padding: clamp(50px, 3.2vw, 55px) clamp(50px, 3.2vw, 60px);display: flex;flex-direction: column;justify-content: center;border-radius: var(--radius-20);}
    .locaMeta .expDesc{display: flex;align-items: baseline;gap: 8px 15px;font-size: var(--title-20);}
        .locaMeta .expDesc + .expDesc{margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-color01);}
    .locaMeta .expDesc dt{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.4;width: clamp(120px, 9vw, 155px);flex-shrink: 0;display: flex;align-items: baseline;gap: 18px;}
        .locaMeta .expDesc dt::before{display: inline-flex;content: '';width: 6px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color01);flex-shrink: 0;translate: 0 -4px;}
    .locaMeta .expDesc dd{font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.4;width: 100%;}

    @media (max-width:1023px) {
        .locaMeta{grid-template: auto / repeat(1, 1fr);}
        .locaMeta .map{min-height: auto;height: clamp(300px, 40vw, 400px);}
        .locaMeta .info{padding: clamp(25px, 5vw, 50px);}
        .locaMeta .expDesc + .expDesc{margin-top: clamp(20px, 2.4vw, 24px);padding-top: clamp(20px, 2.4vw, 24px);}
        .locaMeta .expDesc dt{gap: clamp(10px, 1.8vw, 18px);width: clamp(90px, 13vw, 120px);}
        .locaMeta .expDesc dt::before{width: clamp(4px, 0.8vw, 6px);}
    }
    @media (max-width:479px) {
    }
    @media (max-width:360px) {
        .locaMeta .expDesc{flex-wrap: wrap;}
        .locaMeta .expDesc dt{width: 100%; flex-shrink: unset;}
    }