/* 공통 */
:root {
    --main_color: #000;
    --main_bg: #fafafa;
    --color_01: #ffe6d6;
    --color_02: #f25e00;
    --point_color: #ff7700;
    --color_03: #888888;
    --font_color01: #343a40;
    --font_color02: #5c5c5c;
    --font_color03: #495057;
    --bg_yellow: #fbf8f1;
    --bg_gray: #f5f5f5;
    --black_color: #212322;

    --font_45: 45px;
    --font_34: 34px;
    --font_30: 30px;
    --font_27: 27px;
    --font_24: 24px;
    --font_20: 20px;
    --font_18: 18px;
    --font_16: 16px;

    --bd_radius: 20px;
    --bd: 1px solid #d9d8d6;
    --bd_acc_col: 1px solid #ff7700;
    --bd_col: #d9d8d6;

    --form_li_tit: 120px;
}
.label_120 {
    --form_li_tit: 130px;
}

.label_150 {
    --form_li_tit: 160px;
}

.label_170 {
    --form_li_tit: 180px;
}
.sign_form .form_ul :where(input, select).w_70 {
    width: 70px;
}
.sign_form .form_ul :where(input, select).w_80 {
    width: 80px;
}
.sign_form .form_ul :where(input, select).w_85 {
    width: 85px;
}
.sign_form .form_ul :where(input, select).w_100 {
    width: 100px;
}
.sign_form .form_ul :where(input, select).w_150 {
    width: 150px;
}
.sign_form .form_ul :where(input, select).w_280 {
    width: 280px;
}
._90 {
    width: 90px;
}
._150 {
    width: 150px;
}
input:disabled {
    cursor: default;
    background-color: #d9d9d9;
    color: #676767;
}
@font-face {
    font-family: "pretentdard";
    src: url("./fonts/Pretendard-Light.woff");
    font-weight: 300;
}

@font-face {
    font-family: "pretentdard";
    src: url("./fonts/Pretendard-Regular.woff");
    font-weight: 400;
}

@font-face {
    font-family: "pretentdard";
    src: url("./fonts/Pretendard-Bold.woff");
    font-weight: 600;
}

@font-face {
    font-family: "Presentation";
    src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/2404@1.0/Freesentation-1Thin.woff2") format("woff2");
    font-weight: 100;
    font-display: swap;
}

body {
    font-family: "pretentdard";
    font-weight: 400;
    color: var(--font_color01);
}

/* common */
.only_500 {
    display: none;
}
.wrap {
    width: 1220px;
    margin: 0 auto;
    padding: 70px 0;
}

.wrap.no_padding_t {
    padding: 0px 20px 70px;
}

.point_color {
    color: var(--point_color) !important;
}

.bg_yellow {
    background-color: var(--bg_yellow);
}

.bg_gray {
    background-color: var(--bg_gray);
}

.bg_status {
    background-image: url("../img/common/bg_status.png");
    background-size: cover;
    background-position: center;
}

.custom_scroll::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.custom_scroll::-webkit-scrollbar-thumb {
    background-color: #bbb;
    border-radius: 10px;
    cursor: pointer;
}

.custom_scroll::-webkit-scrollbar-track {
    background-color: #eee;
    border-radius: 10px;
}

.custom_scroll2::-webkit-scrollbar {
    width: 6px;
}

.custom_scroll2::-webkit-scrollbar-thumb {
    background-color: #6d6d6d;
    border-radius: 10px;
    cursor: pointer;
}

.custom_scroll2::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}
body.scroll_lock {
    overflow: hidden;
}

.only_768 {
    display: none;
}
.sr_only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
/* popup */
.pop_up_wrap {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    /* display: none; */
    background-color: #00000040;
}
.pop_up_wrap .pop_up {
    width: calc(100% - 40px);
    max-width: 1220px;
    background: #fff;
    border: 1px solid #cecece;
    border-radius: 15px;
    padding: 30px;
    max-height: calc(100vh - 300px);
    display: flex;
    flex-direction: column;
}
.pop_up_wrap .tit_wrap {
    position: relative;
    border-bottom: 1px solid #6d6d6d;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.pop_up_wrap .tit_wrap .tit {
    width: calc(100% - 30px);
    font-size: var(--font_24);
    font-weight: 600;
    text-align: center;
    word-break: keep-all;
}

.pop_up_wrap .tit_wrap .close_btn {
    position: absolute;
    top: 3px;
    right: 0;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
    cursor: pointer;
}
.pop_up_wrap .tit_wrap .close_btn img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pop_up_wrap .tit_wrap .close_btn:hover {
    filter: brightness(0.9);
    transition: 0.3s;
}
.pop_up_wrap .con_wrap {
    height: 100%;
    padding-right: 15px;
    overflow: auto;
}
.pop_up_wrap .con_wrap p {
    font-size: var(--font_18);
    line-height: 1.5;
}

.default_pop_up {
    /* display: none; */
    position: fixed;
    top: calc(140px);
    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: 35px 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);
}
.default_pop_up .pop_tit_wrap {
    position: relative;
    margin-bottom: 20px;
}
.default_pop_up .pop_tit_wrap.no_tit {
    height: 30px;
    position: relative;
    margin-bottom: 0;
}
.default_pop_up .pop_tit_wrap.no_tit .close_btn {
    position: absolute;
    top: 0;
    right: 0;
}
.default_pop_up .pop_tit_wrap .pop_tit {
    width: calc(100% - 60px);
    margin-inline: auto;
    font-size: 21px;
    font-weight: 600;
    text-align: center;
}
.default_pop_up .close_btn {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.2s;
    font-weight: 500;
    width: 20px;
    height: 20px;
}

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

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

.default_pop_up .close_btn img {
    display: inline-block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    vertical-align: baseline;
    transition: 0.2s;
}

.default_pop_up .close_btn:hover img {
    filter: opacity(0.7);
    transition: 0.2s;
}

.default_pop_up .content_wrap {
    width: 100%;
}

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

.default_pop_up .tab_wrap {
    height: 60px;
}

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

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

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

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

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

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

.default_pop_up .btn_wrap {
    margin-top: 25px;
    display: flex;
    justify-content: center;
    gap: 16px;
}

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

.default_pop_up .btn_wrap .submit_btn {
    color: #fff;
    font-weight: 500;
    background-color: var(--point_color);
    border-radius: 50px;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: var(--font_18);
    transition: 0.2s;
    min-width: 120px;
    padding: 0 20px;
}
.default_pop_up .btn_wrap .submit_btn._gray {
    background-color: #fff;
    color: #5c5c5c;
    border: 1px solid #cecece;
}

.default_pop_up .btn_wrap .submit_btn._gray:hover {
    background-color: #cecece;
}

.default_pop_up .btn_wrap .submit_btn:hover {
    background-color: #232323;
    transition: 0.2s;
}
.default_pop_up .btn_wrap .full_btn {
    flex: 1;
}
.default_pop_up .btn_wrap .border_btn {
    display: inline-block;
    color: #fff;
    font-weight: 500;
    background-color: var(--point_color);
    border-radius: 50px;
    width: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: var(--font_18);
    transition: 0.2s;
    min-width: 120px;
    padding: 0 20px;
    background-color: #fff;
    border: 1px solid #d9d8d6;
    color: var(--font_color02);
}
.default_pop_up .btn_wrap .border_btn:hover {
    background-color: #343434;
    border: 1px solid #343434;
    color: #fff;
}
.default_pop_up .result_wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    word-break: keep-all;
    min-height: 60px;
    max-height: 600px;
    overflow: auto;
}
.default_pop_up .result_wrap div,
p {
    font-size: var(--font_18);
}
.default_pop_up.pop_banner {
    max-width: 700px;
}
.default_pop_up.pop_banner .bottom_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #cecece;
    padding-top: 15px;
    margin-top: 20px;
}
.default_pop_up.pop_banner .btn_wrap {
    margin-top: 0;
}
.default_pop_up.pop_banner .result_wrap {
    min-height: 200px;
}
.default_pop_up.apply_pop_up .result_wrap {
    flex-direction: column;
    gap: 20px;
}
.default_pop_up.apply_pop_up .img_wrap {
    width: 100px;
    height: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #fbf8f1;
    border-radius: 150px;
    margin-bottom: 25px;
}
.default_pop_up.apply_pop_up .con_tit_wrap p {
    font-size: var(--font_18);
    color: var(--font_color02);
    margin-bottom: 10px;
}
.default_pop_up.apply_pop_up .con_tit_wrap b {
    font-size: var(--font_20);
    color: var(--font_color01);
}

.default_pop_up.apply_pop_up .img_wrap img {
    display: inline-block;
    width: 45px;
    height: 45px;
    object-fit: contain;
}
.default_pop_up.apply_pop_up {
    max-width: 700px;
}
.default_pop_up.apply_pop_up .info_wrap {
    border: var(--bd);
    padding: 25px;
    width: 100%;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
}
.default_pop_up.apply_pop_up .info_wrap > div {
    font-size: var(--font_18);
    color: var(--font_color02);
}
.default_pop_up.apply_pop_up .info_wrap > div .tit {
    font-weight: 600;
    margin-right: 10px;
}
.default_pop_up.apply_pop_up .info_wrap > div:first-of-type .desc {
    text-decoration: underline;
}
.default_pop_up.apply_pop_up .copy_btn {
    padding: 4px 10px;
    border-radius: 20px;
    border: var(--bd);
    color: #676767;
    margin-left: 7px;
    transition: 0.3s;
    font-size: var(--font_16);
}
.default_pop_up.apply_pop_up .copy_btn:hover {
    border-color: #efefef;
    background-color: #efefef;
    transition: 0.3s;
}
.default_pop_up.apply_pop_up .copy_btn::after {
    content: "";
    display: inline-block;
    background-image: url(../img/sub/copy_icon.png);
    width: 1em;
    height: 1em;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 4px;
    vertical-align: middle;
}
/* popup */

/* header */
.site_map {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(52, 39, 31, 0.9);
    z-index: 20;
    /* display: none; */
}

.site_map_box {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 20px;
    width: 1400px;
    display: flex;
}

.site_map .site_map_logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 350px;
    border-right: 1px solid #d9d8d6;
}

.site_map .site_map_menu {
    flex: 1;
    padding: 20px 0;
}

.site_map .site_map_menu > ul > li {
    padding: 25px 60px;
    border-bottom: 1px solid #d9d8d6;
    display: flex;
    gap: 70px;
    align-items: center;
}

.site_map .site_map_menu > ul > li .tit {
    width: 240px;
}

.site_map .site_map_menu > ul > li .tit .ko {
    color: var(--point_color);
    font-weight: bold;
    font-size: 25px;
}

.site_map .site_map_menu > ul > li .tit .en {
    color: #c1c1c1;
    font-weight: bold;
    font-size: 15px;
    margin-top: 4px;
}

.site_map .site_map_menu > ul > li .menu {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 36px;
}

.site_map .site_map_menu > ul > li .menu li {
}

.site_map .site_map_menu > ul > li .menu li a {
    color: var(--font_color02);
    font-size: 17px;
    font-weight: bold;
}

.site_map .site_map_menu > ul > li:last-child {
    border-bottom: 0;
}

.site_map_box > button {
    position: absolute;
    right: 10px;
    top: 10px;
}

header {
    z-index: 10;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    backdrop-filter: blur(30px);
    background-color: rgba(33, 35, 34, 0.05);
    transition: transform 0.5s;
    transform: translateY(0);
}
header.hide {
    transform: translateY(-100%);
    transition: transform 0.5s;
}
header.hide:has(.cross) {
    transform: translateY(0);
}
header .header_inner {
    padding: 18px 200px;
}

header.mouse_on .header_inner {
    background-color: #fff;
}

header.active {
    background-color: #fff;
    border-bottom: 1px solid #d9d8d6;
}

body:has(.sub_page) header {
    background-color: #fff;
    border-bottom: 1px solid #d9d8d6;
}

.header_wrap {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header_wrap .menu_wrap .top {
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: end;
    margin-bottom: 15px;
}

header.active #logo img,
header.mouse_on #logo img,
body:has(.sub_page) header #logo img {
    content: url("../img/common/logo_on.png");
}

header.active .header_wrap .menu_wrap .bottom > ul > li > :where(a, button),
header.mouse_on .header_wrap .menu_wrap .bottom > ul > li > :where(a, button),
body:has(.sub_page) header .header_wrap .menu_wrap .bottom > ul > li > :where(a, button) {
    color: var(--black_color);
}

header.active .header_wrap .menu_wrap .top :where(a, button),
header.mouse_on .header_wrap .menu_wrap .top :where(a, button),
body:has(.sub_page) header .header_wrap .menu_wrap .top :where(a, button) {
    color: var(--black_color);
}

header.active .header_wrap .menu_wrap .top a.non_member,
header.mouse_on .header_wrap .menu_wrap .top a.non_member,
body:has(.sub_page) header .header_wrap .menu_wrap .top a.non_member {
    color: var(--point_color);
}
.header_wrap .menu_wrap .top a {
    color: #fff;
    font-size: 16px;
}

.header_wrap .menu_wrap .bottom {
    display: flex;
    gap: 26px;
    align-items: center;
}

.header_wrap .menu_wrap .bottom > ul {
    display: flex;
    align-items: center;
    gap: 0;
}

.header_wrap .menu_wrap .bottom > ul > li {
    position: relative;
    transition: padding 0.5s;
    padding: 0 25px;
}

.header_wrap .menu_wrap .bottom ul > li > a {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
}

.header_wrap .menu_wrap .bottom .sub_depth {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 18px);
    display: none;
    width: 100%;
    opacity: 0;
    padding: 10px 0;
}

.mouse_on .header_wrap .menu_wrap .bottom .sub_depth {
    display: block;
    opacity: 1;
}

.mouse_on .header_wrap .menu_wrap .bottom ul > li > a {
    color: var(--black_color);
}

.header_wrap .menu_wrap .bottom .sub_depth li a {
    padding: 8px 0;
    display: block;
    font-weight: normal;
    color: var(--font_color02);
    white-space: nowrap;
    font-size: 20px;
}

.header_wrap .menu_wrap .bottom .sub_depth li a:hover {
    font-weight: bold;
    color: var(--point_color);
}

.header_wrap .menu_wrap .bottom .menu_btn {
    width: 26px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}

.header_wrap .menu_wrap .bottom .menu_btn i {
    display: block;
    background-color: #fff;
    width: 100%;
    height: 2px;
}

body:has(.sub_page) .header_wrap .menu_wrap .bottom .menu_btn i {
    background-color: #000;
}

header .drop_bg {
    height: 0;
    left: 0;
    top: -1px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    z-index: -1;
    transition: 0.2s;
    border-bottom: 1px solid #e6e6e6;
}

header.mouse_on .drop_bg {
    height: calc(100% + 180px);
    transition: 0.2s;
}

header.mouse_on .header_inner {
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
}

body header .header_wrap .menu_wrap .bottom > ul > li.active > a {
    color: var(--point_color);
}

.mouse_on .header_wrap .menu_wrap .bottom > ul {
    gap: 0;
}

.mouse_on .header_wrap .menu_wrap .bottom > ul > li {
    padding: 0 40px;
    /* transition: 0.2s; */
    transition: padding 0.5s;
    text-align: center;
}

.mouse_on .header_wrap .menu_wrap .bottom .sub_depth {
    display: block;
    opacity: 1;
}

header.active .menu_wrap .bottom .menu_btn i,
header.mouse_on .menu_wrap .bottom .menu_btn i {
    background-color: var(--black_color);
}

/* content */
#banner {
    position: relative;
    height: 100vh;
    overflow: hidden;
}
#banner ul,
#banner div.swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#banner div.swiper-wrapper div.swiper-slide {
    position: relative;
}

#banner ul li,
#banner ul li .bn_img,
#banner ul li .bn_img img,
#banner div.swiper-wrapper div.swiper-slide,
#banner div.swiper-wrapper div.swiper-slide .bn_img,
#banner div.swiper-wrapper div.swiper-slide .bn_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#banner .bn_btns {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}
#banner .bn_txt {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    z-index: 2;
    font-family: "Presentation";
    font-weight: 400;
    font-size: 140px;
    color: #fff;
    letter-spacing: 5px;
}
#banner .bn_txt p {
    color: #fff;
}

