@charset "utf-8";

/*───────────────────────────────────────────────────────────
	공통
───────────────────────────────────────────────────────────*/
    .btn_wrap{display: flex; justify-content: center; flex-wrap: wrap; gap: 20px; margin-top: 40px;}
    .btn_wrap.ta_right{justify-content: flex-end;}
    .btn{display: inline-flex; align-items: center; justify-content: center; text-align: center; font-size: var(--title-20); font-weight: 500; color: var(--black-color03); background: var(--point-white); border: 1px solid var(--black-color03); border-radius: var(--radius-04); width: 200px; height: 70px; padding-inline: 20px; box-sizing: border-box; transition: all 0.4s;}
    
    .btn.btn_md{width:140px; height: 60px; font-size: var(--title-18);}
    .btn.btn_point{color: var(--point-white); background: var(--point-color01); border-color: var(--point-color01); box-shadow: none;}

        @media (hover:hover) and (pointer:fine){
            .btn:hover{box-shadow: inset 290px 0 0 var(--point-color01); border-color: var(--point-color01); color: var(--point-white);}
        }

    .inp_list{display: flex; flex-wrap: wrap; gap: 20px 80px;}
    .inp_list.bk > li{width: 100%;}

    .sub_nav > li[selected="selected"], .sub_nav:not(:has(li[selected="selected"], li.on)) > li:first-child{background: var(--point-color01); color: var(--point-white);}

    label:has([type="radio"]){display: flex;width: fit-content;align-items: flex-start;gap: 10px;cursor: pointer;font-size: var(--title-20);font-weight: 400;color: var(--black-color03);font-family: var(--font-type02);line-height: 30px;letter-spacing: -0.03em;}
    label [type="radio"]{display: inline-block; width: 30px; height: 30px; background: url('../images/sub/chk_radio.svg') no-repeat left center / 100% auto; cursor: inherit; flex-shrink: 0;}
    label:has([type="radio"]:checked) [type="radio"]{background-image: url('../images/sub/chk_radioOn.svg');}

    label:has([type="checkbox"]){display: flex;width: fit-content;align-items: flex-start;gap: 10px;cursor: pointer;font-size: var(--title-18);font-weight: 500;color: var(--black-color03);font-family: var(--font-type02);line-height: 26px;letter-spacing: -0.03em;}
    label [type="checkbox"]{display: inline-block; width: 26px; height: 26px; background: url('../images/sub/chk_box.svg') no-repeat left center / 100% auto; cursor: inherit; flex-shrink: 0;}
    label:has([type="checkbox"]:checked) [type="checkbox"]{background-image: url('../images/sub/chk_boxOn.svg');}
    label:has([type="checkbox"]) em{font-weight: inherit; color: var(--point-color01); display: contents;}

    #wrap input:is([type="text"], [type="number"], [type="password"], [type="datetime-local"], [type="date"]){display: inline-block; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: normal;padding:0 24px;font-size: var(--title-18);font-weight: 400;color: var(--black-color03);height: 60px;border:1px solid var(--border-color01);border-radius: var(--radius-06);background: var(--point-white);box-sizing: border-box;letter-spacing: -0.03em;}
    #wrap input:is([type="text"], [type="number"], [type="password"], [type="datetime-local"], [type="date"])::placeholder{color: var(--black-color06); font-weight: 300;}

    select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height: normal;padding-block: 0;padding:0 50px 0 24px;font-size: var(--title-18);font-weight: 400;color: var(--black-color03);width: 180px;height: 60px;border:1px solid var(--border-color01);border-radius: 6px;background: var(--point-white) url('../images/sub/sel_arw.svg') no-repeat calc(100% - 20px) 50%;box-sizing: border-box;appearance: none;}

    textarea{position: relative; padding:15px 24px;font-size: var(--title-18);font-weight: 400;color: var(--black-color03);height: 60px;border:1px solid var(--border-color01);border-radius: var(--radius-06);background: var(--point-white);box-sizing: border-box;letter-spacing: -0.03em; line-height: 1.5;}
    textarea::-webkit-scrollbar { width: 4px;}
    textarea::-webkit-scrollbar-track {background: var(--border-color01); border-radius: 10px; margin:10px;}
    textarea::-webkit-scrollbar-thumb {background:var(--black-color10); border-radius: 10px;}

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

    @media (max-width:1023px){
        .btn_wrap{margin-top: clamp(30px, 4vw, 40px); gap:clamp(15px, 2vw, 20px);}
        .btn{width: clamp(110px, 20vw, 200px); height: clamp(45px, 8vw, 70px); }
        .btn.btn_md{width:clamp(90px, 14vw, 140px);height: clamp(42px, 7vw, 60px);}

        .inp_list{gap: clamp(15px, 2vw, 20px) clamp(30px, 8vw, 80px);}

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

        label [type="checkbox"]{width: clamp(20px, 3.1vw, 26px); height: clamp(20px, 3.1vw, 26px);}
        label:has([type="checkbox"]){line-height: clamp(20px, 3.1vw, 26px);}
        

        #wrap input:is([type="text"], [type="number"], [type="password"], [type="datetime-local"], [type="date"]){height: clamp(42px, 7vw, 60px);padding-inline: clamp(15px, 2.4vw, 24px);}

        select{width: clamp(100px, 18vw, 180px); height: clamp(42px, 7vw, 60px);padding-inline: clamp(15px, 2.4vw, 24px) clamp(40px, 5vw, 50px); background-position: calc(100% - clamp(15px, 2.4vw, 20px)) 50%;}

        textarea{padding-block: clamp(10px, 1.5vw, 15px); padding-inline: clamp(15px, 2.4vw, 24px);}
    }
    
