@charset "utf-8";

.hd_title h2:not(:has(span[selected="selected"])) span.pt { display: block; }
.hd_title h2:not(:has(span[selected="selected"])) span:not(.pt) { display: none; }
.hd_title h2:has(span[selected="selected"]) span:not([selected="selected"]) { display: none; }
.hd_title h2:has(span[selected="selected"]) span[selected="selected"] { display: block; }


.thirdCategory:not(:has(a.on), :has(a[selected="selected"])) > a.all_tap {background: var(--point-color01);color: var(--point-white);border-color: var(--point-color01);}

.sub_content { display: flex; flex-direction: column; gap: 62px; }

#wrap .board_search { background: var(--gray-bg02); border-radius: var(--radius-20); padding: 35px; line-height: unset; margin-bottom: 50px; }
#wrap .board_search fieldset { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 600px; gap: 10px; margin-inline: auto; overflow: hidden; }
#wrap .board_search :where(select, input[type="text"]) { height: 60px; font-size: var(--title-18); border-radius: var(--radius-10); border: 0; background-color: var(--point-white); }
#wrap .board_search :where(select, input[type="text"])::placeholder { font-size: var(--title-18); }
#wrap .board_search select { width: 160px; margin: 0; }
#wrap .board_search .inp_custom { display: flex; gap: 10px; width: 100%; }
#wrap .board_search input[type="text"] { max-width: 360px; margin: 0; }
#wrap .board_search input[type="submit"] { display: inline-block; width: 60px; height: 60px; background: var(--point-color09) url('../images/sub/ico_search.svg') no-repeat center center; border-radius: var(--radius-10); flex-shrink: 0; font-size: 0; background-size: 20px auto; }

.sub_content .blue_table { font-size: var(--title-20);  border-radius: var(--radius-10); overflow: hidden; position: relative; table-layout: unset; }
.sub_content .blue_table::before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit; pointer-events: none;}
.sub_content .blue_table :where(th, td) {  padding-block: 14px; padding-inline: 20px; color: var(--black-color00); box-shadow: inset 1px 1px 0 var(--border-color01); }
.sub_content .blue_table th { font-size: 100%; font-weight: 500; line-height: 1.3; background: var(--point-color03); letter-spacing: 0; }

.sub_content .blue_table td { line-height: 1.6; letter-spacing: -0.03em;  }
.sub_content .blue_table td.cen { text-align: center; }
.sub_content .blue_table td span { color: var(--black-color00); font-size: var(--title-18); font-weight: 400; letter-spacing: -0.03em; }
.sub_content .blue_table td span small { color: var(--black-color05); font-size: inherit; font-weight: inherit; }
.sub_content .blue_table td span em { font-weight: 500; }
.sub_content .blue_table td span strong { font-weight: 500; color: var(--point-color01); }
.sub_content .blue_table .bullet_list li::before { background-color: var(--black-color03); }

.sub_content .blue_table ol { display: flex; gap: 81px; }
.sub_content .blue_table ol li { position: relative; text-align: center; }
.sub_content .blue_table ol li:not(:last-child)::after { content: ''; position: absolute; left: calc(100% + 30px); top: 50%; translate: 0 -50%; width: 21px; aspect-ratio: 0.75; background: url('../images/sub/ico_edu_arw.svg') no-repeat center / 100% auto; }
.sub_content .blue_table ol dl { display: flex; flex-direction: column; gap: 11px; }
.sub_content .blue_table ol dl dd { font-size: var(--title-18); }
.sub_content .blue_table col:nth-child(1) { min-width: 100px; }
.sub_content .sub_title.mb { margin-bottom: 25px; }
.sub_content .sub_title.mb:has(.decr) { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; flex-direction: row; margin-bottom: 22px; }
.sub_content .sub_title.mb .decr { font-size: 100%; text-align: right; color: var(--black-color05); font-weight: 400; line-height: 1.4; letter-spacing: -0.03em; translate: 0 2px; }
.sub_content .sub_title.mb .decr strong { font-weight: 400; color: var(--point-color01); }

.sub_content .btn_box { margin-top: 60px; }

.sub_content .more_wrap { display: flex; justify-content: center; align-items: center; }
.sub_content .more_wrap .more_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 240px; padding-block: 23px; padding-inline: 30px; background: var(--point-color01); border-radius: var(--radius-10); font-size: var(--title-20); gap: 20px; }
.sub_content .more_wrap .more_btn span { font-size: 100%; filter: var(--filter-white); font-weight: 600; letter-spacing: -0.04em; }
.sub_content .more_wrap .more_btn:not(:has(em)) { text-align: center; justify-content: center; }

.sub_content .more_wrap:has(.more_btn + a)  { gap: 15px; }

.sub_content .cont_desc { font-size: var(--title-20); }
.sub_content .cont_desc h4 { font-size: 120%; color: var(--black-color00); font-weight: 500; letter-spacing: -0.03em; }
.sub_content .cont_desc .bullet_list { margin-top: 14px; }
.sub_content .cont_desc .bullet_list li { font-size: 100%; color: var(--black-color00); padding: 0; gap: 11px; letter-spacing: -0.03em; }
.sub_content .cont_desc .bullet_list li strong { color: var(--point-color01); font-weight: 500; }
.sub_content .cont_desc .bullet_list li::before { translate: 0 -5px; background: var(--black-color05); }
.sub_content .cont_desc .bullet_list li + li { margin-top: 6px; }

.sub_content .gray_table { font-size: var(--title-20); border-radius: var(--radius-10); overflow: hidden; position: relative; }
.sub_content .gray_table::before{position: absolute; content:''; inset: 0; border: 1px solid var(--border-color01); border-radius: inherit; pointer-events: none;}
.sub_content .gray_table :where(th, td) {  padding-block: 11px; padding-inline: 16px; box-shadow: inset 1px 1px 0 var(--border-color01); }
.sub_content .gray_table th { font-size: 85%; font-weight: 500; line-height: 1.3; background: var(--border-color03); letter-spacing: 0; color: var(--black-color03); }
.sub_content .gray_table td { line-height: 1.6; letter-spacing: -0.03em; background: var(--point-white); font-size: 85%; color: var(--black-color06); font-weight: 400; letter-spacing: -0.03em;  }