#banner .scroll_img {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 33px;
    z-index: 2;
    display: inline-block;
    animation: down 1.5s infinite;
    -webkit-animation: down 1.5s infinite;
}

#banner .bn_btns {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 2;
    left: 50%;
    top: 67%;
    transform: translate(-50%, -50%);
}
#banner .bn_btns a {
    width: 220px;
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: var(--black_color);
    border-radius: 50px;
    height: 55px;
    line-height: 55px;
    font-size: 26px;
    box-shadow: 0px 5px 10px 0px #0000000d;
    transition: 0.3s;
}
#banner .bn_btns a:hover {
    color: #fff;
    background-color: var(--point_color);
    transition: 0.3s;

    /* color: #343434;
  background-color: #fff; */
}

#top_text .txt {
    text-align: center;
    line-height: 1.5;
    font-size: 50px;
    color: var(--font_color01);
}

#top_text .txt b {
    font-weight: 700;
}

.about_wrap {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about_wrap .slide {
    overflow: hidden;
    padding-right: 80px;
}

.about_wrap .text_box .sub {
    color: var(--point_color);
    font-size: 24px;
}

.about_wrap .text_box .tit {
    font-weight: 700;
    font-size: 50px;
    color: var(--font_color01);
    margin-top: 5px;
    margin-bottom: 15px;
}

.about_wrap .text_box .txt {
    line-height: 1.4;
    font-size: 24px;
    color: var(--font_color03);
    margin-bottom: 30px;
}

.about_wrap .text_box a {
    width: 280px;
    border-radius: 30px;
    height: 54px;
    line-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--point_color);
    padding: 0 30px;
    box-sizing: border-box;
    transition: 0.3s;
    box-shadow: 0px 5px 10px 0px #0000000d;
}

.about_wrap .text_box a span {
    color: #fff;
    font-size: 20px;
}
.about_wrap .text_box a:hover {
    background-color: #333;
    transition: 0.3s;
}
.about_wrap .text_box a:hover span {
    color: #fff;
}
.custom_slider_wrap {
    width: 548px;
    position: relative;
    aspect-ratio: 5 / 4.2;
}
.custom_slider {
    overflow: hidden;
    width: 100%;
    height: 100%;
    clip-path: url(#custom_clip);
}

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

.custom_slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.custom_slider_wrap .btn_wrap {
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: flex;
    gap: 15px;
}

.custom_slider_wrap .btn_wrap button {
    box-shadow: 0px 5px 10px 0px #0000001a;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    position: relative;
}

.custom_slider_wrap .btn_wrap button img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.counter_wrap {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.counter_wrap .counter {
    display: inline-flex;
    height: 300px;
    justify-content: center;
    align-items: center;
    font-size: 30px;
}

.sec_title_box {
    text-align: center;
}

.sec_title_box .en {
    font-size: 24px;
    color: var(--font_color03);
}

.sec_title_box .ko {
    font-weight: 700;
    font-size: 45px;
    margin-top: 5px;
    color: var(--font_color01);
}

.sec_title_box b {
    font-weight: 700;
}

.main_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 140px;
    align-items: stretch;
}

.main_list .text_box .sub {
    font-size: 24px;
    color: var(--point_color);
}

.main_list .text_box .tit {
    font-size: 32px;
    margin-top: 10px;
    margin-bottom: 14px;
    font-weight: 700;
    color: var(--font_color01);
}

.main_list .text_box .txt {
    font-size: 20px;
    color: var(--font_color03);
    line-height: 150%;
}

.main_list .text_box.white .tit,
.main_list .text_box.white .sub,
.main_list .text_box.white .txt {
    color: #fff;
}

.main_list .text_box a {
    padding: 0 30px;
    line-height: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 10px;

    background-color: var(--point_color);
    border-radius: 50px;
    box-shadow: 2px 2px 10px 0px #2828281c;
    transition: 0.3s;
}

.main_list .text_box a:hover {
    transition: 0.3s;
    background-color: #333;
    color: #fff;
}

.main_list .text_box {
    width: 32%;
}

.main_list .list_box {
    flex: 1;
}

.main_list .list_box ul {
    display: flex;
    width: 100%;
    gap: 30px;
    align-items: stretch;
    height: 100%;
}

.main_list .list_box ul li {
    flex: 1;
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px #0000000d;
    border-radius: 20px;
    height: 100%;
    padding: 24px 20px;
}

.main_list .list_box ul li .tit_box p {
    margin-top: 5px;
    font-weight: 700;
    font-size: 22px;
    color: var(--font_color02);
    word-break: keep-all;
}

.tit_box img {
    display: inline-block;
    width: 32px;
    height: 32px;
    object-fit: contain;
}
.tit_box .more_btn img {
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.main_list .list_box ul li a {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}

.main_list .list_box ul li .link_ico {
    text-align: right;
}
.main_list .list_box ul li:hover {
    background-color: var(--point_color);
    transition: 0.3s;
}
.main_list .list_box ul li:hover .tit_box p {
    color: #fff;
}
.main_list .list_box ul li:hover .tit_box img {
    filter: brightness(4) grayscale(1.5);
}
.main_list .list_box ul li:hover .link_ico img {
    filter: brightness(10);
}
#outocmes .sec_title_box {
    background-color: var(--bg_yellow);
}
.outocome_list .info {
    font-size: 20px;
}

.outocome_list ul {
    display: flex;
    gap: 60px;
    justify-content: center;

    align-items: center;
}

.outocome_list ul li {
    position: relative;
}

.outocome_list ul li:hover .on {
    opacity: 1;
    transition: 0.2s;
}

.outocome_list ul li:hover .off {
    opacity: 0;
    transition: 0.2s;
}

.outocome_list ul li .txt {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
}

.outocome_list ul li .on {
    opacity: 0;
    position: absolute;
    left: 0;
    transition: 0.2s;
    top: 0;
}

.outocome_list ul li .tit {
    margin-bottom: 15px;
    color: #7a7a7a;
    font-size: 24px;
    white-space: nowrap;
}

.outocome_list ul li .count {
    color: var(--font_color02);
    font-weight: 700;
    font-size: 50px;
}

.outocome_list ul li:hover .tit {
    color: #fff;
    transition: 0.2;
}

.outocome_list ul li:hover .count {
    color: #fff;
    transition: 0.2;
}

.outocome_list .report_go {
    display: flex;
    justify-content: end;
}

.outocome_list .report_go a {
    background-color: var(--font_color02);
    color: #fff;
    width: 220px;
    height: 44px;
    line-height: 44px;
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
    border-radius: 50px;
    transition: 0.3s;
}
.outocome_list .report_go a:hover {
    background-color: var(--point_color);
    transition: 0.3s;
}
.board_wrap {
    display: flex;
    align-items: stretch;
    gap: 30px;
    margin-top: 60px;
}

.board_wrap .board_box {
    flex: 1;
    border: 1px solid #d9d8d6;
    border-radius: 20px;
    padding: 30px 40px;
}

.board_wrap .board_box .tit_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.board_wrap .board_box .tit_box p {
    color: var(--font_color01);
    font-weight: 700;
    font-size: 28px;
}

.board_wrap .board_box .tit_box a {
    color: var(--font_color02);
    font-size: 20px;
    display: flex;
    align-items: center;
}
.board_wrap .board_box .tit_box a:hover {
    color: #000;
}
.board_wrap .board_box .tit_box a:hover img {
    filter: brightness(0.2);
}
.board_wrap .board_box ul li {
    display: flex;
    gap: 40px;
    align-items: center;
    border-top: 1px solid #d9d8d6;
    padding: 14px 0;
    color: var(--font_color02);
    font-size: 18px;
    width: 100%;
}

.board_wrap .board_box ul li.no_list {
    min-height: 200px;
    text-align: center;
    justify-content: center;
}

/* .board_wrap .board_box ul li:last-child {
  border-bottom: 1px solid #d9d8d6;
} */

.board_wrap .board_box .subject {
    flex: 1;
}

.board_wrap .board_box .subject p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.board_wrap .board_box .subject:hover p {
    text-decoration: underline;
}
.board_wrap .board_box .cate {
    font-weight: 700;
    width: 70px;
}

.last_box {
    display: flex;
    gap: 120px;
    align-items: center;
}

.last_box .text_box .tit {
    font-weight: 700;
    font-size: 32px;
    line-height: 1.5;
}

.last_box .text_box .txt {
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.4;
    color: var(--font_color03);
}

.last_box .cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    flex: 1;
}

.last_box .text_box .time {
    display: flex;
    font-size: 20px;
    gap: 10px;
}

.last_box .card {
    display: flex;
    border-radius: 20px;
    padding: 25px;
    justify-content: space-between;
}

.last_box .card.ver {
    flex-direction: column;
    gap: 40px;
}

.last_box .card .tit {
    font-weight: 700;
    font-size: 22px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.last_box .card.white {
    background-color: #fff;
    border: 1px solid #d9d8d6;
    color: var(--font_color02);
    transition: 0.3s;
}

.last_box .card.white.col_img img {
    filter: invert(1) opacity(0.65);
}
.last_box .card .call {
    font-weight: 700;
    font-size: 34px;
    text-align: right;
    color: var(--point_color);
}

.last_box .card.point {
    color: #fff;
    background-color: var(--point_color);
}

.last_box .card.gray {
    color: #fff;
    background-color: var(--font_color02);
    box-shadow: 0px 5px 10px 0px #0000000d;
    transition: 0.3s;
    padding: 20px 25px;
}
.last_box .card .go {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 10px;
}
.last_box .card.gray:hover {
    color: var(--font_color02);
    background: #fff;
    transition: 0.3s;
}
.last_box .card.gray:hover img {
    filter: invert(1) opacity(0.65);
}
.last_box .card.white:hover {
    background-color: var(--point_color);
    transition: 0.3s;
    border: 1px solid var(--point_color);
}
.last_box .card.white:hover .tit {
    color: #fff;
}
.last_box .card.white:hover img {
    filter: brightness(3);
}
.last_box .card.white.col_img:hover img {
    filter: invert(0);
}
.last_box .card:hover .call {
    color: #fff;
}
.last_box .card:hover .go {
    color: #fff;
}

/* footer */
.quick_icon {
    position: fixed;
    right: 36px;
    bottom: 36px;
    z-index: 7;
}
.quick_icon a {
    display: block;
    width: 70px;
    aspect-ratio: 1/1;
}
.quick_icon img {
    display: block;
    width: 100%;
    height: 100%;
}
.sns_box {
    border-top: 1px solid #d9d8d6;
    border-bottom: 1px solid #d9d8d6;
    padding: 15px 0;
    background-color: var(--main_bg);
}

.sns_box .sns_wrap {
    display: flex;
    justify-content: end;
    gap: 28px;
    width: 1320px;
    margin: 0 auto;
    align-items: center;
}

.sns_box .sns_wrap .sns {
    display: flex;
    gap: 8px;
}

.sns_box .sns_wrap p {
    color: var(--font_color02);
    font-size: 18px;
}

footer .top {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 55px;
    border-bottom: 1px solid #d9d8d6;
}

footer .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    padding-left: 30px;
}

footer .bottom .copy {
    font-size: 18px;
    color: var(--font_color02);
}

footer .bottom .partner_logos {
    display: flex;
    align-items: center;
    gap: 45px;
}
footer .bottom .partner_logos img {
    cursor: pointer;
}

footer .top .left {
    padding-left: 30px;
    display: flex;
    gap: 50px;
    align-items: center;
}

footer .top .left li {
    font-size: 18px;
    color: var(--font_color02);
    line-height: 1.5;
}

footer .top .right {
    display: flex;
    gap: 80px;
    align-items: center;
}

footer .top .right .ft_links li a {
    font-size: 18px;
    color: #212221;
    line-height: 1.5;
    display: none;
}
footer .top .right .ft_links li:first-child a {
    font-weight: 600;
}
footer .partner_select {
    position: relative;
}

footer .partner_select .title {
    width: 200px;
    border-radius: 30px;
    border: 1px solid #cecece;
    padding-left: 30px;
    padding-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    height: 38px;
    color: var(--font_color02);
    cursor: pointer;
}

footer .partner_select ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    border: 1px solid #cecece;
    border-top: 0;
    display: none;
}

footer .partner_select.on .title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

footer .partner_select ul li {
    border-bottom: 1px solid #cecece;
    text-align: center;
}

footer .partner_select ul li a {
    display: block;
    padding: 5px 10px;
    font-size: 15px;
}

footer .partner_select ul li:last-child {
    border-bottom: 0;
}

.m_top_links {
    display: none;
}

@keyframes down {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(15px);
    }

    40% {
        transform: translateY(0);
    }
}

@-webkit-keyframes down {
    0% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(15px);
    }

    40% {
        transform: translateY(0);
    }
}

.sample_text {
    padding: 0 30px;
    word-break: keep-all;
    font-size: 18px;
}

/* subpage */

.sub_page:not(.no_b_m) {
    margin-bottom: 90px;
}
.wrap_1220 {
    max-width: 1260px;
    padding-inline: 20px;
    margin-inline: auto;
}
.sub_top {
    padding-top: 155px;
    padding-bottom: 30px;
}
.sec_tit {
    text-align: center;
}
.sec_tit .sm_tit {
    color: var(--font_color03);
    font-size: var(--font_20);
    margin-bottom: 4px;
}
.sec_tit .big_tit {
    font-weight: 700;
    letter-spacing: -2%;
    font-size: var(--font_45);
}
.sec_tit .sec_tit_desc {
    margin-top: 25px;
    font-size: var(--font_18);
    line-height: 150%;
    letter-spacing: -2%;
    color: var(--font_color02);
    word-break: keep-all;
}

.breadcrumb {
    margin-top: 30px;
}
.breadcrumb .breadcrumb_list {
    display: flex;
    align-items: center;
    justify-content: center;
}
.breadcrumb .home_icon {
    display: inline-block;
    width: 16px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/sub/home_icon.png);
}
.breadcrumb_item::before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 10px;
    background-image: url(../img/common/right_gray.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0 14px;
}
.breadcrumb_item:first-child::before {
    display: none;
}
.breadcrumb_item {
    color: var(--font_color02);
    font-size: var(--font_18);
    line-height: 100%;
}

.sub_nav {
    margin-top: 60px;
    padding: 0 20px;
}
.sub_nav > ul {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.nav_btn {
    font-size: var(--font_20);
    height: 40px;
    display: inline-flex;
    padding: 0 20px;
    border-radius: 60px;
    align-items: center;
    letter-spacing: -2%;
    color: var(--font_color02);
    border: 1px solid #d9d8d6;
}
.nav_btn.active {
    color: #fff;
    background-color: var(--point_color);
    border: 1px solid var(--point_color);
    font-weight: 700;
}
.down_btn {
    gap: 10px;
    font-size: var(--font_20);
    height: 40px;
    display: inline-flex;
    padding: 0 20px;
    border-radius: 60px;
    align-items: center;
    letter-spacing: -2%;
    color: var(--point_color);
    background-color: #fff;
    border: 1px solid var(--point_color);
}
.down_btn::after {
    content: "";
    display: inline-block;
    width: 17px;
    height: 16px;
    background-image: url(../img/sub/download_icon.png);
    background-repeat: no-repeat;
    background-size: contain;
}

.sub_page .inner {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 30px;
}
.sub_desc_wrap h3 {
    font-size: 30px;
    font-weight: 700;
    color: #343a40;
    margin-bottom: 15px;
}
.sub_desc_wrap .sub_desc_tit {
    font-size: var(--font_24);
    color: #343a40;
    margin-bottom: 15px;
}
.sub_desc_wrap .sub_desc {
    font-size: var(--font_20);
    color: #212322;
    padding: 0;
}
#center_main .sec_tit .big_tit {
    font-size: var(--font_45);
}
/* #center_main */

