@charset "utf-8";
    body::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera */}
/*───────────────────────────────────────────────────────────

    서브

───────────────────────────────────────────────────────────*/
    /* 상단 */
        .sub_top .w_custom{max-width: 1800px;}
        .bas_title{position: relative; background: var(--border-color04); font-size: var(--title-20);}
        .bas_title .w_custom{min-height: 360px;display: flex;flex-direction: column;justify-content: center;gap: 15px;padding-block: 58px 50px;}
        .bas_title h2{font-size: 60px;font-weight: 500;color: var(--point-color03);font-family: var(--font-type05);line-height: 1.3;}

            .sub_notice .bas_title{background: var(--point-color01);}
            .sub_notice .bas_title h2{filter: var(--filter-white);}

        .com_title{position: relative;font-size: var(--title-20);display: flex;align-items: flex-start;padding-block: 81px 56px;gap: 30px 60px;}
        .com_title section{display: grid;gap: 10px;width: 100%;}
        .com_title section.left{width: 44.4%;padding-top: 3px;flex-shrink: 0;}
        .com_title h2{font-size: 60px;font-weight: 500;color: var(--point-color03);font-family: var(--font-type05);line-height: 1.3;}
        .com_title h6{font-size: 110%;font-weight: 400;line-height: 1.64;text-wrap: auto;}
        .com_title .more_arw{margin-top: 27px;}

        .sub_visual{position: relative; width: 100%; height: 460px; background: url('../images/sub/sv_thumb.jpg') no-repeat center / cover; width: calc(100% + 60px);}
            body:has(.sv_business) .sub_visual{background-image: url('../images/sub/sv_business.jpg');}
            body:has(.sv_work) .sub_visual{background-image: url('../images/sub/sv_work.jpg');}
        
        .sub_nav{width: calc(100% + 120px);margin-left: -60px;padding-inline: 60px;overflow: hidden;overflow-x: auto;}
        .cate_list{display: flex;gap:50px;font-size: var(--title-20);box-shadow: inset 0 -4px 0 var(--border-color04);width: max-content;min-width: 100%;}
        .cate_list > li{position: relative; font-size: 120%; font-weight: 400; color: var(--point-color03); flex-shrink: 0; transition: all 0.4s;}
            .cate_list > li:before{position: absolute; content: ''; width: 0; height: 4px; left:0; bottom:0; background: var(--point-color03); transition: all 0.4s;}
            .cate_list > li.on{font-weight: 700;}
            .cate_list > li.on:before{width: 100%; opacity: 1;}
        .cate_list > li > a{display: block;padding-block: 36px 37px;}
            .cate_list > li.on > a{padding-right: 8px;}

        .sub_content{font-family: var(--font-type01);}
        .sec_item{position: relative;}
        .sec_item + .sec_item{margin-top: 100px; padding-top: 100px; border-top: 1px solid var(--border-color04);}
        .thumb_box{font-size: 0; text-align: center;}
        .gap_wrap{display: grid; gap: 40px;}
		.btwn_box{display:flex; align-items:center; justify-content:space-between; gap:30px; flex-wrap:wrap;}
		#wrap .btwn_box .btn_wrap{margin-top:0; width:auto;}

            /* over */
                @media (hover:hover) and (pointer:fine) {
                    .cate_list > li:hover:before{width: 100%; opacity: 1;}
                }

        @media (max-width:1800px) {
            .com_title br.for_pc{display: none;}
            .com_title h6{text-wrap: pretty;}
        }
        @media (max-width:1300px) {
            .com_title{flex-wrap: wrap;}
            .com_title section.left{width: 100%;}
        }
        @media (max-width:1023px) {
            .bas_title .w_custom{min-height: clamp(200px, 36vw, 360px);}
            .bas_title h2{font-size: clamp(38px, 6vw, 60px);}

            .com_title{gap: clamp(15px, 3vw, 30px); padding-block: clamp(60px, 8.1vw, 81px) clamp(30px, 5.6vw, 56px);}
            .com_title h2{font-size: clamp(38px, 6vw, 60px);}
            .com_title section{gap: clamp(7px, 1.5vw, 10px);}
            .com_title .more_arw{margin-top: clamp(20px, 2.7vw, 27px);}

            .sub_visual{height: clamp(200px, 46vw, 460px);}

            .cate_list{gap: clamp(25px, 5vw, 50px);}
            .cate_list > li > a{padding-block: clamp(25px, 3.6vw, 36px) clamp(25px, 3.7vw, 37px);}
            .cate_list > li.on > a{padding-right: clamp(4px, 1.3vw, 8px);}

            .sec_item + .sec_item{margin-top: clamp(50px, 10vw, 100px); padding-top: clamp(50px, 10vw, 100px);}

            .gap_wrap{gap: clamp(25px, 5vw, 40px);}
        }
        @media (max-width:640px) {
            .com_title h6{font-size: 100%;}

            .cate_list{box-shadow: inset 0 -3px 0 var(--border-color04);}
            .cate_list > li{font-size: 110%;}
                .cate_list > li:before{height: 3px;}

            .thumb_box.scr{overflow: hidden; overflow-x: auto; width: calc(100% + 30px); margin-left: -15px; padding-inline: 15px;}
            .thumb_box.scr img{min-width: 640px;}
        }
        @media (max-width:479px) {
            .com_title h6{font-size: 90%;}

            .cate_list > li{font-size: 100%;}
        }

    /* 타이틀 */
        .sub_title{position: relative;font-size: var(--title-20);display: grid;gap: 26px;text-wrap: balance;}
            .sub_title.hd{margin-bottom: 60px;}
        .sub_title h3{font-size: 250%;font-weight: 500;color: var(--point-color03);font-family: var(--font-type05);line-height: 1.4;}
            .sub_title h3.ko{font-weight: 400;letter-spacing: 0.04em;}
        .sub_title p{font-size: inherit; font-weight: 400; line-height: 1.8;}

        @media (max-width:1023px) {
            .sub_title{gap: clamp(12px, 2.6vw, 26px);}
            .sub_title.hd{margin-bottom: clamp(25px, 6vw, 60px);}
            .sub_title h3{font-size: clamp(32px, 5vw, 50px);}
        }
        @media (max-width:479px) {
            .sub_title p{font-size: 90%;}
        }

    /* serProcess */
        .serProcess{display: grid;grid-template: auto / repeat(4, 1fr);font-size: var(--title-20);text-wrap: balance;counter-reset: serProcess;padding: 14px 4px 27px;gap: 50px 0;}
        .serProcess > li{position: relative;font-size: inherit;text-align: center;padding: 72px 30px 47px;display: flex;flex-direction: column;gap: 15px;margin-inline: -1px;}
            .serProcess > li:not(:last-child){}
            .serProcess > li:before{content: counter(serProcess, decimal-leading-zero); counter-increment: serProcess; color: var(--point-color03);}
            .serProcess > li:after{position: absolute;content:'';inset: 0;border: 2px solid var(--point-color06);border-radius: var(--radius-20);clip-path: inset(50% 0 0);z-index: -1;}
        .serProcess h6{font-size: inherit;font-weight: 700;color: var(--point-color03);line-height: 1.6;letter-spacing: -0.03em; text-wrap: balance; }
            .serProcess h6{&:before, &:after{position: absolute;content:'';width: 8px;aspect-ratio: auto 1;border-radius: 100%;background: var(--point-color06);top: 50%;left: 1px;translate: -50% -50%;}}
            .serProcess h6:after{left: auto;right: 1px;translate: 50% -50%;}
        .serProcess .desc{display: grid;gap: 28px;padding-top: 5px;}
        .serProcess .desc dt{display: flex; align-items: center; justify-content: center; height: 80px;}
        .serProcess .desc dd{font-size: 90%; font-weight: 400; line-height: 1.67;}
        .serProcess .exp{position: absolute;left:50%;bottom:0;translate: calc(-50% - 0.5px) calc(50% - 0.5px);padding: 14px 20px 9px;font-size: 110%;font-weight: 400;color: var(--point-color03);background: var(--point-color06);line-height: 1.36;border-radius: var(--radius-10);width: max-content;max-width: 100%;font-family: var(--font-type05);}
        .serProcess .exp span{filter: var(--filter-white);display: block;}

            .serProcess > li:nth-child(2n):after{clip-path: inset(0 0 50%);}
            .serProcess > li:nth-child(2n) .exp{bottom: auto;top:0;translate: calc(-50% - 0.5px) calc(-50% - 0.5px);}

            .serProcess > li:nth-child(2):after{border-color: var(--point-color07);}
            .serProcess > li:nth-child(3):after{border-color: var(--point-color08);}
            .serProcess > li:nth-child(4):after{border-color: var(--point-color09);}

            .serProcess > li:nth-child(2) h6{&:before, &:after{background: var(--point-color07);}}
            .serProcess > li:nth-child(3) h6{&:before, &:after{background: var(--point-color08);}}
            .serProcess > li:nth-child(4) h6{&:before, &:after{background: var(--point-color09);}}

            .serProcess > li:nth-child(2) .exp{background: var(--point-color07);}
            .serProcess > li:nth-child(3) .exp{background: var(--point-color08);letter-spacing: -0.03em;}
            .serProcess > :where(li:nth-child(3), li:nth-child(4)) .exp span{filter: none;}
            .serProcess > li:nth-child(4) .exp{background: var(--point-color09);}

        @media (max-width:1023px) {
            .serProcess{padding-block: clamp(0px, 1.4vw, 14px) clamp(0px, 2.7vw, 27px);grid-template: auto / repeat(2, 1fr);padding-inline: clamp(2px, 0.6vw, 4px);}
            .serProcess > li{padding-block: clamp(50px, 7.2vw, 72px) 47px;gap: clamp(12px, 1.5vw, 15px);}
            .serProcess .desc{gap: clamp(15px, 2.8vw, 28px);}
            .serProcess .desc dt{height: clamp(55px, 8vw, 80px);}
            .serProcess h6 {&:before, &:after{width: clamp(6px, 1.3vw, 8px);}}
            .serProcess .exp{padding-block: clamp(11px, 1.9vw, 14px) clamp(8px, 1.4vw, 9px);}
        }
        @media (max-width:479px) {
            .serProcess{grid-template: auto / repeat(1, 1fr);gap: 20px;}
            .serProcess > li{padding-bottom: 50px; padding-inline: 40px;}
            .serProcess > li:last-child{padding-bottom: 0;}
            .serProcess > li:after{clip-path: inset(0 0 50%);}
            .serProcess > li .exp{bottom: auto;top:0;translate: calc(-50% - 0.5px) calc(-50% - 0.5px);}
        }

    /* 테이블 */
        .info_table{position: relative; width: 100%; font-size: var(--title-20);}
        .info_table table{border-block: 1px solid var(--black-color00);overflow: hidden;}
        .info_table :where(th, td){text-align: center;vertical-align: middle;padding-inline: 20px;box-shadow: 1px -1px 0 var(--border-color01);}
        .info_table .left{text-align: left;}
        .info_table th{font-size: 90%;font-weight: 700;line-height: 1.45;color: var(--black-color00);padding-block: 15px; }
        .info_table td{font-size: 80%; font-weight: 400; line-height: 1.5; padding-block: 20px;}
        .info_table thead{position: relative;}
        .info_table thead th{position: relative; box-shadow: none;}
        .info_table tbody th{color: var(--point-color03);}
        .info_table tbody td{vertical-align: top;}
        .info_table .gr_bg{background: var(--border-color05);}
        .info_table .gr_bg :where(th, td):not(:first-child){box-shadow: 1px -1px 0 var(--border-color01), inset 1px 0 0 var(--border-color01);}

            .info_table thead th:nth-child(2){background: var(--point-color10);}
            .info_table thead th:nth-child(3){background: var(--point-color11);}
            .info_table thead th:nth-child(4){background: var(--point-color12);}
            .info_table thead th:nth-child(5){background: var(--point-color13);}

        @media (max-width:1023px) {
            .scr_wrap{overflow: hidden; overflow-x: auto; width: calc(100% + 60px); margin-left: -30px;}
            .scr_wrap .info_table{padding-inline: 30px; width: 1023px;}
        }

    /* 테이블 02 */
        .exp_table{position: relative; width: 100%; font-size: var(--title-20);}
        .exp_table table{position: relative;overflow: hidden;}
        .exp_table table:before{position: absolute; content:''; width: 100%; height: 1px; background: var(--black-color00); top:0; left:0; z-index: 3;}
        .exp_table :where(th, td){text-align: center;vertical-align: middle;padding: 13px 5px;box-shadow: inset 1px 1px 0 var(--border-color01);}
        .exp_table .left{text-align: left;}
        .exp_table th{position: relative;font-size: 90%;font-weight: 700;line-height: 1.33;color: var(--point-color03);}
        .exp_table td{font-size: 80%;font-weight: 400;line-height: 1.5;}
        .exp_table tbody th{color: var(--point-color03);background: var(--border-color05);box-shadow: inset 0 1px 0 var(--border-color01);}
        .exp_table tbody td em{font-size: 112.5%; font-weight: 700; color: var(--point-color03); line-height: 1.33;}
        .exp_table tfoot{position: relative;}
        .exp_table tfoot :where(th, td){font-size: 90%;font-weight: 700;box-shadow: 1px 0px 0 rgba(221, 221, 221, 0.50);padding-block: 11px 10px;}
        .exp_table tfoot :where(th, td) span{filter: var(--filter-white);}
        .exp_table tfoot th{background: var(--point-color01);}
        .exp_table tfoot td{background: var(--point-color15);}

    /* 불릿 */
        .bullet_list{display: grid; gap: 10px; font-size: var(--title-20);}
        .bullet_list > li{font-size: 80%;font-weight: 400;line-height: 1.5;display: flex;align-items: baseline;gap: 5px;}
            .bullet_list > li:before{content:'•'; flex-shrink: 0;}
            .bullet_list.lg > li{font-size: inherit; line-height: 1.6;}

        @media (max-width:1023px) {
            .bullet_list{gap: clamp(7px, 1.5vw, 10px);}
        }
        @media (max-width:479px) {
            .bullet_list.lg > li{font-size: 95%;}
        }

    /* bizProcess */
        .bizProcess{display: flex;justify-content: center;gap: 60px 0;counter-reset: bizProcess;font-size: var(--title-20);padding-inline: clamp(8px, 0.8vw, 15px);}
        .bizProcess > li{position: relative;margin-inline: clamp(-15px, -0.8vw, -8px);width: 100%;}
        .bizProcess .circle{position: relative;width: 100%;aspect-ratio: auto 1;border: 2px solid var(--border-color04);border-radius: 100%;display: grid;}
            .bizProcess .circle:before{position: absolute;content: counter(bizProcess, decimal-leading-zero);counter-increment: bizProcess;top: clamp(30px, 2vw, 34px);left: 50%;text-align: center;translate: -50%;font-size: clamp(16px, 1.1vw, 20px);}
            .bizProcess .desc:before{position: absolute;content:'';width: 1px;height: 40px;background: var(--border-color04);top:100%;left:50%;margin-left: -0.5px;}
            .bizProcess .desc:after{position: absolute;content:'';width: 7px;aspect-ratio: auto 1;background: var(--border-color04);border-radius: 100%;top: calc(100% + 40px);left:50%;translate: -50% -50%;}
        .bizProcess .desc{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;gap: clamp(12px, 1vw, 18px);padding-top: 23px;}
        .bizProcess .desc dt{font-size: clamp(18px, 1.5vw, 26px);font-weight: 400;color: var(--point-color03);line-height: 1.46;display: flex;align-items: center;justify-content: center;min-height: clamp(40px, 4vw, 75px);}
        .bizProcess .desc dd{display: flex;align-items: center;justify-content: center;height: clamp(45px, 4.2vw, 80px);}
        .bizProcess .bullet_list{padding: 60px clamp(30px, 3.6vw, 60px) 0;}
        .bizProcess .bullet_list > li{font-size: clamp(16px, 1.1vw, 20px);line-height: 1.5;}

            .bizProcess > li:nth-child(2n){z-index: 1;}
            .bizProcess > li:nth-child(2n) .circle{border-color: var(--point-color14);}
            .bizProcess > li:nth-child(2n) .desc{&:before, &:after{background: var(--point-color14);}}

        @media (max-width:1023px) {
            .bizProcess{flex-wrap: wrap; row-gap: clamp(40px, 6vw, 60px);}
            .bizProcess > li{width: calc(100% / 3);}
            .bizProcess .circle:before{top: clamp(40px, 5vw, 50px);font-size: 100%;}
            .bizProcess .desc{gap: clamp(15px, 2.3vw, 18px);}
                .bizProcess .desc:before{height: clamp(30px, 4vw, 40px);}
                .bizProcess .desc:after{top: calc(100% + clamp(30px, 4vw, 40px));}
            .bizProcess .desc dt{font-size: 120%;}
            .bizProcess .desc dd{height: clamp(45px, 7vw, 70px);}
            .bizProcess .bullet_list{padding-top: clamp(55px, 6vw, 60px);}
        }
        @media (max-width:767px) {
            .bizProcess{padding-inline: 0;flex-direction: column;align-items: center;}
            .bizProcess > li{width: 100%;max-width: 240px;margin-inline: 0;}
            .bizProcess .desc dt{min-height: auto;}
        }

    /* project_sec */
        .project_sec{display: grid; gap: 60px;}
        .project_sec section{display: flex;align-items: flex-start;gap: clamp(50px, 4.2vw, 80px);font-size: var(--title-20);}
        .project_sec .thumb{font-size: 0; width: 56.5%; height: 520px; overflow: hidden; flex-shrink: 0;}
        .project_sec .thumb img{width: 100%; height: 100%; object-fit: cover;}
        .project_sec .cont{width: 100%;border-top: 1px solid var(--border-color04);padding-top: 38px;display: flex;flex-direction: column;gap: 42px;}
        .project_sec .sub_title{gap: 19px;}
        .project_sec .bullet_list{gap: 4px;}
        .project_sec .bullet_list > li:before{content: '·';}
        .project_sec .desc{display: grid;gap: 22px;}
        .project_sec .desc dt{font-size: 130%; font-weight: 700; line-height: 1.385;}

        @media (max-width:1023px) {
            .project_sec{gap: clamp(40px, 6vw, 60px);}
            .project_sec section{flex-wrap: wrap;gap: clamp(25px, 5vw, 50px);}
            .project_sec .thumb{width: 100%; height: auto; aspect-ratio: auto 1.5;}
            .project_sec .cont{border-top: 0;padding-top: 0;gap: clamp(25px, 4.2vw, 42px);}
            .project_sec .sub_title{gap: clamp(12px, 2vw, 19px);}
            .project_sec .desc{gap: clamp(15px, 2.2vw, 22px);}
        }
        @media (max-width:479px) {
            .project_sec .desc dt{font-size: 120%;}
        }

    /* amc_sec */
        .amc_sec{display: grid; gap: 60px;}
        .amc_sec section{display: flex;gap: clamp(15px, 1.1vw, 20px);font-size: var(--title-20);}
        .amc_sec .thumb{font-size: 0; width: 52.1%; min-height: 520px; overflow: hidden; flex-shrink: 0; display: flex; align-items: center; justify-content: center; background: var(--point-color01);}

        @media (max-width:1023px) {
            .amc_sec{gap: clamp(40px, 6vw, 60px);}
            .amc_sec section{flex-wrap: wrap;}
            .amc_sec .thumb{width: 100%; min-height: auto; aspect-ratio: auto 1.31;}
        }


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

    Board