.sub_content .gray_bg { background: var(--gray-bg02);  padding: 40px; border-radius: var(--radius-10); }
.sub_content .flex_wrap { display: flex; font-size: var(--title-20); }
.sub_content .gray_bg .flex_wrap { font-size: var(--title-20); }
.sub_content .gray_bg .flex_wrap dt { position: relative; display: flex; align-items: baseline; gap: 8px; flex-shrink: 0; width: 140px;  padding-right: 20px; color: var(--point-color09); font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; }
.sub_content .gray_bg .flex_wrap dt::before { content: '※'; display: block; }
.sub_content .gray_bg .flex_wrap dd { width: calc(100% - 140px); }

.sub_content .gray_bg .circle_num { counter-reset: circle_num; }
.sub_content .gray_bg .circle_num li { font-size: var(--title-20); }
.sub_content .gray_bg .circle_num li + li { margin-top: 10px; }
.sub_content .gray_bg .circle_num li > span { font-size: 90%; font-weight: 400; line-height: 1.6; letter-spacing: -0.03em; color: var(--black-color06); }
.sub_content .gray_bg .circle_num em { color: var(--black-color03); font-weight: inherit; }
.sub_content .gray_bg .circle_num > li > span { position: relative; display: inline-flex; align-items: baseline; gap: 8px; }
.sub_content .gray_bg .circle_num > li > span::before { display: inline-flex; justify-content: center; align-items: center; content: counter(circle_num); counter-increment: circle_num 1; border: 1px solid var(--black-color03); border-radius: 100%; flex-shrink: 0; font-size: 10px; width: 13px; height: 13px; translate: 0 -3px;  padding-right: 1px; padding-bottom: 1px; }

.sub_content .gray_bg .circle_num li:nth-child(4) .table_wrap { margin-bottom: 24px; }
.sub_content .gray_bg .table_wrap:has(.gray_table ) { margin-top: 12px; }
.sub_content .gray_bg .gray_table td:last-child { text-align: center; }
.sub_content .gray_bg .gray_table td:has(.td_blue, .td_red) { text-align: center; font-weight: 500; }
.sub_content .gray_bg .gray_table .td_blue { color: var(--point-color01); }
.sub_content .gray_bg .gray_table .td_red { color: var(--point-color17); }
.sub_content .gray_bg .gray_table td:is([scope]) { color: var(--black-color03); text-align: center; }

.sub_content .cont_desc h5 { font-size: 100%; font-weight: 400; line-height: 1.6; letter-spacing: -0.03em; }

.sub_content .squad_num { counter-reset: squad_num 0; }
.sub_content .squad_num > li > dl > dt { display: flex; align-items: baseline; gap: 18px; color: var(--black-color00); font-weight: 600; font-size: 140%; letter-spacing: -0.03em; margin-bottom: 27px; }
.sub_content .squad_num > li > dl > dt::before { content: counter(squad_num, decimal-leading-zero); counter-increment: squad_num 1; display: flex; justify-content: center; align-items: center; color: var(--point-white); font-family: var(--font-type02); font-size: var(--title-18); font-weight: 600; letter-spacing: -0.03em; width: 40px; height: 40px; background: var(--point-color01); border-radius: var(--radius-05); translate: 0 -3px; flex-shrink: 0;  padding-right: 2px; }
.sub_content .squad_num > li > dl > dd strong { display: block; margin-bottom: 20px; color: var(--black-color00); font-weight: 500; font-size: 120%; line-height: 1.6; letter-spacing: -0.03em; }

.sub_content .kr_li { counter-reset: kr 0; display: flex; flex-direction: column; gap: 14px; }
.sub_content .kr_li > li > span { font-size: var(--title-20); font-weight: 400; line-height: 1.4; letter-spacing: -0.03em; color: var(--black-color02); display: inline-flex; }
.sub_content .kr_li > li > span::before { display: inline-block; margin-right: 5px; content: counter(kr, hangul)'.'; font-size: inherit; font-weight: inherit; color: inherit; counter-increment: kr 1; flex-shrink: 0; }

.sub_content .sky_bg { background: var(--point-color03); padding: 20px 30px; border-radius: var(--radius-05); font-size: var(--title-20); }

.sub_content .flex_wrap:has(.squad_dl) { gap: 30px; width: 100%; flex-wrap: nowrap; }

.sub_content .squad_list { margin-top: 30px; }
.sub_content .squad_list > li + li { margin-top: 16px; }
.sub_content .squad_list dl { display: flex; align-items: center; gap: 20px; font-size: var(--title-20); }
.sub_content .squad_list dt {  padding-inline: 10px; padding-block: 10px; border-radius: var(--radius-10); border: 1px solid var(--point-color09); background: var(--point-white); font-weight: 600; letter-spacing: -0.03em; width: 100px; text-align: center; flex-shrink: 0; color: var(--point-color09); }
.sub_content .squad_list dd { color: var(--black-color00); font-weight: 400; line-height: 1.4; letter-spacing: -0.03em; width: calc(100% - 110px); }
.sub_content .squad_list dd em { font-weight: 500; }