/* box_sec */
#box_sec {
    /* background-color: #f6f6ee; */
    background-color: #fbf8f1;
    padding: 60px 0;
}
#box_sec .sec_tit .big_tit {
    font-size: var(--font_27);
}
.sub_desc {
    text-align: center;
    line-height: 150%;
    word-break: keep-all;
    font-size: var(--font_20);
    padding: 30px 10px;
    background-color: var(--main_bg);
}
.sub_desc .sub_desc_tit {
    display: block;
    margin-bottom: 15px;
    color: var(--font_color01);
    font-size: var(--font_24);
    font-weight: 700;
}
#box_sec .box_wrap {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    background-color: #fbf8f1;
}
#box_sec .box_wrap .box {
    flex: 1;
    text-align: center;
    background-color: #fff;
    border-radius: 27px;
    padding-top: 33px;
    padding-bottom: 40px;
}
#box_sec .box_wrap .box_desc {
    font-size: var(--font_20);
    margin-top: 20px;
    word-break: keep-all;
}
#box_sec .box_wrap .icon {
    background-repeat: no-repeat;
    width: 43px;
    margin: 0 auto 20px;
}
#box_sec .box_wrap .icon.electric_bulb {
    height: 50px;
    background-image: url(../img/sub/electric_bulb.png);
}
#box_sec .box_wrap .icon.target {
    margin-bottom: 20x;
    height: 43px;
    background-image: url(../img/sub/target_icon.png);
}
/* box_sec */

/* #hitory */
#hitory {
    padding: 60px 0;
}
#hitory .sec_tit .big_tit {
    font-size: var(--font_34);
}
#hitory .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#hitory .sec_tit {
    width: 6%;
}
#hitory .hitory_wrap {
    max-width: 1012px;
    width: 100%;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    padding: 60px 30px;
}
#hitory .hitory_sec {
    display: flex;
    align-items: flex-start;
    gap: 60px;
}
#hitory .hitory_sec + .hitory_sec {
    margin-top: 60px;
}
#hitory .hitory_list {
    position: relative;
}
#hitory .hitory_list::before {
    content: "";
    position: absolute;
    left: 9.5px;
    top: 5px;
    width: 1px;
    height: calc(100% - 15px);
    background-color: #d9d8d6;
}
#hitory .hitory_list li {
    position: relative;
    padding-left: 120px;
    color: var(--font_color02);
    font-size: var(--font_20);
    line-height: 140%;
    word-break: keep-all;
}
#hitory .hitory_list li::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--point_color);
    border-radius: 50%;
    left: 0;
    top: 5px;
}
#hitory .hitory_list li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 5px;
    width: 10px;
    height: 10px;
    background-color: #ffffff; /* 안쪽 원 색상 */
    border-radius: 50%;
}
#hitory .hitory_list li + li {
    margin-top: 30px;
}
#hitory .hitory_num {
    color: var(--font_color02);
    font-weight: 700;
    font-size: var(--font_24);
}
#hitory .hitory_list .date {
    position: absolute;
    left: 30px;
    top: 0;
}
/* #hitory */
/* 센터소개 */

/* 기관 상징 체계 */
#symbol_intro {
    padding: 62px 0 72px;
}
#symbol_intro .inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.sec_tit.left {
    text-align: left;
}
#symbol_intro .intro_wrap {
    margin-top: 30px;
}
#symbol_intro .intro_wrap > p {
    font-size: var(--font_18);
    line-height: 150%;
    letter-spacing: -2%;
    word-break: keep-all;
}
#symbol_intro .intro_wrap > p + p {
    margin-top: 60px;
}
.ansimOn_logo {
    width: 491px;
    height: 120px;
    border: 1px solid #d9d8d6;
    border-radius: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ansimOn_logo img {
    max-height: 100%;
}
.ansimOn_logo + .ansimOn_logo {
    margin-top: 48px;
}

#signature {
    background-color: var(--main_bg);
    padding: 60px 0 90px;
}
.signature_tit {
    width: 178px;
    color: var(--font_color02);
    font-weight: 700;
    font-size: var(--font_18);
    padding-left: 40px;
}
.signature_right {
    margin-top: 30px;
}
.signature_box {
    padding: 30px 0;
    display: flex;
    border-top: 1px solid #d9d8d6;
}
.signature_desc {
    text-align: center;
    display: block;
    margin-top: 10px;
    font-size: var(--font_18);
    letter-spacing: -2%;
    line-height: 150%;
    color: var(--font_color02);
    word-break: keep-all;
}
.logo_wrap {
    display: flex;
    gap: 30px;
    width: 100%;
}
.logo_wrap .logo {
    flex: 1;
}
.logo_wrap .logo_icon {
    border: 1px solid #d9d8d6;
    border-radius: 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.logo_wrap .logo_icon img {
    max-height: 100%;
}
.logo_wrap .logo_icon.black {
    background-color: var(--black_color);
}
.logo_wrap .logo_icon.gray {
    background-color: #c2c3c5;
}
.ko .logo_wrap .logo_icon {
    height: 125px;
}
.en .logo_wrap .logo_icon {
    height: 150px;
}
.col .logo_wrap .logo_icon {
    height: 110px;
}

#color {
    padding: 60px 0;
}
#color .inner {
    display: flex;
    justify-content: space-between;
}
.color_sec {
    display: flex;
    gap: 20px;
}
.color_sec + .color_sec {
    margin-top: 33px;
}
.color_sec .colors {
    display: flex;
    gap: 20px;
}
.color_sec .color_st {
    border-radius: 15px;
    width: 234px;
    height: 75px;
}
.color_sec .color_st.black {
    background-color: var(--font_color01);
}
.color_sec .color_st.orange {
    background-color: var(--point_color);
}
.color_sec .color_st.gray {
    background-color: #d9d8d6;
}
.color_sec .color_st.red {
    background-color: #ff5200;
}
.color_name {
    margin-top: 10px;
    font-weight: 700;
    font-size: 15px;
    color: var(--font_color02);
    display: block;
}
.color_box ul {
    margin-top: 10px;
}
.color_box ul li {
    color: var(--font_color02);
    font-size: 15px;
}
.color_box ul li + li {
    margin-top: 4px;
}
.color_tit {
    width: 87px;
    color: var(--font_color02);
    font-size: var(--font_18);
}
.color_wrap {
    padding-top: 98px;
}
#box_sec.character {
    background-color: var(--bg_yellow);
}
.box_out {
    flex: 1;
}
#box_sec.character .box_wrap {
    margin-top: 30px;
}
#box_sec .box_tit {
    margin-bottom: 15px;
    font-size: var(--font_18);
}
#box_sec.character .box_wrap .box {
    height: 265px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
}
#box_sec.character .box_wrap .box img {
    max-height: 100%;
}

#donwload {
    padding: 60px 0;
}
.donwload_desc {
    color: var(--point_color);
    font-size: var(--font_20);
    letter-spacing: -2%;
    text-align: center;
    line-height: 150%;
}
.donwload_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    margin-top: 30px;
}
/* 기관 상징 체계 */
.center3 .sub_desc_wrap {
    padding: 30px 20px;
    background-color: var(--main_bg);
}
.center3 .location_info_wrap {
    margin-top: 30px;
}
.center3 .map_wrap .map {
    width: 100%;
    height: 400px;
    border-radius: 27px;
}
.center3 .location_info_wrap .info_wrap {
    padding: 30px 40px;
    border-radius: 20px;
    margin-top: 30px;
    background-color: #fbf8f1;
}
.center3 .location_info_wrap .info_wrap .con_tit {
    font-size: var(--font_20);
    color: #5c5c5c;
    font-weight: 700;
    margin-bottom: 15px;
}
.center3 .location_info_wrap .info_wrap ul {
    display: flex;
    gap: 30px;
}
.center3 .location_info_wrap .info_wrap ul li {
    flex: 1;
    padding: 30px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    background-color: #fff;
    border-radius: 10px;
}

.center3 .location_info_wrap .info_wrap ul li :where(p, span, div) {
    color: #5c5c5c;
    font-size: var(--font_18);
    line-height: 1.5;
    letter-spacing: -1px;
    word-break: keep-all;
}
.center3 .location_info_wrap .info_wrap ul li :where(p, span, div).info_dark {
    color: #343a40;
}
.center3 .location_info_wrap .info_wrap ul li :where(p, span, div).light_font {
    color: #7d7976;
}
.center3 .location_info_wrap .info_wrap ul li .info_tit {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 5px;
    color: var(--point_color);
}
.center3 .location_info_wrap .info_wrap ul li .info_tit img {
    display: inline-block;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
.center3 .location_info_wrap .info_wrap ul li .park_icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    object-fit: contain;
    margin-right: 3px;
    filter: grayscale(1) brightness(0.6);
    margin-top: -2px;
}

.center3 .location_info_wrap .info_wrap ul li .subway_icon {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    width: 84px;
    text-align: center;
    border: 1px solid #23ad2c;
    color: #23ad2c;
    font-size: var(--font_18);
    border-radius: 30px;
    margin-right: 8px;
}

.center3 .location_info_wrap .info_wrap ul li p:last-child .subway_icon {
    border: 1px solid #cd7d31;
    color: #cd7d31;
}
.center3 .location_info_wrap .info_wrap ul li .bus_icon {
    display: inline-block;
    text-align: center;
    color: #1565ce;
    font-size: var(--font_18);
    margin-right: 8px;
    font-weight: 700;
}
.center3 .location_info_wrap .info_wrap ul li .info_tit + p + p .bus_icon {
    color: #23ad2c;
}
.center3 .call_font a {
    font-weight: 700;
    font-size: 32px;
    margin-top: 15px;
    display: inline-block;
}
.center3 .info_wrap .copy_btn {
    margin-left: 3px;
}
.center3 .info_wrap .copy_btn img {
    display: inline-block;
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-top: -2px;
}
.center4 .search_form {
    background-color: var(--main_bg);
    padding-block: 30px;
    text-align: center;
}
.center4 .sch_form_wrap {
    display: flex;
    margin-top: 30px;
    gap: 10px;
    justify-content: center;
}
.center4 .search_form select {
    -webkit-border-radius: 0;
    border-radius: 0px;
    /* iOS 둥근모서리 제거 */
    -webkit-appearance: none;
    /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;

    width: 180px;
    height: 53px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #fff;
    color: #7a7a7a;
    /* font-size: 20px; */
    font-size: var(--font_18);
    font-family: "pretentdard";
    padding-inline: 10px;
    background: url("../img/sub/icon_sel_arr.png") no-repeat right 14px center;
    padding-inline: 14px;
    background-size: 14px;
}
.center4 .search_form input {
    width: 400px;
    height: 53px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #fff;
    color: #7a7a7a;
    /* font-size: 20px; */
    font-size: var(--font_18);
    font-family: "pretentdard";
    padding-inline: 10px;
}
.center4 .search_form .sch_btn {
    width: 95px;
    height: 52px;
    background: #5c5c5c;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-size: var(--font_20);
    font-family: "pretentdard";
}
.center4 .org_wrap {
    margin-top: 30px;
}
.center4 .map_wrap .map {
    width: 100%;
    height: 256px;
    border-radius: 27px;
}
.center4 .map_wrap .map_info {
    margin-top: 25px;
}
.center4 .map_wrap .map_info .org_name {
    font-size: var(--font_20);
    color: #212322;
    margin-bottom: 12px;
}

.center4 .map_wrap .map_info .info_wrap {
    display: flex;
    gap: 10px;
    font-size: 18px;
    color: #5c5c5c;
    flex-wrap: wrap;
}
.center4 .map_wrap .map_info .info_wrap > div > img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    filter: grayscale(1) brightness(0.6);
}
.center4 .map_wrap .map_info .info_wrap .call img {
    margin-right: 5px;
}
.center4 .map_wrap .map_info .info_wrap .copy_btn {
    margin-left: 7px;
    width: 16px;
    height: 16px;
}
.center4 .map_wrap .map_info .info_wrap .copy_btn img {
    width: 100%;
    height: 100%;
    margin-top: -2px;
    display: inline-block;
}
.center4 .map_wrap .map_info .info_wrap > div + div::before {
    content: "｜";
    color: #d9d8d6;
    margin-right: 10px;
}
.center4 .map_wrap .map_info .info_wrap > div + div:has(span.no_data)::before {
    display: none;
}

.center4 .map_wrap .info_wrap .map_link {
    border: 1px solid #d9d8d6;
    padding: 5px 25px;
    border-radius: 30px;
    color: #5c5c5c;
}
.center4 .map_wrap .info_wrap .map_link img {
    width: 18px;
    height: 20px;
    margin-right: 5px;
    vertical-align: text-top;
}
.center4 .org_list_wrap {
    margin-top: 30px;
}
.center4 .org_list_wrap .org_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.center4 .org_list_wrap .org_wrap li {
    flex: 1 1 25%;
    max-width: calc((100% - 60px) / 4);
    border-radius: 20px;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    overflow: hidden;
}
.center4 .org_list_wrap .org_wrap li button {
    display: inline-flex;
    flex-direction: column;
    padding: 20px;
    gap: 15px;
    width: 100%;
    align-items: flex-start;
}

.center4 .org_list_wrap .org_wrap .type_tag {
    display: inline;
    padding: 3px 12px;
    font-size: var(--font_16);
    font-weight: 700;
    border-radius: 30px;
}
.center4 .org_list_wrap .org_wrap .org_name {
    font-size: 18px;
    font-weight: 400;
    color: #212322;
    line-height: 1.4;
    /* word-break: keep-all; */
}
.center4 .org_list_wrap .org_wrap li.active {
    border: 2px solid var(--point_color);
    background-color: #fff2e6;
}
.center4 .org_list_wrap .org_wrap li.active .type_tag {
    background-color: var(--point_color) !important;
    color: #fff !important;
}
.list_table {
    table-layout: fixed;
    width: 100%;
}
.list_table thead tr {
    border-block: 1px solid var(--main_color);
}
.list_table tbody tr {
    border-block: 1px solid #d5d5d5;
}
.list_table th {
    height: 50px;
    vertical-align: middle;
    padding: 5px;
    font-size: 18px;
    font-weight: 600;
    color: var(--main_color);
}
.list_table th + td {
    border-left: 1px solid #d5d5d5;
}
.list_table td:first-child {
    padding-left: 20px;
}
.list_table td:last-child {
    padding-right: 20px;
}
.list_table td {
    height: 60px;
    padding: 5px;
    vertical-align: middle;
    font-size: var(--font_18);
}
.list_table td.no_data {
    text-align: center;
}
.list_table tr.job :where(th, td).col_type {
    color: var(--point_color);
}
.news_list .list_table :where(th, td).col_num {
    width: 50px;
    text-align: center;
}

.news_list .list_table :where(th, td).col_type {
    width: 100px;
    text-align: center;
}
.news_list .list_table :where(th, td).col_status {
    width: 120px;
}
.news_list .list_table :where(th, td).col_file {
    width: 50px;
    text-align: center;
}
.news_list .list_table :where(th, td).col_view {
    width: 60px;
    /* text-align: center; */
}
.news_list .list_table :where(th, td).col_date {
    width: 120px;
}

.news_list .list_table td.col_subject {
    text-align: left;
}
.news_list .list_table td a {
    font-size: var(--font_18);
    display: block;
    position: relative;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: calc(1.3em * 1);
    line-height: 2.5;
    text-align: left;
}
.news_list .list_table td a:hover {
    text-decoration: underline;
}
.con_tag {
    display: inline-block;
    font-size: var(--font_16);
    color: var(--point_color);
    text-align: center;
    padding: 4px 10px 3px;
    background-color: #fff;
    border-radius: 30px;
    font-weight: 500;
    min-width: 80px;
    border: 1px solid var(--point_color);
}
.con_ready .con_tag {
    color: var(--point_color);
    background-color: #fff;
    border: 1px solid var(--point_color);
}
.con_finish .con_tag {
    color: #fff;
    background-color: #b4b4b4;
    border: 1px solid #b4b4b4;
}