───────────────────────────────────────────────────────────*/
    /* 인풋 */
        #wrap input:where([type="text"], [type="number"], [type="password"]){width: 100%;height: 60px;border: 1px solid var(--border-color04);background: var(--point-white);padding:0 20px;line-height: normal;font-size: var(--title-18);font-weight: 400;color: var(--point-color04);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width: auto;vertical-align: middle;border-radius: 0;transition: all 0.4s;}
            #wrap input:where([type="text"], [type="number"], [type="password"]):focus{border-color: var(--black-color00);}
            #wrap input:where([type="text"], [type="number"], [type="password"])::placeholder{color: var(--point-color04);}
        #wrap textarea{width: 100%;height: 250px;border: 1px solid var(--border-color04);background: var(--point-white);font-size: var(--title-18);font-weight: 400;line-height: 1.6;padding:15px 20px;overflow:hidden;overflow-y: auto;min-width: auto;resize: none;transition: all 0.4s;}
        #wrap textarea:focus{border-color: var(--black-color00);}

        #wrap textarea.custom{border:0; background: var(--border-color05); padding:30px; font-size: var(--title-16); font-weight: 400; line-height: 1.625; height: 154px;}
            #wrap textarea.custom::-webkit-scrollbar { width: 14px;}
            #wrap textarea.custom::-webkit-scrollbar-track { border-left:4px solid var(--border-color04); margin:10px; cursor: pointer;}
            #wrap textarea.custom::-webkit-scrollbar-thumb { border-left:4px solid var(--point-color03); cursor: pointer;}

        #wrap label:has([type="checkbox"]){display: flex; width: fit-content; align-items: flex-start; gap: 11px; font-size: var(--title-18); font-weight: 700; color: var(--point-color03); line-height: 25px; cursor: pointer;}
        #wrap label [type="checkbox"]{position: relative; display: inline-flex; width: 25px; height: 25px; border: 1px solid var(--border-color01); background: var(--point-white); appearance: none; flex-shrink: 0; transition: all 0.4s; cursor: pointer;}
            #wrap label [type="checkbox"]:before{position: absolute;content:'';inset: 0;background: url('../images/sub/chk_icon.svg') no-repeat center / 12px auto;transition: inherit;}
            #wrap label [type="checkbox"]:checked{background: var(--point-color03); border-color: var(--point-color03);}
            #wrap label [type="checkbox"]:checked:before{filter: var(--filter-white);}
        #wrap label em{font-weight: inherit;color: var(--point-color05);display: contents;}

        @media (max-width:1023px) {
            #wrap input:where([type="text"], [type="number"], [type="password"]){height: clamp(42px, 7vw, 60px); padding-inline: clamp(15px, 2.5vw, 20px);}
            #wrap textarea{height: clamp(150px, 26vw, 250px);padding:clamp(12px, 2vw, 15px) clamp(15px, 2.5vw, 20px);}
            #wrap textarea.custom{padding: clamp(20px, 4vw, 30px);height: clamp(135px, 16.4vw, 154px);}

            #wrap label:has([type="checkbox"]){line-height: clamp(20px, 3vw, 25px);gap: clamp(9px, 1.6vw, 11px);}
            #wrap label [type="checkbox"]{width: clamp(20px, 3vw, 25px); height: clamp(20px, 3vw, 25px);}
            #wrap label [type="checkbox"]:before{background-size: clamp(9px, 1.7vw, 12px);}
        }
        @media (max-width:640px) {
            #wrap textarea.custom::-webkit-scrollbar-track { border-left:3px solid var(--border-color04); margin:10px;}
            #wrap textarea.custom::-webkit-scrollbar-thumb { border-left:3px solid var(--point-color03);}
        }

    /* 버튼 */
        #wrap .btn_wrap{position: relative;display: flex;justify-content: center;flex-wrap: wrap;width: 100%;margin: 40px 0 0;padding: 0;font-size: var(--title-20);text-align: center;}
        #wrap .btn_wrap :where(button, a){display: flex;align-items: center;justify-content: center;font-size: 90%;font-weight: 700;color: inherit;border: 1px solid var(--point-color03);background: var(--point-color03);padding: 0;margin: 0;width: auto;min-width: 140px;height: auto;line-height: 1.35;padding: 12px 20px;}
        #wrap .btn_wrap :where(button, a) span{filter: var(--filter-white);}

        @media (max-width:1023px) {
            #wrap .btn_wrap{margin-top: clamp(30px, 5vw, 40px);}
            #wrap .btn_wrap :where(button, a){min-width: clamp(120px, 15vw, 140px);padding-block: clamp(11px, 1.7vw, 12px);}
        }

    /* 작성 */
        #wrap .bbs_write{position: relative;display: block;width: 100%;font-size: var(--title-20);text-align: left;border-top: 2px solid var(--point-color03);border-bottom: 1px solid var(--border-color04);padding: 40px 20px;}
        #wrap .bbs_write :where(tbody, tr, th, td){position: relative;display: block;width: 100%;border:0;padding:0;background: none;line-height: 1.4;text-align: inherit;letter-spacing: -0.03em;}
        #wrap .bbs_write tbody{display: flex; flex-wrap: wrap; gap: 20px clamp(40px, 5vw, 96px);}
        #wrap .bbs_write tr{width: calc(100% / 2 - clamp(40px, 5vw, 96px) / 2);display: flex;align-items: center;gap: 12px 0;}
            #wrap .bbs_write tr:has(:is(#title, #contents, #cap_inp)){width: 100%;}
            #wrap .bbs_write tr:has(#contents){align-items: flex-start;}
            #wrap .bbs_write tr:has(#contents) th{padding-top: 15px;}
        #wrap .bbs_write th{width: clamp(145px, 10vw, 152px);flex-shrink: 0;font-size: inherit;font-weight: 700;color: var(--point-color03);padding-right: 20px;}
        #wrap .bbs_write th em{font-weight: inherit; color: var(--point-color05);}
        #wrap .bbs_write th label{font-size: inherit;font-weight: inherit;color: inherit;display: block;}
            #wrap .bbs_write td:has(.controller){display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
        #wrap .controller{display: flex;gap: 10px;padding:10px;box-shadow: inset 0 0 0 1px var(--border-color04);width: 225px;}
        #wrap #captcha_box{display: block;width: 100%;overflow: hidden;border: 1px solid var(--border-color04);margin: 0;}
        #wrap #captcha_box img{width: calc(100% + 2px) !important;height: calc(100% + 2px) !important;max-width: none;max-height: none;margin: -1px 0 0 -1px;}
        #wrap #refreshCode{width: 40px;aspect-ratio: auto 1;border: 1px solid var(--border-color04);font-size: 0;background: var(--point-white) url('../images/sub/refreshCode.svg') no-repeat center / 16px auto;flex-shrink: 0;cursor: pointer;}
        #wrap #cap_inp{max-width: 230px; margin:0;}
        #wrap .policy_box{display: grid;gap: 20px;margin-top: 50px;}

        @media (max-width:1023px) {
            #wrap .bbs_write{padding: clamp(30px, 5vw, 40px) clamp(15px, 3vw, 20px);}
            #wrap .bbs_write tr{width: 100%;}
            #wrap .bbs_write th{width: clamp(130px, 15.5vw, 145px);}
            #wrap .controller{width: clamp(210px, 26.5vw, 225px);padding: clamp(7px, 2vw, 10px);}
            #wrap #refreshCode{width: clamp(36px, 5vw, 40px);background-size: clamp(14px, 2.6vw, 16px);}
            #wrap #cap_inp{max-width: clamp(200px, 24vw, 230px);}
            #wrap .policy_box{margin-top: clamp(25px, 5vw, 50px);gap: clamp(15px, 3vw, 20px);}
        }
        @media (max-width:640px) {
            #wrap .bbs_write tr{flex-wrap: wrap;}
            #wrap .bbs_write th{width: 100%; padding-right: 0;}
            #wrap .bbs_write tr:has(#contents) th{padding-top:0;}
            #wrap #cap_inp{max-width: 100%;}
        }

    /* 찾아오시는 길 */
        .location_map{position: relative; width: 100%; height: 580px; overflow: hidden;}
        .location_map iframe{width: 100%; height: 100%;}

        .location_info{display: grid; gap: 40px; font-size: var(--title-20);}
        .location_info > li{display: flex;align-items: center;gap: 20px 30px;}
        .location_info .icon{width: 100px;height: 100px;border-radius: 100%;background: var(--border-color05);padding: 18px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
        .location_info .desc{display: flex;align-items: center;gap: 20px;width: 100%;}
        .location_info .desc dt{font-size: 110%;font-weight: 400;color: var(--point-color03);flex-shrink: 0;max-width: 150px;}
        .location_info .desc dd{font-size: 90%;line-height: 1.34;display: flex;flex-wrap: wrap;align-items: center;gap: 5px 10px;letter-spacing: -0.03em;}
        .location_info .desc dd em{border-radius: var(--radius-04);padding: 3px 7px;background: var(--point-color17);}
        .location_info .desc dd em i{filter: var(--filter-white);}

        @media (max-width:1023px) {
            .location_map{height: clamp(320px, 58vw, 580px);}
            .location_info{gap: clamp(25px, 5vw, 40px);}
            .location_info > li{column-gap: clamp(18px, 4vw, 30px);}
            .location_info .icon{width: clamp(62px, 11vw, 100px);height: clamp(62px, 11vw, 100px);}
            .location_info .desc{gap: clamp(15px, 2.5vw, 20px);}
        }
        @media (max-width:479px) {
            .location_info .desc dt{font-size: 100%;}
        }
        @media (max-width:360px) {
            .location_info > li{flex-wrap: wrap;}
        }

    /* 검색 */
        #wrap .search_wrap{display: flex;justify-content: center;font-size: var(--title-20);margin-block: -20px 100px;}
        #wrap .search_wrap fieldset{position: relative; width: 100%; max-width: 700px;}
        #wrap .search_wrap [type="text"]{border: 0;border-bottom: 2px solid var(--point-color01);padding-inline: 0 55px;font-size: inherit;height: 74px;}
        #wrap .search_wrap button{position: absolute;top:0;right:0;width: 50px;height: 100%;padding-left: 14px;display: flex;align-items: center;justify-content: flex-end;}

        @media (max-width:1023px) {
            #wrap .search_wrap{margin-block: clamp(-20px, -2vw, 0px) clamp(45px, 10vw, 100px);}
            #wrap .search_wrap [type="text"]{height: clamp(45px, 8.4vw, 74px);padding-right: clamp(45px, 6.5vw, 55px);}
            #wrap .search_wrap button{width: clamp(36px, 5vw, 50px);}
        }
        @media (max-width:479px) {
            #wrap .search_wrap [type="text"]{font-size: 90%;}
        }

    /* 일반 게시글 */
        #wrap .bbs_num{font-size: var(--title-18);font-weight: 400;line-height: 1.2;color: inherit;padding: 0 0 19px;}
        #wrap .bbs_num strong{font-weight: 700;}
        #wrap .no_data{border-top: 2px solid var(--point-color03); border-bottom: 1px solid var(--border-color04); font-size: var(--title-18); font-weight: 400; text-align: center; padding-block: 50px;}

        #wrap .list_default{border-top: 2px solid var(--point-color03); font-size: var(--title-20);}
        #wrap .list_default > li{position: relative;padding: clamp(45px, 3vw, 49px) clamp(45px, 60px, 3.2vw) clamp(45px, 3vw, 47px);display: flex;align-items: flex-start;gap: 20px 0;border-bottom: 1px solid var(--border-color04);}
        #wrap .list_default .link{position: absolute; inset: 0; z-index: 3;}
        #wrap .list_default .regdate{font-size: 80%;font-weight: 400;width: clamp(125px, 8vw, 138px);flex-shrink: 0;padding-right: 15px;}
        #wrap .list_default .cont{display: grid;gap: 36px;width: 100%;}
        #wrap .list_default .desc{display: grid;gap: 17px;padding-right: clamp(0px, 9vw, 160px);}
        #wrap .list_default .desc :where(dt, dd){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
        #wrap .list_default .desc dt{font-size: 130%;font-weight: 400;color: var(--point-color03);font-family: var(--font-type02);}
        #wrap .list_default .desc dd{font-size: 80%; font-weight: 400;}

            /* over */
                @media (hover:hover) and (pointer:fine){
                    #wrap .list_default > li:hover .more_arw span{translate: -40px;}
                    #wrap .list_default > li:hover .more_arw:after{opacity: 1;}

                    @media (max-width:1023px){
                        #wrap .list_default > li:hover .more_arw span{translate: clamp(-40px, -4.5vw, -30px);}
                    }
                }

        @media (max-width:1023px) {
            #wrap .bbs_num{padding-bottom: clamp(12px, 2.4vw, 19px);}

            #wrap .list_default > li{padding:clamp(30px, 4.5vw, 45px);}
            #wrap .list_default .regdate{width: clamp(110px, 12.5vw, 125px);}
            #wrap .list_default .cont{gap: clamp(26px, 3.6vw, 36px);}
            #wrap .list_default .desc{gap: clamp(14px, 2.2vw, 17px);padding-right: 0;}
        }
        @media (max-width:640px) {
            #wrap .list_default > li{flex-wrap: wrap;}
            #wrap .list_default .regdate{width: 100%; padding-right: 0;}
            #wrap .list_default .desc dt{font-size: 120%;}
        }
        @media (max-width:479px) {
            #wrap .list_default > li{padding:25px;gap: 18px;}
            #wrap .list_default .desc dt{font-size: 110%;}
        }
        @media (max-width:360px) {
            #wrap .list_default > li{padding:25px 20px;}
            #wrap .list_default .desc dt{font-size: 100%;}
        }

    /* 페이징 */
        #wrap .paging {text-align:center;padding:0;line-height:normal;margin: 60px 0 0;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: 10px;font-size: var(--title-20);width: 100%;min-height: auto;}
		#wrap .paging span {display: inline-flex;}
		#wrap .paging a {display:inline-flex;align-items:center;justify-content:center;font-size: max(13px, 85%);font-weight: 400;color: var(--border-color04);padding: 1px 6px;border:0;width: auto;min-width: auto;height: auto;line-height: 1.2;text-align:center;margin: 0;border-radius: 0;font-family: inherit;}
		#wrap .paging :is(.page_num.on a, a.on){font-weight: 700;color: var(--point-color03);border-bottom: 1px solid var(--point-color03);}
		#wrap .paging .arrow a {font-size:0;background:no-repeat center / auto 16px;width: 16px;aspect-ratio: auto 1;padding: 0;}
        #wrap .paging .arrow img{display: none;}
        #wrap .paging .arrow:where(.first, .last) a{background-image:url('../images/sub/paging_first.svg');}
        #wrap .paging .arrow:where(.prev, .next) a{background-image:url('../images/sub/paging_prev.svg');}
        #wrap .paging .arrow:where(.next, .last) a{scale: -1 -1;}
		#wrap .paging .arrow.prev a {margin-right:20px;}
		#wrap .paging .arrow.next a {margin-left: 20px;}

        @media (max-width:1023px){
            #wrap .paging{gap: clamp(8px, 1.5vw, 10px);margin-top: clamp(35px, 6vw, 60px);}
            #wrap .paging .arrow a{background-size: auto clamp(13px, 2.1vw, 16px);}
            #wrap .paging .arrow.prev a {margin-right:clamp(10px, 2vw, 20px);}
            #wrap .paging .arrow.next a {margin-left: clamp(10px, 2vw, 20px);}
        }

     /* 상세 */
        #wrap .bbs_view{position: relative;font-size: var(--title-20);border-bottom: 1px solid var(--border-color01);padding-bottom: 40px;}
        #wrap .bbs_view .view_tit{padding: 60px 0;text-align: center;border: 0;margin: 0;width: 100%;font-size: var(--title-20);background: none;display: grid;gap: 31px;border-top: 2px solid var(--point-color03);border-bottom: 1px solid var(--border-color04);}
            #wrap .bbs_view .view_tit:after{display: none;}
        #wrap .bbs_view .view_tit h3{font-size: 180%;font-weight: 700;color: var(--point-color03);width: 100%;text-align: inherit;line-height: 1.65;letter-spacing: -0.03em;}
        #wrap .bbs_view .view_tit p{font-size: 90%;color: inherit;width: 100%;text-align: inherit;display: block;box-sizing: border-box;line-height: 1.67;padding: 0;}
        #wrap .bbs_view .view_cont{padding:60px;padding-bottom: 160px;min-height: 300px;font-size: 90%;font-weight: 400;color: inherit;line-height: 1.95;letter-spacing: -0.03em;border-bottom: 0;width: 100%;margin: 0;word-break: keep-all;}
        #wrap .extra_editor_wrap{display: flex;gap: 15px clamp(40px, 3.2vw, 60px);width: 100%;border: 0;box-sizing: border-box;margin: 0;background: var(--gray-bg03);border-radius: var(--radius-10);overflow: hidden;padding: 28px 0;}
        #wrap .extra_editor_wrap h4{position: relative;font-size: 90%;font-weight: 700;color: var(--black-color03);text-align: center;width: 180px;flex-shrink: 0;padding: 0 15px;background: none;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
        #wrap .extra_editor_wrap h4:before{position: absolute; content:''; width: 1px; height: 12px; background: var(--border-color01); top:50%; right:0; translate: 0 -50%;}
        #wrap .extra_cont{display: flex;flex-direction: column;gap: 12px;padding: 0;font-size: 85%;font-weight: 700;color: var(--black-color07);width: 100%;}
        #wrap .extra_cont span{font-size: inherit;color: inherit;display: block;margin: 0;}
        #wrap .extra_cont span a{color: inherit !important;}


        @media (max-width:1023px){
            #wrap .bbs_view{padding-bottom: clamp(30px, 6vw, 60px);}
            #wrap .bbs_view .view_tit{padding-block: clamp(30px, 6vw, 60px);gap: clamp(15px, 3.1vw, 31px);}
            #wrap .bbs_view .view_tit h3{font-size: 160%;}
            #wrap .bbs_view .view_cont{padding: clamp(20px, 6vw, 60px);padding-bottom: clamp(50px, 16vw, 160px);}
            #wrap .extra_editor_wrap{padding-block: clamp(20px, 2.8vw, 28px);column-gap: clamp(30px, 4vw, 40px);}
            #wrap .extra_editor_wrap h4{width: clamp(110px, 18vw, 180px);}
        }
        @media (max-width:640px){
            #wrap .bbs_view .view_tit h3{font-size: 140%;}
        }
        @media (max-width:479px){
            #wrap .bbs_view .view_tit h3{font-size: 120%;}
        }
        @media (max-width:360px){
            #wrap .extra_editor_wrap{flex-wrap: wrap;padding-inline: 20px;}
            #wrap .extra_editor_wrap h4{width: 100%;padding-inline: 0;text-align: left;justify-content: flex-start;}
            #wrap .extra_editor_wrap h4:before{display: none;}
        }