.sub_content .squad_dl { position: relative; width: 100%; font-size: var(--title-20); border-radius: var(--radius-10); overflow: clip;  }
.sub_content .squad_dl::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; border: 1px solid var(--border-color01); border-radius: var(--radius-10); }
.sub_content .squad_dl > dt {  padding: 15px; text-align: center; background: var(--point-color09); font-size: 120%; font-weight: 500; line-height: 1.4; letter-spacing: -0.03em; color: var(--point-white); position: relative; z-index: 2; }
.sub_content .squad_dl > dd {  padding-block: 31px 29px; padding-inline: 29px;  border-top: 0; border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.sub_content .squad_dl > dd > dl { font-size: var(--title-20); }
.sub_content .squad_dl > dd > dl > dt { font-size: 130%; color: var(--point-color01); font-weight: 600; letter-spacing: -0.03em; }
.sub_content .squad_dl > dd > dl > dd { font-size: 100%; color: var(--black-color03); font-weight: 400; letter-spacing: -0.03em; }
.sub_content .squad_dl > dd > dl > dd:nth-child(2) { margin-top: 12px; }
.sub_content .squad_dl > dd > dl > dd > dl { font-size: var(--title-20);  margin-top: 20px; padding-top: 21px; border-top: 1px solid var(--border-color01); }
.sub_content .squad_dl > dd > dl > dd > dl > dt { font-size: 100%; font-weight: 600; color: var(--black-color03); letter-spacing: -0.03em; position: relative; display: flex; align-items: baseline; gap: 4px; }
.sub_content .squad_dl > dd > dl > dd > dl > dt::before { content: '※'; display: block; flex-shrink: 0; }
.sub_content .squad_dl > dd > dl > dd > dl > dd { font-size: 90%; font-weight: 400; color: var(--black-color03); letter-spacing: -0.03em; margin-top: 12px; }


.sub_content .scr_wrap .scr_text { display: none; margin-bottom: 10px; font-size: 90%; }

.sub_content .gray_bg .table_wrap table col:last-child { min-width: 100px; }

.ico_tr ol { display: flex; gap: 81px; }
.ico_tr ol li { position: relative; text-align: center; }
.ico_tr ol li:not(:last-child)::after { content: ''; position: absolute; left: calc(100% + 30px); top: 50%; translate: 0 -50%; width: 21px; aspect-ratio: 0.75; background: url('../images/sub/ico_edu_arw.svg') no-repeat center / 100% auto; }
.ico_tr ol dl { display: flex; flex-direction: column; gap: 11px; }
.ico_tr ol dl dd { font-size: var(--title-18); }

@media (max-width: 1023px) {
    #wrap .board_search { padding: clamp(20px, 3vw, 35px); margin-bottom: clamp(25px, 5vw, 51px); }
    #wrap .board_search :where(select, input[type="text"]) { height: clamp(45px, 6.5vw, 60px); }
    #wrap .board_search select { width: clamp(130px, 16vw, 160px); }
    #wrap .board_search input[type="submit"] { width: clamp(45px, 6.5vw, 60px); height: clamp(45px, 6.5vw, 60px); background-size: clamp(17px, 2vw, 20px) auto; }

    .sub_content { gap: clamp(40px, 6vw, 62px); }
    .sub_content .sub_title.mb { margin-bottom: clamp(17px, 2.5vw, 25px); }
    .sub_content .blue_table ol { gap: clamp(40px, 8vw, 81px); }
    .sub_content .blue_table ol li:not(:last-child)::after { left: calc(100% + clamp(16px, 2vw, 31px)); }
    .sub_content .blue_table :where(th, td) { padding-block: clamp(10px, 1.4vw, 14px); padding-inline: clamp(15px, 2vw, 20px); }
    .sub_content .blue_table ol dl { gap: clamp(7px, 1.1vw, 11px); }
    .sub_content .blue_table ol dl dt { width: clamp(70px, 10vw, 100px); margin-inline: auto; }
    .sub_content .more_wrap .more_btn { padding-block: clamp(17px, 2vw, 23px); padding-inline: clamp(20px, 3vw, 30px); max-width: clamp(170px, 24vw, 240px); }

    .sub_content .gray_bg { padding: clamp(20px, 4vw, 40px); }
    .sub_content .gray_bg .flex_wrap { flex-wrap: wrap; gap: clamp(15px, 2vw, 20px); }
    .sub_content .gray_bg .flex_wrap dt { width: 100%; }
    .sub_content .gray_bg .flex_wrap dd { width: 100%; }

    .sub_content .squad_num > li > dl > dt { margin-bottom: clamp(15px, 3vw, 27px); gap: clamp(12px, 1.8vw, 18px); font-size: 140%; }
    .sub_content .squad_num > li > dl > dt::before { width: clamp(30px, 5vw, 40px); height: clamp(30px, 5vw, 40px); }
    .sub_content .kr_li { gap: clamp(10px, 1.4vw, 14px); }

    .sub_content .squad_list dl { gap: clamp(15px, 2vw, 20px); }
    .sub_content .squad_list dt { padding-block: clamp(7px, 1vw, 10px); padding-inline: clamp(7px, 11vw, 10px); width: clamp(90px, 10vw, 100px); }
    .sub_content .squad_list dd { width: calc(100% - clamp(80px, 10vw, 100px) - 10px); }

    .sub_content .flex_wrap:has(.squad_dl) { flex-wrap: wrap; gap: clamp(15px, 3vw, 30px); }
    .sub_content .squad_dl { width: 100%; }
    .sub_content .squad_dl > dt { padding: clamp(12px, 1.5vw, 15px); }
    .sub_content .squad_dl > dd { padding-block: clamp(20px, 3vw, 31px) clamp(20px, 3vw, 29px); padding-inline: clamp(20px, 3vw, 29px); }
    .sub_content .squad_dl > dd > dl > dd:nth-child(2) { margin-top: clamp(10px, 1.2vw, 12px); }
    .sub_content .squad_dl > dd > dl > dd > dl { margin-top: clamp(15px, 2vw, 20px); padding-top: clamp(15px, 2vw, 21px); }
    .sub_content .squad_dl > dd > dl > dd > dl > dd { margin-top: clamp(10px, 1.2vw, 12px); }

    .sub_content .btn_box { margin-top: clamp(40px, 6vw, 60px); }

    .sub_content .cont_desc .bullet_list li { gap: clamp(7px, 1.1vw, 11px); }

    .sub_content .gray_bg .scr_wrap .table_wrap table col:nth-child(2) { width: 13%; }
}

@media (max-width: 860px) {
    .sub_content .gray_bg .circle_num em { gap: 6px; }
    .sub_content .gray_bg .circle_num em::before { translate: 0 -2px;  }

    .sub_content .cont_desc h4 { font-size: 110%; }

    .sub_content .squad_num > li > dl > dt { font-size: 130%; }
    .sub_content .squad_num > li > dl > dd strong { font-size: 110%; }

    .sub_content .scr_wrap .scr_text { display: block; }
    .sub_content .scr_wrap .table_wrap {  overflow: hidden; overflow-x: auto; border-radius: 0; border: 0; width: calc(100% + 30px); display: flex; margin-left: -15px; padding-inline: 15px;  }
    .sub_content .scr_wrap .table_wrap table { border-radius: inherit; min-width: 1023px; flex-shrink: 0; }

    .sub_content .gray_bg .scr_wrap .table_wrap { width: 100%; margin-left: 0; }
    .sub_content .gray_bg .scr_wrap .table_wrap .table { min-width: 1023px; }
    .sub_content .gray_bg .scr_text { margin-top: 15px; margin-left: 0; }
    
    .sub_content .gray_bg .scr_wrap .table_wrap table col:nth-child(2) { width: 10%; }
}

@media (max-width: 640px) {
    .sub_content .blue_table ol { flex-wrap: wrap; gap: 40px 20px; max-width: 250px; }
    .sub_content .blue_table ol > li { width: calc(100% / 2 - 10px); }
    .sub_content .blue_table ol > li:nth-child(1) { order: 1; }
    .sub_content .blue_table ol > li:nth-child(2) { order: 2; }
    .sub_content .blue_table ol > li:nth-child(3) { order: 4; }
    .sub_content .blue_table ol > li:nth-child(4) { order: 3; }
    .sub_content .blue_table ol li:not(:last-child)::after { left: 50%; translate: -50% 50%; top: 100%; transform: rotate(90deg); width: clamp(16px, 2vw, 21px); }

    .sub_cost .table_wrap .blue_table td .flex_span { flex-direction: column; }

    .sub_content .gray_bg .circle_num li:has(.td_blue) .scr_wrap .table_wrap { border-radius: 0; overflow: hidden; overflow-x: scroll; padding-inline: 0; }

    .sub_content .scr_wrap .table_wrap table { min-width: 860px; }

    .sub_content .blue_table ol > li:nth-child(1)::after { left: calc(100% + 7px); top: 50%; translate: 0 -50%; rotate: -90deg; }
    .sub_content .blue_table ol > li:nth-child(3)::after { left: 0; top: 50%; translate: -100% -50%; rotate: 90deg; }
}


@media (max-width: 479px) {
    #wrap .board_search .board_search_sel { margin: 0; text-align: left; }
    #wrap .board_search fieldset { flex-direction: column; }
    #wrap .board_search select { width: 100%; }
    #wrap .board_search input[type="text"] { max-width: calc(100% - 45px); }

    .sub_content .squad_num > li > dl > dt { flex-direction: column; font-size: 120%; }
    .sub_content .squad_num > li > dl > dt::before { translate: 0; }
    .sub_content .sub_title.mb .decr { font-size: 90%; }

    .sub_content .squad_list dl { flex-direction: column; align-items: flex-start; }
    .sub_content .squad_list dd { width: 100%; }

    .sub_regi .blue_table col:nth-child(1) { width: 23%; }
    .sub_content .gray_bg .circle_num > li > span::before { width: 15px; height: 15px; padding-right: 1px; padding-top: 2px; translate: 0 -2px; }
}

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

	일반 게시판

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

.bbs_table { position: relative; width: 100%; table-layout: fixed;  border-top: 1px solid var(--black-color00); }
.bbs_table tr { font-size: var(--title-20); transition: all 0.4s;  }
.bbs_table :is(th, td) { text-align: center; vertical-align: middle; border-bottom: 1px solid var(--border-color01);  padding-block:23px 21px; }
.bbs_table td { font-weight: 400; font-size: 100%; color: var(--black-color03); line-height: 1.67; }
.bbs_table td.left { text-align: left; padding-left: 10px;  }
.bbs_table td.left em { font-weight: inherit; color: inherit; font-size: inherit; }
.bbs_table td:where(.date, .num) { font-family: var(--font-type02); font-size: 90%; color: var(--black-color08);  padding-inline: 12px; }
.bbs_table td.view { font-family: var(--font-type02); font-size: 90%; color: var(--black-color05); }
.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;  }


