@charset "UTF-8";
.gap-04-12 { gap: 0.4rem 1.2rem; }
.gap-08-16 { gap: 0.8rem 1.6rem; }
.gap-12-24 { gap: 1.2rem 2.4rem; }

/* header */
.header .header_actions .actions_list .myp_item { position: relative; }
.header .myp_dropdown_wrap { display: none; z-index: 1; position: absolute; top: calc(100% + 16px); left: 50%; width: 171px; transform: translateX(-50%); border: 1px solid #999; border-radius: 0.8rem; background: #fff; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); }
.header .myp_dropdown_wrap.active { display: block; }
.header .myp_dropdown_wrap:before { position: absolute; top: clamp(-9px, -0.46875vw, -7.2px); left: calc(50% - clamp(6.4px, 0.4166666667vw, 8px)); width: clamp(12.8px, 0.8333333333vw, 16px); height: clamp(12.8px, 0.8333333333vw, 16px); transform: rotate(45deg); border-top: 1px solid #999; border-left: 1px solid #999; background: #fff; content: ""; }
.header .myp_dropdown_wrap .mypd_head { padding: 10px 16px; padding-right: 11px; border-bottom: 1px solid #ccc; }
.header .myp_dropdown_wrap .mypd_head .user_name { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.header .myp_dropdown_wrap .mypd_head .login_time .info_text { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); color: #666; font-size: clamp(12px, 0.78125vw, 15px); }
.header .myp_dropdown_wrap .mypd_head .login_time .time_area { display: flex; align-items: center; justify-content: space-between; }
.header .myp_dropdown_wrap .mypd_head .login_time .time_area .time { color: var(--color-primary-80); font-size: clamp(12px, 0.78125vw, 15px); }
.header .myp_dropdown_wrap .mypd_head .login_time .time_area .time .cm_icon { gap: 2px; line-height: 1; }
.header .myp_dropdown_wrap .mypd_head .login_time .time_area .time .cm_icon:before { width: 16px; }
.header .myp_dropdown_wrap .mypd_head .login_time .time_area .login_more_btn { display: flex; align-items: center; justify-content: center; height: 26px; padding: 0 clamp(4.8px, 0.3125vw, 6px); border: 1px solid #ccc; border-radius: 50px; background: #f2f2f2; font-size: clamp(12px, 0.78125vw, 15px); }
.header .myp_dropdown_wrap .mypd_body { padding: clamp(6.4px, 0.4166666667vw, 8px); }
.header .myp_dropdown_wrap .mypd_body .mypd_menu_list .mypd_menu_item > a { display: flex; align-items: center; height: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(9.6px, 0.625vw, 12px) 0 clamp(10.4px, 0.6770833333vw, 13px); border-radius: 6px; transition: background 0.15s; }
.header .myp_dropdown_wrap .mypd_body .mypd_menu_list .mypd_menu_item > a:hover { background: #bde6da; }
.header .myp_dropdown_wrap .mypd_foot { border-top: 1px solid #ccc; }
.header .myp_dropdown_wrap .mypd_foot .mypd_logout_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(38.4px, 2.5vw, 48px); }
.header .search_layer { --inner: 840px; display: none; z-index: 10; position: fixed; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; width: 100dvw; height: 100dvh; overflow: hidden; background: #fff; }
.header .search_layer .search_layer_header_top { display: flex; position: relative; flex-direction: row-reverse; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.header .search_layer .search_layer_header { padding: 80px 0 40px 0; background-color: var(--color-background-primary); }
.header .search_layer .search_layer_title { color: #fff; font-weight: bold; font-size: 32px; letter-spacing: var(--typo-letter-spacing-1); }
.header .search_layer .search_layer_input_wrap { position: relative; }
.header .search_layer .search_layer_input { height: 64px; padding-right: 96px; padding-left: 24px; border-radius: 1000px; border-color: transparent; }
.header .search_layer .search_layer_input:focus-visible { outline: 2px dashed #fff; }
.header .search_layer .btn_cross { position: absolute; top: 50%; right: 64px; width: 20px; height: 20px; transform: translateY(-50%); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.header .search_layer .search_layer_search_btn { position: absolute; top: 50%; right: 24px; aspect-ratio: 1/1; width: 32px; transform: translateY(-50%); }
.header .search_layer .search_layer_search_btn span { display: block; width: 100%; height: 100%; background-color: var(--color-icon-primary); -webkit-mask-image: url("../../images/common/icon_search.svg"); mask-image: url("../../images/common/icon_search.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.header .search_layer .search_layer_content { display: flex; flex-grow: 1; flex-direction: column; padding: 40px 0; overflow: hidden; }
.header .search_layer .search_layer_content > .inner { display: flex; position: relative; flex-grow: 1; min-height: 0; gap: 0 40px; }
.header .search_layer .search_layer_content > .inner:before { position: absolute; top: 0; bottom: 0; left: 48%; width: 1px; background-color: #ccc; content: ""; }
.header .search_layer .search_section_header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; margin-bottom: 24px; }
.header .search_layer .search_section_title { color: #333; font-weight: bold; font-size: 24px; letter-spacing: var(--typo-letter-spacing-0); }
.header .search_layer .popular_services { display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; }
.header .search_layer .popular_services_list { display: flex; flex-grow: 1; flex-direction: column; min-height: 0; overflow-y: auto; gap: 16px 0; }
.header .search_layer .popular_services_list .service_item { display: inline-flex; align-items: center; padding-right: 2px; gap: 0 10px; }
.header .search_layer .popular_services_list .service_item:focus-visible { outline-offset: -2px; }
.header .search_layer .service_rank { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 28px; border: 1px solid var(--color-border-green); border-radius: 4px; background: var(--color-background-green); color: var(--color-text-primary-dark); }
.header .search_layer .service_name { line-height: 1.3; }
.header .search_layer .recent_searches { display: flex; flex: 1 1 0; flex-direction: column; min-height: 0; }
.header .search_layer .recent_searches_content { flex-grow: 1; min-height: 0; overflow-y: auto; }
.header .search_layer .recent_searches_content ul { display: flex; flex-direction: column; gap: 18px 0; }
.header .search_layer .recent_searches_content ul > li { display: flex; align-items: center; justify-content: space-between; gap: 0 10px; line-height: 1.3; }
.header .search_layer .recent_searches_content ul > li > a:focus-visible { outline-offset: -2px; }
.header .search_layer .search_layer_close { position: relative; left: 12%; flex-shrink: 0; aspect-ratio: 1/1; width: 40px; }
.header .search_layer .search_layer_close span { display: block; width: 100%; height: 100%; overflow: hidden; background-color: #fff; text-indent: 100%; white-space: nowrap; -webkit-mask-image: url("../../images/common/icon_cross.svg"); mask-image: url("../../images/common/icon_cross.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.header .search_layer .clear_all_btn { display: flex; align-items: center; gap: 0 10px; }
.header .search_layer .clear_all_btn:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 20px; border-radius: 1000px; background: url(../../images/common/icon_cross.svg) no-repeat center/80%; background-color: #ccc; content: ""; }
.header .search_layer .delete_btn { position: relative; flex-shrink: 0; aspect-ratio: 1/1; width: 20px; overflow: hidden; border-radius: 1000px; background: url(../../images/common/icon_cross.svg) no-repeat center/80%; background-color: #ccc; text-indent: 100%; }
.header .search_layer .delete_btn:focus-visible { outline-offset: -2px; }
.header .search_layer.active { display: flex; }

/* sitemap */
.sitemap_layer { z-index: 101; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding: 4rem 0; overflow: hidden; background: #fff; }
.sitemap_layer .sitemap_container { display: flex; flex-direction: column; height: 100%; }
.sitemap_layer .sitemap_head_area .inner { border-bottom: 2px solid #4d4d4d; }
.sitemap_layer .sitemap_head_area .head_top { display: flex; align-items: center; justify-content: space-between; }
.sitemap_layer .sitemap_head_area .sitemap_title { font-weight: 700; font-size: clamp(20px, 1.25vw, 24px); }
.sitemap_layer .sitemap_head_area .right_side { display: flex; align-items: center; gap: clamp(20px, 1.6666666667vw, 32px); }
.sitemap_layer .sitemap_head_area .input_wrap { position: relative; padding: 1rem 1.6rem; padding-right: 8.4rem; border: 1px solid #999; border-radius: 0.6rem; }
.sitemap_layer .sitemap_head_area .input_wrap .form_control { height: 2.6rem; min-height: 2.6rem; padding: 0; border: 0; border-radius: 0; outline-offset: 4px; }
.sitemap_layer .sitemap_head_area .input_wrap .sitemap_search_btn { position: absolute; top: 50%; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); }
.sitemap_layer .sitemap_head_area .input_wrap .sitemap_search_btn.del { right: 5rem; border-radius: 50%; background: #eaeaea url(../../images/common/icon_cross.svg) no-repeat center/16px; }
.sitemap_layer .sitemap_head_area .input_wrap .sitemap_search_btn.search { right: 1.6rem; background: url(../../images/common/icon_search.svg) no-repeat center/contain; }
.sitemap_layer .sitemap_head_area .sitemap_close { display: flex; width: clamp(24px, 1.6666666667vw, 32px); height: clamp(24px, 1.6666666667vw, 32px); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.sitemap_layer .sitemap_head_area .head_bottom { margin-top: clamp(20px, 1.6666666667vw, 32px); margin-bottom: clamp(20px, 1.6666666667vw, 32px); }
.sitemap_layer .sitemap_depth1_list { display: flex; flex-wrap: wrap; gap: 1rem; }
.sitemap_layer .sitemap_depth1_list .sitemap_depth1_link { display: flex; align-items: center; justify-content: center; height: clamp(38px, 2.7083333333vw, 52px); padding: 0 clamp(16px, 1.25vw, 24px); border-radius: 0.6rem; background: #f2f2f2; font-size: clamp(16px, 0.9895833333vw, 19px); transition: background 0.15s, color 0.15s; }
.sitemap_layer .sitemap_depth1_list .sitemap_depth1_link:hover,
.sitemap_layer .sitemap_depth1_list .sitemap_depth1_item.active .sitemap_depth1_link { background: var(--color-primary-80); color: #fff; font-weight: 700; }
.sitemap_layer .sitemap_content_area { flex: 1 1 0; overflow: auto; }
.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item { display: flex; align-items: center; padding: 4rem 0; gap: 20px clamp(64px, 4.1666666667vw, 80px); border-bottom: 1px solid #ccc; }
.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .title_area { width: 260px; }
.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .depth2_title { margin-bottom: 8px; font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .depth2_desc { color: #666; font-size: clamp(15px, 0.8854166667vw, 17px); }
.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .children_area { flex: 1 1 0; min-width: 0; }
.sitemap_layer .sitemap_depth3_list { display: flex; flex-wrap: wrap; width: 100%; gap: 8px; }
.sitemap_layer .sitemap_depth3_list .sitemap_depth3_item { width: calc(25% - 6px); }
.sitemap_layer .sitemap_depth3_list .sitemap_depth3_link { display: flex; position: relative; align-items: center; width: 100%; padding: 0.8rem 1.2rem; padding-left: 2.4rem; border-radius: 0.6rem; transition: background 0.15s, color 0.15s; }
.sitemap_layer .sitemap_depth3_list .sitemap_depth3_link:before { position: absolute; top: calc(50% - 2px); left: 1.2rem; width: 4px; height: 4px; border-radius: 10px; background: #4d4d4d; content: ""; }
.sitemap_layer .sitemap_depth3_list .sitemap_depth3_link:hover { background: #f6fbf9; color: var(--color-primary-80); font-weight: 700; }
.job_fair_layer { display: block; visibility: hidden; z-index: 101; position: fixed; top: 0; right: 0; width: 100vw; height: 100vh; overflow: hidden; pointer-events: none; transition: visibility 0.4s; }
.job_fair_layer .dim { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); opacity: 0; transition: opacity 0.35s ease; }
.job_fair_layer.active { visibility: visible; pointer-events: auto; }
.job_fair_layer.active .dim { opacity: 1; }
.job_fair_layer .job_fair_container { display: flex; z-index: 1; position: absolute; top: 0; right: 0; flex-direction: column; width: calc(100% - 60px); max-width: 830px; height: 100%; transform: translate3d(100%, 0, 0); background: #fff; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); will-change: transform; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.job_fair_layer.active .job_fair_container { transform: translate3d(0, 0, 0); }
.job_fair_layer .job_fair_container .job_fair_body { flex: 1 1 0; min-height: 0; overflow: auto; }
.job_fair_layer .job_fair_head { display: flex; align-items: center; justify-content: space-between; padding: 3rem 4rem 1.2rem; }
.job_fair_layer .job_fair_head .title { font-weight: 700; font-size: clamp(22px, 1.4583333333vw, 28px); }
.job_fair_layer .job_fair_head .btn_close { display: flex; width: clamp(24px, 1.6666666667vw, 32px); height: clamp(24px, 1.6666666667vw, 32px); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.job_fair_layer .job_fair_body { padding: 1.2rem 4rem 3rem; }
.job_fair_layer .job_fair_body .overview_area { display: flex; justify-content: space-between; padding-bottom: clamp(16px, 1.25vw, 24px); gap: 20px 40px; }
.job_fair_layer .job_fair_body .overview_area .calendar_area { width: 56%; }
.job_fair_layer .job_fair_body .overview_area .fair_overview { display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; min-width: 0; gap: 1.6rem; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card { display: flex; flex: 1 1 0; flex-direction: column; justify-content: space-between; min-height: 0; padding: clamp(16px, 1.25vw, 24px); border-radius: 1.6rem; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card .card_title { font-weight: 700; font-size: 19px; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.month { background: var(--color-primary-80); color: #fff; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.month .card_title { margin-bottom: 16px; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.month .card_content { font-size: 19px; text-align: right; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.month .card_content .num { font-weight: 700; font-size: clamp(40px, 3.125vw, 60px); }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.location { padding-bottom: clamp(24px, 2.0833333333vw, 40px); background: #f2f2f2; }
.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.location .card_title { margin-bottom: 24px; }
.job_fair_layer .job_fair_body .selected_content_area { padding-top: 24px; border-top: 1px solid #000; }
.job_fair_layer .job_fair_body .selected_content_area .selected_content_title { margin-bottom: 16px; font-weight: 700; font-size: 19px; }
.job_map_wrap,
.page__noneLayout_wrap,
.page__job_map { display: flex; width: 100%; height: 100vh; overflow: hidden; }
.page__job_map .search_area { display: flex; z-index: 2; flex-direction: column; width: 360px; box-shadow: 1px 0 10px 0 rgba(0, 0, 0, 0.25); }
.page__job_map .search_area .search_wrap_head { padding: 2.4rem 2.4rem 1.6rem; background: var(--linear-green, linear-gradient(90deg, #11785c 0%, #0d6b6b 100%)); color: #fff; }
.page__job_map .search_area .search_wrap_head .btn_filter { padding: 2px 6px; border-radius: 4px; background: #0c5946; }
.page__job_map .search_area .search_wrap_head .cm_multiChip_list { display: none; }
.page__job_map .search_area .search_wrap_head .cm_multiChip_list.active { display: flex; }
.page__job_map .search_area .search_wrap_body { display: flex; position: relative; flex-direction: column; height: 100%; }
.page__job_map .search_area .search_wrap_body .body_inner { display: flex; flex-direction: column; height: 100%; overflow: auto; }
.page__job_map .search_area .search_wrap_body .body_inner .cm_overview10 { flex: 1 1 0; overflow: auto; }
.page__job_map .search_area .search_wrap_body .btn_search_body_toggle { display: none; position: absolute; top: -28px; left: 50%; width: 68px; height: 28px; transform: translateX(-50%); border: 1px solid #ccc; border-bottom: 0; border-radius: 8px 8px 0 0; background: #fff url(../../images/common/icon_arrow_drop_up.svg) no-repeat center/clamp(18px, 1.1458333333vw, 22px); }
.page__job_map .map_area { position: relative; flex: 1 1 0; min-width: 0; background: lightgray; }
.page__job_map .map_area .map_filter_btns { z-index: 5; position: absolute; top: clamp(24px, 1.6666666667vw, 32px); left: clamp(24px, 1.6666666667vw, 32px); }
.page__job_map .map_area .map { position: relative; width: 100% !important; height: 100% !important; }
.page__job_map .map_area .map .map_marker { position: absolute; }
.page__job_map .map_area .map .map_marker .bubble { display: inline-flex; z-index: 2; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; height: 29px; padding: 0 clamp(6px, 0.5208333333vw, 10px); transform: translateY(-3.3rem); border-radius: 50px; background: #fff; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); color: var(--color-primary-80); font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.page__job_map .map_area .map .map_marker .bubble:after { z-index: -1; position: absolute; top: calc(100% - 8px); left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg); background: #fff; content: ""; }
.page__job_map .map_area .map .map_marker:after { position: absolute; bottom: 0; left: 50%; width: 3.2rem; height: 3.2rem; transform: translateX(-50%); background: url(../../images/common/map_marker.svg) no-repeat center/contain; content: ""; }
.page__job_map .map_info_layer { position: absolute; top: 0; right: 0; width: 460px; height: 100vh; transform: translateX(460px); background: #fff; transition: transform 0.25s ease; }
.page__job_map .map_info_layer.is-open { transform: translateX(0); }
.page__job_map .map_info_layer[hidden] { display: none; }
.page__job_map .map_info_layer .map_layer_inner { display: flex; flex-direction: column; height: 100%; }
.page__job_map .map_info_layer .layer_head { position: relative; padding: clamp(8px, 0.8333333333vw, 16px) clamp(16px, 1.25vw, 24px); }
.page__job_map .map_info_layer .layer_head .btn_close { display: flex; position: absolute; top: clamp(8px, 0.8333333333vw, 16px); right: clamp(16px, 1.25vw, 24px); align-items: center; justify-content: center; width: clamp(20px, 1.25vw, 24px); height: clamp(20px, 1.25vw, 24px); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.page__job_map .map_info_layer .layer_body { flex: 1 1 0; overflow: auto; }
.page__job_map .map_info_layer .layer_info_group { display: flex; flex-direction: column; }
.page__job_map .map_info_layer .layer_info_group .group_title { padding: clamp(8px, 0.625vw, 12px) clamp(12px, 1.25vw, 24px); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f2f2f2; }
.page__job_map .map_info_layer .layer_info_group .group_title .cm_title { position: relative; padding-left: clamp(25.6px, 1.6666666667vw, 32px); }
.page__job_map .map_info_layer .layer_info_group .group_title .cm_title:before { position: absolute; top: 50%; left: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.page__job_map .map_info_layer .layer_info_group .group_title .cm_title.type01:before { background-image: url(../../images/common/icon07.svg); }
.page__job_map .map_info_layer .layer_info_group .group_title .cm_title.type02:before { background-image: url(../../images/common/icon08.svg); }
.page__job_map .map_info_layer .layer_info_group .group_title .cm_title.type03:before { background-image: url(../../images/common/icon09.svg); }
.page__job_map .map_info_layer .layer_info_group .group_body { flex: 1 1 0; padding: clamp(8px, 0.8333333333vw, 16px) clamp(12px, 0.8333333333vw, 16px); }
.page__job_map .page_title { margin-bottom: 1.6rem; }
.page__job_map .page_title .title_badge { display: inline-block; margin-bottom: 4px; padding: 2px 6px; border-radius: 4px; background: var(--color-primary-90); color: #bde6da; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
.page__job_map .page_title .title { display: block; font-weight: 700; font-size: clamp(20px, 1.25vw, 24px); }
.page__job_map .input_wrap { position: relative; padding-right: 5rem; border-radius: 0.8rem; background: #fff; }
.page__job_map .input_wrap .form_control { width: 100%; max-width: 100%; border: 0; }
.page__job_map .input_wrap .btn_search { position: absolute; top: 50%; right: 1.6rem; width: 2.4rem; height: 2.4rem; transform: translateY(-50%); background: url(../../images/common/icon_search.svg) no-repeat center/contain; }
.page__job_map .input_wrap .btn_reset2 { margin-top: 1rem; text-align: right; }

/* footer */
.footer { padding: clamp(32px, 2.0833333333vw, 40px) 0; background-color: #333; color: var(--color-gray-10); }
.footer .footer_logo { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
.footer .footer_logo img { width: clamp(200px, 16.5625vw, 318px); }
.footer .footer_address { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(19.2px, 1.25vw, 24px); padding-bottom: clamp(19.2px, 1.25vw, 24px); gap: clamp(15px, 1.25vw, 24px); border-bottom: 1px solid var(--color-gray-70); }
.footer .footer_address .info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_actions { flex-shrink: 0; }
.footer .copyright { font-size: clamp(13px, 0.78125vw, 15px); }
.footer .actions_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_menu_list { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: clamp(19.2px, 1.25vw, 24px); gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(30px, 3.3854166667vw, 65px); }
.footer .footer_menu_list > li { position: relative; font-size: clamp(14px, 0.78125vw, 15px); }
.footer .footer_menu_list > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(15px, 1.6927083333vw, 32.5px)); width: 1px; height: clamp(9.6px, 0.625vw, 12px); transform: translateY(-50%); background-color: var(--color-gray-70); content: ""; }
.footer .footer_menu_list > li:last-child:before { display: none; }
.footer a:focus-visible { outline-color: #fff; }

/* layout */
.inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.sub_page { padding: clamp(32px, 2.0833333333vw, 40px) 0 clamp(80px, 5.2083333333vw, 100px) 0; }
html { scroll-padding-bottom: calc(var(--floating-btn-bottom-offset, 0px) + env(safe-area-inset-bottom) + 20px); scroll-padding-top: calc(var(--quickmenu-top-offset, 0px) + 20px); }
.real_content:has(.cm_floating_btn) { padding-bottom: var(--floating-btn-bottom-offset, 0px); }
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
a:focus-visible,
button:focus-visible,
[tabindex]:focus-visible { scroll-margin-bottom: calc(var(--floating-btn-bottom-offset, 0px) + env(safe-area-inset-bottom) + 20px); scroll-margin-top: calc(var(--quickmenu-top-offset, 0px) + 20px); }

/* 상단 배너영역 */
.cm_masthead { z-index: 70; position: relative; background-color: #eee; }
.cm_masthead .inner { display: flex; position: relative; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; min-height: 32px; padding-top: 4px; padding-bottom: 4px; gap: 4px 16px; }
.cm_masthead .nuri_txt { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 4px 8px; font-size: 15px; word-break: break-all; }
.cm_masthead .nuri_txt:before { display: inline-flex; width: 24px; height: 24px; background-image: url(../../images/common/icon_flag.svg); background-size: contain; background-repeat: no-repeat; content: ""; forced-color-adjust: none; }
.cm_masthead .nuri_txt .point { display: inline-flex; align-items: center; padding: 2px 8px; border: 1px solid var(--color-point-80); border-radius: 3px; background: #fff; color: var(--color-point-80); font-weight: bold; font-size: 14px; line-height: 1.4; letter-spacing: 0.02em; vertical-align: middle; white-space: nowrap; }

/* 사이드바 */
.cm_sidebar { display: flex; gap: 0 clamp(32px, 2.0833333333vw, 40px); }
.cm_sidebar .sidebar_nav { flex-shrink: 0; width: clamp(198.4px, 12.9166666667vw, 248px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_sidebar .sidebar_wrap { border: 1px solid var(--color-border-gray); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_sidebar .sidebar_title { display: flex; position: relative; top: -1px; left: -1px; align-items: center; justify-content: center; width: calc(100% + 2px); height: clamp(92.8px, 6.0416666667vw, 116px); overflow: hidden; border-radius: 0 0 clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px); background: linear-gradient(90deg, #11785c 0%, #0d6b6b 100%); }
.cm_sidebar .sidebar_title:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: inherit; background-image: url(../../images/common/sidebar_bg.png); background-position: right top; background-repeat: no-repeat; content: ""; }
.cm_sidebar .sidebar_title span { position: relative; color: #fff; font-weight: bold; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_sidebar .sidebar_menu { padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px); }
.cm_sidebar .sidebar_menu > li > a { display: flex; position: relative; align-items: center; justify-content: space-between; padding: clamp(12.8px, 0.8333333333vw, 16px) 0; gap: clamp(6.4px, 0.4166666667vw, 8px); border-bottom: 1px solid var(--color-border-gray); font-weight: bold; font-size: clamp(15.2px, 0.9895833333vw, 19px); word-break: keep-all; }
.cm_sidebar .sidebar_menu > li:last-child > a { border-bottom: none; }
.cm_sidebar .sidebar_menu > li:last-child > a:before { display: none; }
.cm_sidebar .sidebar_menu > li > a[target=_blank]:after { display: block; position: absolute; top: 50%; right: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_link03.svg) no-repeat center/contain; content: ""; }
.cm_sidebar .sidebar_menu > li.active > a:before { display: block; position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; background-color: var(--color-primary-60); content: ""; }
.cm_sidebar .sidebar_menu > li.active > a:after { background-color: var(--color-primary-80); -webkit-mask-image: url("../../images/common/icon_nav_arrow.svg"); mask-image: url("../../images/common/icon_nav_arrow.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; display: block; position: absolute; top: 50%; right: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); content: ""; mask-position: center; }
.cm_sidebar .sidebar_menu > li.active > a { padding-right: clamp(24px, 1.5625vw, 30px); color: var(--color-primary-80); }
.cm_sidebar .sidebar_depth3 { display: flex; flex-direction: column; padding-top: clamp(12.8px, 0.8333333333vw, 16px); padding-bottom: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(9.6px, 0.625vw, 12px) 0; }
.cm_sidebar .sidebar_depth3 > li > a { display: flex; position: relative; align-items: center; padding-left: clamp(24px, 1.5625vw, 30px); line-height: 1.3; }
.cm_sidebar .sidebar_depth3 > li > a:before { display: block; position: absolute; top: 50%; left: clamp(12.8px, 0.8333333333vw, 16px); aspect-ratio: 1/1; width: 4px; transform: translateY(-50%); border-radius: 1000px; background-color: #333; content: ""; }
.cm_sidebar .sidebar_depth3 > li.active > a { font-weight: bold; }
.cm_sidebar .sidebar_content { flex: 1; min-width: 0; }
.cm_sidebar .sub_page_content > .inner { padding-right: 0; padding-left: 0; }

/* 페이지 내 탐색 */
.cm_inpage_navigation { display: grid; grid-template-rows: auto 1fr; grid-template-columns: 1fr 160px; column-gap: clamp(32px, 2.0833333333vw, 40px); align-items: start; }
.cm_inpage_navigation .inpage_content_head { grid-row: 1; grid-column: 1; min-width: 0; }
.cm_inpage_navigation .inpage_navigation_area { display: flex; z-index: 1; position: sticky; top: calc(var(--quickmenu-top-offset) + 30px); grid-row: 1/3; grid-column: 2; flex-shrink: 0; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 160px; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_inpage_navigation .inpage_content { grid-row: 2; grid-column: 1; min-width: 0; }
.cm_inpage_navigation .inpage_navigation_area > * { width: 100%; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_header { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_header .quick_caption { font-size: 13px; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_header .quick_title { color: #131416; font-weight: 700; font-size: 17px; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list ul { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li { width: 100%; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li > a { display: block; position: relative; padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px); border-radius: 4px; color: #464c53; font-size: 15px; transition: 0.4s ease-in-out; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li > a:hover { background-color: var(--color-button-tertiary-hover); }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li > a.active { background-color: var(--color-button-tertiary-hover); color: var(--color-text-primary); font-weight: 700; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_action { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_action .cm_btn { font-size: clamp(14px, 0.8854166667vw, 17px); letter-spacing: -1px; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_action .krds_btn { width: 100%; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_action .quick_info { color: #464c53; font-size: 15px; }
.cm_inpage_navigation .inpage_navigation_area .inpage_navigation_action .cm_icon.wish { --icon-gap: 4; }

/* 퀵메뉴 */
.cm_quick_menu { z-index: 11; position: fixed; top: calc(var(--quickmenu-top-offset) + 30px); right: 5%; }
.cm_quick_menu .quick_menu_list { display: flex; flex-direction: column; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(12.8px, 0.8333333333vw, 16px); padding-bottom: clamp(36.8px, 2.3958333333vw, 46px); gap: clamp(12.8px, 0.8333333333vw, 16px) 0; border: 1px solid var(--color-border-gray); border-radius: 1000px; background-color: #fff; }
.cm_quick_menu .quick_menu_list > li { font-size: clamp(14px, 0.78125vw, 15px); text-align: center; white-space: nowrap; }
.cm_quick_menu .quick_menu_list > li > a { display: block; }
.cm_quick_menu .quick_menu_list .quick_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; height: clamp(51.2px, 3.3333333333vw, 64px); margin: 0 auto; margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid #b9b9b9; border-radius: 1000px; }
.cm_quick_menu .quick_menu_list .quick_icon:hover { border-color: var(--color-border-primary); background-color: var(--color-background-primary-lightest); }
.cm_quick_menu .quick_menu_list .quick_icon:before { display: block; aspect-ratio: 1/1; width: 43.75%; background-size: contain; content: ""; }
.cm_quick_menu .quick_menu_list > li.list1 .quick_icon:before { background-color: #333; -webkit-mask-image: url("../../images/common/icon_quick01.svg"); mask-image: url("../../images/common/icon_quick01.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list2 .quick_icon:before { background-color: #333; -webkit-mask-image: url("../../images/common/icon_quick02.svg"); mask-image: url("../../images/common/icon_quick02.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list3 .quick_icon:before { background-color: #333; -webkit-mask-image: url("../../images/common/icon_quick03.svg"); mask-image: url("../../images/common/icon_quick03.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list4 .quick_icon:before { background-color: #333; -webkit-mask-image: url("../../images/common/icon_quick04.svg"); mask-image: url("../../images/common/icon_quick04.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list1 .quick_icon:hover:before { background-color: var(--color-primary-70); -webkit-mask-image: url("../../images/common/icon_quick01.svg"); mask-image: url("../../images/common/icon_quick01.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list2 .quick_icon:hover:before { background-color: var(--color-primary-70); -webkit-mask-image: url("../../images/common/icon_quick02.svg"); mask-image: url("../../images/common/icon_quick02.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list3 .quick_icon:hover:before { background-color: var(--color-primary-70); -webkit-mask-image: url("../../images/common/icon_quick03.svg"); mask-image: url("../../images/common/icon_quick03.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_list > li.list4 .quick_icon:hover:before { background-color: var(--color-primary-70); -webkit-mask-image: url("../../images/common/icon_quick04.svg"); mask-image: url("../../images/common/icon_quick04.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.cm_quick_menu .quick_menu_top_btn { display: flex; position: absolute; top: calc(100% - clamp(24px, 1.5625vw, 30px)); left: 50%; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; height: clamp(73.6px, 4.7916666667vw, 92px); transform: translateX(-50%); border-radius: 1000px; background-color: var(--color-secondary-80); color: #fff; font-weight: 500; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.cm_quick_menu .quick_menu_top_btn:before { display: block; aspect-ratio: 1/1; height: clamp(19.2px, 1.25vw, 24px); background-color: #fff; content: ""; -webkit-mask-image: url("../../images/common/icon_arrow_top.svg"); mask-image: url("../../images/common/icon_arrow_top.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }

/* 글자 크게 설정 시 퀵메뉴 조정 */
body.font-size-xlg .cm_quick_menu { right: 2%; transform: scale(0.85); transform-origin: right center; }

/* breadcrumb */
.cm_breadcrumb .nav_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); }
.cm_breadcrumb .nav_list > li { position: relative; font-weight: 400; font-size: var(--font_size15); }
.cm_breadcrumb .nav_list > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(7.5px, 0.78125vw, 15px)); aspect-ratio: 1/1; width: clamp(15px, 0.9375vw, 18px); transform: translate(-50%, -50%); background: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; content: ""; }
.cm_breadcrumb .nav_list > li:last-child:before { display: none; }
.cm_breadcrumb .nav_list > li > a,
.cm_breadcrumb .nav_list > li > a span { text-decoration: underline; }
.cm_breadcrumb .nav_list > li.home .cm_icon.home:before { position: relative; top: -1px; }
.sub_page_head { display: flex; flex-direction: column; margin-bottom: clamp(20px, 1.875vw, 36px); padding-top: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(12.8px, 0.8333333333vw, 16px) 0; }
.sub_page_head .sub_page_head_title { flex: 1; font-weight: 700; font-size: clamp(26px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: clamp(0.8px, 0.0520833333vw, 1px); }

/* 관련 사이트 */
.cm_site_info { border-top: 1px solid var(--color-border-gray); }
.cm_site_info .site_list_wrap { display: flex; position: relative; }
.cm_site_info .site_list_wrap > li { flex: 1 1 0; border-right: 1px solid var(--color-border-gray); }
.cm_site_info .site_list_wrap > li:first-child { border-left: 1px solid var(--color-border-gray); }
.cm_site_info .site_list_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: clamp(52px, 3.3854166667vw, 65px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 600; font-size: clamp(15px, 0.9375vw, 18px); line-height: 1.3; text-align: left; word-break: keep-all; }
.cm_site_info .site_list_btn:focus-visible { outline-offset: -2px; }
.cm_site_info .site_list_btn:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); background-image: url(../../images/common/icon_plus.svg); background-size: contain; background-repeat: no-repeat; content: ""; transition: transform 0.2s ease; }
.cm_site_info .site_list_btn:hover { color: var(--color-primary-80); }
.cm_site_info .site_list { display: none; z-index: 10; position: absolute; right: 0; bottom: 100%; left: 0; flex-direction: column; padding: clamp(14px, 0.9375vw, 18px); overflow: hidden; gap: clamp(8px, 0.5208333333vw, 10px); border: 1px solid var(--color-border-gray); background: #fff; }
.cm_site_info .site_list.open-up { top: auto; bottom: 100%; }
.cm_site_info .site_list_title { flex-shrink: 0; padding-bottom: clamp(8px, 0.5208333333vw, 10px); border-bottom: 1px solid var(--color-border-gray); color: var(--color-primary-80); font-weight: 700; font-size: clamp(16px, 1.0417vw, 20px); }
.cm_site_info .site_list_items { display: grid; grid-template-columns: repeat(4, 1fr); }
.cm_site_info .site_list_items > li > a { display: block; padding: 6px 0; font-weight: 600; font-size: clamp(14px, 0.8333vw, 16px); line-height: 1.2; transition: color 0.15s ease; }
.cm_site_info .site_list_items > li > a:hover { color: var(--color-primary-80); text-decoration: underline; }
.cm_site_info .site_list_wrap > li.active .site_list_btn { color: var(--color-primary-80); }
.cm_site_info .site_list_wrap > li.active .site_list_btn:after { transform: rotate(180deg); background-image: url(../../images/common/icon_minus.svg); }

/* 글자크기 설정 */
.cm_font_sample { display: inline-flex; position: relative; }
.cm_font_sample .drop_menu { display: none; z-index: 6; position: absolute; top: 100%; right: 0; min-width: 150px; margin-top: 16px; padding: 8px; border: 1px solid #999; border-radius: 8px; background-color: #fff; box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.0509803922), 0 4px 8px 0 rgba(0, 0, 0, 0.0784313725); }
.cm_font_sample .drop_menu:before { display: block; position: absolute; right: 30%; bottom: 100%; width: 12px; height: 12px; margin-bottom: -5px; margin-left: -6px; transform: rotate(-135deg); border: 1px solid #999; border-top-color: transparent; border-left-color: transparent; background-color: #fff; content: ""; }
.cm_font_sample .drop_menu .drop_in { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 8px; }
.cm_font_sample .drop_menu .drop_list { width: 100%; }
.cm_font_sample .drop_menu .drop_list .item_link { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; width: 100%; height: 48px; padding: 0 16px; gap: 8px; border-radius: 6px; background-color: #fff; color: #1e2124; font-size: 17px; }
.cm_font_sample .drop_menu .drop_list .item_link:hover { background-color: var(--color-primary-10); }
.cm_font_sample .drop_menu .drop_list .item_link.active { background-color: var(--color-primary-10); }
.cm_font_sample .drop_list .item_link { white-space: nowrap; }
.cm_font_sample .drop_list .item_link:before { flex-shrink: 0; width: 24px; height: 24px; border: 1px solid #ccc; background: url(../../images/common/icon_font_sample.svg) no-repeat center/contain; background-color: #fff; content: ""; }
.cm_font_sample .drop_list .item_link.active:before { border-color: var(--color-primary-80); background-image: url(../../images/common/icon_font_sample_white.svg); background-color: var(--color-primary-80); }
.cm_font_sample .drop_list .item_link.sm:before { width: 22px; height: 22px; }
.cm_font_sample .drop_list .item_link.md:before { width: 24px; height: 24px; }
.cm_font_sample .drop_list .item_link.lg:before { width: 26px; height: 26px; }
.cm_font_sample .drop_list .item_link.xlg:before { width: 28px; height: 28px; }
.cm_font_sample .drop_list .item_link.xxlg:before { width: 30px; height: 30px; }

/* 페이지 섹션 */
.cm_page_section { display: flex; flex-direction: column; gap: clamp(38.4px, 2.5vw, 48px) 0; }

/* 플로팅 버튼 */
.cm_floating_btn { z-index: 10; position: fixed; bottom: 0; left: 0; width: 100%; padding: clamp(16px, 1.25vw, 24px); border-top: 2px solid #333; background-color: #fff; }
.cm_floating_btn.unfixed { transform: translateY(100%); opacity: 0; pointer-events: none; transition: opacity 0.2s, transform 0.2s; }
.cm_floating_btn.is_visible { transform: translateY(0); opacity: 1; pointer-events: auto; }
.cm_floating_btn > .inner { display: flex; align-items: center; justify-content: space-between; }
.cm_floating_btn .floating_btn_list { display: flex; }
.cm_floating_btn .floating_btn_list > li { position: relative; }
.cm_floating_btn .floating_btn_list > li:before { display: block; position: absolute; top: 50%; right: -1px; width: 1px; height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background-color: var(--color-border-gray); content: ""; }
.cm_floating_btn .floating_btn_list > li:last-child:before { display: none; }
.cm_floating_btn .floating_btn_list > li.active:before { display: none; }
.cm_floating_btn .floating_btn_list > li > a,
.cm_floating_btn .floating_btn_list > li > button,
.cm_floating_btn .floating_btn_list > li > .floating_btn { display: flex; align-items: center; justify-content: center; height: clamp(36.8px, 2.3958333333vw, 46px); padding: 0 clamp(10px, 0.8333333333vw, 16px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); }
.cm_floating_btn .floating_btn_list > li.active > a,
.cm_floating_btn .floating_btn_list > li.active > button,
.cm_floating_btn .floating_btn_list > li.active > .floating_btn { background-color: var(--color-background-primary-lighter); color: var(--color-primary-80); font-weight: bold; }
.cm_floating_btn .floating_btn_list.type2 .floating_btn { gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_layout1 { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_layout2 { display: grid; grid-template-columns: 4fr 6fr; width: 100%; gap: clamp(19.2px, 1.25vw, 24px); }
.cm_img_zoom_wrap { text-align: center; }
.cm_chart_info { display: flex; gap: clamp(20px, 2.0833333333vw, 40px); }
.cm_chart_info .chart_info { width: 30%; }
.cm_chart_info .chart_info_group { display: flex; flex-direction: column; padding: clamp(22.4px, 1.4583333333vw, 28px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(40px, 2.6041666667vw, 50px) 0; border-radius: clamp(9.6px, 0.625vw, 12px); background-color: var(--color-background-gray-light); text-align: center; }
.cm_chart_info .chart_info_group > * { position: relative; }
.cm_chart_info .chart_info_group > *:before { display: block; position: absolute; top: calc(100% + clamp(20px, 1.3020833333vw, 25px)); right: 0; left: 0; height: 1px; background-color: var(--color-border-gray); content: ""; }
.cm_chart_info .chart_info_group > *:last-child:before { display: none; }
.cm_chart_info .chart_info_label { margin-bottom: clamp(9.6px, 0.625vw, 12px); color: var(--color-text-secondary); font-size: clamp(14px, 0.78125vw, 15px); }
.cm_chart_info .chart_info_value { font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.cm_chart_info .chart_info_value.increase { color: #e41c44; }
.cm_chart_info .chart_info_value.decrease { color: #096ab3; }
.cm_chart_info .chart_info_value.increase .cm_icon:before { background-image: url(../../images/common/icon_increase.svg); }
.cm_chart_info .chart_info_value.decrease .cm_icon:before { background-image: url(../../images/common/icon_decrease.svg); }
.cm_chart_info .chart_area { flex: 1; aspect-ratio: 573/234; min-width: 0; }

/* 메인 */
.main_page { position: relative; overflow: hidden; background: url(../../images/main/main_bg01.png) no-repeat center top; }
.main_page:before { position: absolute; top: clamp(192px, 12.5vw, 240px); left: clamp(216px, 14.0625vw, 270px); aspect-ratio: 119/1059; width: clamp(95.2px, 6.1979166667vw, 119px); background: url(../../images/main/main_bg03.png) no-repeat top center/contain; content: ""; }
.main_page .main_section { z-index: 1; position: relative; }
.main_page .inner { max-width: 1260px; }
.main_page .main_title .tit { display: block; position: relative; padding-right: clamp(32px, 2.0833333333vw, 40px); font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); }
.main_page .main_title a.tit:hover { text-decoration: underline; }
.main_page .main_title .tit:after { position: absolute; top: 50%; right: 0; width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); transform: translateY(-50%); background: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; content: ""; }
.main_page .section1 { text-align: center; }
.main_page .section1 .section_top { padding: clamp(64px, 4.1666666667vw, 80px) 0; }
.main_page .section1 .section_title { margin-bottom: clamp(19.2px, 1.25vw, 24px); font-weight: 700; font-size: clamp(33.6px, 2.1875vw, 42px); }
.main_page .section1 .section_title .highlight1 { color: var(--color-primary-80); }
.main_page .section1 .section_title .highlight1 em { position: relative; }
.main_page .section1 .section_title .highlight1 em:before { position: absolute; top: -12px; left: calc(50% - 5px); width: 9px; height: 9px; border-radius: 50px; background: #e41c44; content: ""; }
.main_page .section1 .section_title strong { color: var(--color-primary-80); font-size: clamp(46.4px, 3.0208333333vw, 58px); }
.main_page .section1 .section_title strong .highlight2 { color: var(--color-point-80); }
.main_page .section1 .search_text_area { position: relative; width: 100%; max-width: 590px; margin-right: auto; margin-left: auto; padding-right: clamp(24px, 1.5625vw, 30px); }
.main_page .section1 .search_text_area .search_input_wrap { display: flex; align-items: center; width: 100%; height: clamp(59.2px, 3.8541666667vw, 74px); padding: 0 clamp(25.6px, 1.6666666667vw, 32px); padding-right: clamp(60.8px, 3.9583333333vw, 76px); border: 2px solid #11785c; border-radius: 50px 50px 0 50px; background: #fff; }
.main_page .section1 .search_text_area .search_input_wrap .form_control { height: auto; min-height: 26px; border: 0; border-radius: 0; outline-offset: 4px; color: #4d4d4d; }
.main_page .section1 .search_text_area .btn_cross { position: absolute; top: 50%; right: clamp(54.4px, 3.5416666667vw, 68px); width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-50%); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.main_page .section1 .search_text_area .search_input_btn { display: block; position: absolute; top: 50%; right: 0; width: clamp(44.8px, 2.9166666667vw, 56px); height: clamp(44.8px, 2.9166666667vw, 56px); transform: translateY(-50%); border-radius: 50%; background: url(../../images/common/icon_search_wt.svg) no-repeat center/clamp(19.2px, 1.25vw, 24px), linear-gradient(90deg, #11785c 0%, #0d6b6b 100%); }
.main_page .section1 .section_bottom { background: rgba(255, 255, 255, 0.55); }
.main_page .section1 .tab_content_area { margin-top: -1px; padding: clamp(20px, 1.6666666667vw, 32px) 0; border: 1px solid #ccc; }
.main_page .section1 .tab_content_area .tab_content { display: none; }
.main_page .section1 .tab_content_area .tab_content.active { display: block; }
.main_page .section1 .tab_content_area .tab_content1 .cm_keyword_list { justify-content: center; }
.main_page .section1 .tab_content_area .tab_content1 .cm_keyword_list .keyword_item { height: clamp(43.2px, 2.8125vw, 54px); border-radius: 50px 50px 0 50px; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.main_page .section1 .tab_content_area .tab_content1 .cm_keyword_list .keyword_text { padding-top: 3px; }
.main_page .section1 .tab_content_area .tab_content1 .cm_keyword_list .keyword_item:hover { border-color: var(--color-border-primary-dark); background: #f6fbf9; color: #1e9175; }
.main_page .section1 .tab_content_area .tab_content2 .form_group2 .form_label { font-size: clamp(16px, 0.9895833333vw, 19px); text-align: left; }
.main_page .section1 .tab_content_area .tab_content2 .btn_area { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: clamp(24px, 1.7708333333vw, 34px); gap: 12px 24px; text-align: center; }
.main_page .section1 .tab_content_area .tab_content2 .btn_result_more { display: inline-flex; align-items: center; height: clamp(51.2px, 3.3333333333vw, 64px); padding: 0 clamp(24px, 1.6666666667vw, 32px); gap: clamp(16px, 1.25vw, 24px); border-radius: 50px 50px 0 50px; background: var(--color-point-80); color: #fff; font-weight: 300; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.main_page .section1 .tab_content_area .tab_content2 .btn_result_more .text { display: flex; align-items: center; gap: 4px; }
.main_page .section1 .tab_content_area .tab_content2 .btn_result_more .num { font-weight: 700; font-size: clamp(24px, 1.6666666667vw, 32px); }
.main_page .section1 .tab_content_area .tab_content2 .btn_result_more .icon { display: flex; align-items: center; justify-content: center; width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); background: url(../../images/common/icon_arrow_right_wt.svg) no-repeat center/contain; }
.main_page .section2 { z-index: 2; position: relative; padding: 8rem 0; }
.main_page .section2 .sec2_card_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 1.25vw, 24px); }
.main_page .section2 .sec2_card_list .card_item { position: relative; overflow: hidden; border-radius: clamp(12px, 0.8333333333vw, 16px); box-shadow: 0 16px 40px 0 rgba(10, 79, 60, 0.15); }
.main_page .section2 .sec2_card_list .default_box { display: flex; z-index: 0; position: relative; flex-direction: column; justify-content: space-between; aspect-ratio: 1/1; width: 100%; padding: clamp(20px, 1.6666666667vw, 32px); backdrop-filter: blur(50px); background: rgba(255, 255, 255, 0.6); }
.main_page .section2 .sec2_card_list .default_box .main_title .tit { display: inline-block; }
.main_page .section2 .sec2_card_list .default_box .content_num_text { display: flex; align-items: end; justify-content: end; gap: 16px; color: var(--color-primary-90); font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); line-height: 1; }
.main_page .section2 .sec2_card_list .default_box .content_num_text .num { font-size: clamp(28px, 2.5vw, 48px); }
.main_page .section2 .sec2_card_list .hover_box { z-index: 1; position: absolute; inset: 0; padding: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px); background: linear-gradient(90deg, #11785c 0%, #0d6b6b 100%); color: #fff; opacity: 0; pointer-events: none; transition: opacity 0.15s; }
.main_page .section2 .sec2_card_list .hover_box .main_title { margin-bottom: clamp(8px, 0.625vw, 12px); font-size: clamp(19.2px, 1.25vw, 24px); }
.main_page .section2 .sec2_card_list .hover_box .main_title .tit:after { width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); background: url(../../images/common/icon_arrow_forward_wt.svg) no-repeat center/contain; }
.main_page .section2 .sec2_card_list .hover_box .main_title .hover_count { display: none; }
.main_page .section2 .sec2_card_list .hover_box .content_category_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(6.4px, 0.4166666667vw, 8px); }
.main_page .section2 .sec2_card_list .hover_box .content_category_list .category_button { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(6.4px, 0.4166666667vw, 8px); border-radius: 0.8rem; background: #fff; color: #191919; font-weight: 500; font-size: clamp(14px, 0.8333333333vw, 16px); line-height: 1.2; text-align: center; word-break: keep-all; transition: background 0.15s; }
.main_page .section2 .sec2_card_list .hover_box .content_category_list .category_button:hover { background: var(--color-button-tertiary-hover); text-decoration: underline; }
.main_page .section3 { position: relative; padding: 8rem 0 12rem; }
.main_page .section3:before { position: absolute; top: 0; right: 0; width: 89.105%; height: 100%; border-radius: 100px 0 0 0; background: #e9f5ef; content: ""; }
.main_page .section3:after { position: absolute; top: clamp(-145px, -7.5520833333vw, -116px); right: clamp(-296px, -15.4166666667vw, -236.8px); width: clamp(365.6px, 23.8020833333vw, 457px); height: clamp(447.2px, 29.1145833333vw, 559px); background: url(../../images/main/main_bg02.svg) no-repeat center/contain; content: ""; }
.main_page .section3 .inner { z-index: 1; position: relative; }
.main_page .section3 .sec3_card_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.main_page .section3 .sec3_card_list .card_item { aspect-ratio: 589/330; width: 100%; min-width: 0; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.main_page .section3 .sec3_card_list .card_item .main_title { margin-bottom: clamp(6px, 1.25vw, 24px); }
.main_page .section3 .sec3_card_list .card_item.notice { display: flex; flex-direction: column; justify-content: space-around; padding: clamp(12px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px); background: #fff; }
.main_page .section3 .sec3_card_list .card_item.bnr .bnr_img { width: 100%; height: 100%; }
.main_page .section3 .sec3_card_list .card_item.bnr .bnr_img img { width: 100%; height: 100%; object-fit: cover; }
.main_page .section3 .cm_overview8 .ovw8_box .ovw8_content { min-height: 7.7rem; }
.main_page .section3 .main_bnr_wrap { position: relative; width: 100%; height: 100%; }
.main_page .section3 .main_bnr_wrap .cm_swiper_control { z-index: 1; position: absolute; bottom: 0; left: 0; }
.main_page .section3 .main_bnr_swiper .swiper-slide a { display: block; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.main_page .section3 .main_bnr_swiper .swiper-slide a:focus-visible { outline-offset: -2px; }

/* section3 공지사항 탭형 */
.main_page .section3 .sec3_card_list .card_item.sec3_notice { display: flex; flex-direction: column; padding: 28px 32px; overflow: hidden; background: #fff; }
.main_page .sec3_notice_head { display: flex; align-items: center; margin-bottom: 12px; gap: 22px; }
.main_page .sec3_notice_title { flex-shrink: 0; color: #191919; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.5; white-space: nowrap; }
.main_page .sec3_notice_tab { display: flex; flex: 1; align-items: center; min-width: 0; gap: 12px; }
.main_page .sec3_tab_btn { flex-shrink: 0; padding: 0; border: none; background: none; color: #333; font-weight: 400; font-size: 17px; line-height: 1.5; white-space: nowrap; cursor: pointer; }
.main_page .sec3_tab_btn.is_active { color: #11785c; font-weight: 700; }
.main_page .sec3_tab_divider { display: inline-block; flex-shrink: 0; width: 1px; height: 14px; background: #999; }
.main_page .sec3_notice_more { display: inline-block; flex-shrink: 0; width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); margin-left: auto; background: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; }
.main_page .sec3_notice_panel { flex: 1; overflow: hidden; }
.main_page .sec3_notice_panel.is_hidden { display: none; }

/* 플랫폼공지 리스트 */
.main_page .sec3_notice_list { margin: 0; padding: 0; list-style: none; }
.main_page .sec3_notice_item { border: none; }
.main_page .sec3_notice_link { display: flex; align-items: center; padding: 6px 0; gap: 12px; color: inherit; text-decoration: none; }
.main_page .sec3_notice_link:hover .sec3_notice_text { text-decoration: underline; }
.main_page .sec3_notice_link:focus-visible { outline-offset: -2px; }
.main_page .sec3_notice_badge { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; padding: 4px 14px; border-radius: 99px; background: #c1eeec; color: #216561; font-weight: 700; font-size: 16px; line-height: 1.5; white-space: nowrap; }
.main_page .sec3_notice_text { flex: 1; min-width: 0; overflow: hidden; color: #333; font-weight: 500; font-size: 17px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.main_page .sec3_notice_date { flex-shrink: 0; color: #666; font-weight: 400; font-size: 16px; line-height: 1.5; white-space: nowrap; }

/* 지원기관 공지 리스트 */
.main_page .sec3_support_list { margin: 0; padding: 0; list-style: none; }
.main_page .sec3_support_item { border-bottom: 1px solid #ddd; }
.main_page .sec3_support_item:last-child { border-bottom: none; }
.main_page .sec3_support_link { display: flex; flex-direction: column; padding: 12px 0; gap: 4px; color: inherit; text-decoration: none; }
.main_page .sec3_support_item:first-child .sec3_support_link { padding-top: 0; }
.main_page .sec3_support_link:hover .sec3_support_text { text-decoration: underline; }
.main_page .sec3_support_link:focus-visible { border-radius: 2px; outline: 2px solid #11785c; outline-offset: 2px; }
.main_page .sec3_support_text { display: block; overflow: hidden; color: #333; font-weight: 500; font-size: 18px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.main_page .sec3_support_meta { display: flex; align-items: center; gap: 12px; }
.main_page .sec3_support_org { overflow: hidden; color: #666; font-weight: 400; font-size: 16px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.main_page .sec3_support_divider { display: inline-block; flex-shrink: 0; width: 1px; height: 14px; background: #999; }
.main_page .sec3_support_date { flex-shrink: 0; color: #666; font-weight: 400; font-size: 16px; line-height: 1.5; white-space: nowrap; }

/* 로그인 */
.page_login .cm_box2 { padding: clamp(15px, 2.0833333333vw, 40px); }
.page_login .login_form_box { max-width: 400px; margin: 0 auto; }
.page_login .login_form_inputs { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_login .login_input_group { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_login .login_label { color: #2d2d2d; font-weight: 700; font-size: clamp(14px, 0.78125vw, 15px); }
.page_login .password_input_wrap { position: relative; }
.page_login .password_input_wrap .form_control { padding-right: clamp(32px, 2.0833333333vw, 40px); }
.page_login .password_toggle_btn { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); padding: 0; transform: translateY(-50%); border: none; background: none; cursor: pointer; }
.page_login .eye_icon { display: block; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); background: url(../../images/common/icon_eye.svg) no-repeat center; background-size: contain; }
.page_login .password_toggle_btn.active .eye_icon { background-image: url(../../images/common/icon_hit.svg); background-size: 83.333%; }
.page_login .login_checkbox_wrap { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
.page_login .login_submit_btn { width: 100%; margin-top: clamp(19.2px, 1.25vw, 24px); }
.page_login .login_help_box { display: flex; flex-wrap: wrap; margin-top: clamp(24px, 1.5625vw, 30px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_login .help_buttons { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_login [data-login-section] { display: none; }
.page_login .citizencard_login_content .citizencard_login_button { display: flex; align-items: center; justify-content: center; }
.page_login .citizencard_login_content .citizencard_login_button .cm_btn { width: 100%; max-width: clamp(240px, 15.625vw, 300px); }
.page_login .sns_login_content .sns_login_buttons { display: flex; align-items: center; justify-content: center; gap: clamp(9.6px, 0.625vw, 12px) clamp(15px, 1.25vw, 24px); }
.page_login .sns_login_content .sns_login_buttons .cm_icon { --icon-gap: 12; }
.page_login .sns_login_content .sns_login_buttons .cm_btn { width: 100%; max-width: clamp(240px, 15.625vw, 300px); font-weight: bold; font-size: clamp(15px, 0.8854166667vw, 17px); }

/* 마이페이지 */
.cm_mypage_intro { display: flex; position: relative; flex-direction: column; padding: clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(22.4px, 1.4583333333vw, 28px); border: 1px solid var(--color-border-gray); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.cm_mypage_intro .mypage_head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_mypage_intro .mypage_greeting { font-weight: bold; font-size: clamp(19.2px, 1.25vw, 24px); }
.cm_mypage_intro .mypage_info_wrap { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); }
.cm_mypage_intro .mypage_info_list { display: flex; flex-wrap: wrap; gap: clamp(12.8px, 0.8333333333vw, 16px) clamp(10px, 1.7708333333vw, 34px); }
.cm_mypage_intro .mypage_info_list dl { display: flex; flex-direction: column; min-width: clamp(140px, 9.1666666667vw, 176px); gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_mypage_intro .mypage_info_list dt { font-weight: bold; }
.cm_mypage_intro .mypage_badge { padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px); border-radius: 1000px; background-color: var(--color-border-gray-darker); color: #fff; font-weight: 400; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1; }
.cm_mypage_intro .mypage_link_area { flex-shrink: 0; }
.cm_mypage_intro .mypage_link_area a span { font-size: clamp(14px, 0.78125vw, 15px); text-decoration: underline; }
.cm_mypage_intro .mypage_menu_list { display: flex; flex-wrap: wrap; margin-left: auto; gap: clamp(6.4px, 0.4166666667vw, 8px); }

/* 통합검색 결과 */
.result_total { font-size: clamp(16px, 0.9895833333vw, 19px); }
.result_total .highlight { color: var(--color-primary-80); font-weight: 700; }
.global_search_box { padding: clamp(24px, 2.0833333333vw, 40px); padding-top: clamp(20px, 1.6666666667vw, 32px); text-align: center; word-break: keep-all; }
.global_search_box .box_title { margin-bottom: clamp(16px, 1.25vw, 24px); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.global_search_box .input_box { position: relative; width: 100%; max-width: 585px; margin: 0 auto; }
.global_search_box .input_box .input_wrap { width: calc(100% - clamp(20px, 1.5625vw, 30px)); padding: clamp(12px, 1.25vw, 24px) clamp(16px, 1.6666666667vw, 32px); padding-right: clamp(54.4px, 3.5416666667vw, 68px); border: 2px solid var(--color-primary-80); border-radius: 50px 50px 0 50px; background: #fff; }
.global_search_box .input_box .input_wrap .form_control { height: 26px; min-height: 0; border: 0; border-radius: 0; }
.global_search_box .input_box .input_wrap .btn_cross { position: absolute; top: 50%; right: clamp(54.4px, 3.5416666667vw, 68px); width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-50%); background: url(../../images/common/icon_cross.svg) no-repeat center/contain; }
.global_search_box .input_box .btn_search { position: absolute; top: 50%; right: 0; width: clamp(42px, 2.9166666667vw, 56px); height: clamp(42px, 2.9166666667vw, 56px); transform: translateY(-50%); border-radius: 50%; background: var(--color-primary-80) url(../../images/common/icon_search_wt.svg) no-repeat center/clamp(18px, 1.25vw, 24px); }
.page__global_search_result .global_search_box { margin-bottom: clamp(32px, 2.5vw, 48px); }
.page__global_search_result .result_list_wrap { display: flex; flex-direction: column; gap: clamp(32px, 2.5vw, 48px); }
.result_list_section .highlight { color: var(--color-primary-80) !important; font-weight: 700 !important; }

/* 인천 마이스터 */
.page_IJF103 .cm_table4 td { height: clamp(62px, 3.5416666667vw, 68px); }

/* 집단상담 - 새일센터 소개 */

/* 내가맞는정책지원 - 추진방향 */
.page_IJF335 .sec2_box_inner .box_title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); }
.page_IJF335 .sec2_box_inner .box_title em { color: #a7375d; }
.page_IJF335 .sec2_box_inner .box_text { display: flex; flex-direction: column; gap: clamp(19px, 1.25vw, 24px); font-size: clamp(15px, 0.8854166667vw, 17px); }
.page_IJF335 .sec2_box_inner .box_text p { font-weight: 700; }
.page_IJF335 .sec2_box_inner .box_text b { color: #11785c; }
.page_IJF335 .sec2_box_inner .box_text em { color: #096ab3; }
.page_IJF335 .sec2_box_inner .box_text .cm_text_list1 { display: flex; flex-wrap: wrap; gap: clamp(9.6px, 0.625vw, 12px); }
.page_IJF335 .sec2_box_inner .box_text .cm_text_list1 .text1_item ~ .text1_item { margin-top: 0; }

/* 개인정보 처리방침 */
.page__privacy_policy a:hover { text-decoration: underline; }
.page__privacy_policy .policy_title { margin-bottom: 15px; font-weight: bold; font-size: 22px; text-align: center; }
.page__privacy_policy .policy_desc { margin-bottom: 30px; font-size: 14px; text-align: center; word-break: keep-all; }
.page__privacy_policy .labeling_list_wrap { width: 100%; margin-bottom: clamp(51.2px, 3.3333333333vw, 64px); border: 1px solid #ddd; border-collapse: collapse; line-height: 1.3; table-layout: fixed; }
.page__privacy_policy .labeling_list_wrap th,
.page__privacy_policy .labeling_list_wrap td { padding: 1.2rem; border: 1px solid #ddd; vertical-align: baseline; }
.page__privacy_policy .labeling_list_wrap th { border-top: 2px solid #333; background-color: #f1f1f1; font-weight: bold; font-size: clamp(15px, 0.8854166667vw, 17px); text-align: center; }
.page__privacy_policy .labeling_list_wrap td { position: relative; color: #666; text-align: center; word-break: keep-all; }
.page__privacy_policy .labeling_list_wrap .labeling_img { display: inline-block; width: 55px; margin-bottom: 7px; }
.page__privacy_policy .labeling_list_wrap .labeling_img2 { display: inline-block; width: 31px; margin-right: 5px; }
.page__privacy_policy .labeling_min_img { width: clamp(24px, 1.9791666667vw, 38px); margin-left: 5px; vertical-align: middle; }
.page__privacy_policy .labeling_list_wrap .labeling_item:hover,
.page__privacy_policy .labeling_list_wrap .labeling_item:focus { text-decoration: underline; }
.page__privacy_policy .privacy_policy_list { margin: 0; margin-bottom: 20px; padding: 0; list-style: none; word-break: keep-all; }
.page__privacy_policy .privacy_policy_list > li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: 14px; }
.page__privacy_policy .privacy_policy_list > li:last-child { margin-bottom: 0; }
.page__privacy_policy .privacy_policy_list .privacy_policy_list { margin-top: 7px; font-size: 13px; }
.page__privacy_policy .privacy_policy_list .privacy_policy_list > li { padding-left: 15px; }
.page__privacy_policy .privacy_policy_list2 { margin: 0; padding: 0; list-style: none; }
.page__privacy_policy .privacy_policy_list2 > li { position: relative; padding-left: 10px; }
.page__privacy_policy .privacy_policy_list2 > li:before { display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #333; content: ""; }
.page__privacy_policy .privacy_policy_num { position: absolute; top: 0; left: 0; }
.page__privacy_policy .policy_cont { margin-bottom: clamp(40px, 3.125vw, 60px); }
.page__privacy_policy .policy_table { width: 100%; margin-top: 10px; border-top: 2px solid #333; border-collapse: collapse; line-height: 1.3; }
.page__privacy_policy .policy_table th,
.page__privacy_policy .policy_table td { padding: 5px 10px; border: 1px solid #ddd; font-size: 13px; text-align: center; vertical-align: middle; }
.page__privacy_policy .policy_table th { background-color: #f1f1f1; font-weight: bold; }
.page__privacy_policy .policy_table .align_left { text-align: left !important; }
.page__privacy_policy .policy_btn { display: inline-block; margin: 5px 0; padding: 5px 10px; background-color: #333; color: #fff !important; font-size: 13px; }
.page__privacy_policy .toc { display: flex; align-items: center; text-align: left; }
.page__privacy_policy .privacy_img1 { margin: 30px 0; padding: 30px; border: 1px solid #ddd; text-align: center; }
.page__privacy_policy .privacy_img1 img { max-width: 100%; }
.policy_color { color: #fc4c4e !important; font-weight: bold !important; }
.page__privacy_policy .labeling_item_tip { box-sizing: border-box; display: none; z-index: 2; position: absolute; top: 100%; left: 50%; width: 235px; margin-left: -117.5px; overflow: hidden; border: 1px solid #333; border-radius: 10px; background: #fff; color: #333; }
.page__privacy_policy .labeling_item_tip * { box-sizing: border-box; }
.page__privacy_policy .labeling_item_tip dl { width: 100%; font-size: 14px; word-break: keep-all; }
.page__privacy_policy .labeling_item_tip dt { display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 4px 15px 6px; background: #333; color: #fff; font-weight: 700; line-height: 1.2; }
.page__privacy_policy .labeling_item_tip dd { padding: 10px 15px; line-height: 1.5; text-align: left; }
.page__privacy_policy .labeling_list_wrap td:hover .labeling_item_tip { display: block; }
.page__privacy_policy .privacy_policy_guide { margin-top: -20px; margin-bottom: 30px; font-size: 14px; letter-spacing: -1px; }

/* 저작권보호정책 */
.page__license .kogl_img { height: clamp(42px, 2.6041666667vw, 50px); }
.page__license .kogl_img img { width: 100%; height: 100%; object-fit: contain; }
.page__license .cm_box1.opentype05 { display: flex; align-items: center; padding: clamp(16px, 1.25vw, 24px) clamp(24px, 1.6666666667vw, 32px); gap: 2rem; }
.page__license .cm_box1.opentype05 .img { width: 17.2rem; }

/* 이메일무단수집거부 */
.page__no_email .box { padding: clamp(40px, 4.1666666667vw, 80px) clamp(16px, 2.0833333333vw, 40px); border-radius: clamp(8px, 0.8333333333vw, 16px); background: var(--color-background-gray-light); font-size: clamp(16px, 0.9895833333vw, 19px); text-align: center; word-break: keep-all; }
.page__no_email .box .icon { display: inline-flex; align-items: center; justify-content: center; margin-bottom: clamp(28px, 2.0833333333vw, 40px); padding: clamp(20px, 1.6666666667vw, 32px); border-radius: 50%; background: #fff; }

/* 이력서 */
.page_resume table .form_control.datepicker { min-width: 18rem; }
.cm_reserve_wrap { --jb-icon-color: var(--reserve-primary); display: flex; flex-direction: column; gap: clamp(32px, 2.0833333333vw, 40px); }
.cm_reserve_wrap .cm_validation.info3:before { background-color: var(--reserve-primary); }
.cm_reserve_wrap .cm_chk1 input[type=radio] + .chk_label:after { background-color: var(--reserve-primary); }
.cm_reserve_wrap .cm_chk1 input[type=radio]:checked + .chk_label:before { border-color: var(--reserve-primary); }
.cm_reserve_wrap .reserve_head { display: flex; flex-direction: column; padding: clamp(24px, 1.6666666667vw, 32px); gap: clamp(12px, 0.8333333333vw, 16px); border: 1px solid #999; border-radius: clamp(8px, 0.625vw, 12px); background: #f9f9f9; }
.cm_reserve_wrap .reserve_head_title_row { display: flex; align-items: center; gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_reserve_wrap .reserve_head_name { color: #000; font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); line-height: 1.4; }
.cm_reserve_wrap .reserve_head_divider { display: inline-block; width: 1px; height: 16px; background: #ccc; }
.cm_reserve_wrap .reserve_head_sub { color: #666; font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); line-height: 1.4; }
.cm_reserve_wrap .reserve_head_notice { display: flex; align-items: flex-start; gap: clamp(4px, 0.3125vw, 6px); color: #333; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.5; }
.cm_reserve_wrap .reserve_section { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_reserve_wrap .reserve_section_title { color: #000; font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); line-height: 1.4; }
.cm_reserve_wrap .reserve_picker_wrap { display: flex; align-items: flex-start; gap: clamp(16px, 1.25vw, 24px); }
.cm_reserve_wrap .reserve_calendar_panel { display: flex; flex: 0 0 clamp(300px, 24.6875vw, 474px); flex-direction: column; padding: clamp(16px, 1.25vw, 24px); gap: clamp(12px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: clamp(12px, 0.8333333333vw, 16px); background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
.cm_reserve_wrap .reserve_cal_nav { display: flex; align-items: center; justify-content: center; gap: clamp(8px, 0.625vw, 12px); }
.cm_reserve_wrap .reserve_cal_nav_btn { display: flex; align-items: center; justify-content: center; width: clamp(20px, 1.25vw, 24px); height: clamp(20px, 1.25vw, 24px); padding: 0; border: 0; background: none; cursor: pointer; }
.cm_reserve_wrap .reserve_cal_nav_label { color: #000; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; letter-spacing: 1px; white-space: nowrap; }
.cm_reserve_wrap .reserve_cal_legend { display: flex; justify-content: center; gap: clamp(12px, 1.25vw, 24px); color: #333; font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.5; }
.cm_reserve_wrap .reserve_cal_legend li { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_reserve_wrap .reserve_cal_legend_dot { display: inline-block; flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%; }
.cm_reserve_wrap .reserve_cal_legend_dot.is_selected { background: var(--reserve-primary); }
.cm_reserve_wrap .reserve_cal_legend_dot.is_available { border: 1px solid #ccc; background: #fff; }
.cm_reserve_wrap .reserve_cal_legend_dot.is_unavailable { border: 1px solid #e6e6e6; background: #f4f5f6; }
.cm_reserve_wrap .reserve_cal_legend_dot.is_today { border: 2px solid var(--reserve-primary); background: #fff; }
.cm_reserve_wrap .reserve_calendar { width: 100%; border-collapse: separate; border-spacing: 0 0; }
.cm_reserve_wrap .reserve_calendar thead th { height: clamp(44px, 3.0208333333vw, 58px); padding: clamp(10px, 0.8333333333vw, 16px) clamp(6px, 0.5208333333vw, 10px); background: #f4f5f6; color: #333; font-weight: 700; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; text-align: center; }
.cm_reserve_wrap .reserve_calendar thead th:first-child { border-radius: clamp(8px, 0.625vw, 12px) 0 0 clamp(8px, 0.625vw, 12px); }
.cm_reserve_wrap .reserve_calendar thead th:last-child { border-radius: 0 clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px) 0; }
.cm_reserve_wrap .reserve_calendar thead th.is_sun { color: #e52727; }
.cm_reserve_wrap .reserve_calendar thead th.is_sat { color: #6085ff; }
.cm_reserve_wrap .reserve_calendar tbody td { padding: clamp(2px, 0.2083333333vw, 4px); text-align: center; vertical-align: middle; }
.cm_reserve_wrap .reserve_calendar tbody td button { display: flex; align-items: center; justify-content: center; width: clamp(36px, 2.8125vw, 54px); height: clamp(36px, 2.8125vw, 54px); margin: 0 auto; border: 1px solid transparent; border-radius: 50px; background: none; color: #000; font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.5; cursor: pointer; transition: background 0.15s; }
.cm_reserve_wrap .reserve_calendar tbody td button:hover { background: var(--reserve-primary-tint); }
.cm_reserve_wrap .reserve_calendar tbody td.is_outside button { color: #666; }
.cm_reserve_wrap .reserve_calendar tbody td.is_sun button { color: #666; }
.cm_reserve_wrap .reserve_calendar tbody td.is_sat button { color: #666; }
.cm_reserve_wrap .reserve_calendar tbody td.is_unavailable button { border: 1px solid #e6e6e6; background: #f4f5f6; color: #666; cursor: not-allowed; }
.cm_reserve_wrap .reserve_calendar tbody td.is_today button { border: 2px solid var(--reserve-primary); background: #fff; }
.cm_reserve_wrap .reserve_calendar tbody td.is_selected button { background: var(--reserve-primary); color: #fff; font-weight: 700; }
.cm_reserve_wrap .reserve_time_panel { display: flex; flex: 1 1 0; flex-direction: column; align-self: stretch; min-width: 0; padding: clamp(16px, 1.25vw, 24px); gap: clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(12px, 0.8333333333vw, 16px); background: #f4f5f6; }
.cm_reserve_wrap .reserve_time_head { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_reserve_wrap .reserve_time_head strong { color: #000; font-weight: 700; font-size: clamp(17px, 0.9895833333vw, 19px); line-height: 1.5; }
.cm_reserve_wrap .reserve_time_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_reserve_wrap .reserve_time_card { display: flex; position: relative; flex-direction: column; align-items: center; width: 100%; padding: clamp(8px, 0.625vw, 12px) clamp(12px, 1.0416666667vw, 20px); gap: clamp(2px, 0.2083333333vw, 4px); border: 1px solid #ccc; border-radius: clamp(8px, 0.625vw, 12px); background: #fff; text-align: center; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.cm_reserve_wrap .reserve_time_card:before { display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid var(--reserve-primary); border-radius: inherit; content: ""; opacity: 0; }
.cm_reserve_wrap .reserve_time_card strong { color: #000; font-weight: 700; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_reserve_wrap .reserve_time_card span { color: var(--reserve-primary); font-weight: 400; font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.5; }
.cm_reserve_wrap .reserve_time_card.is_available:hover { border-color: var(--reserve-primary); }
.cm_reserve_wrap .reserve_time_card.is_selected:before { opacity: 1; }
.cm_reserve_wrap .reserve_time_card.is_disabled { border-color: transparent; background: #e6e6e6; cursor: not-allowed; }
.cm_reserve_wrap .reserve_time_card.is_disabled strong,
.cm_reserve_wrap .reserve_time_card.is_disabled span { color: #333; }
.cm_reserve_wrap .reserve_time_chk { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; border: 0; clip: rect(0, 0, 0, 0); white-space: nowrap; }
.cm_reserve_wrap .reserve_time_chk:checked + .reserve_time_card:before { opacity: 1; }
.cm_reserve_wrap .reserve_time_chk:disabled + .reserve_time_card { border-color: transparent; background: #e6e6e6; cursor: not-allowed; }
.cm_reserve_wrap .reserve_time_chk:disabled + .reserve_time_card strong,
.cm_reserve_wrap .reserve_time_chk:disabled + .reserve_time_card span { color: #333; }
.cm_reserve_wrap .reserve_state_box { display: flex; align-items: center; padding: clamp(16px, 1.25vw, 24px) clamp(24px, 2.0833333333vw, 40px); gap: clamp(12px, 0.8333333333vw, 16px); border: 1px solid #e6e6e6; border-radius: clamp(12px, 0.8333333333vw, 16px); }
.cm_reserve_wrap .reserve_state_box p { color: #333; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_reserve_wrap .reserve_state_box_empty { background: #f9f9f9; }
.cm_reserve_wrap .reserve_state_box_filled { align-items: center; border: 2px solid var(--reserve-primary); background: #fff; }
.cm_reserve_wrap .reserve_state_date { flex-shrink: 0; color: #000; font-weight: 700; font-size: clamp(17px, 0.9895833333vw, 19px); line-height: 1.5; white-space: nowrap; }
.cm_reserve_wrap .reserve_state_times { display: flex; flex-wrap: wrap; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_reserve_wrap .reserve_state_times li { list-style: none; }
.cm_reserve_wrap .reserve_state_time_btn { display: flex; align-items: center; height: clamp(36px, 2.0833333333vw, 40px); padding: 0 clamp(12px, 0.8333333333vw, 16px); gap: clamp(6px, 0.4166666667vw, 8px); border: 1px solid #ccc; border-radius: 50px; background: #fff; cursor: pointer; transition: border-color 0.15s, background 0.15s; }
.cm_reserve_wrap .reserve_state_time_btn:hover { border-color: var(--reserve-primary); background: var(--reserve-primary-tint); }
.cm_reserve_wrap .reserve_state_time_btn span:first-child { color: #333; font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.5; white-space: nowrap; }
.cm_reserve_wrap .cm_form_write.form_write1 .form_group .form_label { width: clamp(120px, 8.8541666667vw, 170px); }
.cm_reserve_wrap .form_content_unit { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_reserve_wrap .unit_text { color: #333; font-size: clamp(14px, 0.78125vw, 15px); white-space: nowrap; }
@media screen and (min-width:1281px) {
	.header { z-index: 70; position: sticky; top: 0; left: 0; background-color: #fff; }
	.header .header_inner { position: relative; }
	.header .header_top { border-bottom: 0.1rem solid #ccc; }
	.header .header_top > .inner { display: flex; position: relative; flex-direction: column; justify-content: flex-start; padding-top: 1.6rem; padding-bottom: 1.6rem; }
	.header .header_bottom { border-bottom: 0.1rem solid #ccc; }
	.header .header_bottom > .inner { padding-top: 1.6rem; padding-bottom: 1.6rem; }
	.header .header_util .cm_dash_list1 { justify-content: flex-end; color: #333; font-size: 1.7rem; }
	.header .header_branding { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; padding-top: 1.3rem; }
	.header .logo { display: inline-flex; position: absolute; top: 50%; left: var(--inner_padding); width: 31.4rem; transform: translateY(-50%); }
	.header .header_actions { margin-left: auto; }
	.header .header_actions .actions_list { display: flex; gap: 0.8rem 2.5rem; }
	.header .header_actions .action_btn { font-weight: bold; font-size: 1.7rem; }
	.header .header_actions .actions_item.mob_menu { display: none; }
	.header .header_quick { display: flex; gap: 0 0.8rem; }
	.header .header_quick .quick_link { display: flex; align-items: center; justify-content: center; height: 4.2rem; padding: 0 1.6rem; border: 0.1rem solid transparent; border-radius: 0.8rem; font-size: 1.7rem; }
	.header .header_quick .quick_link.link1 { border-color: var(--color-border-green); background-color: var(--color-background-green-light); color: var(--color-primary-90); }
	.header .header_quick .quick_link.link2 { border-color: var(--color-border-red); background-color: var(--color-background-red); color: var(--color-point-90); }
	.header .header_quick .quick_link.link2 .cm_icon:before { width: 1.3rem; }
	.header .sitemap_btn { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 3.2rem; overflow: hidden; background: url(../../images/common/icon_menu.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
	.header .gnb_wrap { display: flex; align-items: center; gap: 0 3.2rem; }
	.header .gnb { flex-grow: 1; }
	.header .gnb .gnb_depth1 { display: flex; gap: 0 2.4rem; }
	.header .gnb .gnb_link1 { display: flex; gap: 0.8rem; font-weight: bold; font-size: 1.9rem; }
	.header .gnb .gnb_item1.has-depth .gnb_link1:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 2rem; background: url(../../images/common/icon_arrow_down.svg) no-repeat center/contain; content: ""; }
	.header .gnb .gnb_item1.has-depth .gnb_link1.active:after { background-image: url(../../images/common/icon_arrow_up.svg); }
	.header .gnb .gnb_depth2_wrap { display: none; position: absolute; top: 100%; left: 0; width: 100%; border-bottom: 0.1rem solid var(--color-border-green-dark); background-color: #fff; box-shadow: 0 1rem 1rem 0 rgba(0, 0, 0, 0.1); }
	.header .gnb .gnb_depth2_wrap.is-open { display: flex; }
	.header .gnb .gnb_depth2_header { width: 28.2%; padding: 5rem 6rem 4rem 0; background-image: url(../../images/common/gnb_bg.png), linear-gradient(99deg, #11785c 1.9%, #0d6b6b 96.96%); background-position: right -4rem top -6.1rem, center; background-repeat: no-repeat, repeat; text-align: right; }
	.header .gnb .gnb_depth2_header_title { color: #fff; font-weight: bold; font-size: 2.4rem; }
	.header .gnb .gnb_depth2_content { width: 71.8%; padding: 4rem 3.2rem; padding-right: calc((100vw - var(--inner)) / 2); }
	.header .gnb .gnb_depth2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.6rem; }
	.header .gnb .gnb_link2 { display: flex; align-items: center; justify-content: space-between; height: 100%; min-height: 5.6rem; padding: 1.2rem 1.6rem; gap: 0.8rem; border: 1px solid #ccc; border-radius: 0.6rem; color: #333; line-height: 1.3; }
	.header .gnb .gnb_link2:after { background-color: #333; -webkit-mask-image: url("../../images/common/icon_arrow_forward.svg"); mask-image: url("../../images/common/icon_arrow_forward.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 2rem; content: ""; mask-position: center; }
	.header .gnb .gnb_link2[target=_blank]:after { -webkit-mask-image: url("../../images/common/icon_link03.svg"); mask-image: url("../../images/common/icon_link03.svg"); }
	.header .gnb .gnb_link2:hover { background-color: var(--color-background-gray-light); }
	.header .gnb .gnb_item2.active .gnb_link2 { border-color: var(--color-button-secondary-border); background-color: var(--color-button-secondary); color: var(--color-text-primary); }
	.header .gnb .gnb_item2.active .gnb_link2:after { background-color: var(--color-icon-primary); }
	.header .mob_menu_layer { display: none; }
	.main_page .section2 .sec2_card_list .card_item:hover .hover_box,
	.main_page .section2 .sec2_card_list .card_item:focus-within .hover_box { opacity: 1; pointer-events: auto; }
	.main_page .section2 .sec2_card_list .hover_box .category_item.col_1 { grid-column: 1/-1; }
	.cm_mypage_intro .mypage_info_list dl:nth-child(1),
	.cm_mypage_intro .mypage_info_list dl:nth-child(2) { max-width: 190px; }
}
@media screen and (max-width:1700px) {
	.cm_quick_menu { right: 2%; }
}
@media screen and (max-width:1600px) {
	.cm_quick_menu { right: 1%; }
	.cm_quick_menu .quick_menu_list { padding-right: 4px; padding-left: 4px; }
	.cm_quick_menu .quick_menu_list > li { font-size: 13px; }
	.cm_quick_menu .quick_menu_list .quick_icon { width: 46px; height: 46px; }
	.cm_quick_menu .quick_menu_top_btn { width: 60px; height: 60px; font-size: 13px; }
	.main_page:before { left: 30px; }
	.main_page .section3:before { width: calc(100% - 8px); }
}
@media screen and (max-width:1600px) and (min-width:1401px) {

	/* 1600px ~ 1401px 사이에서만 적용 */
	.sub_page .sub_page_content > .inner { padding-right: 60px; }
	.footer > .inner { padding-right: 60px; }
}
@media screen and (max-width:1480px) {
	.page__job_map .map_info_layer { width: 340px; transform: translateX(340px); }
}
@media screen and (max-width:1440px) {
	.cm_quick_menu { top: calc(var(--quickmenu-top-offset) + 15px); width: 80px; }
	.cm_quick_menu .quick_menu_list > li { white-space: unset; word-break: keep-all; }
}
@media screen and (max-width:1400px) {
	.header .myp_dropdown_wrap { left: 40%; }
}
@media screen and (max-width:1400px) and (min-width:1281px) {

	/* 1400px ~ 1281px 사이에서만 적용 */
	.sub_page .sub_page_content > .inner { padding-right: 110px; }
	.footer > .inner { padding-right: 110px; }
}
@media screen and (max-width:1280px) {
	.main_page .section3 .sec3_card_list .card_item.sec3_notice { padding: clamp(16px, 2.1875vw, 28px) clamp(20px, 2.5vw, 32px); }
	.main_page .sec3_notice_head { margin-bottom: clamp(10px, 0.9375vw, 12px); gap: clamp(12px, 1.71875vw, 22px); }
	.main_page .sec3_notice_title { font-size: clamp(20px, 1.4583333333vw, 28px); }
	.main_page .sec3_tab_btn { font-size: clamp(15px, 1.328125vw, 17px); }
	.main_page .sec3_notice_link { padding: clamp(3px, 0.46875vw, 6px) 0; }
	.main_page .sec3_notice_badge { font-size: clamp(14px, 1.25vw, 16px); }
	.main_page .sec3_notice_text { font-size: clamp(15px, 1.328125vw, 17px); }
	.main_page .sec3_notice_date { font-size: clamp(14px, 1.25vw, 16px); }
	.main_page .sec3_support_link { padding: clamp(5px, 0.9375vw, 12px) 0; }
	.main_page .sec3_support_text { font-size: clamp(16px, 1.40625vw, 18px); }
	.main_page .sec3_support_org { font-size: clamp(14px, 1.25vw, 16px); }
	.main_page .sec3_support_date { font-size: clamp(14px, 1.25vw, 16px); }
	.header .header_bottom { display: none; }
	.cm_quick_menu { display: none !important; }
	.header .m_blind { position: absolute !important; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; white-space: nowrap; clip-path: inset(50%); }
	.header .header_util { display: none; }
	.header .header_top > .inner { display: flex; position: relative; align-items: center; justify-content: space-between; height: 56px; border-bottom: 1px solid #ccc; }
	.header .logo { width: 207px; }
	.header .logo > a { display: block; }
	.header .header_actions { display: flex; position: absolute; top: 0; right: 16px; bottom: 0; align-items: center; }
	.header .header_actions .actions_list { display: flex; gap: 12px; }
	.header .header_actions .actions_item.user,
	.header .header_actions .actions_item.myp { display: none; }
	.header .mob_menu_layer { display: none; z-index: 71; position: fixed; top: 0; left: 0; flex-direction: column; width: 100vw; height: 100vh; overflow: hidden; background: #fff; }
	.header .mob_menu_layer.is-opened { display: flex; }
	.header .mob_menu_layer .menu_layer_head .head_top_section .inner { display: flex; align-items: center; justify-content: space-between; height: 56px; border-bottom: 1px solid #ccc; }
	.header .mob_menu_layer .menu_layer_head .util_list { display: flex; gap: 20px; }
	.header .mob_menu_layer .menu_layer_head .util_list .util_item .util_item_btn { display: flex; }
	.header .mob_menu_layer .menu_layer_head .user_util { display: flex; }
	.header .mob_menu_layer .menu_layer_head .user_util .util_item.login { display: flex; position: relative; margin-left: 8px; padding-left: 8px; }
	.header .mob_menu_layer .menu_layer_head .user_util .util_item.login:before { position: absolute; top: 50%; left: 0; width: 1px; height: 16px; transform: translateY(-50%); background: #ccc; content: ""; }
	.header .mob_menu_layer .menu_layer_head .user_util .util_item.system { display: flex; position: relative; margin-right: 8px; padding-right: 8px; }
	.header .mob_menu_layer .menu_layer_head .user_util .util_item.system:before { position: absolute; top: 50%; right: 0; width: 1px; height: 16px; transform: translateY(-50%); background: #ccc; content: ""; }
	.header .mob_menu_layer .menu_layer_head .head_bottom_section { border-bottom: 1px solid #ccc; }
	.header .mob_menu_layer .menu_layer_head .head_bottom_section .inner { display: flex; padding-top: 15px; padding-bottom: 15px; gap: 8px; }
	.header .mob_menu_layer .menu_layer_head .head_bottom_section .quick_link { display: flex; flex: 1 1 0; align-items: center; justify-content: center; min-width: 0; height: 4.2rem; padding: 0 1.6rem; border: 0.1rem solid transparent; border-radius: 0.8rem; font-size: 1.7rem; }
	.header .mob_menu_layer .menu_layer_head .head_bottom_section .quick_link.link1 { border-color: var(--color-border-green); background-color: var(--color-background-green-light); color: var(--color-primary-90); }
	.header .mob_menu_layer .menu_layer_head .head_bottom_section .quick_link.link2 { border-color: var(--color-border-red); background-color: var(--color-background-red); color: var(--color-point-90); }
	.header .mob_menu_layer .menu_layer_body { flex: 1 1 0; min-height: 0; }
	.header .mob_menu_layer .mobile_gnb_area { position: relative; }
	.header .mob_menu_layer .mobile_gnb_area,
	.header .mob_menu_layer .mobile_gnb_area .gnb,
	.header .mob_menu_layer .mobile_gnb_area .gnb .gnb_inner { height: 100%; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth1_wrap { width: 168px; height: 100%; padding: 12px 8px; background: #f6fbf9; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth1 { display: flex; flex-direction: column; gap: 4px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_item1 .gnb_link1 { display: flex; align-items: center; padding: 8px 16px; border-radius: 8px; font-weight: 700; font-size: 16px; line-height: 1.2; word-break: keep-all; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_item1.active .gnb_link1 { background: var(--color-primary-80); color: #fff; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2_wrap { display: none; position: absolute; top: 0; left: 168px; width: calc(100% - 169px); height: 100%; padding: 16px; padding-right: 12px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 { display: flex; flex-direction: column; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2 .gnb_link2 { display: flex; position: relative; align-items: center; min-height: 46px; padding-right: 28px; font-size: 16px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2 .gnb_link2 span { position: relative; padding-right: 32px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2 .gnb_link2[target=_blank] span:after { position: absolute; top: 45%; right: 0; width: 20px; height: 20px; transform: translateY(-50%); background: url(../../images/common/icon_link03.svg) no-repeat center/contain; content: ""; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_item1.active .gnb_depth2_wrap { display: block; overflow: auto; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_item1.active .gnb_depth2_wrap .gnb_depth2_content { max-height: 100%; padding-right: 12px; overflow: auto; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth3 { display: none; flex-direction: column; padding: 12px; padding-left: 20px; gap: 6px; border-radius: 8px; background: #f4f5f6; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth3 .gnb_link3 { display: flex; position: relative; align-items: center; padding-left: 12px; font-size: 16px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth3 .gnb_item3.active .gnb_link3 { font-weight: 700; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth3 .gnb_link3:before { position: absolute; top: 11px; left: 0; width: 4px; height: 4px; border-radius: 50px; background: #4d4d4d; content: ""; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2.has-depth .gnb_link2 { background: url(../../images/common/icon_arrow_down.svg) no-repeat center right/20px; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2.active .gnb_link2 { color: var(--color-primary-80); font-weight: 700; }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2.active.has-depth .gnb_link2 { background-image: url(../../images/common/icon_arrow_up.svg); }
	.header .mob_menu_layer .mobile_gnb_area .gnb_depth2 .gnb_item2.active .gnb_depth3 { display: flex; }
	.header .search_layer .search_layer_close { right: 0; left: auto; width: 32px; }
	.header .search_layer .search_layer_title { font-size: 26px; }
	.header .search_layer .search_layer_input { height: 54px; }
	.page__job_map { position: relative; flex-direction: column; }
	.page__job_map .search_area { width: 100%; }
	.page__job_map .input_wrap .form_control { height: 40px; }
	.page__job_map .search_area .search_wrap_head .btn_filter .cm_icon.filter_wt::before { width: 16px; }
	.page__job_map .search_area .search_wrap_head .cm_multiChip_list .cm_chk2 .chk_label { height: 32px; }
	.page__job_map .search_area .search_wrap_body { position: absolute; bottom: 0; left: 0; width: 100%; height: 0; border-top: 1px solid #ccc; background: #fff; }
	.page__job_map .search_area .search_wrap_body .btn_search_body_toggle { display: block; }
	.page__job_map .search_area .search_wrap_body .body_inner .cm_overview10 { display: grid; grid-template-columns: repeat(2, 1fr); }
	.page__job_map .search_area .search_wrap_body.active { height: 35vh; }
	.page__job_map .search_area .search_wrap_body.active .btn_search_body_toggle { background-image: url(../../images/common/icon_arrow_drop_down.svg); }
	.page__job_map .map_area .map_filter_btns { top: 12px; left: 12px; }
	.page__job_map .map_info_layer { z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; }
	.cm_masthead .nuri_txt { font-size: 14px; }
	.cm_masthead .nuri_txt .point { font-size: 12px; }
	.cm_inpage_navigation .inpage_navigation_area { top: 30px; }
	.main_page .section1 .tab_content_area { border-right: 0; border-left: 0; }
	.main_page .section2 .sec2_card_list { grid-template-columns: repeat(2, 1fr); }
	.main_page .section2 .sec2_card_list .default_box { aspect-ratio: auto; height: 190px; }
	.main_page .section2 .sec2_card_list .card_item.active .hover_box { opacity: 1; pointer-events: auto; }
	.main_page .section2 .sec2_card_list .hover_box .content_category_list { grid-template-columns: repeat(3, 1fr); }
	.main_page .section2 .sec2_card_list .hover_box .content_category_list .category_button { font-size: 14px; }
	.main_page .section2 .sec2_card_list .hover_box .main_title .tit { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
	.main_page .section2 .sec2_card_list .hover_box .main_title .hover_count { display: inline; flex-shrink: 0; margin-right: 4px; font-style: normal; font-weight: 700; font-size: 15px; }
	.header .gnb .gnb_depth2_header { display: none; }
}
@media screen and (max-width:1080px) {
	.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item { flex-direction: column; align-items: start; padding: 2.5rem 0; }
	.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .title_area,
	.sitemap_layer .sitemap_depth2_list .sitemap_depth2_item .children_area { width: 100%; }
	.sitemap_layer .sitemap_depth3_list .sitemap_depth3_link { padding-top: 0.4rem; padding-bottom: 0.4rem; }
	.main_page .section2,
	.main_page .section3 { padding-top: 20px; padding-bottom: 20px; }
	.main_page .section2 { padding-bottom: 0; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_head { margin-bottom: 6px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_head .cm_badge.badge1 { font-size: 13px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_content { font-size: 14px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_foot { margin-top: 4px; padding-top: 4px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_foot .date { color: #666; font-size: clamp(11.2px, 0.7291666667vw, 14px); }
}
@media screen and (max-width:1024px) {
	.cm_reserve_wrap .reserve_calendar_panel { flex: 0 0 380px; }
}
@media screen and (max-width:1023px) {
	.main_page .sec3_notice_list .sec3_notice_item:nth-child(5) { display: none; }
	.cm_sidebar .sidebar_nav { display: none; }
	.cm_inpage_navigation { display: flex; flex-direction: column; }
	.cm_inpage_navigation .inpage_content_head { width: 100%; }
	.cm_inpage_navigation .inpage_navigation_area { position: static; width: 100%; margin: 15px 0; transition: none; }
	.cm_inpage_navigation .inpage_content { width: 100%; }
	.cm_layout1 { grid-template-columns: repeat(1, 1fr); }
	.cm_layout2 { grid-template-columns: repeat(1, 1fr); }
	.cm_img_zoom_wrap { position: relative; }
	.cm_img_zoom_wrap .img_zoom_inner { overflow: auto; }
	.cm_img_zoom_wrap:before { display: flex; position: absolute; top: 0px; right: 0px; align-items: center; justify-content: center; padding: 5px 10px; padding-right: 30px; background: rgba(0, 0, 0, 0.8) url(../../images/common/icon_zoom.svg) no-repeat right 10px center/14px; content: "이미지 크게 보기"; color: #fff; font-size: 12px; }
	.cm_img_zoom_wrap.active .img_zoom { min-width: 1000px; }
	.cm_img_zoom_wrap.active:before { content: "이미지 작게 보기"; }

	/* 관련 사이트 */
	.cm_site_info .site_list_items { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:1000px) {
	.page_resume table .form_control { min-width: 150px; }
	.main_page .sec3_support_list .sec3_support_item:nth-child(3) { display: none; }
}
@media screen and (max-width:834px) {
	.main_page .sec3_notice_list .sec3_notice_item:nth-child(4),
	.main_page .sec3_notice_list .sec3_notice_item:nth-child(5) { display: none; }
}
@media screen and (max-width:768px) {
	.main_page .sec3_notice_list .sec3_notice_item:nth-child(4),
	.main_page .sec3_notice_list .sec3_notice_item:nth-child(5),
	.main_page .sec3_support_list .sec3_support_item:nth-child(3) { display: list-item; }
	.header .search_layer .search_layer_header { padding-top: 60px; padding-bottom: 25px; }
	.header .search_layer .search_layer_header_top { align-items: start; margin-bottom: 16px; }
	.header .search_layer .search_layer_close { font-size: 24px; }
	.header .search_layer .search_layer_title { font-size: 20px; }
	.header .search_layer .search_layer_search_btn { width: 24px; }
	.header .search_layer .search_layer_content { padding-top: 25px; padding-bottom: 0; }
	.header .search_layer .search_layer_content > .inner { display: block; padding-bottom: 25px; overflow: auto; }
	.header .search_layer .search_layer_content > .inner:before { display: none; }
	.header .search_layer .recent_searches { margin-top: 40px; }
	.sitemap_layer { padding-top: 2.4rem; }
	.sitemap_layer .sitemap_head_area .head_top { position: relative; flex-direction: column; align-items: start; gap: 12px; }
	.sitemap_layer .sitemap_head_area .sitemap_close { position: absolute; top: 0; right: 0; }
	.sitemap_layer .sitemap_depth1_list .sitemap_depth1_link { gap: 32px; font-size: 13px; }
	.sitemap_layer .sitemap_depth3_list .sitemap_depth3_item { width: calc(50% - 8px); }
	.job_fair_layer .job_fair_container { width: calc(100% - 30px); }
	.job_fair_layer .job_fair_head { padding-top: 2rem; padding-right: 2rem; padding-left: 2rem; }
	.job_fair_layer .job_fair_container .job_fair_body { padding-right: 2rem; padding-left: 2rem; }
	.job_fair_layer .job_fair_body .overview_area .calendar_area { width: 100%; }
	.job_fair_layer .job_fair_body .overview_area { flex-direction: column; width: 100%; }
	.job_fair_layer .job_fair_body .overview_area .fair_overview { display: block; }
	.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.month .card_content .num { font-size: 32px; }
	.job_fair_layer .job_fair_body .overview_area .fair_overview .overview_card.location { margin-top: 2rem; }
	.page__job_map .search_area .search_wrap_body .body_inner .cm_overview10 { grid-template-columns: repeat(1, 1fr); }

	/* 관련 사이트 */
	.cm_site_info > .inner { padding-right: 0; padding-left: 0; }
	.cm_site_info .site_list_wrap { flex-wrap: wrap; }
	.cm_site_info .site_list_wrap > li { flex: 0 0 50%; border: none; border-bottom: 1px solid var(--color-border-gray); }
	.cm_site_info .site_list_wrap > li:first-child { border: none; border-bottom: 1px solid var(--color-border-gray); }
	.cm_site_info .site_list_items { grid-template-columns: repeat(2, 1fr); }
	.cm_site_info .site_list_items > li > a { padding: 4px 0; letter-spacing: -1px; }
	.cm_floating_btn > .inner { flex-direction: column; align-items: stretch; padding: 0; gap: 12px; }
	.cm_floating_btn .floating_btn_list { flex-wrap: wrap; width: 100%; }
	.cm_floating_btn .floating_btn_list > a { width: 100%; }
	.cm_floating_btn .floating_btn_list.type2 > li { width: 50%; }
	.cm_floating_btn .floating_btn_list.type2 > li:nth-child(2):before { display: none; }
	.cm_floating_btn .floating_btn_area { display: flex; flex-wrap: wrap; width: 100%; gap: 8px; }
	.cm_floating_btn .floating_btn_area > * { flex: 1 1 48%; min-width: 0; }
	.cm_chart_info { flex-direction: column; }
	.cm_chart_info .chart_info { width: 100%; }
	.main_page .section1 .section_title { font-size: 24px; }
	.main_page .section1 .section_title strong { display: block; font-size: 38px; line-height: 1.2; }
	.main_page .section2 .sec2_card_list .default_box { height: 180px; }
	.main_page .section2 .sec2_card_list .hover_box .content_category_list { gap: 4px; }
	.main_page .section2 .sec2_card_list .hover_box .content_category_list .category_button { padding: 4px 6px; border-radius: 4px; font-size: 13px; word-break: break-all; }
	.main_page .section3 .sec3_card_list { grid-template-columns: repeat(1, 1fr); }
	.main_page .section3 .sec3_card_list .card_item.notice { aspect-ratio: auto; padding-top: 16px; padding-bottom: 16px; }
	.main_page .section3 .sec3_card_list .card_item .main_title { margin-bottom: 12px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_head { margin-bottom: 10px; }
	.main_page .section3 .cm_overview8 .ovw8_box .ovw8_foot { margin-top: 8px; padding-top: 8px; }
	.main_page .section3 .sec3_card_list .card_item.sec3_notice { aspect-ratio: auto; padding-top: 16px; padding-bottom: 16px; overflow: visible; }
	.main_page .sec3_notice_head { margin-bottom: 12px; }
	.main_page .sec3_notice_title { font-size: 20px; }
	.main_page .sec3_tab_btn { font-size: 14px; }
	.main_page .sec3_notice_badge { padding: 3px 10px; font-size: 13px; }
	.main_page .sec3_notice_text { font-size: 14px; }
	.main_page .sec3_notice_date { font-size: 13px; }
	.main_page .sec3_support_text { font-size: 15px; }
	.main_page .sec3_support_org,
	.main_page .sec3_support_date { font-size: 13px; }
	.cm_mypage_intro .mypage_head { flex-direction: column; align-items: stretch; text-align: center; }
	.cm_mypage_intro .mypage_info_wrap { flex-direction: column; }
	.cm_mypage_intro .mypage_info_list { flex-direction: column; }
	.cm_mypage_intro .mypage_menu_list { margin: auto; }
	.cm_reserve_wrap .reserve_picker_wrap { flex-direction: column; }
	.cm_reserve_wrap .reserve_calendar_panel { flex: none; width: 100%; }
	.cm_reserve_wrap .reserve_time_panel { width: 100%; }
	.cm_reserve_wrap .reserve_time_list { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:640px) {
	.main_page .section2 .sec2_card_list { grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width:480px) {

	/* 메인 탭 */
	.main_page .tab_area .cm_tab.variant3 .tab_list { display: flex; width: 100%; gap: 4px; }
	.main_page .tab_area .cm_tab.variant3 .tab_list .tab_item { flex: 1 1 50%; min-width: 0; }
	.main_page .tab_area .cm_tab.variant3 .tab_list .tab_button { width: 100%; }

	/* footer */
	.footer .footer_address { flex-direction: column; align-items: stretch; }
	.footer .actions_list { flex-direction: row; }
	.page_login .sns_login_content .sns_login_buttons { flex-direction: column; }
	.page_login .sns_login_content .sns_login_buttons .cm_btn { max-width: none; }

	/* 관련 사이트 */
	.cm_site_info .site_list_wrap > li { flex: 0 0 100%; }
	.cm_reserve_wrap .reserve_time_list { grid-template-columns: repeat(1, 1fr); }
	.cm_reserve_wrap .reserve_state_box { flex-direction: column; align-items: flex-start; padding: 16px; }
	.cm_reserve_wrap .reserve_state_times { width: 100%; }
	.cm_reserve_wrap .cm_form_write.form_write1 .form_group .form_label { width: 100%; }
}