/*───────────────────────────────────────────────────────────
	board
───────────────────────────────────────────────────────────*/
    /* 피해진단 */
        .diagnosis_step{position: relative;display: flex;justify-content: space-between;counter-reset: item;font-size: var(--title-20);font-family: var(--font-type02);margin-bottom: 75px;box-sizing: border-box;}
        .diagnosis_step > li{position: relative;width: calc(100% / 10 - 59.4px);aspect-ratio: auto 1;border-radius: 100%;background: var(--gray-bg01);box-sizing: border-box;display: inline-flex;align-items: center;justify-content: center;text-align: center;font-size: 110%;font-weight: 500;color: var(--border-color01);transition: all 0.4s; pointer-events:none;}
            .diagnosis_step > li:not(:last-child){margin-right: 66px;}
            .diagnosis_step > li:not(:last-child):before{position: absolute;content:'';width: 66px;height: 1px;background: var(--border-color01);top:50%;left: 100%;}
            .diagnosis_step > li:not(:last-child):after{position: absolute;content:'';width: 18px;height: 22px;background: url('../images/sub/ico_about_logo.svg') no-repeat center / 100% auto;top:50%;left: calc(100% + 33px - 8px);translate: 0 -50%; opacity: 0; transition: all 0.4s;}
            .diagnosis_step > li.on:after{opacity: 1;}
            .diagnosis_step > li.on{background: var(--point-color01); font-weight: 600; color: var(--point-white);}
            .diagnosis_step:not(:has(li.on)) > li:first-child{background: var(--point-color01); font-weight: 600; color: var(--point-white);}
            .diagnosis_step:not(:has(li.on)) > li:first-child:after{opacity: 1;}
            .diagnosis_step > li:has(~ li.on){background: var(--point-color06); color: var(--point-white); font-weight: 400; cursor: pointer;}
        .diagnosis_step > li span:before{content: counter(item); counter-increment: item;}
		.stepSwiper{width:calc(100vw - 30px);max-width:1400px;margin:0 auto;box-sizing:border-box;position: relative;}
		.diagnosis_cont .btn_submit{display: none;}
        
            @media (min-width:660px){
                .stepSwiper#step01 .diagnosis_step{justify-content: center;}
            }
		
		.diagnosis_cont{display: none;}
		.diagnosis_cont.step01{display:block;}
        .diagnosis_cont .sub_title{margin-bottom: 35px;}
        .diagnosis_cont .sub_title:after{display: none;}
        .diagnosis_cont .sub_title h4{letter-spacing: -0.03em; font-weight: 600;}
        .diagnosis_cont .sub_title h4 em{font-weight: inherit; color: var(--point-color01);}
        .diagnosis_cont .item{transition: all 0.6s;}
        .diagnosis_cont .item:not(.on){height: 0; opacity: 0; overflow: hidden; translate: 70px;}
        .diagnosis_cont .cont{transition: all 0.6s;}
        .diagnosis_cont .cont.single{padding-bottom: 29px;}
        #wrap .diagnosis_cont .cont.single :is([type="text"], [type="datetime-local"], [type="date"]){width: 100%; max-width: 400px; font-family: var(--font-type02); display: block; margin-inline: auto;}
        #wrap .diagnosis_cont .cont.single :is([type="text"], [type="datetime-local"], [type="date"])::placeholder{font-weight: inherit;}
        #wrap .diagnosis_cont .cont.single :is([type="datetime-local"], [type="date"]){line-height: 60px;}
        .diagnosis_cont .data_list{position: relative;display: flex;flex-wrap: wrap;justify-content: center;z-index: 5; gap: 10px;}
        .diagnosis_cont .data_list > li{width: 200px;}
        .diagnosis_cont .inp_box{position: relative;border: 1px solid var(--border-color01);border-radius: var(--radius-06);background: var(--point-white);height: 60px;padding-inline: 24px;display: flex;align-items: center;justify-content: center;text-align: center;font-size: var(--title-18);color: var(--black-color05);width: 100%;box-sizing: border-box;}
        .diagnosis_cont .sel_info{height: 100%;}
        .diagnosis_cont .sel_info.gap{padding-right: 4px;}
        .diagnosis_cont .sel_info dt{height: 100%;cursor: pointer;display: flex;align-items: center;}
        .diagnosis_cont .sel_info dd{position: absolute;top: calc(100% + 10px);left: 0;border: 1px solid var(--border-color01);width: 100%;padding-block:40px;background: var(--point-white); height: 120px; overflow: hidden; opacity: 0; pointer-events: none; transition: all 0.4s; box-sizing: border-box;}
        .diagnosis_cont .sel_info dd a{display: block; padding: 0 20px; box-sizing: border-box; transition: all 0.4s;}
            .diagnosis_cont .sel_info:has(dt.on) dd{opacity: 1; pointer-events: all; z-index: 7;}
        .diagnosis_cont .data_list .swiper-wrapper{flex-direction: column; transition: all 0.2s !important;}
        .diagnosis_cont .data_list .swiper-wrapper .swiper-slide{height: auto;font-size: var(--title-20);display: flex;align-items: center;justify-content: center;text-align: center;}
        .diagnosis_cont .data_list .swiper-wrapper .swiper-slide a{font-size: 70%;}
        .diagnosis_cont .data_list .swiper-wrapper .swiper-slide-prev a{font-size: 90%;}
        .diagnosis_cont .data_list .swiper-wrapper .swiper-slide-active a{font-size: 110%; color: var(--black-color00);}
        .diagnosis_cont .data_list .swiper-wrapper .swiper-slide-next a{font-size: 90%;}

        .diagnosis_cont .cont.single select{width: 100%; max-width: 400px; font-family: var(--font-type02); display: block; margin-inline: auto;}
        .diagnosis_cont .btn_wrap{max-width: 600px;margin-inline: auto;margin-top: 80px; flex-wrap: nowrap;}
        .diagnosis_cont .btn_wrap .btn{width: 100%;}
        .diagnosis_cont .add_wrap{border-top: 1px solid var(--black-color00);} 
        .diagnosis_cont .add_desc{display: flex;flex-wrap: wrap;align-items: center;gap: 15px 0;padding-block: 30px;border-bottom: 1px solid var(--border-color01);box-sizing: border-box;font-size: var(--title-20);}
        .diagnosis_cont .add_desc dt{width: 21.4%;font-weight: 500;color: var(--black-color03);padding-right: 20px;box-sizing: border-box;letter-spacing: -0.03em;}
        .diagnosis_cont .add_desc dd{width: 78.6%; display: flex;align-items: center;flex-wrap: wrap;gap: 30px 60px;}
        .diagnosis_cont .file_wrap{position: relative; display: none; gap: 10px; font-size: var(--title-20);}
        .diagnosis_cont .file_wrap.on{display: inline-flex;}
        #wrap .diagnosis_cont .file_wrap [type="text"]{width: 400px;background: var(--gray-bg06);border: 0; font-size: 90%; font-weight: 400;}
            #wrap .diagnosis_cont .file_wrap [type="text"]::placeholder{font-weight: inherit;}
        .diagnosis_cont .file_wrap [type="file"]{display: none;}
        .diagnosis_cont .noti{font-size: var(--title-18);font-weight: 400;color: var(--point-color02);margin-bottom: 18px;letter-spacing: -0.03em; line-height: 1.6;}
        .diagnosis_cont .noti .under_line{text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px;font-weight: 500;color: var(--point-color01);}

        .flatpickr-calendar{font-family: var(--font-type02);}
        .flatpickr-calendar .flatpickr-current-month{display: inline-flex;flex-direction: row-reverse;align-items: center;justify-content: center;height: auto;}
		.flatpickr-calendar span.flatpickr-weekday{color: var(--point-white);font-weight: 400;}
        .flatpickr-calendar .flatpickr-weekdays{margin-bottom:8px;}
        /* .flatpickr-calendar :is(.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay){background: var(--point-color01); border-color: var(--point-color01);} */
        
		.loader_box{width:100%;height:100%;position: fixed;top:0;left:0;align-items: center;justify-content: center;z-index:10;display: none;}
		.loader_box.on{display: flex;}
		body:has(.loader_box.on){overflow:hidden;}
		.loader {width:100px;aspect-ratio:auto 1;border-radius: 50%;background: radial-gradient(farthest-side, var(--point-color01) 94%,#0000) top/8px 8px no-repeat,conic-gradient(#0000 30%,var(--point-color01));-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);animation: l13 1s infinite linear;}
		@keyframes l13{ 
		  100%{transform: rotate(1turn)}
		}
        @media (max-width:1200px){
            .diagnosis_step > li{font-size: 100%;}
        }
        @media (max-width:1023px){
            .diagnosis_step{margin-bottom: clamp(40px, 7.5vw, 75px); justify-content: flex-start;}
            .diagnosis_step > li{width: clamp(50px, 7vw, 80px); }
            .diagnosis_cont .sub_title{margin-bottom: clamp(25px, 3.5vw, 35px);}
            .diagnosis_cont .cont.single{padding-bottom: clamp(0px, 2.9vw, 29px);}
            #wrap .diagnosis_cont .cont.single [type="datetime-local"]{line-height: clamp(42px, 7vw, 60px);}
            .diagnosis_cont .btn_wrap{margin-top: clamp(30px, 8vw, 80px);}
            .diagnosis_cont .add_desc{padding-block: clamp(25px, 3.5vw, 30px);}
            .diagnosis_cont .add_desc dd{gap: clamp(20px, 3vw, 30px) clamp(30px, 6vw, 60px);}
            .diagnosis_cont .data_list > li{width: clamp(120px, 20vw, 200px);}
            .diagnosis_cont .inp_box{height: clamp(42px, 7vw, 60px); padding-inline: clamp(15px, 2.4vw, 24px);}
            .diagnosis_cont .sel_info dd{height: clamp(100px, 12vw, 120px);padding-block: clamp(35px, 4vw, 40px);}
        }
        @media (max-width:860px){
            .diagnosis_cont .add_desc dt{width: 170px;}
            .diagnosis_cont .add_desc dd{width: calc(100% - 170px);}
            .diagnosis_cont .file_wrap{width: 100%;}
            #wrap .diagnosis_cont .file_wrap [type="text"]{width: 100%;}
            .diagnosis_cont .file_wrap .btn{flex-shrink: 0;}
        }
        @media (max-width:479px){
            .diagnosis_cont .add_desc dt{width: 100%;}
            .diagnosis_cont .add_desc dd{width: 100%;}
			
			.loader{width:50px;}
        }

    /* 검색 */ 
        .search_wrap{position: relative;margin-bottom: 40px;}
        .search_wrap fieldset{display: flex; justify-content: flex-end;}
        .search_wrap .preface_list{display: flex;gap: 20px 50px;flex-wrap: wrap;width: 100%;padding-right: clamp(550px, 45vw, 680px);box-sizing: border-box;font-size: var(--title-20); box-shadow: inset 0 -1px 0 var(--border-color01);}
        .search_wrap .preface_list > li{font-weight: 400; color: var(--black-color06); transition: all 0.4s;}
        .search_wrap .preface_list > li[selected="selected"], .search_wrap .preface_list:not(:has([selected="selected"])) > li:first-child{font-weight: 600;color: var(--black-color00);box-shadow: inset 0 -2px 0 var(--black-color00);}
        .search_wrap .preface_list > li > a{display: block;padding-bottom: 18px;}
        .search_wrap .cont{display: flex;justify-content: flex-end;gap: 10px;}
        .search_wrap select{flex-shrink: 0;}
        .search_wrap .inp_box{position: relative;width: clamp(300px, 31vw, 440px);}
        #wrap .search_wrap .inp_box [type="text"]{width: 100%; padding-right: 60px;}
        .search_wrap .inp_box [type="submit"]{position: absolute;top:50%;right:20px;translate: 0 -50%;font-size: 0;background: url('../images/sub/search_icon.svg') no-repeat center / 100% auto;width: 24px;height: 24px;}
            .search_wrap:has(.preface_list){padding-top: 36px;}
            .search_wrap:has(.preface_list) fieldset{justify-content: flex-start;}
            .search_wrap:has(.preface_list) .cont{position: absolute;right:0;bottom: 20px;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .search_wrap .preface_list > li:hover{color: var(--black-color03);}
            }

        @media (max-width:1023px){
            .search_wrap{margin-bottom: clamp(20px, 4vw, 40px);}
                .search_wrap:has(.preface_list){padding-top: 0;}
            .search_wrap fieldset{display: block;}
            .search_wrap .preface_list{margin-bottom: 20px; padding-right: 0; column-gap: clamp(30px, 5vw, 50px); flex-wrap: nowrap; width: calc(100% + 60px); margin-left: -30px; padding-inline: 30px; overflow: hidden; overflow-x: auto;}
            .search_wrap .preface_list > li{flex-shrink: 0;}
            .search_wrap .preface_list > li > a{padding-bottom: clamp(12px, 2vw, 18px);}
            .search_wrap:has(.preface_list) .cont{position: relative; inset: auto;}
            .search_wrap .inp_box{width: 100%; max-width: 300px;}
            #wrap .search_wrap .inp_box [type="text"]{padding-right: clamp(45px, 6vw, 60px);}
            .search_wrap .inp_box [type="submit"]{right:clamp(15px, 2.4vw, 20px); width: clamp(18px, 2.4vw, 24px); height: clamp(18px, 2.4vw, 24px);}
        }
        @media (max-width:360px){
            .search_wrap .cont{flex-wrap: wrap;}
            .search_wrap select{width: 100%;}
            .search_wrap .inp_box{width: 100%;max-width: none;}
        }

    /* qna */
        .qa_list{display: flex; flex-wrap: wrap; gap: 24px;}
        .qa_list > li{position: relative;width: calc(100% / 4 - 18px);padding: 30px 30px 132px;box-sizing: border-box;border-radius: var(--radius-10);box-shadow:inset 0 0 0 1px var(--border-color01);transition: all 0.4s;}
            .qa_list > li:before{position: absolute;content:'';width: 26px;height: 14px;background: url('../images/sub/more_arw.svg') no-repeat center / 100% auto;right: 30px;bottom: 30px;filter: var(--filter-black) opacity(0.3);transition: all 0.4s;}
        .qa_list .link{position: absolute; inset: 0; z-index: 5;}
        .qa_list .desc{font-size: var(--title-20);font-family: var(--font-type02);box-sizing: border-box;}
        .qa_list .desc:before{display: flex;content:'Q';align-items: center;justify-content: center;width: 42px;aspect-ratio: auto 1;border-radius: 100%;font-size: 85%;font-weight: 500;color: var(--point-white);background: var(--point-color05);margin-bottom: 20px;}
        .qa_list .desc :is(dt, dd){font-size: inherit;font-weight: 500;line-height: 1.6;letter-spacing: -0.03em;}
        .qa_list .desc dt{color: var(--point-color05);}
        .qa_list .desc dd{color: var(--black-color00); white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .qa_list > li:hover{box-shadow:inset 0 0 0 2px var(--point-color05), 0 0 50px rgba(52, 123, 247, 0.10);}
                .qa_list > li:hover:before{filter: none;}
            }

        @media (max-width:1200px){
            .qa_list{gap: 20px;}
            .qa_list > li{width: calc(100% / 4 - 15px);padding: clamp(20px, 3vw, 30px);padding-bottom: clamp(70px, 13.2vw, 132px);}
        }
        @media (max-width:1023px){
            .qa_list{gap: 15px;}
            .qa_list > li{width: calc(100% / 3 - 10px);}
            .qa_list .desc:before{width: clamp(30px, 4.2vw, 42px);margin-bottom: clamp(12px, 2vw, 20px);}
        }
        @media (max-width:640px){
            .qa_list > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:479px){
            .qa_list .desc :is(dt, dd){font-size: 90%;}
        }
        @media (max-width:375px){
            .qa_list > li{width: 100%;}
        }

    /* 페이징 */
        #wrap .view_btn {text-align:center;line-height: inherit;position:relative;min-height: auto;}
        #wrap .paging {text-align:center;padding: 0;line-height:inherit;margin: 60px 0 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;font-size: var(--title-20);gap: 10px;min-height: auto;width: 100%;}
        #wrap .paging span {display:inline-block;}
        #wrap .paging a {display: inline-flex;align-items: center;justify-content: center;font-size: inherit;font-weight: 400;color: var(--black-color06);padding: 0 5px;border: 0;box-sizing:border-box;height: 40px;line-height: 1.2;min-width: 40px;text-align: inherit;border-radius: 100%;}
        #wrap .paging :is(.on a, a.on){color: var(--point-white);font-weight: 500;background: var(--black-color00);}
        #wrap .paging .arrow a {font-size:0;min-width: auto; width: 20px;background:url('../images/sub/paging_first.svg') no-repeat center;}
        #wrap .paging .arrow:where(.prev, .next) a{background-image: url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow:where(.next, .last) a{transform: scale(-1,-1);}
        #wrap .paging .arrow.prev{margin-right: 10px;}
        #wrap .paging .arrow.next{margin-left: 10px;}

        #wrap .view_btn .paging + .btn_wrap{margin-top: -55px; pointer-events: none;}
        #wrap .view_btn .paging + .btn_wrap :is(a, button){pointer-events: all;}

        @media (max-width:1023px){
            #wrap .paging{margin-top: clamp(30px, 6vw, 60px); gap: clamp(5px, 1.5vw, 10px);}
            #wrap .paging a{min-width: clamp(30px, 4vw, 30px);height: clamp(30px, 4vw, 30px);}
            #wrap .paging .arrow.prev{margin-right: clamp(5px, 1vw, 10px);}
            #wrap .paging .arrow.next{margin-left: clamp(5px, 1vw, 10px);;}
            #wrap .view_btn .paging + .btn_wrap{margin-top: clamp(-50px, -5vw, -36px);}
        }
        @media (max-width:640px){
            #wrap .paging a{font-size: 90%;}

            #wrap .view_btn .paging + .btn_wrap{margin-top: 30px;}
        }

    /* 뷰 */
        #wrap .bbs_view{font-size: var(--title-20); margin-top: -0.4vw;}
        #wrap .bbs_view .view_tit{position: relative;padding: 0 0 46px;border: 0;border-bottom: 1px solid var(--black-color03);background: none;text-align: center;margin: 0;font-size: inherit;width: 100%;box-sizing: border-box;}
        #wrap .bbs_view .view_tit > h3{position: relative;display: block;width: 100%;text-align: inherit;font-size: 180%;font-weight: 500;color: var(--black-color03);letter-spacing: -0.04em;line-height: 1.5;box-sizing: border-box;overflow: visible;}
        #wrap .bbs_view .view_tit > p{width: 100%;text-align: inherit;font-size: inherit;font-weight: 400;color: var(--black-color08);display: block;margin-top: 25px;padding: 0;}
        #wrap .bbs_view .view_tit:after{display: none;}
        #wrap .bbs_view .view_cont{font-size: 90%;font-weight: 400;color: var(--black-color03);line-height: 1.66;letter-spacing: -0.03em;font-family: var(--font-type02);margin: 0;width: 100%;box-sizing: border-box;text-align: inherit;word-break: keep-all;border-bottom: 1px solid var(--border-color01);min-height: auto;padding: 0;}
		#wrap .bbs_view .view_box{padding: 40px 30px; min-height: 262px;}
		#wrap .bbs_view .view_box a{text-decoration: underline;}
        #wrap .bbs_view .extra_editor_wrap{display: flex;align-items: center;margin: 40px 0 30px;border: 0;padding: 20px 0;background: var(--gray-bg01);border-radius: var(--radius-10);font-size: var(--title-20);font-family: var(--font-type02);}
        #wrap .bbs_view h4{position: relative;background: none;width: 140px;text-align: center;padding: 0 10px;flex-shrink: 0;font-size: 90%;font-weight: 500;color: var(--black-color03);} 
        #wrap .bbs_view h4:after{position: absolute;content:'';width: 1px;height: 10px;background: var(--border-color02);top: 50%;right: 0;translate: 0 -50%;}
        #wrap .bbs_view .extra_cont{position: relative;padding: 0 40px;font-size: 85%;font-weight: 400;color: var(--black-color08); display: flex; flex-direction: column; gap: 5px;}
        #wrap .bbs_view .extra_cont span{font-size: inherit; font-weight: inherit; color: inherit; margin:0;}
        #wrap .view_btn .btn_wrap{margin-top: 60px;}
		#wrap .bbs_view .thumb_img_wrap{text-align: center;margin-bottom:20px;}

        @media (max-width:1023px){
            #wrap .bbs_view .view_tit{padding-bottom: clamp(20px, 4.6vw, 46px);}
            #wrap .bbs_view .view_tit > h3{font-size: 170%;}
            #wrap .bbs_view .view_tit > p{margin-top: clamp(10px, 2.5vw, 25px);}
            #wrap .bbs_view .view_box{padding: clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px);min-height: clamp(180px, 26.2vw, 262px);}
            #wrap .view_btn .btn_wrap{margin-top: clamp(30px, 6vw, 60px);}

            #wrap .bbs_view .extra_editor_wrap{margin-block:clamp(20px, 4vw, 40px) clamp(15px, 3vw, 30px); padding-block: clamp(15px, 2vw, 20px);}
            #wrap .bbs_view h4{width: clamp(110px, 14vw, 140px);}
            #wrap .bbs_view .extra_cont{padding-inline: clamp(25px, 4vw, 40px);}
        }
        @media (max-width:640px){
            #wrap .bbs_view .view_tit > h3{font-size: 160%;}
            #wrap .bbs_view .view_tit > p{font-size: 90%;}
        }
        @media (max-width:479px){
            #wrap .bbs_view .view_tit > h3{font-size: 150%;}
        }

    /* 일반 리스트 */
        .bbs_table{position: relative;width: 100%;table-layout: fixed;box-sizing: border-box;border-top: 1px solid var(--black-color03);}
        .bbs_table tr{font-size: var(--title-20);  transition: all 0.4s; box-sizing: border-box;}
        .bbs_table :is(th, td){font-size: 90%;color: var(--black-color03);line-height: 1.55;text-align: center;vertical-align: middle;padding: 22px 10px;letter-spacing: -0.04em; border-bottom: 1px solid var(--border-color01);}
        .bbs_table th{font-weight: 500;}
        .bbs_table td{font-weight: 400;}
        .bbs_table td.left{text-align: left; padding-inline: 0;}
        .bbs_table td a{white-space: normal;overflow:hidden;text-overflow:ellipsis;display: -webkit-inline-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-width: calc(100% - 30px);word-break: break-all;vertical-align: middle;margin-right: 5px;box-sizing: border-box;font-family: var(--font-type02);}
        .bbs_table td img{vertical-align: middle;}

            /* over */
            @media (hover:hover) and (pointer:fine){
                .bbs_table tbody tr:hover{background: var(--gray-bg05);}
            }

        @media (max-width:1023px){
            .bbs_table col:nth-child(1){width: 90px;}
            .bbs_table col:nth-child(3){width: 130px;}
            .bbs_table :is(th, td){padding-block: clamp(15px, 2.2vw, 22px);}
            .bbs_table td img{height: clamp(16px, 2.5vw, 20px);}
        }   
        @media (max-width:640px){
            .bbs_table col:nth-child(1){width: 70px;}
            .bbs_table col:nth-child(3){width: 110px;}
        }   
        @media (max-width:431px){
            .bbs_table :is(col, th, td):nth-child(1){display: none;}
            .bbs_table col:nth-child(3){width: 100px;}
        }   

    /* 비밀번호 입력 */
        #wrap .sub_pw_input{border:0; outline: none; max-width: none;}
        #wrap .sub_pw_input .ok_box{max-width: none;margin:0;font-family: inherit;text-align: center;font-size: var(--title-20);border-top: 1px solid var(--black-color03);border-bottom: 1px solid var(--border-color01);padding: 70px 0;}
        #wrap .sub_pw_input .ok_box h2{font-size: 120%;font-weight: 400;color: var(--black-color03);padding: 0 0 30px;}
        #wrap .sub_pw_input .ok_box .input_box{padding: 0;}
        #wrap .sub_pw_input .ok_box [type="password"]{width: 100%; max-width: 300px;}

        
        @media (max-width:1023px){
            #wrap .sub_pw_input .ok_box{padding-block: clamp(40px, 7vw, 70px);}
            #wrap .sub_pw_input .ok_box h2{font-size: 110%; padding-bottom: clamp(15px, 3vw, 30px);}
        }
        @media (max-width:640px){
            #wrap .sub_pw_input .ok_box h2{font-size: 100%;}
        }

    /* 작성하기 */
        #wrap .bbs_wrap{position: relative; width: 100%; box-sizing: border-box; border-top: 1px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); padding-block: 40px;}
        #wrap .bbs_write{position: relative; width: 100%; box-sizing: border-box; border:0;}
        #wrap .bbs_write colgroup{display: none;}
        #wrap .bbs_write :is(tbody, tr, th, td){position: relative; display: block; width: 100%; box-sizing: border-box;}
        #wrap .bbs_write tbody{display: flex;flex-wrap: wrap;gap: 20px clamp(20px, 5vw, 96px);}
        #wrap .bbs_write tr{width: calc(100% / 2 - clamp(20px, 5vw, 96px) / 2);font-size: var(--title-20);display: flex;align-items: baseline;gap: 10px 0;}
        #wrap .bbs_write tr:has(#title, #contents, #captcha){width: 100%;}
        #wrap .bbs_write :is(th, td){font-size: inherit;font-weight: 500;color: var(--black-color03);line-height: 1.4;letter-spacing: -0.04em;padding: 0;border: 0;text-align: left;background: none; font-family: var(--font-type02);}
        #wrap .bbs_write th{width: clamp(120px, 8vw, 150px);flex-shrink: 0;padding-right: 10px;}
        #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color01);}
        #wrap .bbs_write tr:has(#contents){align-items: flex-start;}
        #wrap .bbs_write tr:has(#contents) th{padding-top: 14px;}
        #wrap .bbs_write td{width: 100%;}
        #wrap .bbs_write input{min-width: auto;vertical-align: middle;}
        #wrap .bbs_write :is(input:is([type="text"], [type="password"], [type="number"]), textarea){width: 100%; font-size: 90%; font-weight: inherit; color: inherit;}
        #wrap .bbs_write textarea{vertical-align: top; resize: none; height: 250px !important;}
        #wrap .bbs_write td:has(.code_wrap){display: flex; flex-wrap: wrap; gap: 10px;}
        #wrap .bbs_write .code_wrap{display: inline-flex;align-items: center;gap: 10px;border: 1px solid var(--border-color01);border-radius: var(--radius-06);padding: 0 10px;box-sizing: border-box;}
        #wrap .bbs_write #captcha_box{overflow: hidden;border: 1px solid var(--border-color01);border-radius: inherit;margin: 0;width: 155px;height: 40px;}
        #wrap .bbs_write #captcha_box img{margin: -1px 0 0 -1px;width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;}
        #wrap .bbs_write #refreshCode{position: relative;background:var(--point-white) url('../images/sub/refreshCode.svg') no-repeat center;font-size: 0;width: 40px;height: 40px;border: 1px solid var(--border-color01);border-radius: inherit;box-sizing: border-box; cursor: pointer;}
        #wrap .bbs_write input#captcha{max-width: 260px;}
        #wrap .bbs_write td label[for="is_secret-y"]{margin-bottom: 15px;}

        #wrap .policy_cont{position: relative;margin-top: 40px;padding-bottom: 20px;}
        #wrap .policy_cont .area_box{padding:0 10px;text-align: inherit;line-height: inherit;height: 114px;border: 1px solid var(--border-color01);border-radius: var(--radius-06);box-sizing: border-box;margin: 21px 0 0;}
        #wrap .policy_cont textarea{width: 100%;height: 100% !important;padding: 30px 25px;line-height: 1.73;margin: 0;resize: none;font-size: var(--title-15);font-weight: 400;color: var(--black-color07);border: 0;}

        @media (max-width:1023px){
            #wrap .bbs_wrap{padding-block: clamp(25px, 4vw, 40px);}
            #wrap .policy_cont{padding-bottom: clamp(0px, 2vw, 20px); margin-top: clamp(25px, 4vw, 40px);}
            #wrap .policy_cont .area_box{height: clamp(90px, 11.4vw, 114px);}
            #wrap .policy_cont textarea{padding: clamp(15px, 3vw, 30px) clamp(10px, 2.5vw, 25px);}
        }
        @media (max-width:860px){
            #wrap .bbs_write .code_wrap{padding: 10px;}
            #wrap .bbs_write input#captcha{max-width: 100%;}
        }
        @media (max-width:640px){
            #wrap .bbs_write tr{width: 100%;}
            #wrap .bbs_write textarea{height: clamp(120px, 25vw, 250px) !important;}
            #wrap .bbs_write .code_wrap{padding: 7px;gap: 7px;}
        }
        @media (max-width:479px){
            #wrap .bbs_write tr{flex-wrap: wrap;}
            #wrap .bbs_write :is(th, td){width: 100%; flex-shrink: unset;}
            #wrap .bbs_write tr:has(#contents) th{padding-top:0;}
        }

    /* 갤러리 */
        .gall_list{display: flex; flex-wrap: wrap; gap: 50px 40px;}
        .gall_list > li{position: relative;width: calc(100% / 3 - 26.67px);box-sizing: border-box;font-size: var(--title-20);font-family: var(--font-type02);display: flex;flex-direction: column;gap: 24px;}
        .gall_list .link{position: absolute; inset: 0; z-index: 5;}
        .gall_list .preface{position: absolute;top:10px;left:10px;z-index: 5;font-size: 85%;font-weight: 500;color: var(--point-white);padding: 7px 16px;border-radius: var(--radius-04);background: var(--black-color06);}
            .gall_list .preface[title="소식"]{background: var(--point-color01);}
            .gall_list .preface[title="캠페인"]{background: var(--point-color02);}
            .gall_list .preface[title="리포트"]{background: var(--point-color03);}
            .gall_list .preface[title="인터뷰"]{background: var(--point-color04);}
            .gall_list .preface[title="문화"]{background: var(--black-color00);}
        .gall_list .thumb{position: relative;aspect-ratio: auto 1.57;overflow: hidden;border-radius: var(--radius-10);box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
            .gall_list .thumb:before{position: absolute;content:'';inset: 0;border:2px solid var(--point-color01);opacity: 0;transition: all 0.4s;box-sizing: border-box;z-index: 5;border-radius: inherit;pointer-events: none;}
        .gall_list .thumb img{width: 100%; height: 100%; object-fit: cover; transition: all 0.4s;}
        .gall_list .desc :is(dt, dd){white-space:normal; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: -0.04em;}
        .gall_list .desc dt{font-size: 110%; font-weight: 500; color: var(--black-color00); line-height: 1.36; }
            .gall_list .desc dt + dd{margin-top: 18px;}
        .gall_list .desc dd{font-size: 90%; font-weight: 400; color: var(--black-color06); line-height: 1.66;-webkit-line-clamp: 2;}

        .gall_list.patent{gap: 60px 32px;}
        .gall_list.patent > li{width: calc(100% / 4 - 24px);}
        .gall_list.patent .thumb{aspect-ratio: auto 1;background: var(--gray-bg05);}
        .gall_list.patent .thumb img{width: auto;height: calc(100% - 50px);box-shadow: var(--shadow-04);transform: none  !important;}
        .gall_list.patent .desc{text-align: center;}
        .gall_list.patent .desc dt{font-size: 100%;-webkit-line-clamp: 2;line-height: 1.6;letter-spacing: 0;color: var(--black-color03);}

            @media (hover:hover) and (pointer:fine){
                .gall_list > li:hover .thumb img{transform: scale(1.1);}
                .gall_list > li:hover .thumb:before{opacity: 1;}
            }

        @media (max-width:1300px){
            .gall_list{gap: 40px 30px;}
            .gall_list > li{width: calc(100% / 3 - 20px);}
        }
        @media (max-width:1200px){
            .gall_list{column-gap:20px;}
            .gall_list > li{width: calc(100% / 3 - 13.34px)}

            .gall_list.patent{gap: 40px 20px; }
            .gall_list.patent > li{width: calc(100% / 4 - 15px);}
        }
        @media (max-width:1023px){
            .gall_list{column-gap:15px;}
            .gall_list > li{width: calc(100% / 3 - 10px); gap: clamp(15px, 2.4vw, 24px);}
            .gall_list .preface{padding: clamp(5px, 1vw, 7px) clamp(10px, 2vw, 16px);}
            .gall_list .desc dt + dd{margin-top: clamp(7px, 1.8vw, 18px);}

            .gall_list.patent{column-gap:15px; }
            .gall_list.patent > li{width: calc(100% / 4 - 11.25px);}
        }
        @media (max-width:860px){
            .gall_list > li{width: calc(100% / 2 - 7.5px); }
            .gall_list.patent > li{width: calc(100% / 2 - 7.5px);}
        }
        @media (max-width:640px){
            .gall_list .desc dt{font-size: 100%;}
            .gall_list .desc dd{font-size: max(14px, 85%);line-height: 1.5;}
        }
        @media (max-width:479px){
            .gall_list > li{width: 100%;}
        }
        @media (max-width:360px){
            .gall_list.patent > li{width: 100%;}
        }