#wrap .view_btn .paging { min-height: auto; }
#wrap .paging { margin-top: 60px; display: flex; justify-content: center; font-size: var(--title-20); font-family: var(--font-type02); gap: 10px; }
#wrap .paging a { width: 40px; height: 40px; margin: 0; color: var(--black-color05); font-weight: 400; font-size: 90%; border-radius: 100%; }
#wrap .paging :is(.on a, a.on) { border: 0; background: var(--point-color09); color: var(--point-white); }
#wrap .paging .arrow { font-size: 0; background: var(--point-white); border-radius: 100%; }
#wrap .paging .arrow a {  border: 1px solid var(--border-color01); }
#wrap .paging .arrow img { display: none; }
#wrap .paging .arrow.next a { background: url('../images/sub/ico_pagi_next.svg') no-repeat center; margin-left: 10px; }
#wrap .paging .arrow.prev a { background: url('../images/sub/ico_pagi_prev.svg') no-repeat center; margin-right: 10px; }
#wrap .paging .arrow.last a { background: url('../images/sub/ico_pagi_last.svg') no-repeat center; margin-left: -2px; }
#wrap .paging .arrow.first a { background: url('../images/sub/ico_pagi_next.svg') no-repeat center; margin-right: -2px; }

#wrap .bbs_table .notice span { box-sizing: border-box; font-weight: 600; color: var(--point-color01); font-size: var(--title-18); box-shadow: 0 0 0 1px var(--point-color01); display: inline-flex; justify-content: center; align-items: center; padding-block: 2px; padding-inline: 18px; border-radius: 18px; }
#wrap .bbs_view .notice span { box-sizing: border-box; font-weight: 600; color: var(--point-color01); font-size: var(--title-18); box-shadow: 0 0 0 1px var(--point-color01); display: inline-flex; justify-content: center; align-items: center; padding-block: 2px; padding-inline: 18px; border-radius: 18px; }

#wrap .bbs_table .board_notice .left { font-weight: 500; color: var(--black-color00); }

@media (max-width: 1023px) {
    .bbs_table :is(th, td) { padding-block: clamp(15px, 2vw, 23px) clamp(15px, 2vw, 21px); }
    .bbs_table td:where(.date, .num) { padding-inline: clamp(7px, 0.7vw, 12px); }

    #wrap .paging { margin-top: clamp(40px, 6vw, 60px); }
    #wrap .paging a { width: clamp(30px, 4vw, 40px); height: clamp(30px, 4vw, 40px); }
    #wrap .paging .arrow.next a { margin-left: clamp(5px, 1vw, 10px); }
    #wrap .paging .arrow.prev a { margin-right: clamp(5px, 1vw, 10px); }

    #wrap .bbs_table .notice span { padding-inline: clamp(12px, 1.8vw, 18px); }
    #wrap .bbs_view .notice span { padding-inline: clamp(12px, 1.8vw, 18px); }
 }

@media (max-width: 860px) {
    .bbs_table :where(col:nth-child(4), th:nth-child(4), td:nth-child(4)) { display: none; }
    .bbs_table col:nth-child(3) { width: 20%; }
    
}

@media (max-width: 640px) {
    .bbs_table :where(col:nth-child(1), th:nth-child(1), td:nth-child(1)) { display: none; }
}

@media (max-width: 479px) { 
    .bbs_table col:nth-child(3) { width: 80px; }
}

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

	FAQ 게시판

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