.pagination_wrap {
    margin-top: 40px;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-bottom: 100px;
}
.pagination :where(button, a, strong) {
    display: inline-flex;
    width: 40px;
    height: 40px;
    color: #000;
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: center;
    align-items: center;
    font-size: 17px;
}
.pagination button.on {
    background-color: #6b6b6b;
    border-radius: 100px;
    color: #fff;
}
.pagination button.first {
    background-image: url(../img/sub/first.png);
}
.pagination button.prev {
    margin-right: 5px;
    background-image: url(../img/sub/prev.png);
}
.pagination button.next {
    margin-left: 5px;
    background-image: url(../img/sub/next.png);
}
.pagination button.last {
    background-image: url(../img/sub/last.png);
}
.list_view {
    border-block: 1px solid #7a7a7a;
}
.list_view .con_tit_wrap {
    border-bottom: 1px solid #d9d9d9;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.list_view .con_tit_wrap .con_type {
    color: var(--point_color);
    font-size: var(--font_20);
    font-weight: 700;
    display: block;
}
.list_view .con_tit_wrap .con_info {
    display: flex;
    gap: 10px;
    color: #7a7a7a;
}
.list_view .con_tit_wrap .con_info div {
    color: #7a7a7a;
    font-size: var(--font_18);
}
.list_view .con_tit_wrap .con_info div span {
    color: #5c5c5c;
}
.list_view .con_tit_wrap .con_info div + div::before {
    content: "｜";
    color: #d9d8d6;
    margin-right: 10px;
}
.list_view .con_tit_wrap .con_tit {
    color: #5c5c5c;
    font-size: var(--font_20);
    font-weight: 700;
    display: block;
    word-break: keep-all;
    line-height: 1.3;
}

.list_view .con_wrap .con {
    width: 100%;
    padding: 60px;
}
.list_view .con_wrap .con :where(img, video) {
    display: block;
    max-width: 100%;
    width: max-content;
    margin-inline: auto;
}
.list_view .file_wrap {
    padding: 30px 60px;
    background-color: var(--main_bg);
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.list_view .file_wrap li {
    padding-left: 1.6em;
    position: relative;
}
.list_view .file_wrap li img {
    position: absolute;
    top: 1px;
    left: 0px;
}
.list_view .file_wrap li a {
    color: #7a7a7a;
    font-size: var(--font_18);
    line-height: 1.3;
}
.list_view .file_wrap li a:hover {
    text-decoration: underline;
}
.list_view .con_page_wrap > div {
    height: 58px;
    line-height: 58px;
    border-top: 1px solid #d9d8d6;
    display: flex;
}
.list_view .con_page_wrap > div > span {
    font-size: var(--font_20);
    color: #5c5c5c;
    width: 170px;
    text-align: center;
}
.list_view .con_page_wrap > div > a {
    font-size: 18px;
    color: #5c5c5c;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    min-height: calc(1.3em * 1);
    text-align: left;
    padding-right: 30px;
}
.list_view .con_page_wrap > div + div {
    border-top: 1px solid #d9d8d6;
}
.list_view + .btn_wrap {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.list_view + .btn_wrap a {
    display: inline-block;
    border-radius: 50px;
    color: var(--point_color);
    font-size: var(--font_20);
    border: 1px solid var(--point_color);
    text-align: center;
    padding: 0 60px;
    height: 50px;
    line-height: 50px;
}
.list_sch_box {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 30px;
}
.list_sch_box .date_box {
    display: flex;
    gap: 5px;
    align-items: center;
}
.list_sch_box select,
.list_sch_box input {
    font-size: 18px;
    height: 52px;
    border: 1px solid #d9d8d6;
    border-radius: 10px;
    color: #7a7a7a;
    font-family: "pretentdard";
    background-color: #fff;
}
.list_sch_box select {
    width: 120px;
    padding: 0 20px;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("../img/common/arrow_select.png");
    background-repeat: no-repeat;
    background-position: 90% 24px;
}
.list_sch_box .date_box input {
    width: 150px;
    text-align: center;
    /* appearance: none;
  -webkit-appearance: none;
  background-image: url('../img/common/cal_ico.png');
  background-repeat: no-repeat;
      background-position: 90% 24px; */
    position: relative;
    padding-right: 20px;
}
.list_sch_box .date_box input::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 8px;
    background-size: 18px;
    background: url("../img/common/cal_ico.png");
    background-repeat: no-repeat;
    opacity: 0;
}
.list_sch_box .date_box input::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 18px;
    height: 18px;
    background: url("../img/common/cal_ico.png") no-repeat center;
    background-size: 18px;
    transform: translateY(-50%);
    pointer-events: none;
}
.list_sch_box > input {
    width: 400px;
    padding: 0 10px;
}
.list_sch_box.long_sch > input {
    width: 100%;
    max-width: 600px;
    padding: 0 10px;
}
.list_sch_box button {
    background-color: #5c5c5c;
    color: #fff;
    border-radius: 10px;
    width: 95px;
    height: 52px;
    text-align: center;
    font-size: var(--font_20);
    transition: 0.3s;
}
.list_sch_box button:hover {
    filter: brightness(1.4);
    transition: 0.3s;
}
.faq_list_wrap .faq_list {
    min-height: 300px;
}
.faq_list ul {
    display: flex;
    flex-direction: column;
}
.faq_list ul li {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #d9d8d6;
}
.faq_list ul li:first-of-type {
    border-top: 1px solid var(--point_color);
}
.faq_list ul li:last-of-type {
    border-bottom: 1px solid var(--point_color);
}
.faq_list ul li button {
    display: flex;
    justify-content: space-between;
    padding: 20px 25px;
    gap: 15px;
    align-items: flex-start;
}
.faq_list ul li button :where(p, span) {
    font-size: var(--font_20);
    line-height: 1.5;
    color: var(--font_color02);
}
.faq_list ul li .left {
    display: flex;
    align-items: flex-start;
}
.faq_list ul li .cate_tag {
    display: inline-block;
    border: 1px solid var(--point_color);
    border-radius: 7px;
    padding: 3px 10px;
    color: var(--point_color);
    font-size: var(--font_16);
    margin-right: 10px;
    font-weight: 600;
    min-width: 81px;
    text-align: center;
}
.faq_list ul li button .icon_wrap {
    display: inline-block;
    width: 30px;
    min-width: 30px;
    height: 30px;
    transition: 0.3s;
}
.faq_list ul li button .icon_wrap img {
    filter: hue-rotate(0) brightness(1) grayscale(1);
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.faq_list ul li.active button .icon_wrap {
    transform: rotate(180deg);
    transition: 0.3s;
}
.faq_list ul li.active button .icon_wrap img {
    filter: hue-rotate(208deg) brightness(1.05);
}
.faq_list ul li .con_wrap {
    /* display: none; */
    background-color: #fbf8f1;
    /* padding: 15px calc(25px + 1.2em); */
    text-align: left;

    visibility: hidden;
    height: 0;
    transform: translateY(-10px);
    opacity: 0;
    /* transition: 0.3s; */
}
.faq_list ul li .con_wrap .con {
    padding: 20px 50px;
    color: var(--font_color02);
    font-size: var(--font_20);
    line-height: 1.5;
}
.faq_list ul li.active button :where(p, span) {
    color: var(--point_color);
    font-weight: 600;
}
.faq_list ul li.active .con_wrap {
    color: var(--point_color);
    visibility: visible;
    height: auto;
    opacity: 1;
    transform: translateY(0);
    transition: 0.3s;
}
/* subpage */
/* 폼 */
.wrap_840 {
    margin-inline: auto;
    max-width: 840px;
    width: 100%;
    padding: 0 20px;
}
.wrap_540 {
    margin-inline: auto;
    max-width: 540px;
    width: 100%;
    padding: 0 20px;
}
.sign_form {
    width: 100%;
}
.sign_form .tit_wrap {
    text-align: center;
    padding-bottom: 0;
}
.login_wrap .sign_form .form_wrap {
    margin-top: 60px;
}
.sign_form .form_wrap {
    margin-top: 30px;
}
.sign_form .content_wrap {
    margin-top: 30px;
}
.sign_form h2 {
    font-size: var(--font_45);
}
.sign_form .form_ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sign_form .form_ul label {
    color: var(--font_color02);
    display: block;
    margin-bottom: 7px;
    font-size: var(--font_16);
}
.sign_form .form_ul input {
    border: 1px solid #d9d9d9;
    padding: 0 15px;
    font-size: var(--font_16);
    border-radius: 10px;
    display: block;
    width: 100%;
}
.sign_form .form_ul :where(input[type="text"], input[type="password"]) {
    height: 50px;
    line-height: 50px;
    font-family: "pretendard";
}
.sign_form.half_form .form_ul :where(input[type="text"], input[type="password"]) {
    height: 40px;
    line-height: 40px;
}
.sign_form .form_ul :where(input[type="text"], input[type="password"])::placeholder {
    color: #b4b4b4;
}
.sign_form .form_ul input:focus-visible {
    outline: 0;
    border: 1px solid #7a7a7a;
}
.sign_form .btn_wrap {
    text-align: center;
}
.sign_form.my_page .btn_wrap {
    margin-top: 25px;
}
.sign_form .btn_wrap :where(button, a) {
    display: inline-block;
    font-size: var(--font_20);
    text-align: center;
    background-color: var(--point_color);
    color: #fff;
    border-radius: 51px;
    margin-top: 30px;
    height: 50px;
    line-height: 50px;
    transition: 0.3s;
    padding-inline: 30px;
    min-width: 220px;
}
.sign_form .btn_wrap :where(button, a).border_btn {
    background-color: #fff;
    border: 1px solid #d9d8d6;
    color: var(--font_color02);
}
.sign_form .btn_wrap :where(button, a):hover {
    background-color: #343434;
    transition: 0.3s;
}
.sign_form .btn_wrap :where(button, a).border_btn:hover {
    background-color: var(--point_color);
    border: 1px solid var(--point_color);
    color: #fff;
}
.sign_form .btn_wrap.full_btn :where(button, a) {
    width: 100%;
}
.sign_form .link_wrap {
    display: flex;
    gap: 12px;
    justify-content: center;
    margin-top: 20px;
}
.sign_form .link_wrap :where(button, a) {
    color: var(--font_color02);
    font-size: var(--font_20);
}
.sign_form .link_wrap :where(button, a):hover {
    text-decoration: underline;
}
.sign_form .link_wrap span {
    color: #d9d8d6;
    font-size: var(--font_20);
}
.sign_form .sns_wrap {
    margin-top: 60px;
    text-align: center;
}
.sign_form .sns_wrap > p {
    color: #6d6d6d;
    font-size: var(--font_18);
    margin-bottom: 20px;
}
.sign_form .sns_btn_wrap {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.sign_form .sns_btn_wrap :where(a, button) {
    filter: opacity(0.8);
    transition: 0.3s;
}
.sign_form .sns_btn_wrap :where(a, button):hover {
    filter: opacity(1);
    transition: 0.3s;
}
.sign_form .result_wrap p {
    font-size: var(--font_20);
    color: #5c5c5c;
    line-height: 1.5;
    text-align: center;
    padding-block: 80px;
    border-block: 1px solid #d9d8d6;
}
.sign_form .result_wrap p em {
    font-style: normal;
    font-weight: 700;
    color: var(--point_color);
}
.p_info_col {
    display: inline-block;
    font-size: 14px;
    color: var(--point_color);
}
.p_info {
    font-size: 14px;
    margin-top: 7px;
}
.p_warn {
    color: #ff0000;
    font-size: 14px;
    margin-top: 7px;
}
.sign_form .tab_wrap {
    display: flex;
    gap: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #d9d8d6;
    margin-bottom: 30px;
    justify-content: center;
    margin-top: 60px;
}
.sign_form .tab_wrap > div {
    display: inline-block;
    background-color: #fff;
    color: var(--font_color02);
    border: 1px solid #d9d8d6;
    border-radius: 30px;
    height: 40px;
    line-height: 40px;
    font-size: var(--font_18);
    text-align: center;
    transition: 0.3s;
    padding: 0 20px;
    position: relative;
}
.sign_form .tab_wrap > div.active {
    background-color: var(--point_color);
    color: #fff;
    border-color: var(--point_color);
    transition: 0.3s;
}
.sign_form .tab_wrap > div.finish {
    background-color: #e6e6e6;
    color: #7a7a7a;
    border-color: #e6e6e6;
    transition: 0.3s;
}
.sign_form .tab_wrap > div + div::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 14px;
    background-image: url(../img/sub/next_step.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    left: -19px;
    top: 50%;
    transform: translateY(-50%);
}
.sign_form .agree_form .info {
    text-align: center;
    margin-bottom: 30px;
    font-size: var(--font_18);
}
.checkbox_wrap.full_col {
    width: 100%;
    background-color: #fbf8f1;
    border-radius: 10px;
    padding: 20px;
}
.checkbox_wrap label :where(input, span, div, p) {
    cursor: pointer;
}

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

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

.checkbox_wrap em {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #fff;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    /* border: 1px solid var(--font_color02); */
    border: 1px solid var(--bd_col);
    margin-right: 7px;
    margin-top: -4px;
}

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

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

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

.checkbox_wrap label > span {
    font-weight: 500;
    font-size: var(--font_18);
    color: var(--font_color02);
}

.checkbox_wrap input:checked ~ span:not(.no_blue) {
    color: var(--point_color);
    font-weight: 500;
}
.checkbox_wrap._blocked label {
    cursor: default !important;
}
.checkbox_wrap._blocked label > span {
    color: var(--font_color02);
    cursor: default !important;
}

.checkbox_wrap._blocked em {
    background-color: #fff;
    border-color: var(--font_color02);
    cursor: default !important;
}

.checkbox_wrap._blocked input:checked + em {
    background-color: var(--font_color02);
    border-color: var(--font_color02);
}

.checkbox_wrap._blocked input:checked ~ span:not(.no_blue) {
    color: var(--font_color02);
    font-weight: 500;
}
.checkbox_wrap._round input:checked + em {
    border-radius: 50px;
    background-color: #fff;
    border-color: var(--point_color);
}
.checkbox_wrap._round input:checked ~ span:not(.no_blue) {
    color: var(--point_color);
    font-weight: 500;
}
.checkbox_wrap._round em::before {
    background-color: var(--point_color);
    border-color: var(--point_color) !important;
    background-image: none;
    border-radius: 50px;
    width: 14px;
    height: 14px;
    transform: translate(-50%, -50%);
}
.checkbox_wrap._round._blocked input:checked + em {
    border-color: var(--font_color02);
}
.checkbox_wrap._round._blocked input:checked ~ span:not(.no_blue) {
    color: var(--font_color02);
}
.checkbox_wrap._round._blocked em::before {
    background-color: var(--font_color02);
    border-color: var(--font_color02) !important;
}

.sign_form .agree_form .checkbox_wrap:not(.full_col) {
    border-bottom: 1px solid #d9d8d6;
    padding-block: 30px;
}
.sign_form .agree_form .checkbox_wrap .con_tit {
    color: var(--font_color02);
    font-size: 20px;
    margin-bottom: 10px;
}
.sign_form .agree_form .checkbox_wrap .con_desc {
    background-color: #f5f5f5;
    padding: 15px 10px 15px 20px;
    height: 200px;
}
.sign_form .agree_form .checkbox_wrap .con_desc > div {
    height: 100%;
    overflow: auto;
    color: var(--font_color02);
    padding-right: 10px;
}
.sign_form .agree_form .checkbox_wrap .label_wrap {
    text-align: right;
    margin-top: 20px;
}
.join.sign_form .form_wrap li:not(:has(.li_flex)) {
    display: flex;
    align-items: center;
    gap: 10px;
}
.my_page.sign_form .form_wrap {
    margin-top: 60px;
}
.sign_form .form_wrap .li_flex {
    display: flex;
    align-items: center;
    gap: 10px;
}
.sign_form .form_wrap .form_li_tit {
    display: inline-block;
    min-width: 110px;
    font-size: var(--font_18);
    margin-bottom: 0;
    color: var(--font_color02);
}
.sign_form li.imp .form_li_tit::after {
    content: "*";
    color: #ff1212;
    font-size: var(--font_18);
    margin-left: 3px;
}
.sign_form :where(.p_info, .p_warn) {
    padding-left: 120px;
    /* color: var(--point_color); */
}
.sign_form .form_btn {
    display: inline-flex;
    min-width: 140px;
    align-items: center;
    justify-content: center;
    color: var(--font_color02);
    border: 1px solid #d9d8d6;
    height: 50px;
    border-radius: 10px;
    font-size: var(--font_18);
    transition: 0.3s;
}
.sign_form .form_btn:not(._blocked):hover {
    border: 1px solid var(--point_color);
    color: var(--point_color);
    transition: 0.3s;
}
.sign_form .form_btn._blocked {
    background-color: #cecece;
    border: 1px solid #cecece;
    color: var(--font_color02);
    cursor: default;
}
.sign_form .mail_wrap :where(input, .select_tab_box) {
    flex: 1 1 20%;
}
.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: 400;
    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;
        max-height: 160px;
    overflow-y: auto;
}

: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/sub/sel_icon.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;
    font-size: var(--font_18);
    color: var(--font_color02);
}
.sign_form .selected_tab span {
    padding: 0 15px;
    font-size: var(--font_18);
    color: var(--font_color02);
}

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

