@charset "utf-8";

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

    Board

───────────────────────────────────────────────────────────*/
    /* 인풋*/
        body :where([type="text"], [type="password"], [type="number"], select, textarea){background: var(--point-white);border: 1px solid var(--border-color01);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing: -0.03em;height: 60px;box-sizing: border-box;padding-inline: 20px;font-size: var(--title-18);font-size: 90%;font-weight: 500;color: var(--black-color03);text-wrap: auto; border-radius: 0;}
            body :is([type="text"], [type="password"], [type="number"], select, textarea)::placeholder{font-weight: 400; color: var(--black-color09); }
            body :is([type="text"], [type="password"], [type="number"])[readonly]{background: var(--border-color01);}
        select{appearance: none; background: var(--point-white) url('../images/sel_arw.svg') no-repeat calc(100% - 20px) 50%; padding-right: 50px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
        textarea{height: 200px;resize: none;line-height: 1.76;padding-block: 20px;white-space: break-spaces;}

        label:has([type="checkbox"]){display: flex;align-items: flex-start;width: fit-content;font-size: var(--title-18);font-weight: 400;color: var(--black-color05);line-height: 24px;gap: 10px; cursor: pointer;}
        label [type="checkbox"]{appearance: none;position: relative;display: inline-flex;width: 24px;height: 24px;border: 1px solid var(--border-color01);background: var(--point-white);box-sizing: border-box;transition: all 0.4s;flex-shrink: 0;cursor: pointer; border-radius: 0;}
            label [type="checkbox"]:before{position: absolute;content:'';width: 12px;aspect-ratio: auto 1.34;background: url('../images/chk_icon.svg') no-repeat center / 100% auto;top: 50%;left: 50%;translate: -50% -50%; transition: inherit;}
            label [type="checkbox"]:checked{border-color: var(--point-color01); background: var(--point-color01);}
            label [type="checkbox"]:checked:before{filter: var(--filter-white);}

        label:has([type="radio"]){display: flex;align-items: flex-start;width: fit-content;font-size: var(--title-18);font-weight: 400;color: var(--black-color05);line-height: 20px;gap: 10px; cursor: pointer;}
        label [type="radio"]{appearance: none;position: relative;display: inline-flex;width: 20px;height: 20px;border: 1px solid var(--border-color01);background: var(--point-white);border-radius: 100%;box-sizing: border-box;transition: all 0.4s;flex-shrink: 0;cursor: pointer;}
            label [type="radio"]:before{position: absolute;content:'';width: 56%;aspect-ratio: auto 1;background: var(--border-color01);top: 50%;left: 50%;translate: -50% -50%;transition: inherit;border-radius: inherit;}
            label [type="radio"]:checked{border-color: var(--point-color01);}
            label [type="radio"]:checked:before{background: var(--point-color01);}

        label:has(input[type="file"]){cursor: pointer;font-size: var(--title-18);color: var(--black-color05);font-weight: 400;letter-spacing: -0.03em;display: flex;align-items: center;width: fit-content;gap: 20px;} 
        label input[type=file]{display: none;}
        label:has(input[type="file"]) .more_view{flex-shrink:0;}
        label:has(input[type="file"]) .file_name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

        .inp_list{display: flex; flex-wrap: wrap; gap: 15px 30px; align-items: center; box-sizing: border-box;}
        .inp_list .exp_txt{padding-right: 30px;}
        .inp_list em{font-weight: inherit; color: var(--point-color01);}

        .file_list{display: grid; grid-template:auto / repeat(3, 1fr); gap:15px clamp(15px, 1.7vw, 32px);}
        .file_list > li{position: relative; box-sizing: border-box;}
        .file_list label input[type=file]{width: 100%;}

        @media (max-width:1200px){
            .file_list{grid-template:auto / repeat(2, 1fr);}
        }
        @media (max-width:1023px){
            body :where([type="text"], [type="password"], [type="number"], select, textarea){height: clamp(48px, 6.5vw, 60px);padding-inline: clamp(15px, 2.5vw, 20px);}
            select{padding-right: clamp(45px, 5.5vw, 50px); background-position: calc(100% - clamp(15px, 2.5vw, 20px)) 50%; background-size: clamp(12px, 1.9vw, 14px) auto;}
            textarea{height: clamp(120px, 20vw, 200px); padding-block: clamp(15px, 2.5vw, 20px);}

            label:has([type="checkbox"]){line-height: clamp(20px, 2.9vw, 24px);}
            label [type="checkbox"]{width: clamp(20px, 2.9vw, 24px);height: clamp(20px, 2.9vw, 24px);}
            label [type="checkbox"]:before{width: clamp(10px, 1.5vw, 12px);}

            label:has([type="radio"]){line-height: clamp(18px, 2.5vw, 20px);}
            label [type="radio"]{width: clamp(18px, 2.5vw, 20px);height: clamp(18px, 2.5vw, 20px);}

            label:has(input[type=file]){gap: clamp(15px, 2vw, 20px);}

            .inp_list{column-gap: clamp(25px, 3vw, 30px);}
            .inp_list .exp_txt{padding-right: clamp(15px, 3vw, 30px);}
            
        }
        @media (max-width:860px){
            .file_list{grid-template:auto / repeat(1, 1fr);}
            .inp_list .exp_txt{width: 100%;}
        }
    /* textarea */
        textarea::-webkit-scrollbar { width: 4px; }
        textarea::-webkit-scrollbar-track { background: var(--border-color01); border-radius: 10px;}
        textarea::-webkit-scrollbar-thumb { background-color: var(--black-color01); border-radius: 10px;}

        @media (max-width:640px){
            textarea::-webkit-scrollbar { width: 3px;}
            
        }

	/* 검색 */
        .search_wrap{position: relative; display: flex; justify-content: flex-end; gap: 10px; flex-wrap: wrap; font-size: var(--title-20); margin-bottom: 40px;}
        .search_wrap :where([type="text"], select){background-color: var(--gray-bg01); border-color: var(--gray-bg01);}
        .search_wrap .inp_box{width: 100%;max-width: 450px;display: flex;gap: 10px;}
        .search_wrap .inp_box [type="text"]{width: 100%;}
        .search_wrap .inp_box [type="submit"]{width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;padding: 14px;box-sizing: border-box;background: var(--black-color00);flex-shrink: 0;}
        .search_wrap select{width: 100%; max-width: 180px; }
        .search_wrap select.lg{max-width: 240px;}
        form:has(+ form) .search_wrap{margin-bottom: 20px;}

        .search_wrap.nowrap{flex-wrap: nowrap;}
        .search_wrap.nowrap .top_sec{display: flex;gap: 10px;justify-content: flex-end; width: 100%;}
        .search_wrap.nowrap .top_sec [type="text"]{width: 100%;}
        .search_wrap.nowrap .top_sec select{flex-shrink: 0;}
        .search_wrap.nowrap .inp_box{flex-shrink: 0;}

        @media (max-width:1300px){
            .search_wrap.nowrap{flex-wrap: wrap;}
            .search_wrap.nowrap .top_sec{width: 100%;}
            .search_wrap.nowrap .inp_box{flex-shrink: unset;}
        }
        @media (max-width:1023px){
            .search_wrap{margin-bottom: clamp(20px, 4vw, 40px);}
            .search_wrap .inp_box{max-width: clamp(380px, 45vw, 450px);}
            .search_wrap .inp_box [type="submit"]{width: clamp(48px, 6.5vw, 60px);height: clamp(48px, 6.5vw, 60px);}
            .search_wrap select{max-width: clamp(160px, 18vw, 180px);}
            .search_wrap select.lg{max-width: clamp(200px, 24vw, 240px);}
        }
        @media (max-width:640px){
            .search_wrap.nowrap .top_sec{flex-wrap: wrap;}
            .search_wrap .inp_box{max-width: 100%;}
        }
        @media (max-width:479px){
            .search_wrap select{max-width: 100%;}
            .search_wrap select.lg{max-width: 100%;}
            .search_wrap .inp_box{max-width: 100%;}
        }

    /* 페이징 */
        .paging_wrap{position: relative; margin-top: 60px; box-sizing: border-box; display: flex; justify-content: center; flex-wrap: wrap; gap: 8px;}
        .paging_wrap + .btn_wrap{margin-top: -50px;justify-content: flex-end;pointer-events: none;}
        .paging_wrap + .btn_wrap :where(button, a){pointer-events:all;}
        .paging_wrap a{display: flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding-inline: 5px; box-sizing: border-box;}
        .paging_wrap ol{display: flex; flex-wrap: wrap; gap: 8px; font-size: var(--title-20); padding-inline: 16px;}
        .paging_wrap ol li{font-size: 80%; font-weight: 400; color: var(--black-color08); background: var(--point-white); font-family: var(--font-type02);}
        .paging_wrap ol li.on{background: var(--black-color00); color: var(--point-white);}
        .paging_wrap .arw{background: var(--point-white) url('../images/paging_last.svg') no-repeat center;}
        .paging_wrap .arw:where([title="이전"], [title="다음"]){background-image: url('../images/paging_prev.svg');}
        .paging_wrap .arw:where([title="다음"], [title="마지막"]){scale: -1 -1;}

        @media (max-width:1023px){
            .paging_wrap{gap: clamp(5px, 0.8vw, 8px); margin-top: clamp(30px, 6vw, 60px);}
                .paging_wrap + .btn_wrap{margin-top: clamp(30px, 6vw, 60px);}
            .paging_wrap ol{gap: clamp(5px, 0.8vw, 8px);}
            .paging_wrap a{min-width: clamp(30px, 4.5vw, 40px);height: clamp(30px, 4.5vw, 40px);}
            .paging_wrap ol{padding-inline: clamp(5px, 1.6vw, 16px);}
        }

    /* 갤러리 */
        .board_gallery{display: grid; grid-template: auto / repeat(3, 1fr); gap: clamp(15px, 2.1vw, 40px); box-sizing: border-box;}
        .board_gallery > li{position: relative;box-sizing: border-box;display: flex;flex-direction: column;}
        .board_gallery .link{position: absolute; inset: 0; z-index: 3; }
        .board_gallery .thumb{font-size: 0;width: 100%;aspect-ratio: auto 1.58;overflow: hidden;background: var(--gray-bg01);box-shadow: inset 0 0 0 1px var(--border-color01);flex-shrink: 0;}
        .board_gallery .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .board_gallery .cont{background: var(--point-white);border: 1px solid var(--border-color01);border-top: 0;box-sizing: border-box;padding:30px;padding-bottom: 28px;font-size: var(--title-20);height: 100%;display: flex;flex-direction: column;justify-content: space-between;gap: 27px;}
        .board_gallery .desc{display: grid;gap: 13px;}
        .board_gallery .desc dt{font-size: 80%; font-weight: 500; color: var(--black-color05); line-height: 1.25; white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
        .board_gallery .desc dd{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: -0.03em;text-wrap: auto;}
        .board_gallery .regdate{font-size: 80%; font-weight: 400; color: var(--black-color07); line-height: 1.25;}

        @media (max-width:1023px){
            .board_gallery .cont{padding: clamp(25px, 3vw, 28px);}
            .board_gallery .desc{gap: clamp(10px, 1.3vw, 13px);}
            .board_gallery .cont{gap: clamp(20px, 2.7vw, 27px);}
        }
        @media (max-width:860px){
            .board_gallery{grid-template: auto / repeat(2, 1fr);}
        }
        @media (max-width:479px){
            .board_gallery{grid-template: auto / repeat(1, 1fr);}
        }

    /* 보고서 */
        .board_report{display: grid;grid-template: auto / repeat(4, 1fr);gap: clamp(15px, 2.1vw, 40px);box-sizing: border-box;}
        .board_report > li{position: relative;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;text-align: center;gap: 30px;border: 1px solid var(--border-color01);padding: 40px 30px 30px;background: var(--point-white);}
        .board_report .link{position: absolute;inset: 0;z-index: 3;}
        .board_report .thumb{font-size: 0;width: calc(100% - 38px);aspect-ratio: auto 0.74;overflow: hidden;background: var(--gray-bg01);box-shadow: inset 0 0 0 1px var(--border-color01);flex-shrink: 0;}
        .board_report .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .board_report .cont{border-top: 0;box-sizing: border-box;font-size: var(--title-20);width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;gap: 41px;}
        .board_report .desc{display: grid;gap: 13px;}
        .board_report .desc dt{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.5;letter-spacing: -0.03em;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
        .board_report .desc dd{font-size: inherit;font-weight: 500;color: var(--black-color00);line-height: 1.5;white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;letter-spacing: -0.03em;text-wrap: auto;}
        .board_report .regdate{font-size: 80%; font-weight: 400; color: var(--black-color07); line-height: 1.25;}

        @media (max-width:1023px){
            .board_report{grid-template: auto / repeat(2, 1fr);}
            .board_report > li{gap: clamp(15px, 3vw, 30px);padding: clamp(25px, 4vw, 30px);padding-top: clamp(30px, 6vw, 40px);}
            .board_report .cont{gap: clamp(15px, 4.1vw, 41px);}
        }
        @media (max-width:479px){
            .board_report{grid-template: auto / repeat(1, 1fr);}
        }

    /* 고정 게시글 */
        .notice_list{display: grid; gap: 15px; margin-bottom: 60px;}
        .notice_list > li{position: relative;border: 1px solid var(--black-color00);padding: 30px 40px;box-sizing: border-box;}
        .notice_list .link{position: absolute; inset: 0; z-index: 3;}
        .notice_list .desc{font-size: var(--title-20);display: flex;flex-wrap: wrap;align-items: center;gap: 12px 30px;}
        .notice_list .desc dt{font-size: 110%;font-weight: 500;color: var(--point-color01);line-height: 1.36;display: flex;align-items: baseline;gap: 12px;letter-spacing: 0;}
            .notice_list .desc dt:before{display: inline-flex;content:'';width: 11px;aspect-ratio: auto 1;background: var(--point-color01);clip-path: var(--poly-path03);translate: 0 -3px;}
        .notice_list .desc dt span{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
        .notice_list .desc dd{font-size: 85%;font-weight: 400;color: var(--black-color05);line-height: 1.76;letter-spacing: -0.03em;}
        .notice_list .desc dd span{white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

        @media (max-width:1023px){
            .notice_list{margin-bottom: clamp(30px, 6vw, 60px);}
            .notice_list > li{padding: clamp(20px, 3vw, 30px) clamp(25px, 4vw, 40px);}
            .notice_list .desc dt:before{width: clamp(8px, 1.6vw, 11px); translate: 0 clamp(-3px, -0.8vw, 0px);}
        }

    /* 일반 게시글 */
        .board_table{position: relative; width: 100%; box-sizing: border-box; }
        .board_table table{position: relative; width: 100%; box-sizing: border-box; border-top: 1px solid var(--black-color00);}
        .board_table tr{font-size: var(--title-20);}
        .board_table :where(th, td){text-align: center;vertical-align: middle;border-bottom: 1px solid var(--border-color01);padding-inline: 5px;}
        .board_table th{font-size: inherit;font-weight: 500;color: var(--black-color00);padding-block: 25px;}
        .board_table td{font-size: 90%;font-weight: 400;color: var(--black-color05);padding-block: 19px 20px;}
        .board_table td.num{font-size: 85%; color: var(--black-color07);}
        .board_table td.left{text-align: left;padding-inline: 20px;font-size: 95%;color: var(--black-color03);}
            .board_table tbody tr:has(.icon) td.left{font-weight: 500;}
        .board_table td.left a{white-space:normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-break: break-all;line-height: 1.68;}
        .board_table td.left a img{vertical-align: baseline;}
        .board_table td.left a em{font-weight: 500; color: var(--point-color01);}
        .board_table td.exten{font-size: 0;}
        .board_table .bdR{border-right: 1px solid var(--border-color01);}
        .board_table :is([type="text"], [type="password"], [type="number"]){width: 100%;height: 45px;padding-inline: 10px;font-size: inherit;font-weight: inherit;text-align: center;}
        .board_table select{width: 100%;height: auto;padding-inline: 10px 35px;border:0;background-position: calc(100% - 15px) 50%;background-size: 12px auto;font-size: inherit;}
        .board_table label:has([type="checkbox"]){margin-inline: auto;}
        .board_table .tablePrint{display: inline-flex; align-items: center; height: 24px; vertical-align: middle;}
        .bd_icon{display: inline-flex;align-items: center;justify-content: center;background: var(--point-color01);font-size: var(--title-16);color: var(--point-white);padding: 6px 17px 5px;font-weight: 300;line-height: 1.4;}

        .tableSwiper.pc_slide{overflow: hidden;}
        .tableSwiper.pc_slide .swiper-scrollbar{display: block;}
        .board_table.tableSwiper th{font-size: 90%;}
        .board_table.tableSwiper td{font-size: max(14px, 85%); padding-block: 24px;}

        @media (max-width:1023px){
            .board_table th{padding-block: clamp(16px, 2.5vw, 20px);}
            .board_table td{padding-block: clamp(16px, 2.5vw, 19px);}
            .bd_icon{padding: clamp(3px, 1.1vw, 6px) clamp(12px, 1.7vw, 17px) clamp(2px, 1vw, 5px);}
            .tableSwiper.pc_slide{overflow: visible;}
            .board_table.tableSwiper td{padding-block: clamp(16px, 2.9vw, 24px);}
            .board_table .tablePrint{height: clamp(20px, 2.9vw, 24px);}
            .board_table :is([type="text"], [type="password"], [type="number"]){height: clamp(40px, 5vw, 45px);}
        }
        @media (max-width:860px){
            .board_table:not(.tableSwiper) :is(table, tbody, tr, td){position: relative; display: block; width: 100%; box-sizing: border-box; border:0; padding:0;}
            .board_table:not(.tableSwiper) thead{display: none;}
            .board_table:not(.tableSwiper) tr{display: flex;align-items: center;flex-wrap: wrap;gap: 8px 15px;padding:20px 15px;border-bottom: 1px solid var(--border-color01);}
            .board_table:not(.tableSwiper) td{width: auto;}
            .board_table:not(.tableSwiper) td.left{width: 100%;padding-inline: 0;}
            .board_table:not(.tableSwiper) td.exten:not(:has(img)){display: none;}
            .board_table:not(.tableSwiper) td.for_pc{display: none;}
        }
        @media (max-width:479px){
            .board_table th{font-size: 90%;}
        }

    /* 게시판 상세 */
        .border_view{font-size: var(--title-20);}
        .border_view .view_info{position: relative;border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);font-size: var(--title-20);padding-block: 40px 36px;display: grid;gap: 37px;}
        .border_view .view_info h4{font-size: 180%;font-weight: 500;color: var(--black-color01);display: flex;align-items: center;flex-wrap: wrap;gap: 15px 20px;line-height: 1.12;letter-spacing: -0.03em;}
        .border_view .view_info h6{font-size: inherit;font-weight: 500;color: var(--black-color05);margin-block: -2px -15px;}
        .border_view .view_exp{display: flex;align-items: center;flex-wrap: wrap;gap: 13px 0;}
        .border_view .view_exp .desc{display: flex;align-items: center;gap: 8px 0;font-size: var(--title-20);}
        .border_view .view_exp .desc:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color01); margin-inline: 20px;}
        .border_view .view_exp .desc :where(dt, dd){font-size: 80%;font-weight: 400;color: var(--black-color08);box-sizing: border-box;letter-spacing: -0.02em;}
        .border_view .view_exp .desc dt{font-weight: 500;color: var(--black-color06);flex-shrink: 0;padding-right: 17px;}
        .border_view .view_cont{padding: 60px;box-sizing: border-box;border-bottom: 1px solid var(--border-color01); font-size: 90%; font-weight: 400; color: var(--black-color04); line-height: 1.66;}
        .border_view .view_cont .detail{border: 10px solid var(--border-color03);display: flex;align-items: center;justify-content: center;gap: 30px 60px;padding: 34px;box-sizing: border-box; margin-bottom: 40px;}
        .border_view .view_cont .detail .thumb{width: 100%;max-width: 280px;display: flex;align-items: center;justify-content: center;}
        .border_view .view_cont .detail .item{display: flex;flex-direction: column;gap: 16px;}
        .border_view .view_cont .detail .desc{font-size: var(--title-20); display: flex; gap:10px 24px;}
        .border_view .view_cont .detail .desc :where(dt, dd){font-size: 85%; font-weight: 400; color: var(--black-color05);}
        .border_view .view_cont .detail .desc dt{font-weight: 500;color: var(--black-color02);display: flex;align-items: baseline;gap: 12px;flex-shrink: 0;}
        .border_view .view_cont .detail .desc dt:before{display: inline-flex;content:'';width: 4px;aspect-ratio: auto 1;background: var(--black-color10);translate: 0 -4px;}
        .border_view .view_cont .detail .desc dd{letter-spacing: -0.02em;}
        .border_view .de_title{font-size: var(--title-20);display: flex;flex-direction: column;align-items: center;text-align: center;gap: 11px;border-bottom: 1px dashed var(--black-color10);padding-bottom: 60px; margin-bottom: 60px;}
        .border_view .de_title h5{font-size: 140%; font-weight: 600; color: var(--black-color03); line-height: 1.43;}
        .border_view .de_title p{font-size: 90%; font-weight: 400; color: var(--black-color05); line-height: 1.66;}
        .border_view .view_nav{margin-top: 40px;}
        .border_view .view_nav .link_list{display: grid; gap: 10px;}
        .border_view .view_nav .link_list > li{position: relative;background: var(--gray-bg01);padding-block: 24px;}
        .border_view .view_nav .link_list .desc{display: flex; gap:15px 40px; align-items: center; font-size: var(--title-20);}
        .border_view .view_nav .link_list .desc :where(dt, dd){font-size: 80%;font-weight: 400;color: var(--black-color06);box-sizing: border-box;}
        .border_view .view_nav .link_list .desc dt{position: relative;width: 146px;padding-inline: 20px;flex-shrink: 0;font-weight: 500;color: var(--black-color03);display: flex;justify-content: center;align-items: baseline;gap: 10px;}
            .border_view .view_nav .link_list .desc dt:before{display: inline-flex;content: '';width: 8px;aspect-ratio: auto 1;background: var(--black-color03);clip-path: var(--poly-path01);rotate: -135deg;}
            .border_view .view_nav .link_list .desc dt:after{position: absolute; content:''; width: 1px; height: 12px; background: var(--border-color01); top:50%; right:0; translate: 0 -50%;}
            .border_view .view_nav .link_list .desc dt.next:before{scale: -1 -1;translate: 0 -3px;}
        .border_view .view_nav .link_list .desc dd{width: 100%;padding-right: 40px;}

        .border_view .video_detail{display: flex;gap: clamp(15px, 2.1vw, 40px);padding-bottom: 60px;border-bottom: 1px dashed var(--black-color10);margin-bottom: 60px;}
        .border_view .video_detail .thumb{width: 48.5%;flex-shrink: 0;aspect-ratio: auto 1.77;box-sizing: border-box;overflow: hidden;}
        .border_view .video_detail .thumb iframe{width: 100%;height: calc(100% + 5px);}
        .border_view .video_detail .txt_wrap{width: 100%;border: 10px solid var(--border-color03);box-sizing: border-box;font-size: var(--title-20);padding-inline: 30px;}
        .border_view .video_detail .txt_wrap textarea{resize: none;width: 100%;height: 100%;font-size: 80%;font-weight: 400;color: var(--black-color05);line-height: 1.75;padding-block: 30px;padding-right: 25px;box-sizing: border-box;letter-spacing: -0.03em;}
            .border_view .video_detail .txt_wrap textarea::-webkit-scrollbar-track{margin-block:30px;}

        .border_view .view_file{position: relative;margin-top: -1px;border: 1px solid var(--border-color01);padding: 23px 40px;box-sizing: border-box;}
        .border_view .view_file .dwn_list{display: flex;flex-wrap: wrap;gap: 10px 0;font-size: var(--title-20);}
        .border_view .view_file .dwn_list > li{font-size: 80%; font-weight: 400; color: var(--black-color06); display: flex; align-items: center;}
        .border_view .view_file .dwn_list > li:not(:last-child):after{display: inline-flex; content:''; width: 1px; height: 12px; background: var(--border-color01); margin-inline: 20px;}
        .border_view .view_file .dwn_list a{display: flex; align-items: center; flex-wrap: wrap; gap: 8px;}
        .border_view .view_file .dwn_list a span{display: contents;}
        .view_replay{background: var(--gray-bg01); margin-top: 60px; padding:70px 60px; box-sizing: border-box;}
        .border_view .view_replay .view_info{border-top: 0;padding-top: 0;}
        .border_view .view_replay .view_cont{padding-inline: 0;padding-bottom: 0;border-bottom: 0;}
            

        .btn_wrap{position: relative; margin-top: 60px; display: flex; justify-content: center; flex-wrap: wrap; gap: 15px;}
            .btn_wrap + .btn_wrap{justify-content: flex-end; margin-top: -60px; pointer-events: none;}
            .btn_wrap + .btn_wrap :where(button, a){pointer-events: all;}
            .btn_wrap.grBg{background: var(--gray-bg01); padding:60px; margin: 0;}
            .btn_wrap.mg_dn{margin-top: 0;}


        @media (max-width:1023px){
            .border_view .view_info{padding-block: clamp(25px, 4vw, 40px) clamp(25px, 3.6vw, 36px);gap: clamp(25px, 3.7vw, 37px);}
            .border_view .view_info h6{margin-block: clamp(-2px, -0.2vw, 0px) clamp(-15px, -1.5vw, 0px);}
            .border_view .view_info h4 img{max-width: clamp(20px, 3vw, 25px); height: clamp(20px, 3vw, 25px);}
            .border_view .view_exp .desc:not(:last-child):after{height: clamp(10px, 1.7vw, 12px); margin-inline: clamp(15px, 2.5vw, 20px);}
            .border_view .view_cont{padding: clamp(25px, 6vw, 60px);}
            .border_view .view_cont .detail{column-gap: clamp(30px, 6vw, 60px);padding: clamp(25px, 3.4vw, 34px);margin-bottom: clamp(20px, 4vw, 40px);}
            .border_view .view_cont .detail .desc{column-gap: clamp(20px, 2.9vw, 24px);}
            .border_view .view_cont .detail .desc dt{gap: clamp(10px, 1.7vw, 12px);}
            .border_view .view_cont .detail .desc dt:before{translate: 0 clamp(-4px, -0.9vw, 0px);}
            .border_view .view_cont .detail .thumb{max-width: clamp(220px, 28vw, 280px);}
            .border_view .view_cont .detail .item{gap: clamp(10px, 1.6vw, 16px);}
            .border_view .de_title{gap: clamp(8px, 1.1vw, 11px);padding-bottom: clamp(25px, 6vw, 60px);margin-bottom: clamp(25px, 6vw, 60px);}
            .border_view .view_nav{margin-top: clamp(20px, 4vw, 40px);}
            .border_view .view_nav .link_list .desc{column-gap: clamp(20px, 4vw, 40px);}
            .border_view .view_nav .link_list .desc dt{width: clamp(100px, 14.6vw, 146px);padding-inline: clamp(15px, 2vw, 20px);}
            .border_view .view_nav .link_list .desc dt:before{width: clamp(6px, 1.3vw, 8px);}
            .border_view .view_nav .link_list .desc dt:after{height:clamp(10px, 1.7vw, 12px);}
            .border_view .view_nav .link_list .desc dd{padding-right: clamp(20px, 4vw, 40px);}

            .border_view .video_detail{flex-wrap: wrap; padding-bottom: clamp(25px, 6vw, 60px);margin-bottom: clamp(25px, 6vw, 60px);}
            .border_view .video_detail .thumb{width: 100%; flex-shrink: unset;}
            .border_view .video_detail .txt_wrap{height: clamp(200px, 48vw, 480px); padding-inline: clamp(20px, 3vw, 30px);}
            .border_view .video_detail .txt_wrap textarea{padding-block: clamp(15px, 3vw, 30px);padding-right: clamp(15px, 2.5vw, 25px);}
            .border_view .video_detail .txt_wrap textarea::-webkit-scrollbar-track{margin-block:clamp(15px, 3vw, 30px);}

            .border_view .view_file{padding: clamp(18px, 2.3vw, 23px) clamp(20px, 4vw, 40px);}
            .border_view .view_file .dwn_list > li:not(:last-child):after{height: clamp(12px, 1.7vw, 10px); margin-inline: clamp(15px, 2.5vw, 20px);}

            .view_replay{padding: clamp(35px, 7vw, 70px) clamp(30px, 6vw, 60px);}

            .btn_wrap{margin-top: clamp(30px, 6vw, 60px)}
            .btn_wrap + .btn_wrap{margin-top: clamp(30px, 6vw, 60px);}
            .btn_wrap.grBg{padding:clamp(30px, 6vw, 60px);}
        }
        @media (max-width:860px){
            .border_view .view_cont .detail{flex-wrap: wrap; border-width: 8px;}
            .border_view .view_cont .detail .item{width: 100%;}
            .border_view .video_detail .txt_wrap{border-width: 8px;}
        }
        @media (max-width:640px){
            .border_view .view_info h4{font-size: 170%;}
            .border_view .view_cont .detail{flex-wrap: wrap; border-width: 5px;}
            .border_view .view_cont .detail .item{width: 100%;}
            .border_view .video_detail .txt_wrap{border-width: 5px;}
        }
        @media (max-width:479px){
            .border_view .view_info h4{font-size: 160%;}
            .border_view .de_title h5{font-size: 130%;}
            .border_view .view_file .dwn_list > li{width: 100%;}
            .border_view .view_file .dwn_list > li:not(:last-child):after{display: none;}
        }

    /* 작성하기 */
        .write_table{position: relative;border-top: 1px solid var(--black-color00);border-bottom: 1px solid var(--border-color01);padding: 40px;box-sizing: border-box;}
        .write_table :where(table, tbody, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box; letter-spacing: -0.03em;}
        .write_table tbody{display: flex;flex-wrap: wrap;gap: 30px clamp(30px, 3.2vw, 60px);}
        .write_table tr{display: flex;align-items: center;gap: 10px 0;width: calc(100% / 2 - 30px);font-size: var(--title-20);}
            .write_table tr.bk{width: 100%;}
        .write_table th{width: clamp(185px, 11vw, 200px);padding-right: 15px;font-size: inherit;font-weight: 500;color: var(--black-color00);flex-shrink: 0;display: flex;align-items: baseline;flex-wrap: wrap;gap: 3px 10px;}
        .write_table th em{font-weight: 700;color: var(--point-color01);display: contents;}
        .write_table th small{font-size: max(13px, 80%); font-weight: 400; color: var(--black-color07);}
        .write_table td{font-size: 90%;font-weight: 500;color: var(--black-color03);}
        .write_table :where([type="text"], [type="password"], [type="number"], textarea){width: 100%;font-size: inherit;color: var(--black-color05);font-weight: 400;font-family: var(--font-type02);}
        .write_table textarea{font-size: 94.4%; height: 300px;}
        .write_table .inp_list{padding-block: 18px;}
        .write_table .noti{font-size: 88.8%; font-weight: 400; color: var(--black-color07); line-height: 1.625; margin-top: 30px;}

        .write_table02{position: relative;border-top: 1px solid var(--black-color00); box-sizing: border-box;}
        .write_table02 :where(table, tbody, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box; letter-spacing: -0.03em;}
        .write_table02 tr{font-size: var(--title-20);border-bottom: 1px solid var(--border-color01);display: flex;padding:30px 40px;text-align: left;gap: 12px 0;}
        .write_table02 :where(th, td){display: flex; align-items: center; padding-right: 20px;}
        .write_table02 th{font-size: inherit;font-weight: 500;color: var(--black-color00);width: 15.1%;flex-shrink: 0;}
        .write_table02 td{font-size: 90%; font-weight: 400; color: var(--black-color03);}
        .write_table02 td:has([type="file"]){width: 26.5%;flex-shrink: 0;}
        .write_table02 td label:has([type="file"]){width: 100%;}
        
        .agree_box{border: 1px solid var(--border-color01); border-top-color: var(--black-color00);}
        .agree_box .desc{font-size: var(--title-20);}
        .agree_box .desc :where(dt, dd){font-size: 90%;font-weight: 500;color: var(--black-color00);letter-spacing: -0.03em; padding-inline: 40px;}
        .agree_box .desc dt{padding-block: 30px;font-size: 85%;font-weight: 400;color: var(--black-color05);line-height: 1.75;}
            .agree_box .desc dt + dd{border-top: 1px solid var(--border-color01);}
        .agree_box .desc dd{padding-block: 20px; background: var(--gray-bg01);}

        @media (max-width:1023px){
            .write_table{padding: clamp(25px, 4vw, 40px) clamp(20px, 4vw, 40px);}
            .write_table tbody{gap: clamp(20px, 3vw, 30px);}
            .write_table tr{width: 100%;}
            .write_table tr:not(:has(*)){display: none;}
            .write_table .inp_list{padding-block: clamp(10px, 2.3vw, 18px);}
            .write_table .noti{margin-top: clamp(15px, 3vw, 30px);}
            .write_table textarea{height: clamp(280px, 30vw, 300px);}

            .write_table02 tr{padding: clamp(20px, 3vw, 30px) clamp(20px, 4vw, 40px);flex-wrap: wrap;}
            .write_table02 th, .write_table02 td:has([type="file"]){width: 100%; flex-shrink: unset;}
            .write_table02 :where(th, td){padding-right: 0;}
            
            .agree_box .desc :where(dt, dd){padding-inline: clamp(25px, 4vw, 40px);}
            .agree_box .desc dt{padding-block: clamp(20px, 3vw, 30px);}
            .agree_box .desc dd{padding-block: clamp(18px, 2vw, 20px);}
        }
        @media (max-width:640px){
            .write_table tr{flex-wrap: wrap;}
            .write_table th{width: 100%;flex-shrink: unset;padding-right: 0;}
            .write_table .inp_list{padding-block: 5px;}
        }

    /* FAQ */
        .faq_list{display: grid; gap: 20px;}
        .faq_list > li{position: relative; border: 1px solid var(--border-color01); transition: all 0.4s;}
        .faq_list .desc{font-size: var(--title-20);}
        .faq_list .desc :where(dt, dd){position: relative;display: flex;align-items: baseline;gap: 12px 20px;padding: 30px 40px;box-sizing: border-box;letter-spacing: -0.03em;}
            .faq_list .desc :where(dt, dd):before{display: inline-flex; content:'Q'; align-items: center; justify-content: center; text-align: center; min-width: 40px; height: 40px; border-radius: 40px; background: var(--point-color01); padding-inline: 5px; box-sizing: border-box; font-size: 110%; font-weight: 400; color: var(--point-white); font-family: var(--font-type02); line-height: 1; flex-shrink: 0;}
        .faq_list .desc dt{font-size: inherit;font-weight: 400;color: var(--black-color03);line-height: 1.6;padding-right: 100px;cursor: pointer;}
            .faq_list .desc dt:after{position: absolute;content:'';width: 13px;aspect-ratio: auto 1;border: 2px solid var(--black-color05);clip-path: var(--poly-path01);box-sizing: border-box;top: 40px;right: 40px;rotate: 45deg;border-radius: 2px; transition: all 0.4s;}
        .faq_list .desc dt + dd{border-top: 1px solid var(--border-color01);}
        .faq_list .desc dd{font-size: max(13px, 85%); font-weight: 400; color: var(--black-color05); line-height: 1.76; display: flex; display: none;}
        .faq_list .desc dd:before{content:'A'; background: var(--point-color02);}

            .faq_list > li.on{border-color: var(--black-color00);}
            .faq_list > li.on .desc dt:after{scale: -1 -1;translate: 0 8px;}

        @media (max-width:1023px){
            .faq_list .desc :where(dt, dd){padding: clamp(25px, 3vw, 30px) clamp(25px, 4vw, 40px);column-gap: clamp(15px, 2vw, 20px);}
            .faq_list .desc :where(dt, dd):before{min-width: clamp(32px, 4vw, 40px);height: clamp(32px, 4vw, 40px);}
            .faq_list .desc dt{padding-right: clamp(70px, 10vw, 100px);}
            .faq_list .desc dt:after{top: clamp(35px, 4vw, 40px);right: clamp(25px, 4vw, 40px);width: clamp(10px, 1.8vw, 13px);}
        }
        @media (max-width:479px){
            .faq_list .desc :where(dt, dd){flex-wrap: wrap;}
            .faq_list .desc dt{padding-right: 25px;font-size: 95%;}
            .faq_list .desc dd{line-height: 1.6;}
        }

    /* 팝업 */
        .layer_title{position: relative; font-size: var(--title-20); box-sizing: border-box; }
            .layer_title.hd{border-bottom: 1px solid var(--black-color00); padding-bottom: 17px; margin-bottom: 20px;}
        .layer_title h4{font-size: 140%; font-weight: 600; color: var(--black-color00); line-height: 1.3; letter-spacing: -0.03em;}
        .layer_title p{font-size: max(13px, 80%); font-weight: 400; color: var(--black-color12); line-height: 1.6; letter-spacing: -0.03em;}
        .layer_title .flex_bwn{align-items: center; flex-wrap: nowrap;}
        .layer_title .flex_bwn .close_btn{flex-shrink: 0;}
        .layer_pop{position: fixed;inset: 0;z-index: 200;display: flex;align-items: center;justify-content: center; background: rgba(0,0,0,0.6); opacity: 0; pointer-events: none; transition: all 0.4s;}
            .layer_pop.on{opacity: 1; pointer-events: all;}
            body:has(.layer_pop.on){overflow: clip; touch-action: none;}
        .layer_pop .w_custom{max-width: 560px;background: var(--point-white);padding: 30px 30px 40px; max-height: 90vh; overflow: hidden; overflow-y: auto;}
        .layer_pop .w_custom.w_1000{max-width: 1000px;}
        .layer_pop .close_btn{position: relative; display: block; width: 30px; aspect-ratio: auto 1;}
        .layer_pop .close_btn{&:before, &:after{position: absolute;content:'';width: 100%;height: 2px;background: var(--black-color03);top:50%;left:50%;translate: -50% -50%;rotate: 45deg;}}
        .layer_pop .close_btn:after{rotate: -45deg;}
        .layer_pop .pw_box{background: var(--gray-bg01); padding:30px; text-align: center; box-sizing: border-box;}
        .layer_pop .pw_box [type="password"]{width: 100%; max-width: 300px; margin-inline: auto;}
        .layer_pop .btn_wrap{margin-top: 30px;}
        .layer_pop .more_view{min-width: 140px;padding-block: 12px;}
        .layer_pop .more_view.lg{min-width: 180px;}
        .layer_pop .more_view span{font-size: max(14px, 85%);}
        .layer_pop .sub_title h4.ci{font-size: 120%;gap: 12px;}
        .layer_pop .sub_title h4.ci:before{width: 20px;}
        .layer_pop .agree_box .desc :where(dt, dd){padding-inline: 30px;}
        .layer_pop .agree_box .desc dt{padding-block:20px;font-size: 80%;}
        .layer_pop .agree_box .desc dd{font-size: 85%;padding-block: 18px;}
        .layer_pop .inp_list .exp_txt{padding-right: 10px;}
        .layer_pop label:has([type="radio"]){font-size: inherit;line-height: 18px;}
        .layer_pop label [type="radio"]{width: 18px; height: 18px;}
        .layer_pop:has(.cont) .w_custom{padding-bottom: 0;}
        .layer_pop .cont{overflow: hidden; overflow-y: auto; max-height: 500px; padding-bottom: 40px; box-sizing: border-box;}
        .layer_pop .cont::-webkit-scrollbar {width: 33px;}
        .layer_pop .cont::-webkit-scrollbar-track {background: none;margin-block:10px 40px;border-right: 3px solid var(--border-color01);}
        .layer_pop .cont::-webkit-scrollbar-thumb {background: none;border-right: 3px solid var(--black-color00);}

        @media (max-width:1023px){
            .layer_pop .sub_title h4.ci:before{width: clamp(16px, 2.5vw, 20px);}
            .layer_pop .agree_box .desc :where(dt, dd){padding-inline: clamp(20px, 3vw, 30px);}
            .layer_pop .more_view.lg{min-width: clamp(160px, 18vw, 180px);}
            .layer_pop .cont::-webkit-scrollbar {width: clamp(20px, 3.3vw, 33px);}
        }
        @media (max-width:860px){
            .layer_pop .inp_list .exp_txt{padding-right: 0;}
        }