#wrap:has(.faq_box) .hd_title { margin-bottom: 50px; }

#wrap .faq_con {  border-bottom: 1px solid var(--border-color01); padding:30px 0; }
#wrap .faq_con:last-child { border: 0; }
#wrap .faq_box{width:100%; box-sizing:border-box;border:1px solid var(--border-color01);border-radius:var(--radius-20); padding:9px 39px; margin-top: 0; }
#wrap .faq_box .faq_list{width:100%;box-sizing:border-box; border: 0; }
#wrap .faq_box .faq_list > li{box-sizing:border-box;padding: 0;position: relative;font-size:var(--title-20);  }
#wrap .faq_box .faq_list > li span { width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; font-size: 100%; border: 0; flex-shrink: 0; border-radius: 100%; }
#wrap .faq_box .faq_list > li.faq_q{ display: flex; border: 0; }
#wrap .faq_box .faq_list > li.faq_q > span { background: var(--point-white); color: var(--point-color01); border: 1px solid var(--point-color01); transition: all 0.4s; }
#wrap .faq_box .faq_list > li.faq_q .q_box{cursor:pointer;display:flex;align-items:center;flex-wrap:wrap;}
#wrap .faq_box .faq_list > li.faq_q .q_box:after{width:10px;height:10px;content:"";border:1px solid var(--black-color06);border-width:2px 2px 0 0;transform:rotate(135deg);display: inline-block;margin-top:-6px;margin-right:4px;}
#wrap .faq_box .faq_list > li .title{font-size:120%;color:var(--black-color00);font-weight:400;letter-spacing:-0.03em;display: inline-block;vertical-align: middle;width:100%; max-width: 100%;word-break:keep-all;padding-left:20px;box-sizing:border-box; }

#wrap .faq_box .faq_list li.faq_q.on { border: 0; }
#wrap .faq_box .faq_list li.faq_q.on > span { background: var(--point-color01); color: var(--point-white); }
#wrap .faq_box .faq_list li.faq_q.on .q_box:after{border-color:var(--point-color01);transform:rotate(-45deg);top:32px;margin-top:5px;}
#wrap .faq_box .faq_list li.faq_q.on .q_box > span{background:var(--point-color01);color:var(--point-white);}
#wrap .faq_box .faq_list li.faq_q.on .title{font-weight:500;}

.faq_box .faq_list li.faq_q::before { display: none; }
.faq_box .faq_list li.faq_q::after { content: ''; width: 50px; height: 50px; background: url('../images/sub/ico_faq_arw.svg') no-repeat center; background-size: 18px auto; border: 0; position: relative; top: 0; right: 0; flex-shrink: 0; }

.faq_box .faq_list li.faq_q.on::after { background-image: url('../images/sub/ico_faq_arw_on.svg'); }

/*답변*/
#wrap .faq_box .faq_list .faq_a{ background:var(--point-color03); padding:34px 30px 30px;display: none;box-sizing:border-box;border-radius:var(--radius-10);margin-top:21px; border: 0; }
#wrap .faq_box .faq_list .faq_a .faq_a_box { display: flex; padding: 0; width: 100%; align-items: flex-start; margin-top: 0; }
#wrap .faq_box .faq_list .faq_a span{ display: flex; justify-content: center; align-items: center; background: var(--point-white); font-size: var(--title-20); font-weight: 600; letter-spacing: -0.03em; font-family: var(--font-type02); color: var(--point-color01); }
#wrap .faq_box .faq_list .faq_a .faq_a_con{width:100%;box-sizing:border-box;padding-left:19px;display: inline-block;vertical-align: top;margin-top:0;font-size:var(--title-20);color:var(--black-color03);font-weight:400;line-height:1.6;letter-spacing:-0.03em;}

@media (max-width: 1023px) {
    #wrap .faq_con { padding: clamp(20px, 3vw, 30px) 0; }
    #wrap .faq_box { padding: clamp(5px, 1vw, 9px) clamp(20px, 3vw, 39px); }
    #wrap .faq_box .faq_list .faq_a { padding: clamp(15px, 3vw, 34px) clamp(15px, 3vw, 30px) clamp(15px, 3vw, 30px); margin-top: clamp(15px, 2vw, 21px); }
    #wrap .faq_box .faq_list > li .title { padding-left: clamp(12px, 2vw, 20px); }
    #wrap .faq_box .faq_list > li span { width: clamp(30px, 4vw, 40px); height: clamp(30px, 4vw, 40px); }
    #wrap .faq_box .faq_list .faq_a .faq_a_con { padding-left: clamp(15px, 2vw, 19px); }

    .faq_box .faq_list li.faq_q::after { width: clamp(35px, 5vw, 50px); height: clamp(35px, 5vw, 50px); background-size: clamp(10px, 1.8vw, 18px) auto; }
}


@media (max-width: 640px) {
    #wrap .faq_box .faq_list > li .title { font-size: 110%; }
    
}

@media (max-width: 479px) {
    #wrap .faq_box .faq_list > li .title { font-size: 100%; }
}

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

	신청방법

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

.sub_rental .rel_box { position: relative; }
.sub_rental .rentalSwiper { overflow: hidden; }
.sub_rental .rentalSwiper li { border-radius: var(--radius-20); overflow: clip; }
.sub_rental .rentalSwiper .txt_box { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  padding: 40px; font-size: var(--title-20); display: flex; align-items: flex-end; }
.sub_rental .rentalSwiper .txt_box h4 { filter: var(--filter-white); font-weight: 600; font-size: 150%; line-height: 1.3; letter-spacing: -0.03em; }

.sub_rental .arw_box { width: calc(100% + 140px); position: absolute; left: -70px; top: 50%; translate: 0 -50%; display: flex; justify-content: space-between; }
.sub_rental .arw_box button { opacity: 0.5; transition: all 0.4s; }


@media (hover: hover) and (pointer: fine) {
    .sub_rental .arw_box button:hover { opacity: 1; }
}

@media (max-width: 1480px) {
    .sub_rental .arw_box { width: calc(100% + 80px); left: -40px; }
}

@media (max-width: 1420px) {
    .sub_rental .rel_box {  padding-inline: 60px; }
    .sub_rental .arw_box { width: 100%; left: 0; }
}

@media (max-width: 1023px) {
    .sub_rental .rentalSwiper .txt_box { padding: clamp(20px, 3vw, 40px); }
    .sub_rental .rel_box { padding-inline: clamp(30px, 6vw, 60px); }
    .sub_rental .arw_box button { width: clamp(14px, 2vw, 24px); }
}