.sign_form .mail_wrap .tab_option {
    top: 55px;
    width: calc(100% - 0px);
    left: 0;
}

.sign_form .mail_wrap .selected_tab {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 50px;
}
.sign_form .phone_wrap {
    max-width: 650px;
}
.sign_form .add_wrap {
    flex-wrap: wrap;
}
.sign_form .add_wrap input:first-of-type {
    width: calc(100% - 270px);
}
.sign_form .add_wrap input:not(:first-of-type) {
    margin-left: 120px;
    width: calc(100% - 120px);
}
.join .result_wrap p {
    padding-block: 35px;
}
.join .result_wrap p .icon_wrap {
    display: block;
    margin-block: 25px;
}
.join.sign_form .form_wrap li.li_info {
    border-block: 1px solid #d9d8d6;
    padding: 20px 0;
    color: var(--font_color02);
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}
.join.sign_form .form_ul {
    border-bottom: var(--bd);
    padding-bottom: 30px;
}
.join.sign_form .form_ul label {
    margin-bottom: 0;
}
.join.sign_form .form_ul label + label {
    margin-left: 10px;
}

/* 폼 */

/* 피해상담/지원신청 */
.apply_btn_wrap {
    text-align: center;
    margin-top: 30px;
}
.apply_btn_wrap button {
    border: var(--bd);
    font-size: var(--font_18);
    color: var(--font_color02);
    text-align: center;
    height: 45px;
    border-radius: 100px;
    padding: 0px 20px;
    min-width: 140px;
    transition: 0.3s;
}
.apply_btn_wrap button:hover {
    border: 1px solid var(--point_color);
    background-color: var(--point_color);
    color: #fff;
    transition: 0.3s;
}
.apply_btn_wrap .submit_btn {
    border: 1px solid var(--point_color);
    background-color: var(--point_color);
    color: #fff;
}
.apply_btn_wrap .submit_btn:hover {
    border: 1px solid #343434;
    background-color: #343434;
    color: #fff;
    transition: 0.3s;
}
.agree_box_wrap {
    margin-top: 70px;
}
.agree_box_wrap .border_box {
    padding: 25px;
    border: var(--bd);
    border-radius: 20px;
}
.agree_box_wrap .border_box .agree_tit {
    color: var(--font_color02);
    font-size: var(--font_18);
    font-weight: 700;
    margin-bottom: 15px;
}
.agree_box_wrap .border_box .apart_con li {
    display: flex;
    line-height: 1.5;
}
.agree_box_wrap .border_box .apart_con li + li {
    margin-top: 5px;
}
.agree_box_wrap .border_box .apart_con .tit {
    min-width: 150px;
    font-size: var(--font_18);
}
.agree_box_wrap .border_box p {
    min-width: 150px;
    font-size: var(--font_18);
}
.agree_box_wrap .agree_part {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
    gap: 20px;
    color: var(--font_color02);
}
.agree_box_wrap .agree_part label + label {
    margin-left: 20px;
}
.agree_box_wrap .agree_part .imp::after {
    content: "*";
    color: #ff0000;
    margin-left: 3px;
}
.agree_box_wrap .border_box p + p {
    margin-top: 3px;
}
.agree_box_wrap .border_box .apart_con p + p {
    margin-top: 0;
}
.agree_box_wrap .border_box p.have_dash {
    position: relative;
    padding-left: 11px;
}
.agree_box_wrap .border_box p.have_dash::before {
    content: "-";
    position: absolute;
    left: 0;
    top: 0;
}
.agree_box_wrap .border_box p.have_icon {
    position: relative;
    padding-left: 15px;
}
.agree_box_wrap .border_box p.have_icon::before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0px;
}
.agree_box_wrap + .agree_table_wrap {
    margin-top: 70px;
}
.agree_table_wrap {
    border-top: 1px solid #b4b4b4;
}
.agree_table_wrap .agree_wrap {
    padding: 15px;
    text-align: right;
}
.agree_table_wrap .agree_wrap span {
    font-size: var(--font_18);
}
.agree_table_wrap table {
    border-top: var(--bd);
    word-break: keep-all;
}
.agree_table_wrap table th {
    background-color: #fafafa;
    color: #3b3b3b;
    font-size: var(--font_18);
    text-align: center;
    padding: 10px 15px;
    line-height: 1.3;
}
.agree_table_wrap table td {
    padding: 10px 15px;
    color: var(--font_color02);
    font-size: var(--font_18);
    border-bottom: var(--bd);
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
}
.agree_table_wrap table td.left {
    text-align: left;
}
.agree_table_wrap table td label + label {
    margin-left: 20px;
}
.agree_table_wrap .table_wrap {
    width: 100%;
    overflow-x: auto;
}
.agree_table_wrap .table_wrap table {
    min-width: 1000px;
}
.sign_form.half_form .form_ul {
    flex-wrap: wrap;
    flex-direction: row;
}
.sign_form.half_form.online .form_ul {
    gap: 15px 60px;
}

.sign_form.half_form .form_ul li {
    flex: 1 1 45%;
    display: flex;
    align-items: center;
    max-width: unset;
}
.sign_form.half_form .form_ul li.col_li {
    flex-direction: column;
}
.sign_form.half_form .form_ul .li_flex {
    display: flex;
    width: 100%;
    align-items: center;
}
.sign_form.half_form .form_ul .section_tit {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 15px;
}
.sign_form.half_form .form_ul .p_left {
    padding-left: var(--form_li_tit);
    width: 100%;
}
.sign_form.half_form li.full_li {
    flex: 100%;
}
.sign_form.half_form .form_ul .form_li_tit {
    display: inline-block;
    min-width: var(--form_li_tit);
    width: var(--form_li_tit);
    margin-bottom: 0;
    padding-right: 10px;
    word-break: keep-all;
    font-size: var(--font_18);
    color: var(--font_color02);
}
.sign_form .border_box_wrap + .border_box_wrap {
    margin-top: 70px;
}
.sign_form .border_box_wrap.top_box_wrap {
    margin-top: 70px;
}
.sign_form .form_ul .form_li_tit .span_s {
    font-size: 14px;
    display: block;
    position: absolute;
}
.sign_form.half_form li .flex {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 10px;
}
.sign_form.half_form li.checkbox_wrap .flex label {
    flex: 1 1 45%;
}
.border_box_wrap .box_tit_wrap {
    font-size: var(--font_20);
    color: var(--font_color02);
    font-weight: 700;
    margin-bottom: 15px;
}
.border_box_wrap .border_box hr {
    border-top: 1px solid var(--bd_col);
    display: block;
    width: 100%;
}
.border_box_wrap .box_desc {
    word-break: keep-all;
    font-size: var(--font_18);
    font-weight: 400;
    color: var(--font_color02);
    margin-top: 10px;
}
.border_box_wrap .tab_box {
    display: flex;
    width: 100%;
}
.border_box_wrap .tab_box button {
    flex: 1;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #7a7a7a;
    border: var(--bd);
    border-bottom: 1px solid var(--point_color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-size: var(--font_20);
    font-weight: 400;
}
.border_box_wrap .tab_box button.active {
    border: 1px solid var(--point_color);
    border-bottom: none;
    color: var(--point_color);
    font-weight: 600;
}
.border_box_wrap .tab_box + .border_box {
    border: 1px solid var(--point_color);
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.border_box_wrap .border_box {
    border: var(--bd);
    padding: 25px 30px;
    border-radius: 20px;
}
.sign_form.half_form .phone_wrap em {
    display: inline-block;
    margin-inline: 7px;
}
.sign_form.half_form .phone_wrap input {
    text-align: center;
}
.sign_form.half_form.online .form_ul .mail_wrap {
    max-width: calc(50% - 30px);
}
.sign_form.half_form .mail_wrap em {
    display: inline-block;
    margin-inline: 7px;
}
.sign_form.half_form .mail_wrap .select_tab_box {
    margin-left: 7px;
}
.sign_form.half_form .mail_wrap .selected_tab {
    height: 40px;
}
.sign_form.half_form .mail_wrap .tab_option {
    top: 42px;
}
.sign_form.half_form .form_ul label {
    margin-bottom: 0;
}
.sign_form.half_form .form_ul label + label {
    margin-left: 30px;
}
.sign_form.half_form .select_tab_box + .select_tab_box {
    margin-left: 7px;
}
.sign_form.half_form .selected_tab {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    height: 40px;
}
.sign_form.half_form .select_tab_box {
    width: 100%;
}
.sign_form.half_form .sido_wrap .select_tab_box {
    width: 150px;
}
.sign_form.half_form .birth_wrap .select_tab_box {
    width: 95px;
}
.sign_form.half_form.doctor .birth_wrap .select_tab_box {
    width: 88px;
}
.sign_form.half_form .tab_option {
    position: absolute;
    width: 100%;
    top: 42px;
}
.sign_form.half_form .tab_option {
    border-radius: 10px;
}
.sign_form.half_form .tab_option :where(button, a) {
    padding: 7px 15px;
    text-align: left;
}
.sign_form textarea {
    border: 1px solid #d9d9d9;
    padding: 10px 15px;
    font-size: var(--font_16);
    border-radius: 10px;
    display: block;
    width: 100%;
    height: 100px;
    font-family: "pretentdard";
}
.sign_form textarea::placeholder {
    color: #b4b4b4;
}
.sign_form.half_form .form_ul .medical_wrap label + label {
    margin-left: 0;
}
.sign_form.half_form .form_ul .medical_wrap {
    align-items: baseline;
}
.apply_info .border_box_wrap {
    margin-top: 70px;
    word-break: keep-all;
}
.apply_info1 .border_box {
    display: flex;
    align-items: center;
    padding: 20px 65px;
}
.apply_info1 .border_box + .border_box {
    margin-top: 10px;
}

.apply_info1 .img_wrap {
    flex: 1;
    max-width: 350px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.apply_info1 .img_wrap span {
    font-size: var(--font_20);
    color: var(--font_color02);
}
.apply_info1 .desc_wrap {
    flex: 2;
    font-size: var(--font_18);
    color: var(--font_color02);
    border-left: 1px solid var(--bd_col);
    padding-left: 45px;
    line-height: 1.5;
}
.border_box_wrap .p_bt {
    color: var(--font_color02);
    font-size: var(--font_18);
    margin-top: 20px;
}
.apply_info2 .flex {
    display: flex;
    gap: 20px;
}
.apply_info2 .border_box {
    border-color: var(--point_color);
    padding: 30px;
    flex: 1;
}
.apply_info2 .border_box .step_tag {
    font-size: var(--font_16);
    background-color: var(--point_color);
    border-radius: 30px;
    padding: 3px 12px;
    color: #fff;
    margin-bottom: 10px;
    display: inline-block;
}
.apply_info2 .border_box .con_tit {
    display: block;
    font-size: var(--font_20);
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--font_color02);
}
.apply_info2 .border_box .desc_wrap {
    border-top: 1px solid var(--point_color);
    padding-top: 10px;
}
.apply_info2 .border_box .desc_wrap p {
    font-size: var(--font_18);
    line-height: 1.5;
    color: var(--font_color02);
    word-break: keep-all;
}
.agree_box_wrap.apply_info3 .border_box .apart_con li + li {
    margin-top: 15px;
}
.agree_box_wrap.apply_info3 .border_box .apart_con li {
    flex-direction: column;
    gap: 5px;
    color: var(--font_color02);
}
.agree_box_wrap.apply_info3 .border_box .apart_con .tit {
    min-width: unset;
    width: 100%;
}
.apply_info3 .border_box + .border_box {
    margin-top: 30px;
}
.apply_info3 .border_box:not(.agree_box) {
    display: flex;
}
.apply_info3 .border_box:not(.agree_box) .img_wrap {
    max-width: 180px;
    flex: 1;
    font-size: var(--font_18);
    font-weight: 600;
    color: var(--font_color02);
    min-width: 125px;
    line-height: 1.5;
}
.apply_info3 .border_box:not(.agree_box) .img_wrap span {
    margin-left: 5px;
}
.apply_info3 .border_box:not(.agree_box) .desc_wrap {
    flex: 5.4;
    color: var(--font_color02);
    font-size: var(--font_18);
    line-height: 1.5;
}
.apply_info3 .border_box:not(.agree_box) .desc_wrap p + p {
    margin-top: 5px;
}
.apply_info3 .border_box:not(.agree_box) .col_point {
    color: var(--point_color);
}
.apply_info3 .border_box:not(.agree_box) .desc_wrap span {
    margin-left: 7px;
}
.apply_info3 .border_box:not(.agree_box) .desc_wrap .desc_tit {
    min-width: 70px;
    vertical-align: middle;

    display: inline-block;
}
.move_box_wrap {
    margin-top: 70px;
    padding: 70px 20px;
    background-color: #fbf8f1;
    word-break: keep-all;
}
.move_box_wrap .wrap_1220 {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}
.move_box_wrap .wrap_1220 .move_box {
    flex: 1 1 45%;
    border-radius: 20px;
    background-color: #fff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.move_box_wrap .move_box .con_tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: var(--font_20);
    font-weight: 600;
    color: var(--font_color02);
    align-items: center;
    gap: 10px;
}
.move_box_wrap .move_box .con_tit img {
    height: 50px;
    display: inline-block;
    object-fit: contain;
}
.move_box_wrap .move_box .con_desc {
    font-size: var(--font_18);
    color: var(--font_color02);
    text-align: center;
    line-height: 1.5;
}
.move_box_wrap .con_btn {
    width: 100%;
    text-align: center;
}
.move_box_wrap .con_btn a {
    display: inline-block;
    border: 1px solid var(--point_color);
    padding: 10px 25px;
    width: 100%;
    max-width: 300px;
    font-size: var(--font_18);
    border-radius: 50px;
    color: var(--point_color);
    margin-top: 10px;
    transition: 0.3s;
}
.move_box_wrap .con_btn a:hover {
    background-color: var(--point_color);
    color: #fff;
    transition: 0.3s;
}
.move_box_wrap .wrap_1220 > p {
    flex: 100%;
    line-height: 1.5;
}
.move_box_wrap .col_point {
    text-align: center;
    color: var(--point_color);
    font-size: var(--font_18);
    margin-top: 10px;
}
.default_pop_up.apply_pop_up .btn_wrap .submit_btn {
    height: 45px;
    line-height: 45px;
}
/* 피해상담/지원신청 */

@media (max-width: 1550px) {
    header .header_inner {
        padding: 18px 40px;
    }

    .mouse_on .header_wrap .menu_wrap .bottom > ul > li {
        padding: 0 30px;
    }
    .site_map_box {
        width: 1000px;
    }

    .site_map .site_map_logo {
        width: 210px;
    }

    .site_map .site_map_logo img {
        width: 110px;
    }

    .site_map .site_map_menu > ul > li .tit .ko {
        font-size: 18px;
    }

    .site_map .site_map_menu > ul > li .tit .en {
        font-size: 14px;
    }

    .site_map .site_map_menu > ul > li {
        padding: 15px 30px;
        gap: 20px;
    }

    .site_map .site_map_menu > ul > li .menu li a {
        font-size: 15px;
    }

    .quick_icon a {
        width: 65px;
    }
}

@media (max-width: 1340px) {
    :root {
        --font_45: 36px;
        --font_34: 30px;
        --font_30: 26px;
        --font_27: 22px;
        --font_24: 21px;
        --font_20: 18px;
        --font_18: 16px;
        --form_li_tit: 105px;
    }

    .label_120 {
        --form_li_tit: 115px;
    }

    .label_150 {
        --form_li_tit: 145px;
    }

    .label_170 {
        --form_li_tit: 165px;
    }

    /* header */
    .header_wrap .menu_wrap .bottom > ul > li > a {
        font-size: 18px;
        gap: 24px;
    }

    .header_wrap .menu_wrap .top {
        gap: 14px;
    }

    .header_wrap .menu_wrap .top a {
        font-size: 14px;
    }

    .mouse_on .header_wrap .menu_wrap .bottom > ul > li {
        padding: 0 10px;
    }

    .header_wrap .menu_wrap .bottom .sub_depth li a {
        font-size: 14px;
    }

    header.mouse_on .drop_bg {
        height: calc(100% + 150px);
    }

    .header_wrap .menu_wrap .bottom > ul > li {
        padding: 0 10px;
    }

    /* content */
    .wrap {
        width: 100%;
        padding: 50px 30px;
    }

    .header_wrap {
        padding: 0 20px;
    }

    #banner .bn_txt {
        font-size: 100px;
    }

    #banner .bn_btns a {
        font-size: 22px;
        width: 200px;
        line-height: 50px;
        height: 50px;
    }

    #banner .bn_btns {
        gap: 20px;
    }

    #banner .scroll_img img {
        width: 40px;
    }

    #top_text .txt {
        font-size: 35px;
    }

    .about_wrap .text_box .sub {
        font-size: 18px;
    }

    .about_wrap .text_box .tit {
        font-size: 35px;
    }

    .about_wrap .text_box .txt {
        font-size: 18px;
    }

    .about_wrap .text_box a span {
        font-size: 18px;
    }

    .about_wrap .text_box a {
        width: 200px;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
    }

    .about_wrap .slide {
        padding-right: 0;
    }

    .sec_title_box .en {
        font-size: 18px;
    }

    .sec_title_box .ko {
        font-size: 28px;
    }

    .main_list .text_box .sub {
        font-size: 18px;
    }

    .main_list .text_box .tit {
        font-size: 24px;
    }

    .main_list .text_box .txt {
        font-size: 16px;
    }

    .main_list {
        gap: 50px;
    }

    .main_list .list_box ul li .tit_box p {
        font-size: 18px;
    }

    .main_list .list_box ul li .link_ico img {
        width: 24px;
    }

    .main_list .list_box ul li a .tit_box img {
        height: 24px;
    }

    .main_list .text_box a {
        font-size: 16px;
        padding: 0 20px;
        line-height: 30px;
        height: 30px;
    }

    .board_wrap .board_box .tit_box p {
        font-size: 20px;
    }

    .board_wrap .board_box ul li {
        font-size: 16px;
    }

    .board_wrap .board_box {
        padding: 20px 30px;
    }

    .board_wrap .board_box .tit_box a {
        font-size: 16px;
    }

    .board_wrap .board_box .tit_box a img {
        width: 18px;
    }

    .board_wrap .board_box .cate {
        width: 60px;
    }

    .board_wrap {
        margin-top: 30px;
    }

    .last_box .text_box .tit {
        font-size: 26px;
    }

    .last_box .text_box .txt {
        font-size: 18px;
        word-break: keep-all;
    }

    .last_box .text_box .txt {
        font-size: 18px;
    }

    .last_box {
        gap: 60px;
    }

    .last_box .cards {
        gap: 15px;
    }

    .last_box .card {
        padding: 20px;
    }

    .last_box .card .call {
        font-size: 24px;
    }

    .last_box .card .tit {
        font-size: 20px;
    }

    .last_box .card .go img {
        width: 20px;
    }

    .last_box .card.gray img {
        width: 20px;
    }

    .outocome_list ul {
        gap: 0;
    }

    .outocome_list ul li .count {
        font-size: 35px;
    }

    .outocome_list ul li .tit {
        font-size: 18px;
    }

    .outocome_list ul li .bg_img img {
        width: 340px;
    }

    .outocome_list ul li:nth-child(2) .bg_img img {
        width: 310px;
    }

    .outocome_list .info {
        font-size: 16px;
    }

    .outocome_list .report_go a {
        font-size: 16px;
        width: 190px;
        padding: 0 20px;
    }

    /* footer */
    .sns_box .sns_wrap {
        width: 100%;
        padding: 0 30px;
    }

    .sns_box .sns_wrap p {
        font-size: 16px;
    }

    footer .top .left {
        padding-left: 0;
    }

    footer .top .left {
        gap: 20px;
    }

    footer .top .left li {
        font-size: 16px;
    }

    footer .ft_logo {
        width: 200px;
    }

    footer .top .right {
        gap: 20px;
    }

    footer .top .right .ft_links li a {
        font-size: 16px;
    }

    footer .partner_select .title {
        width: 170px;
        font-size: 15px;
        padding-left: 20px;
        padding-right: 14px;
    }

    footer .top {
        padding-bottom: 35px;
    }

    footer .bottom {
        padding-top: 15px;
        padding-left: 0;
    }

    footer .bottom .copy {
        font-size: 14px;
    }

    footer .bottom .partner_logos {
        gap: 30px;
    }

    .sns_box {
        padding: 10px 0;
    }
    /* subpage */

    .breadcrumb {
        margin-top: 23px;
    }
    .sub_nav {
        margin-top: 40px;
    }
    .sub_desc {
        padding: 20px 10px;
    }
    #box_sec .box_wrap {
        gap: 20px;
    }
    #hitory,
    #box_sec {
        padding: 40px 0;
    }
    #box_sec .box_wrap .box {
        padding-top: 23px;
        padding-bottom: 27px;
    }
    #hitory .hitory_wrap {
        max-width: none;
        padding: 40px 20px;
        width: calc(100% - 14%);
    }
    #hitory .hitory_sec {
        gap: 40px;
    }
    #hitory .hitory_list li + li {
        margin-top: 20px;
    }
    #hitory .hitory_list li {
        padding-left: 115px;
    }
    #hitory .hitory_list li::before {
        width: 16px;
        height: 16px;
    }
    #hitory .hitory_list li::after {
        top: 9px;
        left: 4px;
        width: 8px;
        height: 8px;
    }
    #hitory .hitory_list::before {
        left: 8px;
    }
    #symbol_intro {
        padding: 42px 0 52px;
    }
    .ansimOn_logo {
        width: 391px;
        height: 101px;
        padding: 10px;
    }
    #symbol_intro .intro_wrap > p + p {
        margin-top: 27px;
    }
    #symbol_intro .intro_wrap {
        margin-top: 20px;
    }
    .ansimOn_logo + .ansimOn_logo {
        margin-top: 20px;
    }
    .ansimOn_logo {
        width: 386px;
        height: 94px;
        padding: 23px;
    }
    .logo_wrap {
        gap: 10px;
    }
    .signature_box {
        padding: 24px 0;
    }
    .signature_tit {
        width: 131px;
        padding-left: 9px;
    }
    .logo_wrap .logo_icon {
        padding: 18px;
    }
    .ko .logo_wrap .logo_icon {
        height: 103px;
    }
    .en .logo_wrap .logo_icon {
        height: 109px;
    }
    .col .logo_wrap .logo_icon {
        height: 86px;
    }
    .color_sec .color_st {
        border-radius: 15px;
        width: 213px;
        height: 65px;
    }
    .color_sec .colors,
    .color_sec {
        gap: 10px;
    }
    .color_sec + .color_sec {
        margin-top: 23px;
    }
    #color {
        padding: 40px 0;
    }
    .sec_tit .sec_tit_desc {
        margin-top: 12px;
    }
    #box_sec.character .box_wrap .box {
        height: 245px;
        padding: 30px;
    }
    #donwload {
        padding: 40px 0;
    }
    .color_wrap {
        padding-top: 71px;
    }
    .sub_desc_wrap h3 {
        font-size: 26px;
    }
    /* .sub_desc_wrap .sub_desc {
    font-size: 18px;
  } */
    .center3 .location_info_wrap .info_wrap {
        padding: 20px 30px;
    }
    .center3 .location_info_wrap .info_wrap ul {
        gap: 20px;
    }
    .center3 .location_info_wrap .info_wrap ul li {
        padding: 20px;
        gap: 10px;
    }
    .center3 .info_wrap .copy_btn img {
        display: inline-block;
        width: 16px;
        height: 16px;
        object-fit: contain;
    }
    .center3 .call_font a {
        font-size: 26px;
    }
    .center3 .location_info_wrap .info_wrap ul li .subway_icon {
        height: 28px;
        line-height: 27px;
        width: 70px;
    }

    .center4 .search_form select {
        height: 45px;
        font-size: 18px;
    }
    .center4 .search_form input {
        height: 45px;
        font-size: 18px;
    }
    .center4 .search_form .sch_btn {
        height: 45px;
        font-size: 18px;
    }
    .center4 .org_list_wrap .org_wrap {
        gap: 15px;
    }
    .center4 .org_list_wrap .org_wrap li {
        max-width: calc((100% - 45px) / 4);
    }
    .center4 .org_list_wrap .org_wrap li button {
        padding: 15px;
        gap: 10px;
    }
    .center4 .org_list_wrap .org_wrap .type_tag {
        font-size: 15px;
    }

    .pagination :where(button, a, strong) {
        width: 32px;
        height: 32px;
        font-size: 15px;
    }
    .list_table td:first-child {
        padding-left: 10px;
    }
    .list_table td:last-child {
        padding-right: 10px;
    }
    .news_list .list_table :where(th, td).col_type {
        width: 75px;
    }
    .news_list .list_table :where(th, td).col_status {
        width: 95px;
    }
    .news_list .list_table :where(th, td).col_date {
        width: 105px;
    }
    .con_tag {
        font-size: 15px;
        padding: 4px 5px 3px;
        min-width: 73px;
    }
    /* subpage */
    /* 지원상담신청 */
    .agree_box_wrap {
        margin-top: 50px;
    }

    .agree_box_wrap + .agree_table_wrap {
        margin-top: 50px;
    }
    .sign_form .border_box_wrap.top_box_wrap {
        margin-top: 50px;
    }
    .sign_form.half_form.online .form_ul {
        gap: 15px 40px;
    }
    .sign_form.half_form.online .form_ul .mail_wrap {
        max-width: calc(50% - 20px);
    }
    .apply_info1 .border_box {
        padding: 20px 20px;
    }
    .apply_info1 .desc_wrap {
        padding-left: 25px;
    }
    .apply_info2 .flex {
        gap: 15px;
    }
    .apply_info2 .border_box {
        padding: 20px;
    }
    .apply_info .border_box_wrap {
        margin-top: 50px;
    }
    .move_box_wrap {
        margin-top: 50px;
        padding: 50px 20px;
        background-color: #fbf8f1;
    }
    /* 지원상담신청 */
}

