:root.jobincheon { --reserve-primary: #6b3fa8; --reserve-primary-hover: color-mix(in srgb, var(--reserve-primary) 85%, #000); --reserve-primary-tint: color-mix(in srgb, var(--reserve-primary) 10%, #fff); --reserve-primary-tint2:color-mix(in srgb, var(--reserve-primary) 5%, #fff); --reserve-calendar3-select: #ff8235; --reserve-calendar3-select-bg: #ffede2; }
html.jobincheon .cm_font_sample .drop_menu .drop_list .item_link:hover { background-color: var(--reserve-primary-tint); }
html.jobincheon .cm_font_sample .drop_menu .drop_list .item_link.active { background-color: var(--reserve-primary-tint); }
html.jobincheon .cm_font_sample .drop_list .item_link.active:before { border-color: var(--reserve-primary); background-color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant1 { border-color: var(--reserve-primary); background: var(--reserve-primary); color: #fff; }
html.jobincheon .cm_btn.variant1:not(.hover_none):hover { border-color: var(--reserve-primary-hover); background: var(--reserve-primary-hover); color: #fff; }
html.jobincheon .cm_box3 { border: 1px solid var(--reserve-primary-tint); background: var(--reserve-primary-tint2); }
html.jobincheon .cm_sidebar .sidebar_title { background: linear-gradient(84deg, #5b3a8e 9.43%, #9b4f96 42.63%, #db6400 75.84%); }
html.jobincheon .cm_sidebar .sidebar_title:before { background-image: url(../../images/jobincheon/common/sidebar_bg.png); }
html.jobincheon .cm_sidebar .sidebar_menu > li.active > a:before { background-color: var(--reserve-primary); }
html.jobincheon .cm_sidebar .sidebar_menu > li.active > a:after { background-color: var(--reserve-primary); }
html.jobincheon .cm_sidebar .sidebar_menu > li.active > a { color: var(--reserve-primary); }
html.jobincheon .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.jobincheon .cm_tab.variant4 .tab_list .tab_item.active .tab_button { background: var(--reserve-primary); }
html.jobincheon .cm_paging1 .page_link.active { background-color: var(--reserve-primary); }
html.jobincheon .cm_paging2 .page_control:not(.none):hover .page_txt { color: var(--reserve-primary); }
html.jobincheon .cm_table1 { border-top: 2px solid var(--reserve-primary); }
html.jobincheon .cm_table1 .board_notice_icon { background-color: var(--reserve-primary-tint); }
html.jobincheon .cm_table1 .board_notice_icon:before { background-color: var(--reserve-primary); }
html.jobincheon .cm_board_detail1 .board_category .cm_badge.variant1 { background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant7 { border-color: var(--reserve-primary); background-color: #fff; color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant7:not(.hover_none):hover { background: var(--reserve-primary-tint); }
html.jobincheon .cm_validation.info3:before { background-color: var(--reserve-primary); }
html.jobincheon .cm_tab.variant2 .tab_list .active .tab_button { border-color: var(--reserve-primary); background: var(--reserve-primary); }
html.jobincheon .cm_swiper .swiper-pagination-bullet-active { background-color: var(--reserve-primary); }
html.jobincheon .cm_swiper .gallery_swiper_thumbs .swiper-slide-thumb-active { border-color: var(--reserve-primary); }
html.jobincheon .btn_like.active,
html.jobincheon .btn_like3.active { background-image: url(../../images/jobincheon/common/icon_wish_fill.svg); }
html.jobincheon .btn_like2.active .cm_icon.wish:before { background-image: url(../../images/jobincheon/common/icon_wish_fill.svg); }
html.jobincheon .cm_overview1 .ovw1_info .cm_color.primary-80 { color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant2 { border-color: var(--reserve-primary); background: #fff; color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant2:hover { border-color: var(--reserve-primary); background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.jobincheon .cm_overview1 .ovw1_header .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.jobincheon .cm_overview1 a.ovw1_title:hover { color: var(--reserve-primary); }
html.jobincheon .cm_validation.info:before { background-color: var(--reserve-primary); }
html.jobincheon .cm_validation.info .text { color: var(--reserve-primary); }
html.jobincheon .cm_validation.info2:before { background-color: var(--reserve-primary); }
html.jobincheon .guide_box .box_guide_area .cm_validation.info2 .text { color: #333; }
html.jobincheon .cm_btn.variant9 { border-color: var(--reserve-primary); background-color: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.jobincheon .cm_btn.variant9:not(.hover_none):hover { border-color: var(--reserve-primary); background-color: color-mix(in srgb, var(--reserve-primary) 20%, #fff); }
html.jobincheon .cm_btn.variant9 .cm_icon.open_new_window3::before { background-color: var(--reserve-primary); }
html.jobincheon .cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li > a.active { color: var(--reserve-primary); }
html.jobincheon .cm_inpage_navigation .inpage_content_head .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.jobincheon .cm_inpage_navigation .inpage_content_head .cm_badge.variant15 { border-color: var(--reserve-primary); background: var(--reserve-primary); }
html.jobincheon .cm_icon.open_new_window:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/jobincheon/common/icon_link.svg"); mask-image: url("../../images/jobincheon/common/icon_link.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_icon.date:before { background: none; background-color: #333; -webkit-mask-image: url("../../images/common/icon_date.svg"); mask-image: url("../../images/common/icon_date.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_icon.organization:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/common/icon_organization.svg"); mask-image: url("../../images/common/icon_organization.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_icon.plus_primary:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/common/icon_plus_primary.svg"); mask-image: url("../../images/common/icon_plus_primary.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_icon.link:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/common/icon_link.svg"); mask-image: url("../../images/common/icon_link.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_icon.download:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/common/icon_download.svg"); mask-image: url("../../images/common/icon_download.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .cm_btn.variant1 .cm_icon.open_new_window:before { background-color: #fff; }
html.jobincheon .sub_page .sub_page_content > .inner { padding-right: 0; }
html.jobincheon .cm_middle_title1:before { background-image: url(../../images/jobincheon/common/icon_bullet.svg); }
html.jobincheon .header_jobincheon { z-index: 50; position: relative; background: #fff; }
html.jobincheon .header_jobincheon .inner { --inner: 1600px; }
html.jobincheon .header_jobincheon .header_top .inner { display: flex; align-items: center; justify-content: space-between; height: clamp(44px, 2.9166666667vw, 56px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .header_jobincheon .header_top_left { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .header_jobincheon .header_top_logo { display: flex; align-items: center; }
html.jobincheon .header_jobincheon .header_top_notice { font-size: clamp(14px, 0.78125vw, 15px); }
html.jobincheon .header_jobincheon .header_top_link { display: inline-flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
html.jobincheon .header_jobincheon .header_top_link_logo { display: inline-flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
html.jobincheon .header_jobincheon .header_top_link_logo img { display: block; width: auto; height: clamp(20px, 1.3541666667vw, 26px); }
html.jobincheon .header_jobincheon .header_top_link_logo:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(20px, 1.25vw, 24px); background-color: #666; content: ""; -webkit-mask-image: url("../../images/common/icon_link.svg"); mask-image: url("../../images/common/icon_link.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .header_jobincheon .header_top_link:hover .header_top_link_logo:after,
html.jobincheon .header_jobincheon .header_top_link:focus-visible .header_top_link_logo:after { background-color: var(--reserve-primary); }
html.jobincheon .header_jobincheon .header_top_util { display: flex; align-items: center; gap: clamp(10px, 0.625vw, 12px); }
html.jobincheon .header_jobincheon .header_top_util > li { display: inline-flex; position: relative; align-items: center; }
html.jobincheon .header_jobincheon .header_top_util > li + li:before { display: block; width: 1px; height: 12px; margin-right: clamp(10px, 0.625vw, 12px); background: #999; content: ""; }
html.jobincheon .header_jobincheon .header_top_util > li.font_drop .cm_font_sample .drop_menu { right: auto; left: 50%; transform: translateX(-50%); }
html.jobincheon .header_jobincheon .header_top_util > li.font_drop .cm_font_sample .drop_menu:before { right: auto; left: 50%; }
html.jobincheon .header_jobincheon .header_top_util_link { display: inline-flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-size: clamp(13px, 0.8854166667vw, 17px); }
html.jobincheon .header_jobincheon .header_top_util_link:hover,
html.jobincheon .header_jobincheon .header_top_util_link:focus-visible { color: var(--reserve-primary); }
html.jobincheon .header_jobincheon .header_main { border-bottom: 1px solid #ccc; }
html.jobincheon .header_jobincheon .header_main .inner { display: flex; align-items: center; justify-content: space-between; height: clamp(72px, 5vw, 96px); gap: clamp(24px, 5.2083333333vw, 100px); }
html.jobincheon .header_jobincheon .header_brand { flex-shrink: 0; }
html.jobincheon .header_jobincheon .header_brand_link { display: block; }
html.jobincheon .header_jobincheon .header_brand_link img { display: block; width: auto; height: clamp(44.8px, 2.9166666667vw, 56px); }
html.jobincheon .header_jobincheon .header_menu_btn { display: none; width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); padding: 0; border: 0; background-color: #191919; -webkit-mask-image: url("../../images/common/icon_menu2.svg"); mask-image: url("../../images/common/icon_menu2.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; transition: background-color 150ms ease-out; }
html.jobincheon .header_jobincheon .header_menu_btn[aria-expanded=true] { background-color: #191919; -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; }
html.jobincheon .header_jobincheon .gnb { flex: 1 1 auto; align-self: stretch; min-width: 0; }
html.jobincheon .header_jobincheon .gnb .gnb_util { display: none; }
html.jobincheon .header_jobincheon .gnb .gnb_depth1_wrap { height: 100%; }
html.jobincheon .header_jobincheon .gnb .gnb_depth1 { display: flex; align-items: stretch; height: 100%; gap: clamp(32px, 3.3333333333vw, 64px); }
html.jobincheon .header_jobincheon .gnb .gnb_item1 { display: flex; position: static; align-items: center; }
html.jobincheon .header_jobincheon .gnb .gnb_link1 { display: inline-flex; position: relative; align-items: center; height: 100%; padding: 0 clamp(3.2px, 0.2083333333vw, 4px); color: #191919; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.4; word-break: keep-all; transition: color 180ms cubic-bezier(0.16, 1, 0.3, 1); }
html.jobincheon .header_jobincheon .gnb .gnb_link1:after { position: absolute; right: 0; bottom: -1px; left: 0; height: 2px; transform: scaleX(0); transform-origin: center; background: var(--reserve-primary); content: ""; transition: transform 200ms cubic-bezier(0.16, 1, 0.3, 1); }
html.jobincheon .header_jobincheon .gnb .gnb_item1.active > .gnb_link1 { color: var(--reserve-primary); }
html.jobincheon .header_jobincheon .gnb .gnb_item1.active > .gnb_link1:after { transform: scaleX(1); }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap { visibility: hidden; z-index: 10; position: absolute; top: 100%; left: 0; width: 100%; padding: clamp(40px, 3.3333333333vw, 64px) clamp(24px, 8.3333333333vw, 160px) clamp(48px, 4.1666666667vw, 80px); overflow: hidden; transform: translateY(-8px); background: #fff; box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08); opacity: 0; pointer-events: none; transition: opacity 200ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1), visibility 200ms; }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap:before { position: absolute; top: clamp(-247px, -12.8645833333vw, -197.6px); left: clamp(251.2px, 16.3541666667vw, 314px); width: clamp(261.6px, 17.03125vw, 327px); height: clamp(261.6px, 17.03125vw, 327px); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--reserve-primary) 12%, #fff) 0%, transparent 70%); content: ""; pointer-events: none; }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap:after { position: absolute; right: clamp(-80px, -4.1666666667vw, -64px); bottom: clamp(54.4px, 3.5416666667vw, 68px); width: clamp(261.6px, 17.03125vw, 327px); height: clamp(261.6px, 17.03125vw, 327px); border-radius: 50%; background: radial-gradient(circle, color-mix(in srgb, var(--reserve-primary) 8%, #fff) 0%, transparent 70%); content: ""; pointer-events: none; }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_header { display: flex; flex-shrink: 0; align-items: center; width: clamp(192px, 12.5vw, 240px); padding-right: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_header_title { color: #000; font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); line-height: 1.4; letter-spacing: 1px; word-break: keep-all; }
html.jobincheon .header_jobincheon .gnb .gnb_depth2_content { flex: 1 1 auto; min-width: 0; }
html.jobincheon .header_jobincheon .gnb .gnb_depth2 { display: flex; flex-wrap: wrap; gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .header_jobincheon .gnb .gnb_item2 { flex: 0 0 clamp(244.8px, 15.9375vw, 306px); max-width: clamp(244.8px, 15.9375vw, 306px); }
html.jobincheon .header_jobincheon .gnb .gnb_link2 { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: clamp(12px, 0.78125vw, 15px) clamp(12.8px, 0.8333333333vw, 16px) clamp(12px, 0.78125vw, 15px) clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); color: #000; font-weight: 400; font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.5; white-space: nowrap; transition: border-color 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out; }
html.jobincheon .header_jobincheon .gnb .gnb_link2:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background-color: #000; content: ""; -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; mask-position: center; transition: background-color 150ms ease-out; }
html.jobincheon .header_jobincheon .gnb .gnb_link2:hover,
html.jobincheon .header_jobincheon .gnb .gnb_link2:focus-visible { border-color: var(--reserve-primary); background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.jobincheon .header_jobincheon .gnb .gnb_link2:hover:after,
html.jobincheon .header_jobincheon .gnb .gnb_link2:focus-visible:after { background-color: var(--reserve-primary); }
html.jobincheon .header_jobincheon .gnb .gnb_item2.active > .gnb_link2 { border-color: var(--reserve-primary); background: var(--reserve-primary); color: #fff; font-weight: 700; }
html.jobincheon .header_jobincheon .gnb .gnb_item2.active > .gnb_link2:after { background-color: #fff; }
html.jobincheon .footer_jobincheon { padding: clamp(20px, 2.5vw, 48px) 0; background: #fafafa; }
html.jobincheon .footer_jobincheon .inner { --inner: 1600px; position: relative; }
html.jobincheon .footer_jobincheon .footer_top { margin-bottom: clamp(15px, 1.6666666667vw, 32px); padding-bottom: clamp(15px, 1.6666666667vw, 32px); border-bottom: 1px solid #ccc; }
html.jobincheon .footer_jobincheon .footer_policy { display: flex; align-items: center; gap: clamp(10px, 0.625vw, 12px); }
html.jobincheon .footer_jobincheon .footer_policy li { display: flex; position: relative; align-items: center; }
html.jobincheon .footer_jobincheon .footer_policy li + li:before { display: inline-block; width: 1px; height: 12px; margin-right: clamp(10px, 0.625vw, 12px); background: #e6e6e6; content: ""; }
html.jobincheon .footer_jobincheon .footer_policy a { color: #333; font-size: clamp(13px, 0.8854166667vw, 17px); }
html.jobincheon .footer_jobincheon .footer_policy a.strong { color: #000; font-weight: 700; }
html.jobincheon .footer_jobincheon .footer_policy a:hover { text-decoration: underline; }
html.jobincheon .footer_jobincheon .footer_main { display: flex; align-items: flex-start; gap: clamp(16px, 1.875vw, 36px); }
html.jobincheon .footer_jobincheon .footer_info { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; gap: clamp(4px, 0.625vw, 12px); }
html.jobincheon .footer_jobincheon .footer_address { color: #333; font-size: clamp(13px, 0.8854166667vw, 17px); word-break: keep-all; }
html.jobincheon .footer_jobincheon .footer_contact { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(6px, 0.8333333333vw, 16px); }
html.jobincheon .footer_jobincheon .footer_contact li { display: flex; position: relative; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.jobincheon .footer_jobincheon .footer_contact li + li:before { display: inline-block; width: 1px; height: 12px; margin-right: clamp(4px, 0.4166666667vw, 8px); background: #ccc; content: ""; }
html.jobincheon .footer_jobincheon .footer_contact .label { font-weight: 400; }
html.jobincheon .footer_jobincheon .footer_copy { margin-top: clamp(48px, 3.125vw, 60px); color: #666; font-size: clamp(12px, 0.8854166667vw, 17px); }
html.jobincheon .footer_jobincheon .footer_aside { flex-shrink: 0; width: clamp(160px, 10.0520833333vw, 193px); }
html.jobincheon .footer_jobincheon .footer_family { position: relative; }
html.jobincheon .footer_jobincheon .footer_family .drop_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; padding: 0 16px; gap: 10px; border: 1px solid #999; border-radius: 6px; background: #fff; color: #333; font-size: clamp(15px, 0.8854166667vw, 17px); text-align: left; }
html.jobincheon .footer_jobincheon .footer_family .drop_btn:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(17.6px, 1.1458333333vw, 22px); background: url(../../images/common/icon_arrow_down.svg) no-repeat center/contain; content: ""; }
html.jobincheon .footer_jobincheon .footer_family .drop_btn[aria-expanded=true]:after { transform: rotate(180deg); }
html.jobincheon .footer_jobincheon .footer_family .drop_menu { display: none; z-index: 5; position: absolute; right: 0; bottom: calc(100% + 6px); left: 0; border: 1px solid #ccc; border-radius: 6px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); }
html.jobincheon .footer_jobincheon .footer_family.is_open .drop_menu { display: block; }
html.jobincheon .footer_jobincheon .footer_family .drop_in { max-height: 280px; padding: 8px 0; overflow-y: auto; }
html.jobincheon .footer_jobincheon .footer_family .drop_list li a { display: block; padding: 8px 16px; color: #333; font-size: clamp(14px, 0.78125vw, 15px); }
html.jobincheon .footer_jobincheon .footer_family .drop_list li a:hover,
html.jobincheon .footer_jobincheon .footer_family .drop_list li a:focus { background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.jobincheon .footer_jobincheon .footer_logo { position: absolute; right: var(--inner_padding); bottom: 0; }
html.jobincheon .footer_jobincheon .footer_logo img { width: clamp(100px, 8.28125vw, 159px); }
.page_JOBINCHEON6 .map_area { position: relative; aspect-ratio: 960/520; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: lightgray; }
.page_JOBINCHEON6 .map_area .root_daum_roughmap { width: 100%; height: 100%; }
.page_JOBINCHEON6 .map_area .root_daum_roughmap .wrap_map { height: 100%; }
.page_JOBINCHEON6 .map_area .root_daum_roughmap .cont { display: none; }
.page_JOBINCHEON6 .content_list { border-top: 1px solid #000; }
.page_JOBINCHEON6 .content_list .content_item { display: flex; align-items: start; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(12.8px, 0.8333333333vw, 16px) clamp(32px, 2.0833333333vw, 40px); border-bottom: 1px solid #ccc; }
.page_JOBINCHEON6 .content_list .content_item .item_title { width: 120px; font-weight: 700; font-size: clamp(16.8px, 1.09375vw, 21px); }
.page_JOBINCHEON6 .content_list .content_item .item_detail { flex: 1 1 0; min-width: 0; }
.page_JOBINCHEON16 .section1 { display: flex; flex-direction: column; }
.page_JOBINCHEON16 .top_box { display: flex; z-index: 2; position: relative; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(-40px, -2.0833333333vw, -24px); padding: clamp(24px, 2.0833333333vw, 40px); gap: clamp(24px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(16px, 1.25vw, 24px); background: #fff; }
.page_JOBINCHEON16 .top_left { display: flex; flex-direction: column; gap: clamp(24px, 1.6666666667vw, 32px); }
.page_JOBINCHEON16 .top_text { display: flex; flex-direction: column; gap: clamp(12px, 0.8333333333vw, 16px); }
.page_JOBINCHEON16 .top_desc { color: #333; font-weight: 400; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_JOBINCHEON16 .apply_btn { display: inline-flex; align-items: center; height: 48px; padding: 0 clamp(12.8px, 0.8333333333vw, 16px); gap: 4px; border-radius: 6px; background: var(--reserve-primary); color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); white-space: nowrap; }
.page_JOBINCHEON16 .btn_icon { width: 20px; height: 20px; }
.page_JOBINCHEON16 .top_right { display: flex; flex-shrink: 0; align-items: stretch; gap: clamp(8px, 0.625vw, 12px); }
.page_JOBINCHEON16 .service_item { display: flex; flex-direction: column; align-items: center; padding: clamp(16px, 1.25vw, 24px); gap: clamp(12px, 0.8333333333vw, 16px); border-radius: 99px; background: #ebe6f3; }
.page_JOBINCHEON16 .service_icon_wrap { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; overflow: hidden; border-radius: 99px; background: #fff; }
.page_JOBINCHEON16 .service_icon { width: 24px; height: 24px; object-fit: contain; }
.page_JOBINCHEON16 .service_label { color: #333; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); text-align: center; white-space: nowrap; }
.page_JOBINCHEON16 .bottom_box { display: flex; z-index: 1; position: relative; flex-direction: column; padding: clamp(60px, 4.1666666667vw, 80px) clamp(24px, 2.0833333333vw, 40px) clamp(24px, 1.6666666667vw, 32px); gap: clamp(28px, 2.0833333333vw, 40px); border: 1px solid #e6e6e6; border-radius: clamp(12px, 0.8333333333vw, 16px); background: #f9f9f9; }
.page_JOBINCHEON16 .notice_item { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.page_JOBINCHEON16 .notice_title { display: block; color: var(--reserve-primary); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_JOBINCHEON16 .cm_middle_contact_box { border: 1px solid #ddd; background: #fff; }
.page_JOBINCHEON16 .cm_middle_contact_box .contact_icon { background: #ffb080; }
.page_JOBINCHEON36 { display: flex; flex-direction: column; gap: clamp(64px, 4.1666666667vw, 80px); }
.page_JOBINCHEON36 .top_box { display: flex; z-index: 2; position: relative; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: clamp(-40px, -2.0833333333vw, -32px); padding: clamp(20px, 2.0833333333vw, 40px); gap: clamp(15px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
.page_JOBINCHEON36 .box_left { display: flex; align-items: center; gap: clamp(15px, 2.0833333333vw, 40px); }
.page_JOBINCHEON36 .box_right { margin-left: auto; }
.page_JOBINCHEON36 .icon_wrap { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(35px, 4.5833333333vw, 88px); padding: clamp(8px, 0.5208333333vw, 10px); overflow: hidden; border-radius: clamp(25.6px, 1.6666666667vw, 32px); background: #f9f9f9; }
.page_JOBINCHEON36 .icon_wrap img { width: clamp(38.4px, 2.5vw, 48px); height: clamp(38.4px, 2.5vw, 48px); object-fit: contain; }
.page_JOBINCHEON36 .top_desc { color: #000; font-weight: 700; font-size: clamp(16.8px, 1.09375vw, 21px); word-break: keep-all; }
.page_JOBINCHEON36 .top_desc span { color: var(--reserve-primary); }
.page_JOBINCHEON36 .container { display: flex; z-index: 1; position: relative; flex-direction: column; padding: clamp(60px, 4.1666666667vw, 80px) clamp(20px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px); gap: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #e6e6e6; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f9f9f9; }
.page_JOBINCHEON36 .item { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.page_JOBINCHEON36 .item_title { display: block; color: var(--reserve-primary); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.jobincheon .jobincheon_main_page { overflow: hidden; background-image: url(../../images/jobincheon/main/main_bg.jpg); background-position: left top clamp(-20px, -1.0416666667vw, -16px); background-size: clamp(1536px, 100vw, 1920px); background-repeat: no-repeat; }
html.jobincheon .jobincheon_main_page .main_visual { position: relative; padding-top: clamp(92.8px, 6.0416666667vw, 116px); padding-bottom: clamp(40px, 3.125vw, 60px); }
html.jobincheon .jobincheon_main_page .main_visual .inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(24px, 2.0833333333vw, 40px); }
html.jobincheon .jobincheon_main_page .main_visual_display { display: flex; flex-shrink: 0; flex-direction: column; width: 37%; min-width: clamp(200px, 15.625vw, 300px); gap: clamp(20px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .intro_text_img { display: block; width: clamp(240px, 19.7916666667vw, 380px); max-width: 100%; height: auto; }
html.jobincheon .jobincheon_main_page .main_visual_desc { color: #333; font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.6; word-break: keep-all; }
html.jobincheon .jobincheon_main_page .main_visual_slider_wrap { position: relative; flex: 1 1 auto; min-width: 0; margin-right: calc((100vw - clamp(998.4px, 65vw, 1248px)) / -2); }
html.jobincheon .jobincheon_main_page .main_banner_swiper { height: 100%; }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-wrapper { height: 100%; }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-slide { width: clamp(368px, 23.9583333333vw, 460px); height: 100%; }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-slide a { border-radius: clamp(25.6px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-slide img { display: block; aspect-ratio: 460/345; width: 100%; overflow: hidden; object-fit: cover; border-radius: clamp(25.6px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .banner_card { display: block; position: relative; overflow: hidden; border-radius: clamp(25.6px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .banner_card_img { display: block; aspect-ratio: 460/345; width: 100%; overflow: hidden; object-fit: cover; border-radius: clamp(25.6px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .banner_card_subtract { position: absolute; bottom: 0; left: 0; aspect-ratio: 241/212; width: clamp(180px, 12.5520833333vw, 241px); transform: translateY(100%); background: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' width='100%25' height='100%25' overflow='visible' viewBox='0 0 241 211.912' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0C17.0264 42.8699 43.391 83.7279 78.9033 119.24C126.102 166.439 182.742 197.48 241 211.912H0V0Z' fill='%23FF7926'/%3E%3C/svg%3E") no-repeat left bottom/contain; opacity: 0; pointer-events: none; transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1); }
html.jobincheon .jobincheon_main_page .banner_card_label { position: absolute; bottom: clamp(16px, 1.25vw, 24px); left: clamp(16px, 1.25vw, 24px); color: #fff; font-weight: 700; font-size: clamp(16px, 1.09375vw, 21px); line-height: 1.5; clip-path: inset(0 0 100% 0); pointer-events: none; transition: clip-path 500ms 0ms cubic-bezier(0.16, 1, 0.3, 1); }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-slide-active .banner_card_subtract { transform: translateY(0); opacity: 1; }
html.jobincheon .jobincheon_main_page .main_banner_swiper .swiper-slide-active .banner_card_label { clip-path: inset(0 0 0% 0); }
html.jobincheon .jobincheon_main_page .main_banner_nav { display: flex; z-index: 1; position: absolute; bottom: 0; left: 25%; align-items: center; justify-content: center; width: clamp(120px, 7.8125vw, 150px); height: clamp(38.4px, 2.5vw, 48px); gap: clamp(6.4px, 0.4166666667vw, 8px); transform: translateY(50%); border-radius: 1000px; background-color: #fff; }
html.jobincheon .jobincheon_main_page .main_banner_nav .nav_btn { display: block; aspect-ratio: 1/1; width: clamp(24px, 1.5625vw, 30px); overflow: hidden; border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; transition: opacity 150ms ease-out; }
html.jobincheon .jobincheon_main_page .main_banner_nav .nav_btn:hover { opacity: 0.7; }
html.jobincheon .jobincheon_main_page .main_banner_nav .nav_btn:focus-visible { outline: 2px solid var(--reserve-primary); outline-offset: 2px; }
html.jobincheon .jobincheon_main_page .main_banner_prev { background-image: url(../../images/common/icon_arrow_back.svg); }
html.jobincheon .jobincheon_main_page .main_banner_next { background-image: url(../../images/common/icon_arrow_forward.svg); }
html.jobincheon .jobincheon_main_page .main_banner_pause { background-image: url(../../images/common/icon_play.svg); }
html.jobincheon .jobincheon_main_page .main_banner_pause.is_playing { background-image: url(../../images/common/icon_pause.svg); }
html.jobincheon .jobincheon_main_page .main_service { margin-top: clamp(92px, 5.9895833333vw, 115px); }
html.jobincheon .jobincheon_main_page .main_service_box { display: flex; align-items: center; padding: clamp(40px, 2.6041666667vw, 50px) clamp(80px, 5.2083333333vw, 100px); gap: clamp(24px, 4.1666666667vw, 80px); border-radius: 999px; background: linear-gradient(58.2deg, #5b3a8e 9.43%, #9b4f96 42.64%, #db6400 75.84%); }
html.jobincheon .jobincheon_main_page .main_service_text { flex-shrink: 0; color: #fff; }
html.jobincheon .jobincheon_main_page .main_service_title { display: block; margin-bottom: clamp(4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(24px, 1.4583333333vw, 28px); line-height: 1.4; }
html.jobincheon .jobincheon_main_page .main_service_desc { font-size: clamp(13px, 0.8854166667vw, 17px); opacity: 0.85; }
html.jobincheon .jobincheon_main_page .main_service_list { display: flex; flex: 1 1 auto; align-items: center; justify-content: center; gap: clamp(72px, 4.6875vw, 90px); }
html.jobincheon .jobincheon_main_page .main_service_item { flex-shrink: 0; }
html.jobincheon .jobincheon_main_page .main_service_link { display: flex; flex-direction: column; align-items: center; gap: clamp(8px, 0.625vw, 12px); }
html.jobincheon .jobincheon_main_page .main_service_link:hover .main_service_icon,
html.jobincheon .jobincheon_main_page .main_service_link:focus-visible .main_service_icon { transform: translateY(-4px); }
html.jobincheon .jobincheon_main_page .main_service_link:focus-visible { border-radius: 4px; outline: 2px solid rgba(255, 255, 255, 0.8); outline-offset: 4px; }
html.jobincheon .jobincheon_main_page .main_service_icon { display: block; width: clamp(56px, 4.1666666667vw, 80px); transition: transform 200ms ease-out; }
html.jobincheon .jobincheon_main_page .main_service_icon img { display: block; width: 100%; height: auto; }
html.jobincheon .jobincheon_main_page .main_service_label { color: #fff; font-weight: 500; font-size: clamp(13px, 0.8854166667vw, 17px); white-space: nowrap; }
html.jobincheon .jobincheon_main_page .main_program { margin-top: clamp(96px, 6.25vw, 120px); }
html.jobincheon .jobincheon_main_page .main_section_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(20px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page .main_section_title { color: #191919; font-weight: 700; font-size: clamp(22px, 2.0833333333vw, 40px); line-height: 1.3; }
html.jobincheon .jobincheon_main_page .main_more_btn { display: inline-flex; align-items: center; justify-content: center; width: clamp(40px, 2.5vw, 48px); height: clamp(40px, 2.5vw, 48px); }
html.jobincheon .jobincheon_main_page .main_more_btn img { display: block; width: 100%; height: auto; }
html.jobincheon .jobincheon_main_page .main_program_swiper { overflow: hidden; }
html.jobincheon .jobincheon_main_page .main_program_swiper .swiper-wrapper { align-items: stretch; }
html.jobincheon .jobincheon_main_page .main_program_swiper .swiper-slide { height: auto; }
html.jobincheon .jobincheon_main_page .main_program_card { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(16px, 1.25vw, 24px); background: #fff; }
html.jobincheon .jobincheon_main_page .card_badges { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: clamp(16px, 1.0416666667vw, 20px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page .badge_category { display: inline-flex; align-items: center; height: clamp(28px, 1.6666666667vw, 32px); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: 99px; background: #f6eaff; color: #6a1b79; font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
html.jobincheon .jobincheon_main_page .badge_status { display: inline-flex; align-items: center; height: clamp(28px, 1.6666666667vw, 32px); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: 99px; color: #fff; font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
html.jobincheon .jobincheon_main_page .badge_status.recruiting { background: #ff8235; }
html.jobincheon .jobincheon_main_page .badge_status.closed { background: #686868; }
html.jobincheon .jobincheon_main_page .card_body { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 0; gap: clamp(12px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page .card_title { display: -webkit-box; -webkit-line-clamp: 3; overflow: hidden; color: #191919; font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); -webkit-box-orient: vertical; }
html.jobincheon .jobincheon_main_page .card_apply_btn { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(48px, 3.125vw, 60px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: #f4f5f6; color: #333; font-weight: 700; font-size: clamp(17px, 0.9895833333vw, 19px); }
html.jobincheon .jobincheon_main_page .card_apply_btn.active { background: #ff7926; color: #fff; }
html.jobincheon .jobincheon_main_page .card_apply_btn.active .cm_icon:before { background-image: url(../../images/common/icon_arrow_forward_wt.svg); }
html.jobincheon .jobincheon_main_page .card_apply_btn:focus-visible { outline: 2px solid var(--reserve-primary); outline-offset: 2px; }
html.jobincheon .jobincheon_main_page .main_notice_area { margin-top: clamp(96px, 6.25vw, 120px); padding-bottom: clamp(80px, 5.2083333333vw, 100px); }
html.jobincheon .jobincheon_main_page .main_notice_wrap { display: flex; align-items: flex-start; gap: clamp(32px, 2.6041666667vw, 50px); }
html.jobincheon .jobincheon_main_page .main_notice { flex: 1 1 0; min-width: 0; }
html.jobincheon .jobincheon_main_page .main_notice_list { display: flex; flex-direction: column; }
html.jobincheon .jobincheon_main_page .main_notice_item { border-bottom: 1px solid #ccc; }
html.jobincheon .jobincheon_main_page .main_notice_link { display: flex; flex-direction: column; justify-content: space-between; margin: -1px -2px; padding: clamp(26.4px, 1.71875vw, 33px) clamp(30.4px, 1.9791666667vw, 38px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 2px solid transparent; border-radius: clamp(19.2px, 1.25vw, 24px); transition: background 150ms, border-color 150ms, box-shadow 150ms; }
html.jobincheon .jobincheon_main_page .main_notice_link:hover,
html.jobincheon .jobincheon_main_page .main_notice_link:focus-visible { border-color: var(--reserve-primary); background: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); }
html.jobincheon .jobincheon_main_page .notice_title { flex: 1 1 auto; min-width: 0; overflow: hidden; color: #191919; font-weight: bold; font-size: clamp(17px, 1.25vw, 24px); text-overflow: ellipsis; white-space: nowrap; }
html.jobincheon .jobincheon_main_page .notice_date { flex-shrink: 0; color: #666; }
html.jobincheon .jobincheon_main_page .main_popup_zone { position: relative; flex-shrink: 0; width: clamp(350px, 22.9166666667vw, 440px); }
html.jobincheon .jobincheon_main_page .main_popup_zone:before { display: block; position: absolute; top: 0; left: 0; aspect-ratio: 218/112; width: clamp(174.4px, 11.3541666667vw, 218px); background: url(../../images/jobincheon/main/popup_title.png) no-repeat center/contain; content: ""; }
html.jobincheon .jobincheon_main_page .popup_zone_head_wrap { margin-bottom: clamp(9.6px, 0.625vw, 12px); }
html.jobincheon .jobincheon_main_page .popup_zone_head { display: flex; align-items: center; justify-content: flex-end; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page .popup_zone_ctrl { display: flex; align-items: center; padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 1000px; background-color: #f4f5f6; }
html.jobincheon .jobincheon_main_page .popup_zone_pagination { color: #333; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.jobincheon .jobincheon_main_page .popup_zone_pagination .current { color: var(--reserve-primary); }
html.jobincheon .jobincheon_main_page .popup_zone_pause { display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); border-radius: 50%; background-image: url(../../images/common/icon_play.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
html.jobincheon .jobincheon_main_page .popup_zone_pause.is_playing { background-image: url(../../images/common/icon_pause.svg); }
html.jobincheon .jobincheon_main_page .popup_zone_pause:focus-visible { outline: 2px solid var(--reserve-primary); outline-offset: 2px; }
html.jobincheon .jobincheon_main_page .popup_zone_nav { display: flex; align-items: center; }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn { display: block; aspect-ratio: 1/1; width: clamp(40px, 2.5vw, 48px); overflow: hidden; border: 1px solid #ccc; border-radius: 1000px; background-position: center; background-size: 50%; background-repeat: no-repeat; background-color: #fff; text-indent: 100%; white-space: nowrap; }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn:hover { border-color: transparent; background-color: #191919; }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn.popup_zone_prev { position: relative; left: clamp(6.4px, 0.4166666667vw, 8px); background-image: url(../../images/common/icon_arrow_back.svg); }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn.popup_zone_next { background-image: url(../../images/common/icon_arrow_forward.svg); }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn.popup_zone_prev:hover { background-image: url(../../images/common/icon_arrow_back_wt.svg); }
html.jobincheon .jobincheon_main_page .popup_zone_nav .nav_btn.popup_zone_next:hover { background-image: url(../../images/common/icon_arrow_forward_wt.svg); }
html.jobincheon .jobincheon_main_page .popup_zone_swiper { overflow: hidden; border-radius: clamp(32px, 2.0833333333vw, 40px); background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.16); }
html.jobincheon .jobincheon_main_page .popup_zone_swiper .swiper-slide { display: block; }
html.jobincheon .jobincheon_main_page .popup_zone_swiper .swiper-slide img { aspect-ratio: 1/1; width: 100%; object-fit: cover; }
html.jobincheon .jobincheon_main_page2 { overflow: hidden; background-image: url(../../images/jobincheon/main2/main_bg2.svg); background-position: center top; background-size: clamp(1536px, 100vw, 1920px) auto; background-repeat: no-repeat; }
html.jobincheon .jobincheon_main_page2 .main_design2 .inner { --inner: clamp(1280px, 83.3333333333vw, 1600px); }
html.jobincheon .jobincheon_main_page2 .main_design2 .m2_nav_btn { display: block; aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); border: 1px solid #ccc; border-radius: 50%; background-position: center; background-size: clamp(19.2px, 1.25vw, 24px); background-repeat: no-repeat; background-color: #fff; transition: background-color 150ms ease-out, border-color 150ms ease-out; }
html.jobincheon .jobincheon_main_page2 .main_design2 .m2_nav_btn.prev { background-image: url(../../images/common/icon_arrow_back.svg); }
html.jobincheon .jobincheon_main_page2 .main_design2 .m2_nav_btn.next { background-image: url(../../images/common/icon_arrow_forward.svg); }
html.jobincheon .jobincheon_main_page2 .main_design2 .m2_nav_btn:hover { border-color: #191919; }
html.jobincheon .jobincheon_main_page2 .main_design2 .m2_nav_btn.swiper-button-disabled { cursor: not-allowed; opacity: 0.35; pointer-events: none; }
html.jobincheon .jobincheon_main_page2 .m2_visual { position: relative; padding-top: clamp(51.2px, 3.3333333333vw, 64px); padding-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_bg:before,
html.jobincheon .jobincheon_main_page2 .m2_visual_bg:after { display: block; position: absolute; background-position: left center; background-size: contain; background-repeat: no-repeat; content: ""; }
html.jobincheon .jobincheon_main_page2 .m2_visual_bg:before { top: 3%; right: 5%; aspect-ratio: 1/1; width: clamp(336px, 21.875vw, 420px); background-image: url(../../images/jobincheon/main2/main_bg1_1.svg); animation: m2-float-slow 7s ease-in-out infinite; }
html.jobincheon .jobincheon_main_page2 .m2_visual_bg:after { top: 70%; left: 0; aspect-ratio: 1/1; width: clamp(368.8px, 24.0104166667vw, 461px); background-image: url(../../images/jobincheon/main2/main_bg1_2.svg); animation: m2-float-slow 9s ease-in-out 1.5s infinite; }
html.jobincheon .jobincheon_main_page2 .m2_visual_main { display: flex; position: relative; align-items: flex-start; gap: clamp(83.2px, 5.4166666667vw, 104px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_swiper_wrap { flex-shrink: 0; }
html.jobincheon .jobincheon_main_page2 .m2_visual_swiper { width: clamp(787.2px, 51.25vw, 984px); overflow: hidden; }
html.jobincheon .jobincheon_main_page2 .m2_visual_swiper .swiper-slide { width: clamp(384px, 25vw, 480px); margin-right: 24px; }
html.jobincheon .jobincheon_main_page2 .m2_visual_card { display: block; position: relative; aspect-ratio: 480/360; width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_card_img { display: block; width: 100%; height: 100%; object-fit: cover; }
html.jobincheon .jobincheon_main_page2 .m2_visual_card_label { z-index: 1; position: absolute; bottom: clamp(19.2px, 1.25vw, 24px); left: clamp(19.2px, 1.25vw, 24px); color: #fff; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); line-height: 1.4; }
html.jobincheon .jobincheon_main_page2 .m2_visual_display { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; padding-top: clamp(60px, 3.90625vw, 75px); gap: clamp(16px, 1.0416666667vw, 20px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_top { display: flex; flex-direction: column; }
html.jobincheon .jobincheon_main_page2 .m2_visual_eyebrow { color: #000; font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); line-height: 1.4; letter-spacing: 1px; animation: m2-fade-up 0.6s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both; }
html.jobincheon .jobincheon_main_page2 .m2_visual_logo { color: #5417c9; font-weight: 700; font-size: clamp(51.2px, 3.3333333333vw, 64px); line-height: 1.3; animation: m2-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.22s both; }
html.jobincheon .jobincheon_main_page2 .m2_visual_desc { color: #000; font-size: clamp(16.8px, 1.09375vw, 21px); line-height: 1.5; word-break: keep-all; animation: m2-fade-up 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.36s both; }
html.jobincheon .jobincheon_main_page2 .m2_visual_controller { display: flex; align-items: center; justify-content: space-between; width: clamp(787.2px, 51.25vw, 984px); max-width: 100%; margin-top: clamp(16px, 1.0416666667vw, 20px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_page { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_pagecount { display: flex; align-items: center; width: clamp(113.6px, 7.3958333333vw, 142px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_pagecount .current { color: #333; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.jobincheon .jobincheon_main_page2 .m2_visual_pagecount .total { color: #666; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.jobincheon .jobincheon_main_page2 .m2_pagecount_bar { position: relative; flex: 1 1 auto; height: 2px; overflow: hidden; border-radius: 2px; background: #ddd; }
html.jobincheon .jobincheon_main_page2 .m2_pagecount_bar:after { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; transform: scaleX(var(--m2-progress, 0)); transform-origin: left center; background: #000; content: ""; transition: transform 120ms linear; }
html.jobincheon .jobincheon_main_page2 .m2_visual_pause { display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); border-radius: 50%; background: url(../../images/common/icon_play.svg) no-repeat center/contain; }
html.jobincheon .jobincheon_main_page2 .m2_visual_pause.is_playing { background-image: url(../../images/common/icon_pause.svg); }
html.jobincheon .jobincheon_main_page2 .m2_visual_pause:focus-visible { outline: 2px solid var(--reserve-primary); outline-offset: 2px; }
html.jobincheon .jobincheon_main_page2 .m2_visual_nav { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page2 .m2_section_head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: clamp(32px, 2.0833333333vw, 40px); gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_section_title { color: #000; font-weight: 700; font-size: clamp(32px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: 1px; }
html.jobincheon .jobincheon_main_page2 .m2_section_sub { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); color: #000; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.jobincheon .jobincheon_main_page2 .m2_section_sub_line { display: block; width: clamp(20px, 2.0833333333vw, 40px); height: 1px; background: #714191; }
html.jobincheon .jobincheon_main_page2 .m2_service { position: relative; padding-top: clamp(48px, 3.125vw, 60px); padding-bottom: clamp(128px, 8.3333333333vw, 160px); }
html.jobincheon .jobincheon_main_page2 .m2_service_list { display: flex; align-items: stretch; gap: clamp(32px, 2.0833333333vw, 40px); }
html.jobincheon .jobincheon_main_page2 .m2_service_item { flex: 1 1 0; min-width: 0; }
html.jobincheon .jobincheon_main_page2 .m2_service_card { display: flex; position: relative; flex-direction: column; height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px); overflow: hidden; gap: clamp(19.2px, 1.25vw, 24px); border: 1px solid transparent; border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 220ms cubic-bezier(0.22, 1, 0.36, 1); }
html.jobincheon .jobincheon_main_page2 .m2_service_card::before { z-index: 0; position: absolute; inset: 0; background: linear-gradient(123deg, #9331f4 6.27%, #4100bd 97.13%); content: ""; opacity: 0; pointer-events: none; transition: opacity 150ms ease-out; }
html.jobincheon .jobincheon_main_page2 .m2_service_card > * { z-index: 1; position: relative; }
html.jobincheon .jobincheon_main_page2 .m2_service_text { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page2 .m2_service_name { color: #000; font-weight: 700; font-size: clamp(22.4px, 1.4583333333vw, 28px); line-height: 1.4; letter-spacing: 1px; }
html.jobincheon .jobincheon_main_page2 .m2_service_desc { color: #000; font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.5; }
html.jobincheon .jobincheon_main_page2 .m2_service_bottom { display: flex; align-items: flex-end; justify-content: space-between; margin-top: auto; }
html.jobincheon .jobincheon_main_page2 .m2_service_arrow { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); border-radius: 50%; background: #f4f5f6; }
html.jobincheon .jobincheon_main_page2 .m2_service_arrow:before { display: block; background-color: #000; content: ""; -webkit-mask-image: url("../../images/common/icon_arrow_right.svg"); mask-image: url("../../images/common/icon_arrow_right.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); mask-position: center; }
html.jobincheon .jobincheon_main_page2 .m2_service_icon { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(83.2px, 5.4166666667vw, 104px); }
html.jobincheon .jobincheon_main_page2 .m2_service_icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover { transform: translateY(-6px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(38.4px, 2.5vw, 48px) clamp(19.2px, 1.25vw, 24px); box-shadow: 0 16px 40px 0 rgba(84, 23, 201, 0.22); color: #fff; }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover::before { opacity: 1; }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover .m2_service_name { color: #fff; }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover .m2_service_desc { color: #fff; }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover .m2_service_arrow { transform: translateX(4px); background-color: #000; transition: transform 220ms cubic-bezier(0.22, 1, 0.36, 1); }
html.jobincheon .jobincheon_main_page2 .m2_service_card:hover .m2_service_arrow:before { background-color: #fff; }
html.jobincheon .jobincheon_main_page2 .m2_program { padding-bottom: clamp(128px, 8.3333333333vw, 160px); }
html.jobincheon .jobincheon_main_page2 .m2_program_inner { display: flex; position: relative; align-items: flex-start; min-height: clamp(233.6px, 15.2083333333vw, 292px); }
html.jobincheon .jobincheon_main_page2 .m2_program_area { display: flex; flex-shrink: 0; flex-direction: column; width: clamp(206.4px, 13.4375vw, 258px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page2 .m2_program_title { color: #000; font-weight: 700; font-size: clamp(32px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: 1px; }
html.jobincheon .jobincheon_main_page2 .m2_program_desc { color: #333; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1.5; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper { position: relative; flex: 1 1 auto; min-width: 0; overflow: hidden; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper .swiper-wrapper { align-items: stretch; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper .swiper-slide { height: auto; border-left: 1px solid #e6e6e6; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper .swiper-slide.is-edge-first { border-left: none; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper .swiper-slide.is-edge-last { border-right: none; }
html.jobincheon .jobincheon_main_page2 .m2_program_swiper .swiper-slide.is-edge-last + .swiper-slide { border-left: none; }
html.jobincheon .jobincheon_main_page2 .m2_program_item { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: 0 clamp(44.8px, 2.9166666667vw, 56px); gap: clamp(51.2px, 3.3333333333vw, 64px); }
html.jobincheon .jobincheon_main_page2 .m2_program_item_top { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_program_item_title { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_program_labels { display: flex; align-items: center; justify-content: space-between; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page2 .m2_label_category { display: inline-flex; align-items: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: 16px 24px 24px 0; background: #e6e5fd; color: #5417c9; font-weight: 500; font-size: clamp(12px, 0.78125vw, 15px); }
html.jobincheon .jobincheon_main_page2 .m2_label_stage { display: inline-flex; align-items: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); color: #fff; font-weight: 500; font-size: clamp(12px, 0.78125vw, 15px); }
html.jobincheon .jobincheon_main_page2 .m2_label_stage.recruiting { background: #ff8235; }
html.jobincheon .jobincheon_main_page2 .m2_label_stage.closed { background: #686868; }
html.jobincheon .jobincheon_main_page2 .m2_program_item_name { display: -webkit-box; -webkit-line-clamp: 2; color: #000; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); line-height: 1.4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
html.jobincheon .jobincheon_main_page2 .m2_program_period { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.jobincheon .jobincheon_main_page2 .m2_program_period .cm_icon.date { flex-shrink: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); }
html.jobincheon .jobincheon_main_page2 .m2_program_period .cm_icon.date:before { display: block; width: 100%; height: 100%; background: none; background-color: #333; content: ""; -webkit-mask-image: url("../../images/common/icon_date.svg"); mask-image: url("../../images/common/icon_date.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .jobincheon_main_page2 .m2_program_period_txt { display: flex; flex-wrap: wrap; align-items: center; min-width: 0; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(10px, 0.8333333333vw, 16px); }
html.jobincheon .jobincheon_main_page2 .m2_program_period_txt .label { flex-shrink: 0; color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.jobincheon .jobincheon_main_page2 .m2_program_period_txt .divider { flex-shrink: 0; width: 1px; height: 12px; background: #999; }
html.jobincheon .jobincheon_main_page2 .m2_program_period_txt .value { color: #333; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.jobincheon .jobincheon_main_page2 .m2_program_btn { display: inline-flex; align-items: center; align-self: flex-start; height: clamp(44.8px, 2.9166666667vw, 56px); padding: 0 clamp(19.2px, 1.25vw, 24px) 0 clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: 2px solid #5417c9; border-radius: 99px; background: #fff; color: #5417c9; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: opacity 150ms ease-out, transform 150ms ease-in-out; }
html.jobincheon .jobincheon_main_page2 .m2_program_btn:hover { transform: translateY(-4px); opacity: 0.88; }
html.jobincheon .jobincheon_main_page2 .m2_btn_arrow { display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background-color: #5417c9; -webkit-mask-image: url("../../images/jobincheon/common/icon_link.svg"); mask-image: url("../../images/jobincheon/common/icon_link.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .jobincheon_main_page2 .m2_program_controller { display: flex; position: absolute; bottom: clamp(-22px, -1.1458333333vw, -17.6px); left: 0; align-items: center; gap: clamp(25.6px, 1.6666666667vw, 32px); }
html.jobincheon .jobincheon_main_page2 .m2_program_more { display: block; aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); border-radius: 50%; background: linear-gradient(315deg, #4100bd 13.89%, #a15eff 94.52%); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); }
html.jobincheon .jobincheon_main_page2 .m2_program_more:before { display: block; width: 100%; height: 100%; background-color: #fff; content: ""; -webkit-mask-image: url("../../images/common/icon_plus.svg"); mask-image: url("../../images/common/icon_plus.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: clamp(19.2px, 1.25vw, 24px); mask-size: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_program_nav { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_area { padding-bottom: clamp(80px, 5.2083333333vw, 100px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_area .inner { display: flex; align-items: flex-start; gap: clamp(40px, 4.1666666667vw, 80px); }
html.jobincheon .jobincheon_main_page2 .m2_notice { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_head { display: flex; align-items: center; justify-content: space-between; }
html.jobincheon .jobincheon_main_page2 .m2_notice_title { color: #000; font-weight: 700; font-size: clamp(32px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: 1px; }
html.jobincheon .jobincheon_main_page2 .m2_notice_more { display: block; aspect-ratio: 1/1; width: clamp(38.4px, 2.5vw, 48px); border: 1px solid #ccc; border-radius: 50%; background: #fff; transition: background-color 150ms ease-out, transform 150ms cubic-bezier(0.22, 1, 0.36, 1); }
html.jobincheon .jobincheon_main_page2 .m2_notice_more:before { display: block; width: 100%; height: 100%; background-color: #333; content: ""; -webkit-mask-image: url("../../images/common/icon_plus.svg"); mask-image: url("../../images/common/icon_plus.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: clamp(19.2px, 1.25vw, 24px); mask-size: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_list { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_link { display: flex; position: relative; flex-direction: column; justify-content: space-between; height: 100%; min-height: clamp(161.6px, 10.5208333333vw, 202px); padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #f8f8f9; transition: box-shadow 180ms cubic-bezier(0.22, 1, 0.36, 1), background-color 180ms ease-out, transform 180ms cubic-bezier(0.22, 1, 0.36, 1); }
html.jobincheon .jobincheon_main_page2 .m2_notice_link:before { display: block; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border: 2px solid #000; border-radius: inherit; content: ""; opacity: 0; transition: all 150ms; }
html.jobincheon .jobincheon_main_page2 .m2_notice_subject { display: -webkit-box; -webkit-line-clamp: 2; color: #666; font-weight: 700; font-size: clamp(16.8px, 1.09375vw, 21px); line-height: 1.5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
html.jobincheon .jobincheon_main_page2 .m2_notice_date { color: #666; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.jobincheon .jobincheon_main_page2 .m2_notice_link:hover { transform: translateY(-3px); background-color: #fff; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12); }
html.jobincheon .jobincheon_main_page2 .m2_notice_link:hover:before { opacity: 1; }
html.jobincheon .jobincheon_main_page2 .m2_notice_link:hover .m2_notice_subject { color: #000; }
html.jobincheon .jobincheon_main_page2 .main_popup_zone { position: relative; flex-shrink: 0; width: clamp(352px, 22.9166666667vw, 440px); }
html.jobincheon .jobincheon_main_page2 .main_popup_zone:before { display: block; position: absolute; top: 0; left: 0; aspect-ratio: 218/112; width: clamp(174.4px, 11.3541666667vw, 218px); background: url(../../images/jobincheon/main2/popup_title.png) no-repeat center/contain; content: ""; }
html.jobincheon .jobincheon_main_page2 .popup_zone_head_wrap { margin-bottom: clamp(9.6px, 0.625vw, 12px); }
html.jobincheon .jobincheon_main_page2 .popup_zone_head { display: flex; align-items: center; justify-content: flex-end; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page2 .popup_zone_pause { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_play.svg"); mask-image: url("../../images/common/icon_play.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); mask-position: center; }
html.jobincheon .jobincheon_main_page2 .popup_zone_pause.is_playing { background-color: #fff; -webkit-mask-image: url("../../images/common/icon_pause.svg"); mask-image: url("../../images/common/icon_pause.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
html.jobincheon .jobincheon_main_page2 .popup_zone_pause:focus-visible { outline: 2px solid var(--reserve-primary); outline-offset: 2px; }
html.jobincheon .jobincheon_main_page2 .popup_zone_nav { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.jobincheon .jobincheon_main_page2 .popup_zone_swiper_wrap { position: relative; }
html.jobincheon .jobincheon_main_page2 .popup_zone_swiper { aspect-ratio: 1/1; overflow: hidden; border-radius: clamp(32px, 2.0833333333vw, 40px); background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.16); }
html.jobincheon .jobincheon_main_page2 .popup_zone_swiper .swiper-slide { display: block; }
html.jobincheon .jobincheon_main_page2 .popup_zone_swiper .swiper-slide a { display: block; height: 100%; }
html.jobincheon .jobincheon_main_page2 .popup_zone_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
html.jobincheon .jobincheon_main_page2 .popup_zone_ctrl { display: flex; z-index: 1; position: absolute; right: clamp(16px, 1.0416666667vw, 20px); bottom: clamp(16px, 1.0416666667vw, 20px); align-items: center; padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); padding-left: clamp(16px, 1.0416666667vw, 20px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 1000px; background-color: rgba(0, 0, 0, 0.6); }
html.jobincheon .jobincheon_main_page2 .popup_zone_pagination { color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.jobincheon .jobincheon_main_page2 .popup_zone_pagination .current { color: #c1a1ff; font-weight: 700; }
html.jobincheon .jobincheon_main_page2 .main_notice2 { padding-bottom: clamp(64px, 4.1666666667vw, 80px); }
html.jobincheon .jobincheon_main_page2 .main_notice2 .inner { display: flex; gap: clamp(32px, 2.0833333333vw, 40px); }
html.jobincheon .jobincheon_main_page2 .main_notice2 .m2_notice2_title { display: flex; flex-shrink: 0; align-items: center; padding: clamp(19.2px, 1.25vw, 24px) clamp(32px, 2.0833333333vw, 40px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: 16px 40px; background-color: #ff8235; color: #fff; font-weight: bold; font-size: clamp(16.8px, 1.09375vw, 21px); }
html.jobincheon .jobincheon_main_page2 .main_notice2 .m2_notice2_title:before { display: inline-block; flex-shrink: 0; width: clamp(26.4px, 1.71875vw, 33px); height: clamp(35.2px, 2.2916666667vw, 44px); background: url(../../images/jobincheon/main2/main_icon1.png) no-repeat center/contain; content: ""; }
html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 { flex: 1 0 0; min-width: 0; }
html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list1 { width: 21%; }
html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list2 { width: 21%; }
html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list3 { width: 35%; }
html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list4 { width: 23%; }
@keyframes m2-fade-up {
	from { transform: translateY(24px); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}
@keyframes m2-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes m2-float-slow {
	0%,
	100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
@keyframes m2-float-card {
	0%,
	100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(-8px) rotate(1deg); }
}
html.jobincheon .jobincheon_main_page2 .m2_notice_more:hover { transform: rotate(90deg); background-color: #191919; }
html.jobincheon .jobincheon_main_page2 .m2_notice_more:hover:before { background-color: #fff; }
.cm_program_info { display: flex; flex-direction: column; gap: clamp(40px, 4.1666666667vw, 80px); }
.cm_program_info .pi_section { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.cm_program_info .cm_box1 { display: flex; flex-direction: column; gap: clamp(24px, 1.6666666667vw, 32px); }
.cm_program_info .pi_stack { display: flex; flex-direction: column; gap: clamp(12px, 0.8333333333vw, 16px); }
.cm_program_info .pi_stack_title { color: var(--reserve-primary); font-weight: 700; font-size: clamp(17px, 1.09375vw, 21px); line-height: 1.5; }
.cm_program_info .pi_kv_list { display: flex; flex-direction: column; gap: clamp(10px, 0.625vw, 12px); }
.cm_program_info .pi_kv_item { display: flex; align-items: flex-start; gap: clamp(16px, 1.25vw, 24px); font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; }
.cm_program_info .pi_kv_item dt { flex-shrink: 0; width: clamp(72px, 4.5833333333vw, 88px); color: #333; font-weight: 700; }
.cm_program_info .pi_kv_item dd { flex: 1 1 0; min-width: 0; color: #333; }
.cm_program_info .cm_hr3 { margin: 0; }
@media screen and (min-width:1025px) {
	html.jobincheon .header_jobincheon .gnb .gnb_item1:hover > .gnb_link1,
	html.jobincheon .header_jobincheon .gnb .gnb_link1:focus-visible,
	html.jobincheon .header_jobincheon .gnb .gnb_item1.is_open > .gnb_link1 { color: var(--reserve-primary); }
	html.jobincheon .header_jobincheon .gnb .gnb_item1:hover > .gnb_link1:after,
	html.jobincheon .header_jobincheon .gnb .gnb_link1:focus-visible:after,
	html.jobincheon .header_jobincheon .gnb .gnb_item1.is_open > .gnb_link1:after { transform: scaleX(1); }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap { display: flex; align-items: flex-start; }
	html.jobincheon .header_jobincheon .gnb .gnb_item1.is_open > .gnb_depth2_wrap,
	html.jobincheon .header_jobincheon .gnb .gnb_item1:hover > .gnb_depth2_wrap { visibility: visible; transform: translateY(0); opacity: 1; pointer-events: auto; }
	html.jobincheon .header_jobincheon .header_menu_btn:hover,
	html.jobincheon .header_jobincheon .header_menu_btn:focus-visible { background-color: var(--reserve-primary); }
}
@media screen and (max-width:1536px) {
	html.jobincheon .jobincheon_main_page2 { background-position: left 40% top; }
}
@media screen and (max-width:1280px) {
	html.jobincheon .jobincheon_main_page2 { background-position: left 30% top -70px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_main { gap: 56px; }
	html.jobincheon .jobincheon_main_page2 .m2_service { padding-bottom: 100px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper { width: 680px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper .swiper-slide { width: 330px; margin-right: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_controller { width: 680px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_area { width: 220px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_item { padding: 0 40px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_area .inner { gap: 56px; }
	html.jobincheon .jobincheon_main_page2 .main_popup_zone { width: 380px; }
}
@media screen and (max-width:1024px) {
	html.jobincheon .header_jobincheon { position: sticky; top: 0; }
	html.jobincheon .header_jobincheon .header_top .inner { border-bottom: 1px solid #ddd; }
	html.jobincheon .header_jobincheon .header_top .header_top_util { display: none; }
	html.jobincheon .header_jobincheon .header_menu_btn { display: inline-flex; align-items: center; justify-content: center; }
	html.jobincheon .header_jobincheon .header_main .inner { height: clamp(56px, 3.75vw, 72px); }
	html.jobincheon .header_jobincheon .gnb { display: flex; visibility: hidden; z-index: 60; position: fixed; top: calc(clamp(44px, 2.9166666667vw, 56px) + clamp(56px, 3.75vw, 72px) + 1px); right: 0; bottom: 0; left: 0; flex-direction: column; padding: 0; overflow: hidden; transform: translateX(100%); background: #fff; transition: transform 250ms cubic-bezier(0.16, 1, 0.3, 1), visibility 250ms; }
	html.jobincheon .header_jobincheon.is_menu_open .gnb { visibility: visible; transform: translateX(0); }
	html.jobincheon .header_jobincheon .gnb .gnb_util { display: flex; flex-shrink: 0; align-items: center; order: -1; width: 100%; height: 48px; padding: 0 16px; gap: 16px; border-bottom: 1px solid #e6e8eb; }
	html.jobincheon .header_jobincheon .gnb .gnb_util .header_top_util_link { color: #333; font-size: 15px; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth1_wrap { position: relative; flex: 1 1 auto; min-height: 0; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth1_wrap:after { z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 168px; background: #fff; content: ""; pointer-events: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth1 { display: flex; z-index: 1; position: relative; flex-direction: column; width: 168px; height: 100%; padding: 0; overflow-y: auto; gap: 0; border-right: 1px solid #e6e8eb; background: #f5f6f8; -webkit-overflow-scrolling: touch; }
	html.jobincheon .header_jobincheon .gnb .gnb_item1 { display: block; position: static; flex-shrink: 0; width: 100%; border: 0; }
	html.jobincheon .header_jobincheon .gnb .gnb_link1 { display: flex; align-items: center; width: 100%; height: auto; min-height: 56px; padding: 14px 16px; background: transparent; color: #333; font-weight: 500; font-size: 16px; line-height: 1.3; text-align: left; white-space: normal; word-break: keep-all; }
	html.jobincheon .header_jobincheon .gnb .gnb_link1:after { content: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_item1.is_open > .gnb_link1 { color: var(--reserve-primary); }
	html.jobincheon .header_jobincheon .gnb .gnb_item1.active > .gnb_link1 { background: #fff; box-shadow: inset 3px 0 0 0 var(--reserve-primary); color: var(--reserve-primary); font-weight: 700; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap { display: none; visibility: visible; z-index: 2; position: fixed; top: 48px; right: 0; bottom: 0; left: 168px; width: auto; min-width: 0; max-width: none; padding: 20px; overflow-y: auto; transform: none; border: 0; border-radius: 0; background: #fff; box-shadow: none; opacity: 1; pointer-events: auto; -webkit-overflow-scrolling: touch; flex-direction: column; gap: 0; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap:before,
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap:after { display: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_item1.is_open > .gnb_depth2_wrap { display: flex; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_header { display: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_header_title { color: var(--reserve-primary); font-weight: 700; font-size: 17px; letter-spacing: 0; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_content { flex: none; width: 100%; }
	html.jobincheon .header_jobincheon .gnb .gnb_depth2 { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; }
	html.jobincheon .header_jobincheon .gnb .gnb_item2 { flex: none; width: 100%; max-width: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_link2 { display: flex; padding: 14px 4px; border: 0; border-radius: 0; background: transparent; color: #333; font-weight: 500; font-size: 16px; line-height: 1.4; white-space: normal; word-break: keep-all; }
	html.jobincheon .header_jobincheon .gnb .gnb_link2:after { display: none; }
	html.jobincheon .header_jobincheon .gnb .gnb_link2:hover,
	html.jobincheon .header_jobincheon .gnb .gnb_link2:focus-visible { border-color: transparent; background: transparent; color: var(--reserve-primary); }
	html.jobincheon .header_jobincheon .gnb .gnb_item2.active > .gnb_link2 { border-color: transparent; background: transparent; color: var(--reserve-primary); font-weight: 700; }
	html.jobincheon .header_jobincheon .gnb .gnb_item2.active > .gnb_link2:after { display: none; }
	html.jobincheon.is_menu_open body { overflow: hidden; }
	html.jobincheon .jobincheon_main_page .main_visual .inner { padding-right: clamp(16px, 1.25vw, 24px); padding-left: clamp(16px, 1.25vw, 24px); }
	html.jobincheon .jobincheon_main_page .main_visual_slider_wrap { margin-right: calc(var(--inner_padding) * -1); }
	html.jobincheon .jobincheon_main_page .main_banner_nav { right: clamp(16px, 1.25vw, 24px); bottom: clamp(12px, 0.8333333333vw, 16px); left: auto; transform: none; }
	html.jobincheon .jobincheon_main_page .main_service_box { padding: clamp(24px, 2.0833333333vw, 40px) clamp(24px, 2.5vw, 48px); }
	html.jobincheon .jobincheon_main_page .main_service_list { flex-wrap: wrap; justify-content: flex-start; gap: clamp(16px, 1.6666666667vw, 32px); }
	html.jobincheon .jobincheon_main_page2 { background-position: left 22% top -140px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_main { gap: 32px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper { width: 480px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper .swiper-slide { width: 232px; margin-right: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_controller { width: 480px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_display { min-width: 200px; padding-top: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_eyebrow { font-size: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_logo { font-size: 38px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_desc { font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_section_title { font-size: 28px; }
	html.jobincheon .jobincheon_main_page2 .m2_section_sub { font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_list { gap: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_name { font-size: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_desc { font-size: 14px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_area { width: 200px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_title { font-size: 28px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_desc { font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_item { padding: 0 32px; gap: 40px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_item_name { font-size: 18px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_area .inner { flex-direction: column; gap: 32px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice { flex: none; width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_title { font-size: 28px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_list { grid-template-columns: 1fr 1fr; gap: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_link { min-height: 160px; padding: 24px; gap: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_subject { font-size: 16px; }
	html.jobincheon .jobincheon_main_page2 .main_popup_zone { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .inner { flex-wrap: wrap; gap: 24px; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .m2_notice2_title { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_program_inner { min-height: auto; }
}
@media screen and (max-width:980px) {
	html.jobincheon .jobincheon_main_page2 .m2_service { padding-bottom: 70px; }
}
@media screen and (max-width:768px) {
	html.jobincheon .header_jobincheon .gnb { top: 107px; }
	html.jobincheon .header_jobincheon .header_top .inner { height: 50px; }
	html.jobincheon .header_jobincheon .header_top_link em { display: none; }
	html.jobincheon .header_jobincheon .header_top_notice { font-size: 12px; }
	html.jobincheon .footer_jobincheon .footer_main { flex-direction: column; align-items: center; padding-right: 0; text-align: center; }
	html.jobincheon .footer_jobincheon .footer_policy { justify-content: center; }
	html.jobincheon .footer_jobincheon .footer_contact { justify-content: center; }
	html.jobincheon .footer_jobincheon .footer_aside { width: 100%; max-width: 300px; }
	html.jobincheon .footer_jobincheon .footer_logo { position: static; margin-top: 24px; text-align: center; }
	html.jobincheon .footer_jobincheon .footer_copy { margin-top: 12px; text-align: center; }
	.page_JOBINCHEON6 .content_list .content_item { flex-direction: column; padding-right: 0; padding-left: 0; }
	.page_JOBINCHEON16 .top_box { flex-direction: column; align-items: flex-start; }
	.page_JOBINCHEON16 .top_right { align-self: stretch; justify-content: center; }
	.page_JOBINCHEON36 .top_desc br { display: none; }
	html.jobincheon .jobincheon_main_page .main_visual { padding-top: 40px; padding-bottom: 48px; }
	html.jobincheon .jobincheon_main_page .main_visual .inner { flex-direction: column; align-items: flex-start; padding: 0 16px; gap: 24px; }
	html.jobincheon .jobincheon_main_page .main_visual_display { width: 100%; }
	html.jobincheon .jobincheon_main_page .main_visual_slider_wrap { width: 100%; margin-right: 0; }
	html.jobincheon .jobincheon_main_page .main_banner_nav { right: auto; bottom: -24px; left: 50%; transform: translateX(-50%); }
	html.jobincheon .jobincheon_main_page .main_service { margin-top: 30px; }
	html.jobincheon .jobincheon_main_page .main_service_box { flex-direction: column; align-items: flex-start; padding: 28px 24px 32px; gap: 24px; border-radius: clamp(20px, 1.6666666667vw, 32px); }
	html.jobincheon .jobincheon_main_page .main_service_list { justify-content: flex-start; width: 100%; gap: 16px; }
	html.jobincheon .jobincheon_main_page .main_notice_wrap { flex-direction: column; gap: clamp(38.4px, 2.5vw, 48px); }
	html.jobincheon .jobincheon_main_page .main_notice { width: 100%; }
	html.jobincheon .jobincheon_main_page .main_popup_zone { width: 100%; }
	html.jobincheon .jobincheon_main_page .main_service_item { min-width: calc(50% - 8px); }
	html.jobincheon .jobincheon_main_page .main_program { margin-top: 30px; }
	html.jobincheon .jobincheon_main_page .main_notice_area { margin-top: 30px; padding-bottom: 30px; }
	html.jobincheon .jobincheon_main_page .main_notice_link { padding: 20px 16px; border-radius: 12px; }
	html.jobincheon .jobincheon_main_page .notice_title { font-size: 16px; }
	html.jobincheon .jobincheon_main_page .notice_date { font-size: 13px; }
	html.jobincheon .jobincheon_main_page .popup_zone_swiper { border-radius: 16px; }
	html.jobincheon .jobincheon_main_page .main_popup_zone:before { display: none; }
	html.jobincheon .jobincheon_main_page .popup_zone_head_wrap { display: flex; align-items: center; justify-content: space-between; }
	html.jobincheon .jobincheon_main_page .popup_zone_head_wrap::before { padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: 1000px; background: #ff7926; content: "POPUP ZONE"; color: #fff; font-weight: 700; font-size: 15px; letter-spacing: 0.5px; }
	html.jobincheon .jobincheon_main_page2 { background-image: none; background-color: #fff; }
	html.jobincheon .jobincheon_main_page2 .m2_visual { padding-top: 40px; padding-bottom: 40px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_bg:before { display: none; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_bg:after { display: none; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_main { flex-direction: column; gap: 32px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper_wrap { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_swiper .swiper-slide { width: 100%; margin-right: 12px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_controller { width: 100%; margin-top: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_card { border-radius: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_card_label { bottom: 16px; left: 16px; font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_display { padding-top: 0; gap: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_eyebrow { font-size: 18px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_logo { font-size: 36px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_desc { font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_service { margin-right: 12px; margin-left: 12px; padding-top: 20px; padding-bottom: 20px; border-radius: 32px; background: linear-gradient(160deg, #fff 0%, #f4eef9 60%, #ede3f8 100%); }
	html.jobincheon .jobincheon_main_page2 .m2_service .inner { padding-right: 20px; padding-left: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_section_head { flex-direction: column; align-items: flex-start; margin-bottom: 24px; gap: 12px; }
	html.jobincheon .jobincheon_main_page2 .m2_section_title { font-size: 24px; }
	html.jobincheon .jobincheon_main_page2 .m2_section_sub { font-size: 14px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_item { flex: none; min-width: 0; }
	html.jobincheon .jobincheon_main_page2 .m2_service_card { padding: 20px; gap: 16px; border-radius: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_card:hover { border-radius: 16px 16px 32px 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_name { font-size: 17px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_desc { font-size: 13px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_icon { width: 60px; }
	html.jobincheon .jobincheon_main_page2 .m2_program { padding-top: 48px; padding-bottom: 40px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_inner { flex-direction: column; gap: 24px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_area { flex-direction: row; align-items: flex-start; justify-content: space-between; width: 100%; gap: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_swiper { flex: none; width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_program_title { font-size: 24px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_title br { display: none; }
	html.jobincheon .jobincheon_main_page2 .m2_program_desc { font-size: 14px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_desc br { display: none; }
	html.jobincheon .jobincheon_main_page2 .m2_program_item { padding: 20px; gap: 20px; border: 1px solid #eee; border-radius: 20px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_item_name { font-size: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_controller { position: static; justify-content: space-between; width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_area { padding-bottom: 60px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_area .inner { flex-direction: column; gap: 32px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice { flex: none; width: 100%; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_title { font-size: 24px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_list { grid-template-columns: 1fr; gap: 12px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_link { min-height: auto; padding: 20px; gap: 16px; border-radius: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_notice_subject { font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .main_popup_zone { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_popup_zone:before { display: none; }
	html.jobincheon .jobincheon_main_page2 .popup_zone_head_wrap { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
	html.jobincheon .jobincheon_main_page2 .popup_zone_head_wrap::before { padding: 6px 14px; border-radius: 1000px; background: #5417c9; content: "POPUP ZONE"; color: #fff; font-weight: 700; font-size: 13px; letter-spacing: 0.5px; }
	html.jobincheon .jobincheon_main_page2 .popup_zone_swiper { border-radius: 16px; }
	html.jobincheon .jobincheon_main_page2 .popup_zone_swiper_wrap { animation: none; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 { padding-bottom: 48px; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .inner { flex-direction: column; gap: 12px; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .m2_notice2_title { padding: 16px 24px; border-radius: 20px; font-size: 16px; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list { flex-wrap: wrap; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li { border-right: none; border-bottom: 1px solid #ddd; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li:last-child { border-bottom: none; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list1 { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list2 { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list3 { width: 100%; }
	html.jobincheon .jobincheon_main_page2 .main_notice2 .cm_middle_overview7 .ovw7_list > li.list4 { width: 100%; }
	.cm_program_info .pi_kv_item { flex-direction: column; gap: 4px; }
	.cm_program_info .pi_kv_item dt { width: auto; }
}
@media screen and (max-width:480px) {
	.page_JOBINCHEON16 .top_btn .cm_btn { width: 100%; }
	.page_JOBINCHEON36 .box_right { width: 100%; }
	.page_JOBINCHEON36 .box_right .cm_btn { width: 100%; }
	html.jobincheon .jobincheon_main_page .main_service_item { min-width: 100%; }
	html.jobincheon .jobincheon_main_page .main_service_list { flex-direction: column; gap: 12px; }
	html.jobincheon .jobincheon_main_page .main_service_link { flex-direction: row; align-items: center; gap: 12px; }
	html.jobincheon .jobincheon_main_page .main_service_icon { flex-shrink: 0; width: 44px; }
	html.jobincheon .jobincheon_main_page .main_service_label { color: #fff; font-weight: 600; font-size: 15px; white-space: normal; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_eyebrow { font-size: 16px; }
	html.jobincheon .jobincheon_main_page2 .m2_visual_logo { font-size: 30px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_list { grid-template-columns: 1fr 1fr; gap: 10px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_card { padding: 14px; gap: 10px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_name { font-size: 14px; word-break: keep-all; }
	html.jobincheon .jobincheon_main_page2 .m2_service_desc { font-size: 12px; word-break: keep-all; }
	html.jobincheon .jobincheon_main_page2 .m2_service_icon { width: 36px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_arrow { width: 32px; }
	html.jobincheon .jobincheon_main_page2 .m2_service_bottom { gap: 4px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_area { flex-direction: column; align-items: flex-start; }
	html.jobincheon .jobincheon_main_page2 .m2_notice2_title { padding: 14px 20px; font-size: 15px; }
	html.jobincheon .jobincheon_main_page2 .m2_program_controller { justify-content: flex-end; }
	html.jobincheon .jobincheon_main_page2 .m2_program_more { position: absolute; top: 0; right: 0; }
}
@media (prefers-reduced-motion:reduce) {
	html.jobincheon .header_jobincheon .gnb,
	html.jobincheon .header_jobincheon .gnb .gnb_link1,
	html.jobincheon .header_jobincheon .gnb .gnb_link1:after,
	html.jobincheon .header_jobincheon .gnb .gnb_depth2_wrap,
	html.jobincheon .header_jobincheon .gnb .gnb_link2,
	html.jobincheon .header_jobincheon .header_menu_btn { transition: none; }
}