@media (max-width: 640px) {
    .sub_rental .blue_table col:nth-child(1) { width: 25%; }
}

@media (max-width: 479px) {
    .sub_rental .blue_table col:nth-child(1) { width: 30%; }
}

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

	감리대가 산정

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

.sub_cost .table_title { font-size: var(--title-20); margin-bottom: 16px; }
.sub_cost .table_title h5 { position: relative; color: var(--point-color01); font-size: 110%; line-height: 1.4; font-weight: 500; letter-spacing: -0.03em; }
.sub_cost .table_title h5::before { content: ''; position: absolute; left: 0; top: 5px; width: 3px; height: 70%; background: var(--point-color01); }
.sub_cost .table_title h5 span {  padding-left: 15px; }
.sub_cost .table_wrap .blue_table td { line-height: 1.4; }
.sub_cost .table_wrap .blue_table td small { font-size: var(--title-16); }
.sub_cost .table_wrap .blue_table td .flex_span { display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap; }
.sub_cost .table_wrap .blue_table td .frac { display: flex; flex-direction: column; align-items: center; gap: 11px; }
.sub_cost .table_wrap .blue_table td .frac span:first-child { position: relative;  padding-inline: 10px;  }
.sub_cost .table_wrap .blue_table td .frac span:first-child::after { content: ''; display: block; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; height: 1px; background: var(--black-color00); }
.sub_cost .table_wrap .blue_table td .frac_fle { display: flex; align-items: center; gap: 5px; }
.sub_cost .table_wrap .blue_table td .fle { display: flex; gap: 5px; }
.sub_cost .flex_box.g30 { display: flex; flex-direction: column; gap: 30px; margin-top: 20px; }
.sub_cost .more_wrap .more_btn { max-width: 340px; }

@media (max-width: 1120px) {
    .sub_cost .blue_table col:nth-child(1) { width: 15%; }
}

@media (max-width: 1023px) {
    .sub_cost .more_wrap .more_btn { max-width: clamp(290px, 40vw, 340px); }

    .sub_cost .blue_table col:nth-child(1) { width: 20%; }
    .sub_cost .flex_box.g30 { gap: clamp(20px, 3vw, 30px); margin-top: clamp(15px, 2vw, 20px); }
}

@media (max-width: 860px) {
    .sub_cost .blue_table col:nth-child(1) { width: 33%; }
}

@media (max-width: 479px) {
    
}

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

	감리대 자격요건

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

.sub_qual .blue_table :where(th, td) { padding-block: 15px; }
.sub_qual .blue_table td:is([scope]) { font-size: 90%; }
.sub_qual .blue_table td span { line-height: 1.6; }

.sub_qual .squad_num { display: flex; flex-direction: column; gap: 30px;  }
.sub_qual .squad_num > li {  border: 1px solid var(--border-color01); border-radius: var(--radius-10); padding: 40px; font-size: var(--title-20); }

.sub_qual .sky_bg { margin-top: 30px; display: flex; width: 100%; }
.sub_qual .sky_bg dt { display: inline-flex; align-items: center; color: var(--black-color03); font-size: 90%; font-weight: 600; line-height: 1.4; letter-spacing: -0.03em; }
.sub_qual .sky_bg dt::after { content: ''; display: block; width: 1px; height: 12px; background: var(--border-color04); margin-inline: 16px; }
.sub_qual .sky_bg dd { color: var(--black-color03); font-size: 90%; font-weight: 400; line-height: 1.4; letter-spacing: -0.03em; }

.sub_qual .squad_num > li:nth-child(4) .kor_list { gap: 0;  }
.sub_qual .squad_num > li:nth-child(4) .kor_list > li {  flex-wrap: wrap; }
.sub_qual .squad_num > li:nth-child(4) .kor_list > li + li { margin-top: 30px; padding-top: 30px; border-top: 1px solid var(--border-color01); }

.sub_qual .gray_bg { margin-top: 30px; }
.sub_qual .bullet_list .line { text-decoration-line: underline; text-decoration-style: solid; text-decoration-thickness: auto; text-underline-offset: 25%; }
.sub_qual .blue_table td span small { display: block; font-size: var(--title-16); margin-top: 5px; }

.sub_qual .squad_num .kor_li span { width: calc(100% - 30px); display: inline-block; }

@media (max-width: 1023px) {
    .sub_qual .gray_bg { margin-top: clamp(20px, 3vw, 30px); }
    .sub_qual .squad_num > li { padding: clamp(20px, 4vw, 40px); }
    .sub_qual .sky_bg { margin-top: clamp(15px, 3vw, 30px); padding: clamp(15px, 2vw, 20px) clamp(20px, 3vw, 30px); }
    .sub_qual .sky_bg dt::after { margin-inline: clamp(12px, 1.6vw, 16px); }
}


@media (max-width: 640px) {
    .sub_qual .sky_bg { flex-direction: column; gap: 12px; }
    .sub_qual .sky_bg dt::after { display: none; }
}


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

	감리법인 등록요건

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

.sub_regi .img_wrap { border-radius: var(--radius-10); box-shadow: 0 0 0 1px inset var(--border-color01); width: fit-content;  }
.sub_regi .img_wrap.for_m { display: none; }

.sub_regi .blue_table :where(th, td) { padding-block: 15px; }
.sub_regi .blue_table td { font-size: 90%; padding-block: 17px 14px; }

.sub_regi .cont_desc > .bullet_list.type03 { margin-top: 30px; gap: 0; }
.sub_regi .cont_desc > .bullet_list.type03 > li { padding-left: 0; letter-spacing: -0.03em; gap: 12px; }

.sub_regi .cont_desc .table_wrap .bullet_list { margin-top: 0; }
.sub_regi .cont_desc .table_wrap .bullet_list li strong { font-weight: 400; }

.sub_regi .cont_desc .table_wrap .cen { text-align: center; line-height: 1.3; }

@media (max-width: 1023px) {
    
    .sub_regi .cont_desc > .bullet_list { margin-top: clamp(20px, 3vw, 30px); }
    .sub_regi .cont_desc > .bullet_list > li { gap: clamp(7px, 1.2vw, 12px); }

    .sub_regi .blue_table2 col:nth-child(5) { width: 15%; }
    .sub_regi .blue_table :where(th, td) { padding-block: clamp(10px, 1.5vw, 15px); }
}