@media (max-width: 1024px) {
    :root {
        --font_45: 32px;
        --font_34: 30px;
        --font_30: 24px;
        --font_27: 20px;
        --font_24: 21px;
        --font_20: 18px;
        --font_18: 16px;
    }

    /* common */
    .wrap {
        width: 100%;
        padding: 40px 20px;
    }
    /* header */
    header {
        z-index: 21;
    }
    .header_wrap {
        padding: 0 0;
    }
    header .header_inner {
        padding: 15px 15px;
    }

    #top_text .txt {
        font-size: 25px;
        word-break: keep-all;
    }

    header.mouse_on #logo img {
        content: url(../img/common/logo.png);
    }

    body:has(.cross) header #logo img {
        content: url(../img/common/logo_on.png);
    }

    body:has(.cross) header {
        background-color: #fff;
        border-bottom: 1px solid #d9d8d6;
    }

    .cross .bar {
        background-color: #000 !important;
    }

    .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);
    }
    body:has(.cross) header {
        background-color: #fff;
        border-bottom: 1px solid #d9d8d6;
    }
    .header_wrap .menu_wrap .bottom .menu_btn {
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border: none;
        background-color: transparent;
        width: auto;
        height: auto;
        display: block;
    }
    .header_wrap .menu_wrap .bottom .menu_btn .bar {
        position: relative;
        display: block;
        width: 20px;
        height: 2px;
        margin: 6px auto;
        background-color: #fff;
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    .quick_icon a {
        width: 55px;
    }

    .quick_icon {
        right: 10px;
        bottom: 50px;
    }

    #logo img {
        width: 130px;
    }
    .site_map_box {
        flex-direction: column;
        width: 100%;
        height: 100%;
        overflow: hidden;
        border-radius: 0;
    }

    .site_map .site_map_logo {
        justify-content: start;
        padding: 15px 20px;
        border-right: 0;
    }

    .site_map_box > button {
        top: 15px;
    }

    .site_map .site_map_menu > ul > li {
        flex-direction: column;
        align-items: start;
        justify-content: start;
        cursor: pointer;
    }

    .site_map .site_map_menu > ul > li {
        padding: 10px 0 0;
        gap: 0;
    }

    .site_map .site_map_menu > ul > li .tit {
        width: 100%;
        padding: 0 20px 10px;
        padding: 9px 20px 17px;
        position: relative;
    }

    .site_map .site_map_menu > ul > li.on .tit {
        border-bottom: 1px solid #e6e6e6;
    }

    .site_map .site_map_menu > ul > li.on .tit::after {
        background-image: url("../img/common/menu_arrow_on.png");
    }

    .site_map .site_map_menu > ul > li .tit::after {
        content: "";
        display: block;
        width: 12px;
        height: 6px;
        background-image: url("../img/common/menu_arrow.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%);
    }

    .site_map .site_map_menu > ul > li .tit .ko {
        color: var(--font_color02);
    }

    .site_map .site_map_menu > ul > li.on .tit .ko {
        color: var(--point_color);
    }

    .site_map .site_map_menu > ul > li .menu li {
        border-bottom: 1px solid #e6e6e6;
        width: 100%;
    }

    .site_map .site_map_menu > ul > li .menu li:last-child {
        border-bottom: 0;
    }

    .site_map .site_map_menu > ul > li:last-child {
        border-bottom: 1px solid #e6e6e6;
    }

    .site_map .site_map_menu > ul > li .menu li a {
        display: block;
        padding: 13px 20px;
    }

    .site_map .site_map_menu > ul > li .site_menu {
        /* display: none; */
        width: 100%;
        transform: translateY(-10px);
        opacity: 0;
        transition: 0s;
        visibility: hidden;
        height: 0;
    }

    .site_map .site_map_menu > ul > li.on .site_menu {
        display: revert;
        transform: translateY(0);
        opacity: 1;
        transition: 0.3s;
        visibility: visible;
        height: auto;
    }

    .site_map .site_map_menu > ul > li .menu {
        flex-direction: column;
        text-align: left;
        align-items: start;
        gap: 0;
        width: 100%;

        justify-content: start;
    }

    .site_map .site_map_menu {
        padding: 0;
    }
    .site_map .site_map_menu > ul {
        padding-top: 50px;
    }
    .site_map .site_map_menu > ul > li .menu li {
        text-align: left;
    }

    .site_map .site_map_logo img {
        content: url("../img/common/logo_on.png");
        width: 130px;
    }

    header.mouse_on .drop_bg {
        display: none;
    }

    header.mouse_on .header_inner {
        position: relative;
        background-color: transparent;
        border-bottom: none;
    }

    .header_wrap .menu_wrap .top {
        display: none;
    }

    .header_wrap .menu_wrap .bottom > ul {
        display: none;
    }

    .header_wrap .menu_wrap .bottom {
        justify-content: end;
    }
    .m_top_links {
        display: flex;
        position: absolute;
        right: 0;
        top: 60px;
        gap: 15px;
        background-color: #fff;
        width: 100%;
        padding: 0 20px;
        height: 50px;
        line-height: 50px;
        border-bottom: 1px solid #d9d8d6;
        justify-content: flex-start;
    }
    .m_top_links a {
        font-size: 16px;
    }
    .m_top_links a:first-child {
        color: var(--point_color);
    }
    /* header */
    /* 팝업 */
    .default_pop_up {
        /* display: none; */
        position: fixed;
        top: calc(140px);
        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: 25px;
    }

    .default_pop_up .pop_tit_wrap {
        position: relative;
        margin-bottom: 15px;
    }
    .default_pop_up .pop_tit_wrap.no_tit {
        height: 30px;
        position: relative;
        margin-bottom: 0;
    }
    .default_pop_up.apply_pop_up .img_wrap {
        width: 60px;
        height: 60px;
        margin-bottom: 20px;
    }
    .default_pop_up.apply_pop_up .img_wrap img {
        width: 30px;
        height: 30px;
    }
    .default_pop_up.apply_pop_up .result_wrap {
        flex-direction: column;
        gap: 10px;
    }
    .default_pop_up .btn_wrap {
        margin-top: 20px;
    }
    /* 팝업 */
    #banner .bn_txt {
        font-size: 70px;
    }

    #top_text .txt {
        font-size: 28px;
    }

    .about_wrap .text_box .tit {
        font-size: 28px;
    }

    .about_wrap .text_box .sub {
        font-size: 16px;
    }

    .about_wrap .text_box .txt {
        font-size: 16px;
    }

    .about_wrap .text_box a span {
        font-size: 16px;
    }

    .about_wrap .text_box a img {
        width: 22px;
    }

    .about_wrap .text_box a {
        width: 170px;
        height: 40px;
        line-height: 40px;
        padding: 0 20px;
    }

    .custom_slider_wrap {
        width: 100%;
        max-width: 420px;
        position: relative;
    }

    .custom_slider_wrap .btn_wrap {
        right: 10px;
        bottom: 30px;
    }

    .custom_slider_wrap .btn_wrap button {
        width: 40px;
        height: 40px;
    }

    .custom_slider_wrap .btn_wrap button img {
        width: 8px;
    }

    .sec_title_box .en {
        font-size: 16px;
    }

    .sec_title_box .ko {
        font-size: 24px;
    }

    .main_list .text_box .tit {
        font-size: 22px;
    }

    .main_list .text_box .sub {
        font-size: 16px;
    }

    .main_list .text_box .txt {
        font-size: 15px;
    }

    .main_list .text_box {
        width: 40%;
    }

    .main_list .list_box ul {
        gap: 15px;
    }

    .main_list .list_box ul li .tit_box p {
        word-break: keep-all;
        font-size: 15px;
    }

    .main_list .list_box ul li {
        padding: 13px 15px 18px;

        border-radius: 15px;
    }

    .main_list .list_box ul li a .tit_box img {
        height: 20px;
    }

    .main_list .list_box ul li .link_ico img {
        width: 22px;
    }

    .main_list .text_box a {
        font-size: 14px;
    }

    .outocome_list ul li .bg_img img {
        width: 260px;
    }

    .outocome_list ul li:nth-child(2) .bg_img img {
        width: 230px;
    }

    .outocome_list ul li .count {
        font-size: 25px;
    }

    .outocome_list ul li .tit {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .board_wrap {
        gap: 20px;
    }

    .board_wrap .board_box {
        padding: 20px;
        border-radius: 15px;
    }

    .board_wrap .board_box .tit_box p {
        font-size: 18px;
    }

    .board_wrap .board_box .tit_box a {
        font-size: 14px;
    }

    .board_wrap .board_box ul li {
        font-size: 15px;
        gap: 10px;
    }

    .last_box {
        gap: 20px;
    }

    .last_box .text_box .tit {
        font-size: 22px;
        gap: 5px;
    }

    .last_box .text_box .txt {
        font-size: 16px;
    }

    .last_box .text_box .time {
        font-size: 16px;
    }

    .last_box .card {
        padding: 15px;
        border-radius: 15px;
    }

    .last_box .card .tit {
        font-size: 16px;
    }

    .last_box .card .call {
        font-size: 18px;
    }

    /* footer */
    footer .ft_logo {
        width: 160px;
    }

    footer .top .left li {
        font-size: 14px;
    }

    footer .top .right .ft_links li a {
        font-size: 14px;
    }

    footer .top {
        gap: 10px;
    }

    footer .top .right {
        gap: 10px;
    }

    footer .partner_select .title {
        width: 144px;
        font-size: 14px;
        padding-left: 15px;
        padding-right: 10px;
    }

    footer .bottom .partner_logos img {
        height: 24px;
    }

    footer .bottom .partner_logos {
        gap: 10px;
    }

    .sns_box .sns_wrap p {
        font-size: 14px;
    }

    .sns_box .sns_wrap .sns a img {
        width: 26px;
    }

    /* subpage */

    .pop_up_wrap .pop_up {
        padding: 20px 25px;
        max-height: calc(100vh - 220px);
    }
    .pop_up_wrap .tit_wrap {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .pop_up_wrap .tit_wrap .close_btn {
        width: 18px;
        height: 18px;
    }
    .sub_page:not(.no_b_m) {
        margin-bottom: 60px;
    }
    .breadcrumb {
        margin-top: 16px;
    }
    .nav_btn {
        height: 37px;
        padding: 0 15px;
    }
    .sub_nav {
        margin-top: 25px;
    }
    .sub_top {
        padding-top: 110px;
        padding-bottom: 20px;
    }
    .sub_nav > ul {
        gap: 10px;
    }
    #hitory,
    #box_sec {
        padding: 30px 0;
    }
    #hitory .hitory_wrap {
        padding: 20px 10px;
    }
    #hitory .sec_tit {
        width: 7%;
        min-width: 51px;
    }
    #hitory .hitory_list li + li {
        margin-top: 15px;
    }
    #hitory .hitory_sec + .hitory_sec {
        margin-top: 30px;
    }
    .logo_wrap {
        flex-wrap: wrap;
    }
    #symbol_intro .right,
    .ansimOn_logo {
        width: 100%;
    }
    #symbol_intro .inner {
        flex-direction: column;
        align-items: flex-start;
    }
    #symbol_intro .right {
        margin-top: 25px;
    }
    #color .inner {
        flex-direction: column;
        gap: 45px;
    }
    .color_wrap {
        padding-top: 0;
    }
    .color_sec .colors,
    .color_sec {
        gap: 20px;
    }
    #box_sec.character .box_wrap {
        flex-direction: column;
    }
    #box_sec .box_tit {
        margin-bottom: 9px;
    }
    .donwload_btn {
        gap: 10px;
        margin-top: 13px;
    }
    #box_sec.character .box_wrap .box {
        height: 187px;
        padding: 21px;
    }
    #symbol_intro .inner {
        gap: 5px;
    }
    .col .logo_wrap {
        justify-content: space-between;
    }
    .col .logo_wrap .logo {
        width: calc(50% - 5px);
        flex: none;
    }
    .logo_wrap .logo.short_icon {
        flex: none;
        width: 100%;
    }
    .center3 .location_info_wrap .info_wrap {
        padding: 20px;
    }

    .center3 .location_info_wrap .info_wrap ul {
        flex-wrap: wrap;
        gap: 15px;
    }
    .center3 .location_info_wrap .info_wrap .con_tit {
        font-size: 18px;
    }
    .center3 .location_info_wrap .info_wrap ul li {
        padding: 15px 20px;
        gap: 10px;
    }
    .center3 .location_info_wrap .info_wrap ul li:first-of-type {
        flex: 100%;
    }

    .center3 .location_info_wrap .info_wrap ul li .info_tit {
        margin-bottom: 0;
    }
    .center3 .call_font a {
        font-size: 20px;
        margin-top: 15px;
    }
    .center4 .sch_form_wrap {
        margin-top: 25px;
    }
    .center4 .search_form select {
        font-size: 16px;
    }
    .center4 .search_form input {
        font-size: 16px;
    }
    .center4 .search_form .sch_btn {
        font-size: 16px;
    }
    .center4 .org_list_wrap .org_wrap .org_name {
        font-size: 16px;
    }
    .center4 .map_wrap .map_info .org_name {
        font-size: 18px;
        font-weight: 700;
    }
    .center4 .map_wrap .map_info .info_wrap {
        font-size: 16px;
    }
    .center4 .map_wrap .info_wrap .map_link {
        padding: 5px 15px;
    }
    .center4 .map_wrap .map_info .info_wrap {
        gap: 5px;
    }
    .center4 .map_wrap .map_info .info_wrap img {
        margin-right: 7px;
    }
    .center4 .map_wrap .map_info .info_wrap > div + div::before {
        margin-right: 5px;
    }
    .center4 .org_list_wrap .org_wrap li {
        max-width: calc((100% - 15px) / 2);
        flex: 1 1 45%;
    }
    .center4 .map_wrap .map_info .info_wrap .addr {
        flex: 100%;
        margin-bottom: 10px;
        line-height: 1.5;
        padding-left: 24px;
        position: relative;
    }
    .center4 .map_wrap .map_info .info_wrap .addr .addr_img {
        position: absolute;
        top: 1px;
        left: 0;
    }
    .center4 .map_wrap .map_info .info_wrap > div.addr + div::before {
        display: none;
    }
    .center4 .search_form input {
        width: calc(100% - 290px);
    }
    .list_view .con_tit_wrap {
        padding: 20px 25px;
    }

    .list_view .file_wrap li img {
        width: 17px;
        height: 17px;
        object-fit: contain;
        top: 2px;
    }

    .list_view .con_wrap .con {
        width: 100%;
        padding: 35px 25px;
    }
    .list_view .file_wrap {
        padding: 20px 25px;
        gap: 15px;
    }
    .list_view .con_page_wrap > div > span {
        font-size: 18px;
        width: 120px;
    }
    /* .list_view .con_page_wrap > div > a {
    font-size: 16px;
  } */
    .list_view + .btn_wrap a {
        padding: 0 45px;
        height: 42px;
        line-height: 42px;
    }
    .list_view .con_tit_wrap .con_info {
        gap: 6px;
    }
    /* .list_view .con_tit_wrap .con_info div {
    font-size: 16px;
  } */
    .list_view .con_tit_wrap .con_info div + div::before {
        margin-right: 6px;
    }
    .pagination_wrap {
        margin-top: 30px;
    }
    .list_sch_box > input {
        width: 250px;
    }
    .list_sch_box .date_box input {
        width: 120px;
    }
    .list_sch_box select,
    .list_sch_box input {
        font-size: 16px;
        border-radius: 8px;
        height: 45px;
    }
    .list_sch_box .date_box input::-webkit-calendar-picker-indicator {
        background-size: 18px;
    }
    .list_sch_box button {
        width: 80px;
        border-radius: 8px;
        font-size: 16px;
        height: 45px;
    }
    .list_sch_box select {
        background-position: 90% 19px;
    }
    /* subpage */
    /* sign_form */
    .sign_form .form_ul :where(input[type="text"], input[type="password"]) {
        height: 42px;
        line-height: 42px;
    }
    .sign_form .sns_btn_wrap :where(a, button) {
        filter: opacity(1);
    }
    .sign_form .result_wrap p {
        padding-block: 50px;
    }
    .sign_form .btn_wrap :where(button, a) {
        height: 42px;
        line-height: 42px;
    }
    .sign_form .form_wrap {
        margin-top: 30px;
    }
    .checkbox_wrap em {
        width: 18px;
        height: 18px;
        margin-right: 7px;
        margin-top: -4px;
    }

    .checkbox_wrap em::before {
        width: 12px;
        height: 12px;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -35%);
    }
    .checkbox_wrap._round em::before {
        width: 12px;
        height: 12px;
    }
    .sign_form .form_btn {
        display: inline-flex;
        min-width: 140px;
        align-items: center;
        justify-content: center;
        color: var(--font_color02);
        border: 1px solid #d9d8d6;
        height: 44px;
        border-radius: 10px;
        font-size: var(--font_18);
        transition: 0.3s;
    }

    .sign_form .tab_wrap > div {
        height: 36px;
        line-height: 36px;
        padding: 0 10px;
    }
    .my_page.sign_form .form_wrap {
        margin-top: 30px;
    }
    .sign_form .mail_wrap .selected_tab {
        height: 42px;
    }
    /* sign_form */
    .faq_list ul li button :where(p, span) {
        line-height: 1.6;
    }
    .faq_list ul li button .desc {
        margin-top: 4px;
    }
    .faq_list ul li button .icon_wrap {
        width: 24px;
        min-width: 24px;
        height: 24px;
    }
    /* 피해상담/지원신청 */
    .apply_btn_wrap button {
        height: 40px;
        min-width: 120px;
    }
    .agree_box_wrap .border_box {
        word-break: keep-all;
    }
    .agree_box_wrap .border_box .apart_con .tit {
        min-width: 135px;
    }
    .agree_box_wrap .border_box {
        padding: 20px;
        border: var(--bd);
        border-radius: 15px;
    }
    .agree_box_wrap .agree_part label + label {
        margin-left: 10px;
    }
    .border_box_wrap .border_box {
        padding: 20px 25px;
    }
    .sign_form.half_form .form_ul li {
        flex: 100%;
    }
    .sign_form.half_form.online .form_ul .mail_wrap {
        max-width: 557px;
    }
    .sign_form .border_box_wrap + .border_box_wrap {
        margin-top: 40px;
    }

    .border_box_wrap .box_tit_wrap {
        margin-bottom: 15px;
        padding-left: 5px;
    }
    .sign_form.half_form .form_ul .medical_wrap {
        flex-wrap: wrap;
        gap: 10px;
    }
    .sign_form.half_form .form_ul .medical_wrap .form_li_tit {
        flex: 100%;
    }
    .sign_form .form_ul .form_li_tit .span_s {
        font-size: 14px;
        display: inline-block;
        position: unset;
    }
    .sign_form.half_form .form_ul .medical_wrap label:nth-child(2n-1) {
        max-width: 42%;
    }
    .apply_info1 .img_wrap {
        max-width: 195px;
        gap: 15px;
        padding-right: 20px;
    }
    .apply_info2 .flex {
        flex-wrap: wrap;
    }
    .apply_info2 .border_box {
        flex: 1 1 45%;
    }
    .default_pop_up.apply_pop_up .con_tit_wrap p {
        margin-bottom: 5px;
    }
    .default_pop_up.apply_pop_up .info_wrap {
        padding: 15px;
        gap: 4px;
    }
    /* 피해상담/지원신청 */
}

