:root.middle { --reserve-primary: #007eb4; --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: #425de8; --reserve-calendar3-select-bg: #f5f7ff; }
html.middle .cm_font_sample .drop_menu .drop_list .item_link:hover { background-color: var(--reserve-primary-tint); }
html.middle .cm_font_sample .drop_menu .drop_list .item_link.active { background-color: var(--reserve-primary-tint); }
html.middle .cm_font_sample .drop_list .item_link.active:before { border-color: var(--reserve-primary); background-color: var(--reserve-primary); }
html.middle .cm_btn.variant1 { border-color: var(--reserve-primary); background: var(--reserve-primary); color: #fff; }
html.middle .cm_btn.variant1:not(.hover_none):hover { border-color: var(--reserve-primary-hover); background: var(--reserve-primary-hover); color: #fff; }
html.middle .cm_box3 { border: 1px solid var(--reserve-primary-tint); background: var(--reserve-primary-tint2); }
html.middle .cm_sidebar .sidebar_title { background: linear-gradient(105deg, #00816c 1.59%, #1562c7 99.13%); }
html.middle .cm_sidebar .sidebar_title:before { background-image: url(../../images/middle/common/sidebar_bg.png); }
html.middle .cm_sidebar .sidebar_menu > li.active > a:before { background-color: var(--reserve-primary); }
html.middle .cm_sidebar .sidebar_menu > li.active > a:after { background-color: var(--reserve-primary); }
html.middle .cm_sidebar .sidebar_menu > li.active > a { color: var(--reserve-primary); }
html.middle .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.middle .cm_tab.variant4 .tab_list .tab_item.active .tab_button { background: var(--reserve-primary); }
html.middle .cm_paging1 .page_link.active { background-color: var(--reserve-primary); }
html.middle .cm_paging2 .page_control:not(.none):hover .page_txt { color: var(--reserve-primary); }
html.middle .cm_table1 { border-top: 2px solid var(--reserve-primary); }
html.middle .cm_table1 .board_notice_icon { background-color: var(--reserve-primary-tint); }
html.middle .cm_table1 .board_notice_icon:before { background-color: var(--reserve-primary); }
html.middle .cm_board_detail1 .board_category .cm_badge.variant1 { background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.middle .cm_btn.variant7 { border-color: var(--reserve-primary); background-color: #fff; color: var(--reserve-primary); }
html.middle .cm_btn.variant7:not(.hover_none):hover { background: var(--reserve-primary-tint); }
html.middle .cm_validation.info3:before { background-color: var(--reserve-primary); }
html.middle .cm_tab.variant2 .tab_list .active .tab_button { border-color: var(--reserve-primary); background: var(--reserve-primary); }
html.middle .cm_swiper .swiper-pagination-bullet-active { background-color: var(--reserve-primary); }
html.middle .cm_swiper .gallery_swiper_thumbs .swiper-slide-thumb-active { border-color: var(--reserve-primary); }
html.middle .btn_like.active,
html.middle .btn_like3.active { background-image: url(../../images/middle/common/icon_wish_fill.svg); }
html.middle .btn_like2.active .cm_icon.wish:before { background-image: url(../../images/middle/common/icon_wish_fill.svg); }
html.middle .cm_overview1 .ovw1_info .cm_color.primary-80 { color: var(--reserve-primary); }
html.middle .cm_btn.variant2 { border-color: var(--reserve-primary); background: #fff; color: var(--reserve-primary); }
html.middle .cm_btn.variant2:hover { border-color: var(--reserve-primary); background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.middle .cm_overview1 .ovw1_header .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.middle .cm_overview1 a.ovw1_title:hover { color: var(--reserve-primary); }
html.middle .cm_validation.info:before { background-color: var(--reserve-primary); }
html.middle .cm_validation.info .text { color: var(--reserve-primary); }
html.middle .cm_validation.info2:before { background-color: var(--reserve-primary); }
html.middle .guide_box .box_guide_area .cm_validation.info2 .text { color: #333; }
html.middle .cm_btn.variant9 { border-color: var(--reserve-primary); background-color: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.middle .cm_btn.variant9:not(.hover_none):hover { border-color: var(--reserve-primary); background-color: color-mix(in srgb, var(--reserve-primary) 20%, #fff); }
html.middle .cm_btn.variant9 .cm_icon.open_new_window3::before { background-color: var(--reserve-primary); }
html.middle .cm_inpage_navigation .inpage_navigation_area .inpage_navigation_list li > a.active { color: var(--reserve-primary); }
html.middle .cm_inpage_navigation .inpage_content_head .cm_toolbar .cm_color.primary-80 { color: var(--reserve-primary); }
html.middle .cm_inpage_navigation .inpage_content_head .cm_badge.variant15 { border-color: var(--reserve-primary); background: var(--reserve-primary); }
html.middle .cm_icon.open_new_window:before { background: none; background-color: var(--reserve-primary); -webkit-mask-image: url("../../images/middle/common/icon_link.svg"); mask-image: url("../../images/middle/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.middle .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.middle .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.middle .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.middle .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.middle .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.middle .cm_btn.variant1 .cm_icon.open_new_window:before { background-color: #fff; }
html.middle .sub_page .sub_page_content > .inner { padding-right: 0; }
html.middle .middle_layout1 { height: 230px; }
html.middle .middle_layout1 .layout_inner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.middle .middle_layout1 .layout_item { display: block; }
html.middle .cm_table3 table { min-width: 480px; border-top: hidden; }
html.middle .cm_table3 th,
html.middle .cm_table3 td { font-size: clamp(15px, 0.8854166667vw, 17px); }
html.middle .cm_table3 th { background-color: #fafcff; }
html.middle .br_768 { display: block; }
html.middle .header_middle { z-index: 50; position: relative; background: #fff; }
html.middle .header_middle .inner { --inner: 1600px; }
html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .header_top_logo { display: flex; align-items: center; }
html.middle .header_middle .header_top_notice { font-size: clamp(14px, 0.78125vw, 15px); }
html.middle .header_middle .header_top_link { display: inline-flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
html.middle .header_middle .header_top_link_logo { display: inline-flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
html.middle .header_middle .header_top_link_logo img { display: block; width: auto; height: clamp(20px, 1.3541666667vw, 26px); }
html.middle .header_middle .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.middle .header_middle .header_top_link:hover .header_top_link_logo:after,
html.middle .header_middle .header_top_link:focus-visible .header_top_link_logo:after { background-color: var(--reserve-primary); }
html.middle .header_middle .header_top_util { display: flex; align-items: center; gap: clamp(10px, 0.625vw, 12px); }
html.middle .header_middle .header_top_util > li { display: inline-flex; position: relative; align-items: center; }
html.middle .header_middle .header_top_util > li + li:before { display: block; width: 1px; height: 12px; margin-right: clamp(10px, 0.625vw, 12px); background: #999; content: ""; }
html.middle .header_middle .header_top_util > li.font_drop .cm_font_sample .drop_menu { right: auto; left: 50%; transform: translateX(-50%); }
html.middle .header_middle .header_top_util > li.font_drop .cm_font_sample .drop_menu:before { right: auto; left: 50%; }
html.middle .header_middle .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.middle .header_middle .header_top_util_link:hover,
html.middle .header_middle .header_top_util_link:focus-visible { color: var(--reserve-primary); }
html.middle .header_middle .header_main { border-bottom: 1px solid #ccc; }
html.middle .header_middle .header_main .inner { display: flex; align-items: center; justify-content: space-between; height: clamp(72px, 5vw, 96px); gap: clamp(24px, 5.2083333333vw, 100px); }
html.middle .header_middle .header_brand { flex-shrink: 0; }
html.middle .header_middle .header_brand_link { display: block; }
html.middle .header_middle .header_brand_link img { display: block; width: auto; height: clamp(25.6px, 1.6666666667vw, 32px); }
html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb { flex: 1 1 auto; align-self: stretch; min-width: 0; }
html.middle .header_middle .gnb .gnb_util { display: none; }
html.middle .header_middle .gnb .gnb_depth1_wrap { height: 100%; }
html.middle .header_middle .gnb .gnb_depth1 { display: flex; align-items: stretch; height: 100%; gap: clamp(32px, 3.3333333333vw, 64px); }
html.middle .header_middle .gnb .gnb_item1 { display: flex; position: static; align-items: center; }
html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb .gnb_item1.active > .gnb_link1 { color: var(--reserve-primary); }
html.middle .header_middle .gnb .gnb_item1.active > .gnb_link1:after { transform: scaleX(1); }
html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .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.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb .gnb_depth2_content { flex: 1 1 auto; min-width: 0; }
html.middle .header_middle .gnb .gnb_depth2 { display: flex; flex-wrap: wrap; gap: clamp(19.2px, 1.25vw, 24px); }
html.middle .header_middle .gnb .gnb_item2 { flex: 0 0 clamp(244.8px, 15.9375vw, 306px); max-width: clamp(244.8px, 15.9375vw, 306px); }
html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb .gnb_link2:hover,
html.middle .header_middle .gnb .gnb_link2:focus-visible { border-color: var(--reserve-primary); background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.middle .header_middle .gnb .gnb_link2:hover:after,
html.middle .header_middle .gnb .gnb_link2:focus-visible:after { background-color: var(--reserve-primary); }
html.middle .header_middle .gnb .gnb_item2.active > .gnb_link2 { border-color: var(--reserve-primary); background: var(--reserve-primary); color: #fff; font-weight: 700; }
html.middle .header_middle .gnb .gnb_item2.active > .gnb_link2:after { background-color: #fff; }
html.middle .middle_footer { background-color: #191919; }
html.middle .footer_middle { background-color: #191919; }
html.middle .footer_middle .inner { --inner: 1600px; display: flex; flex-direction: column; padding-top: clamp(38.4px, 2.5vw, 48px); padding-bottom: clamp(64px, 4.1666666667vw, 80px); gap: clamp(32px, 2.0833333333vw, 40px); }
html.middle .footer_middle .footer_top { display: flex; align-items: center; justify-content: space-between; gap: clamp(16px, 1.25vw, 24px); }
html.middle .footer_middle .footer_logo { display: inline-flex; flex-shrink: 0; align-items: center; min-height: 44px; }
html.middle .footer_middle .footer_logo img { display: block; width: auto; height: clamp(28px, 2.1875vw, 42px); }
html.middle .footer_middle .footer_family { position: relative; flex-shrink: 0; }
html.middle .footer_middle .footer_family .drop_btn { display: inline-flex; align-items: center; height: clamp(44px, 2.9166666667vw, 56px); min-height: 44px; padding-right: clamp(16px, 1.25vw, 24px); padding-left: clamp(20px, 1.6666666667vw, 32px); gap: clamp(16px, 2.0833333333vw, 40px); border: 0; border-radius: 99px; background: #333; color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); white-space: nowrap; cursor: pointer; }
html.middle .footer_middle .footer_family .drop_btn:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(18px, 1.1458333333vw, 22px); background: url(../../images/common/icon_arrow_down_wt.svg) no-repeat center/contain; content: ""; }
html.middle .footer_middle .footer_family .drop_btn[aria-expanded=true]:after { transform: rotate(180deg); }
html.middle .footer_middle .footer_family .drop_menu { display: none; z-index: 5; position: absolute; right: 0; bottom: calc(100% + 6px); min-width: 100%; border: 1px solid #444; border-radius: 8px; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); }
html.middle .footer_middle .footer_family.is_open .drop_menu { display: block; }
html.middle .footer_middle .footer_family .drop_in { max-height: 240px; padding: 8px 0; overflow-y: auto; }
html.middle .footer_middle .footer_family .drop_list li a { display: block; padding: 10px 16px; color: #333; font-size: clamp(14px, 0.78125vw, 15px); white-space: nowrap; }
html.middle .footer_middle .footer_family .drop_list li a:hover,
html.middle .footer_middle .footer_family .drop_list li a:focus { background: var(--reserve-primary-tint); color: var(--reserve-primary); }
html.middle .footer_middle .footer_divider { height: 1px; background-color: #333; }
html.middle .footer_middle .footer_contact { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.middle .footer_middle .footer_contact_label { color: #666; font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1.4; letter-spacing: 1px; }
html.middle .footer_middle .footer_contact_body { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.middle .footer_middle .footer_contact_addr { color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; word-break: keep-all; }
html.middle .footer_middle .footer_contact_info { display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0; gap: clamp(12.8px, 0.8333333333vw, 16px); list-style: none; }
html.middle .footer_middle .footer_contact_info_item { display: flex; position: relative; align-items: center; color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
html.middle .footer_middle .footer_contact_info li + li { padding-left: clamp(13.6px, 0.8854166667vw, 17px); }
html.middle .footer_middle .footer_contact_info li + li:before { position: absolute; top: 50%; left: 0; width: 1px; height: 12px; transform: translateY(-50%); background: #555; content: ""; }
html.middle .footer_middle .footer_bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(16px, 1.25vw, 24px); }
html.middle .footer_middle .footer_policy { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
html.middle .footer_middle .footer_policy > li { position: relative; }
html.middle .footer_middle .footer_policy > li:before { display: block; position: absolute; top: 50%; right: clamp(-14px, -0.7291666667vw, -11.2px); flex-shrink: 0; width: 4px; height: 4px; transform: translateY(-50%); border-radius: 50%; background: #666; content: ""; }
html.middle .footer_middle .footer_policy > li:last-child:before { display: none; }
html.middle .footer_middle .footer_policy_link { color: #fff; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
html.middle .footer_middle .footer_policy_link.privacy { color: #3170e0; }
html.middle .footer_middle .footer_copy { color: #aaa; font-size: clamp(13px, 0.8854166667vw, 17px); line-height: 1.5; }
.page_MIDDLE3 { display: flex; flex-direction: column; gap: clamp(40px, 6.25vw, 120px); }
.page_MIDDLE3 .section1 .intro_wrap { display: flex; align-items: flex-start; gap: clamp(19.2px, 1.25vw, 24px); }
.page_MIDDLE3 .section1 .intro_img { flex: 0 0 auto; aspect-ratio: 4/3; width: clamp(320px, 20.8333333333vw, 400px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #e6e6e6; }
.page_MIDDLE3 .section1 .intro_img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page_MIDDLE3 .section1 .intro_text { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_MIDDLE3 .section1 .text_box { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); color: #000; }
.page_MIDDLE3 .section1 .text_box .lead { color: var(--color-text-primary); font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.page_MIDDLE3 .section1 .text_box .desc { font-weight: 400; font-size: clamp(15px, 0.8854166667vw, 17px); }
.page_MIDDLE3 .section1 .text_box .desc strong { font-weight: 700; }
.page_MIDDLE3 .section2 .role_list { display: flex; position: relative; align-items: flex-start; gap: clamp(59.2px, 3.8541666667vw, 74px); }
.page_MIDDLE3 .section2 .role_item { display: flex; position: relative; flex: 1 1 0; flex-direction: column; align-items: center; min-width: 0; gap: clamp(19.2px, 1.25vw, 24px); }
.page_MIDDLE3 .section2 .role_glow { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 100%; border-radius: 50%; background: linear-gradient(135deg, #e9f5ff 14.89%, #dcf5f1 85.95%); }
.page_MIDDLE3 .section2 .role_glow:before { position: absolute; top: 50%; right: calc(-1 * clamp(41.6px, 2.7083333333vw, 52px)); width: clamp(24px, 1.5625vw, 30px); height: clamp(6.4px, 0.4166666667vw, 8px); background: url(../../images/middle/sub/sub3_bullet.svg) no-repeat center/contain; content: ""; }
.page_MIDDLE3 .section2 .role_item:last-child .role_glow:before { display: none; }
.page_MIDDLE3 .section2 .role_icon_wrap { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(148.8px, 9.6875vw, 186px); border-radius: 50%; background: #fff; }
.page_MIDDLE3 .section2 .role_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(51.2px, 3.3333333333vw, 64px); }
.page_MIDDLE3 .section2 .role_icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.page_MIDDLE3 .section2 .role_text { display: flex; flex-direction: column; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); text-align: center; }
.page_MIDDLE3 .section2 .role_title { color: #000; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; }
.page_MIDDLE3 .section2 .role_desc { color: #333; font-weight: 400; font-size: clamp(15px, 0.8854166667vw, 17px); word-break: keep-all; }
.page_MIDDLE5 .map_area { position: relative; aspect-ratio: 960/520; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: lightgray; }
.page_MIDDLE5 .map_area .root_daum_roughmap { width: 100%; height: 100%; }
.page_MIDDLE5 .map_area .root_daum_roughmap .wrap_map { height: 100%; }
.page_MIDDLE5 .map_area .root_daum_roughmap .cont { display: none; }
.page_MIDDLE5 .content_list { border-top: 1px solid #000; }
.page_MIDDLE5 .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_MIDDLE5 .content_list .content_item .item_title { width: 120px; font-weight: 700; font-size: clamp(16.8px, 1.09375vw, 21px); }
.page_MIDDLE5 .content_list .content_item .item_detail { flex: 1 1 0; min-width: 0; }
.page_MIDDLE7 { display: flex; flex-direction: column; gap: clamp(64px, 4.1666666667vw, 80px); }
.page_MIDDLE18 .community_info_overview { display: flex; flex-direction: column; padding: 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_MIDDLE18 .community_info_overview_item { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.page_MIDDLE18 .community_info_overview_label { color: var(--reserve-primary); font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.page_MIDDLE18 .community_info_overview_body { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); word-break: keep-all; }
.page_MIDDLE18 .community_info_steps { display: flex; flex-direction: column; margin: 0; padding: 0; border-top: 2px solid #000; }
.page_MIDDLE18 .community_info_step { display: flex; flex-direction: column; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(19.2px, 1.25vw, 24px); border-bottom: 1px solid #ccc; }
.page_MIDDLE18 .community_info_step_head { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
.page_MIDDLE18 .community_info_step_num { flex-shrink: 0; color: #425de8; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; }
.page_MIDDLE18 .community_info_step_title { color: #000; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; word-break: keep-all; }
.page_MIDDLE18 .community_info_apply_box { position: relative; padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.page_MIDDLE18 .community_info_apply_grid { display: grid; grid-template-columns: clamp(70.4px, 4.5833333333vw, 88px) 1fr; column-gap: clamp(19.2px, 1.25vw, 24px); row-gap: clamp(19.2px, 1.25vw, 24px); margin: 0; color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.page_MIDDLE18 .community_info_apply_grid dt { font-weight: 700; }
.page_MIDDLE18 .community_info_apply_grid dd { margin: 0; font-weight: 400; word-break: keep-all; }
.page_MIDDLE18 .community_info_apply_btn { position: absolute; right: clamp(32px, 2.0833333333vw, 40px); bottom: clamp(32px, 2.0833333333vw, 40px); }
.middle_main_page .inner { --inner: 1600px; }
.middle_main_page .mm_section { position: relative; }
.middle_main_page .mm_visual { position: relative; overflow: hidden; }
.middle_main_page .mm_visual .inner { display: flex; align-items: stretch; }
.middle_main_page .mm_visual .mm_visual_img_wrap { flex: 0 0 auto; width: clamp(884.8px, 57.6041666667vw, 1106px); overflow: hidden; border-bottom-left-radius: clamp(160px, 10.4166666667vw, 200px); }
.middle_main_page .mm_visual .mm_visual_video_wrap { aspect-ratio: 16/9; width: 100%; }
.middle_main_page .mm_visual .mm_visual_video_wrap iframe { display: block; width: 100%; height: 100%; border: 0; pointer-events: none; }
.middle_main_page .mm_visual .mm_visual_panel { display: flex; z-index: 1; position: relative; flex: 1 1 auto; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(38.4px, 2.5vw, 48px) 0 clamp(38.4px, 2.5vw, 48px) clamp(51.2px, 3.3333333333vw, 64px); gap: clamp(25.6px, 1.6666666667vw, 32px); }
.middle_main_page .mm_visual .mm_visual_panel::before { z-index: -1; position: absolute; top: 0; right: -9999px; bottom: 0; left: 0; background: linear-gradient(180deg, #edf4ed 0%, #daecff 100%); content: ""; }
.middle_main_page .mm_visual .mm_visual_text { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.middle_main_page .mm_visual .mm_visual_sub { color: #333; font-size: clamp(15px, 1.09375vw, 21px); line-height: 1.5; word-break: keep-all; }
.middle_main_page .mm_visual .mm_visual_title { display: block; color: #000; font-weight: 700; font-size: clamp(32px, 3.125vw, 60px); line-height: 1.3; word-break: keep-all; }
.middle_main_page .mm_quick_list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; gap: clamp(12.8px, 0.8333333333vw, 16px); list-style: none; }
.middle_main_page .mm_quick_link { display: flex; flex-direction: column; padding: clamp(16px, 1.0416666667vw, 20px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(16px, 1.0416666667vw, 20px); background: #fff; transition: box-shadow 150ms ease-out; }
.middle_main_page .mm_quick_link:hover,
.middle_main_page .mm_quick_link:focus-visible { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1); }
.middle_main_page .mm_quick_icon { display: flex; align-items: center; height: clamp(25.6px, 1.6666666667vw, 32px); }
.middle_main_page .mm_quick_icon img { display: block; width: auto; height: 100%; }
.middle_main_page .mm_quick_label { display: flex; align-items: center; justify-content: space-between; color: #000; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; }
.middle_main_page .mm_reserve { padding: clamp(40px, 2.6041666667vw, 50px) 0 clamp(80px, 5.2083333333vw, 100px); }
.middle_main_page .mm_reserve .inner { display: flex; z-index: 1; position: relative; align-items: center; justify-content: space-between; gap: clamp(32px, 2.0833333333vw, 40px); }
.middle_main_page .mm_reserve_watermark { z-index: 0; position: absolute; bottom: 0; left: clamp(24px, 1.5625vw, 30px); color: #eaf6fd; font-weight: 700; font-size: clamp(48px, 4.6875vw, 90px); line-height: 1; white-space: nowrap; pointer-events: none; }
.middle_main_page .mm_reserve_head { display: flex; flex-direction: column; padding: clamp(9.6px, 0.625vw, 12px) 0; gap: clamp(16px, 1.0416666667vw, 20px); }
.middle_main_page .mm_reserve_title { color: #000; font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: 1px; }
.middle_main_page .mm_reserve_legend { display: flex; align-items: center; margin: 0; padding: 0; gap: clamp(19.2px, 1.25vw, 24px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); list-style: none; }
.middle_main_page .mm_reserve_legend li { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.middle_main_page .mm_reserve_dot { display: inline-block; flex-shrink: 0; width: 10px; height: 10px; border-radius: 50%; }
.middle_main_page .mm_reserve_dot.dot_a { background: #ff7251; }
.middle_main_page .mm_reserve_dot.dot_b { background: #5fd996; }
.middle_main_page .mm_reserve_dot.dot_c { background: #715bf9; }
.middle_main_page .mm_reserve_right { display: flex; align-items: center; gap: clamp(40px, 2.6041666667vw, 50px); }
.middle_main_page .mm_reserve_calendar { display: flex; align-items: center; gap: clamp(32px, 2.0833333333vw, 40px); }
.middle_main_page .mm_reserve_month { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; font-weight: 700; }
.middle_main_page .mm_reserve_year { color: #333; font-size: clamp(16px, 1.25vw, 24px); line-height: 1.4; }
.middle_main_page .mm_reserve_month_num { color: #000; font-size: clamp(36px, 3.125vw, 60px); line-height: 1.3; }
.middle_main_page .mm_reserve_days { display: flex; margin: 0; padding: 0; gap: clamp(12.8px, 0.8333333333vw, 16px); list-style: none; }
.middle_main_page .mm_reserve_day { width: clamp(83.2px, 5.4166666667vw, 104px); }
.middle_main_page .mm_reserve_day_btn { display: flex; flex-direction: column; align-items: center; width: 100%; height: 100%; padding: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(33.6px, 2.1875vw, 42px); border: 1px solid #e6e6e6; border-radius: 99px; background: #f9f9f9; cursor: pointer; transition: border-color 150ms ease-out; }
.middle_main_page .mm_reserve_day_btn:hover { border-color: #aaa; }
.middle_main_page .mm_reserve_day.is_today .mm_reserve_day_btn { border-color: transparent; background: linear-gradient(180deg, #008e77 0%, #00748e 100%); }
.middle_main_page .mm_reserve_day.is_today .mm_reserve_day_num { color: #fff; font-weight: 700; }
.middle_main_page .mm_reserve_day_num { color: #333; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; }
.middle_main_page .mm_reserve_dots { display: flex; align-items: center; gap: 4px; }
.middle_main_page .mm_reserve_more { display: flex; flex-shrink: 0; align-items: stretch; gap: clamp(9.6px, 0.625vw, 12px); }
.middle_main_page .mm_reserve_more::before { display: block; flex-shrink: 0; width: 2px; background: #000; content: ""; }
.middle_main_page .mm_reserve_more_inner { display: flex; flex-direction: column; align-items: center; gap: 4px; }
.middle_main_page .mm_reserve_more_inner::after { display: block; width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); background: url(../../images/common/icon_arrow_right.svg) no-repeat center/contain; content: ""; }
.middle_main_page .mm_reserve_more_text { color: #000; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1; letter-spacing: -1px; writing-mode: vertical-rl; }
.middle_main_page .mm_program { padding: clamp(48px, 3.125vw, 60px) 0; }
.middle_main_page .mm_program .inner { display: flex; align-items: center; gap: clamp(32px, 3.75vw, 72px); }
.middle_main_page .mm_program_aside { display: flex; flex: 0 0 clamp(263.2px, 17.1354166667vw, 329px); flex-direction: column; padding-top: clamp(24px, 1.5625vw, 30px); gap: clamp(48px, 3.125vw, 60px); }
.middle_main_page .mm_program_text { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.middle_main_page .mm_section_title { color: #000; font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.3; letter-spacing: 1px; }
.middle_main_page .mm_program_desc { color: #444; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; word-break: keep-all; }
.middle_main_page .mm_more_link { display: inline-flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #000; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
.middle_main_page .mm_swiper_nav { display: flex; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.middle_main_page .mm_swiper_btn { display: flex; align-items: center; justify-content: center; width: clamp(38.4px, 2.5vw, 48px); height: clamp(38.4px, 2.5vw, 48px); border: 0; border-radius: 50%; background: #f4f5f6; cursor: pointer; transition: background 150ms ease-out; }
.middle_main_page .mm_swiper_btn.swiper-button-disabled { opacity: 0.5; }
.middle_main_page .mm_swiper_btn:hover:not(.swiper-button-disabled) { background: #000; }
.middle_main_page .mm_swiper_btn:hover:not(.swiper-button-disabled) .cm_icon.arrow_back:before { background-image: url(../../images/common/icon_arrow_back_wt.svg); }
.middle_main_page .mm_swiper_btn:hover:not(.swiper-button-disabled) .cm_icon.arrow_forward:before { background-image: url(../../images/common/icon_arrow_forward_wt.svg); }
.middle_main_page .mm_program_list { display: flex; flex: 1 1 auto; min-width: 0; gap: clamp(19.2px, 1.25vw, 24px); }
.middle_main_page .mm_program_list .swiper-slide { height: auto; }
.middle_main_page .mm_program_card { display: flex; position: relative; flex-direction: column; width: 100%; height: auto; padding-top: clamp(16px, 1.0416666667vw, 20px); }
.middle_main_page .mm_program_card_inner { display: flex; flex: 1 1 auto; flex-direction: column; justify-content: space-between; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(48px, 3.125vw, 60px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
.middle_main_page .mm_program_card_top { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.middle_main_page .mm_program_badge_wrap { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.middle_main_page .mm_program_card_title { display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #000; font-weight: 700; font-size: clamp(16px, 1.09375vw, 21px); line-height: 1.5; }
.middle_main_page .mm_program_card_bottom { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.middle_main_page .mm_program_card_date { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.middle_main_page .mm_program_card_btn { display: inline-flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); color: #333; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; }
.middle_main_page .mm_program_card_btn.is_active { color: #008e77; font-weight: 700; }
.middle_main_page .mm_program_card_btn.is_active .cm_icon.arrow_right2:before { border-radius: 50%; background-image: url(../../images/common/icon_arrow_right2_wt.svg); background-color: #008e77; }
.middle_main_page .mm_program_card_status { position: absolute; top: 0; right: clamp(26.4px, 1.71875vw, 33px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px) 0; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.middle_main_page .mm_notice { position: relative; padding: clamp(40px, 4.1666666667vw, 80px) 0 clamp(60px, 6.25vw, 120px); }
.middle_main_page .mm_notice .inner { display: flex; z-index: 1; position: relative; align-items: flex-start; gap: clamp(32px, 4.1666666667vw, 80px); }
.middle_main_page .mm_notice_main { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; gap: clamp(32px, 2.0833333333vw, 40px); }
.middle_main_page .mm_notice_head { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(32px, 2.0833333333vw, 40px); }
.middle_main_page .mm_notice_tabs { display: flex; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.middle_main_page .mm_notice_tab { padding: 0; border: 0; background: none; color: #666; font-size: clamp(15px, 1.09375vw, 21px); line-height: 1.5; cursor: pointer; }
.middle_main_page .mm_notice_tab.is_active { position: relative; color: #000; font-weight: 700; }
.middle_main_page .mm_notice_tab.is_active::after { z-index: -1; position: absolute; right: -5px; bottom: 2px; left: -5px; height: 12px; background: #c5ddf4; content: ""; opacity: 0.5; }
.middle_main_page .mm_notice_tab_divider { display: block; width: 1px; height: 16px; background: #ccc; }
.middle_main_page .mm_notice_more { position: relative; margin-left: auto; }
.middle_main_page .mm_notice_list { width: 100%; min-width: 0; }
.middle_main_page .mm_notice_list .swiper-slide { height: auto; }
.middle_main_page .mm_notice_card { position: relative; min-width: 0; padding-top: 2px; }
.middle_main_page .mm_notice_card::before { position: absolute; top: 0; right: 0; left: 0; height: 1px; background: #ccc; content: ""; }
.middle_main_page .mm_notice_card::after { position: absolute; top: 0; left: 0; width: 0; height: 2px; background: #000; content: ""; transition: width 300ms ease-out; }
.middle_main_page .mm_notice_card:hover::after { width: 100%; }
.middle_main_page .mm_notice_card_link { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: clamp(25.6px, 1.6666666667vw, 32px) 0; gap: clamp(19.2px, 1.25vw, 24px); }
.middle_main_page .mm_notice_card_body { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.middle_main_page .mm_notice_card_label { display: inline-flex; align-items: center; align-self: flex-start; justify-content: center; height: 32px; padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: 8px; background: #e8f0fd; color: #425de8; font-size: clamp(12px, 0.78125vw, 15px); }
.middle_main_page .mm_notice_card_title { display: -webkit-box; -webkit-line-clamp: 2; color: #000; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.4; word-break: keep-all; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.middle_main_page .mm_notice_card_desc { display: -webkit-box; flex: 1 1 auto; -webkit-line-clamp: 2; color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.middle_main_page .mm_notice_card_date { margin-top: auto; color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.middle_main_page .mm_notice_panels { width: 100%; min-width: 0; overflow: hidden; }
.middle_main_page .mm_popup_zone { position: relative; flex-shrink: 0; width: clamp(352px, 22.9166666667vw, 440px); padding-bottom: clamp(22.4px, 1.4583333333vw, 28px); border-radius: clamp(19.2px, 1.25vw, 24px); }
.middle_main_page .mm_popup_swiper { width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.middle_main_page .mm_popup_swiper .swiper-slide a { display: block; }
.middle_main_page .mm_popup_swiper .swiper-slide img { display: block; aspect-ratio: 1/1; width: 100%; object-fit: cover; }
.middle_main_page .mm_popup_zone_ctrl { display: flex; z-index: 1; position: absolute; right: clamp(25.6px, 1.6666666667vw, 32px); bottom: 0; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.middle_main_page .mm_popup_ctrl_btn { display: block; width: clamp(38.4px, 2.5vw, 48px); height: clamp(38.4px, 2.5vw, 48px); border: 1px solid #e6e6e6; border-radius: 50%; background-position: center; background-size: 50%; background-repeat: no-repeat; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.12); cursor: pointer; }
.middle_main_page .mm_popup_prev { background-image: url(../../images/common/icon_arrow_back.svg); }
.middle_main_page .mm_popup_next { background-image: url(../../images/common/icon_arrow_forward.svg); }
.middle_main_page .mm_popup_pause { background-image: url(../../images/common/icon_play.svg); }
.middle_main_page .mm_popup_pause.is_playing { background-image: url(../../images/common/icon_pause.svg); }
@media screen and (min-width:1025px) {
	html.middle .header_middle .gnb .gnb_item1:hover > .gnb_link1,
	html.middle .header_middle .gnb .gnb_link1:focus-visible,
	html.middle .header_middle .gnb .gnb_item1.is_open > .gnb_link1 { color: var(--reserve-primary); }
	html.middle .header_middle .gnb .gnb_item1:hover > .gnb_link1:after,
	html.middle .header_middle .gnb .gnb_link1:focus-visible:after,
	html.middle .header_middle .gnb .gnb_item1.is_open > .gnb_link1:after { transform: scaleX(1); }
	html.middle .header_middle .gnb .gnb_depth2_wrap { display: flex; align-items: flex-start; }
	html.middle .header_middle .gnb .gnb_item1.is_open > .gnb_depth2_wrap,
	html.middle .header_middle .gnb .gnb_item1:hover > .gnb_depth2_wrap { visibility: visible; transform: translateY(0); opacity: 1; pointer-events: auto; }
	html.middle .header_middle .header_menu_btn:hover,
	html.middle .header_middle .header_menu_btn:focus-visible { background-color: var(--reserve-primary); }
}
@media screen and (max-width:1280px) {
	.page_MIDDLE18 .community_info_overview { padding: 28px; gap: 28px; }
	.page_MIDDLE18 .community_info_step { padding: 28px; }
	.page_MIDDLE18 .community_info_apply_box { padding: 28px; }
	.page_MIDDLE18 .community_info_apply_btn { right: 24px; bottom: 24px; }
	.middle_main_page .mm_visual .mm_visual_img_wrap { width: clamp(720px, 46.875vw, 900px); }
	.middle_main_page .mm_reserve_days { gap: clamp(9.6px, 0.625vw, 12px); }
	.middle_main_page .mm_reserve_day { width: clamp(70.4px, 4.5833333333vw, 88px); }
	.middle_main_page .mm_program .inner { gap: clamp(38.4px, 2.5vw, 48px); }
	.middle_main_page .mm_program_aside { flex: 0 0 clamp(224px, 14.5833333333vw, 280px); }
	.middle_main_page .mm_popup_zone { width: clamp(288px, 18.75vw, 360px); }
}
@media screen and (max-width:1080px) {
	.page_MIDDLE18 .community_info_apply_btn { position: static; margin-top: 16px; }
	.middle_main_page .mm_visual .inner { flex-direction: column; }
	.middle_main_page .mm_visual .mm_visual_img_wrap { width: 100%; border-bottom-left-radius: 0; }
	.middle_main_page .mm_visual .mm_visual_panel { padding: 32px 24px; }
	.middle_main_page .mm_visual .mm_visual_panel::before { right: 0; }
	.middle_main_page .mm_reserve .inner { flex-direction: column; align-items: flex-start; gap: 16px; }
	.middle_main_page .mm_reserve_right { justify-content: space-evenly; width: 100%; gap: 16px; }
	.middle_main_page .mm_reserve_calendar { flex-wrap: wrap; justify-content: center; gap: 16px; }
	.middle_main_page .mm_reserve_days { flex-wrap: wrap; justify-content: center; gap: 8px; }
	.middle_main_page .mm_reserve_day { flex-shrink: 0; width: 72px; }
	.middle_main_page .mm_reserve_day_btn { padding: 14px 14px 20px; gap: 24px; }
	.middle_main_page .mm_program .inner { flex-direction: column; gap: 20px; }
	.middle_main_page .mm_program_aside { flex: none; flex-direction: row; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; width: 100%; padding-top: 0; gap: 16px; }
	.middle_main_page .mm_program_text { flex: 1 1 auto; min-width: 0; gap: 12px; }
	.middle_main_page .mm_swiper_nav { flex-shrink: 0; }
	.middle_main_page .mm_program_list { width: 100%; }
}
@media screen and (max-width:1024px) {
	html.middle .header_middle { position: sticky; top: 0; }
	html.middle .header_middle .header_top .inner { border-bottom: 1px solid #ddd; }
	html.middle .header_middle .header_top .header_top_util { display: none; }
	html.middle .header_middle .header_menu_btn { display: inline-flex; align-items: center; justify-content: center; }
	html.middle .header_middle .header_main .inner { height: clamp(56px, 3.75vw, 72px); }
	html.middle .header_middle .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.middle .header_middle.is_menu_open .gnb { visibility: visible; transform: translateX(0); }
	html.middle .header_middle .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.middle .header_middle .gnb .gnb_util .header_top_util_link { color: #333; font-size: 15px; }
	html.middle .header_middle .gnb .gnb_depth1_wrap { position: relative; flex: 1 1 auto; min-height: 0; }
	html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb .gnb_item1 { display: block; position: static; flex-shrink: 0; width: 100%; border: 0; }
	html.middle .header_middle .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.middle .header_middle .gnb .gnb_link1:after { content: none; }
	html.middle .header_middle .gnb .gnb_item1.is_open > .gnb_link1 { color: var(--reserve-primary); }
	html.middle .header_middle .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.middle .header_middle .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.middle .header_middle .gnb .gnb_depth2_wrap:before,
	html.middle .header_middle .gnb .gnb_depth2_wrap:after { display: none; }
	html.middle .header_middle .gnb .gnb_item1.is_open > .gnb_depth2_wrap { display: flex; }
	html.middle .header_middle .gnb .gnb_depth2_header { display: none; }
	html.middle .header_middle .gnb .gnb_depth2_header_title { color: var(--reserve-primary); font-weight: 700; font-size: 17px; letter-spacing: 0; }
	html.middle .header_middle .gnb .gnb_depth2_content { flex: none; width: 100%; }
	html.middle .header_middle .gnb .gnb_depth2 { display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0; }
	html.middle .header_middle .gnb .gnb_item2 { flex: none; width: 100%; max-width: none; }
	html.middle .header_middle .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.middle .header_middle .gnb .gnb_link2:after { display: none; }
	html.middle .header_middle .gnb .gnb_link2:hover,
	html.middle .header_middle .gnb .gnb_link2:focus-visible { border-color: transparent; background: transparent; color: var(--reserve-primary); }
	html.middle .header_middle .gnb .gnb_item2.active > .gnb_link2 { border-color: transparent; background: transparent; color: var(--reserve-primary); font-weight: 700; }
	html.middle .header_middle .gnb .gnb_item2.active > .gnb_link2:after { display: none; }
	html.middle.is_menu_open body { overflow: hidden; }
}
@media screen and (max-width:768px) {
	html.middle .br_768 { display: none; }
	html.middle .header_middle .gnb { top: 107px; }
	html.middle .header_middle .header_top .inner { height: 50px; }
	html.middle .header_middle .header_top_link em { display: none; }
	html.middle .header_middle .header_top_notice { font-size: 12px; }
	html.middle .footer_middle .inner { padding-top: 36px; padding-bottom: 48px; gap: 28px; }
	html.middle .footer_middle .footer_top { flex-wrap: wrap; }
	html.middle .footer_middle .footer_bottom { flex-direction: column; align-items: flex-start; gap: 12px; }
	.page_MIDDLE3 .section1 .intro_wrap { flex-direction: column; }
	.page_MIDDLE3 .section1 .intro_img { aspect-ratio: 21/9; width: 100%; }
	.page_MIDDLE3 .section2 .role_list { flex-direction: column; align-items: center; gap: 20px; }
	.page_MIDDLE3 .section2 .role_item { flex-direction: row; }
	.page_MIDDLE3 .section2 .role_glow { flex-shrink: 0; max-width: 80px; }
	.page_MIDDLE3 .section2 .role_glow:before { display: none; }
	.page_MIDDLE3 .section2 .role_icon_wrap { width: 75%; }
	.page_MIDDLE3 .section2 .role_icon { width: 50%; }
	.page_MIDDLE3 .section2 .role_text { align-items: stretch; text-align: left; }
	.page_MIDDLE5 .content_list .content_item { flex-direction: column; padding-right: 0; padding-left: 0; }
	.page_MIDDLE18 .community_info_overview { padding: 20px; }
	.page_MIDDLE18 .community_info_step { padding: 20px; gap: 16px; }
	.page_MIDDLE18 .community_info_step_num { font-size: 18px; }
	.page_MIDDLE18 .community_info_step_title { font-size: 18px; }
	.page_MIDDLE18 .community_info_apply_box { padding: 20px; }
	.page_MIDDLE18 .community_info_apply_grid { display: flex; flex-direction: column; gap: 16px; }
	.page_MIDDLE18 .community_info_apply_grid dt { color: #000; }
	.page_MIDDLE18 .community_info_apply_grid dd { margin-top: 4px; }
	.middle_main_page .mm_visual .mm_visual_title { font-size: 32px; }
	.middle_main_page .mm_visual .mm_visual_sub { font-size: 15px; }
	.middle_main_page .mm_quick_list { grid-template-columns: 1fr 1fr; gap: 12px; }
	.middle_main_page .mm_quick_link { padding: 16px; gap: 12px; border-radius: 16px; }
	.middle_main_page .mm_quick_label { font-size: 15px; }
	.middle_main_page .mm_reserve { padding: 28px 0 40px; }
	.middle_main_page .mm_reserve_watermark { display: none; }
	.middle_main_page .mm_reserve_head { gap: 12px; }
	.middle_main_page .mm_reserve_title { font-size: 28px; }
	.middle_main_page .mm_reserve_legend { flex-wrap: wrap; gap: 16px; font-size: 14px; }
	.middle_main_page .mm_reserve_month { flex-direction: row; align-items: baseline; gap: 6px; }
	.middle_main_page .mm_reserve_year { font-size: 16px; }
	.middle_main_page .mm_reserve_month_num { font-size: 36px; }
	.middle_main_page .mm_reserve_day { width: 60px; }
	.middle_main_page .mm_reserve_day_btn { padding: 10px 10px 16px; gap: 14px; }
	.middle_main_page .mm_reserve_day_num { font-size: 15px; }
	.middle_main_page .mm_program { padding: 28px 0; }
	.middle_main_page .mm_program_aside { flex-direction: column; align-items: flex-start; gap: 12px; }
	.middle_main_page .mm_section_title { font-size: 28px; }
	.middle_main_page .mm_program_desc { font-size: 15px; }
	.middle_main_page .mm_program_card_inner { padding: 20px; gap: 24px; }
	.middle_main_page .mm_program_card_title { font-size: 17px; }
	.middle_main_page .mm_notice { padding: 0 0 40px; }
	.middle_main_page .mm_notice .inner { flex-direction: column-reverse; gap: 24px; }
	.middle_main_page .mm_notice_main { width: 100%; }
	.middle_main_page .mm_notice_head { flex-wrap: wrap; gap: 12px; }
	.middle_main_page .mm_notice_head .mm_section_title { width: 100%; }
	.middle_main_page .mm_notice_tab { font-size: 15px; }
	.middle_main_page .mm_notice_card_link { padding: 24px 0; gap: 16px; }
	.middle_main_page .mm_notice_card_title { font-size: 17px; }
	.middle_main_page .mm_notice_card_desc { font-size: 14px; }
	.middle_main_page .mm_notice_card_date { font-size: 14px; }
	.middle_main_page .mm_popup_zone { width: 100%; padding-bottom: 0; }
	.middle_main_page .mm_popup_zone_ctrl { position: static; justify-content: flex-end; margin-top: 12px; }
}
@media (prefers-reduced-motion:reduce) {
	html.middle .header_middle .gnb,
	html.middle .header_middle .gnb .gnb_link1,
	html.middle .header_middle .gnb .gnb_link1:after,
	html.middle .header_middle .gnb .gnb_depth2_wrap,
	html.middle .header_middle .gnb .gnb_link2,
	html.middle .header_middle .header_menu_btn { transition: none; }
}