@font-face {
    font-family: "GOTHAM";
    src: url(../font/gotham-bold-webfont.woff2) format("woff2");
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "GumiRomance";
    src: url("https://fastly.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/GumiRomanceTTF.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}

/* 공통 */
:root {
    /*색상*/
    --main_color: #2d6efc;
    --color_01: #ffc122;
    --color_02: #40b55c;
    --color_03: #2d6efc;
    --font_color: #181818;
    --btn_hover_main: #204db1;
    --warn_color: #ff1212;
    --sub_page_main_color: #ffc122;
    --sub_page_tab_color: #000;

    /*요소 높이*/
    --h_header: 96px;
    --nav_bg: 360px;
    --sub_page_tit_h: 255px;

    /*테이블 간격*/
    --tb_chk: 42px;
    --tb_no: 75px;
    --tb_view: 60px;
    --tb_board: 170px;
    --tb_activity_date: 180px;
    --tb_date: 120px;
    --tb_date_hour: 180px;
    --tb_wr_name: 120px;
    --tb_edit_btn: 90px;
    --tb_condition: 90px;
    --tb_ans: 90px;
    --tb_part: 140px;

    /*폰트*/
    --gotham: "GOTHAM", sans-serif;
    --gumi: "GumiRomance";
}

._mypage {
    --sub_page_main_color: #4bc4be;
    --txt_col: #4bc4be;
    --bg_url: url(../img/mypage_bg.png);
    --sub_menu_arrow: url(../img/tab_btn_my.png);
}

._intro {
    --sub_page_main_color: #ff8935;
    --sub_page_tab_color: #d05700;
    --txt_col: #d05700;
    --bg_url: url(../img/intro_bg.png);
    --sub_menu_arrow: url(../img/tab_btn_intro.png);
}

._report {
    --sub_page_main_color: #2d6efc;
    --txt_col: #2d6efc;
    --bg_url: url(../img/report_bg.png);
    --sub_menu_arrow: url(../img/tab_btn_report.png);
}

._activity {
    --sub_page_main_color: #ffc122;
    --sub_page_tab_color: #d0a000;
    --txt_col: #d0a000;
    --bg_url: url(../img/activity_bg.png);
    --sub_menu_arrow: url(../img/tab_btn.png);
}

._news {
    --sub_page_main_color: #40b55c;
    --txt_col: #40b55c;
    --bg_url: url(../img/news_bg.png);
}

body,
div,
p,
span,
button,
a,
input,
ul,
li,
b,
em,
i,
section {
    font-family: sans-serif;
    font-weight: 400;
    color: var(--font_color);
    word-break: keep-all;
}

textarea {
    resize: none;
    font-family: sans-serif;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #232323;
}

.img_wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.icon_wrap img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: unset;
    display: block;
}

.wrap_1700 {
    width: 100%;
    padding-inline: 20px;
    max-width: 1740px;
    margin-inline: auto;
}

.wrap_1500 {
    width: 100%;
    padding-inline: 20px;
    max-width: 1540px;
    margin-inline: auto;
}

.wrap_1330 {
    width: 100%;
    padding-inline: 20px;
    max-width: 1370px;
    margin-inline: auto;
}

.wrap_1120 {
    width: 100%;
    padding-inline: 20px;
    max-width: 1160px;
    margin-inline: auto;
}

.wrap_1050 {
    width: 100%;
    padding-inline: 20px;
    max-width: 1090px;
    margin-inline: auto;
}

.wrap_840 {
    width: 100%;
    padding-inline: 20px;
    max-width: 880px;
    margin-inline: auto;
}

.wrap_500 {
    width: 100%;
    padding-inline: 20px;
    max-width: 500px;
    margin-inline: auto;
}

:focus-visible {
    outline: none;
}

.main_c {
    color: var(--main_color);
}

.D_none {
    display: none !important;
}

.D_only {
    display: revert;
}

.only_768 {
    display: none;
}

.only_640 {
    display: none;
}

.elips_1 {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.elips_2 {
    width: 100%;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.elips_3 {
    width: 100%;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: keep-all;
}

.custom_scroll::-webkit-scrollbar {
    width: 5px;
    background: transparent;
    border-radius: 50px;
}

.custom_scroll::-webkit-scrollbar-thumb {
    /* background: #7e7d7d; */
    background: #6d6d6d;
    border-radius: 50px;
}

.custom_scroll.light_gray::-webkit-scrollbar-thumb {
    /* background: #7e7d7d; */
    background: #a5a5a5;
    border-radius: 50px;
}

.custom_scroll.light_gray::-webkit-scrollbar-track {
    background: #f5f5f5;
}

.custom_scroll::-webkit-scrollbar-thumb:hover {
    /* background: #7e7d7d; */
    background: #999;
}

.custom_scroll::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 50px;
}

.custom_scroll2::-webkit-scrollbar {
    width: 8px;
    background: transparent;
    border-radius: 50px;
}

.custom_scroll2::-webkit-scrollbar-thumb {
    /* background: #7e7d7d; */
    background: #6d6d6d;
    border-radius: 50px;
}

.custom_scroll2::-webkit-scrollbar-thumb:hover {
    /* background: #7e7d7d; */
    background: #999;
}

.custom_scroll2::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 50px;
}

.btn_wrap._adm_btn {
    margin-bottom: 15px;
}

.btn_wrap._slide button {
    width: 80px;
    height: 80px;
    border: 1px solid #d9d9d9;
    border-radius: 80px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    transition: 0.3s;
    z-index: 10;
    background-color: #fff;
}

.btn_wrap._slide button:hover {
    border: 1px solid #aaa;
    transition: 0.3s;
}

.btn_wrap._slide button.prev_btn {
    transform: translateY(-50%) rotate(180deg);
    right: unset;
    left: 0;
}

.blue_btn {
    border: 1px solid var(--main_color);
    border-radius: 5px;
    color: var(--main_color);
    height: 40px;
    text-align: center;
    font-weight: 500;
    transition: 0.3s;
}

.blue_btn._pressed {
    background-color: #2d6efc;
    color: #fff;
}

.blue_btn._pressed:hover {
    background-color: #2d6efc;
    color: #fff;
}

.blue_btn:hover {
    background-color: #2d6ffc25;
    transition: 0.3s;
}

.blue_btn._blocked {
    background-color: #f5f5f5;
    border: 1px solid #c4c4c4;
    color: #6d6d6d;
}

.blue_btn._blocked:hover {
    cursor: not-allowed;
}

.blue_btn:disabled {
    background-color: #f5f5f5;
    border: 1px solid #c4c4c4;
    color: #6d6d6d;
}

.blue_btn:disabled:hover {
    cursor: not-allowed;
}

._default.btn_wrap {
    display: flex;
    width: 100%;
    gap: 10px;
}

._default.btn_wrap._center {
    justify-content: center;
}

._default.btn_wrap._board_type {
    display: inline-flex;
    width: auto;
}

._default.btn_wrap .submit_btn {
    color: #fff;
    font-weight: 600;
    background-color: var(--main_color);
    border-radius: 5px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    display: inline-block;
}

._default.btn_wrap .submit_btn:disabled {
    background-color: #ddd;
    color: #aaa;
    cursor: not-allowed;
}

._default.btn_wrap .submit_btn._gray:disabled {
    background-color: #ddd;
    color: #aaa;
    cursor: not-allowed;
}

._default.btn_wrap :where(a, button) {
    transition: 0.2s;
}

._default.btn_wrap :where(a, button):not(:disabled, .icon_wrap):hover {
    background-color: #204db1;
    transition: 0.2s;
}

._default.btn_wrap .icon_wrap:hover {
    filter: grayscale(0.3) brightness(0.95);
}

._default.btn_wrap .submit_btn._gray:hover {
    background-color: #7d7d7d;
}

._default.btn_wrap .submit_btn:not(:disabled, ._gray):hover {
    background-color: var(--btn_hover_main);
    transition: 0.2s;
}

._default.btn_wrap .common_btn {
    color: #fff;
    font-weight: 500;
    background-color: var(--main_color);
    border-radius: 5px;
    width: auto;
    padding: 0 15px;
    padding: 0 20px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

._default.btn_wrap .common_btn._pressed {
    background-color: #001c92;
}

._default.btn_wrap .common_btn._pressed:hover {
    background-color: #001c92;
}

._default.btn_wrap .common_btn:disabled {
    background-color: #d9d9d9;
    cursor: not-allowed;
}

._default.btn_wrap .common_btn:disabled:hover {
    background-color: #d9d9d9;
}

._default.btn_wrap .common_btn._gray._pressed {
    background-color: #000000;
}

._default.btn_wrap .common_btn._gray._pressed:hover {
    background-color: #000000;
}

._default.btn_wrap .common_btn._gray {
    background-color: #a5a5a5;
}

._default.btn_wrap .common_btn._gray:hover {
    background-color: #7d7d7d;
}

._default.btn_wrap .common_btn:hover {
    background-color: var(--btn_hover_main);
}

.common_btn:hover {
    background-color: var(--btn_hover_main);
}

._default.btn_wrap .common_btn.w_180 {
    width: 180px;
}

._default.btn_wrap .common_btn.w_160 {
    width: 160px;
}

._default.btn_wrap .common_btn.w_130 {
    width: 130px;
}

._default.btn_wrap .common_btn.w_120 {
    width: 120px;
}

.w_120 {
    width: 120px;
}

._default.btn_wrap.left_right_btn {
    justify-content: space-between;
}

._default.btn_wrap.left_btn {
    justify-content: flex-start;
    width: 100%;
}

._default.btn_wrap.right_btn {
    justify-content: flex-end;
    width: 100%;
}

.con_write + ._default.btn_wrap {
    margin-top: 40px;
    justify-content: center;
}

.content_wrap + .btn_wrap {
    border-top: 1px solid #d9d9d9;
    padding-top: 10px;
}

.float_left {
    float: left;
    margin-right: 10px;
    margin-left: 0;
}

.float_right {
    float: right;
}

.float_left:not(.common_btn) + .float_left:not(.common_btn) {
    margin-left: 10px;
    margin-right: 0;
}

.float_right:not(.common_btn) + .float_right:not(.common_btn) {
    margin-right: 10px;
}

.select_tab_box {
    position: relative;
}

.selected_tab {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.selected_tab span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 25px;
    border: 0;
    font-weight: 600;
    color: var(--font_color);
    cursor: pointer;
}

.tab_option {
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
    position: absolute;
    width: 155px;
    top: 60px;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.1s;
    z-index: 1;
}

:where(.selected_tab, .more_menu).active + .tab_option {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.selected_tab::before {
    content: "";
    width: 10px;
    height: 8px;
    display: inline-block;
    background-image: url(../img/more_select.png);
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
    filter: brightness(0.5);
}

.selected_tab.active::before {
    transform: translateY(-50%) rotate(-180deg);
    transition: 0.3s;
}

.tab_option :where(button, a):where(.active) {
    background-color: #ddd;
}

.tab_option :where(button, a):where(:hover) {
    background-color: #eee;
    background-color: #eee;
}

.tab_option :where(button, a) {
    text-align: center;
    width: 100%;
    padding: 7px;
    display: block;
    text-align: center;
}

/*팝업*/
.pop_up {
    /* display: none; */
    position: fixed;
    top: calc(var(--h_header) + 50px);
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 0px 0px 7px 0px #59595929;
    z-index: 99999;
    background-color: #fff;
    border-radius: 20px;
    max-width: 570px;
    width: calc(100% - 40px);
    padding: 40px;
}

.pop_up_layer {
    /* display: none; */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.5);
}

.pop_up .close_btn {
    display: inline-block;
    position: absolute;
    right: 20px;
    top: 15px;
    transition: 0.2s;
    font-weight: 500;
}

.pop_up .close_btn:hover {
    transition: 0.2s;
    color: #777;
}

.pop_up .close_btn:hover img {
    transition: 0.2s;
}

.pop_up .close_btn img {
    display: inline-block;
    width: 30px;
    height: 30px;
    object-fit: contain;
    vertical-align: baseline;
    transition: 0.2s;
}

.pop_up .close_btn:hover img {
    filter: invert(0.78) brightness(2);
    transition: 0.2s;
}

.pop_up .content_wrap {
    width: 100%;
}

.tab_wrap {
    display: flex;
    height: auto;
    justify-content: center;
    margin-bottom: 30px;
}

.pop_up .tab_wrap {
    height: 60px;
}

.pop_up._terms {
    max-width: 1280px;
    height: calc(100vh - 300px);
    /* min-height: 500px; */
}

.pop_up._terms .pop_tit p {
    color: #000;
    border-bottom: 2px solid #000;
    padding-bottom: 30px;
}

.pop_up._terms .content_wrap {
    padding-inline: 20px;
    height: calc(100% - 70px);
    overflow-y: auto;
    padding-top: 0;
    margin-top: 20px;
}

.pop_up._terms .terms_con + .terms_con {
    margin-top: 15px;
}

.pop_up._terms .terms_tit {
    font-weight: 600;
}

.pop_up._terms .close_btn {
    display: inline-block;
    position: absolute;
    right: 40px;
    top: 40px;
    transition: 0.2s;
    font-weight: 500;
}

.pop_up.applicant_chk {
    max-width: 900px;
    padding: 15px 20px 20px;
    top: calc(var(--h_header) + 0px);
}

.pop_up .btn_wrap .submit_btn.w_120 {
    max-width: 120px;
}

.applicant_chk .pop_tit p {
    font-size: 20px;
    font-weight: 600;
    color: #252525;
    flex: 1;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    font-family: sans-serif;
    text-align: left;
}

.applicant_chk .date_wrap {
    display: flex;
    align-items: center;
    padding-block: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.applicant_chk .date_wrap > div {
    display: flex;
    margin-left: 10px;
}

.applicant_chk .date_wrap > div span {
    color: #6d6d6d;
}

.applicant_chk .date_wrap > div span:first-child {
    font-weight: 600;
    margin-right: 7px;
}

.applicant_chk .date_wrap > div img {
    margin-right: 3px;
    vertical-align: middle;
    margin-top: -4px;
}

.applicant_chk .state_tage {
    background-color: #000;
    color: #fff;
    border-radius: 2px;
    padding: 2px 6px;
}

.applicant_chk .state_tage.finish {
    background-color: #a5a5a5;
}

.pop_up.report_banner {
    max-width: 900px;
    padding: 20px 20px 20px;
}

.pop_up.report_banner .close_btn {
    top: 20px;
}

.report_banner .pop_tit p {
    font-size: 20px;
    font-weight: 600;
    color: #252525;
    flex: 1;
    border-bottom: none;
    padding-bottom: 20px;
    font-family: sans-serif;
    text-align: left;
}

.report_banner textarea {
    width: 100%;
    height: 300px;
}

.list_container {
    display: flex;
    gap: 30px;
    margin-top: 20px;
}

.list_container > div {
    flex: 1;
}

.list_container .num_wrap {
    display: inline-flex;
    width: calc(100% - 35px);
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.list_container .num_wrap span {
    font-weight: 500;
    font-size: 15px;
}

.list_container .excel_btn {
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-left: 5px;
}

.list_container .list_wrap {
    margin-top: 0px;
    height: 295px;
    overflow-y: auto;
}

.list_container .list_th {
    background-color: #eaf1ff;
    padding: 10px;
    display: inline-flex;
    gap: 10px;
    width: 100%;
}

.list_container .list_td {
    display: inline-flex;
    padding: 10px;
    gap: 10px;
    width: 100%;
}

.list_container .list_td + .list_td {
    border-top: 1px solid #d9d9d9;
}

.list_container .list_th span {
    color: #6d6d6d;
    font-weight: 600;
    display: inline-block;
    font-size: 15px;
    text-align: center;
}

.list_container .list_td span {
    color: #252525;
    font-size: 15px;
    display: inline-block;
    text-align: center;
}

._num {
    width: 40px;
}

._name {
    width: 150px;
}

._gender {
    width: 40px;
}

._ph {
    width: 105px;
}

._date {
    width: 80px;
}

.applicant_chk .memo_wrap {
    margin-top: 20px;
}

.applicant_chk .memo_wrap textarea {
    width: 100%;
    min-height: 150px;
}

.pop_up .close_btn:hover img {
    filter: brightness(3.5);
    transition: 0.2s;
    filter: invert(0.8) brightness(1.7);
}

.tab_wrap > div {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

.tab_wrap > div:where(.active) {
    color: var(--main_color);
    border-bottom: 2px solid var(--main_color);
}

.tab_wrap > div:where(.active) .round_num {
    background-color: var(--main_color);
}

.tab_wrap > :where(button, a, div) {
    font-size: 26px;
    font-family: var(--gumi);
    font-weight: 400;
    color: #a6a6a6;
    text-align: center;
    flex: 1;
    border-bottom: 2px solid #d9d9d9;
}

.pop_tit p {
    font-size: 26px;
    font-family: var(--gumi);
    font-weight: 400;
    color: var(--main_color);
    text-align: center;
    flex: 1;
    border-bottom: 2px solid var(--main_color);
    padding-bottom: 15px;
}

.sign_form_wrap .tab_wrap button {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px;
}

.round_num {
    display: inline-block;
    border-radius: 25px;
    padding: 5px 15px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 20px;
    background-color: #ccc;
}

.tab_wrap button:where(:hover, .active) .round_num {
    background-color: var(--main_color);
}

.tab_wrap button:where(.active, :hover) {
    color: var(--main_color);
    border-bottom: 2px solid var(--main_color);
}

.pop_up .result_wrap + .btn_wrap {
    margin-top: 0;
    display: flex;
}

.pop_up .btn_wrap {
    margin-top: 25px;
    display: flex;
}

.pop_up .btn_wrap._right {
    justify-content: flex-end;
}

.pop_up .btn_wrap .submit_btn {
    color: #fff;
    font-weight: 500;
    background-color: var(--main_color);
    border-radius: 5px;
    flex: 100%;
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    transition: 0.2s;
}

.pop_up .btn_wrap .submit_btn._gray:hover {
    background-color: #7d7d7d;
}

.pop_up .btn_wrap .submit_btn:hover {
    background-color: var(--btn_hover_main);
    transition: 0.2s;
}

.con_board.open_board .tr_div > div.tb_no {
    padding: 0px;
    padding-left: 5px;
}

.sub_page_con.mypage_inqury .con_board .tr_div .tb_subject {
    justify-content: space-between;
}

.sub_page_con .sub_page_con_view {
    padding-top: 10px;
}

.checkbox_wrap2 input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
    border: 1px solid #6d6d6d;
}

.checkbox_wrap label :where(input, span, div, p) {
    cursor: pointer;
}

.checkbox_wrap :where(input[type="checkbox"], input[type="radio"]) {
    display: none;
}

.checkbox_wrap._round :where(em, em::before) {
    border-radius: 50px;
}

.checkbox_wrap label em {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
    border: 1px solid #6d6d6d;
    margin-right: 5px;
}

.checkbox_wrap label em::before {
    content: "";
    display: none;
    width: 16px;
    height: 16px;
    background-image: url(../img/check_icon.png);
    filter: brightness(5);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
}

.checkbox_wrap label input:checked + em {
    background-color: var(--main_color);
    border: 1px solid var(--main_color);
}

.checkbox_wrap label input:checked + em::before {
    display: inline-block;
}

.checkbox_wrap label > span {
    font-weight: 500;
}

.checkbox_wrap label input:checked ~ span:not(.no_blue) {
    color: var(--main_color);
}

.checkbox_wrap label.gal_tag input:checked ~ span:not(.no_blue) {
    color: #fff;
}

.checkbox_wrap label + label {
    margin-left: 10px;
}

.checkbox_wrap._blocked label > span {
    color: #c4c4c4;
}

.checkbox_wrap._blocked em {
    background-color: #fff;
    border-color: #c4c4c4;
}

.checkbox_wrap._blocked input:checked + em {
    background-color: #6d6d6d;
    border-color: #6d6d6d;
}

.checkbox_wrap._blocked input:checked ~ span:not(.no_blue) {
    color: #6d6d6d;
}

.radio_wrap label :where(input, span, div, p) {
    cursor: pointer;
}

.radio_wrap :where(input[type="checkbox"], input[type="radio"]) {
    display: none;
}

.radio_wrap label em {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
    border: 1px solid #d9d9d9;
    margin-right: 5px;
    border-radius: 50px;
}

.radio_wrap label em::before {
    content: "";
    display: none;
    width: 12px;
    height: 12px;
    background-color: #001c92;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50px;
}

.radio_wrap label input:checked + em {
    border: 1px solid #001c92;
}

.radio_wrap label input:checked + em::before {
    display: inline-block;
}

.radio_wrap label > span {
    font-weight: 500;
}

.radio_wrap label input:checked ~ span:not(.no_blue) {
    color: #001c92;
}

.radio_wrap label label + label {
    margin-left: 10px;
}

.radio_wrap._blocked label > span {
    color: #c4c4c4;
}

.radio_wrap._blocked em {
    background-color: #fff;
    border-color: #c4c4c4;
}

.radio_wrap._blocked input:checked + em {
    border-color: #d9d9d9;
}

.radio_wrap._blocked input:checked + em::before {
    background-color: #d9d9d9;
}

.radio_wrap._blocked input:checked ~ span:not(.no_blue) {
    color: #d9d9d9;
}

/*팝업배너*/
.pop_banner_wrap {
    width: calc(100% - 40px);
    display: flex;
    position: absolute;
    top: calc(var(--h_header) * 1.5);
    left: 20px;
    left: 50%;
    transform: translateX(-50%);
    max-width: 1540px;
    z-index: 999;
}

.pop_up {
    /* position: absolute; */
}

.pop_banner {
    position: absolute;
    box-shadow: 0px 0px 10px 0px #00000050;
    z-index: 99999;
    background-color: #fff;
    max-width: 470px;
    width: calc((100% - 40px) / 3);
    border-radius: 15px;
}

.pop_banner.pop_right {
    right: 0;
}

.pop_banner.pop_middle {
    left: 50%;
    transform: translateX(-50%);
}

.pop_banner .pop_banner_tit {
    padding: 10px 16px;
    font-size: 20px;
    font-weight: 600;
    border-bottom: #d9d9d9;
}

.pop_banner .pop_btn_wrap {
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
    background-color: #001c92;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.pop_banner .checkbox_wrap label em {
    border: 1px solid #fff;
    background-color: transparent;
}

.pop_banner .checkbox_wrap label em::before {
    background-image: url(../img/check_icon.png);
    filter: brightness(0.4);
}

.pop_banner .checkbox_wrap label input:checked + em {
    background-color: #fff;
    border: 1px solid #fff;
}

.pop_banner.checkbox_wrap label input:checked ~ span:not(.no_blue) {
    color: #fff;
}

.pop_banner .checkbox_wrap label span {
    color: #fff;
    display: inline-block;
    margin-left: 5px;
    font-weight: 400;
}

/* .pop_banner .checkbox_wrap label span:hover,
.pop_banner button:hover {
    font-weight: 600;
} */

.pop_banner button {
    color: #fff;
}

.pop_banner button:hover {
    text-decoration: underline;
}

/*팝업배너*/
/*팝업*/

/* 공통 */

/* 헤더 */
header {
    position: fixed;
    top: 0;
    background-color: #fff;
    width: 100%;
    display: block;
    z-index: 99999;
    transition: 0.3s;
}

.header_wrap {
    width: 100%;
    height: var(--h_header);
    display: flex;
    max-width: 1720px;
    margin-inline: auto;
    justify-content: space-between;
    align-items: center;
    padding-inline: 20px;
    transition: 0.3s;
    background-color: #fff;
}

.header_wrap::before {
    content: "";
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.logo_wrap {
    height: 100%;
    display: inline-flex;
}

h1 {
    width: 350px;
    display: inline-block;
}

h1 a {
    width: 100%;
}

.center_btn {
    display: inline-block;
    /* margin-left: 15px; */
    width: 180px;
}

.center_btn img {
    transition: 0.3s;
}

.center_btn:hover img {
    filter: drop-shadow(0px 0px 4px #ddd);
    transition: 0.2s;
}

.center_btn.only_1240 {
    display: none;
}

.utility_wrap.only_1240 {
    display: none;
}

header .nav_wrap {
    width: calc(100% - 670px);
    max-width: 800px;
    height: 100%;
    transition: 0.3s ease-out;
}

header nav {
    width: 100%;
    height: 100%;
}

header nav .nav_bg {
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: calc(-1 * var(--nav_bg));
    height: var(--nav_bg);
    left: 0;
    z-index: -1;
    transition: 0.3s ease;
    box-shadow: 0 0 0px #00000040;
    opacity: 0;
}

header nav ul.depth_01 {
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 100%;
}

header nav ul.depth_01::before {
    content: "";
    width: 100%;
    position: absolute;
    background-color: #fff;
    top: calc(-1 * calc(var(--nav_bg) - var(--h_header)));
    height: calc(var(--nav_bg) - var(--h_header));
    left: 0;
    z-index: -1;
    transition: 0.3s ease;
    box-shadow: 0 0 0px #00000040;
    opacity: 0;
}

/* 
header nav ul.depth_01:hover::after {
    content: "";
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
} */

header nav:hover .depth_01::after {
    content: "";
    background-color: #ccc;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

header nav ul.depth_01 li {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    flex: 1.1;
}

header nav ul.depth_01 > li:nth-of-type(2n-1) {
    flex: 1.2;
}

header nav ul.depth_01 > li > :where(button, a) {
    width: 100%;
    font-size: 20px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: 0.2s;
}

header nav ul.depth_02 {
    position: absolute;
    top: calc(var(--h_header));
    width: 100%;
    visibility: hidden;
}

header nav ul.depth_02::before {
    content: "";
    width: 100%;
    height: calc(var(--nav_bg) - var(--h_header));
    background-color: #e28542;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: 0.2s;
}

header nav li:nth-child(2) ul.depth_02::before {
    background-color: #5e85da;
}

header nav li:nth-child(3) ul.depth_02::before {
    background-color: #e3b43b;
}

header nav li:nth-child(4) ul.depth_02::before {
    background-color: #4c9a5f;
}

header nav ul.depth_02 li {
    line-height: 1.25;
    transition: 0.2s;
}

header nav ul.depth_02 li:first-child {
    margin-top: 20px;
}

header nav ul.depth_02 :where(button, a) {
    white-space: nowrap;
    font-size: 18px;
    letter-spacing: -1px;
    font-weight: 400;
    color: #000;
    width: 100%;
    height: 100%;
    display: inline-block;
    padding: 15px 5px;

    visibility: hidden;
    opacity: 0;
    transition: 0.1s;
}

/* header .utility_wrap .user_btn {
    border-radius: 50px;
    height: 48px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
    background-color: white;
}*/

header .utility_wrap .user_btn span {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px;
}

header .utility_wrap .user_btn img {
    object-fit: scale-down;
}

header._transparent h1 a img {
    content: url("../img/logo_w.png");
    transition: 0.3s;
}

header._transparent h1 a img.black {
    content: url("../img/logo.png");
    transition: 0.3s;
}

header .utility_wrap {
    display: flex;
    width: 130px;
    justify-content: space-between;
}

header .utility_wrap a {
    font-weight: 600;
}

header .utility_wrap a + a {
    margin-left: 15px;
}

header .area_login {
    min-width: 150px;
    position: absolute;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
    text-align: center;
    top: -34px;
    padding-top: 10px;
    background-color: white;
    padding: 10px;
}

header .user_btn {
    border-radius: 50px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 10px 15px;
    display: inline-flex;
    align-items: center;
    transition: 0.3s;
    background-color: white;
    height: 45px;
    text-align: center;
}

header .area_login .user_btn {
    border: 1px solid #ffc122;
    box-shadow: none;
}

header .area_login ._default.btn_wrap {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    align-items: center;
}

header .area_login ._default.btn_wrap button {
    width: 100%;
    height: 35px;
    font-size: 16px;
}

/* 헤더 */

/* 메인 */
.container {
    padding-top: var(--h_header);
}

.sub_page.container {
    padding-bottom: calc(var(--h_header) * 1);
    padding-top: 0;
}

section[class^="main_0"] {
    padding-block: 100px 150px;
    position: relative;
}

section[class^="main"] .tit_wrap h2 {
    font-family: var(--gumi);
    font-size: 50px;
    font-weight: 500;
}

section[class^="main"] .tit_wrap > p {
    font-size: 20px;
    word-break: keep-all;
    margin-bottom: 15px;
}

section[class^="main"] .tit_wrap {
    margin-bottom: 80px;
    text-align: center;
    line-height: 1.3;
}

section[class^="main"] .tit_wrap._white :where(h2, p, span) {
    line-height: 1.5;
    color: #fff;
}

.main_slide_wrap {
    width: 100%;
    aspect-ratio: 5 / 2.1;
    box-shadow: 0 0 10px #00000025;
}

.main_slide {
    overflow: hidden;
    position: relative;
}

.main_slide,
.main_slide ul,
.main_slide ul li {
    width: 100%;
    height: 100%;
}

.main_slide .btn_wrap._slide button {
    right: 70px;
    box-shadow: 0px 0px 10px #00000060;
}

.main_slide .btn_wrap._slide button.prev_btn {
    left: 70px;
}

.area {
    background-color: #efefef;
    height: 120vh;
}

.main_01 .wrap_1330 {
    z-index: 1;
    position: relative;
}

.circle_wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    gap: 50px;
}

.circle_wrap .circle {
    flex: 1;
    width: calc((100% - 100px) / 3);
    aspect-ratio: 1/1;
    background-color: #ffc122;
    border-radius: 500px;
    text-align: center;
    padding: 20px;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
}

.circle_wrap .circle .icon_wrap {
    width: 38px;
    height: 38px;
    display: inline-block;
    margin-bottom: 10px;
}

.circle_wrap .circle:nth-child(2) {
    background-color: #40b55c;
}

.circle_wrap .circle:nth-child(3) {
    background-color: #2d6efc;
}

.circle_wrap .circle p {
    font-size: 22px;
    color: #fff;
    text-shadow: 0px 0px 10px #00000040;
}

.circle_wrap .num_count_wrap {
    color: #fff;
    font-size: 55px;
    text-shadow: 0px 0px 10px #00000040;
    font-weight: 500;

    font-family: var(--gotham);
}

.circle_wrap .num_count {
    color: #fff;
    text-shadow: 0px 0px 10px #00000040;
    font-size: 65px;
    font-weight: 500;
    font-family: var(--gotham);
    display: inline-block;
}

.main_02 {
    background-image: url(../img/main_02_bg.png);
}

.main_02 .tit_wrap p {
    margin-top: 15px;
}

.main_02 .con_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.main_02 .con_wrap .con {
    background-color: #fff;
    display: inline-flex;
    flex: 1 1 45%;
    height: 200px;
    padding: 40px;
    align-items: center;
    justify-content: space-between;
}

.main_02 .con_wrap .con p {
    font-size: 36px;
    font-weight: 600;
}

.main_02 .con_wrap .con :where(a, button) {
    width: 200px;
    height: 100%;
    color: #fff;
    display: inline-flex;
    align-items: center;
    background-color: #ffc122;
    border-radius: 200px;
    justify-content: center;
}

.main_02 .con_wrap .con:nth-child(2) :where(a, button) {
    background-color: var(--color_02);
}

.main_02 .con_wrap .con:nth-child(3) :where(a, button) {
    background-color: #2d6efc;
}

.main_02 .con_wrap .con :where(a, button):hover {
    /* background-color: #252525; */
    background-color: #001c92;
}

.main_02 .con_wrap .con :where(a, button) span {
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
    transition: 0.3s ease-in-out;
}

.main_02 .con_wrap .con :where(a, button) img {
    object-fit: contain;
    transition: 0.3s ease-in-out;
    width: 50px;
    margin-top: 3px;
}

.main_02 .con_wrap .con :where(a, button):hover span {
    visibility: visible;
    opacity: 1;
    font-size: 22px;
    transition: 0.3s ease-in-out;
    margin-right: 15px;
}

.main_02 .con_wrap .con :where(a, button):hover img {
    width: 20px;
    transition: 0.3s ease-in-out;
}

section[class^="main"].main_03 .tit_wrap {
    margin-bottom: 50px;
}

.main_03 .tit_wrap .icon_wrap {
    display: inline-block;
    width: 110px;
    margin-bottom: 20px;
}

.main_03_slide_wrap {
    position: relative;
    max-width: 1450px;
    margin-inline: auto;
    padding: 0 20px;
    width: 100%;
}

.main_03_slide {
    max-width: 1200px;
    overflow: hidden;
    margin-inline: auto;
    padding-inline: 20px;
}

.main_03_slide .swiper-wrapper {
    left: -15px;
}

.main_03_slide li {
    display: inline-flex;
    flex-direction: column;
    width: 30%;
    transform: scale(0.7);
    transition: 0.3s;
    padding-top: 10px;
    cursor: pointer;
    opacity: 0.7;
    filter: blur(0.5px);
}

.main_03_slide .img_wrap {
    display: inline-block;
    width: 100%;
    aspect-ratio: 7/10;
    background-color: #f5f5f5;
    background-image: url(../img/no_img_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    box-shadow: 0px 0px 10px #00000040;
    transition: 0.3s;
    border-radius: 5px;
    overflow: hidden;
}

.main_03_slide .img_wrap:hover {
    box-shadow: 0px 0px 10px #00000070;
    transition: 0.3s;
}

.main_03_slide div.swiper-slide span:not(.img_wrap) {
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin-top: 15px;
    text-align: center;
    width: 100%;
    word-break: keep-all;
}

.main_03_slide li:where(.swiper-slide-prev, .swiper-slide-next) {
    transform: scale(0.85);
    transition: 0.3s;
}

.main_03_slide li.swiper-slide-prev {
    margin-right: 30px;
    opacity: 0.9;
    filter: blur(0);
}

.main_03_slide li.swiper-slide-next {
    margin-left: 30px;
    opacity: 0.9;
    filter: blur(0);
}

.main_03_slide li:where(.swiper-slide-active) {
    transform: scale(1);
    transition: 0.3s;
    filter: blur(0);
    opacity: 1;
}

.main_04 .tit_wrap .icon_wrap {
    width: 90px;
    display: inline-block;
}

section[class^="main_0"].main_04 {
    display: flex;
    padding-block: 0;
    background-color: #f5f5f5;
}

section[class^="main"].main_04 .tit_wrap {
    background-color: #40b55c;
    padding: 100px 100px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 0;
    position: relative;
    flex: 0.6;
    min-width: 480px;
    min-height: 500px;
    position: relative;
}

section[class^="main"].main_04 .tit_wrap p {
    text-align: left;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 15px;
}

section[class^="main"].main_04 .tit_wrap .icon_wrap {
    width: 50px;
}

.main_04 .con_wrap {
    flex: 2.2;
    padding-block: 130px 100px;
    position: relative;
    left: -6%;
    padding-right: 15px;
    overflow: hidden;
}

.main_04 .con_wrap ul {
    display: inline-flex;
}

.main_04 .con_wrap ul li {
    width: calc((100% - 90px) / 4);
    aspect-ratio: 1 / 1;
    background-color: #f5f5f5;
    background-image: url(../img/no_img_icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #00000040;
    transition: 0.3s;
}

.main_04 .con_wrap ul li:hover {
    box-shadow: 0px 0px 10px #00000090;
    transition: 0.3s;
}

.main_04 .con_wrap ul li a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.main_04 .con_wrap .img_wrap a {
    width: 100%;
    height: 100%;
    display: inline-block;
    border-radius: 10px;
    overflow: hidden;
    aspect-ratio: 1 / 1;
}

.main_04 .more_btn {
    width: 110px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 10px 15px;
    color: #fff;
    margin-top: 50px;
    position: absolute;
    bottom: 110px;
}

.main_04 .more_btn:hover {
    border: 2px solid #fff;
    padding: 9px 15px;
    font-weight: 600;
}

.main_04 .more_btn img {
    margin-top: -4px;
    display: inline-block;
    margin-left: 5px;
}

section[class^="main_0"].main_05 {
    padding-top: 0;
    background-color: #4890fd;
    background-image: url(../img/main_05_bg.jpg);
    background-size: cover;
    min-height: 550px;
}

/* .main_05 .main_bg_wrap::after {
	content: "";
	width: 100%;
	height: 100%;
	display: inline-block;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
} */

.main_05 .wrap_1500 {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    padding-top: 100px;
    padding-inline: 50px;
    position: relative;
    z-index: 1;
}

section[class^="main_0"].main_05 .tit_wrap h2 {
    text-align: left;
}

section[class^="main_0"].main_05 .tit_wrap p {
    text-align: left;
}

section[class^="main_0"].main_05 .tit_wrap h2 span {
    font-size: 50px;
    font-family: var(--gumi);
}

.main_05 .form_wrap {
    display: flex;
    gap: 15px;
    align-items: center;
}

.main_05 .form_con {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-content: flex-start;
    max-width: 700px;
}

.main_05 .form_wrap .input_default {
    height: 50px;
    border-radius: 50px;
    padding: 0 20px;
    font-weight: 500;
    background-color: #fff;
    border: none;
    font-size: 18px;
}

.main_05 .name_wrap {
    width: 200px;
}

.main_05 .email_wrap {
    flex: 1;
}

.main_05 .email_wrap input {
    border: none;
    font-size: 18px;
    font-weight: 500;
    width: 200px;
    height: 100%;
    background-color: transparent;
}

.agree_wrap {
    flex: 100%;
}

.agree_wrap input {
    display: none;
}

.agree_wrap em {
    display: inline-block;
    width: 22px;
    height: 22px;
    border: none;
    /* background-color: #fff; */
    border: 1px solid #fff;
    position: relative;
    vertical-align: sub;
    cursor: pointer;
}

.agree_wrap em::before {
    content: "";
    display: none;
    width: 16px;
    height: 16px;
    background-image: url(../img/check_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
}

.agree_wrap input:checked + em {
    background-color: #fff;
}

.agree_wrap input:checked + em::before {
    display: inline-block;
}

.agree_wrap p {
    display: inline-block;
    margin-left: 5px;
    color: #fff;
    cursor: pointer;
}

.main_05 .form_wrap .input_default::placeholder {
    color: #6d6d6d;
    font-weight: 500;
}

.email_wrap span {
    font-weight: 500;
    color: #6d6d6d;
    display: inline-block;
    height: 100%;
    line-height: 47px;
}

.email_wrap {
    display: flex;
    align-items: center;
}

.email_wrap .select_tab_box {
    position: relative;
    display: inline-block;
    width: 100%;
}

.email_wrap .tab_option {
    width: calc(100% - 40px);
    top: 40px;
    text-align: center;
}

.email_wrap .self_wrap {
    display: none;
}

.main_05 .email_wrap .self_wrap input {
    width: calc(100% - 30px);
}

.main_05 .email_wrap .self_wrap button img {
    display: inline-block;
    margin-top: -7px;
}

.email_wrap.self_mail .select_tab_box {
    display: none;
}

.email_wrap.self_mail .self_wrap {
    display: inline-block;
    padding-left: 15px;
    height: 100%;
}

.email_wrap .self_wrap button {
    vertical-align: text-bottom;
    display: inline-block;
    transition: 0.2s;
}

.email_wrap .self_wrap button:hover {
    filter: brightness(0.9);
    transition: 0.2s;
}

.main_05 .submit_btn {
    width: 200px;
    background-color: #0050ff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    font-weight: 600;
    transition: 0.3s;
}

.main_05 .submit_btn:hover {
    background-color: #204db1;
    transition: 0.3s;
}

/* 메인배경 */

.main_bg_wrap {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.main_bg_wrap i {
    display: inline-block;
}

.main_bg_wrap [class^="deco"] {
    position: absolute;
    display: inline-block;
}

.main_bg_wrap [class^="deco"]._white {
    filter: brightness(8);
}

.main_bg_wrap [class^="deco"]._green {
    filter: brightness(0.7) hue-rotate(95deg) opacity(0.3);
}

.main_bg_wrap [class^="deco"]._blue {
    filter: brightness(0.7) hue-rotate(175deg) opacity(0.4);
}

.main_bg_wrap [class^="deco"]._xxsmall {
    width: 12px;
}

.main_bg_wrap [class^="deco"]._xsmall {
    width: 23px;
}

.main_bg_wrap [class^="deco"]._small {
    width: 33px;
}

.main_bg_wrap [class^="deco"]._medium {
    width: 43px;
}

.main_bg_wrap [class^="deco"]._large {
    width: 53px;
}

.main_bg_wrap [class^="deco"]._xlarge {
    width: 63px;
}

.main_bg_wrap [class^="deco"]._xxlarge {
    width: 70px;
}

.main_bg_wrap [class^="deco"] img {
    display: inline-block;
    width: 100%;
    object-fit: contain;
}

.main_01 .deco_main_01 {
    top: 25%;
    left: 0;
    width: 14%;
    max-width: 198px;
    min-width: 190px;
}

.main_01 .deco_main_02 {
    top: 10%;
    right: 0;
    width: 16%;
    max-width: 230px;
    min-width: 140px;
}

.main_01 .deco_main_03 {
    bottom: 0;
    left: 0;
    width: 35%;
    max-width: 475px;
}

.main_01 .deco_main_04 {
    bottom: 0;
    right: 0;
    width: 35%;
    max-width: 475px;
}

.main_01 .deco_main_05 {
    bottom: 10%;
    right: 30%;
    width: 15%;
    max-width: 255px;
}

.main_01 .deco_01 {
    top: 7%;
    right: 65%;
}

.main_01 .deco_02 {
    top: 18%;
    left: 65%;
}

.main_01 .deco_03 {
    bottom: 25%;
    left: 4%;
}

.main_01 .deco_04 {
    bottom: 12%;
    left: 8%;
}

.main_01 .deco_05 {
    bottom: 12%;
    right: 8%;
}

.main_01 .deco_06 {
    bottom: 21%;
    right: 4%;
}

.main_03 .deco_main_01 {
    top: 0;
    left: 0;
    width: 32%;
    max-width: 315px;
    min-width: 160px;
}

.main_03 .deco_main_02 {
    top: 0;
    right: 0;
    width: 50%;
    max-width: 628px;
    min-width: 280px;
}

.main_03 .deco_main_03 {
    bottom: 0;
    left: 0;
    width: 35%;
    max-width: 475px;
    min-width: 260px;
}

.main_03 .deco_main_04 {
    bottom: -10px;
    right: 0;
    width: 60%;
    max-width: 784px;
    min-width: 320px;
}

.main_03 .deco_main_05 {
    top: 18%;
    left: 6%;
    width: 10%;
    max-width: 122px;
    min-width: 55px;
}

.main_03 .deco_main_06 {
    top: 5%;
    left: 0;
    width: 12%;
    max-width: 157px;
    min-width: 65px;
}

.main_03 .deco_01 {
    top: 20%;
    right: 65%;
}

.main_03 .deco_02 {
    top: 25%;
    left: 65%;
}

.main_03 .deco_03 {
    bottom: 22%;
    left: 4%;
}

.main_04 .deco_01 {
    top: 0%;
    right: 0%;
}

.main_04 .deco_02 {
    bottom: 0%;
    left: 0%;
}

.main_04 .deco_03 {
    top: 0%;
    right: 5%;
}

.main_04 .deco_04 {
    bottom: 0%;
    right: 0%;
}

.main_05 .deco_01 {
    top: 5%;
    left: 2%;
}

.main_05 .deco_02 {
    top: 12%;
    left: 9%;
}

.main_05 .deco_03 {
    top: 15%;
    left: 35%;
    display: none;
}

.main_05 .deco_04 {
    top: 34%;
    left: 2%;
}

.main_05 .deco_05 {
    top: 50%;
    left: 9%;
    display: none;
}

.main_05 .deco_06 {
    bottom: 19%;
    left: 31%;
}

.main_05 .deco_07 {
    bottom: 15%;
    left: 25%;
}

.main_05 .deco_08 {
    bottom: 4%;
    left: 29%;
    display: none;
}

.main_05 .deco_09 {
    bottom: 6%;
    left: 40%;
}

.main_05 .deco_10 {
    bottom: 0%;
    left: 35%;
}

.main_05 .deco_11 {
    bottom: 0%;
    left: 50%;
}

.main_05 .deco_12 {
    top: 13%;
    right: 8%;
}

.main_05 .deco_13 {
    top: 26%;
    right: 3%;
}

.main_05 .deco_14 {
    top: 45%;
    right: 9%;
}

.main_05 .deco_15 {
    top: 47%;
    right: 15%;
}

.main_05 .deco_16 {
    top: 52%;
    right: 25%;
}

.main_05 .deco_17 {
    bottom: 23%;
    right: 24%;
}

.main_05 .deco_18 {
    bottom: 10%;
    right: 40%;
}

.main_05 .deco_19 {
    bottom: 6%;
    right: 38%;
}

.main_05 .deco_main_01 {
    bottom: 0;
    left: 0;
}

.main_05 .deco_main_02 {
    bottom: 0;
    right: 0;
}

/* 메인배경 */

/* 메인 */

/* 푸터 */
footer {
    border-top: 1px solid #c4c4c4;
}

footer .wrap_1700 {
    padding-block: 40px 80px;
}

footer .logo_wrap {
    width: 350px;
    height: 50px;
    margin-bottom: 20px;
}

footer .privacy_wrap {
    margin-bottom: 30px;
}

footer .privacy_wrap :where(a + a) {
    margin-left: 10px;
}

footer .privacy_wrap a:hover {
    font-weight: 600;
}

footer .privacy_wrap :where(a + a)::before {
    content: "｜";
    margin-right: 13px;
}

footer li {
    display: flex;
    margin-bottom: 5px;
}

footer .info_wrap span {
    display: inline-block;
    width: 60px;
    color: #6d6d6d;
}

/* 푸터 */

/* 서브 */
/* 회원가입 */
.login_bg {
    padding-top: 0;
    background-image: url(../img/main_05_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 1px solid #c4c4c4;
}

.login_wrap {
    padding: 100px 20px 220px;
    min-height: calc(700px);
}

.login {
    width: 100%;
    max-width: 600px;
    margin-inline: auto;
    background-color: #fff;
    border-radius: 20px;
    padding: 50px 50px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.login h3 {
    font-family: var(--gumi);
    font-size: 40px;
    margin-bottom: 30px;
    font-weight: 400;
}

.sign_form input {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    background-color: #fff;
    height: 45px;
    width: 100%;
    padding: 5px 10px;
    font-weight: 500;
    color: #333;
}

.sign_form input:disabled {
    background-color: #f5f5f5;
}

.sign_form .con_tit {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
}

.sign_form li p.p_info {
    color: #4690ff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    padding-left: 3px;
}

.sign_form li p.p_warn {
    color: #ff1212;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    padding-left: 3px;
}

.sign_form li > span {
    color: #6d6d6d;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
}

.sign_form input::placeholder {
    color: #6d6d6d;
}

.sign_form ul {
    width: 100%;
}

.sign_form li + li {
    margin-top: 15px;
}

.sign_form_wrap .btn_wrap._250 {
    max-width: 250px;
    margin-inline: auto;
}

.sign_form_wrap .btn_wrap._500 {
    max-width: 500px;
    margin-inline: auto;
}

.sign_form_wrap .btn_wrap :where(a, button) + :where(a, button) {
    margin-left: 10px;
}

.sign_form_wrap .btn_wrap :where(a, button)._gray {
    background-color: #a6a6a6;
}

.sign_form_wrap .btn_wrap :where(a, button)._gray:hover {
    background-color: #7d7d7d;
}

.sign_form_wrap .checkbox_wrap label {
    margin-left: 0;
    margin-right: 30px;
}

.sns_wrap p {
    color: #6d6d6d;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 40px;
}

.sns_wrap .sns_btn_wrap {
    text-align: center;
}

.sns_wrap .sns_btn_wrap :where(a, button) + :where(a, button) {
    margin-left: 15px;
}

.link_wrap {
    margin-block: 15px;
    width: 100%;
}

.link_wrap .deco {
    margin-inline: 1px;
    color: #6d6d6d;
}

.link_wrap :where(button, a) {
    color: #6d6d6d;
    font-weight: 500;
}

.link_wrap :where(button, a):hover {
    text-decoration: underline;
}

.link_wrap :where(button, a).main_c {
    float: right;
    color: var(--main_color);
}

.pop_up .result_wrap {
    min-height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-block: 10px 15px;
}

.pop_up .result_wrap p {
    word-break: keep-all;
    font-size: 20px;
    text-align: center;
}

.pop_up .result_wrap p em {
    color: var(--main_color);
    font-weight: 600;
    font-style: normal;
}

.pop_up .btn_wrap button._gray {
    background-color: #a6a6a6;
}

.pop_up .btn_wrap button + button {
    margin-left: 15px;
}

.sign_form_wrap {
    padding-top: 50px;
    margin-bottom: 200px;
}

.sign_form .imp .form_li_tit::after {
    content: "*";
    display: inline-block;
    margin-left: 5px;
    color: var(--warn_color);
    font-weight: 500;
}

.join.sign_form ul {
    padding-bottom: 35px;
    border-bottom: 1px solid #d9d9d9;
    margin-block: 45px;
}

.join.sign_form li {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.join.sign_form input {
    height: 40px;
}

.join.sign_form li :where(input[type="text"], input[type="password"]) {
    flex: 1 1 50%;
}

.join.sign_form li > .form_li_tit {
    width: 110px;
    letter-spacing: -0.5px;
    font-weight: 500;
    display: inline-block;
    color: #000;
}

.join.sign_form li > p {
    padding-left: 115px;
    flex: 100%;
}

.join.sign_form li > button {
    width: 140px;
    margin-left: 7px;
}

.join.sign_form li.mail_wrap {
    flex-wrap: nowrap;
}

.join.sign_form li input {
    font-size: 16px;
}

.join.sign_form li.mail_wrap :where(input, .select_tab_box) {
    flex: 1 1 20%;
}

.join.sign_form .selected_tab span {
    padding: 0 15px;
}

.join.sign_form li.mail_wrap :where(input:not(:first-of-type), .select_tab_box, em) {
    margin-left: 7px;
    display: inline-block;
    font-style: normal;
    font-weight: 500;
}

.join.sign_form li.mail_wrap .tab_option {
    top: 45px;
    width: 100%;
    left: 0;
}

.join.sign_form li.mail_wrap .tab_option :where(button, a) {
    text-align: left;
    padding: 7px 15px;
}

.join.sign_form .mail_wrap .selected_tab {
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    height: 40px;
}

.join.sign_form li.phone_wrap input {
    flex: 1 1 20%;
    max-width: 80px;
    text-align: center;
}

/* .join.sign_form li.phone_wrap input:first-of-type {
    max-width: 80px;
} */

.join.sign_form li.phone_wrap em {
    display: inline-block;
    margin-inline: 7px;
    font-weight: 500;
}

.join.sign_form li.add_wrap input {
    flex: 1 1 35%;
    margin-top: 7px;
}

.join.sign_form li.add_wrap input.code {
    max-width: 215px;
    margin-top: 0;
    margin-left: 0 !important;
}

.join.sign_form li.add_wrap input.main_add {
    margin-left: 110px;
    margin-right: 7px;
}

.join.sign_form .form_li_tit._full {
    flex: 100%;
    margin-bottom: 10px;
}

.sign_form li.join_way_wrap {
    margin-top: 25px;
    padding-top: 15px;
    border-top: 1px solid #d9d9d9;
}

.join_way_wrap label {
    display: inline-flex;
    gap: 5px;
    align-items: center;
    margin-right: 30px;
    margin-bottom: 10px;
}

.join_way_wrap label + label {
    margin-left: 0;
}

.join_way_wrap label input[type="text"] {
    height: 35px;
}

.join.result_wrap {
    text-align: center;
}

.join.result_wrap .deco_wrap {
    position: relative;
    padding-block: 50px 50px;
    margin-top: 45px;
}

.join.result_wrap .deco_wrap span {
    width: 90px;
    height: 90px;
    border-radius: 60px;
    background-color: var(--color_02);
    display: inline-block;
    padding: 15px;
}

.join.result_wrap .con_wrap {
    margin-bottom: 35px;
}

.join.result_wrap .con_wrap p {
    font-weight: 500;
}

.join.result_wrap .con_wrap .con_tit {
    font-size: 26px;
    margin-bottom: 15px;
}

.join.result_wrap .main_bg_wrap {
    width: 100%;
    height: 100%;
    position: absolute;
}

.join.result_wrap .deco_01 {
    left: 30%;
    top: 3%;
}

.join.result_wrap .deco_02 {
    right: 30%;
    top: 6%;
}

.join.result_wrap .deco_03 {
    left: 8%;
    top: 25%;
}

.join.result_wrap .deco_04 {
    right: 9%;
    top: 23%;
}

.join.result_wrap .deco_05 {
    left: 21%;
    top: 50%;
}

.join.result_wrap .deco_06 {
    right: 21%;
    top: 43%;
}

.join.sign_form.agree_form ul li {
    display: block;
    text-align: right;
}

.join.sign_form.agree_form ul li:first-child {
    text-align: left;
    border-bottom: 1px solid #c4c4c4;
    padding-block: 20px;
}

.join.agree_form ul li .con_tit {
    display: block;
    text-align: left;
}

.join.agree_form ul li .con_desc {
    height: 200px;
    background-color: #f5f5f5;
    padding: 10px 10px 10px 20px;
}

.join.agree_form ul li .con_desc div {
    height: 100%;
    text-align: left;
    overflow-y: auto;
}

.agree_form .info {
    font-size: 18px;
    margin-block: 40px;
    text-align: center;
    color: #252525;
}

.join.sign_form.agree_form ul {
    border-block: 1px solid #d9d9d9;
    margin-block: 15px 40px;
}

.sign_form_wrap .agree_form .checkbox_wrap:not(:first-child) label {
    margin-top: 10px;
    display: inline-block;
    margin-right: 0;
}

.agree_form .checkbox_wrap:not(:first-child) label span {
    color: #6d6d6d;
}

.agree_form .checkbox_wrap input:checked ~ span:not(.no_blue) {
    color: var(--main_color);
}

.agree_form .checkbox_wrap:first-child label span {
    font-size: 20px;
    font-weight: 500;
    margin-left: 5px;
}

/*회원가입*/

.sub_page_tit {
    width: 100%;
    height: var(--sub_page_tit_h);
    background-image: var(--bg_url);
}

._news .banner_wrap {
    height: calc(100%);
}

.banner_wrap {
    height: calc(100% - 55px);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 55px;
}

.banner_wrap h2 {
    font-size: 45px;
    color: #fff;
    font-family: var(--gumi);
    text-shadow: 0px 0px 10px #00000021;
    letter-spacing: 0.5px;
    font-weight: 400;
}

._activity .sub_con_banner {
    background-color: #fff4eb;
}

.sub_con_banner {
    padding: 15px 25px;
    /* text-align: center; */
    background-color: #2d6efc1a;
    margin-bottom: 40px;
}

.sub_con_banner p {
    line-height: 2.2;
    font-weight: 500;
}

.sub_con_banner p.dash {
    padding-left: 1em;
    position: relative;
    text-align: left;
}

.sub_con_banner p.dash::before {
    content: "-";
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.sub_con_banner .link_wrap {
    display: inline-flex;
    width: auto;
    gap: 10px;
    margin-block: 2px;
    margin-left: 10px;
}

.sub_con_banner .link_wrap :where(button, a) {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    background-color: var(--main_color);
    padding: 2px 10px;
    width: auto;
    border-radius: 3px;
    font-weight: 400;
    transition: 0.2s;
}

.sub_con_banner .link_wrap :where(button, a):hover {
    text-decoration: none;
    background-color: var(--btn_hover_main);
    transition: 0.2s;
}

.sub_con_banner .link_wrap :where(button, a) img {
    width: 16px;
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -3px;
    object-fit: contain;
}

.sub_con_banner .link {
    display: flex;
    align-items: center;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid #d9d9d9;
    justify-content: center;
}

.sub_con_banner .link .action_btn {
    width: 60px;
    height: 35px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    background-color: var(--main_color);
    border-radius: 200px;
    justify-content: center;
    transition: 0.2s ease-in-out;
    margin-left: 7px;
}

.sub_con_banner .link .action_btn span {
    color: #fff;
    visibility: hidden;
    opacity: 0;
    font-size: 0;
    transition: 0.2s ease-in-out;
    margin-top: -2px;
}

.sub_con_banner .link .action_btn img {
    width: 20px;
    height: 23px;
    object-fit: contain;
    transition: 0.2s ease-in-out;
}

.sub_con_banner .link .action_btn:hover {
    background-color: #001c92;
    width: 160px;
    transition: 0.2s ease-in-out;
}

.sub_con_banner .link .action_btn:hover span {
    visibility: visible;
    opacity: 1;
    font-size: 15px;
    transition: 0.2s ease-in-out;
    margin-right: 7px;
}

.sub_con_banner .link .action_btn:hover img {
    width: 20px;
    transition: 0.2s ease-in-out;
}

.list_deco {
    display: flex;
    flex-direction: column;
}

.list_deco p {
    padding-left: 1em;
    position: relative;
    display: inline-block;
    width: auto;
}

.list_deco p::before {
    content: "·";
    display: inline-block;
    position: absolute;
    top: 0.5em;
    left: 0;
}

.sub_menu_tab ul {
    width: 100%;
    display: flex;
    height: 55px;
}

.sub_menu_tab ul li {
    width: 100%;
    height: 100%;
    border: 1px solid #ffffffc4;
    border-top-left-radius: 5px;
    border-bottom: 0;
    border-top-right-radius: 5px;
}

.sub_menu_tab ul li a {
    display: inline-flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 20px;
    color: #fff;
    transition: 0.2s;
    font-weight: 500;
    background-color: var(--sub_page_main_color);
}

._mypage .sub_menu_tab li a {
    text-shadow: 0px 0px 10px #00000035;
}

.sub_menu_tab ul li:where(:hover, .active) a {
    background-color: #fff;
    color: var(--sub_page_tab_color);
    transition: 0.2s;
}

.sub_con_tit + .search_wrap {
    margin-top: 15px;
}

.search_wrap {
    width: 400px;
    display: inline-block;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    padding: 0px 15px;
    height: 40px;
}

.search_wrap .search_btn {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: text-top;
}

.search_wrap input {
    font-size: 18px;
    height: 100%;
    color: var(--font_color);
    width: calc(100% - 28px);
    display: inline-block;
    border: none;
}

.search_wrap input::placeholder {
    color: #6d6d6d;
}

.select_tab_box._board_type {
    width: 200px;
}

.select_tab_box._board_type .selected_tab {
    width: 100%;
    border: 1px solid #cacaca;
    padding: 10px 15px;
    border-radius: 5px;
    height: 42px;
}

.select_tab_box._board_type .selected_tab span {
    padding: 0;
}

.select_tab_box._board_type .tab_option {
    width: 100%;
    top: 46px;
}

.select_tab_box._board_type .tab_option :where(button, a) {
    padding: 7px 15px;
    text-align: left;
}

.sub_page_con {
    margin-top: 60px;
}

.sub_page_con .sub_page_con_view {
    padding-top: 15px;
}

.sub_page_con .content_wrap {
    padding-block: 15px;
    min-height: 200px;
}

.sub_page_con table {
    width: 100%;
    table-layout: fixed;
}

.sub_page_con .con_gal table {
    width: 100%;
    table-layout: auto;
    width: auto !important;
}

.con_board .tr_div {
    display: flex;
    align-items: center;
    /* justify-content: center; */
}

.con_board .tbody_li .tr_div {
    justify-content: center;
}

.con_board .tr_div > div {
    padding: 0 10px;
    text-align: center;
}

.con_board .tr_div > div:first-child {
    margin-left: 10px;
}

.con_board .tr_div > div:last-child {
    margin-right: 10px;
}

.con_board li.tbody_li .tr_div > div.tb_subject {
    text-align: left;
}

.con_board tr :where(th, td):not(.tb_subject) {
    padding: 0 10px;
    text-align: center;
}

.con_board tr :where(th, td):first-child {
    padding-left: 20px;
}

.con_board tr :where(th, td):last-child {
    padding-right: 20px;
}

.con_board th {
    font-weight: 500;
}

.tb_chk {
    min-width: var(--tb_chk);
    width: var(--tb_chk);
}

.tb_no {
    min-width: var(--tb_no);
    width: var(--tb_no);
}

.tb_view {
    min-width: var(--tb_view);
    width: var(--tb_view);
}

.tb_board {
    min-width: var(--tb_board);
    width: var(--tb_board);
}

.tb_activity_date {
    min-width: var(--tb_activity_date);
    width: var(--tb_activity_date);
}

.tb_date {
    min-width: var(--tb_date);
    width: var(--tb_date);
}

.tb_date_hour {
    min-width: var(--tb_date_hour);
    width: var(--tb_date_hour);
}

.tb_edit_btn {
    min-width: var(--tb_edit_btn);
    width: var(--tb_edit_btn);
}

.tb_condition {
    min-width: var(--tb_condition);
    width: var(--tb_condition);
}

.tb_ans {
    min-width: var(--tb_ans);
    width: var(--tb_ans);
}

.tb_part {
    min-width: var(--tb_part);
    width: var(--tb_part);
}

.tb_wr_name {
    min-width: var(--tb_wr_name);
    width: var(--tb_wr_name);
}

.con_board.myContent .tr_div .tb_subject {
    min-width: calc(100% - (var(--tb_chk) + var(--tb_no) + var(--tb_board) +var(--tb_part) + var(--tb_date_hour)) - 20px);
}

.con_board.applyLIst .tr_div .tb_subject {
    min-width: calc(
        100% -
            (
                var(--tb_chk) + var(--tb_no) + var(--tb_board) + var(--tb_condition)+ var(--tb_condition)+ var(--tb_date_hour) +
                    var(--tb_activity_date) + var(--tb_edit_btn)
            ) - 20px
    );
}

.con_board.areaList .tr_div .tb_subject {
    min-width: calc(100% - (var(--tb_no) + var(--tb_ans) + var(--tb_part) + var(--tb_wr_name)+ var(--tb_date_hour)) - 20px);
}

.con_board.suggestList .tr_div .tb_subject {
    width: calc(100% - (var(--tb_no) + var(--tb_wr_name) + var(--tb_date)) - 20px);
}

.con_board.faqList .tr_div .tb_subject {
    width: calc(100% - (var(--tb_no)) - 20px);
}

.con_board .thead_li .tb_subject {
    justify-content: center;
    cursor: inherit;
    overflow: hidden;
}

.con_board .tr_div .tb_subject {
    width: 100%;
    /* cursor: pointer; */
    display: inline-flex;
    height: 100%;
    align-items: center;
    overflow: hidden;
}

.faq_title {
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    white-space: nowrap;
    /* width: 70%; */
    text-overflow: ellipsis;
    overflow: hidden;
}

:where(div, td).tb_subject {
    /* cursor: pointer; */
    text-align: left;
    padding-inline: 10px;
    display: inline-flex;
    height: 100%;
    align-items: center;
}

.con_board .tr_div .tb_subject a,
:where(div, td).tb_subject a {
    /* display: inline-block;
	vertical-align: top; */

    display: inline-block;
    height: 100%;
    line-height: 58px;
}

:where(div, td).tb_subject a:hover {
    font-weight: 500;
}

.cate_wrap {
    display: flex;
    gap: 7px;
}

.cate_wrap .cate {
    padding: 3px 6px;
    background-color: #a5a5a5;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
}

.cate.red {
    background-color: #ff5959;
}

.cate.green {
    background-color: #40b55c;
}

.ans_complete {
    padding: 3px 6px;
    background-color: #40b55c;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
}

.ans_yet {
    padding: 3px 6px;
    background-color: #a5a5a5;
    color: #fff;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5px;
}

.con_board table {
    border-top: 1px solid #a6a6a6;
}

.con_board table tr {
    border-bottom: 1px solid #a6a6a6;
    height: 58px;
    line-height: 58px;
}

.con_board table tbody tr:where(.active, :hover) {
    background-color: #f5f5f5;
}

.con_board table tr.active .blue_btn {
    background-color: var(--main_color);
    color: #fff;
}

.con_board .blue_btn {
    padding-block: 3px;
    height: unset;
    width: 100%;
}

.con_board.open_board .thead_li {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #a5a5a5;
}

.con_board.open_board .tr_div {
    height: 58px;
}

.con_board.open_board .tbody_li.active {
    background-color: #f5f5f5;
    padding-bottom: 20px;
}

.con_board.open_board .tbody_li.active .tb_subject {
    font-weight: 500;
}

.con_board.open_board .con_desc {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-inline: 20px;

    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: 0.1s;
    padding: 0 20px;
}

.con_board.open_board .con_tit {
    cursor: pointer;
}

.con_board.open_board .tbody_li {
    border-bottom: 1px solid #d9d9d9;
    /* transition: 0.3s; */
}

.con_board.open_board .tbody_li.active .con_desc {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 20px;
    transition: padding-top 0.5s;
}

.con_board.open_board .con_desc .con_q {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
    display: flex;
}

.con_board.open_board .con_desc .con_a {
    display: flex;
    flex-wrap: wrap;
}

.con_board.open_board .con_desc div[class^="con_"] span {
    width: 50px;
    color: #6d6d6d;
    font-weight: 500;
}

.con_board.open_board .con_desc .con_q div {
    font-weight: 500;
}

.con_board.open_board .con_desc div[class^="con_"] div {
    width: calc(100% - 50px);
}

.con_board.open_board .con_date {
    flex: 100%;
    padding-left: 50px;
    margin-top: 5px;
    color: #6d6d6d;
    font-weight: 500;
}

.sub_page_con.mypage_inqury .ans_complete {
    vertical-align: top;
    font-size: 15px;
}

.sub_page_con.mypage_inqury .con_board .tr_div .tb_subject div {
    max-width: calc(100% - 70px);
    display: inline-block;
    width: auto;
}

._intro .con_board.list_table ul {
    border-top: 1px solid #d9d9d9;
}

.con_board.list_table .thead_li {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #a5a5a5;
}

.con_board.list_table .tr_div {
    height: 58px;
}

.con_board.list_table .tbody_li {
    border-bottom: 1px solid #d9d9d9;
    /* transition: 0.3s; */
}

.con_board.list_table .tbody_li:hover {
    background-color: #f5f5f5;
}

.con_board.list_table .tbody_li:hover .tb_subject {
    font-weight: 500;
}

.con_board.list_table .con_desc {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    margin-inline: 20px;

    visibility: hidden;
    opacity: 0;
    height: 0;
    transition: 0.1s;
    padding: 0 20px;
}

.con_board.list_table .con_tit {
    /* cursor: pointer; */
}

.con_board.list_table .tbody_li:hover {
    background-color: #f5f5f5;
    /* transition: 0.3s; */
}

.con_board.list_table .tbody_li.active .con_desc {
    visibility: visible;
    opacity: 1;
    height: auto;
    padding: 20px;
    transition: padding-top 0.5s;
}

.con_board.list_table .con_desc .con_q {
    padding-bottom: 15px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 15px;
    display: flex;
}

.con_board.list_table .con_desc .con_a {
    display: flex;
    flex-wrap: wrap;
}

.con_board.list_table .con_desc div[class^="con_"] span {
    width: 50px;
    color: #6d6d6d;
    font-weight: 500;
}

.con_board.list_table .con_desc .con_q div {
    font-weight: 500;
}

.con_board.list_table .con_desc div[class^="con_"] div {
    width: calc(100% - 50px);
}

.con_board.list_table .con_date {
    flex: 100%;
    padding-left: 50px;
    margin-top: 5px;
    color: #6d6d6d;
    font-weight: 500;
}

.con_board.list_table .mo_th {
    display: none;
}

.sub_page_con.mypage_inqury .con_board .tr_div .tb_subject {
    cursor: unset;
}

.sub_page_con.mypage_my_info li._blocked input {
    background-color: #f5f5f5;
}

.sub_page_con.mypage_my_info .join.sign_form ul {
    border-bottom: none;
    padding-bottom: 0;
}

.sub_page_con.mypage_my_info .join.sign_form li.add_wrap input.code {
    max-width: calc(50% - 185px);
    margin-top: 0;
    min-width: 250px;
}

.sub_page_con.mypage_my_info .join.sign_form li > button {
    margin-left: 0;
    width: 120px;
}

.sub_page_con.mypage_my_info .join.sign_form li > input + button {
    margin-left: 7px;
}

.sub_page_con.mypage_my_info .join.sign_form li > button + button {
    margin-left: 7px;
}

.pagination._board_type {
    margin-top: 20px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.pagination._board_type button {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #fff;
    color: #000;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    font-weight: 400;
    transition: 0.2s;
    padding-bottom: 2px;
}

.reply_container .pagination._board_type {
    gap: 5px;
}

.reply_container .pagination._board_type button {
    background-color: transparent;
    transition: 0.2s;
}

.pagination._board_type button.icon_wrap img {
    height: 15px;
}

.pagination._board_type button:where(.next_btn, .last_btn) img {
    transform: rotate(180deg);
}

.reply_container .pagination._board_type button:not(.active):hover {
    background-color: #fff;
    transition: 0.2s;
}

.pagination._board_type button:not(.active):hover {
    background-color: #d9d9d9;
    transition: 0.2s;
}

.pagination._board_type button.active {
    background-color: #000;
    color: #fff;
    transition: 0.2s;
}

.pop_up.form_apply .content_wrap {
    margin-top: 20px;
}

.pop_up.form_apply textarea {
    height: 160px;
}

.pop_up:where(.form_apply, .mypage_apply) .tit_wrap {
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.pop_up:where(.mypage_apply) {
    padding: 25px;
}

.pop_up:where(.form_apply) {
    padding: 35px 25px 25px;
}

.pop_up:where(.form_apply, .mypage_apply) .cate {
    background-color: #d9d9d9;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
}

.pop_up:where(.form_apply, .mypage_apply) .tit {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}

.pop_up:where(.form_apply, .mypage_apply) textarea {
    width: 100%;
    height: 80px;
    border: 1px solid #d9d9d9;
    padding: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #252525;
}

.pop_up:where(.form_apply, .mypage_apply) .btn_wrap {
    margin-top: 15px;
}

.pop_up:where(.form_apply, .mypage_apply) .content_wrap > div:not(.btn_wrap) {
    margin-bottom: 7px;
}

.pop_up:where(.form_apply, .mypage_apply) .content_wrap > div p {
    font-weight: 600;
    margin-bottom: 7px;
}

.pop_up:where(.mypage_apply) .checkbox_wrap {
    position: absolute;
    bottom: 45px;
    left: 25px;
}

.pop_up:where(.form_apply) .checkbox_wrap {
    position: absolute;
    bottom: 35px;
    left: 25px;
}

.pop_up.mypage_apply .close_btn {
    right: 20px;
    top: 20px;
}

.pop_up.mypage_apply .close_btn img {
    width: 18px;
    height: 18px;
}

.pop_up.mypage_apply .close_btn:hover img {
    filter: brightness(3.5);
}

.pop_up.mypage_self_check {
    max-width: 570px;
}

.pop_up.mypage_self_check .result_wrap {
    flex-direction: column;
    min-height: unset;
    padding-top: 25px;
}

.pop_up.mypage_self_check .result_wrap p {
    font-weight: 500;
}

.pop_up.mypage_self_check .con_tit {
    font-size: 20px;
    color: #6d6d6d;
    display: block;
    margin-bottom: 0;
}

.pop_up.mypage_self_check input {
    border: 1px solid #d9d9d9;
    height: 50px;
    margin-top: 10px;
    padding: 10px;
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
}

.pop_up.form_apply .result_wrap {
    min-height: 120px;
}

.pop_up.mypage_self_check input::placeholder {
    color: #6d6d6d;
}

.form_apply .signature {
    height: 160px;
    border: 1px solid #d9d9d9;
    line-height: 160px;
    font-size: 30px;
    color: #a6a6a6;
    text-align: center;
    font-weight: 400;
}

.bread_crumbs {
    display: flex;
    align-items: center;
}

.bread_crumbs + .sub_con_banner {
    margin-top: 20px;
}

.bread_crumbs a.icon_wrap {
    width: 15px;
    height: 15px;
    margin-top: -1px;
}

.bread_crumbs a.icon_wrap:hover {
    filter: brightness(0.8);
}

.bread_crumbs a {
    color: #6d6d6d;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}

.bread_crumbs a:hover {
    color: #333;
}

.bread_crumbs > .icon_wrap {
    width: 10px;
    height: 10px;
    vertical-align: bottom;
    display: inline-flex;
    margin-inline: 5px 4px;
}

.info_banner {
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin-block: 20px;
}

.info_banner em {
    font-style: normal;
}

.info_banner p {
    font-weight: 400;
    line-height: 1.5;
}

.info_banner .link {
    display: flex;
    margin-top: 20px;
    align-items: center;
}

.report_area .report_con {
    padding: 25px 40px;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 5px;
    margin-bottom: 40px;
}

.report_area .checkbox_wrap label + label {
    margin-left: 20px;
}

.report_area .con_info_view {
    padding: 20px 30px;
    /* box-shadow: 0px 0px 10px #ccc;
	 */
    border-radius: 5px;
    margin-bottom: 40px;
    background-color: #eaf1ff;
}

.report_area .con_info_view .con_tit {
    text-align: left;
    margin-bottom: 10px;
}

.report_area .con_info_view .con_info {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
    gap: 5px;
}

.report_area .con_info_view .con_info p {
    display: flex;
    gap: 10px;
    align-items: center;
}

.report_area .con_info_view .con_info p .blue_txt {
    color: var(--main_color);
    font-weight: 600;
}

.report_area .con_info_view .con_info p img {
    margin-right: 5px;
    width: 16px;
    object-fit: scale-down;
    object-position: center;
    margin-top: -2px;
}

.report_area .join.sign_form ul {
    padding-bottom: 0;
    border-bottom: none;
    margin-block: 0;
}

.report_area .join.sign_form li.add_wrap input:not(:first-of-type) {
    flex: 100%;
    margin-left: 110px;
}

.report_area li .school_zone_wrap {
    padding-left: 115px;
}

.report_area li .school_zone_wrap label {
    min-width: 86px;
}

.report_area li .school_zone_wrap .p_warn {
    margin-left: 7px;
}

.report_area li .school_zone_wrap > div {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.report_area li .school_zone_wrap > div.link {
    margin-top: 0;
    padding-top: 3px;
}

.report_area .join.sign_form .school_zone_wrap .form_li_tit {
    width: unset;
    letter-spacing: -0.5px;
    font-weight: 500;
    display: inline-block;
    color: #000;
    margin-right: 10px;
}

.report_area .school_zone_wrap p {
    display: inline-block;
    color: #6d6d6d;
    font-weight: 500;
}

.report_area .con_write textarea {
    width: calc(100% - 110px);
    height: 95px;
}

.report_area .part_tit {
    margin-block: 25px 10px;
}

.report_area .part_tit span {
    font-weight: 500;
}

.report_area :where(.link, .part_tit) .common_style {
    color: #fff;
    font-weight: 500;
    background-color: var(--main_color);
    border-radius: 5px;
    width: auto;
    padding: 6px 10px;
    text-align: center;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: 0.2s;
    min-width: 110px;
}

.report_area .link .common_style:hover {
    background-color: var(--btn_hover_main);
    transition: 0.2s;
}

.report_area .sub_page_con_view.con_write {
    border-radius: 5px;
    box-shadow: none;
    padding: 0;
}

.sub_page_con_view.con_write button.close_btn {
    display: inline-block;
    width: 30px;
    height: 30px;
}

.con_write .file_wrap label {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 110px);
    align-items: stretch;
}

.con_write input[type="file"] {
    display: none;
}

.con_write .file_box_wrap {
    flex: calc(100% - 150px);
    height: auto;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    line-height: 1.5;
    padding: 7px 10px;
    color: #6d6d6d;
    font-weight: 500;
}

.con_write .file_wrap .form_li_tit {
    min-width: 110px;
    letter-spacing: -0.5px;
    font-weight: 500;
    display: inline-block;
    color: #000;
}

.con_write .file_wrap .blue_btn {
    width: 140px;
    margin-left: 7px;
    height: auto;
}

.con_write .file_list {
    padding-left: 110px;
    display: flex;
    gap: 15px;
    margin-top: 7px;
    flex-wrap: wrap;
}

.con_write .file .file_name {
    text-decoration: underline;
    color: #434343;
    transition: 0.2s;
}

.con_write .file .file_del {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 1px;
    margin-top: -3px;
    transition: 0.2s;
}

.con_write .file .file_del:hover {
    filter: brightness(1.15);
    transition: 0.2s;
}

.report_area span[class^="ans_"] {
    height: 30px;
    line-height: 30px;
    padding: 0px 8px;
    width: 70px;
    font-size: 15px;
    margin-left: 0;
    font-weight: 500;
    text-align: center;
}

.report_area .link {
    gap: 10px;
    padding-top: 15px;
}

.report_area .link .common_style {
    border-radius: 200px;
    padding-inline: 15px;
    margin-left: 0px;
}

.report_area .link .common_style span {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.report_area .link .common_style img {
    width: 20px;
    height: 23px;
    object-fit: contain;
    display: inline-block;
    margin-left: 7px;
}

.sub_page_con_view.con_view .tit_wrap {
    display: flex;
    border-block: 1px solid #c4c4c4;
    padding: 10px 10px;
    margin-bottom: 20px;
}

.sub_page_con_view.con_view .tit_wrap.flex_wrap {
    flex-wrap: wrap;
    gap: 5px;
    padding-block: 15px;
}

.con_tit_info {
    flex: 100%;
    position: relative;
}

.con_tit_info span {
    color: #6d6d6d;
}

.con_tit_info span + span {
    margin-left: 10px;
}

.con_tit_info .writer_info {
    position: absolute;
    top: 0;
    right: 0;
}

.con_tit_info .writer_info span {
    font-weight: 500;
    display: inline-block;
    margin-right: 5px;
}

.con_tit_info span img {
    vertical-align: middle;
    margin-right: 3px;
    height: 15px;
    object-fit: contain;
    margin-top: -3px;
}

.sub_page_con_view.con_view .tit_wrap .con_num {
    font-size: 20px;
    font-weight: 600;
    width: unset;
    margin-right: 10px;
}

.sub_page_con_view.con_view .tit_wrap .con_tit {
    font-size: 20px;
    font-weight: 600;
    width: calc(100% - 105px);
}

.sub_page_con_view.con_view .tit_wrap .con_date {
    font-size: 16px;
    font-weight: 600;
    width: 85px;
    color: #6d6d6d;
}

.sub_page_con_view.con_view .con_table_wrap {
    border-bottom: 1px solid #c4c4c4;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding-inline: 10px;
}

.sub_page_con_view.con_view .con_table_wrap .content {
    min-height: 150px;
}

.sub_page_con_view.con_view .con_table_wrap ul {
    margin-top: 20px;
}

.sub_page_con_view.con_view .con_table_wrap ul li {
    display: flex;
    margin-top: 15px;
}

.sub_page_con_view.con_view .con_table_wrap ul li .con_th {
    font-weight: 500;
    min-width: 120px;
}

.sub_page_con_view.con_view .file_list_wrap {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.sub_page_con_view.con_view .file_list_wrap._column {
    flex-direction: column;
    margin-top: 20px;
}

.sub_page_con_view.con_view .file_list_wrap button:not(.common_style) {
    display: inline-block;
    transition: 0.3s;
}

.sub_page_con_view.con_view .file_list_wrap button:not(.common_style):hover {
    filter: brightness(0);
    transition: 0.3s;
}

.sub_page_con_view.con_view .file_list_wrap button:not(.common_style) img {
    margin-left: 3px;
}

.sub_page_con_view.con_view .file_list_wrap .file_name {
    text-decoration: underline;
}

.sub_page_con_view.con_view .con_table_wrap .file_list_wrap .common_style {
    color: #fff;
    font-weight: 500;
    background-color: var(--main_color);
    border-radius: 5px;
    width: auto;
    padding: 3px 10px;
    text-align: center;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    transition: 0.2s;
}

.sub_page_con_view.con_view .con_table_wrap .file_list_wrap .common_style:hover {
    background-color: var(--btn_hover_main);
}

.sub_page_con_view.con_view .apply_wrap {
    margin-top: 40px;
}

.con_info_wrap {
    background-color: #fff9e9;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-bottom: 30px;
    gap: 5px 15px;
}

.con_info_wrap div {
    display: flex;
    gap: 5px;
    align-items: center;
    flex: auto;
}

.con_info_wrap div .info_tit {
    font-size: 15px;
    color: #252525;
    font-weight: 700;
    min-width: 48px;
}

.con_info_wrap div .info_tit img {
    margin-top: -3px;
    margin-right: 4px;
    object-fit: scale-down;
    width: 16px;
}

.con_info_wrap div .info_desc {
    white-space: nowrap;
}

.con_table_wrap .content + .file_list_wrap {
    margin-top: 30px;
}

.sub_con_tit {
    font-size: 32px;
    font-family: var(--gumi);
    margin-top: 30px;
}

.sub_page_con_view.con_write {
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 20px 40px;
    margin-top: 30px;
}

.sub_page_con_view.con_write li + li {
    margin-top: 20px;
}

.sub_page_con_view.con_write :where(input, textarea) {
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 16px;
    padding: 10px;
    margin-top: 5px;
}

.sub_page_con_view.con_write:not(.sign_form) textarea {
    height: 280px;
}

.flex_column li {
    display: flex;
    flex-direction: column;
}

.sub_page_con_view.con_write .btn_wrap._default {
    margin-top: 20px;
    justify-content: center;
}

.report_chk_wrap {
    background-color: #eaf1ff;
    margin-top: 50px;
    padding: 30px 20px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 10px;
    flex-direction: column;
}

.report_chk_wrap .input_tit {
    font-size: 15px;
    font-weight: 600;
    color: #252525;
    min-width: 100px;
    margin-right: 20px;
}

.input_wrap._column {
    flex-direction: column;
}

.report_chk_wrap div.select_tab_box {
    width: 230px;
}

.report_chk_wrap div.select_tab_box .selected_tab {
    background-color: #fff;
}

.report_chk_wrap div:not(.select_tab_box) {
    display: inline-flex;
    flex: 100%;
}

.report_chk_wrap div.flex_half:not(.select_tab_box) {
    flex: 45%;
    align-items: center;
    max-width: 420px;
}

.report_chk_wrap .select_tab_box._board_type .tab_option {
    width: 100%;
    top: 46px;
    left: 0;
    flex-direction: column;
}

.report_chk_wrap .input_wrap._column div.select_tab_box:first-of-type {
    margin-left: 30px;
    min-width: 130px;
    width: 130px;
}

.report_chk_wrap .input_wrap label + label {
    margin-left: 10px;
}

.report_chk_wrap .selected_tab span {
    padding: 0 15px;
    font-weight: 400;
}

.report_chk_wrap textarea {
    height: 200px;
    overflow-y: auto;
    width: 100%;
}

.report_chk_wrap label span {
    font-weight: 400;
}

.report_chk_wrap .input_text_wrap {
    max-width: 330px;
    width: 100%;
    position: relative;
}

.report_chk_wrap .custom_input {
    height: 42px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 16px;
    padding: 10px;
    margin-top: 0;
    width: 100%;
    margin-left: 6px;
}

.admin_reply_wrap {
    width: 100%;
    border: 5px;
    background-color: #f5f5f5;
    padding: 20px;
    margin-top: 20px;
}

.admin_reply {
    padding: 20px;
    background-color: #fff;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.admin_reply .reply_writer {
    width: 180px;
    display: inline-flex;
    gap: 5px;
    font-size: 18px;
    font-weight: 500;
    align-items: center;
}

.admin_reply .reply_con {
    font-size: 15px;
    font-weight: 500;
    flex: 100%;
}

.admin_reply .reply_date {
    width: 60px;
    font-size: 15px;
    color: #6d6d6d;
}

.reply_btn {
    margin-left: 5px;
}

.reply_btn button + button {
    margin-left: 3px;
}

.reply_btn button {
    padding: 2px 6px;
    color: #fff;
    border-radius: 5px;
    background-color: var(--main_color);
    transition: 0.3s;
}

.reply_btn button:hover {
    background-color: var(--btn_hover_main);
    transition: 0.3s;
}

.reply_btn button._gray {
    background-color: #6d6d6d;
    transition: 0.3s;
}

.reply_btn button._gray:hover {
    background-color: #555;
    transition: 0.3s;
}

._activity .con_write li:not(.file_wrap) {
    display: flex;
    align-items: center;
}

._activity .con_write li label {
    min-width: 110px;
    font-weight: 600;
}

._activity .con_write li.file_wrap {
    flex-wrap: wrap;
    display: flex;
}

._activity .con_write input {
    width: 100%;
}

._activity .con_write .textarea {
    height: 520px;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 16px;
    padding: 10px;
    overflow-y: auto;
}

._activity .con_write textarea {
    height: 520px;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    font-family: sans-serif;
    font-size: 16px;
    padding: 10px;
    overflow-y: auto;
}

._activity .con_write .p_info {
    color: #4690ff;
    font-size: 14px;
    font-weight: 500;
    margin-top: 3px;
    padding-left: 3px;
}

._activity .sub_page_con .con_write .btn_wrap {
    justify-content: center;
    margin-top: 40px;
}

._activity .con_write li > .form_li_tit {
    min-width: 110px;
    letter-spacing: -0.5px;
    font-weight: 500;
    display: inline-block;
    color: #000;
    margin-bottom: 0;
}

._activity .con_write li input._blocked {
    background-color: #f5f5f5;
}

.con_write .date_wrap input {
    width: 150px;
    position: relative;
}

.con_write .date_wrap em {
    margin-inline: 10px;
    font-weight: 500;
}

.con_write .date_wrap input::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    top: 7px;
    background: url(../img/cal_icon.png);
    background-repeat: no-repeat;
}

._activity .con_write li.add_wrap {
    flex-wrap: wrap;
}

._activity .con_write li.add_wrap input {
    flex: 100%;
    margin-top: 7px;
    margin-left: 110px;
}

._activity .con_write li.add_wrap input:first-of-type {
    width: 210px;
    margin-right: 10px;
    margin-left: 0;
}

._activity .con_write li.add_wrap input.code {
    max-width: 215px;
    margin-top: 0;
    margin-left: 0 !important;
}

._activity .con_write li.add_wrap input.main_add {
    margin-left: 110px;
    margin-right: 7px;
}

._activity .con_write input.w_100 {
    width: 100px;
    margin-right: 10px;
}

.reply_container {
    margin-top: 40px;
    padding-inline: 0;
}

.reply_container .tit {
    margin-bottom: 15px;
    color: #6d6d6d;
    font-weight: 500;
}

.reply_wrap {
    background-color: #f5f5f5;
    padding: 20px;
}

.reply_wrap .my_reply {
    margin-bottom: 0;
    align-items: flex-end;
}

.reply_wrap .replies {
    margin-top: 40px;
}

.reply_box {
    padding: 15px;
    background-color: #fff;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: 0px 0px 10px #dededeaf;
}

.reply_box textarea.reply_con {
    width: 100%;
    flex: unset;
    height: 80px;
}

.my_reply.reply_box textarea.reply_con {
    width: calc(100% - 50px);
    flex: unset;
    height: 80px;
}

.reply_wrap .my_reply button {
    width: 40px;
    height: 40px;
    background-color: var(--sub_page_main_color);
    border-radius: 50px;
    margin-bottom: 3px;
    display: inline-flex;
    justify-content: center;
    transition: 0.2s;
    align-items: center;
}

.reply_wrap .my_reply button:hover {
    background-color: #f7b102;
    transition: 0.2s;
}

.admin_reply_wrap .my_reply button {
    background-color: #f7b102;
    transition: 0.2s;
}

.reply_box + .reply_box {
    margin-top: 15px;
}

.reply_box .reply_writer {
    width: auto;
    display: inline-flex;
    gap: 5px;
    font-weight: 500;
    align-items: center;
}

.reply_box .reply_writer input {
    height: 35px;
    line-height: 35px;
    padding: 7px 10px;
    border: 1px solid #d6d6d6;
    border-radius: 2px;
    width: 50%;
}

.reply_box .reply_con {
    font-size: 15px;
    font-weight: 400;
    flex: 100%;
}

.reply_box .reply_date {
    width: auto;
    font-size: 15px;
    color: #6d6d6d;
}

.list_wrap {
    border-block: 1px solid #c4c4c4;
    margin-top: 40px;
}

.list_wrap :where(div, button, a)[class*="_list"]:first-of-type {
    /* border-bottom: 1px solid #c4c4c4; */
}

.list_wrap :where(div, button, a)[class*="_list"] {
    display: flex;
    width: 100%;
    gap: 10px;
    padding: 10px 0;
    position: relative;
    cursor: pointer;
}

.list_wrap :where(div, button, a)[class*="_list"]:hover {
    background-color: #fafafa;
}

.list_wrap :where(div, button, a)[class*="_list"] span {
    background-color: #fff9e9;
    padding: 3px 10px;
    color: #ff8935;
    font-weight: 500;
    font-size: 14px;
}

.list_wrap .list_tit {
    font-weight: 500;
    width: calc(100% - 160px);
}

.list_wrap .list_date {
    color: #6d6d6d;
    font-weight: 500;
    position: absolute;
    top: 10px;
    right: 10px;
}

.total_num {
    text-align: right;
    margin-bottom: 10px;
}

.total_num span {
    color: #6d6d6d;
    font-size: 18px;
    font-weight: 600;
}

.total_num span.total_num_value {
    color: #000;
    margin-left: 5px;
}

.sub_page_con_view.con_gal ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.sub_page_con_view.con_gal ul li {
    flex: 0 0 50%;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 5px;
    transition: 0.3s;
    max-width: calc((100% - 30px) / 2);
    position: relative;
}

.sub_page_con_view.con_gal ul li:hover {
    box-shadow: 0px 0px 10px #aeaeae;
    transition: 0.3s;
}

.sub_page_con_view.con_gal ul li a {
    width: 100%;
    height: 100%;
    display: inline-flex;
    gap: 25px;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

/* .sub_page_con_view.con_gal ul li a::before {
    content: "";
    width: 120px;
    height: 37px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
} */

.sub_page_con_view.con_gal ul li .img_wrap {
    overflow: hidden;
    border-radius: 5px;
    aspect-ratio: 2/3;
    flex: 1;
    background-color: #f5f5f5;
    /* background-image: url(../img/no_img_icon.png); */
    background-position: center center;
    background-repeat: no-repeat;
    min-width: 50%;
}

.sub_page_con_view.con_gal ul li .desc_wrap {
    display: flex;
    flex-direction: column;
    flex: 1.2;
}

.sub_page_con_view.con_gal.event .desc_wrap {
    justify-content: space-between;
}

.sub_page_con_view.con_gal ul li .con_tit {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sub_page_con_view.con_gal ul li .con_desc {
    font-size: 15px;
    color: #252525;
    line-height: 1.5;
    max-width: 225px;
}

.sub_page_con_view.con_gal ul li .con_date {
    color: #6d6d6d;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
}

.sub_page_con_view.con_gal ul li .con_info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.sub_page_con_view.con_gal ul li .con_info p {
    position: relative;
}

.sub_page_con_view.con_gal ul li .con_info span {
    font-size: 15px;
    color: #252525;
}

.sub_page_con_view.con_gal ul li .con_info span.info_data {
    padding-left: 65px;
    display: inline-block;
}

.sub_page_con_view.con_gal ul li .con_info span.info_tit {
    color: #6d6d6d;
    font-weight: 600;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 2px;
}

.sub_page_con_view.con_card ul {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.sub_page_con_view.con_card ul li {
    max-width: calc((100% - 60px) / 3);
    padding: 10px;
    box-shadow: 0px 0px 10px #ddd;
    transition: 0.3s;
    flex: 0 0 33%;
}

.sub_page_con_view.con_card ul li:hover {
    box-shadow: 0px 0px 10px #aaa;
    transition: 0.3s;
}

.sub_page_con_view.con_card ul li .img_wrap {
    width: 100%;
    aspect-ratio: 1/1;
    background-color: #f5f5f5;
    /* background-image: url(../img/no_img_icon.png); */
    background-position: center center;
    background-repeat: no-repeat;
}

.sub_page_con_view.con_card .tit_wrap {
    margin-top: 15px;
}

.sub_page_con_view.con_card .tit_wrap .elips_2 {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
}

.sub_page_con_view.con_card .tit_wrap .tit_date {
    margin-top: 10px;
    color: #6d6d6d;
}

.gal_tag {
    padding: 5px 20px 6px;
    position: absolute;
    left: 0;
    top: 0;
    border-top-left-radius: 5px;
    background-color: #252525;
    font-size: 18px;
    z-index: 1;
}

.gal_tag span {
    color: #fff;
}

.gal_tag em {
    margin-right: 7px;
    vertical-align: sub;
}

.active .gal_tag {
    background-color: var(--sub_page_main_color);
}

.done .gal_tag {
    background-color: #c4c4c4;
}

.done a::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.4);
}

/*서브배너 데코*/
.sub_menu_tab {
    position: relative;
    z-index: 1;
}

.sub_page_tit {
    position: relative;
    height: calc(var(--sub_page_tit_h) + 55px + var(--h_header));
    background-image: var(--bg_url);
}

.sub_page_tit .deco_wrap {
    width: 100%;
    height: calc(100% - var(--h_header));
    position: absolute;
    top: var(--h_header);
    left: 0;
    overflow: hidden;
}

._activity .sub_page_tit .deco_wrap {
    height: calc(100%);
    top: 0;
    left: 0;
}

.sub_page_tit .deco_wrap i {
    position: absolute;
}

.deco_character {
    left: calc(80%);
    bottom: 0;
    display: none !important;
}

.deco_wrap [class^="deco"] {
    display: inline-block;
}

.deco_wrap [class^="deco"] img {
    width: 100%;
    height: 100%;
    display: inline-block;
    object-fit: contain;
}

.deco_wrap [class^="deco"]._xxxsmall {
    width: 8px;
}

.deco_wrap [class^="deco"]._xxsmall {
    width: 17px;
}

.deco_wrap [class^="deco"]._xsmall {
    width: 23px;
}

.deco_wrap [class^="deco"]._small {
    width: 33px;
}

.deco_wrap [class^="deco"]._medium {
    width: 43px;
}

._news .deco_01 {
    top: 60px;
    left: 0;
}

._news .deco_02 {
    bottom: 55%;
    transform: translateY(50%);
    left: 0;
    max-width: 200px;
}

._news .deco_03 {
    top: 70%;
    left: 19%;
}

._news .deco_04 {
    top: 15%;
    left: 26%;
}

._news .deco_05 {
    top: 25%;
    left: 28%;
}

._news .deco_06 {
    width: 10%;
    max-width: 180px;
    left: 20%;
    bottom: 0;
}

._news .deco_07 {
    left: 80%;
    top: 15%;
    opacity: 0.7;
}

._news .deco_08 {
    left: 91.5%;
    top: 47%;
}

._news .deco_09 {
    left: 71.5%;
    top: 72%;
}

._news .deco_10 {
    left: 69.5%;
    top: 64%;
}

._news .deco_11 {
    left: 80.5%;
    top: 18%;
}

._news .deco_character {
    right: 30px;
    max-width: 220px;
}

._intro .deco_01 {
    bottom: 47%;
    left: 17%;
}

._intro .deco_02 {
    bottom: 62%;
    left: 22%;
}

._intro .deco_03 {
    top: 32%;
    right: 22%;
}

._intro .deco_04 {
    top: 45%;
    right: 18%;
}

._intro .deco_character {
    left: unset;
    right: 5%;
    bottom: 20px;
    max-width: 180px;
}

._activity .deco_01 {
    height: 100%;
    top: 0;
    width: max-content;
}

._activity .deco_02 {
    bottom: 10%;
    left: 7%;
}

._activity .deco_03 {
    top: 32%;
    left: 20%;
    filter: brightness(2);
}

._activity .deco_04 {
    top: 42%;
    left: 23%;
}

._activity .deco_05 {
    top: 28%;
    right: 23%;
}

._activity .deco_06 {
    bottom: 20%;
    right: 13%;
}

._activity .deco_07 {
    right: 11%;
    top: 48%;
}

._report .deco_01 {
    bottom: 0;
    left: 0;
}

._report .deco_02 {
    bottom: 50%;
    left: calc(50% - 310px);
}

._report .deco_03 {
    right: 11%;
    top: 38%;
}

._report .deco_04 {
    top: 48%;
    right: 13%;
}

._report .deco_05 {
    top: 13%;
    right: 23%;
    opacity: 0.8;
}

._report .deco_06 {
    top: 16%;
    left: 08%;
    opacity: 0.8;
}

._report .deco_07 {
    bottom: 18%;
    left: 15%;
    opacity: 0.8;
}

._report .deco_character {
    left: unset;
    right: 8%;
    bottom: 0;
    max-width: 180px;
}

._mypage .deco_01 {
    top: 40%;
    left: 9%;
}

._mypage .deco_02 {
    bottom: 26%;
    left: 13%;
}

._mypage .deco_03 {
    top: 20%;
    left: 33%;
}

._mypage .deco_04 {
    top: 28%;
    right: 34%;
}

._mypage .deco_06 {
    bottom: 40%;
    right: 13%;
}

._mypage .deco_07 {
    right: 8%;
    top: 20%;
}

.spin1 {
    animation: spin 7s linear infinite;
}

.spin2 {
    animation: spin 5s linear infinite;
}

.spin3 {
    animation: spin 3s linear infinite;
}

.spin_blink1 {
    animation: spin_blink 3s linear infinite;
}

.spin_blink2 {
    animation: spin_blink 5s linear infinite;
}

.spin_blink3 {
    animation: spin_blink 7s linear infinite;
}

.blink1 {
    animation: blink 3s linear infinite;
    animation-delay: 0s;
}

.blink2 {
    animation: blink 4s ease-in infinite;
    animation-delay: 0.5s;
}

.blink3 {
    animation: blink 5s ease-out infinite;
    animation-delay: 1s;
}

.blink4 {
    animation: blink 6s ease-in-out infinite;
    animation-delay: 0.2s;
}

.blink_blink1 {
    animation: blink_blink 3s linear infinite;
    animation-delay: 0s;
}

.blink_blink2 {
    animation: blink_blink 4s ease-in infinite;
    animation-delay: 0.5s;
}

.blink_blink3 {
    animation: blink_blink 5s ease-out infinite;
    animation-delay: 1s;
}

.blink_blink4 {
    animation: blink_blink 7s ease-in-out infinite;
    animation-delay: 0.4s;
}

.blink_zoom1 {
    animation: blink_zoom 5s linear infinite;
    animation-delay: 0s;
}

.blink_zoom2 {
    animation: blink_zoom 6s ease-in infinite;
    animation-delay: 0.5s;
}

.blink_zoom3 {
    animation: blink_zoom 7s ease-out infinite;
    animation-delay: 1s;
}

.blink_zoom4 {
    animation: blink_zoom 8s ease-in-out infinite;
    animation-delay: 0.2s;
}

.float1 {
    animation: float 5s ease-in-out infinite;
}

.float2 {
    animation: float2 8s ease-in infinite;
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes spin_blink {
    0% {
        transform: rotate(0deg);
        opacity: 1;
    }

    20% {
        transform: rotate(72deg);
        opacity: 1;
    }

    35% {
        transform: rotate(126deg);
        opacity: 0.4;
    }

    65% {
        transform: rotate(234deg);
        opacity: 0.4;
    }

    80% {
        transform: rotate(288deg);
        opacity: 1;
    }

    100% {
        transform: rotate(360deg);
        opacity: 1;
    }
}

@keyframes blink {
    0%,
    60%,
    100% {
        opacity: 1;
    }

    30%,
    90% {
        opacity: 0.5;
    }
}

@keyframes blink_blink {
    0%,
    40%,
    100% {
        opacity: 1;
    }

    20%,
    70% {
        opacity: 0.3;
    }
}

@keyframes blink_zoom {
    0%,
    100% {
        opacity: 1;
        transform: scale(1);
    }

    25% {
        opacity: 0;
        transform: scale(1.05);
    }

    50% {
        opacity: 1;
        transform: scale(1.02);
    }

    75% {
        opacity: 0;
        transform: scale(1.05);
    }
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(-5px);
    }

    25% {
        transform: translateY(-10px);
    }

    40% {
        transform: translateY(5px);
    }

    60% {
        transform: translateY(-5px);
    }

    75% {
        transform: translateY(10px);
    }

    90% {
        transform: translateY(-2px);
    }

    100% {
        transform: translateY(0px);
    }
}

@keyframes float2 {
    0% {
        transform: translateY(0px);
    }

    10% {
        transform: translateY(-3px);
    }

    25% {
        transform: translateY(-3px);
    }

    40% {
        transform: translateY(3px);
    }

    60% {
        transform: translateY(-3px);
    }

    75% {
        transform: translateY(6px);
    }

    90% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0px);
    }
}

/*서브배너 데코*/

.intro-con {
    padding-top: 90px;
}

.intro-con span {
    font-weight: 500;
}

.intro-tit {
    font-size: 52px;
    letter-spacing: -1px;
    color: #44246b;
    font-weight: 600;
    text-align: center;
    word-break: keep-all;
}

.intro-tit span {
    color: #6acdb1;
}

.intro-con .intro-img-box {
    text-align: center;
    margin-top: 65px;
    background-color: #f3f4f7;
    padding: 45px 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.intro-con .intro-img-box img {
    width: 50%;
    max-width: 160px;
}

.intro-con .intro-img-box .intro-img-list {
    display: flex;
    width: 100%;
    gap: 45px;
}

.intro-con .intro-img-box .intro-img-list li {
    flex: 1;
    box-shadow: 0px 0 20px 3px rgba(0, 0, 0, 0.18);
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 50px 20px;
    align-items: center;
}

.intro-con .intro-img-box .intro-img-list li .tit {
    display: block;
    font-size: 24px;
    letter-spacing: -0.5px;
    font-weight: 600;
    color: var(--font_color);
}

.intro-con .intro-img-box .intro-img-list li .txt {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    color: var(--font_color);
    word-break: keep-all;
    font-weight: 500;
}

.intro-con .txt-con {
    text-align: center;
    padding: 65px 0;
    border-bottom: 1px solid #e8e8e8;
}

.intro-con .txt-con .txt {
    font-size: 18px;
    line-height: 1.66em;
    color: #141414;
    letter-spacing: -0.6px;
    font-weight: 300;
    word-break: keep-all;
}

.intro-con .txt-con .txt b {
    font-size: 26px;
    line-height: 38px;
    display: block;
    font-weight: 700;
    padding-bottom: 10px;
}

.intro-con .txt-con .txt strong {
    font-weight: 700;
}

.intro-con .logo-con {
    margin-top: 35px;
}

.intro-con .logo-con .logo-list {
    text-align: center;
    display: flex;
    gap: 20px;
    justify-content: center;
}

.intro-con .logo-con .logo-list li {
    display: inline-block;
}

.content_wrap > ul {
    margin-top: 20px;
}

.radio_wrap .select_wrap {
    flex-direction: column;
}

.radio_wrap .select_wrap > div {
    align-items: center;
    min-height: 42px;
}

.radio_wrap .select_wrap > div > label {
    width: 120px;
}

.m_option_wrap {
    display: none;
}

.content_wrap .content img {
    width: 100% !important;
    height: auto !important;
}

/* 서브 */
@media (max-width: 1520px) {
    /* 공통 1520px */
    .none_1520 {
        display: none;
    }

    .btn_wrap._slide button {
        width: 60px;
        height: 60px;
        right: 20px;
    }

    .pop_up._terms {
        max-width: 1000px;
    }

    .btn_wrap._slide button.prev_btn {
        left: 20px;
    }

    .btn_wrap._slide button img {
        width: 30%;
    }

    /* 공통 1520px */

    /* 헤더 1520px */
    h1 {
        width: 250px;
    }

    .center_btn {
        width: 180px;
    }

    header .logo_wrap {
        min-width: 435px;
    }

    header .nav_wrap {
        width: calc(100% - 435px);
    }

    header nav {
        width: 100%;
    }

    header nav ul.depth_01 {
        width: 100%;
    }

    header .utility_wrap {
        visibility: visible;
        opacity: 1;
        transition: 0.1s;
        min-width: 130px;
    }

    header .utility_wrap.only_1240 {
        display: none;
    }

    header nav ul.depth_02 a:where(button, a) {
        font-size: 16px;
        letter-spacing: -1.3px;
    }

    header nav ul.depth_01 > li:nth-of-type(2n-1) {
        flex: 1.1;
    }

    header .utility_wrap .user_btn {
        height: 42px;
    }

    header .utility_wrap .user_btn span {
        font-size: 16px;
        font-weight: 600;
    }

    /* 헤더 1520px */

    /* 메인 1520px */
    section[class^="main"] .tit_wrap {
        margin-bottom: 60px;
    }

    section[class^="main"] .tit_wrap h2 {
        font-family: var(--gumi);
        font-size: 40px;
    }

    .circle_wrap .circle {
        gap: 0;
    }

    .circle_wrap .num_count {
        font-size: 55px;
    }

    .circle_wrap .num_count_wrap {
        font-size: 45px;
    }

    .main_02 .wrap_1700 {
        padding-inline: 50px;
    }

    .circle_wrap {
        gap: 30px;
        padding-inline: 50px;
        margin-top: 50px;
    }

    .main_02 .con_wrap .con {
        padding: 30px;
        height: 150px;
    }

    .main_02 .con_wrap .con :where(a, button) {
        width: 150px;
    }

    .main_02 .con_wrap .con :where(a, button):hover span {
        font-size: 20px;
        margin-right: 8px;
    }

    .main_02 .con_wrap .con p {
        font-size: 33px;
    }

    .main_03_slide_wrap {
        padding: 0 60px;
    }

    section[class^="main"].main_04 .tit_wrap {
        padding: 60px 40px;
        min-width: 380px;
        min-height: 400px;
    }

    .main_04 .more_btn {
        margin-top: 50px;
        position: absolute;
        bottom: unset;
        top: 60%;
    }

    .main_04 .con_wrap {
        padding-block: 110px 100px;
        left: -4%;
    }

    section[class^="main_0"].main_05 .tit_wrap {
        margin-bottom: 10px;
    }

    .main_05 .wrap_1500 {
        gap: 30px;
        flex-direction: column;
    }

    section[class^="main_0"].main_05 .tit_wrap h2 {
        text-align: center;
    }

    section[class^="main_0"].main_05 .tit_wrap p {
        text-align: center;
    }

    .main_05 .form_wrap {
        gap: 15px;
        justify-content: center;
    }

    .main_05 .deco_main_01 {
        bottom: 0;
        left: 0;
        width: 380px;
    }

    .main_05 .deco_main_02 {
        bottom: 0;
        right: 0;
        width: 520px;
    }

    /* 메인배경 */
    .main_01 .deco_01 {
        right: 67%;
    }

    .main_01 .deco_02 {
        left: 67%;
    }

    .main_01 .deco_03 {
        left: 2%;
    }

    .main_03 .deco_03 {
        bottom: 18%;
        left: 2%;
    }

    .main_05 .deco_15 {
        display: none;
    }

    .main_05 .deco_01 {
        top: 10%;
        left: 7%;
    }

    .main_05 .deco_02 {
        top: 38%;
        left: 9%;
    }

    .main_05 .deco_03 {
        top: 25%;
        left: 20%;
    }

    .main_05 .deco_04 {
        top: 34%;
        left: 2%;
    }

    .main_05 .deco_05 {
        top: 53%;
        left: 6%;
    }

    .main_05 .deco_06 {
        display: none;
    }

    .main_05 .deco_15 {
        top: 47%;
        right: 15%;
    }

    .main_05 .deco_16 {
        top: 34%;
        right: 12%;
    }

    /* 메인배경 */
    /* 메인 1520px */

    /* 푸터 1520px */
    /* 푸터 1520px */

    /* 서브 1520px */
    /* 서브 1520px */
}

@media (max-width: 1520px) and (min-width: 1240px) {
    header .nav_wrap:hover + .utility_wrap {
        visibility: hidden;
        opacity: 0;
        transition: 0.1s;
        font-size: 0;
        width: 0;
        min-width: 0;
    }
}

@media (max-width: 1240px) and (min-width: 1025px) {
    header nav ul.depth_01:hover::before {
        /* top: var(--h_header); */
        top: 0;
        height: calc(var(--nav_bg));
        transition: 0.3s ease;
        box-shadow: 0 0 10px #00000040;
        opacity: 1;
    }

    header nav:hover {
        padding-right: 0;
        transition: 0.3s ease-out;
    }

    header nav:hover ~ .only_1240 {
        visibility: hidden;
        opacity: 0;
        transition: font-size 0.5s 0.1s;
        font-size: 0;
        width: 0;
        min-width: 0;
    }

    header ul.depth_01:hover + .center_btn.only_1240 {
        visibility: hidden;
        opacity: 0;
        transition: 0.1s;
        font-size: 0;
        width: 0;
        min-width: 0;
    }
}

@media (min-width: 1241px) {
    header nav:hover {
        max-width: 1010px;
        transition: 0.3s ease-out;
    }

    header nav:hover .nav_bg {
        top: 0;
        opacity: 1;
        box-shadow: 0 0 10px #00000040;
        transition: 0.1s ease;
    }

    header nav:hover ul.depth_01 {
        padding-inline: 0;
    }

    header nav:hover ul.depth_02 :where(button, a) {
        visibility: visible;
        opacity: 1;
        transition: 0.3s;
    }

    header nav:hover ul.depth_02 {
        visibility: visible;
        opacity: 1;
        transition: 0.1s;
    }
}

@media (min-width: 1025px) {
    ._transparent .depth_01 > li > :where(button, a) {
        color: #fff;
    }

    ._transparent .depth_01:hover > li > :where(button, a) {
        color: #000;
    }

    ._transparent nav:hover .depth_01 > li > :where(button, a) {
        color: #000;
    }

    header nav ul.depth_01:hover {
        max-width: 1010px;
        transition: 0.3s ease-out;
    }

    header nav ul.depth_01:hover .nav_bg {
        top: 0;
        opacity: 1;
        box-shadow: 0 0 10px #00000040;
        transition: 0.1s ease;
    }

    header nav ul.depth_01:hover {
        padding-inline: 0;
    }

    header nav ul.depth_01:hover ul.depth_02 :where(button, a) {
        visibility: visible;
        opacity: 1;
        transition: 0.3s;
    }

    header nav ul.depth_01:hover ul.depth_02 {
        visibility: visible;
        opacity: 1;
        transition: 0.1s;
    }

    header nav ul.depth_01 > li:hover > :where(button, a) {
        font-weight: 700;
        transition: 0.2s;
    }

    header nav ul.depth_01 li:hover ul.depth_02::before {
        opacity: 1;
        transition: 0.2s;
    }

    header nav ul.depth_02 li:hover {
        background-color: rgba(0, 0, 0, 0.12);
        transition: 0.2s;
    }

    header nav ul.depth_01 li:hover ul :where(button, a) {
        color: #fff;
    }

    header nav ul.depth_02 li:hover :where(button, a) {
        color: #fff;
    }

    header nav ul.depth_01 > li:hover > :where(button, a) {
        font-weight: 700;
        transition: 0.2s;
    }

    header .utility_wrap a:hover {
        font-weight: 700;
    }

    header .utility_wrap .user_btn:hover {
        box-shadow: 0px 0px 10px #aaa;
        transition: 0.3s;
    }

    ._transparent .utility_wrap :where(button, a) {
        color: #fff;
    }

    .con_board.open_board .tbody_li:hover {
        background-color: #f5f5f5;
        /* transition: 0.3s; */
    }
}

@media (max-width: 1240px) {
    /* 공통 1240px */
    .none_1240 {
        display: none !important;
    }

    /* 공통 1240px */
    /*팝업배너 1240px*/
    .pop_banner_wrap {
        max-width: 1040px;
    }

    .pop_banner.pop_middle {
        left: 0;
        transform: translateX(0);
    }

    .pop_banner {
        position: absolute;
        box-shadow: 0px 0px 10px 0px #00000050;
        z-index: 99999;
        background-color: #fff;
        max-width: 500px;
        width: calc((100% - 20px) / 2);
    }

    .pop_banner .pop_banner_tit {
        font-size: 18px;
    }

    /*팝업배너 1240px*/
    /* 헤더 1240px */
    header .logo_wrap {
        min-width: unset;
    }

    h1 {
        width: 220px;
    }

    .center_btn.only_1240 {
        width: 185px;
        margin-left: -5px;
        display: inline-block !important;
        visibility: visible;
        opacity: 1;
        transition: 0.1s;
    }

    header .nav_wrap {
        width: calc(100% - 220px);
        display: flex;
        flex-direction: row-reverse;
        max-width: unset;
    }

    header nav {
        width: 100%;
        display: flex;
        padding-right: 130px;
    }

    header nav ul.depth_01 {
        min-width: 400px;
        display: inline-flex;
        padding-inline: 0 10px;
        width: 100%;
        justify-content: space-evenly;
    }

    header .utility_wrap.only_1240 {
        min-width: 115px;
        width: 115px;
        position: absolute;
        right: 20px;
        top: 0;
        height: 100%;
        display: inline-flex;
        align-items: center;
        z-index: 999;
        transition: font-size 0.2s 0.1s;
    }

    header nav ul.depth_01 > li > a {
        width: 100%;
        font-size: 18px;
    }

    header .utility_wrap a + a {
        margin-left: 10px;
    }

    header .area_login {
        min-width: 130px;
        top: 25px;
        right: 0;
    }

    /* 헤더 1240px */

    /* 메인 1240px */
    section[class^="main"] .tit_wrap h2 {
        font-size: 36px;
    }

    .circle_wrap .circle .icon_wrap {
        margin-bottom: 0;
    }

    .circle_wrap .num_count {
        font-size: 45px;
    }

    .circle_wrap .circle p {
        font-size: 18px;
    }

    .main_02 .con_wrap .con p {
        font-size: 28px;
    }

    section[class^="main_0"].main_05 .tit_wrap h2 {
        font-size: 36px;
    }

    section[class^="main_0"].main_05 .tit_wrap h2 span {
        font-size: 40px;
    }

    .main_02 .con_wrap .con {
        padding: 30px;
        height: 130px;
    }

    .main_02 .con_wrap .con :where(a, button) {
        width: 130px;
    }

    .main_02 .con_wrap .con :where(a, button) img {
        width: 40px;
    }

    .main_02 .con_wrap .con :where(a, button):hover span {
        font-size: 18px;
    }

    section[class^="main_0"].main_04 {
        flex-direction: column;
    }

    section[class^="main"].main_04 .tit_wrap {
        padding: 70px 20px 40px;
        align-items: center;
        margin-bottom: 0;
        flex: 100%;
        min-width: unset;
        min-height: unset;
    }

    .main_04 .more_btn {
        margin-top: 20px;
        position: unset;
    }

    .main_04 .con_wrap {
        flex: 100%;
        left: 0;
        background-color: #40b55c;
        padding: 0px 30px 100px;
    }

    .main_05 .form_wrap .input_default {
        flex: 100%;
        max-width: 600px;
    }

    .main_05 .form_con {
        align-content: flex-start;
        max-width: 700px;
        justify-content: center;
    }

    .main_05 .form_wrap {
        flex-direction: column;
        align-items: center;
    }

    .main_05 .agree_wrap {
        text-align: center;
    }

    .main_05 .deco_main_01 {
        bottom: 0;
        left: 0;
        width: 280px;
    }

    .main_05 .deco_main_02 {
        bottom: 0;
        right: 0;
        width: 420px;
    }

    /* 메인배경 */
    .main_05 .deco_15 {
        display: inline-block;
    }

    .main_05 .deco_05 {
        display: inline-block;
    }

    .main_bg_wrap [class^="deco"]._xxsmall {
        width: 8px;
    }

    .main_bg_wrap [class^="deco"]._xsmall {
        width: 17px;
    }

    .main_bg_wrap [class^="deco"]._small {
        width: 27px;
    }

    .main_bg_wrap [class^="deco"]._medium {
        width: 37px;
    }

    .main_bg_wrap [class^="deco"]._large {
        width: 47px;
    }

    .main_bg_wrap [class^="deco"]._xlarge {
        width: 57px;
    }

    .main_bg_wrap [class^="deco"]._xxlarge {
        width: 65px;
    }

    .main_01 .deco_01 {
        top: 12%;
        right: 71%;
    }

    .main_01 .deco_02 {
        left: 70%;
    }

    .main_03 .deco_01 {
        top: 23%;
        right: 70%;
    }

    .main_03 .deco_02 {
        top: 29%;
        left: 69%;
    }

    /* 메인배경 */
    /* 메인 1240px */

    /* 푸터 1240px */
    /* 푸터 1240px */

    /* 서브 1240px */
    /* 서브 1240px */
}

@media (max-width: 1024px) {
    /* 공통 1024px */

    :root {
        --h_header: 70px;
        --gotham: "GOTHAM", sans-serif;
        --gumi: "GumiRomance";

        /*테이블 간격*/
        --tb_chk: 25px;
        --tb_no: 60px;
        --tb_view: 60px;
        --tb_board: 120px;
        --tb_activity_date: 130px;
        --tb_date: 120px;
        --tb_date_hour: 140px;
        --tb_wr_name: 120px;
        --tb_edit_btn: 55px;
        --tb_ans: 90px;
        --tb_condition: 40px;
        --tb_part: 110px;
    }

    .D_none {
        display: revert !important;
    }

    .D_only {
        display: none !important;
    }

    .pop_up .tab_wrap {
        height: 55px;
        margin-bottom: 20px;
    }

    .tab_wrap button {
        font-size: 22px;
    }

    .pop_up._terms {
        padding: 35px 20px 25px;
        max-width: 700px;
    }

    .pop_up._terms .close_btn img {
        width: 24px;
        height: 24px;
    }

    .pop_up._terms .pop_tit p {
        padding-bottom: 20px;
        font-size: 20px;
    }

    .pop_up._terms .close_btn {
        right: 25px;
        top: 35px;
    }

    .pop_up._terms .content_wrap {
        padding-inline: 15px;
        height: calc(100% - 85px);
    }

    .tab_wrap button {
        font-size: 18px;
    }

    ._default.btn_wrap .common_btn {
        font-size: 16px;
    }

    .none_1024 {
        display: none;
    }

    /* 공통 1024px */

    /* 헤더 1024px */
    header nav:hover .depth_01::after {
        display: none;
    }

    header .nav_wrap {
        width: 100%;
        max-width: 640px;
        height: calc(100vh + 1px);
        position: fixed;
        right: 0;
        top: 0;
        background: #fff;
        z-index: 100;
        transform: translateX(100%);
        transition: transform 1s;
        overflow-y: auto;
    }

    .nav_wrap.active {
        display: inline-block;
        transition: transform 1s;
        transform: translateX(0);
    }

    .m_menu_bg {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 0;
        right: 0;
        background: #00000098;
        z-index: 99;
        transform: translateX(100%);
        transition: transform 1s;
        overflow-y: auto;
    }

    .nav_wrap.active + .m_menu_bg {
        display: inline-block;
        transition: transform 1s;
        transform: translateX(0);
    }

    header nav {
        /* position: fixed; */
        top: 0;
        right: 0;
        z-index: 100;
        display: inline-block;
        height: unset;
        width: 100%;
        padding-right: 0;
    }

    header nav .nav_bg {
        background-color: #fff;
        width: 100%;
        height: 100%;
        top: 0;
        z-index: 0;
        opacity: 1;
    }

    nav.active .nav_bg {
        display: none;
    }

    /* nav.active {
        display: inline-block;
        transition: transform 1s;
        transform: translateX(0);
    } */

    .menu_btn {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
        cursor: pointer;
        z-index: 101;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border: none;
        background-color: transparent;
        z-index: 999;
    }

    .menu_button .bar:nth-of-type(1) {
        margin-top: 0px;
    }

    .menu_button .bar:nth-of-type(3) {
        margin-bottom: 0px;
    }

    .bar {
        position: relative;
        display: block;

        width: 20px;
        height: 2px;

        margin: 6px auto;
        background-color: #000;

        -webkit-transition: 0.3s;
        transition: 0.3s;
    }

    .cross .bar {
        background-color: var(--font_color);
    }

    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(9px) rotate(-45deg);
        -ms-transform: translateY(9px) rotate(-45deg);
        transform: translateY(9px) rotate(-45deg);
    }

    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }

    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-7px) rotate(45deg);
        -ms-transform: translateY(-7px) rotate(45deg);
        transform: translateY(-7px) rotate(45deg);
    }

    header nav ul.depth_01 {
        flex-direction: column;
        /* padding-top: calc(var(--h_header)); */
        height: unset;
        width: 100%;
        min-width: unset;
        padding-right: 0px;
    }

    header nav ul.depth_01 > li {
        margin-bottom: 15px;
        text-align: left;
        border-top: 1px solid #ccc;
        padding-top: 15px;
        padding-inline: 20px;
    }

    header nav ul.depth_01 > li:first-child {
        border-top: 0;
        margin-top: 5px;
    }

    header nav ul.depth_01 > li > :where(button, a) {
        color: var(--txt_col);
        justify-content: flex-start;
        font-size: 18px;
        letter-spacing: 0px !important;
        font-weight: 700;
    }

    header nav ul.depth_02 li {
        margin-bottom: 0;
        position: relative;
    }

    header nav ul.depth_02 li.active > :where(button, a) {
        font-weight: 700;
        text-decoration: underline;
    }

    header nav ul.depth_02 li::before {
        content: "";
        display: inline-block;
        background-image: url(../img/next_btn.png);
        width: 10px;
        height: 16px;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        opacity: 0.5;
    }

    header nav ul.depth_02 li.active::before {
        opacity: 1;
    }

    header nav ul.depth_02 li:first-child {
        margin-top: 10px;
    }

    header nav ul.depth_02 {
        visibility: visible;
        position: unset;
        margin-top: 10px;
    }

    header nav ul.depth_02 li {
        line-height: 1.5;
        margin-bottom: 5px;
        text-align: left;
    }

    header nav ul.depth_02 :where(button, a) {
        white-space: nowrap;
        font-size: 16px;
        letter-spacing: -0.5px;
        font-weight: 400;
        visibility: visible;
        opacity: 1;
        padding: 0;
    }

    header nav ul.depth_01 > li.active ul.depth_02 {
        visibility: visible;
        opacity: 1;
        /* transition: 0.2s; */
        font-size: 16px;
        height: auto;
        margin-top: 15px;
    }

    .center_btn {
        position: absolute;
        top: 10px;
        right: 60px;
    }

    .center_btn.only_1240 {
        display: none !important;
    }

    .m_menu_top {
        background-color: #ffc122;
        background-color: #fff;
        padding: 13px 15px 18px;
        width: 100%;
        z-index: 1;
        position: sticky;
        border-bottom: 1px solid #ccc;
        top: 0;
    }

    header .utility_wrap {
        padding-top: 0;
        padding-left: 0;
        width: unset;
    }

    header .utility_wrap .user_btn {
        height: 40px;
        padding: 10px;
        max-width: 45%;
    }

    header .m_btn_wrap {
        display: flex;
        padding-top: 5px;
        gap: 10px;
    }

    header .utility_wrap a + a {
        margin-left: 0;
    }

    header .m_btn_wrap :where(button, a) {
        display: inline-block;
        width: 100%;
        font-size: 16px;
        color: #fff;
        padding: 8px 15px;
        text-align: center;
        border-radius: 100px;
        background-color: var(--main_color);
        font-weight: 400;
    }

    header .m_btn_wrap :where(button, a)._gray {
        background-color: #a5a5a5;
    }

    header._transparent h1 a img.black {
        content: url("../img/logo_w.png");
        transition: 0.3s;
    }

    header nav ul.depth_02::before {
        display: none;
    }

    .center_btn {
        width: 170px;
        position: unset;
    }

    .after_login {
        display: flex;
        width: calc(100% - 40px);
        justify-content: space-between;
        align-items: center;
        margin-bottom: 5px;
    }

    header .utility_wrap .user_btn img {
        object-fit: scale-down;
        width: 25px;
    }

    header .utility_wrap .user_btn span {
        font-size: 15px;
        display: inline-block;
        width: 100%;
        overflow: hidden;
    }

    /* 헤더 1024px */

    /* 메인 1024px */

    .main_slide_wrap {
        aspect-ratio: unset;
    }

    .main_slide .btn_wrap._slide button {
        right: 20px;
    }

    .main_slide .btn_wrap._slide button.prev_btn {
        left: 20px;
    }

    .btn_wrap._slide button {
        width: 45px;
        height: 45px;
    }

    section[class^="main_0"] {
        padding-block: 80px;
    }

    section[class^="main"] .tit_wrap h2 {
        font-size: 32px;
    }

    section[class^="main"] .tit_wrap p {
        font-size: 18px;
    }

    .circle_wrap {
        gap: 20px;
        padding-inline: 0px;
        margin-top: 50px;
    }

    .circle_wrap .circle .icon_wrap {
        margin-top: -13px;
    }

    .circle_wrap .num_count_wrap {
        font-size: 15px;
    }

    .circle_wrap .num_count {
        font-size: 40px;
    }

    .circle_wrap .circle p {
        font-size: 16px;
    }

    .main_02 .wrap_1700 {
        padding-inline: 20px;
    }

    .main_02 .con_wrap .con :where(a, button) {
        width: 115px;
    }

    section[class^="main"].main_03 .tit_wrap {
        margin-bottom: 30px;
    }

    .main_02 .con_wrap .con {
        padding: 20px;
        height: 100px;
    }

    .main_02 .con_wrap .con p {
        font-size: 20px;
    }

    .main_02 .con_wrap .con :where(a, button):hover img {
        width: 20px;
    }

    .main_02 .con_wrap .con :where(a, button):hover span {
        font-size: 16px;
    }

    .main_03 .tit_wrap .icon_wrap {
        display: inline-block;
        width: 90px;
        margin-bottom: 10px;
    }

    section[class^="main"].main_04 .tit_wrap p {
        text-align: center;
    }

    section[class^="main"].main_04 .tit_wrap {
        padding: 60px 20px 40px;
    }

    .main_05 .wrap_1500 {
        gap: 30px;
        padding-top: 80px;
        padding-inline: 20px;
    }

    .main_05 .form_wrap .input_default {
        font-size: 16px;
    }

    .main_05 .email_wrap input {
        font-size: 16px;
    }

    .main_05 .deco_main_01 {
        bottom: 0;
        left: 0;
        width: 280px;
    }

    .main_05 .deco_main_02 {
        bottom: 0;
        right: 0;
        width: 380px;
    }

    /* 메인배경 */
    .main_01 .deco_02 {
        left: 72%;
        top: 18%;
    }

    .main_01 .deco_03,
    .main_01 .deco_04,
    .main_01 .deco_05,
    .main_01 .deco_06 {
        display: none;
    }

    .main_05 .deco_08,
    .main_05 .deco_10,
    .main_05 .deco_11,
    .main_05 .deco_13,
    .main_05 .deco_15,
    .main_05 .deco_18 {
        display: none;
    }

    /* 메인배경 */
    /* 메인 1024px */

    /* 푸터 1024px */
    footer .logo_wrap {
        width: 220px;
        margin-bottom: 5px;
    }

    footer .wrap_1700 {
        padding-block: 30px 50px;
    }

    /* 푸터 1024px */

    /* 서브 1024px */
    .banner_wrap {
        padding-top: 0;
    }

    .sub_menu_tab ul li.w_1024_custom_width {
        min-width: 290px;
    }

    .sub_menu_tab ul li a {
        font-size: 18px;
    }

    .sign_form_wrap {
        margin-bottom: 150px;
    }

    .join.result_wrap .deco_wrap {
        position: relative;
        padding-block: 45px 40px;
    }

    .join.result_wrap .deco_wrap span {
        width: 70px;
        height: 70px;
    }

    .info_banner .link {
        flex-direction: column;
        align-items: flex-start;
    }

    .info_banner .link .common_style {
        margin-left: 0;
        margin-top: 7px;
    }

    .report_area .sub_page_con_view {
        padding: 25px 0;
    }

    .report_area .sub_page_con_view.con_view {
        padding-bottom: 0;
    }

    .con_write .file_box_wrap {
        letter-spacing: -0.7px;
    }

    .con_board.open_board .con_desc {
        margin-inline: 10px;
    }

    .con_board.areaList .tr_div .tb_subject {
        min-width: calc(100% - (var(--tb_no) + var(--tb_condition) + var(--tb_wr_name) + var(--tb_part) + var(--tb_date_hour)) - 50px);
    }

    .open_board .tb_date_hour {
        width: 170px;
        min-width: 170px;
    }

    .sub_page_con_view.con_view .tit_wrap {
        flex-wrap: wrap;
        gap: 5px 0px;
    }

    .sub_page_con_view.con_view .tit_wrap .con_num {
        font-size: 18px;
        width: unset;
        margin-right: 5px;
    }

    ._activity .sub_page_con_view.con_view .tit_wrap {
        justify-content: space-between;
    }

    .sub_page_con_view.con_view .tit_wrap .con_tit {
        font-size: 18px;
        width: calc(100% - 70px);
    }

    .sub_page_con_view.con_view .tit_wrap .con_date {
        flex: 100%;
        text-align: right;
    }

    .con_board .tr_div > div:first-child {
        margin-left: 0;
        padding: 0;
        padding-right: 5px;
    }

    .con_board .tr_div > div:not(.tb_date_hour):last-child {
        margin-left: 0;
        padding: 0;
        padding-left: 5px;
    }

    .con_board.list_table .tr_div > div {
        padding: 0 5px;
        font-size: 15px;
        letter-spacing: -1px;
    }

    .search_wrap input {
        font-size: 16px;
    }

    ._default.btn_wrap .common_btn {
        font-size: 16px;
    }

    .sub_con_banner .link_wrap {
        display: inline-flex;
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
    }

    .admin_reply .reply_writer {
        font-size: 16px;
    }

    .sub_page_con_view.con_gal ul li .con_tit {
        font-size: 16px;
    }

    .sub_page_con_view.con_gal ul {
        gap: 20px;
    }

    .sub_page_con_view.con_gal ul li {
        flex: 1 1 25%;
        max-width: calc((100% - 40px) / 3);
    }

    .sub_page_con_view.con_gal ul li a {
        gap: 20px;
        padding: 15px;
        flex-direction: column;
    }

    .sub_page_con_view.con_gal ul li .img_wrap {
        flex: unset;
    }

    .sub_page_con_view.con_gal ul li .desc_wrap {
        flex: unset;
    }

    .sub_page_con_view.con_gal ul li .con_date {
        margin-bottom: 15px;
    }

    .sub_page_con_view.con_gal ul li .con_info p {
        margin-bottom: 5px;
    }

    .sub_page_con_view.con_gal ul li .con_info span.info_tit {
        display: block;
        position: unset;
    }

    .sub_page_con_view.con_gal ul li .con_info span.info_data {
        padding-left: 0;
    }

    .con_info_wrap {
        gap: 7px;
    }

    .sub_page_con_view.con_card ul {
        gap: 20px;
    }

    .sub_page_con_view.con_card ul li {
        max-width: calc((100% - 40px) / 3);
    }

    .sub_page_con_view.con_card .tit_wrap .elips_2 {
        font-size: 16px;
    }

    .intro-con {
        padding-top: 30px;
    }

    .intro-tit {
        font-size: 32px;
        margin-top: 20px;
    }

    .intro-con .intro-img-box {
        text-align: center;
        margin-top: 35px;
        padding: 40px 40px;
    }

    .intro-con .intro-img-box .intro-img-list li {
        gap: 15px;
        padding: 30px 15px;
        align-items: center;
    }

    .intro-con .intro-img-box .intro-img-list li .txt {
        font-size: 16px;
    }

    #introCon {
        max-width: 640px;
        margin-inline: auto;
    }

    /* 서브데코 */
    ._intro .deco_01 {
        bottom: 50%;
        left: 17%;
    }

    ._intro .deco_02 {
        bottom: 66%;
        left: 22%;
    }

    ._intro .deco_03 {
        top: 36%;
        right: 20%;
    }

    ._intro .deco_04 {
        top: 46%;
        right: 15%;
        opacity: 0.8;
        width: 28px !important;
    }

    ._report .deco_01 {
        bottom: 0;
        left: 0;
        max-width: 220px;
    }

    ._report .deco_02 {
        bottom: 85%;
        left: 30%;
        opacity: 0.7;
    }

    ._activity .deco_05 {
        width: 30px !important;
    }

    ._activity .deco_06 {
        display: none;
    }

    ._activity .deco_07 {
        right: 11%;
        top: 58%;
    }

    ._mypage .deco_01 {
        top: 10%;
        left: 9%;
    }

    ._mypage .deco_02 {
        bottom: 41%;
        left: 19%;
    }

    ._mypage .deco_06 {
        bottom: 50%;
        right: 20%;
    }

    ._mypage .deco_07 {
        right: 8%;
        top: 10%;
    }

    /* 서브데코 */

    /* 서브 1024px */
}

@media (max-width: 768px) {
    /* 공통 768px */
    :root {
        --sub_page_tit_h: 230px;

        /*테이블 간격*/
        --tb_chk: unset;
        --tb_no: unset;
        --tb_view: unset;
        --tb_board: unset;
        --tb_activity_date: unset;
        --tb_date: unset;
        --tb_date_hour: auto;
        --tb_wr_name: unset;
        --tb_edit_btn: 55px;
        --tb_condition: unset;
        --tb_part: unset;
    }

    ._mypage {
        --sub_page_tab_color: #4bc4be;
    }

    ._intro {
        --sub_page_tab_color: #d05700;
    }

    ._report {
        --sub_page_tab_color: #2d6efc;
    }

    ._activity {
        --sub_page_tab_color: #d0a000;
    }

    ._news {
        --sub_page_tab_color: #40b55c;
    }

    section[class^="main_0"] {
        padding-block: 80px;
    }

    .bread_crumbs {
        flex-wrap: wrap;
    }

    .pop_up._terms {
        top: 50px;
        height: calc(100vh - 110px);
        min-height: unset;
        max-width: 500px;
    }

    ._default.btn_wrap .common_btn {
        font-size: 15px;
        margin: 0;
        height: 35px;
        padding: 0 15px;
    }

    .wrap_1120 {
        padding-inline: 15px;
    }

    .no_768 {
        display: none;
    }

    ._default.btn_wrap .common_btn.w_180 {
        width: 100%;
    }

    ._default.btn_wrap .common_btn.w_160 {
        max-width: 160px;
        width: 100%;
    }

    ._default.btn_wrap .common_btn.w_130 {
        max-width: 130px;
        width: auto;
    }

    ._default.btn_wrap .common_btn.w_120 {
        /* max-width: 120px; */
        width: 100%;
    }

    ._default.btn_wrap.left_right_btn,
    ._default.btn_wrap.left_btn,
    ._default.btn_wrap.right_btn {
        justify-content: center;
        gap: 7px;
    }

    :where(._default.btn_wrap.left_right_btn, ._default.btn_wrap.left_btn, ._default.btn_wrap.right_btn) > div {
        display: inline-flex;
        gap: 7px;
        margin: 0;
    }

    :where(._default.btn_wrap.left_right_btn, ._default.btn_wrap.left_btn, ._default.btn_wrap.right_btn)._1_2 .left {
        flex: 1;
    }

    :where(._default.btn_wrap.left_right_btn, ._default.btn_wrap.left_btn, ._default.btn_wrap.right_btn)._1_2 .right {
        flex: 2.07;
    }

    :where(._default.btn_wrap.left_right_btn, ._default.btn_wrap.left_btn, ._default.btn_wrap.right_btn)._2_1 .left {
        flex: 2.07;
    }

    :where(._default.btn_wrap.left_right_btn, ._default.btn_wrap.left_btn, ._default.btn_wrap.right_btn)._2_1 .right {
        flex: 1;
    }

    ._activity ._default.btn_wrap.right_btn {
        justify-content: flex-end;
    }

    .con_board .blue_btn {
        padding-block: 0;
        height: 30px;
        line-height: 30px;
        width: 100%;
    }

    ._flex {
        display: flex;
    }

    .p_r_15 {
        padding-right: 15px;
    }

    ._flex._flex_100 {
        flex: 100%;
    }

    ._flex._jc_sb {
        justify-content: space-between;
    }

    ._flex._ai_b {
        align-items: baseline;
    }

    .divider {
        display: inline-block;
        color: #ccc;
    }

    /* 공통 768px */
    /*팝업배너 768px*/
    .pop_banner_wrap {
        max-width: 480px;
    }

    .pop_banner {
        left: 50%;
        transform: translateX(-50%);
        max-width: unset;
        width: 100%;
    }

    .pop_banner.pop_middle {
        left: 50%;
        transform: translateX(-50%);
    }

    .pop_banner.pop_right {
        right: unset;
    }

    .pop_banner .pop_banner_tit {
        font-size: 16px;
    }

    .join .checkbox_wrap label em {
        top: 0;
    }

    .checkbox_wrap label em {
        width: 18px;
        height: 18px;
        position: relative;
        top: -1px;
    }

    .pop_banner .checkbox_wrap label span {
        font-size: 14px;
        vertical-align: middle;
        margin-top: -7px;
    }

    .pop_banner button {
        font-size: 14px;
    }

    /*팝업배너 768px*/

    /* 헤더 768px */
    h1 {
        width: 210px;
    }

    .header_wrap {
        padding-inline: 10px;
    }

    /* 헤더 768px */

    /* 메인 768px */
    section[class^="main"] .tit_wrap {
        margin-bottom: 40px;
    }

    section[class^="main"] .tit_wrap h2 {
        font-size: 28px;
    }

    .circle_wrap {
        gap: 15px;
    }

    .main_01 .wrap_1330 {
        padding-inline: 15px;
    }

    .circle_wrap .circle {
        padding: 10px;
        padding-top: 20px;
    }

    .circle_wrap .circle .icon_wrap {
        margin-top: -18px;
        width: 16px;
        height: 16px;
    }

    .circle_wrap .circle p {
        font-size: 13px;
    }

    .circle_wrap .num_count {
        font-size: 15px;
    }

    .main_02 .con_wrap .con {
        flex: 100%;
    }

    .main_02 .con_wrap .con p {
        font-size: 18px;
        width: 60%;
        word-break: keep-all;
    }

    .main_02 .con_wrap .con :where(a, button) {
        width: 100px;
    }

    .main_02 .con_wrap .con :where(a, button) img {
        width: 30px;
        display: none;
    }

    .main_02 .con_wrap .con :where(a, button) span {
        visibility: visible;
        opacity: 1;
        font-size: 16px;
        margin-right: 0;
    }

    .main_02 .con_wrap .con :where(a, button):hover span {
        font-size: 16px;
        margin-right: 0;
    }

    .main_03 .tit_wrap .icon_wrap {
        width: 70px;
    }

    .main_03_slide li span:not(.img_wrap) {
        font-size: 18px;
    }

    .main_03_slide div.swiper-slide span:not(.img_wrap) {
        font-size: 16px;
        margin-top: 10px;
    }

    .main_05 .email_wrap input {
        width: 80%;
    }

    section[class^="main_0"].main_05 .tit_wrap h2 span {
        font-size: 32px;
    }

    section[class^="main_0"].main_05 .tit_wrap h2 {
        font-size: 30px;
    }

    .email_wrap .selected_tab span {
        padding-left: 10px;
    }

    .main_05 .deco_main_01 {
        bottom: 0;
        left: -50px;
        width: 280px;
    }

    .main_05 .deco_main_02 {
        bottom: 0;
        right: -110px;
        width: 380px;
    }

    /* 메인배경 */
    .main_01 .deco_01 {
        top: 12%;
        right: 74%;
    }

    .main_01 .deco_02 {
        left: 74%;
        top: 20%;
    }

    .main_05 .deco_02,
    .main_05 .deco_04,
    .main_05 .deco_05,
    .main_05 .deco_14,
    .main_05 .deco_16 {
        display: none;
    }

    /* 메인배경 */
    /* 메인 768px */

    /* 푸터 768px */
    footer .wrap_1700 {
        padding-block: 20px 20px;
        padding-inline: 15px;
    }

    footer .privacy_wrap a {
        font-size: 14px;
        font-weight: 600;
    }

    footer .info_wrap span {
        width: 50px;
    }

    footer .info_wrap :where(span, p) {
        font-size: 14px;
    }

    /* 푸터 768px */

    /* 서브 768px */
    .sub_page_tit {
        position: relative;
        height: calc(var(--sub_page_tit_h) + 55px);
    }

    .banner_wrap {
        padding-top: 35px;
    }

    .sub_menu_tab {
        padding-inline: 0;
        position: relative;
        z-index: 99;
        height: 0;
    }

    .sub_menu_tab > button {
        background-color: #fff;
        height: 50px;
        line-height: 50px;
        font-weight: 600;
        padding-inline: 20px;
        color: var(--txt_col);
        position: relative;
        display: inline-block;
        border-bottom: 1px solid #d6d6d6;
        width: 100%;
        z-index: 1;
        top: 5px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        left: -0;
    }

    .sub_menu_tab > button::before {
        content: "";
        width: 20px;
        height: 11px;
        background-image: var(--sub_menu_arrow);
        position: absolute;
        top: 50%;
        right: 20px;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translateY(-50%);
        transition: 0.3s;
    }

    .sub_menu_tab > button.active::before {
        transform: translateY(-50%) rotate(180deg);
        transition: 0.3s;
    }

    .sub_menu_tab > ul.active {
        flex-direction: column;
        height: unset;
        top: 4px;
        /* top: 3px; */
        opacity: 1;
        visibility: visible;
        position: relative;
        opacity: 1;
        transition: top 0.3s, opacity 0.3s, visibility 0s, height 0.3s;
    }

    .sub_menu_tab ul li {
        height: 50px;
        line-height: 50px;
        z-index: 1;
        border: none;
    }

    .sub_menu_tab > ul li.active a {
        color: var(--txt_col);
    }

    .sub_menu_tab > ul li a {
        border-radius: 0;
        background-color: #fff;
        border-bottom: 1px solid #d6d6d6;
        color: #000;
        font-size: 16px;
        justify-content: flex-start;
        padding-inline: 20px;
    }

    .sub_menu_tab > ul {
        flex-direction: column;
        height: unset;
        top: -30px;
        opacity: 0;
        transition: top 0.3s, opacity 0.3s, visibility 0s, height 0.3s;
        visibility: hidden;
        position: relative;
    }

    .pagination._board_type button {
        width: 32px;
        height: 32px;
        font-size: 16px;
    }

    .banner_wrap h2 {
        font-size: 32px;
    }

    .sub_con_banner {
        margin-bottom: 30px;
    }

    .round_num {
        padding: 5px 12px;
        font-size: 15px;
        margin-bottom: 15px;
    }

    .login h3 {
        font-size: 28px;
    }

    .join.sign_form li > p {
        padding-left: 0px;
    }

    .join.sign_form li.mail_wrap {
        flex-wrap: wrap;
    }

    .tab_wrap > div {
        font-size: 22px;
    }

    .join.sign_form li > .form_li_tit {
        flex: 100%;
        margin-bottom: 7px;
    }

    .join.sign_form li.add_wrap input.main_add {
        margin-left: 0px;
        margin-right: 0;
        flex: 100%;
    }

    .join.sign_form li > button {
        width: 120px;
    }

    .join.sign_form ul {
        margin-block: 30px;
    }

    .sign_form .btn_wrap .submit_btn {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
    }

    .sign_form_wrap {
        margin-bottom: 120px;
    }

    .sub_page_con.mypage_my_info .join.sign_form li.add_wrap input.code {
        max-width: calc(100%);
        min-width: unset;
    }

    .sub_page_con.report_area {
        margin-top: 20px;
    }

    ._mypage .sub_page_con .sub_page_con_view {
        border-top: 1px solid #ddd;
    }

    .mypage_apply .con_board.list_table .tb_board {
        min-width: 55px;
        width: auto;
        flex: unset;
    }

    .con_board .tr_div > div:not(.tb_date_hour):last-child {
        padding-left: 0;
    }

    .sub_page_con .sub_page_con_view {
        padding-top: 0px;
        margin-top: 10px;
    }

    .con_board.myContent .tr_div .tb_subject {
        min-width: calc(100% - 115px);
        flex: 0;
        padding-inline: 0;
    }

    .sub_page_con_view.con_view .tit_wrap .con_tit {
        font-size: 16px;
    }

    .report_area .report_con {
        padding: 25px 20px;
        margin-bottom: 20px;
    }

    .report_area .con_info_view {
        margin-top: 30px;
        margin-bottom: 0px;
    }

    .con_write .file_wrap .form_li_tit {
        flex: 100%;
        margin-bottom: 7px;
    }

    .report_area .join.sign_form li.add_wrap input:not(:first-of-type) {
        margin-left: 0;
    }
    ._report .sub_page_con_view.con_view .con_table_wrap ul li {
        flex-direction: row;
        margin: 0;
        padding: 0;
        border: 1px solid #d9d9d9;
    }

    ._report .sub_page_con_view.con_view .con_table_wrap ul li:not(:last-of-type) {
        border-bottom: 0;
    }

    ._report .sub_page_con_view.con_view .con_table_wrap ul li > div:first-of-type {
        border-right: 1px solid #d9d9d9;
        text-align: center;
        font-size: 15px;
        background-color: #f5f5f5;
        min-width: 100px;
    }

    ._report .sub_page_con_view.con_view .con_table_wrap ul li > div {
        font-size: 15px;
        padding: 8px 6px;
    }

    .tb_ans {
        min-width: unset;
        width: unset;
    }

    .con_write textarea {
        width: calc(100%);
    }

    .con_write .file_box_wrap {
        width: calc(100% - 147px);
        font-size: 15px;
    }

    .report_area li .school_zone_wrap {
        padding-left: 0;
        margin-top: 7px;
        width: 100%;
    }

    .report_area li .school_zone_wrap > div:first-child {
        flex-direction: column;
        align-items: flex-start;
    }

    .report_area li .school_zone_wrap .p_warn {
        margin-left: 0;
        margin-top: 7px;
    }

    .report_area li .school_zone_wrap label {
        min-width: unset;
    }

    .report_area li .school_zone_wrap > div {
        flex-direction: column;
        align-items: flex-start;
    }

    .report_area .join.sign_form li .common_btn {
        margin-left: 0;
        width: 100%;
        margin-block: 5px;
    }

    .report_area .p_info {
        margin-left: 0;
    }

    .con_write .file_list {
        padding-left: 0;
    }

    .con_write .file_wrap .blue_btn {
        height: auto;
        font-size: 15px;
    }

    .report_area .con_board.list_table .tr_div > div a {
        width: calc(100% - 80px);
    }

    .con_write .file_wrap label {
        align-items: stretch;
        width: 100%;
    }

    /* .report_area .sub_page_con_view {
        margin-bottom: 25px;
    } */

    .sub_page_con_view.con_view .con_table_wrap ul li {
        flex-direction: column;
        margin-top: 15px;
    }

    .sub_page_con_view.con_view .con_table_wrap ul li .con_th {
        font-weight: 700;
    }

    .sub_page_con_view.con_view .con_table_wrap .file_list_wrap .common_style {
        margin-left: 0;
        padding: 3px 5px;
    }

    .sub_page_con_view.con_view .file_list_wrap .file_name {
        text-decoration: underline;
        width: auto;
        margin-right: 10px;
    }

    .file_list_wrap > ._flex + ._flex {
        margin-top: 5px;
    }

    .file_list_wrap button.common_style {
        min-width: 100px;
    }

    .sub_con_banner {
        padding: 20px 15px;
    }

    .sub_con_banner p {
        line-height: 1.5;
        font-weight: 500;
        font-size: 15px;
    }

    .sub_con_banner p:not(:first-of-type) {
        margin: 8px;
    }

    .sub_con_banner .link_wrap {
        margin-top: 10px;
    }

    .sub_con_banner .link {
        flex-direction: column;
        gap: 2px;
    }

    .sub_con_banner .link .action_btn {
        background-color: #252525;
        width: 160px;
        height: 30px;
        margin-top: 3px;
        margin-left: 0;
    }

    .sub_con_banner .link .action_btn:hover span {
        font-size: 14px;
    }

    .sub_con_banner .link .action_btn span {
        visibility: visible;
        opacity: 1;
        font-size: 14px;
        margin-right: 7px;
    }

    .report_area .link .common_style {
        width: 100%;
        max-width: 400px;
    }

    .sub_page_con {
        margin-top: 30px;
    }

    .sub_con_tit {
        font-size: 28px;
        margin-top: 15px;
    }

    .total_num span {
        font-size: 16px;
        font-weight: 600;
    }

    .sub_page_con_view.con_write {
        padding: 15px 20px;
        margin-top: 20px;
    }

    .con_board.list_table .thead_li {
        display: none;
    }

    .con_board.list_table .tr_div {
        padding: 10px;
        position: relative;
        flex-wrap: wrap;
        gap: 5px 0px;
        height: auto;
        justify-content: flex-start;
        align-items: normal;
    }

    ._activity .con_board.list_table .tr_div {
        padding: 10px;
        position: relative;
        flex-wrap: wrap;
        gap: 5px 0px;
        height: auto;
        align-items: normal;
        justify-content: space-between;
    }

    .con_board.list_table li:nth-of-type(2) {
        /* border-top: 1px solid #ddd; */
    }

    .tb_condition {
        display: inline-flex;
    }

    .con_board.list_table .mo_th {
        display: inline-block;
        margin-right: 5px;
        color: #6d6d6d;
    }

    .con_board.list_table .tr_div > div:first-child {
        margin-left: 0;
    }

    .con_board.list_table .tb_chk {
        margin-left: 0;
        padding: 0;
        min-width: 20px;
        width: 20px;
        margin-right: 5px;
    }

    .con_board.list_table .tr_div > div {
        text-align: left;
        padding: 0;
        font-size: 16px;
        font-weight: 400;
    }

    .con_board.list_table .tr_div > div a {
        font-weight: 500;
    }

    .con_board .tr_div .tb_subject a,
    :where(div, td).tb_subject a {
        line-height: 1.5;
    }

    .con_board.list_table .tb_board {
        flex: 100%;
        font-weight: 500;
    }

    .con_board.list_table .tb_subject {
        flex: 100%;
        font-weight: 500;
    }

    .con_board.list_table .tb_activity_date {
        flex: 100%;
    }

    .con_board.list_table .tb_date {
        flex: 100%;
    }

    .con_board.list_table .tb_edit_btn {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .con_board.list_table .tr_div > div:last-child {
        margin-right: 0;
    }

    .search_wrap {
        width: 100%;
        height: 35px;
    }

    ._default.btn_wrap._board_type.float_right {
        float: unset;
        width: 100%;
        justify-content: flex-end;
        margin-top: 10px;
    }

    ._default.btn_wrap._board_type.float_right.in_line {
        float: right;
        width: unset;
        margin-top: 0;
    }

    ._default.btn_wrap._board_type .common_btn {
        height: 35px;
    }

    ._report ._default.btn_wrap._board_type.float_right.in_line {
        width: 100%;
        float: unset;
        margin-bottom: 10px;
    }

    ._report ._default.btn_wrap._board_type .common_btn {
        height: 35px;
        width: 100%;
    }

    .con_board.open_board .thead_li {
        display: none;
    }

    .con_board.open_board li:nth-of-type(2) {
        border-top: 1px solid #ccc;
    }

    .con_board.open_board .con_tit {
        flex-wrap: wrap;
        height: auto;
        gap: 5px 0;
        padding: 10px 15px;
        justify-content: flex-start;
        position: relative;
    }

    span[class^="ans_"] {
        font-size: 14px;
        min-width: 60px;
        text-align: center;
    }

    .sub_page_con.mypage_inqury .con_board .tr_div .tb_subject {
        width: calc(100% - 80px);
        padding-inline: 0;
    }

    div[class^="tb_ans"] {
        position: absolute;
        top: 10px;
        right: 10px;
    }

    .sub_page_con:where(.mypage_inqury, .mypage_apply, ) span[class^="ans_"] {
        position: absolute;
        top: 10px;
        right: 25px;
    }

    .sub_page_con.mypage_inqury span[class^="ans_"] {
        font-size: 14px;
    }

    .m_option_btn {
        position: absolute;
        top: 12px;
        right: 5px;
        width: 14px;
        height: 20px;
        display: inline-block;
    }

    .m_option_wrap {
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        padding: 5px !important;
        display: inline-flex;
        flex-direction: column;
        gap: 5px;
        border: 1px solid #ddd;
        top: 37px;
        right: 5px;
        z-index: 1;
    }

    .m_option_wrap button {
        padding: 2px 5px;
        color: #fff;
        border-radius: 5px;
        background-color: var(--main_color);
        font-size: 14px;
    }

    .m_option_wrap button._gray {
        background-color: #a5a5a5;
    }

    .mypage_apply .con_board.list_table .tb_activity_date {
        min-width: unset;
        width: unset;
        flex: 50%;
    }

    .mypage_apply .tb_date_hour {
        min-width: unset;
        width: unset;
    }

    .con_board.open_board .tb_date {
        flex: 100%;
        text-align: right;
        padding: 0;
        margin: 0;
    }

    .con_board.open_board .tr_div > div.tb_no {
        text-align: left;
    }

    .con_board.open_board .tr_div > div:first-child {
        margin-left: 0;
    }

    ._activity .con_write li:not(.file_wrap) {
        gap: 5px;
    }

    ._activity .con_write li:not(.file_wrap).con_form {
        flex-direction: column;
        align-items: flex-start;
    }

    ._activity .con_write li > .form_li_tit {
        min-width: 90px;
        font-size: 15px;
        font-weight: 600;
    }

    ._activity .con_write li.add_wrap input.code {
        max-width: calc(100% - 230px);
    }

    .report_area .tb_condition {
        position: absolute;
        top: 7px;
        right: -15px;
    }

    .report_area span[class^="ans_"] {
        height: 25px;
        line-height: 25px;
        font-size: 14px;
        font-weight: 400;
    }

    .report_area .con_info_view .con_info p {
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }

    .sub_page_con_view.con_gal ul li {
        /* flex: 1 1 35%;
        max-width: calc((100% - 20px) / 2); */
        flex: 1 1 30%;
        max-width: calc((100% - 40px) / 3);
    }

    .gal_tag {
        padding: 4px 16px 5px;
        font-size: 16px;
    }

    .con_info_wrap div {
        flex: 100%;
        gap: 10px;
    }

    .con_info_wrap div .info_tit {
        margin-top: 2px;
        min-width: 75px;
    }

    .con_info_wrap div {
        align-items: flex-start;
    }

    .con_info_wrap div .info_desc {
        white-space: normal;
    }

    .sub_page_con_view.con_card .tit_wrap .elips_2 {
        font-size: 16px;
    }

    .reply_btn button {
        font-size: 14px;
    }

    .only_768 {
        display: inline-block;
    }

    .sub_page_con_view.con_view .tit_wrap.flex_wrap {
        padding-block: 10px;
        margin-bottom: 10px;
    }

    .sub_page_con .content_wrap {
        padding: 10px 10px;
        min-height: 200px;
    }

    .agree_form .info {
        font-size: 16px;
        margin-block: 30px;
    }

    .agree_form .checkbox_wrap:first-child label span {
        font-size: 18px;
    }

    .sign_form .con_tit {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 10px;
    }

    .intro-con .intro-img-box .intro-img-list {
        flex-direction: column;
        gap: 30px;
    }

    .intro-con .intro-img-box .intro-img-list li {
        gap: 10px;
        padding: 25px 15px;
    }

    .intro-con .intro-img-box .intro-img-list li .tit {
        font-size: 20px;
    }

    .intro-con {
        padding-top: 20px;
    }

    .intro-tit {
        font-size: 26px;
        margin-top: 10px;
    }

    .intro-con .intro-img-box {
        text-align: center;
        margin-top: 25px;
        padding: 30px;
    }

    .reply_box .reply_writer img {
        display: none;
    }

    .intro-con .txt-con {
        padding: 40px 0;
    }

    .intro-con .txt-con .txt {
        font-size: 16px;
        line-height: 1.5;
    }

    .intro-con .txt-con .txt b {
        font-size: 20px;
        line-height: 1.5;
    }

    .intro-con .logo-con {
        margin-top: 30px;
    }

    .intro-con .logo-con .logo-list {
        gap: 25px;
        padding-inline: 25px;
    }

    .sub_page.container {
        padding-bottom: calc(var(--h_header) * 0.4);
    }

    ._activity .con_write li.add_wrap input {
        margin-top: 7px;
        margin-left: 0;
    }

    ._intro ._default.btn_wrap.right_btn,
    ._news ._default.btn_wrap.right_btn {
        justify-content: flex-end;
    }

    .report_chk_wrap {
        padding: 20px;
        flex-wrap: wrap;
        gap: 20px 10px;
        flex-direction: column;
    }

    .report_chk_wrap div.flex_half:not(.select_tab_box) {
        flex-direction: column;
        align-items: flex-start;
    }

    .report_chk_wrap div:not(.select_tab_box) {
        flex-direction: column;
        align-items: flex-start;
    }

    .report_chk_wrap .input_wrap label + label {
        margin-left: 0;
    }

    .report_chk_wrap .input_wrap._column div.select_tab_box {
        top: 0;
        margin-left: 0;
    }

    .report_chk_wrap .input_wrap._column div.select_tab_box:first-of-type {
        margin-left: 0;
    }

    .report_chk_wrap .input_text_wrap {
        top: 0;
    }

    .report_chk_wrap .input_wrap label,
    .report_chk_wrap .select_wrap label {
        margin-top: 7px;
    }

    .report_chk_wrap .input_wrap._column div.select_tab_box {
        margin-top: 7px;
    }

    .report_chk_wrap .custom_input {
        margin-top: 10px;
        width: 100%;
        margin-left: 0;
    }

    .con_board.open_board .tr_div > div:last-child {
        margin: 0;
        text-align: right;
        width: 100%;
        padding: 0;
    }

    .con_board.list_table .tbody_li:hover {
        background-color: revert;
    }

    ._activity .con_write li label {
        font-size: 15px;
    }

    .condition_tag {
        display: inline-block;
        padding: 0px 5px 1px 4px;
        background-color: #5e85da;
        flex: unset !important;
        border-radius: 0px;
        color: #fff;
        font-weight: 500;
        margin-right: 4px;
        font-size: 15px;
    }

    .condition_tag._green {
        background-color: var(--txt_col);
    }

    .condition_tag._gray {
        background-color: #a5a5a5;
    }

    /*서브데코*/

    .deco_wrap [class^="deco"]._xxxsmall {
        width: 8px;
    }

    .deco_wrap [class^="deco"]._xxsmall {
        width: 13px;
    }

    .deco_wrap [class^="deco"]._xsmall {
        width: 20px;
    }

    .deco_wrap [class^="deco"]._small {
        width: 24px;
    }

    .deco_wrap [class^="deco"]._medium {
        width: 28px;
    }

    ._report .deco_01 {
        left: -40px;
        max-width: 190px;
    }

    ._report .deco_03 {
        right: 9%;
    }

    ._report .deco_05 {
        top: 2%;
        right: 16%;
    }

    ._report .deco_02 {
        bottom: 85%;
        left: 20%;
    }

    ._activity .deco_02 {
        bottom: 27%;
        left: unset;
        right: 50px;
        opacity: 0.8;
    }

    ._activity .deco_04 {
        top: 25%;
        left: unset;
        right: 20%;
    }

    ._news .deco_02 {
        max-width: 155px;
        width: 40%;
        left: -32px;
        bottom: 45%;
    }

    ._news .deco_03,
    ._news .deco_05 {
        display: none;
    }

    /*서브데코*/

    ._report div[class^="tb_ans"] {
        position: absolute;
        top: 10px;
        left: 10px;
        right: unset;
    }

    ._report div[class^="tb_ans"].adm_login {
        position: absolute;
        top: 38px;
    }

    ._report .con_board .tr_div .tb_subject {
        justify-content: flex-end;
    }

    ._report ._flex.info_wrap {
        width: calc(100% - 110px);
    }
    ._report .po_ab {
        position: absolute;
        right: 0;
    }
    ._report .ws_nowrap {
        white-space: nowrap;
    }

    .sub_page_con_view.con_view .content * {
        max-width: 100%;
        height:auto !important;
    }
    }
    /* 서브 768px */
}

@media (max-width: 640px) {
    /* 공통 640px */
    section[class^="main_0"] {
        padding-block: 80px;
    }

    .pop_up {
        padding: 45px 20px 25px;
    }

    .only_640 {
        display: revert;
    }

    .no_640 {
        display: none;
    }

    /* 공통 640px */

    /* 헤더 640px */
    h1 {
        width: 210px;
    }

    /* 헤더 640px */

    /* 메인 640px */
    section[class^="main"] .tit_wrap p {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .circle_wrap {
        flex-direction: row;
        align-items: center;
        margin-top: unset;
        gap: 20px;
    }

    .circle_wrap .circle {
        max-width: 108px;
        width: 100%;
    }

    .main_03_slide_wrap {
        padding: 0;
    }

    .main_03_slide li span:not(.img_wrap) {
        font-size: 16px;
    }

    .main_03_slide li.swiper-slide {
        /* margin-right: 0 !important;
		margin-left: 0 !important; */
        transition: unset;
        filter: blur(1);
    }

    .main_03 .btn_wrap._slide button {
        display: none;
    }

    /* .main_04 .con_wrap>div {

        max-width: 320px;
    } */
    .main_04 .con_wrap {
        padding: 0px 50px 80px;
    }

    .main_05 .form_wrap .input_default {
        padding: 0 15px;
    }

    .main_05 .deco_main_01 {
        bottom: 0;
        left: -50px;
        width: 210px;
    }

    .main_05 .deco_main_02 {
        bottom: 0;
        right: -70px;
        width: 280px;
    }

    /* 메인배경 */
    .main_bg_wrap [class^="deco"]._xxsmall {
        width: 6px;
    }

    .main_bg_wrap [class^="deco"]._xsmall {
        width: 12px;
    }

    .main_bg_wrap [class^="deco"]._small {
        width: 24px;
    }

    .main_bg_wrap [class^="deco"]._medium {
        width: 30px;
    }

    .main_bg_wrap [class^="deco"]._large {
        width: 37px;
    }

    .main_bg_wrap [class^="deco"]._xlarge {
        width: 47px;
    }

    .main_bg_wrap [class^="deco"]._xxlarge {
        width: 55px;
    }

    .main_01 .deco_01 {
        top: 5%;
        right: 84%;
    }

    .main_01 .deco_02 {
        left: 85%;
        top: 11%;
    }

    .main_03 .deco_01 {
        top: 16%;
        right: 83%;
    }

    .main_03 .deco_02 {
        top: 23%;
        left: 85%;
    }

    .main_03 .deco_03 {
        bottom: 8%;
        left: unset;
        right: 4%;
        width: 40px !important;
    }

    .main_03 .deco_main_02 {
        top: 0;
        right: -10%;
    }

    .main_03 .deco_main_04 {
        display: none;
    }

    .main_03 .deco_main_05 {
        top: 11%;
    }

    .main_04 .deco_01 {
        width: 40%;
    }

    .main_04 .deco_02 {
        width: 32%;
    }

    .main_05 .deco_03 {
        display: none;
    }

    .main_05 .deco_01 {
        top: 5%;
        left: 7%;
    }

    .main_05 .deco_12 {
        top: 9%;
        right: 5%;
    }

    .main_05 .deco_07 {
        display: none;
    }

    .main_05 .deco_17 {
        display: none;
    }

    /* 메인배경 */
    /* 메인 640px */

    /* 푸터 640px */
    /* 푸터 640px */

    /* 서브 640px */
    .wrap_500 {
        padding: 0;
    }

    .sub_menu_tab ul li a {
        font-size: 16px;
    }

    .login {
        padding: 30px 20px 40px;
    }

    .tab_wrap > div {
        font-size: 16px;
        padding-bottom: 10px;
    }

    .round_num {
        padding: 5px 12px;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .join.sign_form li:not(.add_wrap) > button {
        flex: 100%;
        margin-left: 0px;
        margin-top: 5px;
    }

    .sign_form_wrap {
        margin-bottom: 100px;
    }

    .join.sign_form li.mail_wrap input {
        margin-left: 0;
        margin-top: 5px;
    }

    .join.sign_form li .select_tab_box {
        margin-top: 5px;
    }

    .join_way_wrap label:last-of-type {
        flex: 100%;
        flex-wrap: wrap;
    }

    .join_way_wrap label:last-of-type input[type="text"] {
        flex: 100%;
    }

    .join.sign_form li.mail_wrap :where(input:not(:first-of-type), em) {
        margin-inline: 4px;
    }

    .join.sign_form li.mail_wrap :where(input:not(:first-of-type), .select_tab_box) {
        margin-left: 4px;
    }

    .join.result_wrap .deco_wrap {
        position: relative;
        padding-block: 35px;
        margin-top: 35px;
    }

    .join.result_wrap .deco_wrap span {
        width: 70px;
        height: 70px;
    }

    .join.result_wrap .con_wrap .con_tit {
        font-size: 22px;
    }

    .join.sign_form li.mail_wrap input,
    .join.sign_form li.mail_wrap > div {
        width: calc(50% - 15px);
    }

    .report_area .file_box_wrap {
        width: 100%;
    }

    .report_area .file_wrap label {
        flex-direction: column;
    }

    .report_area .file_wrap .blue_btn {
        height: 40px;
        width: 100%;
        margin-top: 5px;
        margin-left: 0;
    }

    .con_board.open_board .con_desc div[class^="con_"] div {
        width: calc(100% - 50px);
        font-weight: 500;
        margin-top: 5px;
    }

    .con_board.open_board .con_date {
        padding-left: 0;
        width: 100%;
    }

    .con_board.open_board .con_desc .con_q {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .con_board.open_board .con_desc :where(.con_a, .con_q) {
        flex-direction: column;
    }

    .con_board.open_board .tr_div > div:first-child {
        margin-left: 0;
        padding: 0;
        padding-right: 5px;
    }

    .con_board.open_board .tr_div > div:last-child {
        margin: 0;
    }

    .sub_page_con.mypage_inqury .con_board .tr_div .tb_subject {
        flex: 100%;
        width: 100%;
        padding: 0;
    }

    /* .sub_page_con_view.con_gal ul li {
        flex: 100%;
        max-width: unset;
    }

    .sub_page_con_view.con_gal ul li a {
        flex-direction: row;
    } 
    .sub_page_con_view.con_gal ul li .desc_wrap {
        flex: 1.2;
    }    
    */
    .sub_page_con_view.con_gal ul li {
        max-width: calc((100% - 15px) / 2);
        flex: 1 1 45%;
    }

    .sub_page_con_view.con_gal ul li .img_wrap {
        flex: 1.5;
    }

    .sub_page_con_view.con_card ul {
        gap: 12px;
    }

    .sub_page_con_view.con_card ul li {
        max-width: calc((100% - 12px) / 2);
        flex: 1 1 45%;
    }

    .reply_box {
        gap: 5px;
        position: relative;
    }

    .reply_box .reply_date {
        width: 100%;
    }

    .reply_btn {
        margin-left: 5px;
        position: absolute;
        right: 10px;
        top: 17px;
    }

    .cke_dialog_ui_hbox_first {
        /* width: 10% !important; */
    }

    .cke_dialog .ImagePreviewBox {
        height: 300px !important;
        max-width: 300px !important;
        width: 100% !important;
    }

    ._intro .deco_01 {
        bottom: 50%;
        left: 10%;
    }

    ._intro .deco_02 {
        bottom: 66%;
        left: 17%;
    }

    ._intro .deco_03 {
        top: 36%;
        right: 17%;
    }

    ._intro .deco_04 {
        top: 46%;
        right: 8%;
        opacity: 0.6;
        width: 28px !important;
    }

    /* 서브 640px */
}

@media (max-width: 500px) {
    .no_500 {
        display: none;
    }

    .sub_menu_tab ul li a {
        font-size: 15px;
        text-align: center;
    }

    .sub_menu_tab.wrap_1120 {
        padding-inline: 0;
    }

    .sub_page_con_view.con_gal ul li .img_wrap {
        flex: 1;
    }

    .banner_wrap h2 {
        font-size: 28px;
    }

    .sub_page_tit {
        position: relative;
        height: calc(var(--sub_page_tit_h) + 35px);
    }

    .sub_page_con_view.con_write {
        padding: 15px;
    }

    .con_write .date_wrap input {
        width: calc(50% - 10px);
    }

    .con_write .date_wrap em {
        margin-inline: 0;
    }

    ._activity .con_write li:not(.file_wrap) {
        flex-wrap: wrap;
    }

    ._activity .con_write li > .form_li_tit {
        width: 100%;
    }
}

@media (max-width: 450px) {
    .no_450 {
        display: none;
    }

    header .utility_wrap .user_btn img {
        width: 25px;
    }

    header .utility_wrap .user_btn {
        height: 35px;
    }

    header .m_btn_wrap :where(button, a) {
        font-size: 15px;
        padding: 5px 15px;
    }

    header .utility_wrap .user_btn span {
        font-size: 14px;
    }

    .m_menu_top {
        padding: 17px 15px 18px;
    }

    .center_btn {
        width: 150px;
    }

    ._default.btn_wrap._board_type .common_btn {
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        max-width: unset;
        width: auto;
    }

    .login h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }

    .pop_up .btn_wrap .submit_btn {
        height: 32px;
        line-height: 32px;
        font-size: 0.9em;
    }

    .sns_wrap p {
        margin-top: 20px;
    }

    ._default.btn_wrap._board_type .common_btn {
        height: 32px;
        line-height: 32px;
        font-size: 1em;
    }

    ._default.btn_wrap .common_btn.w_130 {
        min-width: 80px;
        width: auto;
        max-width: unset;
    }

    .link_wrap :where(button, a) {
        font-size: 0.9em;
    }

    .content_wrap > .result_wrap + ul {
        margin-top: 0;
    }

    .sub_page_con_view.con_gal ul {
        gap: 12px;
    }

    .sub_page_con_view.con_gal ul li {
        max-width: calc((100% - 12px) / 2);
        flex: 1 1 45%;
    }

    .sub_page_con_view.con_gal ul li a {
        flex-direction: column;
        gap: 0px;
        padding: 10px;
    }

    .sub_page_con_view.con_gal ul li .con_tit {
        margin-bottom: 5px;
    }

    .sub_page_con_view.con_gal ul li .img_wrap {
        flex: unset;
        aspect-ratio: 3/4;
    }

    .sub_page_con_view.con_gal ul li .desc_wrap {
        flex: unset;
        margin-top: 10px;
    }

    .sub_page_con_view.con_gal ul li .desc_wrap p {
        font-size: 14px;
    }

    .gal_tag {
        padding: 1px 12px 3px;
    }

    .total_num span {
        font-size: 14px;
    }

    .checkbox_wrap .gal_tag span {
        font-size: 13px;
    }

    .sub_page_con.mypage_inqury span[class^="ans_"] {
        font-size: 12px;
    }

    ._activity .sub_page_con_view.con_gal ul li .desc_wrap {
        /* display: none; */
    }

    .join.agree_form ul li .con_desc div {
        font-size: 80%;
    }

    .join.sign_form li > .form_li_tit {
        font-size: 0.9em;
    }

    .sign_form_wrap.wrap_840 {
        margin-bottom: 30px;
    }

    .join.sign_form .mail_wrap .selected_tab {
        height: 35px;
    }

    .join.sign_form .selected_tab span {
        padding: 0 10px;
        font-size: 0.8em;
    }

    .join.sign_form li :where(input#mail_01) {
        flex: initial !important;
        width: 150px;
    }

    .join.sign_form li:not(.add_wrap) > button {
        margin-left: 6px;
        margin-top: 5px;
        width: auto;
        padding: 0 10px;
        flex: initial;
        height: 35px;
    }

    .join.sign_form li > p {
        font-size: 11px;
    }

    .checkbox_wrap label > span {
        font-size: 14px;
    }

    .join.sign_form .checkbox_wrap label > span {
        font-size: 0.8em;
    }

    .join.sign_form li.mail_wrap input,
    .join.sign_form li.mail_wrap > div {
        margin-right: 0;
    }

    .join.sign_form li.mail_wrap {
        display: inline-flex;
    }

    .join.sign_form li.mail_wrap > div {
        margin-left: 0px;
        flex: 70%;
    }

    .join.sign_form li.mail_wrap > em {
        margin-right: 7px;
    }

    .login_wrap {
        padding: 50px 20px 30px;
    }

    .pop_up {
        padding: 18px 20px 25px;
    }

    .pop_tit p {
        font-size: 22px;
        padding-bottom: 15px;
    }

    .pop_up .close_btn img {
        display: inline-block;
        width: 25px;
        height: 25px;
    }

    .pop_up .result_wrap {
        min-height: 100px;
    }

    .pop_up .result_wrap p {
        font-size: 16px;
    }

    .pop_up._terms {
        padding: 15px 5px 10px;
    }

    .pop_up._terms .content_wrap {
        padding-inline: 5px;
        height: calc(100% - 55px);
    }

    .pop_up._terms .terms_tit {
        font-size: 80%;
    }

    .pop_up._terms .terms_desc,
    .pop_up._terms .custom_scroll {
        font-size: 80%;
    }

    .pop_up._terms .close_btn {
        right: 15px;
        top: 15px;
    }

    .sub_con_banner p {
        font-size: 14px;
        margin: 0 !important;
    }

    span[class^="ans_"] {
        font-size: 12px;
    }

    .small_txt {
        font-size: 14px !important;
    }

    .con_board.list_table .tr_div > div {
        font-size: 14px;
    }

    .con_board.list_table .tr_div {
        flex-direction: column;
    }

    .m_option_btn {
        position: absolute;
        top: 10px;
    }

    .mypage_apply .con_board.list_table .tb_board {
        min-width: 55px;
        width: auto;
        flex: unset;
    }

    .mypage_apply .con_board.list_table .tb_subject {
        width: calc(100% - 100px);
        padding-inline: 0;
    }

    .mypage_apply .tb_part {
        margin-left: 3px;
    }

    /* .con_board.list_table .tr_div>div {
        display: flex;
    } */

    .con_board.list_table .tr_div ._cate {
        justify-content: flex-start;
    }

    .con_board.list_table .tr_div > div:not(._cate):first-of-type {
        justify-content: space-between;
        width: 100%;
    }

    .con_board.list_table .tr_div > div:not(._cate):first-of-type > div:not(.checkbox_wrap2) {
        flex: 1;
        overflow: hidden;
    }

    .con_board.list_table .tr_div > div:first-of-type > div:not(.checkbox_wrap2):last-of-type {
        flex: initial;
        overflow: hidden;
    }

    .report_area .con_board.list_table .tr_div {
        padding: 10px 0;
    }

    div[class^="tb_ans"] {
        position: absolute;
        top: 10px;
        right: 0;
    }

    .con_board.list_table .tr_div > div:not(._cate):last-of-type {
        justify-content: space-between;
        font-size: 14px;
    }

    .con_board.list_table .tr_div > div a {
        word-wrap: break-word;
        display: block;
    }

    .con_board.areaList .tr_div .tb_subject {
        min-width: auto;
    }

    .sub_page_con_view.con_card .tit_wrap .tit_date {
        font-size: 80%;
        text-align: right;
    }

    .con_board.open_board .con_tit {
        gap: 5px 0;
        padding: 10px;
    }

    .con_board.open_board .con_tit .tb_date_hour {
        width: 100%;
        text-align: right;
    }

    .sub_page_con.report_area {
        margin-top: 10px;
    }

    .sub_page_con_view.con_card .tit_wrap .elips_2 {
        font-size: 15px;
        -webkit-line-clamp: 1;
        word-break: break-word;
    }

    .checkbox_wrap2 input[type="checkbox"] {
        display: inline-block;
        width: 18px;
        height: 20px;
    }

    .list_wrap .list_tit {
        width: calc(100% - 200px);
    }

    .list_wrap :where(div, button, a)[class*="_list"] {
        font-size: 14px;
    }

    .con_info_wrap {
        gap: 0px;
    }

    .con_info_wrap div {
        margin-bottom: 3px;
    }

    .con_info_wrap div .info_tit,
    .con_info_wrap div .info_desc {
        font-size: 80%;
    }

    .sub_page_con_view.con_view .content {
        font-size: 80%;
    }

    .sub_page_con_view.con_view .content * {
        max-width: 100%;
        height:auto !important;
    }
    }

    .con_write .date_wrap input {
        width: calc(50% - 15px);
    }

    .sub_page_con .report_con input,
    .join.sign_form li input,
    .join.sign_form li textarea,
    .join.sign_form li button {
        font-size: 0.8em;
    }

    .join.sign_form li.phone_wrap input {
        flex: 1 1 20%;
        max-width: 55px;
        text-align: center;
        padding: 3px 5px;
    }

    .join.sign_form li.phone_wrap em {
        display: inline-block;
        margin-inline: 3px 6px;
        font-weight: 500;
        text-align: center;
    }

    .join.result_wrap .deco_wrap span {
        width: 55px;
        height: 55px;
    }

    .join.result_wrap .deco_wrap {
        position: relative;
        padding-block: 25px;
    }

    .join.result_wrap .con_wrap .con_tit {
        font-size: 18px;
        margin-bottom: 7px;
    }

    .join.result_wrap .con_wrap p {
        font-weight: 500;
        font-size: 14px;
    }

    ._default.btn_wrap .submit_btn {
        height: 32px;
        line-height: 32px;
        font-size: 15px;
    }

    .sub_page_con .report_con .file_wrap * {
        font-size: 13px;
    }

    .sub_page_con .report_con .file_wrap > label {
        align-items: center;
    }

    .sub_page_con .report_con .file_wrap p {
        font-size: 12px;
        margin-top: 0px;
    }

    .con_write .file_wrap .blue_btn {
        width: 75px;
        height: 30px;
        margin-left: 7px;
    }

    .sub_page_con_view.con_write :where(input, textarea, button),
    .join.sign_form input {
        height: 35px;
    }

    .sub_page_con_view.con_write button.close_btn {
        height: 20px;
        width: 20px;
    }

    .list_wrap .list_date {
        top: 12px;
    }

    .list_wrap a {
        align-items: center;
    }

    .con_info_wrap div .info_tit {
        margin-top: 0px;
    }

    .reply_container {
        margin-top: 20px;
    }

    .reply_wrap {
        padding: 10px;
        font-size: 80%;
    }

    .reply_wrap .replies {
        margin-top: 20px;
    }

    .reply_box {
        padding: 10px;
    }

    .my_reply.reply_box textarea.reply_con {
        width: calc(100% - 35px);
        height: 40px;
    }

    .reply_wrap .my_reply button {
        width: 30px;
        height: 30px;
    }

    .reply_box .reply_date {
        width: auto;
    }

    .reply_btn._mobile {
        flex-direction: column;
        display: flex;
        gap: 5px;
        background-color: #fff;
        border: 1px solid #cccccc94;
        padding: 5px;
        border-radius: 5px;
        margin-left: 0;
        top: 10px;
    }

    .reply_btn._mobile button + button {
        margin-left: 0;
    }

    .replies .reply_box {
        flex-direction: column;
    }

    .replay_area_for_mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .replay_area_for_mobile .reply_area_right {
        display: flex;
    }

    .reply_box .reply_con {
        width: 100%;
    }

    .report_area .report_con {
        padding: 15px 10px;
        margin-bottom: 0;
    }

    .report_area .con_write + ._default.btn_wrap {
        margin-top: 15px;
    }

    .report_area :where(.report_con + .report_con) {
        margin-top: 15px;
    }

    .report_area .con_write textarea {
        width: 100%;
    }

    .report_area .file_wrap label {
        flex-direction: row;
    }

    .report_area .con_info_view {
        margin-top: 20px;
        padding: 10px 15px;
    }

    .sign_form .con_tit,
    .sign_form .con_desc,
    .sign_form .con_info {
        font-size: 80%;
    }

    .report_area .checkbox_wrap label + label {
        margin-left: 0px;
    }

    .report_area .checkbox_wrap label:not(:last-of-type) {
        margin-right: 5px;
    }

    .sub_page_con_view.con_write li + li {
        margin-top: 0px;
    }

    .sub_page_con_view.con_write li:not(:last-of-type):not(:first-of-type) {
        margin-bottom: 10px;
    }

    .close_btn_wrap {
        margin-bottom: 0px !important;
    }

    .content_wrap > ul {
        margin-top: 10px;
    }

    .content_wrap :where(input, button) {
        height: 35px;
        line-height: 35px;
    }

    .content_wrap :where(input, button, textarea, label, span) {
        font-size: 80%;
    }

    .sign_form .btn_wrap .submit_btn {
        height: 35px;
        font-size: 80%;
        line-height: 35px;
    }

    .report_chk_wrap {
        margin-top: 15px;
        padding: 10px;
        gap: 10px 5px;
    }

    .report_chk_wrap :where(span, button, input) {
        font-size: 80%;
    }

    .select_tab_box._board_type .selected_tab span {
        font-size: 14px;
    }

    .select_tab_box._board_type .tab_option :where(button, a) {
        padding: 5px 7px;
        text-align: left;
        font-size: 14px;
    }

    .select_tab_box._board_type .selected_tab {
        padding: 5px 10px;
        height: 32px;
    }

    .report_chk_wrap div:not(.select_tab_box) {
        display: flex;
        width: 100%;
    }

    .report_chk_wrap div.select_tab_box {
        width: 230px !important;
        margin-top: 10px;
    }

    .radio_wrap .select_wrap > div {
        min-height: auto;
    }

    .report_chk_wrap .select_tab_box._board_type .tab_option {
        top: 35px;
    }

    .report_chk_wrap .custom_input {
        height: 35px;
        font-size: 80%;
    }

    .report_chk_wrap .input_text_wrap {
        max-width: 100%;
    }

    .report_chk_wrap textarea {
        font-size: 80%;
        height: 120px;
    }

    .intro-tit {
        font-size: 20px;
        margin-top: 0;
    }

    .intro-con .intro-img-box .intro-img-list li {
        gap: 5px;
        padding: 20px 15px;
    }

    .intro-con .intro-img-box img {
        width: 40%;
        max-width: 160px;
    }

    .intro-con .intro-img-box .intro-img-list li .tit {
        font-size: 18px;
    }

    .intro-con .txt-con .txt b {
        font-size: 18px;
        line-height: 1;
    }

    .con_board.open_board .tbody_li.active .con_desc {
        padding: 10px;
    }

    .con_board.open_board .con_desc :where(.con_a, .con_q) {
        font-size: 0.8em;
    }

    .con_write .report_con li:first-of-type {
        margin-bottom: 10px;
    }

    .sub_page_con_view.con_card .tit_wrap {
        margin-top: 10px;
    }

    .sub_page_con_view.con_card .tit_wrap .elips_2 {
        font-size: 14px;
    }

    .condition_tag {
        font-size: 13px;
        padding: 1px 5px 1px 4px;
    }

    .pagination._board_type button {
        width: 28px;
        height: 28px;
        font-size: 14px;
    }

    .sub_page_con {
        margin-top: 15px;
    }

    ._activity .sub_con_banner {
        margin-bottom: 15px;
    }

    .sub_page_con .suggestList.sub_page_con_view {
        border-top: 1px solid #ddd;
    }

    ._report div[class^="tb_ans"] {
        left: 0px;
    }
    ._report div[class^="tb_ans"].adm_login {
        top: 33px;
    }
}