@media (max-width: 768px) {
    :root {
        --font_45: 30px;
        --font_34: 28px;
        --font_30: 22px;
        --font_27: 20px;
        --font_24: 20px;
        --font_20: 16px;
        --font_18: 16px;
        --font_16: 15px;
    }

    .outocome_list .report_go {
        justify-content: center;
    }

    .sample_text {
        padding: 0;
        font-size: 14px;
    }

    /* content */
    .outocome_list ul {
        flex-direction: column;
    }

    .main_list {
        flex-direction: column;
        gap: 25px;
    }

    .main_list .text_box {
        width: 100%;
    }

    .about_wrap {
        flex-direction: column;
        gap: 25px;
        align-items: start;
    }

    .about_wrap .slide {
        width: 100%;
    }

    .custom_slider_wrap {
        margin: 0 auto;
    }

    .board_wrap {
        flex-direction: column;
    }

    .board_wrap .board_box {
        min-height: 160px;
        width: 100%;
        padding: 20px 20px 0px;
    }

    .board_wrap .board_box ul li.no_list {
        min-height: 100px;
    }

    .last_box {
        flex-direction: column;
        align-items: start;
    }

    .last_box .cards {
        width: 100%;
    }

    .main_list .list_box ul li {
        height: auto;
    }

    .main_list .list_box ul li a {
        gap: 15px;
    }

    #banner .bn_btns a {
        font-size: 18px;
        width: 150px;
        line-height: 40px;
        height: 40px;
    }

    #banner .bn_txt {
        font-size: 45px;
        font-family: "pretentdard";
        font-weight: normal;
        letter-spacing: -0.8px;
    }

    .sec_title_box .ko {
        word-break: keep-all;
    }

    /* footer */
    footer .top {
        flex-direction: column;
    }

    footer .top .left {
        flex-direction: column;
        width: 100%;
        align-items: start;
    }

    footer .top .right {
        width: 100%;
        justify-content: flex-start;
        gap: 0;
    }

    footer .bottom {
        flex-direction: column;
        align-items: start;
        gap: 15px;
    }

    footer .top {
        padding-bottom: 20px;
    }

    .sns_box .sns_wrap {
        padding: 0 10px;
    }

    .m_top_links a:first-child {
        color: var(--point_color);
    }

    /* subpage */
    .only_768 {
        display: revert;
    }
    .sub_page:not(.no_b_m) {
        margin-bottom: 40px;
    }

    .nav_btn {
        height: 36px;
        padding: 0 12px;
    }
    .sub_desc {
        padding: 30px 10px;
    }
    .sub_page .inner {
        padding: 0 20px;
    }
    #box_sec .box_wrap .icon {
        background-size: contain;
        width: 34px;
    }
    #box_sec .box_wrap .icon.electric_bulb {
        height: 39px;
        margin: 0 auto 11px;
    }
    #box_sec .box_wrap .icon.target {
        height: 33px;
    }
    #box_sec .box_wrap .box {
        padding: 15px 5px 19px;
    }
    #hitory,
    #box_sec {
        padding: 30px 0;
    }
    #hitory .inner {
        flex-direction: column;
        gap: 15px;
    }
    #hitory .hitory_sec {
        gap: 16px;
        flex-direction: column;
    }
    #hitory .hitory_wrap {
        padding: 20px 0px;
        max-width: none;
        width: 100%;
    }
    #hitory .hitory_list li::before {
        width: 12px;
        height: 12px;
        top: 4px;
    }
    #hitory .hitory_list li::after {
        top: 7px;
        left: 3px;
        width: 6px;
        height: 6px;
    }
    #hitory .hitory_list::before {
        left: 5px;
    }
    #hitory .hitory_list .date {
        position: absolute;
        left: 20px;
        top: 0;
    }
    #hitory .hitory_list li {
        padding-left: 90px;
        letter-spacing: -2%;
    }
    #signature {
        padding: 40px 0 30px;
    }
    .signature_box {
        flex-direction: column;
        gap: 12px;
    }
    .ko .logo_wrap .logo_icon {
        height: 76px;
    }
    .signature_desc {
        margin-top: 3px;
    }
    .color_sec {
        flex-direction: column;
        gap: 3px;
    }
    #color .inner {
        gap: 15px;
    }
    .color_sec .color_st {
        width: 100%;
    }
    .color_sec .colors {
        max-width: 500px;
    }
    .color_box {
        flex: 1;
    }
    #box_sec.character .box_wrap .box {
        height: 179px;
        padding: 16px;
    }
    #symbol_intro {
        padding: 20px 0;
    }
    .logo_wrap .logo {
        flex: none;
        width: 100%;
    }
    .down_btn {
        gap: 8px;
    }
    .down_btn::after {
        width: 13px;
        height: 14px;
    }
    #box_sec .box_wrap .box_desc {
        margin-top: 10px;
    }
    .down_btn {
        height: 30px;
        padding: 0 10px;
    }
    #donwload .down_btn {
        width: 100%;
        max-width: 300px;
        justify-content: center;
    }
    .donwload_btn {
        flex-direction: column;
    }
    .center3 .location_info_wrap .info_wrap ul li .subway_icon {
        width: 60px;
    }
    .center4 .search_form select {
        width: 120px;
        height: 40px;
    }
    .center4 .search_form input {
        height: 40px;
    }
    .center4 .search_form .sch_btn {
        height: 40px;
        width: 65px;
    }
    .center4 .search_form input {
        width: calc(100% - 215px);
    }
    .pagination {
        gap: 5px;
    }
    .pagination :where(button, a, strong) {
        width: 22px;
        height: 22px;
        font-size: 14px;
    }
    .mo_layout_768 .list_table {
        /* display: block; */
    }
    .mo_layout_768 .list_table :where(thead, tbody) {
        /* display: block; */
    }
    .mo_layout_768 .list_table :where(tr) {
        /* display: block; */
        width: 100%;
        height: auto;
        padding: 10px 0;
        border-bottom: 0;
        position: relative;
    }
    .mo_layout_768 .list_table :where(tr):last-of-type {
        border-bottom: 1px solid #d5d5d5;
    }
    .mo_layout_768 .list_table :where(th, td) {
        /* display: inline-block; */
        height: auto;
        padding: 10px 5px;
        width: 100%;
    }
    .mo_layout_768 .list_table td:first-child {
        padding-left: 5px;
    }
    .mo_layout_768 .list_table td:last-child {
        padding-right: 5px;
    }

    .news_list .list_table td a {
        /* font-weight: 700; */
        line-height: 1.6;
    }
    .news_list .list_table :where(th, td).col_num {
        text-align: left;
        width: auto;
        display: none;
    }
    .news_list .list_table :where(th, td).col_type {
        /* width: auto; */
    }
    .news_list .list_table :where(th, td).col_file {
        width: auto;
        position: absolute;
        top: 6px;
        right: 0;
    }
    .news_list .list_table :where(th, td).col_file img {
        width: 17px;
        height: 17px;
        object-fit: contain;
    }
    .news_list .list_table :where(th, td).col_view {
        width: auto;
    }
    .news_list .list_table :where(th, td).col_date {
        width: 85px;
        font-size: 14px;
    }
    .news_list .list_table :where(th, td) .only_768 {
        color: #737373;
        margin-right: 7px;
        display: none;
    }
    .list_view .con_tit_wrap {
        padding: 20px 15px;
    }
    .list_view .con_wrap .con {
        padding: 35px 15px;
    }
    .list_view .file_wrap {
        padding: 20px 15px;
    }
    .list_view .con_page_wrap > div > span {
        font-size: 16px;
        width: 80px;
    }
    .list_view .con_page_wrap > div > a {
        font-size: 16px;
        padding-right: 20px;
    }
    .center4 .sch_form_wrap {
        margin-top: 25px;
        display: flex;
        flex-wrap: wrap;
        gap: 0px 10px;
    }
    .center4 .search_form input {
        flex: 1;
    }
    .list_sch_box {
        margin: 0 auto 20px;
        flex-wrap: wrap;
        max-width: 400px;
        gap: 5px;
        max-width: unset;
    }
    .list_sch_box.long_sch {
        width: 100%;
        flex-wrap: nowrap;
        margin: 0;
        gap: 5px;
        margin-bottom: 20px;
    }
    .list_sch_box.long_sch input {
        width: 100%;
    }
    .list_sch_box select {
        width: 25%;
    }
    .list_sch_box .date_box {
        width: calc(75% - 10px);
    }
    .list_sch_box .date_box input {
        box-sizing: border-box;
        width: auto;
        flex: 1;
        width: 80px;
        font-size: 14px;
    }
    .list_sch_box select {
        padding: 0 5px;
        padding-left: 8px;
    }
    .list_sch_box .date_box input::-webkit-calendar-picker-indicator {
        background-size: 16px;
        right: 3px;
        top: 11px;
    }
    .list_sch_box .date_box input::after {
        width: 16px;
        height: 16px;
        right: 3px;
        background-size: 16px;
    }
    .list_sch_box > input {
        width: 75%;
    }
    .list_sch_box select,
    .list_sch_box input {
        font-size: 14px;
    }
    .list_sch_box button {
        width: calc(25% - 10px);
        font-size: 14px;
    }
    .list_sch_box select,
    .list_sch_box input {
        height: 40px;
    }
    .list_sch_box button {
        height: 40px;
    }
    /* subpage */
    .sign_form .tab_wrap {
        margin-top: 40px;
        gap: 20px;
    }
    .sign_form .tab_wrap > div + div::before {
        left: -14px;
    }
    .sign_form .form_wrap .li_flex {
        gap: 10px 7px;
        flex-wrap: wrap;
    }
    .join.sign_form .form_wrap li:not(:has(.li_flex)) {
        gap: 10px 7px;
        flex-wrap: wrap;
    }
    .join.sign_form .form_ul .phone_wrap label {
        width: 100%;
    }
    .join.sign_form .form_ul .phone_wrap input {
        width: calc((100% - 42px) / 3);
    }
    .join.sign_form .form_ul .mail_wrap label {
        width: 100%;
        display: block;
    }
    .join.sign_form .form_wrap :where(.p_info, .p_warn) {
        padding-left: 0;
    }
    .join.sign_form .form_wrap .checkbox_wrap .form_li_tit {
        width: 100%;
    }
    .join.sign_form .form_ul label + label {
        margin-left: 5px;
    }
    .join.sign_form .form_ul .id_wrap label {
        width: 100%;
    }
    .join.sign_form:not(.my_page) .id_wrap input {
        width: calc(100% - 107px);
    }
    .sign_form .form_btn {
        min-width: 100px;
    }
    .faq_list ul li .cate_tag {
        min-width: 72px;
    }
    /* 피해상담/지원신청 */
    .agree_table_wrap .table_wrap table {
        min-width: 900px;
    }
    .sign_form.half_form .form_ul label + label {
        margin-left: 15px;
    }

    .border_box_wrap .box_tit_wrap {
        margin-bottom: 10px;
    }
    .sign_form.half_form .form_ul .medical_wrap {
        gap: 0;
    }
    .sign_form.half_form li.checkbox_wrap.medical_wrap .flex label {
        flex: 100%;
    }
    .sign_form.half_form .form_ul .medical_wrap label:nth-child(2n-1) {
        max-width: unset;
    }
    .border_box_wrap .tab_box button {
        height: 40px;
        line-height: 40px;
    }
    .apply_info3 .border_box:not(.agree_box) {
        flex-direction: column;
        gap: 10px;
    }
    .move_box_wrap .wrap_1220 {
        gap: 20px;
        flex-direction: column;
    }
    .move_box_wrap .con_btn a {
        padding: 6px 15px;
        margin-top: 3px;
    }
    .move_box_wrap .wrap_1220 {
        padding-inline: 0;
    }
    /* 피해상담/지원신청 */
}

