@charset "utf-8";
@import url(../font/pretendardGOV/pretendard-gov.css);
@import url(reset.css);
@import url(layout.css);
@import url(common.css);

/* layout */
.container_wrap .inner_wrap {display:flex;gap:0 5rem}
.container_wrap .inner_wrap .container .container_top .btns:not(.search_area .btns) {justify-content:flex-end;position:absolute;top:auto;right:0;margin-top:-6rem}
.container_wrap .inner_wrap .container .container_top .search_area .btns {flex:1;flex-wrap:wrap;}
.container_wrap .inner_wrap .container .container_top .box_line_navy {min-height:13.6rem;margin-bottom:5.4rem}
.container_wrap .inner_wrap .container .container_top .search_area {position:relative}
.container_wrap .inner_wrap .container .container_top .search_area .btns {height:100%}
.container_wrap .inner_wrap .container .container_content .top_box {margin-bottom:3.6rem;padding-top:2.6rem;padding-bottom:2.6rem}

@media (min-width:1025px) {
    .container_wrap .containers {flex:1}
    .container_wrap.has_heading3 .inner_wrap .container_header {min-height:22.3rem}
    .container_wrap.has_heading3 .tit_heading3.type_top {margin:-6rem 0 2.8rem}

    .container_wrap .inner_wrap .container .container_top .search_area::before,
    .container_wrap .inner_wrap .container .container_top .box_line_navy::before {content:'';position:absolute;top:-15.6rem;right:-.2rem;width:35rem;height:15.4rem;background:url(../images/common/bg_sub.png) no-repeat right bottom;z-index:-1;}
    .container_wrap .inner_wrap .container .container_top .search_area::before {top:-15.4rem}
}

@media (max-width:1024px) {
    .container_wrap {padding-top:3.8rem}
    .container_wrap .inner_wrap {display:block;max-width:100%}
    .container_wrap .inner_wrap .container_header {max-width:calc(100% - var(--gapX2) * 2);min-height:auto;margin:0 auto;padding:0 0 4.4rem;background:none}
    .container_wrap .inner_wrap .container {max-width:calc(100% - var(--gapX2) * 2);margin:0 auto;padding-top:3.5rem}
    .container_wrap .inner_wrap .container .container_top .btns:not(.search_area .btns) {justify-content:flex-end;position:static;margin:0 0 var(--gap)}
    .container_wrap .inner_wrap .container .container_top .box_line_navy {margin-top:.5rem}
    .container_wrap .inner_wrap .container .container_content {padding-top:0}
    .container_wrap .inner_wrap .container .container_content .top_box {padding-right:2.1rem;padding-left:2.1rem}
}

/* lnb */
.lnb {width:25.6rem}
.lnb .lnb_tit_heading2 .btn_toggle_lnb {position:relative;width:100%;font-size:2.1rem;font-weight:700;text-align:center;cursor:default}
.lnb .lnb_content {position:relative;margin-top:-3.1rem;border:1px solid var(--color-gray4);border-radius:2.4rem;background-color:var(--color-white)}
.lnb .lnb_content .lnb_tit_heading3 {font-size:var(--fs-body1);font-weight:700;line-height:2.3rem}
/* .lnb .lnb_content .login_area {min-height:14.2rem;padding-top:3.3rem;border-bottom:1px solid var(--color-gray4);text-align:center} */
.lnb .lnb_content .login_area {min-height:14.2rem;padding-top:3.3rem;border-bottom:unset;text-align:center}
.lnb .lnb_content .login_area .login {display:flex;justify-content:center;align-items:center;gap:var(--gapX3);margin-top:1.4rem}
.lnb .lnb_content .login_area .login_user {display:flex;align-items:center;gap:var(--gap);font-size:2.1rem;font-weight:700}
.lnb .lnb_content .login_area .login_user .user {color:var(--color-primary)}
.lnb .lnb_content .menu_area {border-top:1px solid var(--color-gray4);}
.lnb .lnb_content .menu_area:first-child {border-top:unset;}
.lnb .lnb_content .menu_area:not(:has(.menu_depth2 li)) {display:none;}