@media (max-width: 860px) {
    
}

@media (max-width: 640px) {
    .sub_regi .img_wrap.for_pc { display: none; }
    .sub_regi .img_wrap.for_m { display: block; }
}

@media (max-width: 479px) {
    
}


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

	감리수행절차

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

.sub_proc .squad_dl .bullet_list { margin: 0; }
.sub_proc .blue_table td { font-size: 90%; }

@media (max-width: 1023px) {
    .sub_proc .blue_table col:nth-child(1) { width: 25%; }
}

@media (max-width: 479px) {
    .sub_proc .blue_table col:nth-child(1) { width: 35%; }
}


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

	개요

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

.sub_audi .stat_list { display: flex; justify-content: space-between; gap: clamp(20px, 1.9vw, 35px); width: 100%; text-align: center; font-size: var(--title-20); }
.sub_audi .stat_list > li { position: relative; width: 100%; font-size: var(--title-20); border-radius: var(--radius-10);  }
.sub_audi .stat_list > li > :where(span, strong) { position: relative; z-index: 2; width: 100%;  padding: 18px; display: block; border-radius: inherit; font-size: 130%; letter-spacing: -0.03em; }
.sub_audi .stat_list > li > span { box-shadow: 0 0 0 2px var(--point-color01); color: var(--point-color01); font-weight: 600; background: var(--point-white); }
.sub_audi .stat_list > li > strong { background: var(--point-color01); color: var(--point-white); font-weight: 500; }
.sub_audi .stat_list02 { display: flex; width: 100%; justify-content: space-between; gap: 20px; margin-top: 20px; }
.sub_audi .stat_list02 > li { width: 100%;  border-radius: var(--radius-10); }
.sub_audi .stat_list02 > li > span { position: relative; border-radius: inherit; width: 100%;  display: block; border: 2px solid var(--point-color09); padding-block: 15px; padding-inline: 11px; font-size: 110%; font-weight: 500; color: var(--point-color09); letter-spacing: -0.03em; background: var(--point-white); }

.sub_audi .stat_list > li:has(.stat_list02) > :where(span, strong)::before { content: ''; position: absolute; left: 50%; top: 100%; width: 1px; height: 20px; background: var(--black-color10); z-index: 1; }
.sub_audi .stat_list > li:not(:last-child) > :where(span, strong)::after { content: ''; position: absolute; left: 100%; top: 50%; width: clamp(20px, 1.9vw, 33px); height: 1px; background: var(--black-color10); }
.sub_audi .stat_list > li:nth-child(3) .stat_list02 { margin-top: 40px; }

.sub_audi .stat_list > li:nth-child(2) > :where(span, strong)::after { left: calc(100% + 2px); }

.sub_audi .stat_list > li:nth-child(3) > span::before { top: calc(100% + 2px); z-index: 1; height: 18px; }
.sub_audi .stat_list > li:nth-child(3) .stat_list02 > li > span::before { content: ''; position: absolute; left: 50%; top: -2px; width: 1px; height: 20px; background: var(--black-color10); z-index: 1; translate: 0 -100%; }
.sub_audi .stat_list > li:nth-child(3) .stat_list02 > li:nth-child(1) > span::after { content: ''; position: absolute; left: 50%; top: -22px; width: calc(100% + 25px); height: 1px; background: var(--black-color10); translate: 0 -100%; }
.sub_audi .stat_list > li:nth-child(3) .stat_list02 > li:nth-child(2) > span::after { content: ''; position: absolute; left: 50%; top: calc(100% + 2px); width: 1px; height: 10px; background: var(--black-color10); z-index: 1; }

.sub_audi .stat_list03 { display: flex; width: 100%; justify-content: space-between; gap: 20px; margin-top: 10px; }
.sub_audi .stat_list03 > li { width: 100%; border-radius: var(--radius-10); }
.sub_audi .stat_list03 > li > span { border-radius: inherit; width: 100%;  display: block; border: 1px solid var(--border-color01); padding-block: 13px; padding-inline: 11px; font-size: 100%; font-weight: 500; color: var(--black-color03); background: var(--point-color03); letter-spacing: -0.03em; }

.sub_audi .squad_list dt { border: 0; background: var(--point-color09); color: var(--point-white); font-weight: 500; border: 0; }
.sub_audi .squad_list dd strong { font-weight: 500; color: var(--point-color01); }

.sub_audi .blue_table { font-size: 90%; }
.sub_audi .blue_table td { line-height: 1.4; }
.sub_audi .blue_table .bullet_list { margin: 0; }

.sub_audi .squad_num { display: flex; flex-wrap: wrap; width: 100%; gap: 30px; }
.sub_audi .squad_num > li { width: calc(100% / 2 - 15px);  padding-block: 39px; padding-inline: 40px; border: 1px solid var(--border-color01); border-radius: var(--radius-10); }

.sub_audi .squad_num > li > dl > dt { flex-direction: column; margin-bottom: 31px; }
.sub_audi .squad_num > li > dl > dt::before { translate: 0; }

.sub_content .chk_list > li { position: relative; display: flex; align-items: baseline; gap: 12px; font-size: var(--title-20); line-height: 1.4; letter-spacing: -0.03em; }
.sub_content .chk_list > li + li { margin-top: 14px; }
.sub_content .chk_list > li::before { content: ''; display: block; width: 14px; aspect-ratio: auto 1.27; background: url('../images/sub/ico_chk.svg') no-repeat center / 100% auto; translate: 0 -1px; flex-shrink: 0; }
.sub_content .chk_list > li span { font-size: 100%; color: var(--black-color02); font-weight: 400; }
.sub_content .chk_list > li span em { font-weight: 500; color: var(--black-color00); }

.sub_content.sub_members .squad_list dl {align-items: baseline;}
.sub_audi.sub_members .squad_num > li:nth-child(3) {width:100%;}
.sub_audi.sub_members .squad_num.num_line3 > li {width:calc(100% / 3 - 20px);}
.sub_regi.sub_members .cont_desc > .scr_wrap {margin-top:30px;margin-bottom:30px;}

.sub_content.sub_qual .cont_desc > .scr_wrap {margin-bottom:30px;}
.sub_content.sub_qual .cont_desc .bullet_list {margin-bottom:30px;gap: 5px;}