@media (max-width: 640px) {
    .none_640 {
        display: none;
    }
    /* 피해상담/지원신청 */
    .agree_box_wrap {
        margin-top: 30px;
    }
    .checkbox_wrap em {
        margin-right: 4px;
    }
    .sign_form .border_box_wrap.top_box_wrap {
        margin-top: 30px;
    }
    .agree_box_wrap + .agree_table_wrap {
        margin-top: 30px;
    }
    .agree_box_wrap .agree_part {
        letter-spacing: -1px;
    }
    .agree_box_wrap .border_box .agree_tit {
        color: var(--black_color);
    }
    .agree_box_wrap .border_box .apart_con li {
        flex-direction: column;
    }
    .agree_box_wrap .border_box .apart_con .tit {
        font-weight: 600;
        color: var(--font_color02);
    }

    .agree_table_wrap .agree_wrap {
        padding: 15px 10px;
        text-align: left;
    }
    .agree_box_wrap .agree_part {
        justify-content: space-between;
        padding-left: 5px;
    }
    .border_box_wrap .border_box {
        padding: 20px 15px;
    }
    .sign_form.half_form .form_ul li {
        flex-wrap: wrap;
    }
    .sign_form.half_form .form_ul .li_flex {
        flex-wrap: wrap;
    }
    .sign_form.half_form .form_ul .p_left {
        padding-left: 3px;
    }
    .sign_form.half_form .form_ul .form_li_tit {
        width: 100%;
        margin-bottom: 5px;
        padding-left: 3px;
    }
    .sign_form.half_form.online .form_ul .mail_wrap {
        flex-wrap: wrap;
    }

    .sign_form.half_form .checkbox_wrap .form_li_tit {
        margin-bottom: 10px;
    }
    .border_box_wrap.apply_info1 .border_box img {
        width: 30px;
        object-fit: contain;
    }
    .apply_info1 .border_box {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
    }
    .border_box_wrap .border_box .img_wrap {
        max-width: unset;
    }
    .border_box_wrap.apply_info1 .border_box .desc_wrap {
        border-left: 0;
        margin-top: 15px;

        padding-left: 0;
    }
    .apply_info .border_box_wrap {
        margin-top: 30px;
    }
    .move_box_wrap {
        margin-top: 30px;
        padding: 30px 20px;
    }

    /* .agree_box_wrap .agree_part {
    gap: 10px;
    flex-direction: column;
} */
    /* 피해상담/지원신청 */
}
@media (max-width: 500px) {
    :root {
        --font_45: 26px;
        --font_27: 18px;
        --font_20: 15px;
        --font_18: 14px;
        --font_16: 14px;
    }
    .only_500 {
        display: revert;
    }
    .m_top_links a {
        font-size: 14px;
    }
    .quick_icon a {
        width: 45px;
    }
    /* subpage */
    .sub_desc {
        padding: 20px 10px;
    }
    #hitory .hitory_list li {
        padding-left: 73px;
        letter-spacing: -5%;
        font-size: 14px;
    }
    #hitory .hitory_list .date {
        left: 17px;
        font-size: 14px;
    }
    .center3 .location_info_wrap .info_wrap ul li {
        flex: 100%;
        padding: 15px 15px;
    }
    .center3 .call_font a {
        margin-top: 0;
    }

    .center4 .search_form input {
        width: calc(100% - 124px);
    }
    .center4 .search_form .sch_btn {
        width: 100%;
        margin-top: 7px;
    }
    .center4 .map_wrap .map_info .info_wrap .copy_btn {
        margin-left: 4px;
    }
    .sub_nav > ul {
        gap: 5px;
    }
    .nav_btn {
        font-size: 12px;
        padding: 0px 7px;
        min-width: 50px;
        justify-content: center;
    }
    .none_500 {
        display: none;
    }

    .list_view + .btn_wrap a {
        padding: 0 35px;
        height: 36px;
        line-height: 36px;
    }
    .list_view .con_tit_wrap {
        gap: 7px;
    }
    .list_sch_box select,
    .list_sch_box input {
        height: 35px;
    }
    .list_sch_box button {
        height: 35px;
    }
    .faq_list ul li button {
        padding: 12px 15px;
    }
    .faq_list ul li .con_wrap .con {
        padding: 15px 20px 15px 30px;
    }
    .sign_form .form_btn {
        width: 100%;
    }
    .join.sign_form:not(.my_page) .id_wrap input {
        width: 100%;
    }
    /* subpage */
    /* 피해상담/지원신청 */
    .agree_box_wrap {
        margin-top: 30px;
    }
    .apply_btn_wrap button {
        height: 36px;
        min-width: 100px;
    }
    .sign_form.half_form .mail_wrap .select_tab_box {
        width: 100%;
        flex: 100%;
        margin-top: 5px;
        margin-left: 0;
    }
    .sign_form.half_form .form_ul .section_tit {
        flex-wrap: wrap;
        gap: 7px;
    }
    li.location_wrap {
        gap: 7px;
    }
    .sign_form.half_form .checkbox_wrap.location_wrap .form_li_tit {
        margin-bottom: 3px;
    }
    .location_wrap label {
        flex: 1 1 45%;
    }
    .sign_form.half_form .form_ul .location_wrap label + label {
        margin-left: 0;
    }
    .sign_form .border_box_wrap + .border_box_wrap {
        margin-top: 30px;
    }

    .sign_form.half_form .phone_wrap em {
        margin-inline: 2px 5px;
    }
    .agree_box_wrap .agree_part {
        padding-left: 5px;
        flex-direction: column;
        margin-top: 10px;
        gap: 7px;
    }
    .apply_info2 .flex {
        flex-direction: column;
        gap: 18px;
    }
    .apply_info2 .border_box {
        padding: 15px 15px;
    }
    /* 피해상담/지원신청 */
}
@media (max-width: 450px) {
    /* subpage */
    .col .logo_wrap .logo {
        width: 100%;
    }
    /* subpage */
}
@media (max-width: 400px) {
    .custom_slider_wrap {
        width: 300px;
        height: 300px;
    }

    .last_box .card.ver {
        gap: 20px;
    }

    #top_text .txt {
        font-size: 22px;
    }

    .about_wrap .text_box .tit {
        font-size: 24px;
    }

    .about_wrap .text_box .txt {
        font-size: 15px;
    }

    #banner .bn_txt {
        font-size: 40px;
    }

    footer .bottom .partner_logos img {
        height: 20px;
    }

    .sns_box .sns_wrap {
    }

    .sns_box .sns_wrap p {
        font-size: 12px;
    }
    .sample_text {
        font-size: 12px;
    }
    /* subpage */

    .pop_up_wrap .pop_up {
        padding: 20px 25px;
        max-height: calc(100vh - 120px);
    }
    #box_sec .box_wrap .box {
        flex: none;
        width: 100%;
    }
    #box_sec .box_wrap {
        gap: 14px;
        flex-direction: column;
    }
    #box_sec.character .box_wrap .box {
        height: 155px;
    }
    .color_sec .colors {
        gap: 15px;
    }
    .color_name {
        font-size: 14px;
        letter-spacing: -2%;
    }
    .list_view .file_wrap li {
        padding-left: 1.3em;
        position: relative;
    }
    .list_view .file_wrap li img {
        width: 14px;
        height: 14px;
        top: 4px;
    }
    .list_view .file_wrap {
        padding: 12px 12px;
    }
    .list_view .file_wrap li a {
        font-size: 12px;
    }
    /* subpage */
}