.lnb .menu_depth2_wrap {overflow:hidden;transition-duration:var(--duration02)}
.lnb .menu_depth2_wrap .menu_depth2 {padding:0 2.3rem 1rem;}
.lnb .menu_depth2_wrap .menu_depth2:not(:has(li)) {border-top:none;}
.lnb .menu_depth2_wrap .menu_depth2 > li {padding-top:0.9rem}
.lnb .menu_depth2_wrap .menu_depth2 > li + li {margin-top:.1rem}
.lnb .menu_depth2_wrap .menu_depth2 > li.active .menu_depth3_wrap {position:static}
.lnb .menu_depth2_wrap .menu_depth2 .link_depth02 {display:flex;justify-content:flex-start;align-items:center;position:relative;width:100%;line-height:3rem;padding:1.5rem 3rem 1.5rem 0;font-size:var(--fs-body1);font-weight:700;border-bottom:1px solid #8a848e;background-color:var(--color-white)}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3 .link_depth02::after {content:'';position:absolute;top:50%;right:0;width:1.4rem;height:1rem;background:url(../images/common/icon_arrow_menu_depth2_mo.png) no-repeat center center/100% auto;transform:translateY(-50%) rotate(0deg)}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3 .link_depth02[aria-expanded="true"]::after {transform:translateY(-50%) rotate(180deg)}

.lnb .menu_depth3_wrap {display:none;overflow:hidden;width:100%;padding-top:0;padding-left:0;transition-duration:var(--duration02)}
.lnb .menu_depth3 {position:relative;overflow:hidden;height:0;padding:1.5rem 0 2.1rem}
.lnb .menu_depth3 .link_depth03 {display:block;position:relative;padding:.8rem .6rem .8rem 2.6rem;line-height:2.2rem;border-radius:1rem;word-break: keep-all;}
.lnb .menu_depth3 .link_depth03::before {content:'';position:absolute;top:1.6rem;left:1rem;width:.4rem;height:.4rem;border-radius:50%;background-color:var(--color-default)}
.lnb .menu_depth3 .link_depth03.on,
.lnb .menu_depth3 .link_depth03:focus,
.lnb .menu_depth3 .link_depth03:hover {font-weight:700;color:#003675;background-color:#e5ebf1}
.lnb .menu_depth3 .link_depth03:focus::before,
.lnb .menu_depth3 .link_depth03:hover::before {background-color:var(--color-navy2)}
.lnb .menu_depth3 .link_depth03:focus-visible {outline-offset:-3px}

.lnb .menu_depth2_wrap .menu_depth2 > li.active .menu_depth3_wrap .menu_depth3 {overflow:visible;height:auto}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3.active {border-bottom:1px solid var(--color-gray4)}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3.active .link_depth02 {color:var(--color-navy2);border-bottom:2px solid var(--color-navy2)}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3.active .link_depth02::after {transform:translateY(-50%) scale(-1)}
.lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3.active .menu_depth3_wrap {display:block}
.lnb .menu_depth2_wrap .menu_depth2 > li:last-child {border-bottom:none !important}

@media (min-width:1025px) {
    .lnb .lnb_tit_heading2 {height:13rem;border-radius:1.4rem 1.4rem 0 0;background:#003964;background:linear-gradient(70deg, rgba(0,57,100,1) 0%, rgba(37,110,244,1) 100%)}
    .lnb .lnb_tit_heading2 .btn_toggle_lnb {justify-content:center;padding:3.8rem 0 3rem;color:var(--color-white);}
    .lnb .menu_depth2_wrap .menu_depth2 > li:last-child .link_depth02 {border-bottom:none}
}
@media (max-width:1024px) {
    .lnb {width:100%;margin-top:0}
    .lnb .lnb_content .login_area,
    .lnb .lnb_content .menu_area .menu_depth2_wrap {display:none}
    .lnb .lnb_tit_heading2 .btn_toggle_lnb {justify-content:flex-start;height:6rem;padding:0 var(--gapX2);border-bottom:.2rem solid #8e8e8e;background:var(--color-skyblue);cursor:pointer}
    .lnb .lnb_content {margin-top:0;border:none;border-radius:0}
    .lnb .lnb_tit_heading2 .btn_toggle_lnb::after {content:'';position:absolute;top:50%;right:var(--gapX2);width:1.3rem;height:.9rem;background:url(../images/common/icon_arrow_accordion_mo.png) no-repeat center center/100% auto;transform:translateY(-50%)}
    .lnb .lnb_tit_heading2 .btn_toggle_lnb:focus-visible {outline-offset:-4px}

    .lnb .menu_depth2_wrap .menu_depth2 {padding:0}
    .lnb .menu_depth2_wrap .menu_depth2 .link_depth02 {min-height:6rem;padding:1.2rem var(--gapX2)}
    .lnb .menu_depth2_wrap .menu_depth2 > li {padding-top:0}
    .lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3 .link_depth02::after {right:var(--gapX2)}
    .lnb .menu_depth2 .link_depth02,
    .lnb .menu_depth3 .link_depth03 {outline-offset:-3px}
    .lnb .menu_depth2_wrap .menu_depth2 .link_depth02 {font-size:2.1rem;font-weight:700}

    .lnb .menu_depth3 {padding:0}
    .lnb .menu_depth3 .link_depth03 {min-height:6rem;padding:var(--gapX2) 0 var(--gapX2) 2.9rem;border-radius:0;font-size:2.1rem;line-height:2.8rem}
    .lnb .menu_depth3 .link_depth03::before {top:2.7rem;left:var(--gapX2)}
    .lnb .menu_depth3 .link_depth03::after {content:'';position:absolute;bottom:0;left:var(--gapX2);right:var(--gapX2);height:1px;background-color:var(--color-gray4)}
    .lnb .menu_depth3 > li:last-child .link_depth03::after {display:none}
    .lnb .menu_depth3 .link_depth03:focus, 
    .lnb .menu_depth3 .link_depth03:hover {font-weight:700;background-color:transparent}
    .lnb.active .lnb_content .menu_depth2_wrap {display:block}
    .lnb.active .lnb_tit_heading2 .btn_toggle_lnb::after {transform:translateY(-50%) scale(-1)}

    .lnb .menu_depth2_wrap .menu_depth2 > li.has_depth3.active .link_depth02 {border-bottom:1px solid var(--color-gray4)}
}

/* breadcrumb */
.breadcrumb {display:flex;justify-content:flex-start;margin-left:.5rem;padding:0 0 3.3rem;font-size:1.5rem}
/* .breadcrumb > * {padding-top:.1rem} */
.breadcrumb .home {height:1.8rem;padding-left:1.8rem;line-height:1.8rem;background:url(../images/common/icon_home_mo.png) no-repeat left center/1.3rem auto}
.breadcrumb .depth {position:relative;padding:0 0 0 var(--gapX4);line-height:1.8rem;background:url(../images/common/icon_arrow_breadcrumb_mo.png) no-repeat 1.3rem .2rem/auto 1.3rem}
@media (max-width:1024px) {
    .breadcrumb {margin-left:0}
}
@media (max-width:767px) {
    .breadcrumb {padding-bottom:6rem}
    .breadcrumb .depth {white-space:nowrap;}
    .breadcrumb .depth:last-child {overflow:hidden;text-overflow:ellipsis;}
}

/* sns & print button */
.container_header .btns {gap:var(--gap-half);position:absolute;top:.4rem;right:0;z-index:1}
.container_header .btns::before {content:'';position:absolute;top:0;left:calc(var(--gap-half) * -1);width:var(--gap);height:100%;background-color:var(--color-white)}
.container_header .btns li {display:flex;position:relative}
.container_header .btns [class*="btn_"] {position:relative;width:4.4rem;height:4.4rem;border-radius:50%;background-repeat:no-repeat;background-position:center center}
.container_header .btns [class*="btn_"]:focus-visible {z-index:2}
.container_header .btns > li > [class*="btn_"] {border:1px solid transparent;background-color:var(--color-white);background-size:auto 4.2rem;z-index:1}
.container_header .btns .btn_share {background-image:url(../images/common/icon_share.png)}
.container_header .btns .btn_share:focus,
.container_header .btns .btn_share:hover {border-color:#d1d4d8}
.container_header .btns .btn_print {background-image:url(../images/common/icon_print.png)}
.container_header .btns .sns_list {display:none;flex-flow:row-reverse;gap:.4rem;position:absolute;top:-.6rem;right:4.2rem;overflow:hidden;width:0;padding:.6rem;transform:scale(0);transform-origin:right center;transition-duration:var(--duration02)}
.container_header .btns .sns_list .btn_share_band {background-image:url(../images/common/icon_share_band.png)}
.container_header .btns .sns_list .btn_share_facebook {background-image:url(../images/common/icon_share_facebook.png)}
.container_header .btns .sns_list .btn_share_x {background-image:url(../images/common/icon_share_x.png)}
.container_header .btns .sns_list .btn_share_youtube {background-image:url(../images/common/icon_share_youtube.png)}
.container_header .btns .sns_list .btn_share_instagram {background-image:url(../images/common/icon_share_instagram.png)}
.container_header li.sns_open .sns_list {display:flex;width:auto;transform:scale(1)}
.container_header li.sns_open::before {content:'';position:absolute;top:0;left:calc(var(--gap-half) * -1);width:var(--gap);height:100%;background-color:var(--color-white);z-index:0}
@media (max-width:1024px) {
    .container_header .btns {top:-.8rem;right:var(--gapX2)}
    .container_header .btns [class*="btn_"] {width:3.6rem;height:3.6rem}
    .container_header .btns > li > [class*="btn_"] {background-size:3.5rem auto}
    .container_header .btns .btn_share {background-image:url(../images/common/icon_share_mo.png)}
    .container_header .btns .btn_print {background-image:url(../images/common/icon_print_mo.png)}
    .container_header .btns .sns_list [class*="btn_share_"] {background-size:3.7rem}
    .container_header .btns .sns_list .btn_share_band {background-image:url(../images/common/icon_share_band_mo.png)}
    .container_header .btns .sns_list .btn_share_facebook {background-image:url(../images/common/icon_share_facebook_mo.png)}
    .container_header .btns .sns_list .btn_share_x {background-image:url(../images/common/icon_share_x_mo.png)}
    .container_header .btns .sns_list .btn_share_youtube {background-image:url(../images/common/icon_share_youtube_mo.png)}
    .container_header .btns .sns_list .btn_share_instagram {background-image:url(../images/common/icon_share_instagram_mo.png)}
    .container_header li.sns_open .sns_list {flex-direction:column;top:3.4rem;right:-.6rem}
}
@media (min-width:1025px) {
    .content_wrap {min-height:calc(100vh - 48.9rem);padding:4rem 0 8rem}
}
@media (max-width:767px) {
    .container_header .btns {top:3.2rem;right:unset;left:var(--gapX2)}
    .container_header .btns .btn_share {border: 1px solid #d1d4d8 !important; border-radius:50%;}
    .container_header .btns .btn_print {border: 1px solid #d1d4d8 !important; border-radius:50%;}
}

/* step */
.container_step {display:flex;margin-bottom:var(--gapX4)}
.container_step ~ .container_top .btns {position:static;margin:0 0 1.2rem}
.container_step li {flex:1 1 0;position:relative;padding-top:3.8rem;font-size:1.5rem;font-weight:700;line-height:1.9rem}
.container_step li::before {content:'';position:absolute;top:0;left:0;width:2.4rem;height:2.4rem;border-radius:50%;background-color:#767676;z-index:1}
.container_step li::after {content:'';position:absolute;top:1.1rem;left:.2rem;right:-.2rem;height:2px;background-color:#767676;z-index:0}
.container_step li .step {color:var(--color-gray1)}
.container_step li .text {margin-top:var(--gap-half);color:var(--color_black)}
.container_step li:last-child {flex:0 0 auto}
.container_step li:last-child::after {display:none}
.container_step li.completed::before {background:var(--color-navy2) url(../images/common/icon_check_step.png) no-repeat center center/100% auto}
.container_step li.completed::after {background-color:var(--color-navy2)}
.container_step li.active::before {background:var(--color-primary)}
.container_step li.active .step::before {content:'';position:absolute;top:0.4rem;left:0.4rem;width:1.6rem;height:1.6rem;border-radius:50%;border:1px solid var(--color-white);z-index:1}

/* container */
.content_header {display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 var(--gapX2)}
.content_header .btns {gap:var(--gap)}
.content_header .btns .btn_m_rect {min-width:8rem}
@media (max-width:1024px) {
    .content_header {margin:2.4rem 0 4rem}
    .content_header .btns {flex-direction:column;width:100%}
    .content_header .btns [class*="btn_"] {width:100%}
}

/* box */
.box_gray {position:relative;padding:1.7rem 3rem 1.5rem;border-radius:.4rem;background-color:#e5ebf1}
.box_line_gray {position:relative;padding:3.6rem 3.6rem 3.9rem;border:1px solid var(--color-gray3);border-radius:1.7rem;background-color:var(--color-white)}
.box_line_navy {position:relative;padding:2.4rem 2.4rem 2.9rem;border:2px solid var(--color-navy2);border-radius:1.2rem;background-color:var(--color-white)}
.box_pink {text-align:left;color:#bd2c0f;border-radius:1rem;background-color:#fdefec}
@media (max-width:1024px) {
    .box_gray {padding:1.7rem 2.4rem 1.5rem}
    .box_line_gray {padding:2.4rem 2.4rem 2.9rem}
    .box_line_navy {padding-bottom:2.4rem}
}

/* list */
.list_type_dot li {position:relative;padding-left:1rem;line-height:2.1rem;word-break:keep-all;}
.list_type_dot li [class*='icon_billiard'] {margin-top:.4rem;}
.list_type_dot li::before {content:'';position:absolute;top:1.05rem;left:0;width:.3rem;height:.3rem;border-radius:50%;background-color:#333;transform:translateY(-50%)}
.list_type_dot li ~ li {margin-top:.4rem}
.list_type_dot.fs1 li {font-size:var(--fs-body1);line-height:2.6rem}
.list_type_dot.fs1 li ~ li {margin-top:.7rem}
.list_type_num {list-style:none;counter-reset:law-counter;padding-left:0;margin:0;}
.list_type_num li {counter-increment:law-counter;position:relative;padding-left:2rem;margin-bottom:.8rem;text-align:left;line-height:1.5;font-size:1.7rem;color: var(--color-default);word-break:keep-all;}
.list_type_num li:before {content:counter(law-counter);display:flex;align-items:center;justify-content:center;position:absolute;top:.4rem;left:0;width:1.4rem;height:1.4rem;color:var(--color-gray1);font-size:13px;border:1px solid var(--color-gray1);border-radius:50%;}
.list_type_num li [class*='icon_billiard'] {margin-top:.4rem;}
.list_type li {position:relative;padding-left:2rem;font-size:var(--fs-body1);line-height:2.6rem;color:var(--color-gray1);word-break:keep-all;}
.list_type li::before {content:'※';position:absolute;top:0;left:0}
.list_type li ~ li {margin-top:.4rem}
.list_type li.type_strong {line-height:2.9rem;font-size:var(--fs-body2);font-weight:700;color:var(--color-navy2)}
.list_type_dot + .icon_billiard_fs1 {margin-top:.4rem;}
[class*='icon_billiard'] {position:relative;color:var(--color-gray1)}
[class*='icon_billiard']::before {content:'※';position:absolute;top:0;left:0}
[class*='icon_billiard'] + [class*='icon_billiard'] {margin-top:var(--gap-half)}
[class*='icon_billiard'].flex {flex-wrap:wrap;column-gap:var(--gapX2)}
.search_area .form_item [class*='icon_billiard'] {margin-top:1.1rem}
.icon_billiard_fs1 {padding-left:1.7rem;font-size:1.5rem;line-height:2.2rem}
.icon_billiard_fs2 {padding-left:2rem;font-size:var(--fs-body1);line-height:2.6rem}
.list_top {display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap)}

/* Table 상단 검색 영역(sub page) */
.search_area {margin-bottom:4rem;padding:4rem 7.3rem 3.4rem 4rem;border-radius:.8rem;background-color:var(--color-gray6);transition-duration:var(--duration02)}
.search_area .search_inner {position:relative}
.search_area .search_group {display:flex;gap:1.8rem;position:relative;padding-right:10.6rem}
.search_area .search_group ~ .search_group {margin-top:var(--gapX2)}
.search_area .btn_search {position:absolute;right:0;top:0;width:9rem}
.search_area label,
.search_area .title {display:flex;align-items:center;min-width:80px;min-height:4.8rem;font-size:var(--fs-body1);font-weight:700}
.search_area label.case_min {min-width:unset;}
.search_area .form_hint {margin-top:1.1rem}
.search_area .checkbox_item label {font-weight:400}
.search_area .form_item {display:inline-flex;gap:var(--gapX2)}
.search_area .form_item:not(.type_multi) label + * {flex:1}
.search_area .form_item ~ .form_item, 
.search_area .form_group ~ .form_item {margin-top:0}
.search_area .input_box_group {display:flex;align-items:center;gap:1rem}
.search_area .input_box_group.date_group .input_box {width:16rem}
.search_area .input_box input[type=text] {height:4.8rem;font-size:var(--fs-body1)}
.search_area .form_item select {min-width:17.8rem;height:4.8rem;padding:.5rem 4rem .5rem 1.5rem;font-size:var(--fs-body1)}
.search_area .form_item.flex1 {min-width:16rem}
.search_area .search_group .radio_item label::before, 
.search_area .search_group .checkbox_item label::before, 
.search_area .search_group .radio_item label::after {top:50%;margin-top:-1px;transform:translateY(-50%)}
.search_area .search_group .page_total {display:flex;align-items:center;gap:var(--gapX2);margin-right:10.4rem;font-size:var(--fs-body1)}
.search_area .form_item .form_item.type_checkbox label,
.search_area .form_item .form_item.type_radio label {font-weight:400}
.search_area .search_group.form_only {padding-right:0}
.search_area .search_group.form_only .page_total {margin-right:0}
.search_area.case_terms .search_group {padding-right:unset;}
.search_area.case_terms .search_group .form_item {width:100%;}
.search_area.case_terms .search_group .form_item select {flex:1;}
.search_area.case_terms .form_item .input_box_area .btns button {font-size:17px;}
.search_area .search_group.case_type {flex-direction:column;}
.search_area .search_group.case_type .input_box_area {display:flex;gap:8px;width:100%;}
.search_area .search_group.case_type .input_box_area select {flex:1;}
.search_area .search_group.case_type .input_box_area .btn_search {position:unset;flex:none;margin:unset;width:unset;}
@media (max-width:1280px) {
    .search_area {padding:2rem;}
    .search_area .search_group {flex-wrap:wrap}
    .search_area .input_box_group.date_group .input_box {width:14.5rem}
}
@media (max-width:1100px) {
	.search_area.case_terms .form_item {flex-wrap:wrap;}
	.search_area.case_terms .form_item .input_box_area,
	.search_area.case_terms .form_item .input_box_area .btns {width:100%;}
	.search_area.case_terms .form_item .input_box_area .btns button {flex:1;}
}
@media (min-width:1025px) {
    .search_area .search_group .page_total {min-height:4.8rem}
}
@media (max-width:1024px) {
    .search_area {padding:var(--gapX2) var(--gapX2) 2.3rem;margin-bottom:2.2rem}
    .search_area .search_group {flex-direction:column;gap:1.2rem;padding-right:0}
    .search_area .form_item {display:flex;flex-direction:column;align-items:flex-start;gap:.6rem}
    .search_area label,
    .search_area .title {min-width:7rem;min-height:auto;padding:.2rem 0 .3rem}
    .search_area .form_group {display:block}
    .search_area .form_item > *,
    .search_area .form_item label ~ .input_box_area *,
    .search_area .form_item label ~ * {width:100%}
    .search_area .form_item label + * ~ * {margin-top:1rem}
    .search_area .search_inner .search_group:last-of-type {padding-right:0}
    .search_area .input_box_group {gap:.5rem}
    .search_area .input_box_group.date_group {width:100%}
    .search_area .input_box_group.date_group .input_box {flex:1;width:auto}
    .search_area .search_group.row_mo {flex-direction:row}
    .search_area .search_group.row_mo .form_item {flex-direction:row;align-items:center}
    .search_area .search_group.row_mo label {min-width:2rem}
    .search_area .btn_search {position:static;width:100%;margin-top:1.2rem}
    .search_area .form_item:not(.type_multi) label + * {flex:1 1 auto}
    .search_area.case_terms .search_group .form_item select {flex:none;}
}
@media (max-width:600px) {
	.search_area.case_terms .form_item .input_box_area .btns button {flex:none;width:100%;}
}

/* notice */
.notice_text {padding-left:10.8rem;font-size:1.6rem;line-height:2.7rem}
.notice_text::before {content:'';position:absolute;top:50%;left:2.4rem;width:8.8rem;height:8.8rem;border-radius:50%;background:var(--color-skyblue) url(../images/common/img_document.png) no-repeat left center / 100% auto;transform:translateY(-50%)}
@media (max-width:1024px) {
    .notice_text {padding:12.5rem 0 0;font-size:1.7rem;line-height:2.9rem}
    .notice_text::before {top:2.3rem;left:50%;width:10rem;height:10rem;background-image:url(../images/common/img_document_mo.png);transform:translateX(-50%)}
}

/* quick menu */
.quick_menu_wrap {position:fixed;top:18.5rem;/*left:auto;right:.2rem;*/width:8rem;text-align:center;transition-duration:var(--duration02);z-index:2}
.quick_menu_wrap .quick_title {display:flex;justify-content:center;align-items:center;height:5.6rem;padding-top:.2rem;font-size:1.5rem;font-weight:700;line-height:1.5rem;color:var(--color-white);border-radius:1.2rem 1.2rem 0 0;background-color:var(--color-navy2)}
.quick_menu_wrap .quick_menu {padding:var(--gapX2) 1rem 2rem;border:1px solid #c1c6cb;border-top:none;border-radius:0 0 1.2rem 1.2rem;background-color:var(--color-white)}
.quick_menu_wrap .quick_menu .quick_item {margin-bottom:1.9rem}
.quick_menu_wrap .quick_menu .quick_item:last-child {margin-bottom:2.9rem}
.quick_menu_wrap .quick_menu [class*="link_quick"] {display:block;position:relative;padding-top:4.4rem}
.quick_menu_wrap .quick_menu [class*="link_quick"]::before {content:'';position:absolute;top:0;left:0;width:100%;height:4.4rem;background-repeat:no-repeat;background-position:center center}
.quick_menu_wrap .quick_menu [class*="link_quick"] .text {font-size:1.5rem;line-height:1.7rem}
.quick_menu_wrap .quick_menu .link_quick1::before {background-image:url(../images/common/icon_quick01.png)}
.quick_menu_wrap .quick_menu .link_quick2::before {background-image:url(../images/common/icon_quick02.png)}
.quick_menu_wrap .quick_menu .link_quick3::before {background-image:url(../images/common/icon_quick03.png)}
.quick_menu_wrap .quick_menu .link_quick4::before {background-image:url(../images/common/icon_quick04.png)}
.quick_menu_wrap .quick_menu .btn_goto {position:relative;width:100%;padding-top:4.3rem;text-transform:uppercase;background:url(../images/common/icon_quick_goto.png) no-repeat center 1.8rem}
.quick_menu_wrap .quick_menu .btn_goto::before {content:'';position:absolute;top:0;left:50%;width:2.8rem;height:.1rem;background-color:#c1c6cb;transform:translateX(-50%)}
.quick_menu_wrap.bottom {top:2.4rem}
@media (min-width:1481px) {
    .quick_menu_wrap {left:calc(50% + 65rem)}
}
@media (max-width:1480px) {
    .quick_menu_wrap {left:auto;right:.2rem}
}
@media (max-width:1400px) {
    .quick_menu_wrap {display:none}
}
@media (min-width:1025px) and (max-height:800px) {
    .quick_menu_wrap {top:16rem}
    .quick_menu_wrap .quick_menu {padding:.5rem 1rem}
    .quick_menu_wrap .quick_menu .quick_item {margin-bottom:1rem}
    .quick_menu_wrap .quick_menu .quick_item:last-child {margin-bottom:1rem}
}

/* 온라인 사건신청 */
.list_type_box {display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--gapX3)}
.list_type_box .box_item {position:relative;padding:2rem 3.1rem 9.8rem;border:1px solid var(--color-gray3);border-radius:1.2rem;background-color:var(--color-white)}
.list_type_box .box_item .box_item_title {display:flex;align-items:center;gap:1rem;min-height:8.8rem}
.list_type_box .box_item .box_item_title strong {font-size:3.2rem;line-height:3.6rem;color:var(--color-navy2)}
.list_type_box .box_item .box_item_title .text {font-size:2.1rem;line-height:3.1rem;color:var(--color_black)}
.list_type_box .box_item .box_item_content {position:relative;margin:0 0 2rem .8rem;padding:.6rem var(--gapX2) .9rem 2.4rem;font-size:var(--fs-body1);line-height:2.5rem;color:var(--color-gray1)}
.list_type_box .box_item .box_item_content::before {content:'';position:absolute;top:0;bottom:0;left:0;width:4px;background-color:#e7eaeb}
.list_type_box .box_item .btns {justify-content:flex-end;position:absolute;bottom:3.9rem;right:3.9rem}
.text_area {padding:3.5rem 0 .5rem}
.text_area .text {font-size:var(--fs-body2);line-height:2.9rem}
.text_area * + .text {padding:2rem 0 .9rem}
.terms_agreement .section_header + .section_content {margin-top:1.4rem}
@media (min-width:1025px) {
    .list_type_box .box_item .box_item_title .text.type2 {font-size:2rem}
}
@media (max-width:1024px) {
    .list_type_box {grid-template-columns:repeat(1, 1fr)}
    .list_type_box .box_item {padding:0 2.3rem 3.5rem}
    .list_type_box .box_item .box_item_title {min-height:9.5rem;padding:.9rem 0 .6rem}
    .list_type_box .box_item .box_item_content {margin:0 0 2.3rem;padding:0 var(--gapX2) 0 2.1rem}
    .list_type_box .box_item .box_item_content::before {top:5px;bottom:7px}
    .list_type_box .box_item .btns {position:static;flex-direction:column}
    .list_type_box .box_item .btns [class*='btn_'] {width:100%}
}

/* 온라인 사건신청: 필수항목 수집·이용 동의 */
.scroll_box {overflow-y:auto;max-height:22.5rem;margin-bottom:3.4rem;padding-right:var(--gap)}
.agree_wrap {display:flex;border-bottom:1px solid var(--color-gray4)}
.agree_wrap dl {flex:1}
.agree_wrap dl dt {display:flex;justify-content:center;align-items:center;min-height:3.8rem;word-break:keep-all;font-size:1.5rem;font-weight:700;border-bottom:1px solid #d6e0eb;background-color:var(--color-skyblue)}
.agree_wrap dl dd {display:flex;justify-content:center;align-items:center;height:calc(100% - 3.8rem);padding:.8rem .4rem;text-align:center;font-size:1.7rem;background-color:var(--color-white)}
.agree_wrap dl.flex_wide {flex:1.3}
.agree_wrap + .list_type {margin-top:1rem}
@media (max-width:1024px) {
    .scroll_box {max-height:30rem}
    .agree_wrap {flex-direction:column;border-top:1px solid var(--color-gray3);border-bottom:1px solid var(--color-gray3)}
    .agree_wrap dl {display:flex;border-bottom:1px solid #d6e0eb}
    .agree_wrap dl:last-child {border-bottom:none}
    .agree_wrap dl dt {width:9rem;padding:.8rem .4rem;text-align:center;border-bottom:none}
    .agree_wrap dl dd {justify-content:flex-start;flex:1;text-align:left;height:auto}
}

/* tab */
.tab_list {overflow:hidden;margin-bottom:4.8rem}
.tab_list [role="tab"] {word-break:keep-all;background-color:transparent;white-space:unset}
.tab_list.tab_step [role="tab"] {position:relative;transition-duration:var(--duration02)}
.tab_list.tab_step [role="tab"][aria-disabled="true"] {/*background-color:var(--color-skyblue);opacity:0.7;*/}
.tab_list.tab_step [role="tab"] .text {position:relative}
@media (min-width:1025px) {
    .tab_list .tab_indicator {position:absolute;top:0;left:0;height:5.6rem;background-color:#063a74;transition-duration:var(--duration02)}
    .tab_list.tab_step [role="tab"]:not([aria-selected="true"]):focus,
    .tab_list.tab_step [role="tab"]:not([aria-selected="true"]):hover {color:#063a74;background-color:var(--color-gray6)}
}
@media (max-width:1024px) {
    .tab_list .tab_indicator {display:none}
}

/* 필수입력 */
.text_required {flex:1;text-align:right}
[class*="icon_billiard"] ~ .text_required {flex:none;width:100%;padding-bottom:.3rem;text-align:right;color:var(--color-gray1)}
@media (max-width:1024px) {
    .text_required {flex:none;width:100%;margin:.2rem 0 .4rem;text-align:left;font-size:var(--fs-body1);line-height:2.05rem}
    [class*="icon_billiard"] ~ .text_required {text-align:left}
}

/* section */
.section + .section,
.section_top + .section,
.form_hint + .section {margin-top:var(--gapX3)}
.section:not(.box_line_gray) + .section:not(.box_line_gray) {margin-top:3.6rem}
.section_top.box_line_gray {padding:2.4rem 5.3rem}
.section.box_line_gray {padding:5.2rem 5.5rem 5.5rem}
.section.box_line_gray ~ .form_hint {width:100%;margin-top:var(--gapX2)}
.section .section_header {display:flex;align-items:center;flex-wrap:wrap;gap:1rem 2rem;position:relative;margin-bottom:2.4rem}
.section .section_header .form_hint {font-size:var(--fs-body1)}
.section .section_header .tit_heading3 {margin-bottom:1.5rem}
.section .section_header .tit_heading4 {margin-right:.5rem}
.section .section_header .messages {width:100%;margin-top:1.2rem}
.section .section_header .messages .text + .text {margin-top:.2rem}
.section .section_header .btns {position:absolute;top:-1rem;right:0}
.section .section_header ~ .section .section_content {margin-top:2.3rem;transition-duration:var(--duration02)}
.section .section_content ~ .box_gray {margin-top:var(--gapX2)}
.section:not(.box_line_gray) .section_header {justify-content:space-between;margin-bottom:1.4rem}
.section:not(.box_line_gray) .section_header .tit_heading4 {font-size:2.1rem}
.section:not(.box_line_gray) .section_header .btns {flex-wrap:wrap;justify-content:flex-end;position:static;width:auto;margin-top:0}
.section:not(.box_line_gray) .section_content {margin-top:1.4rem}
[class*="_header"] .btns [class*='btn_'] {font-size:var(--fs-body1)}
.section_hint {margin:1.4rem 0 -.3rem;text-align:left;font-size:1.3rem;color:var(--color-disabled);line-height:1.9rem}
.section_hint::before {content:'';display:inline-block;position:relative;top:.5rem;left:-.1rem;width:1.9rem;height:1.9rem;margin-right:.3rem;background:url(../images/common/icon_info_gray_mo.png) no-repeat center center / 100% auto}
.section.box_line_gray .section_content ~ .form_hint {margin-top:4.8rem}

/* section 영역이 닫혀 있을 경우 */
.section.box_line_gray.close {padding:3.6rem 5.3rem}
.section.box_line_gray.close .section_header {margin-bottom:0}
.section.box_line_gray.close .section_content {display:none}
@media (max-width:1024px) {
    .section:not(.box_line_gray) .section_header .btns [class*='btn_'] {width:auto;min-width:6rem;height:4rem;padding:0 1rem;font-size:var(--fs-body1)}
    .section.box_line_gray.close {padding:2.6rem 1.3rem 2.6rem 2.1rem}
}

/* form */
.input_box input[type=text]:focus-visible,
.input_box input[type=password]:focus-visible,
.textarea_box textarea:focus-visible,
select:focus-visible {outline-offset:-.2rem}

.type_form {display:grid;grid-template-columns:repeat(2, 1fr);gap:3.6rem 5.6rem}
.type_form.type2 {grid-template-columns:1fr max-content;align-items:center}/*grid-template-columns 조정*/
.form_item input[type=text], 
.form_item input[type=password],
.form_item select {height:4.8rem}
.form_item input[type=text].form_hint {margin-top:unset;font-size:17px;color:#111;}
.form_items {display:flex;flex-direction:column;gap:1.6rem 2rem;min-width:calc((100% - 5.6rem) / 2);font-size:var(--fs-body1)}
.form_items > label.tit {cursor:default;}
.form_items.full {grid-column:1 / -1}
.form_items .tit {margin-bottom:-.2rem;font-size:var(--fs-body1);font-weight:700;line-height:2.5rem}
.form_items .sub_tit {margin-bottom:calc(var(--gap)*-1);font-size:1.5rem;font-weight:700;line-height:2.1rem}
.form_items:not(.row) .tit ~ * {width:100%}
.form_items.row {align-items:center}
.form_items.row .tit {margin-bottom:0 !important}
.form_items.row .tit ~ * {flex:1}
.form_items.row .tit ~ .checkbox_item.only_input input[type="checkbox"] {display:block;position:absolute;top:.2rem;left:0;width:2rem;height:2rem;border:1px solid #58616a;background-color:var(--color-white);transition-duration:var(--duration02);border-radius:.3rem;clip:unset;-webkit-appearance:none;appearance:none}
.form_items.row .tit ~ .checkbox_item.only_input input[type="checkbox"]:checked {border-color:var(--color-primary);background:var(--color-primary) url(../images/common/icon_check.png) no-repeat center center}
.type_form.top_form {margin:var(--gapX4) 0 var(--gapX2)}/* .section.box_line_gray 상단에 위치한 .type_form(주로 '신청인 수', '피신청인 수')*/
.type_form.top_form .form_items {flex-direction:row;align-items:center}
.type_form.top_form .form_items .tit {margin-bottom:-.2rem}
.type_form.top_form .form_items .form_item {flex:1}
.type_form.top_form.only_one .form_items {grid-column-start:2;flex-wrap:wrap;}/* .type_form.top_form 자식 요소로 .form_items이 한개만 있을 경우 'only_one' class 추가 */
.type_form.top_form.only_one .form_items .form_hint.type_error {text-align:right;}

.form_items .form_item {align-items:center;gap:1.3rem;min-width:calc((100% - 5.6rem) / 2);margin-top:0}
.form_items .form_item:not(.auto) .input_box,
.form_items .form_item:not(.auto) > select {width:100%}
.form_items .form_group .form_item .text {white-space:nowrap}
.form_items .form_item.min_width_fit {min-width:auto !important}
.form_items .form_item .text {white-space:nowrap}
.form_items .form_item .radio_item label .text, 
.form_items .form_item:not(.min_width_fit) .checkbox_item label .text {white-space:normal}
.form_items .form_item .datepicker {z-index:1;}
.form_items .form_item .btn_calender {z-index:2;}
table td .form_hint,
.form_items .form_hint {position:relative;margin-top:-1.2rem;text-align:left;font-size:1.3rem;line-height:1.9rem;color:#096ab3}
table td .form_hint {margin-top:var(--gap-half)}
table td .form_hint::before,
.form_items .form_hint::before {content:'';display:inline-block;position:relative;top:.3rem;left:-.1rem;width:1.6rem;height:1.6rem;margin-right:.3rem;background:url(../images/common/icon_info_hint.png) no-repeat center center / 100% auto}
table td .form_hint.type_error,
.form_items .form_hint.type_error {color:#d83412}
table td .form_hint.type_error::before,
.form_items .form_hint.type_error::before {background-image:url(../images/common/icon_error.png)}
.form_items.type_multi select {width:auto}
.form_items .form_item.item_width_auto > * {width:auto !important}
.form_items .form_item.flex1 {min-width:auto}
.form_items .form_item.flex_half {min-width:auto}
.type_form .btn_search {margin-left:1.7rem}
.tab_wrap .type_form:not(.top_form) .form_items .form_item {min-height:4.8rem}

.form_item.type_tel input {text-align:center}
.form_item.type_tel .form_item {flex:1;min-width:auto !important}
.form_item.type_tel .form_item .input_box input[type=text] {padding-right:2.6rem}
.form_item.type_tel .form_item .btn_reset {right:.6rem}
.form_items .form_item.type_tel,
.form_items .form_group .form_item {gap:var(--gap)}
.form_items .form_group.type_tel .form_item {min-width:auto}
.form_items .form_group.group_email .type_custom {min-width:auto}
.form_items .form_item.type_date {flex-wrap:wrap}
.form_items .form_item.type_date .input_box {flex:none;width:calc(100% - 1.8rem)}

/* error일 경우 */
.form_items .form_item input[type=text].type_error, 
.form_items .form_item input[type=password].type_error, 
.form_items .form_item .textarea_box textarea.type_error,
.form_items .form_item select.type_error {border:2px solid #de3412}

/* section안에 .type_form이 여러개일 경우(주요쟁점 사항) */
.type_form.type_form_item {gap:1.6rem 5.6rem}
.type_form.type_form_item + .type_form.type_form_item {margin-top:4rem;padding-top:3.6rem;border-top:1px dashed var(--color-gray3)}
@media (max-width:1024px) {
    .type_form.type2 {grid-template-columns:1fr}
    .type_form.type2 .btns [class*='btn_'] {width:100%}
    .form_items .form_group.group_email {flex-wrap:wrap}
    .form_items .form_group.group_email.input_active .form_item.type_email {flex:none;width:100%}
    .form_items .form_group.group_date {flex-wrap:wrap}
    .form_items .form_group.group_date .date_picker_wrapper {flex:none;width:100%}
    .type_form.top_form.only_one .form_items {grid-column-start:auto}
}
@media (max-width:767px) {
    .form_items .form_group.group_date .date_picker_wrapper {flex-wrap:wrap}
    .form_items .form_group.group_date .date_picker_wrapper .input_box {width:88%}
}
@media (max-width:480px) {
    .type_form.top_form .form_items {flex-wrap:wrap}
    .type_form.top_form .form_items .tit {width:100%}
}

/* 임금상당액 */
.form_items .inner_form_box {align-items:center;gap:2rem var(--gapX2);padding:var(--gap) 1.2rem;border-radius:.4rem;background-color:var(--color-gray6)}
.form_items .inner_form_box_item .tit {margin-bottom:0;font-weight:400}
.form_items .inner_form_box_item .tit ~ * {flex:1}
.form_items .inner_form_box_item .form_item {gap:var(--gap)}
.form_items .inner_form_box_item .form_item.type_radio,
.form_items .inner_form_box_item .form_item.type_checkbox {gap:1rem var(--gapX2)}
.form_items .inner_form_box_item .form_item .input_box input[type=text], 
.form_items .inner_form_box_item .form_item .input_box input[type=password] {height:3.8rem}
.form_items .inner_form_box.grid {grid-template-columns:max-content 1fr}
.form_items .inner_form_box.grid .inner_form_box_item {display:contents}
.form_items .inner_form_box.flex .inner_form_box_item {display:flex;align-items:center;gap:var(--gapX2)}
.form_items .inner_form_box.flex .inner_form_box_item:first-child {flex:1}
.form_items .inner_form_box.flex .inner_form_box_item:last-child {width:calc((100% - 4rem)/2)}
@media (max-width:1024px) {
    .form_items .inner_form_box {gap:2rem var(--gap)}
    .form_items .inner_form_box.flex {flex-wrap:wrap}
    .form_items .inner_form_box.flex .inner_form_box_item {flex:none !important;width:100% !important}
}
@media (max-width:480px) {
    .form_items .inner_form_box.grid [class*="type_min_width"] ~ .popup_calendar {left:calc(50% - 1.5rem)}
}

/* add_info(주로 사용: 해당 처분당시 근로자 근무지 입력) */
.add_info {grid-column:1 / -1}
.add_info .add_info_header {display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem}
.add_info .add_info_header .tit_heading5 {font-size:var(--fs-body2)}
.add_info .add_info_header .checkbox_item label::before {margin-top:-1px}
.add_info .add_info_content {position:relative;margin-top:.6rem;color:var(--color-gray1)}
.add_info_items {display:none}
.add_info_items.active {display:flex}

/* 대표자 선정서 */
.form_add_wrap + .form_add_wrap {margin-top:4rem}
.form_add_wrap .form_add_heaer {display:flex;justify-content:space-between;align-items:center;min-height:5.6rem;padding:.8rem 1.2rem;background-color:var(--color-navy2)}
.form_add_wrap .form_add_heaer .tit_heading5 {font-size:var(--fs-body2);color:var(--color-white)}
.form_add_wrap .form_add_content .form_add_item.type_form {gap:2.6rem 5.6rem;padding:2.7rem 0 2.4rem;border-bottom:1px solid var(--color-gray3)}
.form_add_wrap .form_add_content .form_add_item.type_form:last-child {padding-bottom:0;border-bottom:none}
.form_bottom {margin-top:-.2rem}

@media (min-width:1025px) and (max-width:1080px) {
    .container_wrap .inner_wrap {column-gap:4rem}
    .section.box_line_gray {padding-right:4rem;padding-left:4rem}
    .type_form {column-gap:4rem}
    .form_item.type_tel input {padding-left:1rem}
}

@media (min-width:1025px) {
    .section.box_line_gray.section_featured {background:url(../images/common/bg_form_section.png) no-repeat top right}
    .modal_content_wrap .section.box_line_gray.section_featured {background-image:none}
}
@media (max-width:1024px) {
    .section_top.box_line_gray {padding:1.8rem 2.1rem}
    .section.box_line_gray {padding:2.6rem 2.1rem var(--gapX4)}
    .section .section_header .form_hint {line-height:2.05rem}
    .section .section_header .btns {position:static;width:100%;margin-top:1.1rem}
    .section .section_header .btns [class*='btn_'] {width:100%}
    .type_form {grid-template-columns:1fr;row-gap:2.6rem}
    .tab_wrap .type_form:not(.top_form) .form_items .form_item {min-height:5.6rem}
    .form_items {gap:var(--gapX2)}
    .form_items .tit {margin-bottom:-.9rem}
    .form_items .form_item {gap:var(--gap)}
    .form_items .form_item .input_box input[type=text], 
    .form_items .form_item .input_box input[type=password] {height:5.4rem}
    .form_items .form_item > select,
    .form_items .btn_m_rect {height:5.6rem}
    table td .form_hint,
    .form_items .form_hint {font-size:var(--fs-body1);line-height:2.8rem}
    table td .form_hint::before,
    .form_items .form_hint::before {top:.5rem;width:2.2rem;height:2.2rem;background-image:url(../images/common/icon_info_hint_mo2.png)}
    table td .form_hint.type_error::before,
    .form_items .form_hint.type_error::before {background-image:url(../images/common/icon_error_mo.png)}
    .form_items.type_multi .form_item {flex-direction:column}
    .form_items.type_multi .form_item select,
    .form_items.type_multi .form_item .input_box {width:100%}
    .type_form .btn_search {margin-left:.7rem}
    .text_area * + .text {padding-top:2.8rem}
    .form_items.row {flex-direction:column !important;align-items:flex-start}
    .form_items.row .tit ~ * {width:100%}
}

/* file add */
.form_group.type_file_multi {flex-direction:column;align-items:unset;gap:0}
.form_item.type_file.type_multi {flex-direction:column;align-items:center;width:100%;padding:var(--gapX4);border-radius:.5rem;background-color:#f0f0f0}
.form_item.type_file.type_multi .form_hint {font-size:var(--fs-body1);line-height:2.8rem;margin-bottom:var(--gap-half);color:var(--color_black)}
.form_item.type_file input[type=file]:focus + label {outline-offset:2px;outline:3px solid var(--color-primary);}
.list_type_file_add {display:flex;flex-direction:column;gap:var(--gapX2);width:100%}
.list_type_file_add li {display:flex;justify-content:space-between;align-items:center;gap:var(--gapX2);min-height:4.6rem;padding:var(--gap) .1rem var(--gap) 1.5rem;text-align:left;line-height:2.4rem;border:1px solid var(--border-gray1);border-radius:.6rem;background-color:var(--color-white)}
.list_type_file_add li .text {flex:1;word-break:break-word;font-size:var(--fs-body1);color:var(--color_black)}
.list_type_file_add.has_item {margin-top:var(--gapX4)}
.list_type_file_add ~ * {margin-top:var(--gapX3)}
td .list_type_file_add {gap:0}
td .list_type_file_add li {min-height:3.2rem;padding:0;border:none}

.btn_file_del {position:relative;width:4.4rem;height:4.4rem;border-radius:.5rem}
.btn_file_del::before,
.btn_file_del::after {content:'';position:absolute;top:50%;left:50%;width:1.5rem;height:.1rem;background-color:#33363d}
.btn_file_del::before {transform:translate(-50%,-50%) rotate(45deg)}
.btn_file_del::after {transform:translate(-50%,-50%) rotate(-45deg)}

.btn_file_delete {position:relative;width:4.4rem;height:4.4rem;border-radius:.5rem}
.btn_file_delete::before,
.btn_file_delete::after {content:'';position:absolute;top:50%;left:50%;width:1.5rem;height:.1rem;background-color:#33363d}
.btn_file_delete::before {transform:translate(-50%,-50%) rotate(45deg)}
.btn_file_delete::after {transform:translate(-50%,-50%) rotate(-45deg)}

/* file add:입증자료, 이유서 */
.list_type_file_add .form_items_multi {display:flex;flex-direction:column;gap:2rem 0}
.list_type_file_add .form_items_multi + .form_items_multi {margin-top:1.6rem;padding-top:2.7rem;border-top:1px dashed var(--color-gray3)}
.list_type_file_add .form_items_multi .flex {align-items:center;flex-wrap:wrap;gap:var(--gapX2)}
.list_type_file_add .form_items_multi .flex .form_items {min-width:auto}
.list_type_file_add .form_items_multi .flex .form_items .form_item .input_box input[type=text] {padding-right:1.5rem}
.list_type_file_add .form_items_multi .flex .form_items.flex1 .input_box input[type=text] {overflow:hidden;padding-right:4.4rem;text-overflow:ellipsis;white-space:nowrap}
.list_type_file_add .form_items_multi .btn_file_del {position:absolute;top:50%;right:0;transform:translateY(-50%)}
.list_type_file_add .form_items_multi .btn_file_delete {position:absolute;top:50%;right:0;transform:translateY(-50%)}
.list_type_file_add .form_items_multi .document_name {padding:var(--gap) var(--gapX2);border-radius:.5rem;background-color:#e5ebf1}
.list_type_file_add .form_items_multi .document_name .tit {position:relative;margin-bottom:0;padding-left:3.6rem;line-height:2.6rem;color:var(--color-navy2);white-space:nowrap}
.list_type_file_add .form_items_multi .document_name .tit::before {content:'';position:absolute;top:0;left:0;width:2.6rem;height:2.6rem;border:1px solid #144680;border-radius:50%;background:var(--color-white) url(../images/common/icon_arrow_file_view_mo.png) no-repeat center center/100% auto}

/* 입증자료 */
.list_type_file_add .form_items_multi.type_support .flex .form_items:not(.flex1) .form_item .input_box {max-width:8rem}
@media (min-width:1025px) {
    .list_type_file_add .form_items_multi .document_name .form_items {flex-direction:row;align-items:center}
}
@media (max-width:1024px) {
    .form_group .form_item {flex:1}
    .form_item.type_file.type_multi {padding:var(--gapX3) var(--gapX2)}
    .form_item.type_file.type_multi .form_hint {text-align:center}
    .list_type_file_add {gap:var(--gap)}
    .list_type_file_add.has_item {margin-top:var(--gapX2)}

    .list_type_file_add .form_items_multi + .form_items_multi {margin-top:2.1rem}
    .list_type_file_add .form_items_multi .flex {gap:2rem 3rem}
    .list_type_file_add .form_items_multi .flex .form_items {width:calc((100% - 3rem) / 2)}
    .list_type_file_add .form_items_multi .flex .form_items:not(.flex1) .form_item .input_box {max-width:none !important}
    .list_type_file_add .form_items_multi .flex .form_items.items_m_full {width:100%}
    .list_type_file_add .form_items_multi .flex .form_items.items_m_full .form_item {gap:1rem}
    .list_type_file_add .form_items_multi .btn_file_del::before,
    .list_type_file_add .form_items_multi .btn_file_del::after {width:2.4rem;height:.2rem}
    .list_type_file_add .form_items_multi .btn_file_delete::before,
    .list_type_file_add .form_items_multi .btn_file_delete::after {width:2.4rem;height:.2rem}
    .list_type_file_add .form_items_multi .document_name {padding:1.6rem 1.2rem}

    /* 입증자료 */
    .list_type_file_add .form_items_multi.type_support + .form_items_multi.type_support {padding-top:0;border-top:none}

    /* 이유서 */
    .list_type_file_add .form_items_multi.type_reason .flex {flex-direction:column}
    .list_type_file_add .form_items_multi.type_reason .flex .form_items {width:100%}
}

/* 초기화 버튼 포함 */
.form_group .form_group_inner {display:flex;flex:1;flex-wrap:wrap;gap:var(--gapX2)}
.form_group .form_group_inner > * {/*flex:1 1 auto !important;*/min-width:auto !important}
@media (min-width:1025px) {
    .form_group .form_group_inner .date_picker {width:20rem}
}
@media (max-width:1024px) {
    .form_group .form_group_inner > * {flex:none;width:100%}
}

/* sign(type form) */
.application_wrap {position:relative;margin:7.4rem 0;font-size:var(--fs-body2);line-height:2.9rem}
.application_wrap .text {text-align:center}
.application_wrap .sign {display:flex;justify-content:space-between;align-items:center;margin-top:4.8rem;color:var(--color-gray1)}
.application_wrap .sign strong {color:var(--color-default)}
.application_wrap .sign .sign_item {text-align:right}
.application_wrap .sign_detaile + .sign_detaile {margin-top:var(--gapX2)}

/* sign(type view) */
.application_wrap.type_view {margin:6rem 0}
.application_wrap.type_view .text {text-align:left}
@media (max-width:1024px) {
    .application_wrap .sign {flex-direction:column;gap:var(--gapX2)}
    .application_wrap:not(.type_view) .sign .sign_item {text-align:center}
    .application_wrap.type_view .sign {align-items:flex-end}
}

/* content_bottom */
.content_bottom {display:flex;gap:1rem;margin-top:4rem}
.content_bottom .btns {gap:var(--gapX2)}
.content_bottom .btns [class*="btn_"] {position:relative}
@media (max-width:1024px) {
    .content_bottom {flex-direction:column;gap:1.5rem;/*margin-top:1.8rem;*/margin-top:3.1rem}
    .content_bottom [class*="btn_"] {flex:1 1 auto}
    .content_bottom [class*="btn_"]:focus-visible {outline-offset:-5px}
}

/* custom:fullcalendar(나의 회의 일정) */
.calendar_wrap {display:flex;gap:var(--gapX4);position:relative}
.calendar_wrap .calendar {flex:1}
.calendar_wrap .fc .fc-button-primary:focus {box-shadow:none !important}
.calendar_wrap .fc .fc-button-primary:focus-visible {outline:3px solid var(--color-primary) !important}
.calendar_wrap .fc .fc-button-primary.fc-prev-button,
.calendar_wrap .fc .fc-button-primary.fc-next-button {width:3.2rem;height:3.2rem;border:1px solid #d4d7db;border-radius:50%;background-color:var(--color-white);background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.calendar_wrap .fc .fc-button-primary.fc-prev-button .fc-icon,
.calendar_wrap .fc .fc-button-primary.fc-next-button .fc-icon {display:none !important}
.calendar_wrap .fc .fc-button-primary.fc-prev-button {background-image:url(../images/common/icon_arrow_datepicker_prev_mo.png)}
.calendar_wrap .fc .fc-button-primary.fc-next-button {margin-left:var(--gap);background-image:url(../images/common/icon_arrow_datepicker_next_mo.png)}
.calendar_wrap .fc .fc-button-primary.fc-prev-button:hover,
.calendar_wrap .fc .fc-button-primary.fc-next-button:hover {border-color:var(--color-navy1);background-color:var(--color-navy1)}
.calendar_wrap .fc .fc-button-primary.fc-prev-button:hover {background-image:url(../images/common/icon_arrow_btn_prev_mo.png);background-size:1rem auto}
.calendar_wrap .fc .fc-button-primary.fc-next-button:hover {background-image:url(../images/common/icon_arrow_btn_next_mo.png);background-size:1rem auto}

.calendar_wrap .fc .fc-toolbar.fc-header-toolbar {margin-bottom:2.4rem}
.calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {flex:1;word-break:keep-all;text-align:center}
.calendar_wrap .fc .fc-toolbar-title {font-size:2.4rem;line-height:3.2rem}
.calendar_wrap .fc .fc-header-toolbar .fc-today-button,
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridMonth-button,
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridWeek-button,
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridDay-button {width:5.2rem;height:3.2rem;padding-top:0;padding-bottom:0;color:var(--color-white);border:none;border-radius:.4rem !important}
.calendar_wrap .fc .fc-header-toolbar .fc-today-button {margin-left:1.2rem}
.calendar_wrap .fc .fc-header-toolbar .fc-today-button:not(:disabled) {background-color:var(--color-primary)}
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridMonth-button {color:var(--color-navy1);border:1px solid var(--color-navy1);background-color:#fff;}
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridWeek-button {color:var(--color-navy1);border:1px solid var(--color-navy1);background-color:#fff;}
.calendar_wrap .fc .fc-header-toolbar .fc-dayGridDay-button {color:var(--color-navy1);border:1px solid var(--color-navy1);background-color:#fff;}
.calendar_wrap .fc .fc-header-toolbar .fc-button-group {gap:var(--gap-half)}
.calendar_wrap .fc .fc-header-toolbar .fc-button-group .fc-button-active {color:#fff;border:none;background-color:var(--color-navy1);}

.calendar_wrap .fc.fc-theme-standard .fc-scrollgrid {border:none}
.calendar_wrap .fc.fc-theme-standard td, 
.calendar_wrap .fc.fc-theme-standard th {border-color:#d6e0eb}
.calendar_wrap .fc.fc-theme-standard td[role="button"] {cursor:pointer}
.calendar_wrap .fc.fc-theme-standard thead th table tr th:first-child,
.calendar_wrap .fc.fc-theme-standard tbody td table tr td:first-child {color:#d0303c}
.calendar_wrap .fc.fc-theme-standard thead th table tr th:last-child,
.calendar_wrap .fc.fc-theme-standard tbody td table tr td:last-child {color:var(--color-primary)}
.calendar_wrap .fc.fc-theme-standard tr td:last-child, 
.calendar_wrap .fc.fc-theme-standard tr th:last-child {border-right:none}
.calendar_wrap .fc.fc-theme-standard tr:last-child td {border-bottom:none}
.calendar_wrap .fc.fc-theme-standard thead .fc-scroller {overflow:visible !important}
.calendar_wrap .fc .fc-daygrid-day.fc-day-today {background-color:#fff9ed !important}
.calendar_wrap .fc .fc-daygrid-day-number {padding:.6rem .6rem .1rem}

.calendar_wrap .fc .fc-view-harness {height:52rem !important}
.calendar_wrap .fc .fc-daygrid.fc-view {overflow:hidden;border-radius:1.2rem;border:1px solid var(--color-gray3)}
.calendar_wrap .fc .fc-daygrid-day {line-height:normal;word-break:normal}
.calendar_wrap .fc .fc-daygrid-event {margin-top:2px;white-space:unset;font-size:1rem}
.calendar_wrap .fc .fc-h-event .fc-event-title {padding:0 .3rem .1rem;line-height:1.4rem}
.calendar_wrap .fc .fc-col-header-cell-cushion {line-height:1.6rem}
.calendar_wrap .fc.fc-direction-ltr .fc-daygrid-event.fc-event-start, 
.calendar_wrap .fc.fc-direction-rtl .fc-daygrid-event.fc-event-end {margin-left:.3rem}
.calendar_wrap .fc.fc-direction-ltr .fc-daygrid-event.fc-event-end, 
.calendar_wrap .fc.fc-direction-rtl .fc-daygrid-event.fc-event-start {margin-right:.3rem}

.calendar_wrap .fc .fc-day-other .fc-daygrid-day-frame {background:#f4f5f6;}
.calendar_wrap .fc .fc-day-other .fc-daygrid-day-frame .fc-daygrid-day-top {opacity:1;}

.calendar_wrap .calendar_list {width:25rem;margin-top:5.6rem}
.calendar_wrap .calendar_list .calendar_list__title {display:flex;justify-content:center;align-items:center;min-height:4rem;margin-bottom:var(--gapX2);text-align:center;font-size:var(--fs-body1);font-weight:700;border-radius:.8rem;background-color:var(--color-gray6)}
.calendar_wrap .calendar_list table tbody tr {cursor:pointer}
.calendar_wrap .calendar_list table tbody tr td .pc_blue {word-break:normal;color:var(--color-primary)}
.calendar_wrap .calendar_list table tbody tr:hover td .pc_blue,
.calendar_wrap .calendar_list table tbody tr:focus td .pc_blue {text-decoration:underline;text-underline-offset:.4rem}

.calendar_wrap .calTable {overflow:hidden; border:1px solid #b1b8be; border-radius:1.2em}
.calendar_wrap .calTable table {border-collapse:separate; margin:0 -1px -1px 0; width:auto; min-width:100%; height:511px !important}
.calendar_wrap .calTable th,
.calendar_wrap .calTable td {border:1px solid #d6e0eb; font-size:15px}
.calendar_wrap .calTable:not(.v2) th:first-child,
.calendar_wrap .calTable:not(.v2) td:first-child {color:#d0303c}
.calendar_wrap .calTable:not(.v2) th:last-child,
.calendar_wrap .calTable:not(.v2) td:last-child {color:#256ef4}
.calendar_wrap .calTable th {border-bottom:none; padding:0; height:20px; line-height:20px}
.calendar_wrap .calTable td {padding:0}
.calendar_wrap .calTable td.fc-day-other {background:#f4f5f6}
.calendar_wrap .calTable td.fc-day-today {background:#fff9ed}
.calendar_wrap .calTable td.fc-day-selected {background:rgb(11, 120, 205, 0.15)}
.calendar_wrap .calTable td a {display:block; padding:3px 3px 8px; min-height:80px; height:100%}
.calendar_wrap .calTable td a:focus {outline:2px solid #00f}
.calendar_wrap .calTable td a span {display:block; padding:3px; text-align:right; line-height:20px}
.calendar_wrap .calTable td a p {padding:0 3px; border-radius:3px; line-height:14px; font-size:10px; color:#fff; word-break:normal}
.calendar_wrap .calTable td a p + p {margin-top:2px}
.calendar_wrap .calendar_area {flex: 1;}
.calendar_wrap .calendar_area .fc-view-harness {visibility:hidden; height:0px !important}
@media (max-width:1024px) {
    .calendar_wrap {flex-direction:column;gap:var(--gapX4)}
    .calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:first-child {display:flex;justify-content:space-between;position:absolute;top:0;left:0;width:100%}
    .calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(2) {display:flex;justify-content:center;width:100%}
    .calendar_wrap .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk .fc-toolbar-title {font-size:2rem}
    .calendar_wrap .fc .fc-h-event .fc-event-title {padding-right:.2rem;padding-left:.2rem}
    .calendar_wrap .fc .fc-daygrid-event {margin-top:0}
    /* .calendar_wrap .fc .fc-view-harness {height:32.2rem !important} */
    .calendar_wrap .fc .fc-view-harness {height:unset !important}
    .calendar_wrap .fc .fc-daygrid-event-harness {margin-top:.2rem !important}
    .calendar_wrap .fc .fc-button-group,
    .calendar_wrap .fc .fc-today-button{display:none !important}
    .calendar_wrap .fc.fc-direction-ltr .fc-daygrid-event.fc-event-start, 
    .calendar_wrap .fc.fc-direction-rtl .fc-daygrid-event.fc-event-end {margin-left:.2rem}
    .calendar_wrap .fc.fc-direction-ltr .fc-daygrid-event.fc-event-end, 
    .calendar_wrap .fc.fc-direction-rtl .fc-daygrid-event.fc-event-start {margin-right:.2rem}
    .calendar_wrap .calendar_list {width:100%;margin-top:0}
}

/* check list */
.check_list_item {margin-top:4.8rem;text-align:center}
.check_list_item:first-child {margin-top:0}
.check_list_item .check_list_header {position:relative;margin-top:.9rem;padding-top:10rem}
.check_list_item .check_list_header::before {content:'';position:absolute;top:0;left:0;width:100%;height:9.1rem;background-repeat:no-repeat;background-position:center center;background-size:14.6rem auto}
.check_list_item .check_list_header .check_list_title {display:flex;justify-content:center;align-items:flex-start;gap:1rem}
.check_list_item .check_list_header .badge {display:inline-flex;justify-content:center;align-items:center;min-width:4rem;height:2.4rem;margin-top:var(--gap-half);padding:0 var(--gap);color:var(--color-white);border-radius:1.2rem;background-color:var(--color-primary)}
.check_list_item .check_list_header .title {font-size:2.1rem;line-height:1.5;color:var(--color_black)}
.check_list_item .check_list_header .text {margin-top:1.4rem;font-size:1.6rem;line-height:2.3rem;color:#8a9492}
.check_list_item .check_list_content {margin:2.4rem 0}
.check_list_item .check_list_content .form_item {min-width:auto;margin:0 auto}
.check_list_item .check_list_content .form_item.date_picker_wrapper {max-width:24rem}
.check_list_item .check_list_content .form_item.type_btn {gap:2rem;max-width:30rem}
.check_list_item .check_list_content .form_item.type_btn .radio_item label {gap:.9rem;width:100%;height:8rem;padding-top:0;border:none;border-radius:1rem;background-color:var(--color-skyblue)}
.check_list_item .check_list_content .form_item.type_btn .radio_item label::before {content:'';display:inline-block;position:static;width:3rem;height:3rem;border:none;background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.check_list_item .check_list_content .form_item.type_btn .radio_item.o label::before {background-image:url(../images/checklist/icon_ox_o_mo.png)}
.check_list_item .check_list_content .form_item.type_btn .radio_item.x label::before {background-image:url(../images/checklist/icon_ox_x_mo.png)}
.check_list_item .check_list_content .form_item.type_btn .radio_item.null label::before {content:unset;display:unset;}
.check_list_item .check_list_content .form_item.type_btn .radio_item label .text {top:0}
.check_list_item .check_list_content .form_item.type_btn.type_btn_long {max-width:34rem}
.check_list_item .check_list_content .form_item.type_btn.type_btn_long .radio_item.x label::before {flex:none;}
.check_list_item .check_list_header::before,
.check_list_item.type1 .check_list_header::before {background-image:url(../images/checklist/icon_user1_mo.png)}
.check_list_item.type2 .check_list_header::before {background-image:url(../images/checklist/icon_user2_mo.png)}
.check_list_item.type3 .check_list_header::before {background-image:url(../images/checklist/icon_user3_mo.png)}
.check_list_item.type4 .check_list_header::before {background-image:url(../images/checklist/icon_user4_mo.png)}
.check_list_item.type5 .check_list_header::before {background-image:url(../images/checklist/icon_user5_mo.png)}
.check_list_item .list_type_dot {text-align:left;}
.check_list_item .legal_buttons {display:flex;flex-direction:column;justify-content:center;align-items:center;}
.check_list_item .legal_buttons strong {display:block;font-size:1.7rem;}
.check_list_item .legal_buttons .btn_legal {justify-content:flex-start;margin-top:.6rem;padding:0.6rem 3.8rem 0.6rem 1.2rem;width:36rem;line-height:1.5;text-align:left;color:#333;font-size:1.5rem;white-space:unset;word-break:keep-all;border:1px solid #053863;border-radius:3px;background:url(../images/common/icon_newwin_mo.png) no-repeat center right 12px/16px auto;}
.check_list_item .legal_buttons .btn_legal.solo {width:auto;}
.check_list_item .legal_buttons .btn_legal:hover {background-color:#f8f8f8;}
.check_list_item.check_notice .box_line_gray .check_list_title .title {margin-bottom:.8rem; font-size:1.7rem;}
.check_list_item .type_radio {margin:1rem 5rem 3rem;}
.check_list_item .type_radio .radio_item label {text-align:left;word-break:keep-all;}

.check_list_item .message {margin-top:2rem}
.check_list_item .message .box_pink {display:inline-block;padding:1.7rem 1.7rem 1.7rem 4rem;font-size:1.3rem;line-height:1.9rem;background:#fdefec url(../images/common/icon_error_mo.png) no-repeat 1.7rem center/1.6rem auto}
.check_list_item .message a[target="_blank"]:hover {text-decoration:underline;text-underline-offset:.3rem}
.box_hint {display:flex;justify-content:center;flex-wrap:wrap;gap:3rem 7rem;margin-top:2.3rem;padding:1rem 1.8rem;font-size:1.4rem;color:#7c8694;border-radius:.4rem;background-color:#f0f0f0}
.box_hint .formula {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;white-space:nowrap}
.box_hint .formula_item {display:flex;flex-direction:column;position:relative;line-height:2.2rem}
.box_hint .formula_item::before {content:'';position:absolute;top:50%;left:0;width:100%;height:.1rem;background-color:var(--color-gray4)}
.box_hint .text {text-align:left}
@media (max-width:1024px) {
    .check_list_item .check_list_header .check_list_title {flex-wrap:wrap}
    .check_list_item .check_list_header .badge {margin-top:.2rem}
    .check_list_item .check_list_header .title {text-align:left;font-size:1.8rem;line-height:2.8rem}
    .check_list_item .check_list_header .text {font-size:1.5rem}
    .check_list_item .check_list_content .form_item.type_btn {gap:var(--gapX2)}
    .check_list_item .check_list_content .form_item.type_btn .radio_item label {height:6rem;padding-right:.6rem;padding-left:.6rem}
    .check_list_item .check_list_content .form_item.type_btn .radio_item label::before {width:2.8rem;height:2.8rem}
    
    .box_hint .formula {gap:1rem}
}
@media (max-width:767px) {
    .check_list_item .check_list_content .form_item.date_picker_wrapper {max-width:none}
    .check_list_item .check_list_content .form_item.date_picker_wrapper .input_box {width:100%}
    .check_list_item .legal_buttons .btn_legal {width:100%;}
    .check_list_item .type_radio {margin:1rem 0 3rem;}
}


/* 신청이유란 */
.text_notice_wrap {display:flex;justify-content:space-between;gap:var(--gapX2)}
@media (max-width:1024px) {
    .text_notice_wrap {flex-wrap:wrap}
    .text_notice_wrap .btns,
    .text_notice_wrap .btns [class*='btn_'] {width:100%}
}

/* 모범사례검색 */
pre {font-size:1.5rem;line-height:2.6rem}

/* 통합검색 */
.search_total {margin-bottom:var(--gapX2);text-align:center;font-size:var(--fs-body2)}
.search_section {position:relative;}
.search_section ~ .search_section {margin-top:6rem;}
.search_section .list_top {padding-right:8rem;}
.search_section .list_top .tit_heading5 {line-height:2.8rem;}
.search_list {border-top:1px solid var(--color-gray4)}
.search_item {padding:var(--gapX2) 0;border-bottom:1px solid #d6e0eb}
.search_item .title {overflow:hidden;padding-bottom:var(--gap);}
.search_item .title a {display:inline-block;position:relative;margin-top:4px;white-space:unset;float:left;}
.search_item .title strong {margin-right:var(--gap);}
.search_item .title em {float:right;margin-top:4px;}
.search_item .title span {display:inline-block;position:relative;padding-right:.2rem;padding-left:var(--gap);}
.search_item .title span::before {content:'';position:absolute;top:.3rem;left:0;width:1px;height:1.8rem;background-color:var(--color-gray3);}
.search_item .title span:empty {padding-left:0;}
.search_item .title span:empty::before {display:none;}
.search_item .text {overflow:hidden;line-height:1.65;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.search_item .title b,
.search_item .text b {background-color:yellow;}
@media (min-width:1025px) {
    .search_item .title a::after {content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--color-navy2);transition-duration:var(--duration02);}
    .search_item .title a:focus::after,
    .search_item .title a:hover::after {width:100%;}
}
/* @media (max-width:1024px) {
    .search_item .title {flex-direction:column;}
    .search_item .title em {text-align:right;}
} */

/* 로딩 */
.loading_container {display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.6); z-index: 9999;}
.loading_container .spinner {width: 50px; height: 50px; border: 5px solid rgba(255, 255, 255, 0.2); border-top: 5px solid #fff; border-radius: 50%; animation: spin 0.8s linear infinite;}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

body.is-loading {overflow: hidden;}
body.is-loading .loading_container {display: flex !important; justify-content: center; align-items: center; z-index:9999 !important;}

/* html 퍼블 목록 가이드(추후 삭제) */
.guide_pop_buttons {display:flex;justify-content:center;align-items:flex-start;gap:1rem;padding:10rem;background-color:var(--color-white)}
.guide_pop_buttons .btn_text {text-align:center;text-decoration:underline;text-underline-offset:.3rem}
.guide_pop_buttons .btn_text:hover {text-decoration-color:var(--color-primary)}
.guide_pop_buttons::before,
.guide_pop_buttons::after {display:none}