@media (max-width: 1023px) {
    .sub_audi .stat_list { flex-direction: column; gap: clamp(30px, 5vw, 50px); }
    .sub_audi .stat_list > li { width: 100%; margin-inline: auto; max-width: 600px; }
    .sub_audi .stat_list > li > :where(span, strong) { margin-inline: auto; padding: clamp(15px, 2vw, 18px); }
    .sub_audi .stat_list02 > li > span { margin-inline: auto; padding-block: clamp(10px, 1.5vw, 15px); }

    .sub_audi .stat_list03 > li > span { padding-block: clamp(10px, 1.3vw, 13px); }

    .sub_audi .stat_list > li:not(:last-child) > :where(span, strong)::after { display: none; }
    

    .sub_audi .squad_num { gap: clamp(20px, 3vw, 30px); }
    .sub_audi .squad_num > li { padding-block: clamp(20px, 4vw, 39px); padding-inline: clamp(20px, 4vw, 40px); width: calc(100% / 2 - clamp(10px, 1.5vw, 15px)); }
    .sub_audi .squad_num > li > dl > dt { margin-bottom: clamp(15px, 3vw, 31px); }
    .sub_content .chk_list > li { gap: clamp(8px, 1.2vw, 12px); }
    .sub_content .chk_list > li + li { margin-top: clamp(10px, 1.4vw, 14px); }

    .sub_audi .stat_list > li:has(.stat_list02) > :where(span, strong)::before { height: 20px; }
    .sub_audi .stat_list > li:has(.stat_list02):last-child > :where(span, strong)::before { height: 18px; }

	.sub_audi.sub_members .squad_num > li {width:100%;}
	.sub_audi.sub_members .squad_num.num_line3 > li {width:100%;}
}

@media (max-width: 860px) {
    .sub_audi .squad_num { flex-direction: column; }
    .sub_audi .squad_num > li { width: 100%; }
}

@media (max-width: 640px) {
    .sub_audi .stat_list > li:nth-child(3) .stat_list02 { flex-direction: column; }
    .sub_audi .stat_list > li:nth-child(3) .stat_list02 { margin-top: 20px; }

    .sub_content .chk_list > li::before { width: 12px; }

    .sub_audi .stat_list > li:nth-child(3) .stat_list02 > li:nth-child(1) > span::after { display: none; }
	

	.sub_content.sub_members .sub_title.mb .decr {font-size:90%;}
	.sub_content.sub_qual .sub_title.mb .decr {font-size:90%;}
}

@media (max-width: 479px) {
    .sub_audi .stat_list02 { gap: 15px; margin-top: 15px; }
    .sub_audi .stat_list > li:nth-child(3) .stat_list02 { margin-top: 15px; }
    .sub_audi .stat_list > li:has(.stat_list02) > :where(span, strong)::before { height: 15px; }
    .sub_audi .stat_list > li:nth-child(3):has(.stat_list02) > :where(span, strong)::before { height: 13px; }
    .sub_audi .stat_list > li:nth-child(3) .stat_list02 > li > span::before { height: 15px; }
    .sub_audi .stat_list > li > :where(span, strong) { font-size: 120%; }

    .sub_audi .squad_num { gap: 15px; }
	.sub_content.sub_members .sub_title.mb .decr {font-size:76%;}
	.sub_regi.sub_members .cont_desc > .scr_wrap {margin-top:15px;margin-bottom:15px;}

	.sub_content.sub_qual .sub_title.mb .decr {font-size:76%;}
	.sub_content.sub_qual .cont_desc > .scr_wrap {margin-bottom:15px;}
	.sub_content.sub_qual .cont_desc .bullet_list {margin-bottom:15px;gap: 5px;}
}


#wrap .bbs_view{position: relative;font-size: var(--title-20);border-bottom: 1px solid var(--border-color01);}
#wrap .bbs_view .view_tit{padding: 30px 20px 23px;text-align: left;border: 0;margin: 0;width: 100%;font-size: var(--title-20);background: none;display: grid;gap: 18px;border-top: 2px solid var(--black-color01);border-bottom: 1px solid var(--border-color01);}
#wrap .bbs_view .view_tit:after{display: none;}
#wrap .bbs_view .view_tit h3{font-size: 150%;font-weight: 500;color: var(--black-color01);width: 100%;text-align: inherit;line-height: 1.3;letter-spacing: -0.03em;}
#wrap .bbs_view .view_tit p{font-size: 90%;font-weight: 400;color: var(--black-color08);width: 100%;text-align: inherit;display: block;line-height: 1.67;padding: 0;}
#wrap .bbs_view .view_cont{padding: 30px 20px;min-height: 278px;font-size: 95%;font-weight: 400;color: var(--black-color04);line-height: 1.8;letter-spacing: -0.03em;border-bottom: 0;width: 100%;margin: 0;word-break: keep-all;}
#wrap .extra_editor_wrap{display: flex;gap: 12px clamp(30px, 3vw, 44px);width: 100%;border: 0;margin: 0;background: none;overflow: hidden;padding: 23px 0;border-top: 1px solid var(--border-color01);}
#wrap .extra_editor_wrap h4{position: relative;font-size: 90%;font-weight: 500;color: var(--black-color03);line-height: 1.3;text-align: center;width: 140px;flex-shrink: 0;padding: 0 15px;background: none;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: 400;color: var(--black-color07);line-height: 1.3;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 .view_tit{padding: clamp(23px, 3vw, 30px) clamp(15px, 2.5vw, 20px) clamp(20px, 2.3vw, 23px);gap: clamp(10px, 2vw, 18px);}
    #wrap .bbs_view .view_tit h3{font-size: 180%;}
    #wrap .bbs_view .view_cont{padding: clamp(20px, 3vw, 30px) clamp(15px, 2.5vw, 20px);min-height: clamp(180px, 28vw, 278px);}
    #wrap .extra_editor_wrap{padding-block: clamp(18px, 2.3vw, 23px);column-gap: clamp(25px, 3.5vw, 30px);}
    #wrap .extra_editor_wrap h4{width: clamp(100px, 14vw, 140px);}
}
@media (max-width:640px){
    #wrap .bbs_view .view_tit h3{font-size: 160%;}
}
@media (max-width:479px){
    #wrap .bbs_view .view_tit h3{font-size: 130%;}
    #wrap .bbs_view .view_cont{font-size: 90%;line-height: 1.7;}
}
@media (max-width:360px){
    #wrap .extra_editor_wrap{flex-wrap: wrap;padding-inline: 15px;}
    #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;}
}