@charset "UTF-8";
:root { --header_top_height: 42px; --header_gnb_height: 100px; --gnb_height: calc(var(--header_top_height) + var(--header_gnb_height)); --header_logo_height: calc(var(--header_gnb_height) * 0.9); --header_logo_health_width: clamp(140.8px, 9.1666666667vw, 176px); --header_logo_gap: clamp(45.6px, 2.96875vw, 57px); --header_content_width: 1440px; --header_gnb_panel_width: var(--inner); --header_gnb_title_width: 320px; }
.search_overlay { display: flex; visibility: hidden; z-index: 9999; position: fixed; align-items: flex-start; justify-content: center; inset: 0; background: rgba(0, 0, 0, 0.4); cursor: pointer; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
.search_overlay.is_open { visibility: visible; opacity: 1; }
.search_overlay_inner { position: relative; width: 100%; padding: clamp(64px, 4.1666666667vw, 80px) 20px clamp(48px, 3.125vw, 60px); transform: translateY(-20px); background: #fff; cursor: default; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.search_overlay.is_open .search_overlay_inner { transform: translateY(0); }
.search_overlay_form { display: flex; flex-direction: column; align-items: center; gap: clamp(16px, 1.0416666667vw, 20px); }
.search_overlay_input_wrap { display: flex; align-items: center; width: 100%; max-width: 600px; gap: 8px; }
.search_overlay_input { flex: 1; height: clamp(51.2px, 3.3333333333vw, 64px); padding: 0 clamp(16px, 1.6666666667vw, 32px); border: 2px solid var(--color-primary-80); border-radius: 1000px; outline: none; color: #333; font-size: clamp(15px, 0.9895833333vw, 19px); transition: border-color 0.2s, box-shadow 0.2s; }
.search_overlay_btn { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(51.2px, 3.3333333333vw, 64px); border: none; border-radius: 1000px; background: linear-gradient(130.88deg, #a5318c 11.937%, #00a0e5 91.634%); color: #fff; cursor: pointer; transition: opacity 0.2s, transform 0.2s; }
.search_overlay_btn:hover { transform: scale(1.05); opacity: 0.9; }
.search_overlay_tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin: 0; padding: 0; gap: 12px; list-style: none; }
.search_tag { height: 36px; padding: 0 12px; border: none; border-radius: 1000px; background: #eee; color: #333; font-size: 15px; white-space: nowrap; cursor: pointer; transition: background 0.2s, color 0.2s; }
.search_tag:hover { background: var(--color-primary-80); color: #fff; }
.search_overlay_close_btn { position: absolute; top: clamp(16px, 1.25vw, 24px); right: clamp(16px, 1.25vw, 24px); aspect-ratio: 1/1; width: clamp(35.2px, 2.2916666667vw, 44px); border: none; border-radius: 50%; background: #f0f3f8; cursor: pointer; transition: background 0.2s; }
.search_overlay_close_btn:hover { background: #e0e4ea; }
.search_overlay_close_btn::before,
.search_overlay_close_btn::after { position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; border-radius: 2px; background: #444; content: ""; }
.search_overlay_close_btn::before { transform: translate(-50%, -50%) rotate(45deg); }
.search_overlay_close_btn::after { transform: translate(-50%, -50%) rotate(-45deg); }
.top_banner_area { display: none; position: relative; aspect-ratio: 1912/120; }
.top_banner_area.active { display: block; }
.top_banner_area .top_bnr_swiper .item_box { display: block; aspect-ratio: 1912/120; width: 100%; }
.top_banner_area .top_bnr_swiper .item_box img { width: 100%; height: 100%; object-fit: cover; }
.top_banner_area .top_bnr_swiper .item_box:focus-visible { outline: 2px dashed #000; outline-offset: -4px; }
.top_banner_area .top_bnr_swiper_wrap { position: absolute; top: 0; left: 0; width: 100%; }
.top_banner_area .cm_swiper_control { position: relative; width: 100%; height: 100%; }
.top_banner_area .cm_swiper_control .inner { position: relative; height: 100%; }
.top_banner_area .cm_swiper_control .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); background-size: clamp(16px, 1.0416666667vw, 20px); background-color: rgba(255, 255, 255, 0.5); box-shadow: none; }
.top_banner_area .cm_swiper_control .cm_swiper_navi.prev { left: var(--inner_padding); }
.top_banner_area .cm_swiper_control .cm_swiper_navi.next { right: var(--inner_padding); }
.top_banner_area .top_bnr_close { z-index: 2; position: absolute; top: 8px; right: 20px; width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #000; background: url(../../images/common/icon_cross.svg) no-repeat center/clamp(19.2px, 1.25vw, 24px); background-color: #fff; }
.top_banner_area .mobile_view { display: none; }

/* 서브 - 상단 검색 영역 */
.sub_top_search_area { z-index: 3; position: absolute; top: clamp(16px, 1.0416666667vw, 20px); right: 0; left: calc(clamp(260px, 14.7916666667vw, 284px) + clamp(30px, 3.3333333333vw, 64px)); pointer-events: none; }
.sub_top_search_area > * { pointer-events: auto; }
.sub_top_search_area .sub_top_bg { z-index: 0; position: absolute; top: 0; right: 0; height: clamp(379.2px, 24.6875vw, 474px); pointer-events: none; }
.sub_top_search_area .inner { display: flex; z-index: 1; position: relative; align-items: flex-end; justify-content: flex-end; max-width: none; gap: 0 clamp(80px, 5.2083333333vw, 100px); }
.sub_top_search { flex: 1; max-width: clamp(512px, 33.3333333333vw, 640px); }
.sub_top_search_form { display: flex; position: relative; align-items: center; padding-left: clamp(16px, 1.25vw, 24px); gap: 0; border: 2px solid var(--color-primary-80); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px); background: #fff; box-shadow: 0px 10px 30px rgba(0, 126, 180, 0.08); }
.sub_top_search_input { flex: 1; min-width: 0; height: clamp(52.8px, 3.4375vw, 66px); padding: 0 clamp(12px, 0.8333333333vw, 16px) 0 0; border: none; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px); outline: none; background: #fff; color: #333; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
.sub_top_search_input::placeholder { color: transparent; opacity: 1; }
.sub_top_search_fake_placeholder { display: inline-flex; position: absolute; top: 50%; left: clamp(16px, 1.25vw, 24px); align-items: center; max-width: calc(100% - clamp(88px, 6.25vw, 120px)); transform: translateY(-50%); color: #333; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); white-space: nowrap; pointer-events: none; }
.sub_top_search_fake_placeholder .point { color: var(--color-primary-80); }
.sub_top_search_input:focus ~ .sub_top_search_fake_placeholder,
.sub_top_search_input:not(:placeholder-shown) ~ .sub_top_search_fake_placeholder { display: none; }
.sub_top_search_btn { display: flex; z-index: 1; position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(-53px, -2.7604166667vw, -42.4px); flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(52px, 3.6458333333vw, 70px); border: none; border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(130.88deg, #a5318c 11.937%, #00a0e5 91.634%); box-shadow: 0px 4px 15px 0px rgba(0, 119, 255, 0.25); color: #fff; cursor: pointer; transition: opacity 0.2s; }
.sub_popular_keyword { display: flex; flex-shrink: 0; flex-direction: column; width: clamp(240px, 15.625vw, 300px); gap: clamp(6.4px, 0.4166666667vw, 8px) 0; }
.sub_popular_keyword_title { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #e65073; font-weight: bold; font-size: clamp(17px, 1.1458333333vw, 22px); }
.sub_popular_keyword_swiper { height: clamp(28px, 1.6666666667vw, 32px); margin: 0; overflow: hidden; }
.sub_popular_keyword_list { display: flex; }
.sub_popular_keyword_list > li { display: flex; align-items: center; height: clamp(28px, 1.6666666667vw, 32px); gap: clamp(9.6px, 0.625vw, 12px); }
.sub_popular_keyword_num { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(17.6px, 1.1458333333vw, 22px); border: 1px solid var(--color-primary-80); border-radius: clamp(3.2px, 0.2083333333vw, 4px); background-color: #fff; color: var(--color-primary-80); font-weight: bold; font-size: clamp(10.4px, 0.6770833333vw, 13px); }
.sub_popular_keyword_list > li > a { display: -webkit-box; flex: 1; min-width: 0; color: #333; font-weight: 500; font-size: clamp(15px, 0.9895833333vw, 19px); transition: color 0.2s; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; word-break: break-all; }
.sub_popular_keyword_list > li > a:hover { color: var(--color-primary-80); }
.sub_popular_keyword_list .arrow_drop_up { color: var(--color-blue-75); }
.sub_popular_keyword_list .arrow_drop_down { color: var(--color-blue-75); }

/* footer */
.footer { --inner: 1600px; z-index: 10; border-top: none; background-color: #26283d; color: rgba(255, 255, 255, 0.75); }
.footer .footer_related { border-bottom: 1px solid #3c4143; }
.footer .footer_related .inner { --inner: 1600px; }
.footer .footer_related_list { display: flex; height: clamp(44px, 2.9166666667vw, 56px); }
.footer .footer_related_item { position: relative; flex: 1; border-left: 1px solid #3c4143; }
.footer .footer_related_item:last-child { border-right: 1px solid #3c4143; }
.footer .footer_related_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 0 clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(6.4px, 0.4166666667vw, 8px); border: none; background: none; color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); text-align: left; cursor: pointer; transition: background 0.2s; }
.footer .footer_related_btn:hover { background: rgba(255, 255, 255, 0.06); }
.footer .footer_related_options { visibility: hidden; z-index: 10; position: absolute; right: 0; bottom: 100%; left: 0; padding: clamp(9.6px, 0.625vw, 12px) clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #3c4143; border-bottom: none; border-radius: clamp(3.2px, 0.2083333333vw, 4px) clamp(3.2px, 0.2083333333vw, 4px) 0 0; background: #2e3150; opacity: 0; transition: opacity 0.2s; }
.footer .footer_related_options_scroll { max-height: clamp(160px, 10.4166666667vw, 200px); padding-right: 4px; overflow-y: auto; }
.footer .footer_related_options_scroll::-webkit-scrollbar { width: 4px; }
.footer .footer_related_options_scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #555; }
.footer .footer_related_options a { display: block; padding: 5px 0; color: rgba(255, 255, 255, 0.75); font-size: clamp(13px, 0.7291666667vw, 14px); transition: color 0.2s; }
.footer .footer_related_options a:hover { color: #fff; }
.footer .footer_related_item.opened .footer_related_options { visibility: visible; opacity: 1; }
.footer .footer_surface { padding: clamp(19.2px, 1.25vw, 24px) 0; }
.footer .footer_surface_main { margin-bottom: clamp(32px, 2.0833333333vw, 40px); padding-bottom: clamp(25.6px, 1.6666666667vw, 32px); border-bottom: 1px solid #3c4143; }
.footer .footer_surface_main .inner { display: flex; align-items: flex-end; justify-content: space-between; }
.footer .footer_surface_left { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.footer .footer_logos .logo1 img { width: clamp(90px, 5.8854166667vw, 113px); }
.footer .footer_content { color: rgba(255, 255, 255, 0.65); }
.footer .business_info_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px) 0; font-size: clamp(14px, 0.8854166667vw, 17px); }
.footer .business_info_list strong { color: #fff; font-weight: bold; }
.footer .footer_surface_right { display: flex; flex-direction: column; align-items: flex-end; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_util_link { display: flex; flex-direction: column; align-items: flex-end; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_util_link > li > a { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); transition: opacity 0.2s; }
.footer .footer_util_link > li > a:hover { opacity: 0.8; }
.footer .footer_bottom .inner { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 12px; }
.footer .footer_link { display: flex; align-items: center; gap: 0 clamp(16px, 1.6666666667vw, 32px); }
.footer .footer_link > li { position: relative; }
.footer .footer_link > li + li:before { position: absolute; top: 50%; left: calc(clamp(-32px, -1.6666666667vw, -16px) / 2); width: 1px; height: 12px; transform: translateY(-50%); background: #666; content: ""; }
.footer .footer_link a { color: rgba(255, 255, 255, 0.75); font-size: clamp(13px, 0.78125vw, 15px); transition: color 0.2s; }
.footer .footer_link a:hover { color: #fff; }
.footer .footer_link > li.active > a { color: #db8097; font-weight: bold; }
.footer .footer_copyright { color: rgba(255, 255, 255, 0.75); font-size: clamp(13px, 0.78125vw, 15px); }
.footer .top_btn { display: flex; z-index: 100; position: fixed; right: clamp(32px, 2.0833333333vw, 40px); bottom: clamp(32px, 2.0833333333vw, 40px); flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); transform: translateY(20px); border-radius: 1000px; background-color: var(--color-point-80); color: #fff; font-size: clamp(13px, 0.78125vw, 15px); opacity: 0; pointer-events: none; transition: all 0.3s ease; }
.footer .top_btn:before { display: block; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); background: url(../../images/common/icon_arr_top_w.svg) no-repeat center/contain; content: ""; }
.footer .top_btn.active { transform: translateY(0); opacity: 1; pointer-events: auto; }

/* 다국어 footer */
.lang .footer .footer_content { color: #fff; font-weight: 300; }
.lang .footer .footer_surface_main { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }
.lang .footer .copy { margin-top: clamp(32px, 2.0833333333vw, 40px); font-size: clamp(12px, 0.78125vw, 15px); }

/* layout */
.inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.sub_page { position: relative; padding-top: clamp(48px, 3.125vw, 60px); padding-bottom: clamp(60px, 8.3333333333vw, 160px); overflow-x: clip; background: linear-gradient(180deg, #f3f7ff 0%, #fbf7ff 18%, #fff 40%); }
.sub_page .inner { --inner: 1440px; }
.sub_page_head { display: flex; flex-direction: column; margin-bottom: clamp(28px, 2.0833333333vw, 40px); gap: clamp(12.8px, 0.8333333333vw, 16px) 0; }
.sub_page_head_title_area { display: flex; align-items: center; justify-content: space-between; min-height: clamp(46px, 3.125vw, 60px); margin-top: clamp(3.2px, 0.2083333333vw, 4px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.sub_page_head_title { font-weight: bold; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.5; letter-spacing: 1px; }
.sub_page_head_title_area .btns_area { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.sub_page_head .nav_flex_wrap { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.sub_page_head .btns_area { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.sub_page_head_btns_area .sub_page_share_wrap { display: flex; position: relative; }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer { display: none; z-index: 10; position: absolute; top: calc(100% + clamp(4.8px, 0.3125vw, 6px)); left: 50%; padding: clamp(9.6px, 0.625vw, 12px); transform: translateX(-50%); border: 1px solid #e6e6e6; border-radius: 99px; background: #fff; }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer.active { display: block; }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .sub_page_share_layer_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .sub_page_share_layer_item_btn { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .naver .sub_page_share_layer_item_btn { background-image: url(../../images/common/icon_naver.svg); }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .facebook .sub_page_share_layer_item_btn { background-image: url(../../images/common/icon_facebook.svg); }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .kakao .sub_page_share_layer_item_btn { background-image: url(../../images/common/icon_kakao.svg); }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .url .sub_page_share_layer_item_btn { background-image: url(../../images/common/icon_url.svg); }
.sub_page_head_btns_area .sub_page_share_wrap .sub_page_share_layer .close .sub_page_share_layer_item_btn { background-image: url(../../images/common/icon_cross.svg); background-size: clamp(16px, 1.0416666667vw, 20px); background-color: #e6e6e6; }
.sub_page_share_btn { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(42px, 2.5vw, 48px); border: 1px solid #999; border-radius: 1000px; background: #fff url(../../images/common/icon_share.svg) no-repeat center/50%; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.sub_page_share_btn:hover { border-color: var(--color-primary-80); box-shadow: 0 6px 14px rgba(0, 126, 180, 0.12); }
.sub_page_print_btn { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(42px, 2.5vw, 48px); border: 1px solid #999; border-radius: 1000px; background: #fff url(../../images/common/icon_print.svg) no-repeat center/50%; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
.sub_page_print_btn:hover { border-color: var(--color-primary-80); box-shadow: 0 6px 14px rgba(0, 126, 180, 0.12); }

/* width */
.cm_width { --cm_width: 100%; width: 100%; max-width: var(--cm_width); margin: 0 auto; }
.cm_width.width1 { --cm_width: clamp(384px, 25vw, 480px); }

/* breadcrumb */
.cm_breadcrumb .nav_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); }
.cm_breadcrumb .nav_list > li { position: relative; font-weight: 400; font-size: clamp(14px, 0.78125vw, 15px); }
.cm_breadcrumb .nav_list > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(7.5px, 0.78125vw, 15px)); aspect-ratio: 1/1; width: clamp(15px, 0.9375vw, 18px); transform: translate(-50%, -50%); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
.cm_breadcrumb .nav_list > li:last-child:before { display: none; }
.cm_breadcrumb .nav_list > li > a,
.cm_breadcrumb .nav_list > li > a span { text-decoration: underline; }
.cm_breadcrumb .nav_list > li.home .cm_icon.home:before { position: relative; top: -1px; }

/* 상단 배너영역 */
.cm_masthead { z-index: 70; position: relative; background-color: #eee; }
.cm_masthead .inner { display: flex; position: relative; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-start; min-height: 32px; padding-top: 4px; padding-bottom: 4px; gap: 4px 16px; }
.cm_masthead .nuri_txt { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; gap: 8px; font-size: 14px; word-break: break-all; }
.cm_masthead .nuri_txt:before { display: inline-flex; width: 24px; height: 24px; background-image: url(../../images/common/icon_flag.svg); background-size: contain; background-repeat: no-repeat; content: ""; forced-color-adjust: none; }

/* 인증문자 */
.cm_auth_code { display: flex; align-items: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(5px, 0.625vw, 12px); border: 1px solid var(--color-border-gray); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background: var(--color-background-gray-light); }
.cm_auth_code .code_img { flex-shrink: 0; width: clamp(104px, 6.7708333333vw, 130px); }

/* 통합검색 */
.psch_highlight { color: var(--color-primary-80) !important; font-weight: 700 !important; }
.page_search .psch_search_area { display: flex; position: relative; right: 50%; left: 50%; align-items: center; justify-content: center; width: 100vw; margin-right: -50vw; margin-bottom: clamp(32px, 2.0833333333vw, 40px); margin-left: -50vw; padding: clamp(51.2px, 3.3333333333vw, 64px) 0; overflow: hidden; background: url(../../images/common/search_bg.jpg) no-repeat center/cover; }
.page_search .psch_search_form { z-index: 1; position: relative; width: 100%; max-width: clamp(624px, 40.625vw, 780px); border-radius: 999px; background: #fff; }
.page_search .psch_search_form .form_control { width: 100%; height: auto; padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); padding-right: clamp(64px, 4.1666666667vw, 80px); border: 0; border-radius: inherit; font-weight: 600; font-size: clamp(19.2px, 1.25vw, 24px); }
.page_search .psch_search_btn { position: absolute; top: 50%; right: 32px; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); transform: translateY(-50%); }
.page_search .psch_result_summary { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_search .psch_result_summary strong { font-weight: 700; }
.page_search .psch_result_list { padding-top: clamp(32px, 2.0833333333vw, 40px); border-top: 2px solid var(--color-border-gray-darker, #4d4d4d); }
.page_search .psch_section { padding-bottom: clamp(32px, 2.0833333333vw, 40px); }
.page_search .psch_section + .psch_section { padding-top: clamp(38.4px, 2.5vw, 48px); }
.page_search .psch_section .cm_text_list2 { gap: clamp(9.6px, 0.625vw, 12px); }
.page_search .psch_section .cm_text_list2 .list2_item { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.page_search .psch_board_list { display: flex; flex-direction: column; }
.page_search .psch_board_item { padding: clamp(32px, 2.0833333333vw, 40px) 0; border-bottom: 1px solid var(--color-border-gray-light); }
.page_search .psch_board_item:first-child { padding-top: 0; }
.page_search .psch_board_title { display: block; margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_search .psch_board_title em { font-style: normal; font-weight: 700; }
.page_search .psch_board_desc { display: -webkit-box; -webkit-line-clamp: 2; color: #464c53; font-size: clamp(13.6px, 0.8854166667vw, 17px); -webkit-box-orient: vertical; overflow: hidden; }
.page_search .psch_board_desc em { font-style: normal; font-weight: 700; }
.page_search .psch_board_path { margin-top: clamp(9.6px, 0.625vw, 12px); }
.page_search .psch_result_list a:hover { text-decoration: underline; }
.cm_search_keyword { background: none !important; color: var(--color-text-secondary) !important; font-weight: 700 !important; }
.integrated_search { position: relative; }
.integrated_search .cm_board_list1 { max-width: 100%; }
.integrated_search .cm_board_list1 table { width: 100%; table-layout: fixed; }
.integrated_search .cm_board_list1 th { background-color: #f3f6f9; }
.integrated_search .search_hero { position: relative; padding: clamp(40px, 4.1666666667vw, 80px) clamp(20px, 4.1666666667vw, 80px) clamp(30px, 3.125vw, 60px); }
.integrated_search .search_hero:before { display: block; position: absolute; top: 0; right: 0; bottom: clamp(-100px, -5.2083333333vw, -80px); left: 0; background: url(../../images/common/search_bg2.svg) no-repeat right top/clamp(399.2px, 25.9895833333vw, 499px), linear-gradient(180deg, #ebf3fd 0%, #ffebf7 108.99%); content: ""; }
.integrated_search .search_hero:after { position: absolute; top: 0; left: clamp(64px, 4.1666666667vw, 80px); aspect-ratio: 291/130; width: clamp(160px, 15.15625vw, 291px); background: url(../../images/common/search_bg.svg) no-repeat center/contain; content: ""; pointer-events: none; }
.integrated_search .search_hero_inner { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: center; gap: clamp(20px, 1.6666666667vw, 32px); }
.integrated_search .search_hero_logo { display: flex; align-items: center; gap: clamp(16px, 1.5625vw, 30px); }
.integrated_search .search_hero_logo_img { width: auto; height: clamp(50px, 4.3229166667vw, 83px); }
.integrated_search .search_hero_logo_divider { display: inline-block; flex-shrink: 0; width: 1px; height: clamp(14px, 1.0416666667vw, 20px); background: #ccc; }
.integrated_search .search_hero_title { color: var(--color-text-basic); font-weight: 700; font-size: clamp(26px, 2.2916666667vw, 44px); line-height: 1.5; letter-spacing: 1px; white-space: nowrap; }
.integrated_search .search_hero_form_area { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: clamp(600px, 48.4375vw, 930px); gap: clamp(12px, 1.25vw, 24px); }
.integrated_search .search_hero_form { display: flex; align-items: center; justify-content: center; width: 100%; gap: clamp(15px, 3.6458333333vw, 70px); }
.integrated_search .search_hero_form .sub_top_search { max-width: none; }
.integrated_search .sub_page_content { position: relative; }
.integrated_search .sub_page_content:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: clamp(64px, 4.1666666667vw, 80px) 0 0 0; background-color: #fff; content: ""; }
.integrated_search .search_detail_btn { flex-shrink: 0; min-width: clamp(80px, 5.5208333333vw, 106px); height: clamp(44px, 2.9166666667vw, 56px); padding: 0 clamp(12px, 1.0416666667vw, 20px); border-radius: 99px; background: var(--color-gray-80); color: #fff; font-size: clamp(15px, 0.9895833333vw, 19px); white-space: nowrap; transition: background 0.2s; }
.integrated_search .search_detail_btn:hover { background: var(--color-gray-90); }
.integrated_search .search_related_wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-left: clamp(0px, 0.625vw, 12px); }
.integrated_search .search_related_wrap > .cm_chk1 { flex-shrink: 0; word-break: keep-all; }
.integrated_search .search_related_inner { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
.integrated_search .search_related_title { display: inline-flex; align-items: center; gap: clamp(2px, 0.2083333333vw, 4px); color: var(--color-text-basic); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); white-space: nowrap; }
.integrated_search .search_related_title .cm_icon:before { color: var(--color-text-primary); }
.integrated_search .search_related_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.integrated_search .search_related_tag { display: inline-flex; align-items: center; height: clamp(28px, 1.6666666667vw, 32px); padding: clamp(2px, 0.2083333333vw, 4px) clamp(8px, 0.625vw, 12px); border: 1px solid var(--color-primary-40); border-radius: 99px; background: #fff; color: var(--color-text-primary); font-size: clamp(14px, 0.78125vw, 15px); transition: background 0.2s; }
.integrated_search .search_related_tag:hover { background: var(--color-blue-5); }
.integrated_search .search_result_wrap { display: flex; position: relative; flex-direction: column; padding: clamp(48px, 3.125vw, 60px) 0; gap: clamp(20px, 1.6666666667vw, 32px); }
.integrated_search .search_result_head { display: flex; flex-direction: column; gap: clamp(16px, 1.25vw, 24px); }
.integrated_search .search_summary_box { padding: clamp(20px, 1.6666666667vw, 32px); border-radius: clamp(12px, 0.8333333333vw, 16px); background: #f3f6f9; text-align: center; }
.integrated_search .search_summary_text { color: var(--color-text-basic); font-weight: bold; font-size: clamp(17px, 1.1458333333vw, 22px); line-height: 1.5; }
.integrated_search .search_tab_area { display: flex; flex-direction: column; flex-wrap: wrap; gap: clamp(32px, 2.0833333333vw, 40px); }
.integrated_search .search_tab_area .cm_tab { flex: 1; min-width: 0; margin-bottom: 0; }
.integrated_search .search_sort_area { display: flex; flex-shrink: 0; align-items: center; justify-content: flex-end; gap: clamp(6px, 0.4166666667vw, 8px); }
.integrated_search .search_sort_label { font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); white-space: nowrap; }
.integrated_search .search_sort_select { width: clamp(130px, 8.3333333333vw, 160px); height: clamp(40px, 2.5vw, 48px); padding: 0 clamp(10px, 0.8333333333vw, 16px); border: 1px solid #999; border-radius: clamp(4px, 0.3125vw, 6px); font-size: clamp(14px, 0.8854166667vw, 17px); }
.integrated_search .search_result_body { display: flex; align-items: flex-start; gap: clamp(24px, 3.3333333333vw, 64px); }
.integrated_search .search_result_main { flex: 1; min-width: 0; }
.integrated_search .search_section_wrap { display: flex; flex-direction: column; min-width: 0; margin-top: clamp(44.8px, 2.9166666667vw, 56px); gap: clamp(24px, 2.0833333333vw, 40px); }
.integrated_search .search_section { min-width: 0; padding-bottom: clamp(32px, 2.9166666667vw, 56px); border-bottom: 1px dashed #ccc; }
.integrated_search .search_section:last-child { border-bottom: none; }
.integrated_search .search_section_head { display: flex; align-items: center; justify-content: space-between; min-width: 0; margin-bottom: clamp(16px, 1.25vw, 24px); gap: clamp(8px, 0.625vw, 12px); }
.integrated_search .search_section_title { min-width: 0; margin: 0; word-break: keep-all; }
.integrated_search .search_section_more { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(28px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: 50%; transition: background 0.2s; }
.integrated_search .search_section_more:before { background-color: #767676; content: ""; -webkit-mask-image: url("../../images/common/icon_plus_bold.svg"); mask-image: url("../../images/common/icon_plus_bold.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(16px, 1.0416666667vw, 20px); mask-position: center; }
.integrated_search .search_section_more:hover { background: #f4f5f6; }
.integrated_search .search_menu_list { display: flex; flex-direction: column; gap: clamp(8px, 0.625vw, 12px); }
.integrated_search .search_menu_item::before { display: inline-block; flex-shrink: 0; width: clamp(4px, 0.2604166667vw, 5px); height: clamp(4px, 0.2604166667vw, 5px); margin-right: clamp(6px, 0.5208333333vw, 10px); border-radius: 50%; background: #333; content: ""; vertical-align: middle; }
.integrated_search .search_menu_item { display: flex; align-items: center; min-width: 0; }
.integrated_search .search_menu_link { min-width: 0; color: var(--color-text-basic); font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; word-break: break-all; }
.integrated_search .search_menu_link:hover { text-decoration: underline; }
.integrated_search .search_board_list { display: flex; flex-direction: column; }
.integrated_search .search_board_item { display: flex; flex-direction: column; padding: clamp(16px, 1.25vw, 24px) 0; gap: clamp(6px, 0.4166666667vw, 8px); border-top: 1px solid #e6e6e6; }
.integrated_search .search_board_item:first-child { padding-top: 0; border-top: none; }
.integrated_search .search_board_top { display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(10px, 0.8333333333vw, 16px); }
.integrated_search .search_board_title { flex: 1; min-width: 0; color: var(--color-text-basic); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
.integrated_search .search_board_title:hover { text-decoration: underline; }
.integrated_search .search_board_date { flex-shrink: 0; color: var(--color-text-sub); font-size: clamp(14px, 0.78125vw, 15px); white-space: nowrap; }
.integrated_search .search_board_desc { color: var(--color-text-sub); font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.5; }
.integrated_search .cm_file_list4.in_search .file_box { border: none; background: var(--color-background-gray-lighter-basic); font-size: clamp(14px, 0.78125vw, 15px); }
.integrated_search .cm_file_list4.in_search .file_type_icon { flex-shrink: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); margin-right: clamp(3.2px, 0.2083333333vw, 4px); vertical-align: middle; }
.integrated_search .search_card_list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 1.25vw, 24px); }
.integrated_search .search_card_item { min-width: 0; overflow: hidden; border: 1px solid #ccc; border-radius: clamp(10px, 0.8333333333vw, 16px); }
.integrated_search .search_card_link { display: flex; flex-direction: column; justify-content: space-between; height: 100%; padding: clamp(16px, 1.25vw, 24px); gap: clamp(8px, 0.625vw, 12px); transition: background 0.2s; }
.integrated_search .search_card_link:hover { background: var(--color-gray-5); }
.integrated_search .search_card_title { display: -webkit-box; -webkit-line-clamp: 2; color: var(--color-text-basic); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.integrated_search .search_card_meta_wrap { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.integrated_search .search_card_meta { display: flex; align-items: center; min-width: 0; gap: clamp(8px, 0.625vw, 12px); font-size: clamp(14px, 0.78125vw, 15px); }
.integrated_search .search_card_meta dt { display: inline-flex; flex-shrink: 0; align-items: center; gap: clamp(8px, 0.625vw, 12px); color: var(--color-text-basic); font-weight: 700; }
.integrated_search .search_card_meta dt::after { display: inline-block; width: 1px; height: clamp(9.6px, 0.625vw, 12px); background: #d0d0d0; content: ""; }
.integrated_search .search_card_meta dd { min-width: 0; margin-left: 0; color: var(--color-text-basic); word-break: break-all; }
.integrated_search .search_file_list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(12px, 1.25vw, 24px); }
.integrated_search .search_file_item { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; padding: clamp(16px, 1.25vw, 24px); gap: clamp(20px, 1.6666666667vw, 32px); border: 1px solid #ccc; border-radius: clamp(10px, 0.8333333333vw, 16px); }
.integrated_search .search_file_title { display: -webkit-box; -webkit-line-clamp: 2; color: var(--color-text-basic); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.integrated_search .search_file_btns { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.integrated_search .search_file_btns .cm_btn { flex: 1; min-width: 0; }
.integrated_search .search_sidebar { display: flex; flex-shrink: 0; flex-direction: column; width: clamp(240px, 14.7916666667vw, 284px); gap: clamp(12px, 0.8333333333vw, 16px); }
.integrated_search .search_side_box { display: flex; flex-direction: column; padding: clamp(16px, 1.25vw, 24px); gap: clamp(14px, 1.0416666667vw, 20px); border: 1px solid #b2b2b2; border-radius: clamp(12px, 0.8333333333vw, 16px); background: #fff; }
.integrated_search .search_side_title { color: var(--color-navy-80); font-weight: 700; font-size: clamp(17px, 1.1458333333vw, 22px); }
.integrated_search .search_popular_tab { padding: clamp(4px, 0.3125vw, 6px); border-radius: 99px; background: var(--color-gray-5); }
.integrated_search .search_popular_tab_list { display: flex; align-items: center; }
.integrated_search .search_popular_tab_btn { flex: 1; padding: clamp(2px, 0.2083333333vw, 4px) clamp(8px, 0.625vw, 12px); border-radius: 99px; color: var(--color-text-basic); font-size: clamp(14px, 0.78125vw, 15px); text-align: center; white-space: nowrap; transition: background 0.2s, color 0.2s; }
.integrated_search .search_popular_tab_btn.active { background: var(--color-navy-80); color: #fff; font-weight: 700; }
.integrated_search .search_popular_list { display: flex; flex-direction: column; gap: clamp(8px, 0.625vw, 12px); }
.integrated_search .search_popular_item { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.integrated_search .search_popular_rank { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(18px, 1.1458333333vw, 22px); height: clamp(18px, 1.1458333333vw, 22px); border: 1px solid var(--color-text-primary); border-radius: clamp(3px, 0.2083333333vw, 4px); color: var(--color-text-primary); font-weight: 600; font-size: 13px; }
.integrated_search .search_popular_keyword { flex: 1; min-width: 0; color: var(--color-text-basic); font-size: clamp(14px, 0.78125vw, 15px); }
.integrated_search .search_popular_keyword:hover { text-decoration: underline; }
.integrated_search .search_popular_change { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: flex-start; width: clamp(32px, 1.875vw, 36px); gap: clamp(1px, 0.1041666667vw, 2px); }
.integrated_search .search_popular_change_icon { display: inline-block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); }
.integrated_search .search_popular_change.up .search_popular_change_icon { background-color: var(--color-icon-primary); -webkit-mask-image: url("../../images/common/icon_arr_up.svg"); mask-image: url("../../images/common/icon_arr_up.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.integrated_search .search_popular_change.down .search_popular_change_icon { background-color: var(--color-text-secondary); -webkit-mask-image: url("../../images/common/icon_arr_down2.svg"); mask-image: url("../../images/common/icon_arr_down2.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.integrated_search .search_popular_change.stay .search_popular_change_icon { background-color: #999; -webkit-mask-image: url("../../images/common/icon_arr_stay.svg"); mask-image: url("../../images/common/icon_arr_stay.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.integrated_search .search_popular_change_num { flex-shrink: 0; font-size: 13px; }
.integrated_search .search_popular_change.up .search_popular_change_num { color: var(--color-text-primary); }
.integrated_search .search_popular_change.down .search_popular_change_num { color: var(--color-secondary-50); }
.integrated_search .search_recent_list { display: flex; flex-wrap: wrap; gap: clamp(6px, 0.4166666667vw, 8px); }
.integrated_search .search_recent_tag { display: inline-flex; align-items: center; min-height: clamp(28px, 1.6666666667vw, 32px); padding: clamp(2px, 0.2083333333vw, 4px) clamp(8px, 0.5208333333vw, 10px); gap: clamp(1px, 0.1041666667vw, 2px); border: 1px solid #ccc; border-radius: 99px; background: #fff; color: var(--color-text-basic); font-size: clamp(13px, 0.78125vw, 15px); text-align: left; transition: background 0.2s; }
.integrated_search .search_recent_tag:hover { background: #f4f5f6; }
.integrated_search .search_recent_del { width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); }
.integrated_search .search_site_list { display: flex; flex-direction: column; gap: clamp(8px, 0.625vw, 12px); }
.integrated_search .search_site_item::before { display: inline-block; width: clamp(4px, 0.2604166667vw, 5px); height: clamp(4px, 0.2604166667vw, 5px); margin-right: clamp(6px, 0.5208333333vw, 10px); border-radius: 50%; background: #333; content: ""; vertical-align: middle; }
.integrated_search .search_site_item { display: flex; align-items: center; }
.integrated_search .search_site_link { color: var(--color-text-basic); font-size: clamp(14px, 0.8854166667vw, 17px); }
.integrated_search .search_site_link:hover { text-decoration: underline; }
.cm_modal.search_detail_modal .modal_wrap { max-width: clamp(768px, 50vw, 960px); }
.cm_modal.search_detail_modal .modal_body { position: relative; min-height: 0; max-height: calc(100dvh - 32px); padding: clamp(24px, 2.0833333333vw, 40px); overflow: visible; gap: clamp(16px, 1.25vw, 24px); border: 2px solid #a5318c; border-radius: clamp(20px, 1.6666666667vw, 32px); box-shadow: 4px 8px 32px rgba(42, 102, 191, 0.08); }
.cm_modal.search_detail_modal .modal_close { display: flex; z-index: 1; position: absolute; top: clamp(-10px, -0.5208333333vw, -8px); right: clamp(-10px, -0.5208333333vw, -8px); align-items: center; justify-content: center; width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); margin-top: 0; border-radius: 50%; background: var(--color-background-footer); }
.cm_modal.search_detail_modal .modal_close:before { background-color: #fff; content: ""; -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; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); mask-position: center; }
.cm_modal.search_detail_modal .modal_content { flex: 1 1 auto; min-height: 0; max-height: none; padding-bottom: clamp(16px, 1.25vw, 24px); overflow-y: auto; overscroll-behavior: contain; border-bottom: 1px dashed #ccc; }
.cm_modal.search_detail_modal .modal_footer { flex-shrink: 0; padding: 0; }
.cm_modal.search_detail_modal .search_detail_form { display: flex; flex-direction: column; gap: clamp(12px, 1.0416666667vw, 20px); }
.cm_modal.search_detail_modal .search_detail_row { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
.cm_modal.search_detail_modal .search_detail_label { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; height: clamp(32px, 2.0833333333vw, 40px); padding: 0 clamp(12px, 0.8333333333vw, 16px); border-radius: clamp(4px, 0.3125vw, 6px); background: var(--color-background-gray-lighter-basic); color: var(--color-text-basic); font-weight: 700; font-size: clamp(15px, 0.8854166667vw, 17px); white-space: nowrap; }
.cm_modal.search_detail_modal .search_detail_field { display: flex; flex: 1; flex-wrap: wrap; align-items: center; min-width: 0; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_modal.search_detail_modal .search_detail_field .cm_form_period { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.cm_modal.search_detail_modal .search_detail_field .cm_form_period .form_control { width: clamp(150px, 10.4166666667vw, 200px); }
.cm_modal.search_detail_modal .search_detail_quick { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.cm_modal.search_detail_modal .search_detail_exclude { width: clamp(220px, 16.6666666667vw, 320px); }
.cm_modal.search_detail_modal .search_detail_btns { display: flex; align-items: center; justify-content: center; gap: clamp(6px, 0.4166666667vw, 8px); }

/******************** 인트로페이지 ******************/
.page_total_intro { display: flex; position: relative; align-items: center; justify-content: center; width: 100vw; height: 100vh; overflow: hidden; }
.page_total_intro:before { position: absolute; bottom: clamp(-142px, -7.3958333333vw, -113.6px); left: clamp(-100px, -5.2083333333vw, -80px); width: clamp(440.8px, 28.6979166667vw, 551px); height: clamp(140.8px, 9.1666666667vw, 176px); transform: rotate(-79.53deg); border-radius: 551.573px; background: #ffba46; content: ""; filter: blur(200px); opacity: 0.43; }
.page_total_intro .page_wrap { position: relative; width: 100%; height: 100%; padding: clamp(28.8px, 1.875vw, 36px) clamp(19.2px, 1.25vw, 24px); overflow: auto; background: url(../../images/sub/intro_bg02.svg) no-repeat left bottom, url(../../images/sub/intro_bg03.svg) no-repeat right top clamp(44px, 2.8645833333vw, 55px), linear-gradient(180deg, #ebf4fe 0%, #ffebf7 100% 0); background-size: clamp(408.8px, 26.6145833333vw, 511px), clamp(713.6px, 46.4583333333vw, 892px); }
.page_total_intro .page_wrap:before { z-index: -1; position: absolute; top: 0; right: 0; left: 0; height: 100%; border-radius: clamp(48px, 3.125vw, 60px) clamp(48px, 3.125vw, 60px) 0 0; background: url(../../images/common/intro_top_bg.svg) repeat-x center top/clamp(1536px, 100vw, 1920px), linear-gradient(180deg, #ebf4fe 0%, #ffebf7 100%); content: ""; }
.page_total_intro .page_wrap .inner { --inner: 1420px; display: flex; position: relative; flex-direction: column; gap: clamp(28.8px, 1.875vw, 36px); }
.page_total_intro .intro_head { display: flex; position: relative; flex-direction: column; align-items: center; gap: clamp(28.8px, 1.875vw, 36px); }
.page_total_intro .intro_head:before,
.page_total_intro .intro_head:after { position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.page_total_intro .intro_head:before { bottom: clamp(-12px, -0.625vw, -9.6px); left: clamp(72px, 4.6875vw, 90px); aspect-ratio: 146/152; width: clamp(100px, 7.6041666667vw, 146px); background-image: url(../../images/sub/intro_icon07.svg); }
.page_total_intro .intro_head:after { right: clamp(-22px, -1.1458333333vw, -17.6px); bottom: clamp(-12px, -0.625vw, -9.6px); aspect-ratio: 177/182; width: clamp(100px, 9.21875vw, 177px); background-image: url(../../images/sub/intro_icon08.svg); }
.page_total_intro .intro_head .title { width: clamp(90px, 7.9166666667vw, 152px); }
.page_total_intro .intro_head .title img { width: 100%; }
.page_total_intro .intro_head .sub_top_search { z-index: 1; position: relative; width: 100%; max-width: clamp(520px, 33.8541666667vw, 650px); margin-right: clamp(24px, 1.5625vw, 30px); }
.page_total_intro .intro_body { position: relative; }
.page_total_intro .intro_body_layout { display: flex; gap: clamp(24px, 2.0833333333vw, 40px); }
.page_total_intro .intro_body_left { display: flex; flex-direction: column; justify-content: space-between; width: 32.15%; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_total_intro .intro_left_item { position: relative; }
.page_total_intro .intro_left_item .link_icon { z-index: 2; position: absolute; right: 0; bottom: 0; aspect-ratio: 1/1; width: clamp(48px, 3.125vw, 60px); border-radius: 50%; background: rgba(0, 0, 0, 0.15); opacity: 1; pointer-events: none; }
.page_total_intro .intro_left_item .link_icon .inner_bg { display: flex; position: absolute; top: 50%; left: 50%; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(35.2px, 2.2916666667vw, 44px); transform: translate(-50%, -50%); border-radius: 50%; background: #000; color: #fff; }
.page_total_intro .intro_left_item .item_box { display: block; height: 100%; padding: clamp(20px, 2.0833333333vw, 40px); overflow: hidden; border-radius: clamp(28.8px, 1.875vw, 36px) clamp(28.8px, 1.875vw, 36px) clamp(64px, 4.1666666667vw, 80px) clamp(28.8px, 1.875vw, 36px); }
.page_total_intro .intro_left_item.primary { flex: 1 1 0; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); }
.page_total_intro .intro_left_item.primary .item_box { position: relative; min-height: clamp(206.4px, 13.4375vw, 258px); background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #7616c8 0%, #b91e9a 100%); color: #fff; opacity: 0.95; transition: background 0.15s, opacity 0.15s; }
.page_total_intro .intro_left_item.primary .item_box:before { position: absolute; right: 0; bottom: -8px; width: clamp(176.8px, 11.5104166667vw, 221px); height: clamp(168px, 10.9375vw, 210px); background: url(../../images/sub/intro_bg01.png) no-repeat center/contain; content: ""; }
.page_total_intro .intro_left_item.primary .item_box:hover { background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(90deg, #9b46e4 0%, #e343c3 100%); opacity: 1; }
.page_total_intro .intro_left_item.primary .item_box .title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); }
.page_total_intro .intro_left_item.primary .item_box .desc { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_total_intro .intro_left_item.trash .item_box { padding: 0; border-radius: 0; }
.page_total_intro .intro_left_item.trash .item_link { display: flex; position: relative; align-items: center; padding: clamp(14.4px, 0.9375vw, 18px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: 99px; background: #fff; color: #000; font-weight: 700; line-height: 1.2; }
.page_total_intro .intro_left_item.trash .item_link:after { position: absolute; top: 50%; right: clamp(25.6px, 1.6666666667vw, 32px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
.page_total_intro .intro_left_item.trash .item_link:hover { background: linear-gradient(180deg, #b2d6ff 0%, #b2bcff 100%), #b2d6ff; }
.page_total_intro .intro_left_item.trash .icon { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background: url(../../images/common/icon_trash2.svg) no-repeat center/contain; }
.page_total_intro .intro_left_item.call .item_box { display: flex; position: relative; align-items: center; padding-top: clamp(24px, 1.5625vw, 30px); padding-bottom: clamp(19.2px, 1.25vw, 24px); padding-left: clamp(192px, 12.5vw, 240px); border-radius: clamp(28.8px, 1.875vw, 36px); background: #edf5ff; box-shadow: 0 5px 15px 0 rgba(80, 77, 98, 0.15); }
.page_total_intro .intro_left_item.call .item_box .icon { position: absolute; bottom: clamp(-36px, -1.875vw, -28.8px); left: 0; width: clamp(172.8px, 11.25vw, 216px); }
.page_total_intro .intro_left_item.call .item_box .text { z-index: 1; position: relative; }
.page_total_intro .intro_left_item.call .item_box .s_title { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_total_intro .intro_left_item.call .item_box .title { color: var(--color-text-primary); font-weight: 700; font-size: clamp(26px, 2.0833333333vw, 40px); }
.page_total_intro .intro_left_item.call .item_box .desc { margin-top: clamp(-4px, -0.2083333333vw, -3.2px); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_total_intro .intro_body_right { flex: 1 1 0; min-width: 0; }
.page_total_intro .intro_right_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
.page_total_intro .intro_right_grid .item_box { display: flex; position: relative; align-items: center; height: 100%; min-height: clamp(144px, 9.375vw, 180px); padding: clamp(15px, 1.5625vw, 30px) clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(28.8px, 1.875vw, 36px); background: #fff; box-shadow: 0 5px 15px 0 rgba(80, 77, 98, 0.15); }
.page_total_intro .intro_right_grid .item_box .icon { display: flex; position: absolute; right: clamp(8px, 0.5208333333vw, 10px); bottom: 50%; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(96px, 6.25vw, 120px); transform: translateY(50%); pointer-events: none; }
.page_total_intro .intro_right_grid .item_box .title { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.page_total_intro .intro_right_grid .item_box .desc { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_total_intro .intro_right_grid .item_box .cm_bullet_list1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(9.6px, 0.625vw, 12px); }
.page_total_intro .intro_right_grid .item_box .cm_bullet_list1 .bullet1_item:first-child { grid-column: span 2; }
.page_total_intro .small_box_wrap { display: flex; gap: clamp(16px, 1.0416666667vw, 20px); }
.page_total_intro .small_box_wrap .item_small_box { display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: center; min-width: 0; height: 100%; padding: clamp(25px, 1.875vw, 36px) clamp(15px, 1.25vw, 24px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(28.8px, 1.875vw, 36px); background: #fff; box-shadow: 0 5px 15px 0 rgba(80, 77, 98, 0.15); }
.page_total_intro .small_box_wrap .item_small_box .icon { position: static; width: clamp(44.8px, 2.9166666667vw, 56px); transform: none; }
.page_total_intro .small_box_wrap .item_small_box .title { font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.page_total_intro .intro_body_right .item_box { transition: background 0.15s; }
.page_total_intro .intro_body_right .item_box:hover { background: linear-gradient(180deg, #b2d6ff 0%, #b2bcff 100%), #b2d6ff; }
.page_total_intro .intro_body_right .item_box.health:hover { background: #fff; }
.page_total_intro .intro_body_right .item_box.health .health_link { display: inline-block; }
.page_total_intro .intro_body_right .item_box.health .health_link:hover span { text-decoration: underline; }
.page_total_intro .intro_right_bottom { margin-top: clamp(32px, 2.0833333333vw, 40px); }
.page_total_intro .intro_right_bottom .board_box { display: flex; align-items: center; height: clamp(68px, 4.4270833333vw, 85px); padding: clamp(19.2px, 1.25vw, 24px) clamp(32px, 2.0833333333vw, 40px) clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(90deg, #b2d6ff 0%, #b2bcff 100%); box-shadow: 0 5px 15px 0 rgba(80, 77, 98, 0.15); }
.page_total_intro .intro_right_bottom .board_wrap { flex: 1 1 0; min-width: 0; height: 100%; }
.page_total_intro .intro_right_bottom .intro_board_swiper { height: 100%; }
.page_total_intro .intro_right_bottom .intro_board_control { display: flex; flex-direction: column; width: clamp(14.4px, 0.9375vw, 18px); gap: 2px; }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn { aspect-ratio: 1/1; width: clamp(14.4px, 0.9375vw, 18px); }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn.prev { background: url(../../images/common/icon_arrow_drop_up.svg) no-repeat center/clamp(12.8px, 0.8333333333vw, 16px); }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn.next { background: url(../../images/common/icon_arrow_drop_down.svg) no-repeat center/clamp(12.8px, 0.8333333333vw, 16px); }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn.pause { background: url(../../images/common/icon_pause.svg) no-repeat center/clamp(12.8px, 0.8333333333vw, 16px); }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn.pause.is-paused { background: url(../../images/common/icon_play.svg) no-repeat center/clamp(12.8px, 0.8333333333vw, 16px); }
.page_total_intro .intro_right_bottom .intro_board_control .board_control_btn.swiper-button-disabled { opacity: 0.5; }
.page_total_intro .intro_right_bottom .board_item { display: flex; align-items: center; gap: clamp(16px, 1.0416666667vw, 20px); }
.page_total_intro .intro_right_bottom .board_item:hover .board_title span { text-decoration: underline; }
.page_total_intro .intro_right_bottom .board_item:focus-visible .board_title { outline: 2px dashed #000; }
.page_total_intro .intro_right_bottom .board_item .board_label { display: flex; align-items: center; justify-content: center; width: 90px; height: clamp(29.6px, 1.9270833333vw, 37px); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #5942d0; color: #fff; font-weight: 600; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_total_intro .intro_right_bottom .board_item .board_title { flex: 1 1 0; min-width: 0; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_total_intro .intro_foot { position: relative; text-align: center; }
.page_total_intro .intro_floating { position: fixed; top: 50%; right: clamp(32px, 2.0833333333vw, 40px); transform: translateY(-50%); }
.page_total_intro .intro_floating .floating_menu_list { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.page_total_intro .intro_floating .floating_menu_list .floating_menu_item_btn { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(44px, 2.8645833333vw, 55px); border-radius: 50%; background: #fff; filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.15)); }
.page_total_intro .intro_floating .floating_menu_list .floating_menu_item_btn img { width: clamp(25.6px, 1.6666666667vw, 32px); }

/******************** 본청 - 메인 ******************/
.page_primary_main { position: relative; }
.page_primary_main::before { position: absolute; top: clamp(480px, 31.25vw, 600px); left: 0; width: 100%; height: clamp(1040px, 67.7083333333vw, 1300px); background: linear-gradient(180deg, #f3f9ff 0%, #eef6fe 53.37%, #fff 106.75%); content: ""; }
.page_primary_main::after { position: absolute; top: 0; left: 0; width: 100%; height: clamp(1020px, 66.40625vw, 1275px); border-radius: 0 0 clamp(120px, 36.9791666667vw, 710px) 0; background: linear-gradient(180deg, #ebf4fe 0%, #ffebf7 100%); content: ""; }
.page_primary_main .main_section { z-index: 1; position: relative; }
.page_primary_main .main_section_title_area { display: flex; flex-wrap: wrap; align-items: center; }
.page_primary_main .main_section_title { font-weight: 700; font-size: clamp(24px, 2.2916666667vw, 44px); }
.page_primary_main .main_section_sub_title { font-weight: 700; font-size: clamp(20px, 1.875vw, 36px); }
.page_primary_main .main_section_control { display: flex; justify-content: end; width: clamp(115.2px, 7.5vw, 144px); gap: clamp(9.6px, 0.625vw, 12px); }
.page_primary_main .main_section_control .cm_swiper_control { display: flex; gap: clamp(9.6px, 0.625vw, 12px); }
.page_primary_main .main_section_control .cm_swiper_control .cm_swiper_navi { box-shadow: none; }

/* 본청 - 메인 섹션1 */
.page_primary_main .section1 { position: relative; padding: clamp(48px, 3.125vw, 60px) 0; }
.page_primary_main .section1:before { position: absolute; top: clamp(628.8px, 40.9375vw, 786px); left: clamp(-140px, -7.2916666667vw, -112px); width: clamp(440.8px, 28.6979166667vw, 551px); height: clamp(140.8px, 9.1666666667vw, 176px); transform: rotate(-79deg); border-radius: 551px; background: #ffba46; content: ""; filter: blur(200px); opacity: 0.6; }
.page_primary_main .section1 .inner { z-index: 1; position: relative; }
.page_primary_main .section1 .section1_top_area { display: flex; justify-content: space-between; margin-bottom: clamp(32px, 2.0833333333vw, 40px); gap: clamp(19.2px, 1.25vw, 24px) clamp(60.8px, 3.9583333333vw, 76px); }
.page_primary_main .section1 .section1_search { width: clamp(552.8px, 35.9895833333vw, 691px); min-width: 0; }
.page_primary_main .section1 .section1_weather { display: flex; align-items: center; min-width: clamp(230.4px, 15vw, 288px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_primary_main .section1 .section1_search_word { width: clamp(200px, 15.625vw, 300px); }
.page_primary_main .section1 .weather_content .weather_temp_wrap { display: flex; margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); gap: clamp(3.2px, 0.2083333333vw, 4px); color: #444e70; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_primary_main .section1 .weather_content .air_info_list { display: flex; gap: clamp(8.8px, 0.5729166667vw, 11px); }
.page_primary_main .section1 .weather_content .air_info_list .air_info_item { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(12px, 0.78125vw, 15px); }
.page_primary_main .section1 .weather_content .air_info_list .air_info_item .label .value.good { color: #096ab3; }
.page_primary_main .section1 .weather_content .air_info_list .air_info_item .label .value.normal { color: #267337; }
.page_primary_main .section1 .weather_content .air_info_list .air_info_item .label .value.bad { color: #de3412; }
.page_primary_main .section1 .weather_content .air_info_list .air_info_item .label .value.very_bad { color: #de3412; }
.page_primary_main .section1 .shortcut_area { display: flex; max-width: 1230px; margin-right: auto; margin-left: auto; gap: clamp(20px, 3.125vw, 60px); }
.page_primary_main .section1 .shortcut_area .cm_overview127 { flex: 1 1 0; min-width: 0; }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area { width: 150px; padding-top: clamp(12.8px, 0.8333333333vw, 16px); }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn_list { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn { display: inline-flex; align-items: center; height: clamp(36px, 2.0833333333vw, 40px); padding: 0 clamp(9.6px, 0.625vw, 12px); border-radius: 99px 99px 99px 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn.btn1 { background: #2d3440; color: #fff; }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn.btn2 { background: #fff; }
.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn:hover { background: linear-gradient(180deg, #b2d6ff 0%, #b2bcff 100%), #b2d6ff; color: #333; }

/* 본청 - 메인 섹션2 */
.page_primary_main .section2 { padding-bottom: clamp(80px, 5.2083333333vw, 100px); }
.page_primary_main .main_section2_layout { display: flex; align-items: center; gap: clamp(48px, 3.125vw, 60px); }
.page_primary_main .main_section2_layout .main_section2_layout_left { width: clamp(653.6px, 42.5520833333vw, 817px); }
.page_primary_main .main_section2_layout .page_preparing { display: flex; flex-direction: column; align-items: center; justify-content: center; height: clamp(379.2px, 24.6875vw, 474px); }
.page_primary_main .main_section2_layout .main_section2_layout_right { flex: 1 1 0; min-width: 0; }
.page_primary_main .main_popup_swiper_area { position: relative; }
.page_primary_main .main_popup_swiper_mask { overflow: hidden; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='817' height='486' viewBox='0 0 817 486' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M737 0C781.183 3.99445e-06 817 35.8172 817 80V450C817 469.882 800.882 486 781 486H400C388.954 486 380 477.046 380 466C380 446.118 363.882 430 344 430H36C16.1177 430 0 413.882 0 394V36C0 16.1177 16.1178 0 36 0H737Z' fill='black'/%3E%3C/svg%3E"); -webkit-mask-size: 100% 100%; -webkit-mask-repeat: no-repeat; -webkit-mask-position: center; mask-image: url("data:image/svg+xml,%3Csvg width='817' height='486' viewBox='0 0 817 486' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M737 0C781.183 3.99445e-06 817 35.8172 817 80V450C817 469.882 800.882 486 781 486H400C388.954 486 380 477.046 380 466C380 446.118 363.882 430 344 430H36C16.1177 430 0 413.882 0 394V36C0 16.1177 16.1178 0 36 0H737Z' fill='black'/%3E%3C/svg%3E"); mask-position: center; mask-repeat: no-repeat; mask-size: 100% 100%; }
.page_primary_main .main_popup_swiper .thumb { display: block; position: relative; aspect-ratio: 817/486; width: 100%; overflow: hidden; outline-offset: clamp(-8px, -0.4166666667vw, -6.4px); }
.page_primary_main .main_popup_swiper .thumb:focus-visible { outline: 2px dashed #000; }
.page_primary_main .main_popup_swiper .thumb img { width: 100%; height: 100%; object-fit: cover; }
.page_primary_main .main_popup_swiper_control { display: flex; z-index: 1; position: absolute; bottom: 0; left: 0; align-items: center; padding: clamp(15.2px, 0.9895833333vw, 19px) clamp(9.6px, 0.625vw, 12px) clamp(10.4px, 0.6770833333vw, 13px); gap: clamp(11.2px, 0.7291666667vw, 14px); color: #2d375e; font-weight: 700; font-size: clamp(11px, 0.78125vw, 15px); }
.page_primary_main .main_popup_swiper_control .control_zone_title { flex-shrink: 0; }
.page_primary_main .main_popup_swiper_control .control_zone_pagination { display: flex; align-items: center; gap: clamp(8px, 0.5208333333vw, 10px); color: #222; }
.page_primary_main .main_popup_swiper_control .control_zone_pagination .bar { position: relative; width: clamp(60px, 3.90625vw, 75px); height: 2px; overflow: hidden; background: #d3d3d3; }
.page_primary_main .main_popup_swiper_control .control_zone_pagination .bar_fill { position: absolute; top: 0; left: 0; width: 0%; height: 100%; background: #ef3f68; }
.page_primary_main .main_popup_swiper_control .control_zone_navi { display: flex; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.page_primary_main .main_popup_swiper_control .swiper_navi { width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); background-position: center; background-size: contain; background-repeat: no-repeat; }
.page_primary_main .main_popup_swiper_control .swiper_navi.prev { background-image: url("../../images/common/icon_arr_left.svg"); }
.page_primary_main .main_popup_swiper_control .swiper_navi.next { background-image: url("../../images/common/icon_arr_right.svg"); }
.page_primary_main .main_popup_swiper_control .swiper_navi.pause { background-image: url("../../images/common/icon_pause.svg"); }
.page_primary_main .main_popup_swiper_control .swiper_navi.pause.is-play { background-image: url("../../images/common/icon_play.svg"); }
.page_primary_main .main_popup_swiper_control.is-disabled .control_zone_pagination,
.page_primary_main .main_popup_swiper_control.is-disabled .control_zone_navi { display: none; }

/* 본청 - 메인섹션3 */
.page_primary_main .main_section3_layout { display: flex; align-items: end; gap: clamp(32px, 2.0833333333vw, 40px); }
.page_primary_main .main_section3_layout .main_section3_layout_left { flex: 1 1 0; min-width: 0; }
.page_primary_main .main_section3_layout .main_section3_layout_left .cm_toolbar { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); }
.page_primary_main .main_section3_layout .main_section3_layout_right { position: relative; width: clamp(300px, 17.8125vw, 342px); }
.page_primary_main .section3 .ovw119_control { border: 1px solid #fff; background-color: rgba(255, 255, 255, 0.5); }
.page_primary_main .section3 .mob_news_box_area { position: relative; }
.page_primary_main .section3 .box_icon { z-index: 1; position: absolute; bottom: 0; left: clamp(25.6px, 1.6666666667vw, 32px); width: clamp(136px, 8.8541666667vw, 170px); }
.page_primary_main .section3 .mob_news_box { position: relative; margin-top: 40px; padding: clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(192px, 12.5vw, 240px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(90deg, #a5318c 0%, #314790 100%); color: #fff; }
.page_primary_main .section3 .mob_news_box:before { position: absolute; top: clamp(15.2px, 0.9895833333vw, 19px); right: clamp(-32px, -1.6666666667vw, -25.6px); aspect-ratio: 1/1; width: clamp(126.4px, 8.2291666667vw, 158px); border-radius: 50%; background: #9591bf; content: ""; opacity: 0.2; }
.page_primary_main .section3 .mob_news_box:after { position: absolute; top: clamp(42.4px, 2.7604166667vw, 53px); right: clamp(42.4px, 2.7604166667vw, 53px); aspect-ratio: 1/1; width: clamp(126.4px, 8.2291666667vw, 158px); border-radius: 50%; background: #9591bf; content: ""; opacity: 0.2; }
.page_primary_main .section3 .box_content { display: flex; z-index: 1; position: relative; align-items: center; justify-content: space-between; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_primary_main .section3 .box_content .title { flex: 1 1 0; min-width: 0; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
.page_primary_main .section3 .box_content .box_link { display: inline-flex; height: clamp(32.8px, 2.1354166667vw, 41px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: 99px; background: #2d1856; font-weight: 600; transition: background 0.15s; }
.page_primary_main .section3 .box_content .box_link:focus-visible { outline: 2px dashed #fff; }
.page_primary_main .section3 .box_content .box_link:hover { background: #370794; }
.page_primary_main .section3 .d_dream_area { position: relative; padding-top: clamp(24px, 1.5625vw, 30px); }
.page_primary_main .section3 .d_dream_head { position: absolute; top: 0; left: 50%; transform: translateX(-50%); text-align: center; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble { display: inline-flex; padding: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 99px; background: rgba(255, 255, 255, 0.9); }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble { display: inline-flex; position: relative; align-items: center; justify-content: center; height: clamp(33.6px, 2.1875vw, 42px); padding: 0 clamp(19.2px, 1.25vw, 24px); border-radius: 99px; color: #007eb4; font-weight: 700; white-space: nowrap; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble:after { display: none; position: absolute; top: calc(100% - 4px); left: 50%; width: 8px; height: 8px; transform: translateX(-50%) rotate(45deg); background: #007eb4; content: ""; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble.active { background: #007eb4; color: #fff; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble.active:after { display: block; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble span { transition: transform 0.15s; }
.page_primary_main .section3 .d_dream_head .d_dream_bubble .bubble:hover span { transform: translateY(-3px); }
.page_primary_main .section3 .d_dream_box { min-height: clamp(392px, 25.5208333333vw, 490px); padding: clamp(41.6px, 2.7083333333vw, 52px) clamp(40.8px, 2.65625vw, 51px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: rgba(2, 180, 147, 0.7); }
.page_primary_main .section3 .d_dream_box .d_dream_link { display: block; outline-offset: 4px; }
.page_primary_main .section3 .d_dream_box .d_dream_link .thumb { aspect-ratio: 240/297; overflow: hidden; background: #fff; }
.page_primary_main .section3 .d_dream_box .d_dream_link .thumb img { object-fit: contain; transition: transform 0.35s; }
.page_primary_main .section3 .d_dream_box .d_dream_link:hover .thumb img { transform: scale(1.05); }
.page_primary_main .section3 .d_dream_box .d_dream_link .cm_ratio { overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.page_primary_main .section3 .d_dream_box .box_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.page_primary_main .section3 .d_dream_box .d_dream_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); text-align: center; }
.page_primary_main .section3 .d_dream_box .d_dream_foot_btns { display: flex; align-items: center; justify-content: center; margin-top: clamp(17.6px, 1.1458333333vw, 22px); margin-bottom: clamp(9.6px, 0.625vw, 12px); color: #000; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_primary_main .section3 .d_dream_box .d_dream_foot_btns .btn_item:first-child { position: relative; margin-right: clamp(16px, 1.0416666667vw, 20px); padding-right: clamp(16px, 1.0416666667vw, 20px); }
.page_primary_main .section3 .d_dream_box .d_dream_foot_btns .btn_item:first-child:before { position: absolute; top: 50%; right: 0; width: 1px; height: clamp(12px, 0.78125vw, 15px); transform: translateY(-50%); background: #3b7e73; content: ""; }
.page_primary_main .section3 .d_dream_box .d_dream_foot_btns .btn_item .btn .cm_icon:before { transition: transform 0.15s; }
.page_primary_main .section3 .d_dream_box .d_dream_foot_btns .btn_item .btn:hover .cm_icon:before { transform: translateY(-2px); }

/* 본청 - 메인 섹션4 */
.page_primary_main .section4 { position: relative; padding-top: clamp(80px, 5.2083333333vw, 100px); }
.page_primary_main .section4:before { position: absolute; top: 12px; right: 0; content: "YEONGJONG"; color: #fff; font-weight: 800; font-size: clamp(147.2px, 9.5833333333vw, 184px); line-height: 0.9; white-space: nowrap; }
.page_primary_main .section4_box_top { display: flex; z-index: 1; position: relative; align-items: end; padding: clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px) clamp(26.4px, 1.71875vw, 33px); gap: clamp(48px, 3.125vw, 60px); }
.page_primary_main .section4_box_top:before { position: absolute; top: 0; left: 0; width: clamp(320px, 20.8333333333vw, 400px); height: clamp(64px, 4.1666666667vw, 80px); border-radius: clamp(28.8px, 1.875vw, 36px) clamp(48px, 3.125vw, 60px) 0 0; background: url(../../images/main/section4_bg01.svg) no-repeat left bottom/contain; content: ""; }
.page_primary_main .section4_box_top:after { position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - clamp(64px, 4.1666666667vw, 80px)); border-radius: 0 clamp(28.8px, 1.875vw, 36px) clamp(28.8px, 1.875vw, 36px) clamp(28.8px, 1.875vw, 36px); background: #f1f0ff; content: ""; }
.page_primary_main .section4_box_top > * { z-index: 1; position: relative; }
.page_primary_main .section4_box_top .box_top_title_area { width: clamp(216px, 14.0625vw, 270px); }
.page_primary_main .section4_box_top .box_top_title_area .title { margin-bottom: clamp(32px, 2.0833333333vw, 40px); font-weight: 700; font-size: clamp(28.8px, 1.875vw, 36px); }
.page_primary_main .section4_box_top .box_top_title_area .title span { display: block; margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); color: #534fd2; font-size: clamp(19.2px, 1.25vw, 24px); }
.page_primary_main .section4_box_top .box_top_title_area .desc { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_primary_main .section4_box_top .box_top_content_area { flex: 1 1 0; min-width: 0; }
.page_primary_main .section4_box_bottom { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(-30px, -1.5625vw, -24px); padding: clamp(48px, 3.125vw, 60px) clamp(32px, 2.0833333333vw, 40px) clamp(24px, 1.5625vw, 30px); border-radius: 0 0 clamp(28.8px, 1.875vw, 36px) clamp(28.8px, 1.875vw, 36px); background: #534fd2; }
.page_primary_main .section4_box_bottom .box_bottom_title_area { color: #fff; text-align: right; }
.page_primary_main .section4_box_bottom .box_bottom_title_area .title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
.page_primary_main .section4_box_bottom .box_bottom_title_area .desc { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_primary_main .section4_tab .section4_tab_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_primary_main .section4_tab .section4_tab_list .section4_tab_btn { display: inline-flex; align-items: center; width: clamp(148px, 9.6354166667vw, 185px); height: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: 99px; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: color 0.15s; }
.page_primary_main .section4_tab .section4_tab_list .section4_tab_btn .cm_icon { display: flex; justify-content: space-between; width: 100%; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_primary_main .section4_tab .section4_tab_list .section4_tab_btn:hover { color: #534fd2; }
.page_primary_main .section4_tab .section4_tab_list .section4_tab_btn.active { background: #534fd2; color: #fff; font-weight: 700; }

/* 본청 - 메인 섹션5 */
.page_primary_main .section5 { position: relative; padding-top: clamp(80px, 5.2083333333vw, 100px); padding-bottom: clamp(37.6px, 2.4479166667vw, 47px); }
.page_primary_main .section5:before { position: absolute; top: clamp(432px, 28.125vw, 540px); left: 0; width: clamp(140.8px, 9.1666666667vw, 176px); height: clamp(368px, 23.9583333333vw, 460px); background: url(../../images/main/section5_bg02.svg) no-repeat center/contain; content: ""; }
.page_primary_main .section5:after { position: absolute; right: 0; bottom: 0; width: clamp(1248px, 81.25vw, 1560px); height: clamp(313.6px, 20.4166666667vw, 392px); background: url(../../images/main/section5_bg01.svg) no-repeat center/contain; content: ""; }
.page_primary_main .section5 .cm_toolbar { z-index: 1; position: relative; }

/* 본청 - 메인 섹션6 */
.page_primary_main .section6 { padding-top: clamp(122.4px, 7.96875vw, 153px); }
.page_primary_main .section6 .main_section6_layout { display: flex; gap: clamp(32px, 2.0833333333vw, 40px); }
.page_primary_main .section6 .main_section6_layout_left { position: relative; flex: 1 1 0; min-width: 0; }
.page_primary_main .main_section6_layout_left_head { display: flex; z-index: 1; position: absolute; top: clamp(16px, 1.0416666667vw, 20px); right: 0; align-items: center; justify-content: end; width: clamp(560px, 32.5vw, 624px); margin-bottom: clamp(32px, 2.0833333333vw, 40px); gap: clamp(16px, 1.0416666667vw, 20px); }
.page_primary_main .main_section6_layout_left_head .id_area { display: flex; align-items: center; width: 100%; gap: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_primary_main .main_section6_layout_left_head .id_area .line { display: inline-block; flex: 1 1 0; min-width: 0; border-top: 1px solid #ccc; }
.page_primary_main .main_section6_layout_left_head .sns_list { display: flex; gap: clamp(9.6px, 0.625vw, 12px); }
.page_primary_main .main_section6_layout_left_head .sns_list .sns_link { display: inline-flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(28.8px, 1.875vw, 36px); border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; }
.page_primary_main .main_section6_layout_left_head .sns_list .sns_link.blog { background-image: url(../../images/common/sns_blog.svg); }
.page_primary_main .main_section6_layout_left_head .sns_list .sns_link.facebook { background-image: url(../../images/common/sns_facebook.svg); }
.page_primary_main .main_section6_layout_left_head .sns_list .sns_link.insta { background-image: url(../../images/common/sns_instagram.svg); }
.page_primary_main .main_section6_layout_left_head .sns_list .sns_link.youtube { background-image: url(../../images/common/sns_youtube.svg); }
.page_primary_main .main_section6_layout_left_body { display: flex; align-items: end; justify-content: space-between; gap: clamp(32px, 2.0833333333vw, 40px); }
.page_primary_main .section6 .main_section6_layout_left .title_area { position: relative; width: clamp(228px, 14.84375vw, 285px); padding: clamp(48px, 3.125vw, 60px); padding-right: 0; }
.page_primary_main .section6 .main_section6_layout_left .title_area:before { position: absolute; top: 0; left: 0; width: calc(100% + clamp(128px, 8.3333333333vw, 160px)); height: 100%; border-radius: clamp(80px, 5.2083333333vw, 100px) clamp(80px, 5.2083333333vw, 100px) clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px); background: linear-gradient(146deg, #e1eefe 1.99%, #f7e3ff 98.33%); content: ""; }
.page_primary_main .section6 .main_section6_layout_left .title_area > * { z-index: 1; position: relative; }
.page_primary_main .section6 .main_section6_layout_left .main_section_sub_title { margin-bottom: clamp(48px, 3.125vw, 60px); }
.page_primary_main .section6 .main_section6_layout_left .main_section_sub_title span { color: #4f418f; }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn { display: flex; align-items: center; height: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(16px, 1.0416666667vw, 20px); padding-right: clamp(38.4px, 2.5vw, 48px); gap: clamp(3.2px, 0.2083333333vw, 4px); border-radius: 99px; font-size: clamp(19.2px, 1.25vw, 24px); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.active { background: #4f418f; color: #fff; font-weight: 700; }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn .icon { display: inline-flex; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); background-position: center; background-size: contain; background-repeat: no-repeat; }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.blog .icon { background-image: url(../../images/common/sns2_blog.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.blog.active .icon { background-image: url(../../images/common/sns2_blog_wt.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.youtube .icon { background-image: url(../../images/common/sns2_youtube.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.youtube.active .icon { background-image: url(../../images/common/sns2_youtube_wt.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.insta .icon { background-image: url(../../images/common/sns2_insta.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn.insta.active .icon { background-image: url(../../images/common/sns2_insta_wt.svg); }
.page_primary_main .section6 .main_section6_layout_left .section6_tab_list .section6_tab_btn:hover .text { text-decoration: underline; }
.page_primary_main .section6 .main_section6_layout_left .content_area { z-index: 1; position: relative; width: clamp(560px, 32.5vw, 624px); padding-bottom: clamp(38.4px, 2.5vw, 48px); }
.page_primary_main .section6 .main_section6_layout_right { width: clamp(344px, 22.3958333333vw, 430px); padding-top: clamp(9.6px, 0.625vw, 12px); }

/* 본청 - 메인 섹션7 */
.page_primary_main .section7 { position: relative; padding: clamp(80px, 5.2083333333vw, 100px) 0 clamp(96px, 6.25vw, 120px); }
.page_primary_main .section7:before { position: absolute; right: 0; bottom: 0; width: clamp(1431.2px, 93.1770833333vw, 1789px); height: clamp(290.4px, 18.90625vw, 363px); border-radius: clamp(160px, 10.4166666667vw, 200px) 0 0 0; background: linear-gradient(270deg, #f6e6f0 0%, #e9f0ff 100%); content: ""; }
.page_primary_main .section7:after { position: absolute; right: 0; bottom: 0; width: clamp(195.2px, 12.7083333333vw, 244px); height: clamp(131.2px, 8.5416666667vw, 164px); background: url(../../images/main/section7_img04.svg) no-repeat center/contain; content: ""; }
.page_primary_main .section7 .inner { z-index: 1; position: relative; }
.page_primary_main .main_section7_layout { display: flex; gap: clamp(57.6px, 3.75vw, 72px); }
.page_primary_main .main_section7_layout_left { flex: 1 1 0; min-width: 0; }
.page_primary_main .main_section7_layout_right { width: clamp(280px, 18.9583333333vw, 364px); }

/* 프린트 페이지 */

/* 서브 - 조직도 */
.org_box { position: relative; padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
.org_box:before { position: absolute; top: clamp(200px, 13.0208333333vw, 250px); left: clamp(32px, 2.0833333333vw, 40px); width: clamp(192px, 12.5vw, 240px); height: clamp(168px, 10.9375vw, 210px); background: url(../../images/sub/sub314_img.svg) no-repeat center/contain; content: ""; }
.org_wrap .line { display: flex; position: relative; justify-content: center; padding-bottom: clamp(32px, 2.0833333333vw, 40px); }
.org_wrap .line:after { position: absolute; bottom: 0; left: 50%; width: 1px; height: clamp(32px, 2.0833333333vw, 40px); border-left: 1px solid #ccc; content: ""; }
.org_wrap .line1 .item { display: inline-flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(147.2px, 9.5833333333vw, 184px); overflow: hidden; border-radius: 50%; background: #fff; font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.org_wrap .line1 .item:after { position: absolute; right: clamp(-4px, -0.2083333333vw, -3.2px); bottom: clamp(12px, 0.78125vw, 15px); width: clamp(123.2px, 8.0208333333vw, 154px); height: clamp(91.2px, 5.9375vw, 114px); background: url(../../images/common/logo3.svg) no-repeat center/contain; content: ""; opacity: 0.4; }
.org_wrap .line2 .item { display: inline-flex; align-items: center; justify-content: center; width: clamp(147.2px, 9.5833333333vw, 184px); height: clamp(57.6px, 3.75vw, 72px); border: 3px solid #007eb4; border-radius: 99px; background: #fff; color: #007eb4; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.org_wrap .line3 { padding-bottom: clamp(38.4px, 2.5vw, 48px); }
.org_wrap .line3:after { height: clamp(38.4px, 2.5vw, 48px); }
.org_wrap .line3 .item { display: inline-flex; align-items: center; justify-content: center; width: clamp(147.2px, 9.5833333333vw, 184px); height: clamp(57.6px, 3.75vw, 72px); border-radius: 99px; background: #444; color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.org_wrap .line4 { justify-content: end; width: 50%; margin-left: auto; padding-bottom: clamp(38.4px, 2.5vw, 48px); }
.org_wrap .line4:after { left: 0; height: 100%; }
.org_wrap .line4 .item_list { display: flex; position: relative; align-items: center; justify-content: end; width: 100%; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.org_wrap .line4 .item_list:before { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #ccc; content: ""; }
.org_wrap .line4 .item { display: inline-flex; z-index: 1; position: relative; align-items: center; justify-content: center; height: clamp(51.2px, 3.3333333333vw, 64px); padding-right: clamp(8px, 0.8333333333vw, 16px); padding-left: clamp(8px, 0.8333333333vw, 16px); border: 1px solid #000; border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; color: #000; font-weight: 700; font-size: clamp(14px, 0.8333333333vw, 16px); }
.org_wrap .detail_area { position: relative; padding-top: clamp(32px, 2.0833333333vw, 40px); }
.org_wrap .detail_area:before { position: absolute; top: 0; left: 50%; width: calc(75% + clamp(4px, 1.0416666667vw, 20px)); height: 1px; transform: translateX(-50%); background: #ccc; content: ""; }
.org_wrap .detail_list { display: flex; flex-wrap: wrap; justify-content: center; gap: clamp(32px, 2.0833333333vw, 40px) clamp(12px, 1.25vw, 24px); }
.org_wrap .detail_item { position: relative; width: calc(25% - clamp(14.4px, 0.9375vw, 18px)); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.org_wrap .detail_item .item_head { display: flex; align-items: center; justify-content: center; height: clamp(51.2px, 3.3333333333vw, 64px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #6b6e72; color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.org_wrap .detail_item .item_body { padding: clamp(19.2px, 1.25vw, 24px); }
.org_wrap .detail_item:nth-child(1):before,
.org_wrap .detail_item:nth-child(2):before,
.org_wrap .detail_item:nth-child(3):before,
.org_wrap .detail_item:nth-child(4):before { position: absolute; top: clamp(-40px, -2.0833333333vw, -32px); left: 50%; width: 1px; height: clamp(32px, 2.0833333333vw, 40px); background: #ccc; content: ""; }

/* 서브 - 소개 */
.page_MAIN308 .section1 .content_box { position: relative; padding-left: clamp(24px, 4.1666666667vw, 80px); }
.page_MAIN308 .section1 .content_box:before { position: absolute; bottom: 0; left: 0; width: calc(100% - clamp(24px, 4.1666666667vw, 80px)); height: calc(100% - clamp(24px, 4.1666666667vw, 80px)); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(93deg, #ffeffc -4.43%, #daedff 52.7%, #edf6ff 97.14%); content: ""; }
.page_MAIN308 .section1 .content_box .box_img { z-index: 1; position: relative; aspect-ratio: 1012/440; width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.page_MAIN308 .section1 .content_box .box_img img { width: 100%; height: 100%; object-fit: cover; }
.page_MAIN308 .section1 .content_box .box_text { z-index: 1; position: relative; padding: clamp(30.4px, 1.9791666667vw, 38px) clamp(60px, 8.3333333333vw, 160px) clamp(38.4px, 2.5vw, 48px) 0; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_MAIN308 .section3 .map_title { z-index: 1; position: relative; width: calc(100% - clamp(64px, 4.1666666667vw, 80px)); margin: 0 auto; padding: clamp(25.6px, 1.6666666667vw, 32px); border: 3px solid #007eb4; border-radius: 99px; background: #fff; }
.page_MAIN308 .section3 .map_title .cm_text_list1 { display: flex; justify-content: center; gap: 0; }
.page_MAIN308 .section3 .map_title .cm_text_list1 .list1_item:before { display: none; }
.page_MAIN308 .section3 .map_title .cm_text_list1 .list1_item ~ .list1_item { margin-left: clamp(12px, 2.5vw, 48px); padding-left: clamp(12px, 2.5vw, 48px); }
.page_MAIN308 .section3 .map_title .cm_text_list1 .list1_item ~ .list1_item:before { display: block; left: 0; background: #999; }
.page_MAIN308 .section3 .map_content { display: flex; position: relative; align-items: center; justify-content: center; height: 640px; margin-top: clamp(-40px, -2.0833333333vw, -32px); padding-top: clamp(32px, 2.0833333333vw, 40px); padding-right: 24px; padding-left: 24px; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background: #f2f8fb; }
.page_MAIN308 .section3 .map_content:after { position: absolute; right: clamp(-21px, -1.09375vw, -16.8px); bottom: clamp(-8px, -0.4166666667vw, -6.4px); width: clamp(357.6px, 23.28125vw, 447px); height: clamp(263.2px, 17.1354166667vw, 329px); background: url(../../images/common/logo3.svg) no-repeat center/contain; content: ""; opacity: 0.1; }
.page_MAIN308 .section3 .map_content img { width: 100%; max-width: 540px; }
.page_MAIN310 .cm_box { display: flex; align-items: center; justify-content: center; height: clamp(248.8px, 16.1979166667vw, 311px); margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
.page_MAIN310 .ci_box img { width: clamp(160px, 10.4166666667vw, 200px); }
.page_MAIN310 .character_box img { width: clamp(128px, 8.3333333333vw, 160px); }
.page_MAIN310 .character_box2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: auto; padding: clamp(44px, 2.8645833333vw, 55px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(16.8px, 1.09375vw, 21px); }
.page_MAIN310 .character_box2 .img1 { width: clamp(132px, 12.03125vw, 231px); }
.page_MAIN310 .character_box2 .img2 { width: clamp(120px, 10.5729166667vw, 203px); }
.page_MAIN310 .character_box2 .img3 { width: clamp(72px, 6.40625vw, 123px); }
.page_MAIN310 .character_box2 .img4 { width: clamp(104px, 9.0625vw, 174px); }
.page_MAIN310 .character_box2 .img5 { width: clamp(102px, 9.0625vw, 174px); }

/* 서브 - 연혁 */
.page_history { position: relative; }
.page_history .history_tab_area { z-index: 20; position: relative; background: #fff; }
.page_history .history_tab_area.is_fixed { position: fixed; top: 0; left: 0; width: 100%; }
.page_history .history_tab_area.is_end { position: absolute; bottom: 0; left: 0; width: 100%; }
.page_history .history_tab_inner { display: flex; width: 100%; gap: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.page_history .history_tab { position: relative; flex: 1 1 0; min-width: 0; color: #666; font-weight: 700; }
.page_history .history_tab .tab_text { display: block; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
.page_history .history_tab .tab_dot { display: block; aspect-ratio: 1/1; width: clamp(7.2px, 0.46875vw, 9px); margin: clamp(6.4px, 0.4166666667vw, 8px) auto clamp(12.8px, 0.8333333333vw, 16px); border-radius: 50%; background: #b2b2b2; }
.page_history .history_tab .tab_bar { display: block; position: relative; width: 100%; height: clamp(4.8px, 0.3125vw, 6px); overflow: hidden; border-radius: 99px; background: #e6e6e6; }
.page_history .history_tab .tab_progress { display: block; width: 0%; height: 100%; border-radius: 99px; background: var(--color-text-primary); }
.page_history .history_tab.active { color: var(--color-text-primary); }
.page_history .history_tab.active .tab_dot { background: var(--color-text-primary); }
.page_history .history_list { position: relative; }
.page_history .history_group { margin-top: clamp(44.8px, 2.9166666667vw, 56px); scroll-margin-top: 0; }
.page_history .history_group:focus { outline: none; }
.page_history .history_item { display: flex; position: relative; align-items: stretch; padding-bottom: clamp(44.8px, 2.9166666667vw, 56px); gap: clamp(32px, 2.0833333333vw, 40px); }
.page_history .history_item:last-child { padding-bottom: 0; }
.page_history .history_img { width: clamp(224px, 14.5833333333vw, 280px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
.page_history .history_img img { width: 100%; height: 100%; object-fit: cover; }
.page_history .history_cont { position: relative; flex: 1 1 0; min-width: 0; padding-left: clamp(40px, 3.125vw, 60px); }
.page_history .history_cont:before { position: absolute; top: clamp(14.4px, 0.9375vw, 18px); left: clamp(10.4px, 0.6770833333vw, 13px); width: 1px; height: calc(100% + clamp(83.2px, 5.4166666667vw, 104px)); border-left: 1px dashed #c9c9c9; content: ""; }
.page_history .history_group:last-child .history_item:last-child .history_cont:before { display: none; }
.page_history .history_cont:after { position: absolute; top: clamp(1.6px, 0.1041666667vw, 2px); left: 0; aspect-ratio: 1/1; width: clamp(24px, 1.5625vw, 30px); border-radius: 50%; background: #fff url(../../images/common/icon_bullet2.svg) no-repeat center/contain; content: ""; }
.page_history .year { width: clamp(76.8px, 5vw, 96px); margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); color: #000; font-weight: 700; font-size: clamp(22.4px, 1.4583333333vw, 28px); line-height: 1.2; }
.page_history .history_desc { display: flex; flex-direction: column; margin: 0; padding: 0; padding-top: clamp(3.2px, 0.2083333333vw, 4px); gap: clamp(16px, 1.0416666667vw, 20px); list-style: none; }
.page_history .history_desc li { display: flex; gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(19.2px, 1.25vw, 24px); color: #000; }
.page_history .history_desc .date { flex-shrink: 0; color: var(--color-text-sub); font-weight: 700; }

/* 서브 - 자매우호도시 */
.sub319_map { width: 100%; }
.sub319_content { display: flex; flex-direction: column; gap: clamp(44.8px, 2.9166666667vw, 56px); }
.world_map_wrap { position: relative; width: 100%; max-width: 953px; margin: 0 auto; }
.world_map_svg { display: block; width: 100%; height: auto; }
.world_marker_svg { display: block; z-index: 2; position: absolute; width: 100%; height: auto; inset: 0; pointer-events: none; }
.world_marker_svg .map_marker { cursor: pointer; pointer-events: auto; }
.world_marker_svg .map_marker > g > rect { fill: none; }
.world_marker_svg .map_marker:focus { outline: none; }
.world_marker_svg .map_marker:focus-visible rect { stroke: #000; stroke-width: 3; }
.world_marker_svg .map_marker:hover { opacity: 0.85; }

/* 서브 - 민원 */
.sub11_modal_map { aspect-ratio: 711/535; width: 100%; }
.sub11_modal_map .root_daum_roughmap { width: 100%; height: 100%; }
.sub11_modal_map .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
.sub11_modal_map .root_daum_roughmap .cont { display: none; }

/* 서브 - 통계 */
.page_MAIN343 .section1 .cm_box { display: flex; align-items: center; justify-content: center; padding: clamp(32px, 4.1666666667vw, 80px) clamp(12px, 1.25vw, 24px); }
.sub344_map_chart .map_responsive { position: relative; width: 100%; max-width: 1092px; margin: 0 auto; overflow: hidden; }
.sub344_map_chart .map_inner { position: absolute; top: 0; left: 0; width: 1092px; height: 864px; transform-origin: 0 0; }
.sub344_map_chart .map_svg { display: block; width: 1092px; height: 864px; }
.sub344_map_chart .stat_card { position: absolute; width: 320px; overflow: hidden; border: 1px solid #eaeaea; border-radius: 0 0 24px 24px; background: #fff; }
.sub344_map_chart .stat_head { display: flex; align-items: center; justify-content: space-between; height: 53px; padding: 0 24px; border-radius: 12px 12px 0 0; background: #2d3440; color: #fff; font-size: 17px; }
.sub344_map_chart .stat_head strong { margin-left: 8px; font-size: 18px; }
.sub344_map_chart .change span { margin-left: 8px; font-weight: 700; }
.sub344_map_chart .change.up span { color: #d5395e; }
.sub344_map_chart .change.down span { color: #007eb4; }
.sub344_map_chart .stat_body { display: flex; align-items: center; padding: 28px 20px; gap: 24px; }
.sub344_map_chart .donut { position: relative; width: 112px; height: 112px; border-radius: 50%; }
.sub344_map_chart .donut_hole { position: absolute; inset: 39px; border-radius: 50%; background: #fff; }
.sub344_map_chart .percent { position: absolute; padding: 6px 9px; border-radius: 16px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15); font-weight: 700; font-size: 13px; }
.sub344_map_chart .percent.male { right: -16px; bottom: 26px; color: #007eb4; }
.sub344_map_chart .percent.female { top: 12px; left: -12px; color: #d5395e; }
.sub344_map_chart .gender_list { display: flex; flex-direction: column; gap: 12px; font-size: 16px; }
.sub344_map_chart .gender_list div { display: flex; align-items: center; gap: 8px; }
.sub344_map_chart .gender_list strong { margin-left: 12px; font-size: 17px; }
.sub344_map_chart .dot { width: 8px; height: 8px; border-radius: 50%; }
.sub344_map_chart .dot.male { background: #007eb4; }
.sub344_map_chart .dot.female { background: #d5395e; }

/* 서브 - 도시/건축 - 성장관리계획 */
.page_MAIN482 .cm_box { display: flex; align-items: stretch; gap: clamp(32px, 2.0833333333vw, 40px); }
.page_MAIN482 .cm_box .img_area { aspect-ratio: 1/1; width: clamp(384px, 25vw, 480px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.page_MAIN482 .cm_box .img_area img { width: 100%; height: 100%; object-fit: cover; }
.page_MAIN482 .cm_box .content_area { display: flex; flex: 1 1 0; flex-direction: column; align-items: start; justify-content: space-between; min-width: 0; gap: clamp(19.2px, 1.25vw, 24px); }
.page_MAIN482 .cm_box .content_area .title { font-weight: 700; font-size: clamp(22.4px, 1.4583333333vw, 28px); }
.page_MAIN482 .cm_box .content_area .cm_dl1 dt { width: clamp(65.6px, 4.2708333333vw, 82px); }
.page_MAIN482 .cm_box .content_area .btn_area { display: flex; width: 100%; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_MAIN482 .cm_box .content_area .btn_area .cm_btn { flex: 1 1 0; min-width: 0; }

/* 서브 - 대기환경정보 */
.page_air_realtime .air_realtime_wrap { overflow: hidden; border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.page_air_realtime .cm_badge { flex-shrink: 0; font-size: clamp(14px, 0.78125vw, 15px); }
.page_air_realtime .cm_icon.dot { --icon-size: clamp(6.4px, 0.4166666667vw, 8px); }
.page_air_realtime .air_top_message { padding: clamp(16px, 1.0416666667vw, 20px); border-bottom: 1px solid #ccc; }
.page_air_realtime .air_alert_status_wrap { padding: clamp(16px, 1.0416666667vw, 20px); border-bottom: 1px solid #ccc; }
.page_air_realtime .air_alert_status { display: flex; gap: clamp(32px, 2.0833333333vw, 40px); }
.page_air_realtime .air_alert_status .title { position: relative; flex-shrink: 0; font-weight: bold; }
.page_air_realtime .air_alert_status .title:before { display: block; position: absolute; right: 0; bottom: clamp(-20px, -1.0416666667vw, -16px); left: 0; height: 3px; background-color: var(--color-icon-secondaey); content: ""; }
.page_air_realtime .air_alert_status .title .cm_icon:before { background-color: var(--color-icon-secondaey); }
.page_air_realtime .air_alert_status .cm_text_list1 .list1_item { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_air_realtime .air_overview_area { display: flex; }
.page_air_realtime .air_map_area { display: flex; align-items: center; justify-content: center; width: 50%; padding: clamp(28px, 1.8229166667vw, 35px) clamp(40px, 2.6041666667vw, 50px); border-right: 1px solid #ccc; background: linear-gradient(98deg, rgba(168, 188, 255, 0.3) 0.41%, #e6f7ff 91%); }
.page_air_realtime .air_map_area .map { aspect-ratio: 446/460; }
.page_air_realtime .air_summary_area { width: 50%; padding: clamp(19.2px, 1.25vw, 24px); }
.page_air_realtime .air_source_note { padding: clamp(16px, 1.0416666667vw, 20px); border-top: 1px solid #ccc; background-color: var(--color-background-neutral-lightest); color: var(--color-text-sub); font-size: clamp(14px, 0.78125vw, 15px); }
.page_air_realtime .air_detail_grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(19.2px, 1.25vw, 24px); }
.page_air_realtime .air_forecast_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_air_realtime .air_forecast_card .cm_table1 table th,
.page_air_realtime .air_forecast_card .cm_table1 table td { text-align: center; }

/* 서브 - 통합로그인 */
.page_total_login .page_top_head { position: relative; padding: clamp(40px, 6.25vw, 120px) 0 clamp(28px, 5.1041666667vw, 98px); overflow: hidden; background: linear-gradient(3deg, rgba(165, 49, 140, 0.1) 11.94%, rgba(0, 160, 229, 0.1) 91.63%); }
.page_total_login .page_top_head:before { position: absolute; top: 0; left: clamp(1px, 10.5729166667vw, 203px); aspect-ratio: 291/145; width: clamp(102px, 15.15625vw, 291px); background: url(../../images/sub/login/login_bg02.svg) no-repeat center/contain; content: ""; }
.page_total_login .page_top_head:after { position: absolute; right: clamp(1px, 9.6354166667vw, 185px); bottom: clamp(-77px, -4.0104166667vw, -20px); aspect-ratio: 1/1; width: clamp(146px, 18.3854166667vw, 353px); background: url(../../images/sub/login/login_bg01.svg) no-repeat center/contain; content: ""; }
.page_total_login .sub_page { margin-top: clamp(-60px, -3.125vw, -48px); padding-top: 0 !important; background: transparent; }
.page_total_login .page_title_box { display: flex; align-items: center; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(51.2px, 3.3333333333vw, 64px); background: #fff; }
.page_total_login .page_title_box .icon { display: inline-flex; align-items: center; justify-content: center; width: clamp(70.4px, 4.5833333333vw, 88px); height: clamp(70.4px, 4.5833333333vw, 88px); border-radius: 50%; background: #f3f6f9; }
.page_total_login .page_title_box .text { flex: 1 1 0; min-width: 0; }
.page_total_login .page_title_box .text .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.page_total_login .login_content_area.type2 { padding-top: clamp(44.8px, 2.9166666667vw, 56px); }

/* 안전보건경영방침 */
.safety_framework { display: flex; flex-direction: column; gap: clamp(32px, 2.5vw, 48px); }
.safety_framework .sf_row { display: grid; grid-template-columns: clamp(128px, 8.3333333333vw, 160px) 1fr; align-items: baseline; gap: clamp(0px, 2.0833333333vw, 40px); text-align: center; }
.safety_framework .sf_label { padding: clamp(6.4px, 0.4166666667vw, 8px) 0; color: var(--color-text-bolder, #333); font-weight: 800; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1.3; letter-spacing: -0.02em; }
.safety_framework .sf_body { min-width: 0; }
.safety_framework .sf_vision { padding: clamp(28px, 2.0833333333vw, 40px) clamp(24px, 2.0833333333vw, 40px); border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; text-align: center; }
.safety_framework .sf_vision_text { color: var(--color-text-bolder, #333); font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.5; word-break: keep-all; }
.safety_framework .sf_vision_text strong { color: var(--color-pink-70); }
.safety_framework .sf_strategy { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 1.0416666667vw, 20px); }
.safety_framework .sf_strategy_item { --sf-accent: var(--color-blue-75); display: flex; flex-direction: column; gap: clamp(12px, 0.8333333333vw, 16px); }
.safety_framework .sf_strategy_head { display: flex; align-items: center; justify-content: center; padding: clamp(14px, 0.9375vw, 18px) clamp(18px, 1.25vw, 24px); border: 1px solid var(--sf-accent); border-radius: clamp(9.6px, 0.625vw, 12px); background: var(--sf-accent); color: #fff; text-align: center; }
.safety_framework .sf_strategy_title { font-weight: 700; font-size: clamp(15px, 0.9375vw, 18px); line-height: 1.4; word-break: keep-all; }
.safety_framework .sf_strategy_body { flex: 1; padding: clamp(18px, 1.25vw, 24px); border: 1px solid var(--sf-accent); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.safety_framework .sf_strategy_item.item1 { --sf-accent: var(--color-blue-75); }
.safety_framework .sf_strategy_item.item2 { --sf-accent: var(--color-purple-70); }
.safety_framework .sf_strategy_item.item3 { --sf-accent: var(--color-pink-70); }
.safety_framework .sf_strategy_body .cm_bullet_list1 { margin-left: 0; }
.safety_framework .sf_strategy_body .cm_bullet_list1 .bullet1_item { padding-left: clamp(12.8px, 0.8333333333vw, 16px); }
.safety_framework .sf_intro { padding: clamp(18px, 1.25vw, 24px) clamp(20px, 1.6666666667vw, 32px); border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.safety_framework .sf_intro_text { color: var(--color-text-basic); font-weight: 500; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.65; word-break: keep-all; }
.safety_framework .sf_intro_text strong { color: var(--color-blue-75); font-weight: 700; }
.safety_framework .sf_principles { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(12px, 0.8333333333vw, 16px); counter-reset: principle; }
.safety_framework .sf_principle { display: flex; position: relative; flex-direction: column; padding: clamp(20px, 1.4583333333vw, 28px) clamp(20px, 1.4583333333vw, 28px); gap: clamp(11.2px, 0.7291666667vw, 14px); border: 1px solid var(--color-border-gray); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
.safety_framework .sf_principle_head { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
.safety_framework .sf_principle_num { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(28px, 1.6666666667vw, 32px); border-radius: 50%; background: var(--color-blue-75); color: #fff; font-weight: 700; font-size: clamp(12px, 0.6770833333vw, 13px); letter-spacing: 0.02em; counter-increment: principle; }
.safety_framework .sf_principle_num:before { content: "0" counter(principle); }
.safety_framework .sf_principle_key { color: var(--color-text-bolder, #333); font-weight: 700; font-size: clamp(15px, 0.9375vw, 18px); line-height: 1.45; word-break: keep-all; }
.safety_framework .sf_principle_desc { color: #555; font-size: clamp(14px, 0.8333333333vw, 16px); line-height: 1.65; text-align: left; word-break: keep-all; }
.safety_framework .sf_sign { display: flex; flex-direction: column; align-items: flex-end; margin-top: clamp(6.4px, 0.4166666667vw, 8px); padding-top: clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
.safety_framework .sf_sign_date { color: var(--color-text-sub, #666); font-size: clamp(13px, 0.78125vw, 15px); }
.safety_framework .sf_sign_name { color: var(--color-text-bolder, #333); font-weight: 700; font-size: clamp(15px, 0.9375vw, 18px); letter-spacing: clamp(2px, 0.15625vw, 3px); }

/* 누리집지도 */
.nuri_map .gnb_depth1 { display: flex; flex-direction: column; gap: clamp(44.8px, 2.9166666667vw, 56px); }
.nuri_map .gnb_depth1 .gnb_item1 { padding: clamp(20px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(19.2px, 1.25vw, 24px); }
.nuri_map .gnb_depth1 .gnb_link1 { display: none; }
.nuri_map .gnb_depth2_header { margin-bottom: clamp(16px, 1.0416666667vw, 20px); }
.nuri_map .gnb_depth2_header_title { color: var(--color-text-primary); font-weight: 700; font-size: clamp(22.4px, 1.4583333333vw, 28px); }
.nuri_map .gnb_depth2 { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(32px, 2.0833333333vw, 40px) clamp(16px, 1.0416666667vw, 20px); }
.nuri_map .gnb_link2 { display: flex; position: relative; align-items: center; height: clamp(44.8px, 2.9166666667vw, 56px); padding: 0 clamp(19.2px, 1.25vw, 24px); padding-right: clamp(38.4px, 2.5vw, 48px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f1f2f4; }
.nuri_map .gnb_link2:after { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
.nuri_map .gnb_depth3 { display: flex; flex-direction: column; align-items: start; margin-top: clamp(12.8px, 0.8333333333vw, 16px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px) 0 clamp(19.2px, 1.25vw, 24px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
.nuri_map .gnb_depth3 .gnb_item3 { position: relative; padding-left: clamp(9.6px, 0.625vw, 12px); }
.nuri_map .gnb_depth3 .gnb_item3:before { position: absolute; top: 50%; left: 0; width: 4px; height: 4px; transform: translateY(-50%); border-radius: 99px; background: #b2b2b2; content: ""; }

/* 개인정보처리방침 */
.privacy_policy { color: #333; font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; letter-spacing: -0.5px; }
.privacy_policy a { color: #00f !important; text-decoration: none; }
.privacy_policy a:hover { text-decoration: underline; }
.privacy_policy .policy_title { margin-bottom: clamp(12px, 0.78125vw, 15px); font-weight: bold; font-size: clamp(18px, 1.1458333333vw, 22px); text-align: center; }
.privacy_policy .policy_desc { margin-bottom: clamp(24px, 1.5625vw, 30px); font-size: clamp(12px, 0.78125vw, 15px); text-align: center; word-break: keep-all; }
.privacy_policy .labeling_list_wrap { width: 100%; margin-bottom: clamp(24px, 1.5625vw, 30px); border: 1px solid #ddd; border-collapse: collapse; line-height: 1.3; table-layout: fixed; }
.privacy_policy .labeling_list_wrap th,
.privacy_policy .labeling_list_wrap td { padding: clamp(8px, 0.5208333333vw, 10px); border: 1px solid #ddd; font-size: clamp(12px, 0.78125vw, 15px); vertical-align: baseline; }
.privacy_policy .labeling_list_wrap th { border-top: 2px solid #333; background-color: #f1f1f1; font-weight: bold; font-size: clamp(12px, 0.78125vw, 15px); text-align: center; }
.privacy_policy .labeling_list_wrap td { position: relative; color: #666; text-align: center; word-break: keep-all; }
.privacy_policy .labeling_list_wrap .labeling_img { display: inline-block; width: clamp(38.4px, 2.5vw, 48px); margin-bottom: clamp(5.6px, 0.3645833333vw, 7px); }
.privacy_policy .labeling_list_wrap .labeling_img2 { display: inline-block; width: clamp(24.8px, 1.6145833333vw, 31px); margin-right: clamp(4px, 0.2604166667vw, 5px); }
.privacy_policy .labeling_min_img { width: clamp(24.8px, 1.6145833333vw, 31px); margin-left: clamp(4px, 0.2604166667vw, 5px); vertical-align: bottom; }
.privacy_policy .labeling_list_wrap .labeling_item:hover,
.privacy_policy .labeling_list_wrap .labeling_item:focus { text-decoration: underline; }
.privacy_policy .labeling_item_title { color: #333; text-align: center; }
.privacy_policy .privacy_policy_title { margin-bottom: clamp(12px, 0.78125vw, 15px); font-weight: bold; font-size: clamp(12.8px, 0.8333333333vw, 16px); }
.privacy_policy .privacy_policy_list { margin: 0; margin-bottom: 20px; padding: 0; list-style: none; word-break: keep-all; }
.privacy_policy .privacy_policy_list > li { position: relative; margin-bottom: 10px; padding-left: 20px; font-size: clamp(13px, 0.78125vw, 15px); }
.privacy_policy .privacy_policy_list > li:last-child { margin-bottom: 0; }
.privacy_policy .privacy_policy_list .privacy_policy_list { margin-top: 7px; font-size: clamp(13px, 0.78125vw, 15px); }
.privacy_policy .privacy_policy_list .privacy_policy_list > li { padding-left: 15px; }
.privacy_policy .privacy_policy_list2 { margin: 0; padding: 0; list-style: none; }
.privacy_policy .privacy_policy_list2 > li { position: relative; padding-left: 10px; }
.privacy_policy .privacy_policy_list2 > li:before { display: block; position: absolute; top: 10px; left: 0; width: 2px; height: 2px; background-color: #333; content: ""; }
.privacy_policy .privacy_policy_num { position: absolute; top: 0; left: 0; }
.privacy_policy .policy_cont { margin-bottom: 30px; }
.privacy_policy .policy_table { width: 100%; margin-top: 10px; border-top: 2px solid #333; border-collapse: collapse; line-height: 1.3; }
.privacy_policy .policy_table th,
.privacy_policy .policy_table td { padding: 5px 10px; border: 1px solid #ddd; font-size: 13px; text-align: center; vertical-align: middle; }
.privacy_policy .policy_table th { background-color: #f1f1f1; font-weight: bold; }
.privacy_policy .policy_table .align_left { text-align: left !important; }
.privacy_policy .policy_btn { display: inline-block; margin: 5px 0; padding: 5px 10px; background-color: #333; color: #fff !important; font-size: 13px; }
.privacy_policy .toc { display: flex; align-items: center; justify-content: center; text-align: left; }
.privacy_policy .privacy_img1 { margin: 30px 0; padding: 30px; border: 1px solid #ddd; text-align: center; }
.privacy_policy .privacy_img1 img { max-width: 100%; }
.policy_color { color: #fc4c4e !important; font-weight: bold !important; }
.privacy_policy .labeling_item_tip { box-sizing: border-box; display: none; z-index: 2; position: absolute; top: 100%; left: 50%; width: 235px; margin-left: -117.5px; overflow: hidden; border: 1px solid #333; border-radius: 10px; background: #fff; color: #333; }
.privacy_policy .labeling_item_tip * { box-sizing: border-box; }
.privacy_policy .labeling_item_tip dl { width: 100%; font-size: 14px; word-break: keep-all; }
.privacy_policy .labeling_item_tip dt { display: flex; align-items: center; justify-content: center; min-height: 34px; padding: 4px 15px 6px; background: #333; color: #fff; font-weight: 700; line-height: 1.2; }
.privacy_policy .labeling_item_tip dd { padding: 10px 15px; line-height: 1.5; text-align: left; }
.privacy_policy .labeling_list_wrap td:hover .labeling_item_tip { display: block; }
.privacy_policy .privacy_policy_guide { margin-top: -20px; margin-bottom: 30px; font-size: 14px; letter-spacing: -1px; }
.privacy_policy .cm_title.cont_title.cont_title1:before { top: clamp(4.8px, 0.3125vw, 6px); }

/* 랜딩페이지 */
.page_landing { position: relative; width: 100vw; height: 100%; }
.page_landing:before { position: absolute; top: 50%; left: clamp(-720px, -37.5vw, -576px); aspect-ratio: 1/1; width: clamp(1344px, 87.5vw, 1680px); transform: translateY(-50%); background: url(../../images/sub/landing/landing_img02.png) no-repeat center/contain; content: ""; }
.page_landing .content { z-index: 1; position: relative; max-width: 1680px; height: 100%; margin: 0 auto; padding: 0 20px; }
.page_landing .logo { width: clamp(128px, 13.125vw, 252px); padding-top: clamp(96px, 6.25vw, 120px); }
.page_landing .logo img { width: 100%; }
.page_landing .title { margin-top: clamp(73.6px, 4.7916666667vw, 92px); font-size: clamp(40px, 3.3333333333vw, 64px); line-height: 1.4; }
.page_landing .url { margin-top: clamp(-20px, -1.0416666667vw, -16px); color: #666; font-weight: 500; font-size: clamp(24px, 1.875vw, 36px); letter-spacing: -0.5px; }
.page_landing .img { position: absolute; top: 50%; right: clamp(56px, 3.6458333333vw, 70px); width: clamp(240px, 26.71875vw, 513px); transform: translateY(-50%); }
.page_landing .img:after { position: absolute; top: clamp(-120px, -6.25vw, -96px); right: clamp(-140px, -7.2916666667vw, -112px); aspect-ratio: 1/1; width: clamp(223.2px, 14.53125vw, 279px); background: url(../../images/sub/landing/landing_img03.png) no-repeat center/contain; content: ""; }
.page_landing .img img { z-index: 1; position: relative; }
html.family .cm_sidebar .sidebar_nav { margin-top: 0; }
html.family .cm_sidebar .depth1_item { position: relative; padding-bottom: 28px; border-radius: 20px 60px 60px 60px; background: var(--gradation-02, linear-gradient(131deg, #5431a5 11.94%, #d5395e 91.63%)); box-shadow: -8px -8px 12px 0px #e1d3fb; }
html.family .cm_sidebar .depth1_item:after { position: absolute; bottom: clamp(12px, 0.78125vw, 15px); left: clamp(-55px, -2.8645833333vw, -44px); aspect-ratio: 397/54; width: clamp(317.6px, 20.6770833333vw, 397px); height: clamp(43.2px, 2.8125vw, 54px); background: url(../../images/common/left_title_bg.svg) no-repeat center/contain; content: ""; }
html.family .cm_sidebar .depth1_item span { font-weight: 500; font-family: "Aggravo", "Noto Sans SC", "Noto Sans JP", sans-serif; word-break: keep-all; overflow-wrap: anywhere; }
html.family .sub_page { position: relative; background: #fff; }
html.family .sub_page:before { position: absolute; top: 0; left: 0; width: 100%; height: clamp(234.4px, 15.2604166667vw, 293px); border-radius: 0 0 0 clamp(304px, 19.7916666667vw, 380px); background: linear-gradient(131deg, #ebedfd 11.94%, #ffecec 91.63%); content: ""; }
html.family .cm_sidebar:before { top: clamp(80px, 5.2083333333vw, 100px); }
html.family .cm_sidebar .sidebar_content.has_top_search { padding-top: clamp(9.6px, 0.625vw, 12px); }
html.family .sub_page_head { gap: clamp(57.6px, 3.75vw, 72px); }
html.family .sub_page_head_title_area { margin-top: 0; }
html.family .sub_page_share_btn,
html.family .sub_page_print_btn { border-color: #ddd; }
html.family .cm_sidebar .sidebar_depth2_wrap { margin-top: clamp(-30px, -1.5625vw, -24px); border-radius: clamp(19.2px, 1.25vw, 24px); }
html.family .cm_sidebar .sidebar_depth2 > li > a:after { right: clamp(-20px, -1.0416666667vw, -16px); background: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_arr_right.svg); mask-image: url(../../images/common/icon_arr_right.svg); }
html.family .cm_sidebar .sidebar_depth2 > li > a[target=_blank]:after,
html.family .cm_sidebar .sidebar_depth2 > li > a.blank_icon:after { -webkit-mask-image: url(../../images/common/icon_open_new_window.svg); display: block; right: 0; background-color: #333; mask-image: url(../../images/common/icon_open_new_window.svg); }
html.family .cm_sidebar .sidebar_depth2 > li.active { margin-top: -1px; }
html.family .cm_sidebar .sidebar_depth2 > li.active > a { position: relative; border-bottom: 0; color: #fff; }
html.family .cm_sidebar .sidebar_depth2 > li.active > a:before { position: absolute; top: 0; left: clamp(-20px, -1.0416666667vw, -16px); width: calc(100% + clamp(51.2px, 3.3333333333vw, 64px)); height: 100%; border-radius: 8px 40px 40px 8px; background: var(--color-text-primary); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15); content: ""; }
html.family .cm_sidebar .sidebar_depth2 > li.active > a > span { z-index: 1; position: relative; }
html.family .cm_sidebar .sidebar_depth2 > li.active > a[target=_blank]:after,
html.family .cm_sidebar .sidebar_depth2 > li.active > a.blank_icon:after { background-color: #fff; }
html.family .cm_title.cont_title.cont_title1 { padding-left: clamp(24px, 1.5625vw, 30px); }
html.family .cm_title.cont_title.cont_title1:before { top: clamp(1.6px, 0.1041666667vw, 2px); background-image: url(../../images/common/icon_bullet2.svg); }
html.family .cm_title.cont_title.cont_title2 { padding-left: clamp(12.8px, 0.8333333333vw, 16px); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.family .cm_title.cont_title.cont_title2:before { position: absolute; top: clamp(7.2px, 0.46875vw, 9px); left: 0; aspect-ratio: 1/1; width: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 2px; background: #0858dd; content: ""; }
html.culture .header.main { z-index: 10; width: 100%; /*position: absolute; left: 0; top: 32px;*/ border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
html.culture .main_page { position: relative; background: url(../../images/culture/main/sec3_bg01.svg) no-repeat left bottom/100%; }
html.culture .main_page:after { position: absolute; bottom: -124px; left: -8px; content: "YEONG JONG"; color: rgba(255, 255, 255, 0.25); font-weight: 400; font-size: clamp(230.4px, 15vw, 288px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: 1px; white-space: nowrap; }
html.culture .main_page .main_section { z-index: 1; position: relative; }
html.culture .main_page .section1 { position: relative; aspect-ratio: 1920/778; width: 100%; overflow: hidden; }
html.culture .main_page .section1:after { z-index: 2; position: absolute; bottom: -1px; left: 0; aspect-ratio: 1920/306; width: 100%; background: url(../../images/culture/main/main_visual_wave.svg) no-repeat center bottom/100%; content: ""; pointer-events: none; }
html.culture .main_page .section1 .inner { display: flex; z-index: 1; position: relative; justify-content: space-between; height: 100%; padding-top: clamp(91.2px, 5.9375vw, 114px); padding-bottom: clamp(80px, 5.2083333333vw, 100px); }
html.culture .main_page .section1 .title_area { width: 60%; }
html.culture .main_page .section1 .slide_area { z-index: 1; position: absolute; top: 50%; right: 0; max-width: clamp(512px, 33.3333333333vw, 640px); transform: translateY(-50%); }
html.culture .main_page .section1 .sub_title span { padding: clamp(1.6px, 0.1041666667vw, 2px) clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(4.8px, 0.3125vw, 6px); background: linear-gradient(90deg, #f695b3 0%, #2baee6 100%); color: #000; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); }
html.culture .main_page .section1 .title { paint-order: stroke fill; -webkit-text-stroke-color: #fff; -webkit-text-stroke-width: 6px; margin-bottom: clamp(19.2px, 1.25vw, 24px); color: #0858dd; font-size: clamp(54px, 4.6875vw, 90px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.culture .main_page .section1 .sec1_bg_swiper { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
html.culture .main_page .section1 .sec1_bg_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }
html.culture .main_page .section1 .tag_area { position: relative; }
html.culture .main_page .section1 .tag_list { display: none; flex-wrap: wrap; gap: clamp(9.6px, 0.625vw, 12px); }
html.culture .main_page .section1 .tag_list.active { display: flex; }
html.culture .main_page .section1 .tag_list .tag { display: inline-flex; align-items: center; justify-content: center; padding: clamp(7px, 0.5208333333vw, 10px) clamp(12px, 1.0416666667vw, 20px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-radius: 100px; background: #fff; font-size: clamp(13px, 0.9895833333vw, 19px); }
html.culture .main_page .section1 .tag_list .tag .cm_icon:before { color: var(--color-pink-70); }
html.culture .main_page .section1 .tag_list .tag:hover { background: #0858dd; color: #fff; font-weight: 700; }
html.culture .main_page .section1 .tag_list .tag:hover .cm_icon:before { color: #fff; }
html.culture .main_page .section1 .sec1_swiper .swiper-wrapper { align-items: center; }
html.culture .main_page .section1 .sec1_swiper .sec1_slide_link { display: flex; appearance: none; position: relative; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(160px, 13.5416666667vw, 260px); margin: 0 auto; padding: clamp(12px, 1.0416666667vw, 20px); overflow: hidden; gap: clamp(8px, 0.5208333333vw, 10px); border: 0; border-radius: 50%; background: transparent; color: inherit; font-weight: 700; font-size: clamp(13px, 0.9895833333vw, 19px); cursor: pointer; transition: padding 0.45s ease; }
html.culture .main_page .section1 .sec1_swiper .sec1_slide_link_inner { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(110px, 9.375vw, 180px); overflow: hidden; gap: clamp(8px, 0.5208333333vw, 10px); border: 1px solid #fff; border-radius: 50%; background: rgba(255, 255, 255, 0.5); font-weight: 700; font-size: clamp(13px, 0.9895833333vw, 19px); transition: width 0.45s ease, font-size 0.45s ease; }
html.culture .main_page .section1 .sec1_swiper .sec1_slide_link_inner .icon { width: clamp(28px, 2.0833333333vw, 40px); height: clamp(28px, 2.0833333333vw, 40px); background-color: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_sea.svg); display: none; mask-image: url(../../images/common/icon_sea.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide[data-index="1"] .sec1_slide_link_inner .icon { -webkit-mask-image: url(../../images/common/icon_trekking.svg); mask-image: url(../../images/common/icon_trekking.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide[data-index="2"] .sec1_slide_link_inner .icon { -webkit-mask-image: url(../../images/common/icon_leisure.svg); mask-image: url(../../images/common/icon_leisure.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide[data-index="3"] .sec1_slide_link_inner .icon { -webkit-mask-image: url(../../images/common/icon_sunset.svg); mask-image: url(../../images/common/icon_sunset.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide[data-index="4"] .sec1_slide_link_inner .icon { -webkit-mask-image: url(../../images/common/icon_k-culture.svg); mask-image: url(../../images/common/icon_k-culture.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide[data-index="5"] .sec1_slide_link_inner .icon { -webkit-mask-image: url(../../images/common/icon_traditions.svg); mask-image: url(../../images/common/icon_traditions.svg); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide-active { padding: 0; }
html.culture .main_page .section1 .sec1_swiper .swiper-slide-active .sec1_slide_link { display: flex; align-items: center; justify-content: center; padding: 0; background: rgba(255, 255, 255, 0.5); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide-active .sec1_slide_link .sec1_slide_link_inner { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(130px, 10.4166666667vw, 200px); overflow: hidden; gap: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; border-color: transparent; background: linear-gradient(0deg, #336be3 0%, #336be3 100%), var(--background-white, #fff); color: #fff; font-size: clamp(16px, 1.25vw, 24px); }
html.culture .main_page .section1 .sec1_swiper .swiper-slide-active .sec1_slide_link .sec1_slide_link_inner:after { position: absolute; right: -5px; bottom: -7px; width: clamp(150px, 12.5520833333vw, 241px); height: clamp(111px, 9.3229166667vw, 179px); background: url(../../images/culture/main/sec1_icon.svg) no-repeat center/contain; content: ""; }
html.culture .main_page .section1 .sec1_swiper .swiper-slide-active .sec1_slide_link .icon { display: block; }
html.culture .main_page .section1 .slide_area .cm_swiper_control { display: inline-flex; margin-top: clamp(16px, 1.0416666667vw, 20px); margin-left: clamp(44.8px, 2.9166666667vw, 56px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .main_page .section2 { position: relative; padding-top: clamp(80px, 5.2083333333vw, 100px); background: url(../../images/culture/main/sec2_bg02.svg) no-repeat left bottom clamp(176px, 11.4583333333vw, 220px)/clamp(1437.6px, 93.59375vw, 1797px); }
html.culture .main_page .section2 .section_title_area { margin-bottom: clamp(64px, 4.1666666667vw, 80px); text-align: center; }
html.culture .main_page .section2 .section_bottom .section_title_area { margin-bottom: clamp(38.4px, 2.5vw, 48px); }
html.culture .main_page .section2 .section_title span { background: linear-gradient(150deg, #a53199, #005ae0); font-size: clamp(48px, 3.125vw, 60px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
html.culture .main_page .section2 .section_desc { margin-top: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(13.6px, 0.8854166667vw, 17px); text-align: center; }
html.culture .main_page .section2 .section_top { margin-bottom: clamp(64px, 4.1666666667vw, 80px); }
html.culture .main_page .section2 .section_top .section_content_area { display: flex; align-items: center; justify-content: space-between; gap: clamp(56px, 3.6458333333vw, 70px); }
html.culture .main_page .section2 .section_top .map_area { position: relative; flex: 1 1 0; min-width: 0; }
html.culture .main_page .section2 .section_top .contents_area { position: relative; width: clamp(368px, 23.9583333333vw, 460px); padding-bottom: clamp(41.6px, 2.7083333333vw, 52px); }
html.culture .main_page .section2 .section_top .contents_area:after { position: absolute; top: 50%; left: 50%; aspect-ratio: 1/1; width: clamp(640px, 41.6666666667vw, 800px); transform: translate(-50%, -50%); background: url(../../images/culture/main/sec2_bg03.svg) no-repeat center/contain; content: ""; }
html.culture .main_page .section2 .culture_map_content_swiper .culture_map_content_box { overflow: hidden; border: 1px solid #ddd; border-radius: clamp(32px, 2.0833333333vw, 40px); }
html.culture .main_page .section2 .culture_map_content_swiper .swiper-slide { height: auto; }
html.culture .main_page .section2 .culture_map_content_box .box_top { padding: clamp(19.2px, 1.25vw, 24px) clamp(32px, 2.0833333333vw, 40px); background: #fff; }
html.culture .main_page .section2 .culture_map_content_box .box_top .box_head { display: flex; align-items: start; justify-content: space-between; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .main_page .section2 .culture_map_content_box .box_top .title_wrap { flex: 1 1 0; min-width: 0; }
html.culture .main_page .section2 .culture_map_content_box .box_top .title { font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
html.culture .main_page .section2 .culture_map_content_box .box_top .desc { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .main_page .section2 .culture_map_content_box .box_top .box_body { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section2 .culture_map_content_box .box_top .box_body > a { display: block; }
html.culture .main_page .section2 .culture_map_content_box .box_top .img_area { aspect-ratio: 380/283; width: 100%; }
html.culture .main_page .section2 .culture_map_content_box .box_top .img_area img { width: 100%; height: 100%; object-fit: cover; }
html.culture .main_page .section2 .culture_map_content_box .box_top .text_detail { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section2 .culture_map_content_box .box_top a:hover .text_detail { text-decoration: underline; }
html.culture .main_page .section2 .culture_map_content_box .box_bottom { display: flex; flex-direction: column; padding: clamp(19.2px, 1.25vw, 24px) clamp(32px, 2.0833333333vw, 40px); gap: clamp(9.6px, 0.625vw, 12px); background: #0858dd; color: #fff; }
html.culture .main_page .section2 .culture_map_content_box .box_info { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .main_page .section2 .culture_map_content_box .box_info .icon { display: flex; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); background-color: #fff; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }
html.culture .main_page .section2 .culture_map_content_box .box_info.location .icon { -webkit-mask-image: url(../../images/common/icon_map3.svg); mask-image: url(../../images/common/icon_map3.svg); }
html.culture .main_page .section2 .culture_map_content_box .box_info.call .icon { -webkit-mask-image: url(../../images/common/icon_call_fill.svg); mask-image: url(../../images/common/icon_call_fill.svg); }
html.culture .main_page .section2 .culture_map_content_box .box_info dd { flex: 1 1 0; min-width: 0; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .main_page .section2 .culture_map_content_box .box_info .box_info_location_button { display: inline-flex; align-items: center; justify-content: center; margin-left: clamp(6.4px, 0.4166666667vw, 8px); padding: 2px clamp(6.4px, 0.4166666667vw, 8px); border: 1px solid #fff; border-radius: 99px; color: #fff; font-size: clamp(12px, 0.78125vw, 15px); line-height: 1.4; }
html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi.prev { left: clamp(-42px, -2.1875vw, -33.6px); }
html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi.next { right: clamp(-42px, -2.1875vw, -33.6px); }
html.culture .main_page .section2 .section_top .contents_area .swiper-pagination-bullet { background: #c4daff; }
html.culture .main_page .section2 .section_top .contents_area .swiper-pagination-bullet-active { background: #0858dd; }
html.culture .main_page .section2 .swiper-pagination { display: flex; align-items: center; justify-content: center; }
html.culture .main_page .section2 .swiper-pagination-bullet { width: clamp(8px, 0.5208333333vw, 10px); height: clamp(8px, 0.5208333333vw, 10px); background: #a69fd4; opacity: 1; }
html.culture .main_page .section2 .swiper-pagination-bullet-active { width: clamp(14.4px, 0.9375vw, 18px); height: clamp(14.4px, 0.9375vw, 18px); border-radius: clamp(9.6px, 0.625vw, 12px) 2px; background: #5a44ba; }
html.culture .main_page .section3 .inner { display: flex; position: relative; align-items: center; padding-top: clamp(144px, 9.375vw, 180px); padding-bottom: clamp(80px, 5.2083333333vw, 100px); gap: clamp(78.4px, 5.1041666667vw, 98px); }
html.culture .main_page .section3 .inner:before { position: absolute; top: clamp(-24px, -1.25vw, -19.2px); right: 0; aspect-ratio: 190/187; width: clamp(152px, 9.8958333333vw, 190px); background: url(../../images/culture/main/sec3_bg04.svg) no-repeat center/contain; content: ""; }
html.culture .main_page .section3 .left_area { width: 48.715%; }
html.culture .main_page .section3 .right_area { flex: 1 1 0; min-width: 0; }
html.culture .main_page .section3 .right_area .cm_toolbar { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section3 .right_area .sec3_title { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.culture .main_page .section3 .right_area .sec3_title .title { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); font-weight: 400; font-size: clamp(28.8px, 1.875vw, 36px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.culture .main_page .section3 .right_area .sec3_title .title b { color: #005ae0; }
html.culture .main_page .section3 .right_area .sec3_title .today { font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.culture .main_page .section3 .right_area .cm_btn.btn_more1 { border-color: #fff; background: rgba(255, 255, 255, 0.5); }
html.culture .main_page .section3 .right_area .cm_btn.btn_more1 .icon { background-color: #0858dd; -webkit-mask-image: url(../../images/common/icon_plus_bold.svg); mask-image: url(../../images/common/icon_plus_bold.svg); }
html.culture .main_page .section3 .sea_info_group { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section3 .sea_info_group .sea_info_item { display: flex; flex-direction: column; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); gap: clamp(11.2px, 0.7291666667vw, 14px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff url(../../images/culture/main/sec3_bg02.svg) no-repeat left bottom/100%; text-align: center; }
html.culture .main_page .section3 .sea_info_group .sea_info_item .item_time { font-weight: 700; font-size: clamp(32px, 2.0833333333vw, 40px); }
html.culture .main_page .section3 .sea_info_group .sea_info_item .item_detail span { display: inline-block; position: relative; padding-left: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section3 .sea_info_group .sea_info_item .item_detail span:before { position: absolute; top: 50%; left: 0; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background-color: #0858dd; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-image: url(../../images/common/icon_arrow_drop_up.svg); mask-image: url(../../images/common/icon_arrow_drop_up.svg); }
html.culture .main_page .section3 .sea_info_group .sea_info_item .item_detail b { color: #0858dd; }
html.culture .main_page .section3 .sea_info_group .sea_info_item.item2 { background-image: url(../../images/culture/main/sec3_bg03.svg); }
html.culture .main_page .section3 .sea_info_group .sea_info_item.item2 .item_detail span:before { background-color: #de3412; -webkit-mask-image: url(../../images/common/icon_arrow_drop_down.svg); mask-image: url(../../images/common/icon_arrow_drop_down.svg); }
html.culture .main_page .section3 .sea_info_group .sea_info_item.item2 .item_detail b { color: #de3412; }
html.culture .main_page .section3 .sun_info_group { display: flex; align-items: center; justify-content: space-between; margin-top: clamp(19.2px, 1.25vw, 24px); padding: clamp(19.2px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; }
html.culture .main_page .section3 .sun_info_group .sun_info_item { display: flex; position: relative; align-items: center; width: calc(50% - clamp(32px, 2.0833333333vw, 40px)); gap: clamp(19.2px, 1.25vw, 24px); }
html.culture .main_page .section3 .sun_info_group .sun_info_item:first-child:after { position: absolute; top: 50%; right: clamp(-40px, -2.0833333333vw, -32px); width: 1px; height: clamp(40px, 2.6041666667vw, 50px); transform: translateY(-50%); background: #ccc; content: ""; }
html.culture .main_page .section3 .sun_info_group .sun_info_item .icon { display: flex; align-items: center; justify-content: center; width: clamp(48px, 3.125vw, 60px); height: clamp(48px, 3.125vw, 60px); border-radius: 50%; background: #f2f2f2; }
html.culture .main_page .section3 .sun_info_group .sun_info_item .text dl { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .main_page .section3 .sun_info_group .sun_info_item .text dl ~ dl { margin-top: clamp(8px, 0.5208333333vw, 10px); }
html.culture .main_page .section3 .sun_info_group .sun_info_item .text dl dt { display: flex; align-items: center; justify-content: center; height: clamp(21.6px, 1.40625vw, 27px); padding: 0 clamp(8px, 0.5208333333vw, 10px); border-radius: 90px; background: #f7afa1; font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
html.culture .main_page .section3 .sun_info_group .sun_info_item:last-child .text dl dt { background: #9ec1ff; }
html.culture .main_page .section3 .sun_info_group .sun_info_item .text dl dd { font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .culture_board_list1 .board_search_area { position: relative; }
html.culture .culture_board_list1 .board_search_area .map_side { width: 58.242%; }
html.culture .culture_board_list1 .board_search_area .search_side { position: absolute; top: 50%; right: 0; width: 46.979%; margin-bottom: clamp(38.4px, 2.5vw, 48px); transform: translateY(-50%); text-align: center; }
html.culture .culture_board_list1 .board_search_area .search_obj { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); text-align: right; }
html.culture .culture_board_list1 .board_search_area .search_desc { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .culture_board_list1 .board_search_area .search_input_area { position: relative; margin-top: clamp(28px, 1.8229166667vw, 35px); padding-top: clamp(16px, 1.0416666667vw, 20px); padding-right: clamp(41.6px, 2.7083333333vw, 52px); }
html.culture .culture_board_list1 .board_search_area .search_input_area .input_wrap { height: clamp(56px, 3.6458333333vw, 70px); padding: clamp(9.6px, 0.625vw, 12px) clamp(51.2px, 3.3333333333vw, 64px) clamp(9.6px, 0.625vw, 12px) clamp(25.6px, 1.6666666667vw, 32px); border: 2px solid var(--text-primary, #007eb4); border-radius: clamp(19.2px, 1.25vw, 24px) 0 clamp(19.2px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px); background: #fff; }
html.culture .culture_board_list1 .board_search_area .search_input_area .input_wrap input[type=text] { width: 100%; height: 100%; border: 0; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
html.culture .culture_board_list1 .board_search_area .search_input_area .search_btn { display: inline-flex; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(56px, 3.6458333333vw, 70px); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); box-shadow: 0 4px 15px 0 rgba(0, 119, 255, 0.25); color: #fff; }
html.culture .culture_board_list1 .board_search_area .search_input_area .search_btn .cm_icon:before { width: clamp(25.6px, 1.6666666667vw, 32px); }
html.culture .culture_board_list1 .board_list_area { margin-top: clamp(38.4px, 2.5vw, 48px); }
html.culture .culture_board_list2 .board_filter_area { margin-top: clamp(19.2px, 1.25vw, 24px); margin-bottom: clamp(44.8px, 2.9166666667vw, 56px); }
html.culture .culture_board_list2 .board_filter_area .cm_chk_wrap { gap: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 input + .chk_label::before { -webkit-mask: none; background-position: center; background-size: contain; background-repeat: no-repeat; mask: none; }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #sea + .chk_label::before { background-image: url(../../images/culture/common/filter_icon01.svg); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #trekking + .chk_label::before { background-image: url(../../images/culture/common/filter_icon02.svg); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #leisure + .chk_label::before { background-image: url(../../images/culture/common/filter_icon03.svg); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #sunset + .chk_label::before { background-image: url(../../images/culture/common/filter_icon04.svg); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #Kculture + .chk_label::before { background-image: url(../../images/culture/common/filter_icon05.svg); }
html.culture .culture_board_list2 .board_filter_area .cm_chk3 #heritage + .chk_label::before { background-image: url(../../images/culture/common/filter_icon06.svg); }
html.culture .culture_board_detail { display: flex; flex-direction: column; gap: clamp(44.8px, 2.9166666667vw, 56px); }
html.culture .culture_board_detail .festival_detail_map .map_box { height: clamp(373.6px, 24.3229166667vw, 467px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) 0 0; background: lightgray; }
html.culture .culture_board_detail .festival_detail_map .map_box .map { position: relative; width: 100%; height: 100%; }
html.culture .culture_board_detail .festival_detail_map .map_box .root_daum_roughmap .cont { display: none; }
html.culture .culture_board_detail .festival_detail_map .map_box .root_daum_roughmap_landing { width: 100%; height: 100%; }
html.culture .culture_board_detail .festival_detail_map .map_box .root_daum_roughmap .wrap_map { width: 100%; height: 100%; }
html.culture .culture_board_detail .festival_detail_map .address_box { display: flex; z-index: 1; position: relative; align-items: center; margin-top: clamp(-16px, -0.8333333333vw, -12.8px); padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(32px, 2.0833333333vw, 40px); gap: clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 { display: flex; align-items: center; gap: clamp(25.6px, 1.6666666667vw, 32px); }
html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 dt { width: clamp(144px, 9.375vw, 180px); }
html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 dd { flex: 1 1 0; min-width: 0; margin-top: 0; }
html.culture .culture_board_detail2 section { margin-top: clamp(48px, 3.125vw, 60px); }
html.culture .culture_board_detail2 .board_header_wrap { padding: clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px solid #000; text-align: center; }
html.culture .culture_board_detail2 .board_header_wrap .board_sub_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .culture_board_detail2 .board_header_wrap .board_title { font-weight: 700; font-size: clamp(28.8px, 1.875vw, 36px); }
html.culture .culture_board_detail2 .board_header_wrap .board_tag_area { margin-top: clamp(3.2px, 0.2083333333vw, 4px); }
html.culture .culture_board_detail2 .tab_content_section .tab_content { margin-top: clamp(32px, 2.0833333333vw, 40px); }
html.culture .culture_board_detail2 .tab_content_section .tab_content .tab_content_item { padding-right: clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(32px, 2.0833333333vw, 40px); }
html.culture .culture_board_detail2 .tab_content_section .tab_content .map_info_tab,
html.culture .culture_board_detail2 .tab_content_section .tab_content .room_info_tab { padding-right: 0; padding-left: 0; }
html.culture .culture_board_detail2 .tab_content_section .tab_content .room_info_tab .cm_box { max-height: clamp(256px, 16.6666666667vw, 320px); overflow: auto; }
html.culture .page_course_detail .page_intro { display: grid; grid-template-columns: 1fr 1fr; align-items: start; padding: clamp(32px, 2.5vw, 48px) clamp(20px, 2.5vw, 48px) clamp(32px, 2.0833333333vw, 40px); gap: clamp(14px, 1.0416666667vw, 20px) clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(180deg, #d1e8f2 0%, #d6e8f1 22%, #fceaef 100%); text-align: left; }
html.culture .page_course_detail .page_intro .intro_left { display: flex; position: sticky; top: clamp(19.2px, 1.25vw, 24px); flex-direction: column; align-self: start; padding-top: clamp(24px, 1.5625vw, 30px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_course_detail .page_intro .intro_title { color: #000; font-weight: 400; font-size: clamp(22px, 1.6666666667vw, 32px); line-height: 1.3; font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; word-break: keep-all; }
html.culture .page_course_detail .page_intro .intro_overview { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.culture .page_course_detail .page_intro .intro_ovw_item { display: flex; align-items: center; padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px) clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: 999px; background: #fff; }
html.culture .page_course_detail .page_intro .intro_ovw_item .icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); border-radius: 50%; background: #f2f2f2; }
html.culture .page_course_detail .page_intro .intro_ovw_item .icon img { width: clamp(16px, 1.0416666667vw, 20px); }
html.culture .page_course_detail .page_intro .intro_ovw_item .text { min-width: 0; text-align: left; }
html.culture .page_course_detail .page_intro .intro_ovw_item .text .cate { color: #666; font-size: clamp(13px, 0.7291666667vw, 14px); line-height: 1.2; }
html.culture .page_course_detail .page_intro .intro_ovw_item .text .con { font-weight: 700; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.2; }
html.culture .page_course_detail .page_intro .intro_sub_detail_box { display: flex; position: relative; flex-direction: column; padding: clamp(22.4px, 1.4583333333vw, 28px) clamp(25.6px, 1.6666666667vw, 32px); overflow: hidden; gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.culture .page_course_detail .page_intro .intro_sub_detail_box:after { position: absolute; right: clamp(9.6px, 0.625vw, 12px); bottom: 0; width: clamp(224px, 14.5833333333vw, 280px); height: clamp(132.8px, 8.6458333333vw, 166px); background: url(../../images/culture/sub/sub16_bg02.svg) no-repeat center/contain; content: ""; opacity: 0.07; }
html.culture .page_course_detail .page_intro .intro_sub_detail_box > * { z-index: 1; position: relative; }
html.culture .page_course_detail .page_intro .intro_sub_detail_box .sub_detail_title { font-weight: 700; font-size: clamp(15px, 0.9375vw, 18px); }
html.culture .page_course_detail .page_intro .intro_sub_detail_box .sub_detail_desc { color: #333; font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.7; }
html.culture .page_course_detail .page_section ~ .page_section { margin-top: clamp(44.8px, 2.9166666667vw, 56px); }
html.culture { position: relative; }
html.culture .section_head { z-index: 10; position: sticky; top: 0; padding: clamp(32px, 2.0833333333vw, 40px) clamp(48px, 3.125vw, 60px); background: #fff; }
html.culture .section_head .head_title { font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
html.culture .course_spot { position: relative; }
html.culture .course_spot:before { position: absolute; top: 30px; left: 0; width: 100%; height: 21px; border-radius: 99px; background: #cccdda; content: ""; }
html.culture .course_spot:after { position: absolute; top: 40px; left: 0; width: 100%; height: 1px; border-bottom: 1px dashed #999; content: ""; }
html.culture .course_spot .cm_swiper_control .cm_swiper_navi { z-index: 1; position: absolute; top: 35%; transform: translateY(-35%); }
html.culture .course_spot .cm_swiper_control .cm_swiper_navi.prev { left: clamp(-20px, -1.0416666667vw, -16px); }
html.culture .course_spot .cm_swiper_control .cm_swiper_navi.next { right: clamp(-20px, -1.0416666667vw, -16px); }
html.culture .spot_slide_item_box { text-align: center; }
html.culture .spot_slide_item_box .spot_slide_item_button { display: inline-flex; flex-direction: column; align-items: center; gap: 36px; }
html.culture .spot_slide_item_box .icon { width: 34px; }
html.culture .spot_slide_item_box .icon img { width: 100%; }
html.culture .spot_slide_item_box .course_name { display: inline-flex; align-items: center; justify-content: center; padding: clamp(4.8px, 0.3125vw, 6px) clamp(9.6px, 0.625vw, 12px); border: 1px solid #ccc; border-radius: 99px; background: #fff; font-size: clamp(13px, 0.8854166667vw, 17px); line-height: 1; transition: color 0.15s, background 0.15s, border 0.15s; }
html.culture .spot_slide_item_box a.spot_slide_item_button:hover .course_name { color: var(--color-purple-70); font-weight: 700; }
html.culture .course_spot .active .spot_slide_item_box .spot_slide_item_button .course_name { border-color: var(--color-purple-70); background: var(--color-purple-70); color: #fff; font-weight: 700; }
html.culture .page_course_detail .section2 .cm_map4 .map_area { height: clamp(320px, 28.125vw, 540px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_course_detail .section2 .spot_content_box { margin-top: clamp(32px, 2.0833333333vw, 40px); padding: clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_course_detail .section2 .section_content .spot_content_box_title { margin-bottom: clamp(19.2px, 1.25vw, 24px); font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); text-align: center; }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap { position: relative; }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap .spot_content_imgs_item { aspect-ratio: 4/3; overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap .spot_content_imgs_item img { width: 100%; height: 100%; object-fit: cover; }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap .cm_swiper_control .cm_swiper_navi { z-index: 1; position: absolute; top: 50%; transform: translateY(-50%); }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap .cm_swiper_control .cm_swiper_navi.prev { left: clamp(-30px, -1.5625vw, -24px); }
html.culture .page_course_detail .section2 .section_content .spot_content_imgs_wrap .cm_swiper_control .cm_swiper_navi.next { right: clamp(-30px, -1.5625vw, -24px); }
html.culture .page_course_detail .section2 .section_content .spot_content_box_desc { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_course_detail .section2 .section_content .spot_content_box_foot { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_course_detail .section3 .section_title { margin-bottom: clamp(4.8px, 0.3125vw, 6px); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
html.culture .page_course_detail .section3 .section_desc { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_CULTURE26 .content_box { overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background: #eef6ff; }
html.culture .page_CULTURE26 .content_box .img_box { aspect-ratio: 1092/640; width: 100%; border-radius: 0 0 clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); }
html.culture .page_CULTURE26 .content_box .text_box { padding: clamp(24px, 2.0833333333vw, 40px) clamp(24px, 2.9166666667vw, 56px) clamp(24px, 2.9166666667vw, 56px); }
html.culture .page_CULTURE26 .content_box .text_box .title_area { font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); }
html.culture .page_CULTURE26 .content_box .text_box .desc { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_CULTURE61 .apply_box { position: relative; margin-top: clamp(64px, 4.1666666667vw, 80px); padding: clamp(96px, 6.25vw, 120px) clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px); border: 2px solid var(--color-background-primary); border-radius: clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
html.culture .page_CULTURE61 .apply_box .apply_box_title { display: flex; position: absolute; top: 0; left: 50%; align-items: center; justify-content: center; min-width: clamp(352px, 22.9166666667vw, 440px); height: clamp(64px, 4.1666666667vw, 80px); padding: 0 clamp(36.8px, 2.3958333333vw, 46px); transform: translateX(-50%); border-radius: 0 0 clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: var(--color-background-primary); color: #fff; font-size: clamp(25.6px, 1.6666666667vw, 32px); font-family: "HakgyoansimRikodeoR", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: 1px; white-space: nowrap; }
html.culture .page_CULTURE61 .apply_box .apply_box_title:before,
html.culture .page_CULTURE61 .apply_box .apply_box_title:after { position: absolute; top: 0; width: clamp(25.6px, 1.6666666667vw, 32px); height: clamp(25.6px, 1.6666666667vw, 32px); background: radial-gradient(circle at 0 100%, transparent clamp(25.6px, 1.6666666667vw, 32px), var(--color-background-primary) clamp(25.6px, 1.6666666667vw, 32px)); content: ""; }
html.culture .page_CULTURE61 .apply_box .apply_box_title:before { left: clamp(-31px, -1.6145833333vw, -24.8px); }
html.culture .page_CULTURE61 .apply_box .apply_box_title:after { right: clamp(-31px, -1.6145833333vw, -24.8px); transform: scaleX(-1); }
html.culture .page_CULTURE61 .apply_info_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_CULTURE61 .apply_info_row { display: flex; align-items: flex-start; gap: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_CULTURE61 .apply_info_row dt { flex-shrink: 0; width: clamp(69.6px, 4.53125vw, 87px); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.culture .page_CULTURE61 .apply_info_row dt .cm_icon { font-weight: 700; }
html.culture .page_CULTURE61 .apply_info_row dd { font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.culture .page_CULTURE61 .apply_course { margin-top: clamp(32px, 2.0833333333vw, 40px); }
html.culture .page_CULTURE61 .apply_course .apply_course_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); color: var(--color-background-primary); font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
html.culture .page_CULTURE61 .apply_course .apply_course_list { display: flex; align-items: stretch; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_CULTURE61 .apply_course .apply_course_item { flex: 1 1 0; min-width: 0; padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f2f8fb; }
html.culture .page_CULTURE61 .apply_course .course_item_head { display: flex; align-items: center; margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_CULTURE61 .apply_course .course_item_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(51.2px, 3.3333333333vw, 64px); height: clamp(51.2px, 3.3333333333vw, 64px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.culture .page_CULTURE61 .apply_course .course_item_icon img { width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); object-fit: contain; }
html.culture .page_CULTURE61 .apply_course .course_item_name { font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .page_CULTURE61 .apply_course .course_item_desc { font-size: clamp(13.6px, 0.8854166667vw, 17px); line-height: 1.5; }
html.culture .page_CULTURE61 .apply_box_btn { margin-top: clamp(32px, 2.0833333333vw, 40px); }
html.culture .page_ship_info .page_section ~ .page_section { margin-top: clamp(44.8px, 2.9166666667vw, 56px); }
html.culture .page_ship_info .page_section .cm_title { margin-bottom: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_ship_info .map_box { aspect-ratio: 1092/467; width: 100%; overflow: hidden; border: 1px solid #ccc; border-radius: clamp(16px, 1.0416666667vw, 20px); }
html.culture .page_ship_info .map_box img { width: 100%; height: 100%; object-fit: cover; }
html.culture .page_ship_info .map_guide_box { margin-top: clamp(19.2px, 1.25vw, 24px); padding: clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid #c4daff; border-radius: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px) clamp(48px, 3.125vw, 60px) clamp(16px, 1.0416666667vw, 20px); background: #f3f7ff; }
html.culture .page_ship_info .cm_info_text .info_text:before { width: clamp(19.2px, 1.25vw, 24px); background-color: var(--color-text-culture-primary); }
html.culture .page_ship_info .cm_info_text .info_text { font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.culture .page_ship_info .cm_info_text .info_text p { margin-top: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 400; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.culture .page_tide_times .section2 .chart_box { padding: clamp(25.6px, 1.6666666667vw, 32px) clamp(19.2px, 1.25vw, 24px); }
html.culture .page_tide_times .section2 .chart_wrap { padding-right: clamp(11.2px, 0.7291666667vw, 14px); padding-left: clamp(11.2px, 0.7291666667vw, 14px); text-align: center; }
html.culture .page_tide_times .section2 .chart_wrap .chart_area { display: flex; position: relative; align-items: end; justify-content: center; height: clamp(336px, 21.875vw, 420px); }
html.culture .page_tide_times .section2 .chart_wrap .chart_area:before { position: absolute; top: 0; left: 0; width: 25%; height: 100%; background: rgba(243, 97, 53, 0.1); content: ""; }
html.culture .page_tide_times .section2 .chart_wrap .chart_area:after { position: absolute; top: 0; right: 0; width: 25%; height: 100%; background: rgba(0, 56, 239, 0.1); content: ""; }
html.culture .page_tide_times .section2 .chart_wrap .chart_area .chart { width: 100%; height: clamp(336px, 21.875vw, 420px); }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time { display: flex; position: absolute; top: 4px; align-items: center; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time .icon { display: inline-flex; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time.sunrise { left: 25%; }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time.sunrise .icon { background: url(../../images/culture/main/sec3_icon08.svg) no-repeat center/contain; }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time.sunset { right: calc(25% - clamp(57.6px, 3.75vw, 72px)); }
html.culture .page_tide_times .section2 .chart_area .chart_sun_time.sunset .icon { background: url(../../images/culture/main/sec3_icon09.svg) no-repeat center/contain; }
html.culture .page_tide_times .section2 .chart_wrap .chart_time { display: flex; justify-content: space-around; margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .page_tide_times .section2 .chart_wrap .chart_time span { color: #808080; font-size: clamp(12px, 0.78125vw, 15px); text-align: center; }
html.culture .page_tide_times .section2 .chart_wrap .chart_time b { display: block; font-weight: 600; }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time { position: absolute; text-align: center; }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time .time { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time .detail { font-size: clamp(13px, 0.8854166667vw, 17px); }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time .dot { box-sizing: content-box; display: inline-block; aspect-ratio: 1/1; width: clamp(8px, 0.5208333333vw, 10px); border: 3px solid #fff; border-radius: 100px; background: #000; }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time.up .dot { background: var(--color-text-culture-primary); }
html.culture .page_tide_times .section2 .chart_wrap .chart_sea_time.down .dot { background: var(--color-danger-50); }
html.culture .heritage_detail_box { display: flex; align-items: center; gap: clamp(16px, 2.0833333333vw, 40px); }
html.culture .heritage_detail_box .text_area { fleX: 1 1 0; min-width: 0; }
html.culture .heritage_detail_box .text_area .title { margin-bottom: clamp(32px, 2.0833333333vw, 40px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
html.culture .heritage_detail_box .img_area { width: clamp(420.8px, 27.3958333333vw, 526px); }
html.culture .heritage_detail_box .img_area .thumb { aspect-ratio: 526/350; width: 100%; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
html.culture .heritage_detail_box .img_area img { width: 100%; height: 100%; object-fit: cover; }
html.culture .page_forest_course .page_top_area { display: flex; align-items: center; justify-content: space-between; }
html.culture .page_forest_course .page_top_area .cm_tab { flex: 1 1 0; min-width: 0; margin-bottom: 0; }
html.culture .page_forest_course .page_intro { padding: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(180deg, #d1e8f2 0%, #d6e8f1 22%, #fceaef 100%); }
html.culture .page_forest_course .page_intro .intro_box { position: relative; padding: clamp(32px, 2.0833333333vw, 40px) clamp(80px, 5.2083333333vw, 100px); padding-right: clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(32px, 2.0833333333vw, 40px); overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; text-align: center; }
html.culture .page_forest_course .page_intro .intro_box:before { position: absolute; top: 50%; right: clamp(17.6px, 1.1458333333vw, 22px); aspect-ratio: 434/320; width: clamp(347.2px, 22.6041666667vw, 434px); transform: translateY(-50%); background: url(../../images/common/gnb_panel_logo.svg) no-repeat center/contain; content: ""; }
html.culture .page_forest_course .page_intro .intro_box .box_content { z-index: 1; position: relative; }
html.culture .page_forest_course .page_intro .intro_box .intro_title { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
html.culture .page_forest_course .page_intro .intro_box .intro_desc { margin-bottom: clamp(12.8px, 0.8333333333vw, 16px); }
html.community .header .center_name { font-weight: 700; font-size: clamp(16px, 1.0416666667vw, 20px); line-height: 1.3; }
html.community .main_page { position: relative; background: linear-gradient(180deg, #ebf3fd 16.09%, #ffebf7 86.85%); }
html.community .main_page .main_title { font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
html.community .main_page .section1 { padding: clamp(40px, 3.125vw, 60px) 0; background: url(../../images/community/main/main_bg.svg) no-repeat bottom right/1920px; }
html.community .main_page .section1 .section_top .inner { display: flex; align-items: center; justify-content: space-between; gap: clamp(40px, 5.2083333333vw, 100px); }
html.community .main_page .section1 .section_top .left_area { width: clamp(464px, 30.2083333333vw, 580px); }
html.community .main_page .section1 .section_top .intro_box { position: relative; padding: clamp(48px, 3.125vw, 60px); border-radius: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(130.88deg, #a5318c 11.94%, #009fe5 91.63%); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); color: #fff; line-height: 1.5; font-family: "GmarketSans", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.community .main_page .section1 .section_top .intro_box:after { position: absolute; right: 0; bottom: 0; aspect-ratio: 291/214; width: clamp(232.8px, 15.15625vw, 291px); background: url(../../images/community/main/sec1_bg01.svg) no-repeat center/contain; content: ""; }
html.community .main_page .section1 .section_top .intro_box > * { z-index: 1; position: relative; }
html.community .main_page .section1 .section_top .intro_box .sub_title { font-weight: 500; font-size: clamp(19.2px, 1.25vw, 24px); }
html.community .main_page .section1 .section_top .intro_box .title { font-weight: 500; font-size: clamp(32px, 2.0833333333vw, 40px); word-break: keep-all; }
html.community .main_page .section1 .section_top .intro_box .title strong { font-weight: 700; }
html.community .main_page .section1 .section_top .intro_box .info_list { display: flex; flex-direction: column; margin-top: clamp(19.2px, 1.25vw, 24px); gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.community .main_page .section1 .section_top .intro_box .info_list .info_item { display: flex; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.community .main_page .section1 .section_top .intro_box .info_list .info_item dt { position: relative; width: 124px; margin-right: clamp(12.8px, 0.8333333333vw, 16px); padding-right: clamp(13.6px, 0.8854166667vw, 17px); font-weight: 700; }
html.community .main_page .section1 .section_top .intro_box .info_list .info_item dt:after { position: absolute; top: calc(50% - clamp(8px, 0.5208333333vw, 10px)); right: 0; width: 1px; height: clamp(11.2px, 0.7291666667vw, 14px); background: rgba(255, 255, 255, 0.2); content: ""; }
html.community .main_page .section1 .section_top .intro_box .info_list .info_item dd { flex: 1 1 0; min-width: 0; }
html.community .main_page .section1 .section_top .intro_box .btns_area { display: flex; margin-top: clamp(32px, 2.0833333333vw, 40px); gap: clamp(9.6px, 0.625vw, 12px); }
html.community .main_page .section1 .section_top .intro_box .btns_area .cm_btn { position: relative; justify-content: start; width: clamp(148px, 9.6354166667vw, 185px); padding-right: clamp(38.4px, 2.5vw, 48px); border: 1px solid #fff; border-radius: 100px; background: transparent; color: #fff; font-weight: 600; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1; font-family: "PretendardGOV", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.community .main_page .section1 .section_top .intro_box .btns_area .cm_btn:after { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background-color: #fff; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-image: url(../../images/common/icon_arr_right5.svg); mask-size: contain; }
html.community .main_page .section1 .section_top .right_area { flex: 1 1 0; min-width: 0; }
html.community .main_page .section1 .section_top .right_area .bottom_content { margin-top: clamp(19.2px, 1.25vw, 24px); }
html.community .main_page .section1 .section_top .right_area .page_preparing { padding-top: clamp(16px, 1.0416666667vw, 20px); padding-bottom: clamp(16px, 1.0416666667vw, 20px); }
html.community .main_page .section1 .section_top .right_area .page_preparing .icon { width: 90px; }
html.community .main_page .section1 .section_bottom { position: relative; margin-top: clamp(16px, 1.0416666667vw, 20px); }
html.community .main_page .section1 .section_bottom:before { position: absolute; top: clamp(-32px, -1.6666666667vw, -25.6px); left: 0; content: "YEONGJONGGU"; color: #f9f9f9; font-weight: 800; font-size: clamp(128px, 8.3333333333vw, 160px); letter-spacing: 3px; white-space: nowrap; }
html.community .main_page .section1 .section_bottom:after { z-index: 2; position: absolute; top: clamp(-180px, -9.375vw, -144px); left: 0; width: clamp(108.8px, 7.0833333333vw, 136px); height: clamp(438.4px, 28.5416666667vw, 548px); background: url(../../images/community/main/main_bg02.png) no-repeat center/contain; content: ""; filter: blur(200px); }
html.community .main_page .section1 .section_bottom .inner { display: flex; z-index: 1; position: relative; align-items: end; gap: clamp(32px, 2.0833333333vw, 40px); }
html.community .main_page .section1 .section_bottom .left_area { flex: 1 1 0; min-width: 0; padding-bottom: clamp(27.2px, 1.7708333333vw, 34px); }
html.community .main_page .section1 .section_bottom .cm_toolbar { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); }
html.community .main_page .section1 .section_bottom .main_program .community_main_swiper { display: none; }
html.community .main_page .section1 .d_dream_head { position: relative; padding-top: 132px; }
html.community .main_page .section1 .d_dream_head .d_dream_character { position: absolute; top: clamp(-16px, -0.8333333333vw, -12.8px); left: clamp(33.6px, 2.1875vw, 42px); }
html.community .main_page .section1 .d_dream_head .d_dream_bubble { position: absolute; top: clamp(12.8px, 0.8333333333vw, 16px); left: clamp(129.6px, 8.4375vw, 162px); }
html.community .main_page .section1 .d_dream_head .d_dream_bubble .bubble { display: inline-flex; position: relative; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(16px, 1.0416666667vw, 20px); border-radius: 100px; background: #ffd067; font-size: clamp(16px, 1.0416666667vw, 20px); white-space: nowrap; }
html.community .main_page .section1 .d_dream_head .d_dream_bubble .bubble:after { position: absolute; top: clamp(33.6px, 2.1875vw, 42px); left: clamp(26.4px, 1.71875vw, 33px); width: clamp(20.8px, 1.3541666667vw, 26px); height: clamp(25.6px, 1.6666666667vw, 32px); background: url(../../images/community/main/bubble.svg) no-repeat center/contain; content: ""; }
html.community .main_page .section1 .d_dream_box { z-index: 1; position: relative; padding: clamp(32px, 2.0833333333vw, 40px) clamp(40.8px, 2.65625vw, 51px) clamp(19.2px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: #5a91f8; color: #fff; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); text-align: center; }
html.community .main_page .section1 .d_dream_item { display: flex; flex-direction: column; width: clamp(192px, 12.5vw, 240px); margin: 0 auto; gap: clamp(12.8px, 0.8333333333vw, 16px); }
html.community .main_page .section1 .d_dream_link { display: block; }
html.community .main_page .section1 .d_dream_link .thumb { aspect-ratio: 240/297; width: clamp(192px, 12.5vw, 240px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.community .main_page .section1 .d_dream_link .thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s; }
html.community .main_page .section1 .d_dream_link:hover .thumb img { transform: scale(1.05); }
html.community .main_page .section1 .d_dream_title { font-size: clamp(17px, 1.25vw, 24px); }
html.community .main_page .section2 { padding-bottom: clamp(80px, 5.2083333333vw, 100px); background: #fff; }
html.community .main_page .section2_box { display: flex; align-items: center; padding: clamp(48px, 3.125vw, 60px); padding-left: clamp(64px, 4.1666666667vw, 80px); gap: clamp(84px, 5.46875vw, 105px); border-radius: clamp(80px, 5.2083333333vw, 100px) 0; background: linear-gradient(270deg, #f6e6f0 0%, #e9f0ff 100%); }
html.community .main_page .section2_box .title_area { text-align: center; }
html.community .main_page .section2_box .title_area .title { font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
html.community .main_page .section2_box .title_area .title b { color: #d5395e; }
html.community .main_page .section2_box .title_area .desc { margin-top: 8px; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.community .main_page .section2_box .content_area { flex: 1 1 0; min-width: 0; }
html.community .sub_page_content { word-break: keep-all; }
html.community .sub_page_content .page_section ~ .page_section { margin-top: clamp(44.8px, 2.9166666667vw, 56px); }
html.community .page_greeting .page_intro { position: relative; padding-right: clamp(86.4px, 5.625vw, 108px); padding-bottom: clamp(16px, 1.0416666667vw, 20px); }
html.community .page_greeting .page_intro .intro_img { aspect-ratio: 990/460; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(96px, 6.25vw, 120px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); }
html.community .page_greeting .page_intro .intro_img img { width: 100%; height: 100%; object-fit: cover; }
html.community .page_greeting .page_intro .title_box { display: flex; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: center; width: clamp(318.4px, 20.7291666667vw, 398px); height: clamp(192px, 12.5vw, 240px); border: 8px solid #fff; border-radius: clamp(96px, 6.25vw, 120px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: var(--gradation-04, linear-gradient(116deg, #11a3c2 6.07%, #458ee9 97.55%)); color: #fff; font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); text-align: center; }
html.community .page_greeting .page_intro .title_box:before { position: absolute; right: clamp(-8px, -0.4166666667vw, -6.4px); bottom: clamp(-8px, -0.4166666667vw, -6.4px); width: clamp(168.8px, 10.9895833333vw, 211px); height: clamp(124px, 8.0729166667vw, 155px); background: url(../../images/common/common_bg01.svg) no-repeat center/contain; content: ""; }
html.community .page_greeting .page_intro .title_box:after { position: absolute; right: clamp(-45px, -2.34375vw, -36px); bottom: clamp(-40px, -2.0833333333vw, -32px); aspect-ratio: 130/127; width: clamp(104px, 6.7708333333vw, 130px); background: url(../../images/common/character_thumb5.svg) no-repeat center/contain; content: ""; }
html.community .page_greeting .page_intro .title_box .title { z-index: 1; position: relative; }
html.community .page_greeting .page_content { margin-top: clamp(41.6px, 2.7083333333vw, 52px); }
html.community .page_greeting .page_content .content_title { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); font-weight: 700; font-size: clamp(25.6px, 1.6666666667vw, 32px); }
html.community .page_greeting .page_content .content_title b { color: var(--color-text-secondary); }
html.community .page_local_status .cm_mapview .path_group a { cursor: default; }
html.community .page_local_status .cm_mapview .path_group:hover .path_shape { fill: #fff; }
html.community .page_local_status .cm_mapview .path_group:hover .path_name { fill: #333; stroke: none; }
html.community .page_local_status .cm_mapview .path_group.active .path_shape { fill: #007eb4; }
html.community .page_local_status .cm_mapview .path_group.active .path_name { fill: #fff; stroke: #007eb4; }
html.community .page_local_status .page_section .cm_title.cont_title.cont_title1 { margin: 0; margin-bottom: clamp(12px, 1.0416666667vw, 20px); }
html.community .page_local_status .section1 .section_top { display: flex; margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(40px, 2.6041666667vw, 50px); }
html.community .page_local_status .section1 .section_top .left_side { width: 45.513%; padding-top: clamp(9.6px, 0.625vw, 12px); }
html.community .page_local_status .section1 .section_top .right_side { flex: 1 1 0; min-width: 0; }
html.community .page_local_status .section2 .cm_history_list:before { top: clamp(-40px, -2.0833333333vw, -24px); height: calc(100% + clamp(48px, 4.1666666667vw, 80px)); }
html.community .shelter_map .map_area { position: relative; height: clamp(448px, 29.1666666667vw, 560px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) 0 0; background: lightgray; }
html.community .shelter_map .map_area .map_filter { position: absolute; top: clamp(24px, 2.0833333333vw, 40px); left: clamp(24px, 2.0833333333vw, 40px); }
html.community .shelter_map .map_area .marker { position: absolute; aspect-ratio: 1/1; width: clamp(32px, 2.5vw, 48px); border-radius: 50%; background-position: center; background-size: contain; background-repeat: no-repeat; box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); }
html.community .shelter_map .map_area .marker.marker1 { background-image: url(../../images/community/map_marker1.svg); }
html.community .shelter_map .map_area .marker.marker2 { background-image: url(../../images/community/map_marker2.svg); }
html.community .shelter_map .map_area .marker.marker3 { background-image: url(../../images/community/map_marker3.svg); }
html.community .shelter_map .map_area .marker.marker4 { background-image: url(../../images/community/map_marker4.svg); }
html.community .shelter_map .map_area .map_layer { display: none; position: absolute; right: clamp(20px, 1.6666666667vw, 32px); bottom: clamp(20px, 2.1875vw, 42px); }
html.community .shelter_map .map_area .map_layer .layer_head { display: none; z-index: 10; }
html.community .shelter_map .map_area .map_layer .layer_body { position: relative; width: clamp(304px, 19.7916666667vw, 380px); padding: clamp(16px, 1.25vw, 24px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(70.4px, 4.5833333333vw, 88px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: #fff; }
html.community .shelter_map .map_area .map_layer .layer_title { margin: clamp(8px, 0.625vw, 12px) 0; font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
html.community .shelter_map .map_area .map_layer .layer_info_list .cm_bullet_list2 { gap: clamp(6px, 0.625vw, 12px); }
html.community .shelter_map .map_area .map_layer .layer_info_box { margin-top: clamp(19.2px, 1.25vw, 24px); padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(16px, 1.0416666667vw, 20px); padding-right: clamp(80px, 5.2083333333vw, 100px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #f3f6f9; color: var(--color-text-primary); font-weight: 700; }
html.community .shelter_map .map_area .map_layer.active { display: block; }
html.community .shelter_map .map_footer { padding: clamp(25.6px, 1.6666666667vw, 32px); border-radius: 0 0 clamp(32px, 2.0833333333vw, 40px) clamp(19.2px, 1.25vw, 24px); background: linear-gradient(270deg, #f6e6f0 0%, #e9f0ff 100%); }
html.health .badege_layout1 { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.health .cm_overview203 .ovw203_tab .tab.lifecycle,
html.health .lifecycle_badge { background-color: #6fb528; color: #fff; }
html.health .cm_overview203 .ovw203_tab .tab.household,
html.health .household_badge { background-color: #ff6482; color: #fff; }
html.health .cm_overview203 .ovw203_tab .tab.topics,
html.health .topics_badge { background-color: #ffac27; color: #fff; }
html.health .main_page .main_section .section_title_toolbar { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); }
html.health .main_page .section1 { position: relative; padding: clamp(32px, 2.0833333333vw, 40px) 0; background: #fcfbff; }
html.health .main_page .section1:before { position: absolute; top: 0; left: 0; width: calc(100% - clamp(384px, 25vw, 480px)); height: calc(100% + clamp(96px, 6.25vw, 120px)); border-radius: 0 clamp(192px, 12.5vw, 240px) 0 0; background: linear-gradient(270deg, #f6e6f0 0%, #e9f0ff 100%); content: ""; }
html.health .main_page .section1 .inner { display: flex; z-index: 1; position: relative; align-items: stretch; }
html.health .main_page .section1 .sec1_title_area { display: flex; position: relative; flex-direction: column; align-items: start; justify-content: space-between; width: clamp(360px, 23.4375vw, 450px); padding: clamp(32px, 2.0833333333vw, 40px) 0; }
html.health .main_page .section1 .sec1_title_area:after { position: absolute; right: clamp(6.4px, 0.4166666667vw, 8px); bottom: clamp(19.2px, 1.25vw, 24px); width: clamp(200px, 13.0208333333vw, 250px); content: "POPUP ZONE"; color: #fff; font-weight: 600; font-size: clamp(56px, 3.6458333333vw, 70px); line-height: 1; letter-spacing: 1px; text-align: right; word-break: keep-all; opacity: 0.45; pointer-events: none; }
html.health .main_page .section1 .sec1_title_area .title { display: inline-block; z-index: 1; position: relative; font-weight: 700; font-size: clamp(32px, 2.5vw, 48px); }
html.health .main_page .section1 .sec1_title_area .title:after { position: absolute; right: -8px; bottom: -28px; aspect-ratio: 101/109; width: clamp(80.8px, 5.2604166667vw, 101px); background: url(../../images/common/character_hi.svg) no-repeat center/contain; content: ""; }
html.health .main_page .section1 .sec1_content_area { flex: 1 1 0; min-width: 0; }
html.health .main_page .section1 .sec1_content_area .page_preparing { padding-top: clamp(75.2px, 4.8958333333vw, 94px); padding-bottom: clamp(76px, 4.9479166667vw, 95px); }
html.health .main_page .section1 .popup_zone_swiper { padding: clamp(16px, 1.0416666667vw, 20px) 0; }
html.health .main_page .section1 .popup_img { aspect-ratio: 479/410; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); }
html.health .main_page .section1 .popup_img img { width: 100%; height: 100%; object-fit: cover; }
html.health .main_page .section1 .cm_swiper_control2.is-disabled { display: none; }
html.health .main_page .section2 { position: relative; }
html.health .main_page .section2:before { position: absolute; top: clamp(48px, 3.125vw, 60px); left: 0; width: clamp(178.4px, 11.6145833333vw, 223px); height: clamp(224px, 14.5833333333vw, 280px); background: linear-gradient(180deg, #eaf0ff 0%, #fff3fa 100%); content: ""; }
html.health .main_page .section2_inner_wrapper { z-index: 1; position: relative; background: #fff; }
html.health .main_page .sec2_title_box { z-index: 1; position: absolute; top: 0; left: clamp(96px, 6.25vw, 120px); width: clamp(288px, 18.75vw, 360px); height: 100%; padding: clamp(51.2px, 3.3333333333vw, 64px) clamp(32px, 2.0833333333vw, 40px) clamp(16px, 1.0416666667vw, 20px) clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(96px, 6.25vw, 120px) 0 0 clamp(19.2px, 1.25vw, 24px); background: #5a91f8; box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2); color: #fff; text-align: center; }
html.health .main_page .sec2_title_box .title { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(19px, 1.6666666667vw, 32px); }
html.health .main_page .sec2_title_box .desc { margin-bottom: clamp(16px, 1.0416666667vw, 20px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.health .main_page .sec2_title_box .title_box_btn { display: flex; position: relative; align-items: center; justify-content: space-between; height: clamp(41.6px, 2.7083333333vw, 52px); padding: 0 clamp(19.2px, 1.25vw, 24px); border: 1px solid #fff; border-radius: 99px; background: rgba(255, 255, 255, 0); font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: background 0.15s; }
html.health .main_page .sec2_title_box .title_box_btn:after { position: absolute; top: 50%; right: 0; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); content: ""; }
html.health .main_page .sec2_title_box .title_box_btn:hover { background: rgba(255, 255, 255, 0.1); }
html.health .main_page .sec2_content_area .inner { display: flex; padding: clamp(48px, 3.125vw, 60px); padding-right: 0; padding-left: 320px; background: #fff; }
html.health .main_page .sec2_content_area .inner:before { position: absolute; top: 0; left: 0; width: clamp(208px, 13.5416666667vw, 260px); height: 100%; background: linear-gradient(180deg, #eaf0ff 0%, #fff3fa 100%); content: ""; }
html.health .main_page .sec2_content_area .title_area { width: clamp(152px, 9.8958333333vw, 190px); font-weight: 700; font-size: clamp(19px, 1.875vw, 36px); }
html.health .main_page .sec2_content_area .title_area b { display: block; color: var(--color-text-secondary); }
html.health .main_page .sec2_content_area .cm_overview110 { flex: 1 1 0; min-width: 0; }
html.health .main_page .section3 { position: relative; padding: clamp(80px, 5.2083333333vw, 100px) 0 clamp(64px, 4.1666666667vw, 80px); }
html.health .main_page .section3:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0 0 0 clamp(192px, 12.5vw, 240px); background: #fff3fa; content: ""; }
html.health .main_page .section3 .inner { display: flex; z-index: 1; position: relative; align-items: end; gap: clamp(16px, 1.0416666667vw, 20px); }
html.health .main_page .section3 .sec3_left_area { flex: 1 1 0; min-width: 0; }
html.health .main_page .section3 .sec3_right_area { width: clamp(342.4px, 22.2916666667vw, 428px); padding-bottom: clamp(16px, 1.0416666667vw, 20px); }
html.health .main_page .section3 .section_title_toolbar .title_item { display: flex; align-items: center; gap: clamp(32px, 2.0833333333vw, 40px); }
html.health .main_page .section3 .local_medical_box { position: relative; width: 100%; padding: clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: linear-gradient(0deg, #e94d72 0%, #e94d72 100%), linear-gradient(122deg, #45e2a3 1.65%, #2260bd 100%); box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
html.health .main_page .section3 .local_medical_box:after { position: absolute; right: clamp(40px, 2.6041666667vw, 50px); bottom: 90%; aspect-ratio: 140/106; width: clamp(112px, 7.2916666667vw, 140px); background: url(../../images/common/box_icon2.svg) no-repeat center/contain; content: ""; }
html.health .main_page .section3 .local_medical_box .cm_title { margin-bottom: clamp(19.2px, 1.25vw, 24px); color: #fff; }
html.health .main_page .section3 .medical_inner_box { padding: clamp(19.2px, 1.25vw, 24px) clamp(12.8px, 0.8333333333vw, 16px) clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
html.health .main_page .section3 .medical_inner_box .inner_item ~ .inner_item { margin-top: clamp(12.8px, 0.8333333333vw, 16px); padding-top: clamp(12.8px, 0.8333333333vw, 16px); border-top: 1px dashed #e6e6e6; }
html.health .main_page .section3 .medical_inner_box .inner_link { display: flex; position: relative; align-items: center; padding-right: clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: color 0.15s; }
html.health .main_page .section3 .medical_inner_box .inner_link:hover { color: #e94d72; font-weight: 500; }
html.health .main_page .section3 .medical_inner_box .inner_link:after { position: absolute; top: 50%; right: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right5.svg) no-repeat center/contain; content: ""; }
html.health .main_page .section3 .sec3_left_area.nodata .page_preparing { padding: clamp(46.4px, 3.0208333333vw, 58px) clamp(32px, 2.0833333333vw, 40px); }
html.health .main_page .section3 .sec3_left_area.nodata ~ .sec3_right_area { padding-bottom: 0; }
html.health .main_page .section4 { position: relative; padding: clamp(48px, 3.125vw, 60px) 0 clamp(64px, 4.1666666667vw, 80px); background: #fff8f3; }
html.health .main_page .section4:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 0 0 clamp(192px, 12.5vw, 240px) 0; background: #fff; content: ""; }
html.health .main_page .section4 .inner { z-index: 1; position: relative; }
html.health .main_page .section4 .ovw108_item { height: auto; }
html.health .main_page .section4 .ovw108_box { height: 100%; }
html.health .main_page .section5 { position: relative; padding: clamp(48px, 3.125vw, 60px) 0 clamp(112px, 7.2916666667vw, 140px); background: #fff8f3; }
html.health .main_page .section5:after { position: absolute; bottom: 0; left: 0; aspect-ratio: 1920/321; width: 100%; background: url(../../images/health/main/sec5_bg.svg) no-repeat center/contain; content: ""; }
html.health .main_page .section5 .inner { z-index: 1; position: relative; }
html.health .main_page .section5 .title_area { margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); text-align: center; }
html.health .main_page .section6 { overflow: hidden; background: #d2ec9d; }
html.health .main_page .section6 .sec6_content { position: relative; padding: clamp(41.6px, 2.7083333333vw, 52px) 0 clamp(96px, 6.25vw, 120px); border-radius: clamp(192px, 12.5vw, 240px) 0 0 0; background: #fff; }
html.health .main_page .section6 .sec6_content:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; background: linear-gradient(0deg, #cae6ff 0%, #e8ebff 100%); content: ""; }
html.health .main_page .section6 .sec6_content:after { position: absolute; bottom: clamp(-20px, -1.0416666667vw, -16px); left: 0; content: "YEONGJONGGU"; color: #fff; font-weight: 800; font-size: clamp(128px, 8.3333333333vw, 160px); line-height: 1; letter-spacing: 6px; white-space: nowrap; opacity: 0.25; }
html.health .main_page .section6 .inner { z-index: 1; position: relative; }
html.health .main_page .section6 .section_head { margin-bottom: clamp(48px, 3.125vw, 60px); }
html.health .main_page .section6 .section_head .title_area { display: flex; align-items: center; gap: clamp(11.2px, 0.7291666667vw, 14px); }
html.health .main_page .section6 .section_head .title_area .character { width: clamp(92px, 5.9895833333vw, 115px); }
html.health .main_page .section6 .section_head .tab_area { display: inline-flex; align-items: center; justify-content: center; margin-top: clamp(-18px, -0.9375vw, -14.4px); padding: clamp(9.6px, 0.625vw, 12px) clamp(16px, 1.0416666667vw, 20px); border-radius: 99px; background: #fff3fa; }
html.health .main_page .section6 .map_area { position: relative; }
html.health .main_page .section6 .map_area .map { position: relative; height: clamp(400px, 26.0416666667vw, 500px); overflow: hidden; border: 1px solid #eaeaea; border-radius: clamp(32px, 2.0833333333vw, 40px); background: lightgray; }
html.health .main_page .section6 .map_area .map_marker { position: absolute; top: 50%; left: 50%; width: clamp(48px, 3.125vw, 60px); height: clamp(48px, 3.125vw, 60px); transform: translate(-50%, -50%); background: url(../../images/common/icon_marker.svg) no-repeat center/contain; }
html.health .main_page .section6 .map_area .map_layer { z-index: 5; position: absolute; top: clamp(-112px, -5.8333333333vw, -89.6px); right: clamp(44.8px, 2.9166666667vw, 56px); width: clamp(356.8px, 23.2291666667vw, 446px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(48px, 3.125vw, 60px); box-shadow: 5px 4px 25px 0 rgba(0, 0, 0, 0.15); }
html.health .main_page .section6 .map_area .map_layer .layer_head { display: none; z-index: 10; }
html.health .main_page .section6 .map_area .map_layer .layer_title { padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); background: #7a5ecd; color: #fff; }
html.health .main_page .section6 .map_area .map_layer .layer_title .title_item { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.health .main_page .section6 .map_area .map_layer .layer_title .title_item ~ .title_item { margin-top: clamp(6.4px, 0.4166666667vw, 8px); }
html.health .main_page .section6 .map_area .map_layer .layer_body { padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); background: #fff; }
html.health .main_page .section6 .map_area .map_layer .layer_body .cm_badge.off { height: clamp(22.4px, 1.4583333333vw, 28px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(3.2px, 0.2083333333vw, 4px); background: #ffe0e0; color: #f63e3e; font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); }
html.health .main_page .section6 .map_area .map_layer .layer_body .link_btns { display: flex; margin-top: clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); }
html.health .main_page .section6 .map_area .map_layer .layer_body .link_btns .cm_btn { display: inline-flex; position: relative; flex: 1 1 0; align-items: center; justify-content: start; min-width: 0; height: clamp(38.4px, 2.5vw, 48px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); padding-right: clamp(38.4px, 2.5vw, 48px); border-radius: 99px; background: #f4f5f6; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.health .main_page .section6 .map_area .map_layer .layer_body .link_btns .cm_btn:after { position: absolute; top: 50%; right: clamp(12.8px, 0.8333333333vw, 16px); width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_arr_right5.svg) no-repeat center/contain; content: ""; }
html.health .health_layout1 { display: flex; flex-direction: column; gap: clamp(32px, 2.9166666667vw, 56px); }
html.health .health_form_row { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: clamp(8px, 0.8333333333vw, 16px); }
html.health .health_form_field { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.health .health_form_field .form_control { width: clamp(90px, 6.25vw, 120px); }
html.health .health_form_unit { color: #333; font-size: clamp(15px, 0.8854166667vw, 17px); }
html.health .health_form_btns { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.health .page_HEALTH3 .greeting_box .intro_content { line-height: 1.7; word-break: keep-all; }
html.health .page_HEALTH3 .greeting_box .intro_content p ~ p { margin-top: clamp(12px, 0.8333333333vw, 16px); }
html.health .page_HEALTH3 .greeting_box .greeting_sign { display: flex; align-items: baseline; margin-top: clamp(24px, 2.0833333333vw, 40px); gap: clamp(8px, 0.8333333333vw, 16px); font-weight: 700; }
html.health .page_HEALTH3 .greeting_box .greeting_sign .sign_label { font-size: clamp(15px, 0.9895833333vw, 19px); }
html.health .page_HEALTH3 .greeting_box .greeting_sign .sign_name { font-size: clamp(20px, 1.4583333333vw, 28px); letter-spacing: clamp(1.6px, 0.1041666667vw, 2px); }
html.health .page_HEALTH119 .health_history { display: flex; position: relative; flex-direction: column; align-items: flex-end; padding-bottom: clamp(96px, 6.25vw, 120px); }
html.health .page_HEALTH119 .history_visual { position: relative; width: calc(100% - clamp(0px, 1.5625vw, 30px)); margin-right: clamp(0px, 1.5625vw, 30px); margin-bottom: clamp(-160px, -8.3333333333vw, -80px); padding: clamp(25px, 3.125vw, 60px) clamp(30px, 5.2083333333vw, 100px) clamp(110px, 13.5416666667vw, 260px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(40px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(64px, 4.1666666667vw, 80px); background: linear-gradient(100deg, #ffeffc 4.43%, #daedff 52.7%, #edf6ff 97.14%); }
html.health .page_HEALTH119 .history_visual:before { position: absolute; top: 35%; right: 0; aspect-ratio: 710/117; width: 67%; background: url(../../images/health/sub/history_bg.svg) no-repeat center/contain; content: ""; }
html.health .page_HEALTH119 .history_visual .visual_title { z-index: 1; position: relative; margin: 0; color: #000; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.5; letter-spacing: clamp(0.8px, 0.0520833333vw, 1px); word-break: keep-all; }
html.health .page_HEALTH119 .history_list_group_wrap { position: relative; width: 100%; padding-left: clamp(0px, 2.0833333333vw, 40px); }
html.health .page_HEALTH119 .history_badge { display: flex; z-index: 2; position: absolute; top: clamp(-60px, -3.125vw, -15px); left: clamp(8px, 5.2083333333vw, 100px); align-items: center; justify-content: center; width: clamp(50px, 6.25vw, 120px); height: clamp(50px, 6.25vw, 120px); border-radius: 50%; background: linear-gradient(131deg, #a53199 11.94%, #00a0e5 91.63%); color: #fff; font-weight: 700; font-size: clamp(14px, 1.4583333333vw, 28px); letter-spacing: clamp(0.8px, 0.0520833333vw, 1px); }
html.health .page_HEALTH119 .history_list_group { position: relative; margin-bottom: clamp(-120px, -6.25vw, -96px); padding: clamp(40px, 6.25vw, 120px) clamp(24px, 5.7291666667vw, 110px) clamp(48px, 3.125vw, 60px); border-radius: clamp(64px, 4.1666666667vw, 80px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }
html.health .page_HEALTH119 .history_list_group:before { position: absolute; top: clamp(40px, 2.6041666667vw, 50px); bottom: clamp(40px, 2.6041666667vw, 50px); left: clamp(30px, 6.25vw, 120px); width: 1px; border-left: 1px dashed #b3d8ea; content: ""; }
html.health .page_HEALTH119 .history_decade { display: flex; position: relative; align-items: flex-start; padding-left: clamp(28px, 3.125vw, 60px); gap: clamp(10px, 2.6041666667vw, 50px); }
html.health .page_HEALTH119 .history_decade ~ .history_decade { margin-top: clamp(32px, 2.0833333333vw, 40px); }
html.health .page_HEALTH119 .history_decade:before { z-index: 1; position: absolute; top: clamp(4.8px, 0.3125vw, 6px); left: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); border: clamp(4.8px, 0.3125vw, 6px) solid var(--color-blue-75); border-radius: 50%; background: #fff; content: ""; }
html.health .page_HEALTH119 .history_decade .decade_label { flex: none; width: clamp(64px, 4.1666666667vw, 80px); padding-top: clamp(1.6px, 0.1041666667vw, 2px); color: #333; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
html.health .page_HEALTH119 .history_decade .decade_body { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(16px, 1.0416666667vw, 20px); }
html.health .page_HEALTH119 .history_row { display: flex; align-items: flex-start; gap: clamp(10px, 2.6041666667vw, 50px); }
html.health .page_HEALTH119 .history_row .row_date { flex: none; width: clamp(76.8px, 5vw, 96px); padding-top: clamp(1.6px, 0.1041666667vw, 2px); color: var(--color-blue-75); font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; }
html.health .page_HEALTH119 .history_row .row_text { display: flex; flex: 1 1 0; flex-direction: column; min-width: 0; gap: clamp(9.6px, 0.625vw, 12px); }
html.health .page_HEALTH119 .history_row .row_title { margin: 0; color: #333; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.5; word-break: keep-all; }
html.health .page_HEALTH119 .history_row .cm_bullet_list1 { margin-left: 0; }
html.health .org_chart { position: relative; padding: clamp(24px, 1.5625vw, 30px) clamp(96px, 6.25vw, 120px) clamp(32px, 2.0833333333vw, 40px); border: 1px solid #ccc; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.health .org_chart > ul { display: flex; flex-direction: column; align-items: center; }
html.health .org_chart > ul > li { display: flex; flex-direction: column; align-items: center; width: 100%; }
html.health .org_chart .org_chief_wrap { position: relative; padding-bottom: clamp(40px, 2.6041666667vw, 50px); }
html.health .org_chart .org_chief_wrap:before { display: block; position: absolute; top: 0; bottom: 0; left: 50%; border-left: 1px dashed var(--color-blue-30); content: ""; }
html.health .org_chart .org_chief { box-sizing: content-box; display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: clamp(112px, 7.2916666667vw, 140px); height: clamp(112px, 7.2916666667vw, 140px); border: clamp(9.6px, 0.625vw, 12px) solid #f3f6f9; border-radius: 50%; background: linear-gradient(131deg, #a53199 11.94%, #00a0e5 91.63%); color: #fff; font-weight: 700; font-size: clamp(14px, 1.25vw, 24px); line-height: 1.5; }
html.health .org_chart .org_chief:before { display: block; z-index: 0; position: absolute; right: 0; bottom: 0; aspect-ratio: 52/38; height: clamp(66.4px, 4.3229166667vw, 83px); background: url(../../images/common/logo3.svg) no-repeat center/contain; content: ""; filter: brightness(0) invert(1); opacity: 0.2; }
html.health .org_chart .org_chief:after,
html.health .org_chart .org_dept_list > li:after { z-index: 2; position: absolute; left: 50%; width: clamp(9.6px, 0.625vw, 12px); height: clamp(9.6px, 0.625vw, 12px); transform: translateX(-50%); border: 2px solid #fff; border-radius: 50%; background: var(--color-blue-75); content: ""; }
html.health .org_chart .org_chief:after { bottom: clamp(-18px, -0.9375vw, -14.4px); }
html.health .org_chart .org_dept_list > li:after { bottom: calc(100% - 7px); }
html.health .org_chart .org_dept_list { display: grid; position: relative; grid-template-columns: repeat(3, clamp(160px, 10.4166666667vw, 200px)); justify-content: space-between; width: 100%; padding-top: clamp(32px, 2.0833333333vw, 40px); }
html.health .org_chart .org_dept_list:before { position: absolute; top: 0; right: clamp(80px, 5.2083333333vw, 100px); left: clamp(80px, 5.2083333333vw, 100px); border-top: 1px dashed var(--color-blue-30); content: ""; }
html.health .org_chart .org_dept_list:after { content: ""; }
html.health .org_chart .org_dept_list > li { display: flex; position: relative; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
html.health .org_chart .org_dept_list > li:before { position: absolute; top: clamp(-40px, -2.0833333333vw, -32px); left: 50%; height: clamp(32px, 2.0833333333vw, 40px); border-left: 1px dashed var(--color-blue-30); content: ""; }
html.health .org_chart .org_dept { display: flex; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px); background: var(--color-blue-75); color: #fff; font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1.5; text-align: center; }
html.health .org_chart .org_dept_list > li > ul { display: flex; position: relative; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
html.health .org_chart .org_dept_list > li > ul:before { position: absolute; top: clamp(-24px, -1.25vw, -19.2px); bottom: 0; left: 50%; border-left: 1px dashed var(--color-blue-30); content: ""; }
html.health .org_chart .org_dept_list > li > ul > li { z-index: 1; position: relative; }
html.health .org_chart .org_team { display: flex; align-items: center; justify-content: center; padding: clamp(9.6px, 0.625vw, 12px) clamp(25.6px, 1.6666666667vw, 32px); border: 1px solid var(--color-blue-75); border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px); background: #f3f6f9; color: #333; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.5; text-align: center; }
html.health .keyword_highlight { border-radius: 2px !important; background: #fff59d !important; color: #000 !important; }
html.health .wf_info_list { display: flex; flex-direction: column; gap: clamp(10px, 0.8333333333vw, 16px); }
html.health .wf_info_list.gap2 { gap: clamp(9.6px, 0.625vw, 12px); }
html.welfare .main_page .title_box { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: clamp(32px, 2.0833333333vw, 40px); gap: clamp(6.4px, 0.4166666667vw, 8px); text-align: center; }
html.welfare .main_page .title_box.tleft { align-items: flex-start; text-align: left; }
html.welfare .main_page .title_box.mb2 { margin-bottom: clamp(16px, 1.25vw, 24px); }
html.welfare .main_page .title_in { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.welfare .main_page .title_box .title_txt1 { font-weight: 700; font-size: clamp(22px, 2.2916666667vw, 44px); word-break: keep-all; }
html.welfare .main_page .title_box .title_txt1.search::after { display: inline-block; aspect-ratio: 1/1; width: clamp(20px, 2.0833333333vw, 40px); margin-left: clamp(9.6px, 0.625vw, 12px); background: url("../../images/welfare/main/search.svg") no-repeat center/contain; content: ""; vertical-align: middle; }
html.welfare .main_page .title_box .title_txt1 .point1 { color: #d5395e; }
html.welfare .main_page .title_box .title_txt1 .point2 { color: #007eb4; }
html.welfare .main_page .title_box .title_txt2 { color: #333; font-weight: 500; font-size: clamp(17px, 1.25vw, 24px); word-break: keep-all; }
html.welfare .main_page .section1 { position: relative; padding: clamp(48px, 3.125vw, 60px) 0 clamp(80px, 5.2083333333vw, 100px); }
html.welfare .main_page .section1:before { z-index: -1; position: absolute; top: 0; aspect-ratio: 1920/1179; width: 100%; background: url("../../images/welfare/main/bg1.png") no-repeat center/contain; content: ""; }
html.welfare .main_page .section1 .swiper_box { position: relative; }
html.welfare .main_page .section1 .roadmap_btn { z-index: 2; position: absolute; top: clamp(-80px, -4.1666666667vw, -64px); right: -30px; }
html.welfare .main_page .section1 .rm_txt { z-index: -1; position: absolute; top: -20%; left: 36%; aspect-ratio: 100/60; width: clamp(70px, 5.2083333333vw, 100px); background: url("../../images/welfare/main/txt_roadmap.svg") no-repeat center/contain; }
html.welfare .main_page .section1 .rm_link { display: flex; flex-direction: column; align-items: center; justify-content: center; width: clamp(92px, 6.6666666667vw, 128px); height: clamp(92px, 6.6666666667vw, 128px); padding: clamp(26.4px, 1.71875vw, 33px) clamp(14.4px, 0.9375vw, 18px); gap: clamp(3.2px, 0.2083333333vw, 4px); border-radius: 50%; background: linear-gradient(315deg, #1f91f0 13.89%, #00de94 94.52%); color: #fff; font-weight: 700; font-size: clamp(14px, 1.0416666667vw, 20px); text-align: center; }
html.welfare .main_page .section1 .rm_link .cm_icon::before { aspect-ratio: 1/1; width: clamp(22px, 1.6666666667vw, 32px); height: auto; }
html.welfare .main_page .section1 .swiper { margin: 0 clamp(12.8px, 0.8333333333vw, 16px); padding: clamp(12.8px, 0.8333333333vw, 16px) 0; }
html.welfare .main_page .section1 .swiper-wrapper { align-items: stretch; }
html.welfare .main_page .section1 .swiper-slide { height: clamp(329.6px, 21.4583333333vw, 412px); }
html.welfare .main_page .section1 .content { display: flex; position: relative; flex-direction: column; height: 100%; padding: clamp(47px, 3.125vw, 60px) clamp(35px, 2.5vw, 48px) clamp(35px, 2.5vw, 48px) clamp(35px, 2.0833333333vw, 40px); overflow: hidden; gap: clamp(25.6px, 1.6666666667vw, 32px); border-radius: 24px; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); transition: all 0.15s; }
html.welfare .main_page .section1 .swiper-slide-active .content { border-radius: clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); }
html.welfare .main_page .section1 .swiper-slide-next .content { border-radius: clamp(19.2px, 1.25vw, 24px); }
html.welfare .main_page .section1 .swiper-slide-next + .swiper-slide .content { border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px); }
html.welfare .main_page .section1 .content.infants { background-color: #ffcfd6; }
html.welfare .main_page .section1 .content.children { background-color: #cfe8ff; }
html.welfare .main_page .section1 .content.youth { background-color: #dad8ff; }
html.welfare .main_page .section1 .content.disabilities { background-color: #c2dfdb; }
html.welfare .main_page .section1 .content.womenfamilies { background-color: #ffd4b3; }
html.welfare .main_page .section1 .content.lowincome { background-color: #fdedb4; }
html.welfare .main_page .section1 .content.seniors { background-color: #d6e8c7; }
html.welfare .main_page .section1 .content.community { background-color: #ffddd9; }
html.welfare .main_page .section1 .target { font-weight: 700; font-size: clamp(20px, 1.875vw, 36px); }
html.welfare .main_page .section1 .tab_wrap { display: flex; z-index: 1; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
html.welfare .main_page .section1 .tab_wrap .tab_txt { display: flex; align-items: center; width: fit-content; max-width: 100%; padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px); gap: clamp(3.2px, 0.2083333333vw, 4px); border-radius: 99px; background-color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.welfare .main_page .section1 .tab_wrap .tab_txt:hover { text-decoration: underline; }
html.welfare .main_page .section1 .content.infants .tab_wrap .tab_txt .cm_icon { color: #ff516c; }
html.welfare .main_page .section1 .content.children .tab_wrap .tab_txt .cm_icon { color: #3093ff; }
html.welfare .main_page .section1 .content.youth .tab_wrap .tab_txt .cm_icon { color: #766bff; }
html.welfare .main_page .section1 .content.disabilities .tab_wrap .tab_txt .cm_icon { color: #7ed7c1; }
html.welfare .main_page .section1 .content.womenfamilies .tab_wrap .tab_txt .cm_icon { color: #ffac7b; }
html.welfare .main_page .section1 .content.lowincome .tab_wrap .tab_txt .cm_icon { color: #ffc857; }
html.welfare .main_page .section1 .content.seniors .tab_wrap .tab_txt .cm_icon { color: #9dba8a; }
html.welfare .main_page .section1 .content.community .tab_wrap .tab_txt .cm_icon { color: #ffaba8; }
html.welfare .main_page .section1 .content .img_wrap { position: absolute; right: 0; bottom: 0; aspect-ratio: 316/235; width: clamp(200px, 16.4583333333vw, 316px); background-position: left top; background-size: cover; background-repeat: no-repeat; }
html.welfare .main_page .section1 .content.infants .img_wrap { background-image: url("../../images/welfare/main/circle1.png"); }
html.welfare .main_page .section1 .content.children .img_wrap { background-image: url("../../images/welfare/main/circle2.png"); }
html.welfare .main_page .section1 .content.youth .img_wrap { background-image: url("../../images/welfare/main/circle3.png"); }
html.welfare .main_page .section1 .content.disabilities .img_wrap { background-image: url("../../images/welfare/main/circle4.png"); }
html.welfare .main_page .section1 .content.womenfamilies .img_wrap { background-image: url("../../images/welfare/main/circle5.png"); }
html.welfare .main_page .section1 .content.lowincome .img_wrap { background-image: url("../../images/welfare/main/circle6.png"); }
html.welfare .main_page .section1 .content.seniors .img_wrap { background-image: url("../../images/welfare/main/circle7.png"); }
html.welfare .main_page .section1 .content.community .img_wrap { background-image: url("../../images/welfare/main/circle8.png"); }
html.welfare .main_page .section1 .content .img_wrap img { position: absolute; right: 0; bottom: 0; aspect-ratio: 250/350; width: clamp(150px, 10.9375vw, 210px); }
html.welfare .main_page .section1 .sw_btn { top: 50%; aspect-ratio: 1/1; width: clamp(45px, 3.0729166667vw, 59px); height: auto; margin: 0; padding: clamp(14.4px, 0.9375vw, 18px); transform: translate(0%, -50%); border-radius: 50%; background-position: center; background-size: clamp(19.2px, 1.25vw, 24px); background-repeat: no-repeat; background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); color: unset; }
html.welfare .main_page .section1 .sw_btn::after { display: none; }
html.welfare .main_page .section1 .swiper-button-prev { right: unset; left: -63px; background-image: url("../../images/common/icon_arr_left.svg"); }
html.welfare .main_page .section1 .swiper-button-next { right: -63px; left: unset; background-image: url("../../images/common/icon_arr_right.svg"); }
html.welfare .main_page .section1 .cm_swiper_control { display: flex; position: relative; align-items: center; justify-content: center; margin-top: clamp(5px, 0.8333333333vw, 16px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.welfare .main_page .section1 .swiper-scrollbar { position: relative; top: unset; bottom: unset; left: unset; width: clamp(128px, 8.3333333333vw, 160px); height: clamp(7.2px, 0.46875vw, 9px); overflow: hidden; transform: unset; border-radius: 999px; background: #d9ebf4; transition: all 0.3s ease; }
html.welfare .main_page .section1 .swiper-scrollbar-drag { border-radius: 999px; background: #007eb4; }
html.welfare .main_page .section1 .sw_conbtn { aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background-image: url("../../images/common/icon_pause.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; }
html.welfare .main_page .section1 .sw_conbtn.is_play { background-image: url("../../images/common/icon_play.svg"); }
html.welfare .main_page .section3 { position: relative; padding: clamp(48px, 3.125vw, 60px) 0; }
html.welfare .main_page .section3:before { z-index: -1; position: absolute; top: clamp(-165px, -8.59375vw, -132px); aspect-ratio: 1920/1130; width: 100%; background: url("../../images/welfare/main/bg2.png") no-repeat center/contain; content: ""; }
html.welfare .main_page .section3 .map_content { display: flex; align-items: center; justify-content: center; gap: clamp(30px, 4.1145833333vw, 79px); }
html.welfare .main_page .section3 .map_con { flex-shrink: 0; width: clamp(450px, 37.03125vw, 711px); }
html.welfare .main_page .section3 .info_con { width: clamp(420px, 31.25vw, 600px); }
html.welfare .main_page .section3 .title_box { align-items: flex-start; justify-content: flex-start; margin-bottom: clamp(38.4px, 2.5vw, 48px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); text-align: left; }
html.welfare .main_page .section3 .select_box { display: flex; margin-bottom: clamp(60px, 2.5vw, 48px); padding: 0 clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(9.6px, 0.625vw, 12px); }
html.welfare .main_page .section3 .select_box select { width: clamp(152px, 9.8958333333vw, 190px); }
html.welfare .main_page .section3 .info_box { display: flex; position: relative; width: 100%; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.welfare .main_page .section3 .info_box::before { display: block; z-index: 2; position: absolute; top: -2%; right: clamp(15px, 1.5625vw, 30px); aspect-ratio: 147/163; width: clamp(70px, 7.65625vw, 147px); transform: translate(0%, -50%); background: url("../../images/common/character_search.svg") no-repeat center/contain; content: ""; }
html.welfare .main_page .section3 .total_con { z-index: 2; position: absolute; top: clamp(-8px, -0.4166666667vw, -6.4px); left: clamp(44.8px, 2.9166666667vw, 56px); padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px) 0; background-color: #333; color: #fff; font-size: clamp(13px, 0.9895833333vw, 19px); }
html.welfare .main_page .section3 .total_con .point { color: #ffaf1a; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
html.welfare .main_page .section3 .swiper { width: 100%; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: transparent; }
html.welfare .main_page .section3 .swiper-slide { display: flex; flex-direction: column; width: 100%; height: 100%; padding: clamp(12.8px, 0.8333333333vw, 16px); }
html.welfare .main_page .section3 .swiper .content { display: flex; flex-direction: column; height: 100%; min-height: clamp(280px, 19.5833333333vw, 376px); border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
html.welfare .main_page .section3 .swiper .content .page_preparing { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.welfare .main_page .section3 .swiper .text_con { display: flex; flex: 1; flex-direction: column; padding: clamp(30px, 3.125vw, 60px) clamp(25px, 2.7083333333vw, 52px) clamp(20px, 1.875vw, 36px); gap: clamp(25.6px, 1.6666666667vw, 32px); border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) 0 0; background-color: #fff; }
html.welfare .main_page .section3 .swiper .txt_wrap1 { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
html.welfare .main_page .section3 .swiper .txt_wrap1 .text1 { color: #333; font-size: clamp(14px, 0.9895833333vw, 19px); }
html.welfare .main_page .section3 .swiper .txt_wrap1 .text2 { margin-bottom: clamp(10px, 1.25vw, 24px); font-weight: 700; font-size: clamp(19px, 1.6666666667vw, 32px); }
html.welfare .main_page .section3 .swiper .detail_btn { display: inline-flex; align-items: center; justify-content: center; width: 100%; padding: clamp(14px, 1.0416666667vw, 20px) clamp(20px, 2.7083333333vw, 52px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: 0 0 clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background-color: #007eb4; color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.welfare .main_page .section3 .sw_btn { top: 50%; aspect-ratio: 1/1; width: clamp(45px, 3.125vw, 60px); height: auto; margin: 0; padding: clamp(14.4px, 0.9375vw, 18px); transform: translate(0%, -50%); border-radius: 50%; background-position: center; background-size: clamp(19.2px, 1.25vw, 24px); background-repeat: no-repeat; background-color: #fff; box-shadow: 4px 4px 16px 0 rgba(0, 0, 0, 0.15); color: unset; }
html.welfare .main_page .section3 .sw_btn::after { display: none; }
html.welfare .main_page .section3 .swiper-button-prev { right: unset; left: -15px; background-image: url("../../images/common/icon_arr_left.svg"); }
html.welfare .main_page .section3 .swiper-button-next { right: -15px; left: unset; background-image: url("../../images/common/icon_arr_right.svg"); }
html.welfare .main_page .section4 { padding: clamp(16px, 1.0416666667vw, 20px) clamp(0px, 1.0416666667vw, 20px) clamp(60px, 6.25vw, 120px) clamp(0px, 1.0416666667vw, 20px); }
html.welfare .main_page .section4 .content { display: flex; align-items: stretch; justify-content: space-between; gap: clamp(32px, 2.0833333333vw, 40px); }
html.welfare .main_page .section4 .left_con { width: 70%; }
html.welfare .main_page .section4 .right_con { display: flex; flex: 1; flex-direction: column; }
html.welfare .w8_map_content { width: clamp(600px, 60.4166666667vw, 1160px); max-width: 100%; }
html.welfare .w8_search_content { width: 100%; max-width: 100%; }
html.welfare .wf_info_list { display: flex; flex-direction: column; gap: clamp(10px, 0.8333333333vw, 16px); }
html.welfare .wf_info_list.gap2 { gap: clamp(9.6px, 0.625vw, 12px); }
html.mayor { --color-blue-10:#eef4ff; --color-blue-15:#e3edff; --color-blue-20:#d5e3ff; --color-blue-30:#b8d0ff; --color-blue-40:#96b8ff; --color-blue-5:#f5f8ff; --color-blue-50:#729cff; --color-blue-60:#4f79e8; --color-blue-70:#234fc3; --color-blue-80:#1b3e9b; --color-blue-90:#122c73; --color-background-primary: var(--color-blue-70); --color-background-primary-light: var(--color-blue-60); --color-background-primary-lighter: var(--color-blue-20); --color-background-primary-lightest: var(--color-point-2-5); --color-background-primary-lightest-table: #ebf5ff; --color-background-gray-lightest: #f8f8f9; --color-background-overview: #fafcff; --color-background-tertiary: var(--color-violet-70); --color-border-neutral: #dde2e8; --color-border-primary: var(--color-blue-70); --color-border-primary-light: var(--color-blue-30); --color-border-secondary: var(--color-violet-70); --color-button-primary-default: var(--color-blue-70); --color-button-primary-hovered: var(--color-blue-80); --color-button-primary-pressed: var(--color-blue-90); --color-button-secondary-default: var(--color-point-2-5); --color-button-secondary-hovered: var(--color-blue-10); --color-button-secondary-pressed: var(--color-blue-20); --color-graph-a: #3568e9; --color-graph-b: #4c3bdd; --color-graph-c: var(--color-success-50); --color-graph-d: #0077b2; --color-graph-e: #007e71; --color-graph-f: #0249cd; --color-icon-primary: var(--color-blue-70); --color-icon-primary-lightest: var(--color-blue-20); --color-icon-primary-light: var(--color-blue-40); --color-icon-secondary: var(--color-blue-70); --color-icon-secondary-light: #b8d0ff; --color-icon-gray-dark: var(--color-gray-70); --color-icon-gray-lighter: var(--color-gray-20); --color-icon-gray-lightest: var(--color-gray-10); --color-mayor-b1:#3568e9; --color-mayor-b2:#4c3bdd; --color-mayor-b3:#2e2ba8; --color-text-bolder: var(--color-gray-100); --color-text-disabled: var(--color-gray-50); --color-text-primary: var(--color-blue-70); --color-text-primary-dark: var(--color-blue-80); --color-text-primary-light: var(--color-blue-60); --color-text-primary-lighter: #b8d0ff; --color-text-secondary: var(--color-blue-70); --color-text-secondary-dark: #234fc3; --color-text-secondary-light: #96b8ff; --background-snb: #234fc3; --anim-ease: cubic-bezier(0.22, 0.61, 0.36, 1); --anim-duration: 0.9s; }
html.mayor .cm_tab.tab1 .tab1_list > li.active .tab1_btn { box-shadow: 4px 4px 16px 0 rgba(53, 104, 233, 0.2); }
html.mayor .sub_page { padding-top: 0; padding-bottom: 0; background: none; }
html.mayor .top_visual { height: calc(clamp(240px, 15.625vw, 300px) + var(--header_gnb_height) + var(--header_top_height)); margin-top: calc(-1 * (var(--header_gnb_height) + var(--header_top_height))); overflow: hidden; background-position: center top -32px; background-size: cover; background-repeat: no-repeat; background-color: #1a1a2e; }
html.mayor .top_visual.visual1 { background-image: url(../../images/mayor/common/top_visual1.png); }
html.mayor .top_visual.visual2 { background-image: url(../../images/mayor/common/top_visual2.png); }
html.mayor .top_visual.visual3 { background-image: url(../../images/mayor/common/top_visual3.png); }
html.mayor .top_visual.visual4 { background-image: url(../../images/mayor/common/top_visual4.png); }
html.mayor .top_visual.visual5 { background-image: url(../../images/mayor/common/top_visual5.png); }
html.mayor .sub_body { z-index: 2; position: relative; margin-top: clamp(-120px, -6.25vw, -40px); padding-bottom: clamp(60px, 6.25vw, 120px); border-radius: 0 clamp(40px, 6.25vw, 120px) 0 0; background: #fff; box-shadow: 0 clamp(-10px, -0.5208333333vw, -6px) clamp(15px, 1.5625vw, 30px) rgba(0, 0, 0, 0.08); }
html.mayor .sub_body .sub_page_head { flex-direction: row-reverse; align-items: flex-end; justify-content: space-between; padding-bottom: clamp(19.2px, 1.25vw, 24px); border-bottom: 1px solid var(--color-gray-10); }
html.mayor .sub_body .sub_page_head .btns_area { position: absolute; top: clamp(-105px, -5.46875vw, -65px); right: 0; }
html.mayor .cm_badge.variant28 { background: var(--color-blue-70); }
html.mayor .cm_content_satisfaction .survey_action .cm_btn.variant1 { background-color: var(--color-text-primary); }
html.mayor .cm_sidebar { padding-top: clamp(40px, 4.1666666667vw, 80px); }
html.mayor .cm_sidebar:before { display: none; }
html.mayor .cm_sidebar .sidebar_nav { flex-shrink: 0; width: clamp(260px, 14.7916666667vw, 284px); margin-top: 0; }
html.mayor .cm_sidebar .depth1_item { align-items: flex-start; justify-content: flex-start; height: auto; padding: 0; overflow: visible; gap: clamp(9.6px, 0.625vw, 12px); border-radius: 0; background: none; box-shadow: none; }
html.mayor .cm_sidebar .depth1_item span { color: var(--color-text-primary); font-weight: bold; font-size: clamp(28px, 2.2916666667vw, 44px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; letter-spacing: 0; }
html.mayor .cm_sidebar .depth1_item:before { background-color: var(--color-text-primary-lighter); -webkit-mask-image: url("../../images/mayor/common/icon_quote.svg"); mask-image: url("../../images/mayor/common/icon_quote.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; display: block; flex-shrink: 0; width: clamp(18px, 1.25vw, 24px); height: clamp(14px, 0.9895833333vw, 19px); content: ""; mask-position: center; }
html.mayor .cm_sidebar .sidebar_depth2_list_wrap { margin-top: clamp(12px, 0.8333333333vw, 16px); padding: clamp(16px, 1.0416666667vw, 20px); border: 1px solid var(--color-border-gray); border-radius: clamp(20px, 1.6666666667vw, 32px); box-shadow: none; }
html.mayor .cm_sidebar .sidebar_depth2_wrap { margin-top: clamp(12.8px, 0.8333333333vw, 16px); padding: clamp(16px, 1.0416666667vw, 20px); border: 1px solid var(--color-border-gray); border-radius: clamp(20px, 1.6666666667vw, 32px); background: transparent; box-shadow: none; }
html.mayor .cm_sidebar .sidebar_depth2 { gap: 0; }
html.mayor .cm_sidebar .sidebar_depth2 > li > a { padding: clamp(14.4px, 0.9375vw, 18px) clamp(16px, 1.0416666667vw, 20px); padding-right: clamp(36.8px, 2.3958333333vw, 46px); border: none; border-bottom: 1px solid var(--color-border-gray); border-radius: 0; color: var(--color-text-basic); font-weight: 400; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.mayor .cm_sidebar .sidebar_depth2 > li > a:after { right: clamp(16px, 1.0416666667vw, 20px); background: none; background-color: #808080; -webkit-mask-image: url("../../images/common/icon_arr_down.svg"); mask-image: url("../../images/common/icon_arr_down.svg"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; width: clamp(16px, 1.0416666667vw, 20px); mask-position: center; }
html.mayor .cm_sidebar .sidebar_depth2 > li:has(.sidebar_depth3_wrap) > a:after { display: block; }
html.mayor .cm_sidebar .sidebar_depth2 > li:last-child > a { border-bottom: none; }
html.mayor .cm_sidebar .sidebar_depth2 > li.active { position: relative; }
html.mayor .cm_sidebar .sidebar_depth2 > li.active:before { z-index: 0; position: absolute; top: -1px; right: 0; left: 0; height: 1px; background-color: #fff; content: ""; }
html.mayor .cm_sidebar .sidebar_depth2 > li.active > a { border: 1px solid var(--background-snb); border-radius: clamp(12px, 0.8333333333vw, 16px); background: var(--background-snb); box-shadow: 0 4px 8px rgba(35, 79, 195, 0.12); color: #fff; font-weight: bold; }
html.mayor .cm_sidebar .sidebar_depth2 > li.active > a:after { display: none; transform: translateY(-50%) rotate(180deg); background-color: #fff; }
html.mayor .cm_sidebar .sidebar_depth2 > li:has(.sidebar_depth3_wrap).active > a:after { display: block; }
html.mayor .cm_sidebar .sidebar_depth3_wrap { padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(6.4px, 0.4166666667vw, 8px); padding-left: clamp(16px, 1.0416666667vw, 20px); border-radius: clamp(12px, 0.8333333333vw, 16px); background-color: var(--color-background-gray-lighter-basic); }
html.mayor .cm_sidebar .sidebar_depth2 > li:last-child .sidebar_depth3_wrap { border-bottom: 0; }
html.mayor .cm_sidebar .sidebar_depth3 { padding: 0; border: none; }
html.mayor .cm_sidebar .sidebar_depth3 > li > a { color: var(--color-text-basic); font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.mayor .cm_sidebar .sidebar_depth3 > li.active > a { font-weight: bold; }
html.mayor .cm_sidebar .sidebar_content { padding-top: 0; }
html.mayor .cm_sidebar .sidebar_content.has_top_search { padding-top: 0; }
html.mayor .cm_table1,
html.mayor .cm_board_list1 { border-top: 1px solid var(--color-gray-100); }
html.mayor .cm_table1 tbody th,
html.mayor .cm_table1 thead th { background-color: #fafcff; }
html.mayor .cm_board_list1 .cm_badge.variant4 { border: 1px solid var(--color-text-primary); color: var(--color-text-primary); }
html.mayor .mayor_weekly .mw_period { display: inline-flex; position: relative; align-items: center; padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) clamp(3.2px, 0.2083333333vw, 4px) clamp(3.2px, 0.2083333333vw, 4px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); background: var(--color-background-primary); }
html.mayor .mayor_weekly .mw_period:before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); border-radius: 50%; background: #fff; content: ""; }
html.mayor .mayor_weekly .mw_period:after { position: absolute; top: 50%; left: clamp(8px, 0.5208333333vw, 10px); aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-50%); background-color: var(--color-text-primary); 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.mayor .mayor_weekly .mw_period_text { color: #fff; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.mayor .page_MAYOR9 .manifesto_intro { display: flex; flex-direction: column; }
html.mayor .page_MAYOR9 .manifesto_intro_top { display: flex; z-index: 2; position: relative; flex-direction: column; align-items: flex-start; }
html.mayor .page_MAYOR9 .manifesto_intro_box { display: flex; align-items: center; width: 100%; padding: clamp(28px, 2.9166666667vw, 56px) clamp(24px, 2.9166666667vw, 56px) clamp(48px, 3.75vw, 72px); gap: clamp(20px, 1.6666666667vw, 32px); border: 2px solid transparent; border-radius: clamp(19.2px, 1.25vw, 24px) clamp(32px, 3.75vw, 72px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background: linear-gradient(#fff, #fff) padding-box, linear-gradient(135deg, var(--color-blue-70) 0%, var(--color-blue-70) 100%) border-box; }
html.mayor .page_MAYOR9 .manifesto_intro_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(35px, 6.25vw, 120px); overflow: hidden; border-radius: 50%; background: #f4f5f6; }
html.mayor .page_MAYOR9 .manifesto_intro_icon img { width: 100%; height: 100%; object-fit: contain; }
html.mayor .page_MAYOR9 .manifesto_intro_desc { flex: 1; min-width: 0; color: var(--color-text-bolder); font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.5; }
html.mayor .page_MAYOR9 .manifesto_intro_btn { margin-top: clamp(-24px, -1.25vw, -19.2px); padding-left: clamp(20px, 2.0833333333vw, 40px); }
html.mayor .page_MAYOR9 .manifesto_intro_bottom { z-index: 1; position: relative; margin-top: clamp(-56px, -2.9166666667vw, -44.8px); padding: clamp(64px, 4.5833333333vw, 88px) clamp(20px, 2.0833333333vw, 40px) clamp(24px, 2.0833333333vw, 40px); border-radius: 0 0 clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; }
html.mayor .mayor_chart_box { width: 100%; min-height: clamp(240px, 18.75vw, 360px); padding: clamp(20px, 2.0833333333vw, 40px); border: 1px solid var(--color-border-gray); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.mayor .mayor_chart_box--donut { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: clamp(16px, 1.25vw, 24px); }
html.mayor .mayor_donut { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
html.mayor .mayor_donut_canvas { aspect-ratio: 1/1; width: 100%; max-width: clamp(80px, 11.6666666667vw, 224px); }
html.mayor .mayor_donut_label { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(16px, 1.1458333333vw, 22px); }
html.mayor .mayor_chart_box--bar { display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; gap: clamp(16px, 1.25vw, 24px); }
html.mayor .mayor_bar { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
html.mayor .mayor_bar_canvas { width: 100%; max-width: clamp(120px, 8.3333333333vw, 160px); height: clamp(160px, 12.5vw, 240px); }
html.mayor .mayor_bar_canvas canvas { width: 100%; height: 100%; }
html.mayor .mayor_bar_label { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(16px, 1.1458333333vw, 22px); }
html.mayor .promise_plan_cell { border-top: 3px solid var(--color-blue-70) !important; background-color: var(--color-background-primary-lightest-table); color: var(--color-text-primary); font-weight: 700; font-size: clamp(12px, 0.78125vw, 15px); }
html.mayor .mayor_budget_section { display: flex; align-items: stretch; gap: clamp(24px, 2.0833333333vw, 40px); }
html.mayor .mayor_budget_section + .mayor_budget_section { margin-top: clamp(32px, 2.9166666667vw, 56px); }
html.mayor .mayor_budget_chart { display: flex; flex-shrink: 0; align-items: center; justify-content: center; padding: clamp(24px, 2.5vw, 48px); border: 1px solid var(--color-border-gray); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08); }
html.mayor .mayor_budget_chart .mayor_donut { gap: clamp(12px, 1.0416666667vw, 20px); }
html.mayor .mayor_budget_chart .mayor_donut_canvas { width: clamp(140px, 11.6666666667vw, 224px); max-width: none; }
html.mayor .mayor_budget_chart .mayor_bar_box { display: flex; flex-direction: column; align-items: center; gap: clamp(12px, 0.8333333333vw, 16px); }
html.mayor .mayor_budget_chart .mayor_bar_canvas { width: clamp(160px, 11.4583333333vw, 220px); max-width: none; height: clamp(180px, 12.5vw, 240px); }
html.mayor .mayor_budget_table { flex: 1; min-width: 0; }
html.mayor .mayor_budget_table .cm_table1 { height: 100%; border-top: 1px solid var(--color-gray-100); }
html.mayor .mayor_budget_table .cm_table1 table { height: 100%; }
html.mayor .mayor_budget_table .cm_table1 thead th { background-color: var(--color-background-overview); }
html.mayor .cm_table1 .promise_total_row td,
html.mayor .cm_table1 .promise_total_row th { background: #f4f5f6; font-weight: 700; }
html.mayor .mayor_rate_wrap { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(24px, 2.0833333333vw, 40px); }
html.mayor .mayor_rate_donut { position: relative; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(200px, 13.75vw, 264px); }
html.mayor .mayor_rate_donut canvas { width: 100%; height: auto; }
html.mayor .mayor_rate_donut_inner { display: flex; position: absolute; flex-direction: column; align-items: center; justify-content: center; inset: 0; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; pointer-events: none; }
html.mayor .mayor_rate_donut_label { color: var(--color-text-basic); font-weight: 500; font-size: clamp(16.8px, 1.09375vw, 21px); }
html.mayor .mayor_rate_donut_value { color: var(--color-text-primary); font-weight: 700; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.2; }
html.mayor .mayor_rate_summary { flex: 1; min-width: clamp(200px, 14.5833333333vw, 280px); padding: clamp(20px, 1.6666666667vw, 32px); border: 1px solid var(--color-border-neutral); border-radius: clamp(16px, 1.25vw, 24px); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
html.mayor .mayor_rate_list { display: flex; flex-direction: column; gap: clamp(20px, 1.4583333333vw, 28px); }
html.mayor .mayor_rate_item { display: flex; flex-direction: column; gap: clamp(8px, 0.625vw, 12px); }
html.mayor .mayor_rate_item_head { display: flex; align-items: center; justify-content: space-between; }
html.mayor .mayor_rate_label { font-weight: bold; }
html.mayor .mayor_rate_item.item1 .mayor_rate_label .cm_icon:before { background-color: var(--color-graph-c); }
html.mayor .mayor_rate_item.item2 .mayor_rate_label .cm_icon:before { background-color: var(--color-graph-a); }
html.mayor .mayor_rate_item.item3 .mayor_rate_label .cm_icon:before { background-color: var(--color-graph-b); }
html.mayor .mayor_rate_count { font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.mayor .mayor_rate_item.item1 .mayor_rate_count { color: var(--color-graph-c); }
html.mayor .mayor_rate_item.item2 .mayor_rate_count { color: var(--color-graph-a); }
html.mayor .mayor_rate_item.item3 .mayor_rate_count { color: var(--color-graph-b); }
html.mayor .mayor_rate_bar_wrap { width: 100%; height: clamp(6px, 0.4166666667vw, 8px); overflow: hidden; border-radius: 99px; background: #e6e6e6; }
html.mayor .mayor_rate_bar { height: 100%; border-radius: 99px; }
html.mayor .mayor_field_chart_wrap { display: grid; grid-template-columns: repeat(5, 1fr); padding: clamp(20px, 1.6666666667vw, 32px); gap: clamp(10px, 0.8333333333vw, 16px); border: 1px solid var(--color-border-gray); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #fff; }
html.mayor .mayor_field_chart_item { display: flex; flex-direction: column; align-items: center; gap: clamp(10px, 0.8333333333vw, 16px); }
html.mayor .mayor_field_donut_wrap { position: relative; aspect-ratio: 1/1; width: 100%; max-width: clamp(100px, 8.75vw, 168px); }
html.mayor .mayor_field_donut_wrap canvas { width: 100%; height: 100%; }
html.mayor .mayor_field_donut_inner { display: flex; position: absolute; align-items: center; justify-content: center; inset: 0; pointer-events: none; }
html.mayor .mayor_field_pct { color: #000; font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .mayor_field_name { display: flex; flex-direction: column; align-items: center; gap: clamp(1.6px, 0.1041666667vw, 2px); text-align: center; }
html.mayor .mayor_field_name span { color: var(--color-text-basic); line-height: 1.3; }
html.mayor .mayor_field_name strong { font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1.3; }
html.mayor .promise_progress { display: flex; align-items: center; gap: clamp(6px, 0.5208333333vw, 10px); }
html.mayor .promise_progress_track { flex: 1; min-width: clamp(60px, 5.2083333333vw, 100px); height: clamp(6px, 0.4166666667vw, 8px); overflow: hidden; border-radius: 99px; background: #e6e6e6; }
html.mayor .promise_progress_fill { height: 100%; border-radius: 99px; background-color: var(--color-graph-a); transition: width 0.6s ease; }
html.mayor .promise_progress_fill.is-low { background-color: var(--color-graph-b); }
html.mayor .promise_progress_pct { flex-shrink: 0; min-width: clamp(32px, 2.0833333333vw, 40px); color: var(--color-text-bolder); font-weight: 700; font-size: clamp(13px, 0.78125vw, 15px); text-align: left; }
html.mayor .mayor_sns { position: relative; padding-top: clamp(32px, 3.2291666667vw, 62px); }
html.mayor .mayor_sns .mayor_sns_deco { position: absolute; top: 0; left: clamp(16px, 1.8229166667vw, 35px); -webkit-text-stroke: 2px var(--color-text-primary); color: transparent; font-weight: 700; font-size: clamp(36px, 3.3333333333vw, 64px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; white-space: nowrap; pointer-events: none; }
html.mayor .mayor_sns .mayor_sns_bar { display: flex; position: relative; align-items: center; height: clamp(88px, 6.25vw, 120px); padding: clamp(19.2px, 1.25vw, 24px) clamp(20px, 2.0833333333vw, 40px); overflow: hidden; border-radius: clamp(16px, 1.25vw, 24px); background: var(--color-background-primary); }
html.mayor .mayor_sns .mayor_sns_bar:after { position: absolute; top: clamp(-210px, -10.9375vw, -260px); right: clamp(-65px, -3.3854166667vw, -120px); aspect-ratio: 1/1; width: clamp(320px, 18.75vw, 360px); border-radius: 50%; background: #3568e9; content: ""; pointer-events: none; }
html.mayor .mayor_sns .mayor_sns_title { z-index: 1; position: relative; color: #fff; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .mayor_sns .mayor_sns_list { display: flex; position: absolute; top: clamp(19.2px, 1.25vw, 24px); right: clamp(16px, 2.0833333333vw, 40px); align-items: center; padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(16px, 1.25vw, 24px) clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(12px, 1.25vw, 24px); border-radius: 999px; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.16); }
html.mayor .mayor_sns .mayor_sns_link { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); color: #000; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.mayor .mayor_sns .mayor_sns_link:hover .mayor_sns_label { text-decoration: underline; }
html.mayor .mayor_sns .mayor_sns_icon { display: inline-block; flex-shrink: 0; width: clamp(28px, 2.0833333333vw, 40px); height: clamp(28px, 2.0833333333vw, 40px); background-position: center; background-size: contain; background-repeat: no-repeat; }
html.mayor .mayor_sns .mayor_sns_icon.blog { background-image: url(../../images/common/sns_blog.svg); }
html.mayor .mayor_sns .mayor_sns_icon.insta { background-image: url(../../images/common/sns_instagram.svg); }
html.mayor .mayor_sns .mayor_sns_icon.facebook { background-image: url(../../images/common/sns_facebook.svg); }
html.mayor .mayor_sns .mayor_sns_icon.youtube { background-image: url(../../images/common/sns_youtube.svg); }
html.mayor .promise_map_area { z-index: 1; position: relative; margin-right: clamp(75.2px, 4.8958333333vw, 94px); padding: clamp(24px, 2.9166666667vw, 56px) clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(20px, 2.0833333333vw, 40px); background: linear-gradient(121deg, #f3f6ff 4%, #fbf8ff 95%); }
html.mayor .promise_map_area:before { display: block; position: absolute; right: clamp(32px, 2.0833333333vw, 40px); bottom: clamp(40px, 2.6041666667vw, 50px); aspect-ratio: 470/346; width: 47%; background: url(../../images/common/logo3.svg) no-repeat center/contain; content: ""; opacity: 0.1; }
html.mayor .promise_map_area .promise_mapview { width: 56%; }
html.mayor .promise_map_area .promise_mapview::before,
html.mayor .promise_map_area .promise_mapview::after { display: none; }
html.mayor .promise_map_area .promise_mapview .path_shape { fill: #fff; stroke: #bfcbd8; stroke-width: 1; stroke-dasharray: 0; stroke-miterlimit: 0; cursor: pointer; transition: fill 0.15s ease; }
html.mayor .promise_map_area .promise_mapview .path_group:hover .path_shape,
html.mayor .promise_map_area .promise_mapview .path_group.active .path_shape { fill: url(#promise_map_gradient); }
html.mayor .promise_map_area .promise_mapview .path_group:hover .path_name,
html.mayor .promise_map_area .promise_mapview .path_group.active .path_name { fill: #fff; font-weight: 700; stroke: none; paint-order: normal; }
html.mayor .promise_map_area .promise_card { position: absolute; top: clamp(40px, 5vw, 96px); right: clamp(-94px, -4.8958333333vw, -75.2px); width: 48%; padding: clamp(19.2px, 1.25vw, 24px) clamp(24px, 2.0833333333vw, 40px) clamp(24px, 2.0833333333vw, 40px); overflow: hidden; border: 1px solid var(--color-border-gray-light); border-radius: clamp(16px, 1.25vw, 24px); backdrop-filter: blur(4px); background: rgba(255, 255, 255, 0.6); box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08); }
html.mayor .promise_map_area .promise_card:before { position: absolute; top: -1px; left: -1px; width: clamp(180px, 15vw, 288px); height: clamp(60px, 4.53125vw, 87px); border-radius: 0 0 clamp(40px, 4.1666666667vw, 80px) 0; background: linear-gradient(135deg, #4c3bdd 50%, #3568e9 100%); content: ""; pointer-events: none; }
html.mayor .promise_map_area .promise_card_head { display: flex; z-index: 1; position: relative; align-items: center; margin-bottom: clamp(32px, 2.5vw, 48px); }
html.mayor .promise_map_area .promise_card_title { color: #fff; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .promise_common_box { position: relative; padding: clamp(20px, 1.6666666667vw, 32px) clamp(20px, 2.0833333333vw, 40px) clamp(24px, 2.0833333333vw, 40px); border: 2px solid var(--color-mayor-b1); border-radius: clamp(16px, 1.25vw, 24px); background: #fff; }
html.mayor .promise_common_title { margin-bottom: clamp(12px, 0.8333333333vw, 16px); color: var(--color-text-bolder); font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_section { position: relative; }
html.mayor .cm_title_main { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .cm_title_main .line { display: block; }
html.mayor .cm_title_main .light { font-weight: 300; }
html.mayor .cm_btn_more_pill { display: inline-flex; align-items: center; height: clamp(44px, 2.9166666667vw, 56px); padding: 0 clamp(18px, 1.25vw, 24px) 0 clamp(20px, 1.6666666667vw, 32px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: 99px; background: var(--color-mayor-b1); color: #fff; font-weight: 500; font-size: clamp(16px, 1.09375vw, 21px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; transition: background-color 0.2s; }
html.mayor .cm_btn_more_pill:hover { background: var(--color-mayor-b3); }
html.mayor .cm_btn_more_pill.black { background: #111; }
html.mayor .cm_btn_more_pill.black:hover { background: #333; }
html.mayor .main_page .main_visual { position: relative; }
html.mayor .main_page .main_visual::before { z-index: 1; position: absolute; top: 0; left: 0; aspect-ratio: 900/784; width: 46.875%; border-radius: 0 0 clamp(120px, 14.5833333333vw, 280px) 0; background: linear-gradient(54deg, #4c3bdd 47.57%, #3568e9 91.93%); content: ""; pointer-events: none; }
html.mayor .main_page .main_visual_deco { z-index: 2; position: absolute; opacity: 0; pointer-events: none; transition: opacity 1.2s var(--anim-ease); }
html.mayor .main_page .main_visual_deco img { display: block; width: 100%; height: 100%; }
html.mayor .main_page .main_visual_deco.deco1 { top: 2.42%; left: 81.2%; aspect-ratio: 1/1; width: 20.83%; transform: scaleY(-1); }
html.mayor .main_page .main_visual_deco.deco2 { top: 40.3%; left: 61.4%; aspect-ratio: 1/1; width: 20.83%; }
html.mayor .main_page .main_visual_inner { display: flex; z-index: 3; position: relative; align-items: stretch; max-width: clamp(1536px, 100vw, 1920px); margin: 0 auto; }
html.mayor .main_page .main_visual_left { position: relative; flex-shrink: 0; aspect-ratio: 1240/784; width: 64.58%; }
html.mayor .main_page .main_visual_media { position: relative; aspect-ratio: 1240/623; width: 100%; overflow: hidden; border-radius: 0 0 clamp(96px, 6.25vw, 120px) 0; background: #444; }
html.mayor .main_page .main_visual_swiper { width: 100%; height: 100%; }
html.mayor .main_page .main_visual_swiper .swiper-slide { width: 100%; height: 100%; }
html.mayor .main_page .main_visual_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); opacity: 0; transition: opacity 1.1s var(--anim-ease), transform 1.4s var(--anim-ease); }
html.mayor .main_page .main_visual_swiper .swiper-slide a { display: block; height: 100%; }
html.mayor .main_page .main_visual_bottom { display: flex; z-index: 1; position: absolute; top: 71.4%; right: 6.45%; left: 12.9%; align-items: center; justify-content: space-between; gap: clamp(32px, 2.0833333333vw, 40px); }
html.mayor .main_page .main_visual_menu { display: flex; gap: clamp(25.6px, 1.6666666667vw, 32px); }
html.mayor .main_page .main_visual_menu .mv_menu_item { display: flex; flex-direction: column; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); transition: transform 0.2s; }
html.mayor .main_page .main_visual_menu .mv_menu_item:hover { transform: translateY(-4px); }
html.mayor .main_page .main_visual_menu .mv_menu_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(50px, 6.25vw, 120px); border-radius: clamp(20px, 2.0833333333vw, 40px); background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); }
html.mayor .main_page .main_visual_menu .mv_menu_icon img { aspect-ratio: 1/1; width: clamp(30px, 2.9166666667vw, 56px); }
html.mayor .main_page .main_visual_menu .mv_menu_text { color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); line-height: 1.3; text-align: center; }
html.mayor .main_page .main_visual_controller { display: flex; align-items: center; gap: clamp(25.6px, 1.6666666667vw, 32px); transition-delay: 0.7s; }
html.mayor .main_page .main_visual_controller .mv_arrows { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.mayor .main_page .main_visual_controller .mv_btn { display: inline-flex; align-items: center; justify-content: center; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); border: none; background: transparent; cursor: pointer; }
html.mayor .main_page .main_visual_controller .mv_btn .cm_icon { width: 100%; height: 100%; }
html.mayor .main_page .main_visual_controller .mv_divider { display: inline-block; width: 1px; height: clamp(10.4px, 0.6770833333vw, 13px); background: #ccc; }
html.mayor .main_page .main_visual_controller .mv_play_control { display: inline-flex; align-items: center; justify-content: center; width: clamp(32px, 2.0833333333vw, 40px); height: clamp(32px, 2.0833333333vw, 40px); border: none; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f1f2f8; cursor: pointer; }
html.mayor .main_page .main_visual_controller .mv_play_control:before { box-sizing: border-box; width: clamp(6.4px, 0.4166666667vw, 8px); height: clamp(11.2px, 0.7291666667vw, 14px); border-right: clamp(2.4px, 0.15625vw, 3px) solid #333; border-left: clamp(2.4px, 0.15625vw, 3px) solid #333; content: ""; }
html.mayor .main_page .main_visual_controller .mv_play_control.play:before { width: 0; height: 0; border-top: clamp(5.6px, 0.3645833333vw, 7px) solid transparent; border-right: 0; border-bottom: clamp(5.6px, 0.3645833333vw, 7px) solid transparent; border-left: clamp(8px, 0.5208333333vw, 10px) solid #333; }
html.mayor .main_page .main_visual_right { flex: 1; min-width: 0; padding: 9.74% 3.65% 0; }
html.mayor .main_page .main_visual_right .mv_intro { margin-bottom: clamp(10px, 0.8333333333vw, 16px); color: var(--color-text-bolder); font-size: clamp(22px, 2.0833333333vw, 40px); line-height: 1.5; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .main_visual_right .mv_intro .light { font-weight: 300; }
html.mayor .main_page .main_visual_right .mv_intro strong { font-weight: 700; }
html.mayor .main_page .main_visual_right .mv_slogan { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(28px, 2.9166666667vw, 56px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .main_visual_right .mv_slogan .line { display: block; }
html.mayor .main_page .main_visual_right .mv_slogan .point { color: var(--color-text-primary); font-weight: 700; }
html.mayor .main_page .main_field { position: relative; padding: clamp(60px, 6.25vw, 120px) 12.5% clamp(200px, 20.8333333333vw, 400px); }
html.mayor .main_page .main_field::before { z-index: 1; position: absolute; top: 0; left: 0; aspect-ratio: 1/1; width: 20.8%; transform: rotate(90deg); background: url(../../images/mayor/main/deco_subtract.svg) no-repeat center/contain; content: ""; pointer-events: none; }
html.mayor .main_page .main_field_inner { display: flex; z-index: 2; position: relative; align-items: flex-start; gap: clamp(32px, 10.4166666667vw, 200px); }
html.mayor .main_page .main_field_title { display: flex; flex-shrink: 0; flex-direction: column; align-items: flex-start; width: clamp(auto, 13.125vw, 252px); gap: clamp(24px, 2.0833333333vw, 40px); }
html.mayor .main_page .main_field_title .title_text { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(12px, 1.25vw, 24px); }
html.mayor .main_page .main_field_title .cm_title_main { white-space: nowrap; }
html.mayor .main_page .main_field_title .title_desc_row { display: contents; }
html.mayor .main_page .main_field_title .title_desc { color: var(--color-text-bolder); font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1.5; white-space: nowrap; }
html.mayor .main_page .main_field_title .title_desc span { display: block; }
html.mayor .main_page .main_field_list { display: flex; flex: 1; flex-wrap: wrap; align-content: flex-start; min-width: 0; margin: 0; padding: 0; gap: clamp(32px, 4.1666666667vw, 80px) clamp(16px, 2.0833333333vw, 40px); list-style: none; }
html.mayor .main_page .main_field_list > li { width: calc(50% - clamp(8px, 1.0416666667vw, 20px)); }
html.mayor .main_page .field_card { display: flex; flex-direction: column; width: 100%; isolation: isolate; --field-card-ease: cubic-bezier(0.4, 0, 0.2, 1); }
html.mayor .main_page .field_card_img { z-index: 2; position: relative; width: 100%; height: clamp(200px, 13.90625vw, 267px); margin-bottom: clamp(-40px, -2.0833333333vw, -24px); overflow: hidden; border-radius: clamp(24px, 1.6666666667vw, 32px); box-shadow: 4px 12px 16px rgba(0, 0, 0, 0.24); }
html.mayor .main_page .field_card_img::before { z-index: 2; position: absolute; inset: 0; border: 2px solid #fff; border-radius: inherit; content: ""; opacity: 0; pointer-events: none; transition: opacity 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s var(--field-card-ease); }
html.mayor .main_page .field_card_body { z-index: 1; position: relative; padding: clamp(56px, 4.1666666667vw, 80px) clamp(20px, 1.6666666667vw, 32px) clamp(20px, 1.6666666667vw, 32px); overflow: hidden; border-radius: 0 0 clamp(32px, 4.1666666667vw, 80px) clamp(24px, 1.6666666667vw, 32px); background: #f1f2f8; transition: border-radius 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_body::before { position: absolute; inset: 0; background: linear-gradient(135deg, #4c3bdd 50%, #3568e9 100%); content: ""; opacity: 0; pointer-events: none; transition: opacity 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_body > * { z-index: 1; position: relative; }
html.mayor .main_page .field_card_title { display: flex; align-items: center; margin-bottom: clamp(10px, 0.8333333333vw, 16px); gap: clamp(8px, 0.625vw, 12px); color: var(--color-text-bolder); font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.5; transition: color 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_title .ellipsis { flex: 1; min-width: 0; }
html.mayor .main_page .field_card_arrow { flex-shrink: 0; opacity: 0; transition: opacity 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_arrow:before { transition: background-color 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card_date { color: var(--color-text-sub); font-size: clamp(14px, 0.9895833333vw, 19px); transition: color 0.4s var(--field-card-ease); }
html.mayor .main_page .field_card:hover .field_card_img::before { opacity: 1; }
html.mayor .main_page .field_card:hover .field_card_img img { transform: scale(1.04); }
html.mayor .main_page .field_card:hover .field_card_body { border-radius: 0 0 clamp(48px, 6.25vw, 120px) clamp(24px, 1.6666666667vw, 32px); }
html.mayor .main_page .field_card:hover .field_card_body::before { opacity: 1; }
html.mayor .main_page .field_card:hover .field_card_title,
html.mayor .main_page .field_card:hover .field_card_date { color: #fff; }
html.mayor .main_page .field_card:hover .field_card_arrow { opacity: 1; }
html.mayor .main_page .field_card:hover .field_card_arrow:before { background-color: #fff; }
html.mayor .main_page .main_field_list--pc { flex: 1; min-width: 0; }
html.mayor .main_page .main_field_list--mo { display: none; }
html.mayor .main_page .main_today { position: relative; padding-bottom: clamp(30px, 4.1666666667vw, 80px); }
html.mayor .main_page .main_today::before { z-index: 0; position: absolute; bottom: clamp(-120px, -6.25vw, -96px); left: 0; aspect-ratio: 1920/1423; width: 100%; background: url(../../images/mayor/main/bg_today.png) no-repeat top center/cover; content: ""; pointer-events: none; }
html.mayor .main_page .main_today_inner { display: flex; z-index: 1; position: relative; flex-direction: column; padding: 0 12.5%; gap: clamp(32px, 3.3333333333vw, 64px); }
html.mayor .main_page .main_today_head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: clamp(20px, 2.0833333333vw, 40px); }
html.mayor .main_page .today_title_area { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(12px, 0.8333333333vw, 16px); }
html.mayor .main_page .today_title_area .today_title { color: #fff; }
html.mayor .main_page .today_title_area .cm_btn_more_pill { background: #111; }
html.mayor .main_page .today_calendar { display: flex; align-items: center; gap: clamp(20px, 2.0833333333vw, 40px); }
html.mayor .main_page .today_calendar_month { display: flex; flex-direction: column; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .today_calendar_month .cal_year { color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); line-height: 1.4; }
html.mayor .main_page .today_calendar_month .cal_month { color: #ffe23f; font-weight: 700; font-size: clamp(36px, 3.125vw, 60px); line-height: 1; }
html.mayor .main_page .today_calendar_dates { display: flex; align-items: center; gap: clamp(12px, 1.6666666667vw, 32px); }
html.mayor .main_page .cal_nav { display: inline-flex; align-items: center; justify-content: center; width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); border: none; background: transparent; cursor: pointer; }
html.mayor .main_page .cal_nav .cm_icon { width: 100%; height: 100%; }
html.mayor .main_page .cal_nav .cm_icon:before { background-color: rgba(255, 255, 255, 0.7); }
html.mayor .main_page .cal_nav:hover .cm_icon:before { background-color: #fff; }
html.mayor .main_page .cal_days { display: flex; align-items: center; gap: clamp(6px, 0.625vw, 12px); }
html.mayor .main_page .cal_day { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; width: clamp(56px, 4.5833333333vw, 88px); height: clamp(80px, 6.25vw, 120px); gap: clamp(3.2px, 0.2083333333vw, 4px); border: 1px solid #fff; border-radius: clamp(16px, 1.6666666667vw, 32px); background: rgba(255, 255, 255, 0.64); cursor: pointer; transition: all 0.2s; }
html.mayor .main_page .cal_day:hover { background: rgba(255, 255, 255, 0.8); }
html.mayor .main_page .cal_day .cal_day_num { color: var(--color-text-basic); font-weight: 700; font-size: clamp(16px, 1.09375vw, 21px); line-height: 1.5; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .cal_day .cal_day_label { color: var(--color-text-sub); font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1.5; }
html.mayor .main_page .cal_day.is_sat .cal_day_num,
html.mayor .main_page .cal_day.is_sat .cal_day_label { color: #3746ed; }
html.mayor .main_page .cal_day.is_sun .cal_day_num,
html.mayor .main_page .cal_day.is_sun .cal_day_label { color: #e22; }
html.mayor .main_page .cal_day.is_active { transform: translateY(clamp(-16px, -0.8333333333vw, -8px)); border: 2px solid #fff; background: #3568e9; box-shadow: 4px 20px 16px rgba(0, 0, 0, 0.24); }
html.mayor .main_page .cal_day.is_active .cal_day_num,
html.mayor .main_page .cal_day.is_active .cal_day_label { color: #fff; }
html.mayor .main_page .cal_day_dot { position: absolute; top: clamp(8px, 0.625vw, 12px); left: 50%; width: clamp(6px, 0.4166666667vw, 8px); height: clamp(6px, 0.4166666667vw, 8px); transform: translateX(-50%); border-radius: 50%; background: #ffe23f; }
html.mayor .main_page .cal_day.has_event:not(.is_active) .cal_day_dot { background: var(--color-mayor-b1); }
html.mayor .main_page .today_schedule { width: 100%; }
html.mayor .main_page .today_nodata { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: clamp(60px, 4.1666666667vw, 80px) clamp(24px, 1.6666666667vw, 32px); gap: clamp(16px, 1.25vw, 24px); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: clamp(20px, 1.6666666667vw, 32px); backdrop-filter: blur(20px); background: linear-gradient(to right, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0)); -webkit-backdrop-filter: blur(20px); }
html.mayor .main_page .today_nodata_icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(36px, 2.5vw, 48px); }
html.mayor .main_page .today_nodata_icon img { width: 100%; height: 100%; }
html.mayor .main_page .today_nodata_text { color: #fff; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.5; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .today_schedule_swiper { overflow: visible; }
html.mayor .main_page .schedule_card { display: flex !important; position: relative; flex-direction: column; justify-content: space-between; width: clamp(280px, 23.3333333333vw, 448px); height: clamp(220px, 14.5833333333vw, 280px); padding: clamp(32px, 3.3333333333vw, 64px) clamp(20px, 1.6666666667vw, 32px) clamp(20px, 1.25vw, 24px); background: #fff; transition: transform 0.3s; -webkit-mask: url(../../images/mayor/main/schedule_card_shape.svg) no-repeat center/100% 100%; mask: url(../../images/mayor/main/schedule_card_shape.svg) no-repeat center/100% 100%; }
html.mayor .main_page .schedule_card:hover { transform: translateY(-4px); }
html.mayor .main_page .schedule_card::before { position: absolute; top: 0; right: 0; left: 0; height: clamp(20.8px, 1.3541666667vw, 26px); background: #fff; content: ""; pointer-events: none; }
html.mayor .main_page .schedule_card_top { display: flex; z-index: 1; position: relative; align-items: center; gap: clamp(14px, 1.25vw, 24px); }
html.mayor .main_page .schedule_time { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(60px, 4.5833333333vw, 88px); height: clamp(60px, 4.5833333333vw, 88px); border-radius: 50%; background: linear-gradient(135deg, #4c3bdd 50%, #3568e9 100%); color: #fff; font-weight: 500; font-size: clamp(14px, 1.09375vw, 21px); font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .schedule_title { display: -webkit-box; flex: 1; min-width: 0; -webkit-line-clamp: 2; color: var(--color-text-bolder); font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1.4; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
html.mayor .main_page .schedule_card_bottom { display: flex; z-index: 1; position: relative; justify-content: flex-end; }
html.mayor .main_page .schedule_card_bottom .cm_icon { color: var(--color-text-basic); font-size: clamp(14px, 0.9895833333vw, 19px); }
html.mayor .main_page .main_promise { padding: clamp(120px, 11.9791666667vw, 230px) 0 clamp(60px, 5.4166666667vw, 104px); overflow: hidden; }
html.mayor .main_page .main_promise_inner { display: flex; align-items: flex-start; padding-left: 5%; gap: 8.33%; }
html.mayor .main_page .promise_menu { display: flex; flex-shrink: 0; flex-direction: column; width: 29.17%; gap: clamp(24px, 2.0833333333vw, 40px); }
html.mayor .main_page .promise_menu_title { padding-left: 8.85%; color: var(--color-text-bolder); font-size: clamp(28px, 2.5vw, 48px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .promise_menu_title .line { display: block; font-weight: 700; }
html.mayor .main_page .promise_menu_title .line.light { font-weight: 300; }
html.mayor .main_page .promise_menu_list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
html.mayor .main_page .promise_menu_list > li { position: relative; transform: translateX(clamp(-24px, -1.25vw, -14px)); border-bottom: 1px solid var(--color-border-gray); opacity: 0; transition: opacity 0.7s var(--anim-ease), transform 0.7s var(--anim-ease); }
html.mayor .main_page .promise_menu_list > li::after { position: absolute; bottom: -1px; left: 0; width: 0; height: 2px; background: #000; content: ""; pointer-events: none; transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
html.mayor .main_page .promise_menu_list > li:hover::after { width: 100%; }
html.mayor .main_page .promise_menu_list > li > a { display: flex; align-items: center; justify-content: space-between; height: clamp(72px, 5.4166666667vw, 104px); padding: 0 clamp(19.2px, 1.25vw, 24px) 0 8.85%; gap: clamp(12px, 0.8333333333vw, 16px); }
html.mayor .main_page .promise_menu_list .menu_text { color: var(--color-text-bolder); font-weight: 400; font-size: clamp(16px, 1.09375vw, 21px); line-height: 1.4; font-family: "Pretendard GOV", "Noto Sans SC", "Noto Sans JP", sans-serif; transition: font-weight 0.3s; }
html.mayor .main_page .promise_menu_list > li:hover .menu_text { font-weight: 700; }
html.mayor .main_page .promise_menu_list .menu_icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(48px, 3.3333333333vw, 64px); height: clamp(48px, 3.3333333333vw, 64px); overflow: hidden; border-radius: clamp(14px, 1.0416666667vw, 20px); background: #f1f2f8; }
html.mayor .main_page .promise_menu_list .menu_icon img { width: clamp(28px, 2.0833333333vw, 40px); height: clamp(28px, 2.0833333333vw, 40px); }
html.mayor .main_page .promise_section { display: flex; flex: 1; flex-direction: column; min-width: 0; padding-right: 12.5%; gap: clamp(32px, 2.9166666667vw, 56px); isolation: isolate; }
html.mayor .main_page .promise_slider_wrap { z-index: 2; position: relative; }
html.mayor .main_page .promise_slider { margin: clamp(-20px, -1.0416666667vw, -16px); padding: clamp(16px, 1.0416666667vw, 20px); }
html.mayor .main_page .promise_slider .swiper-slide { display: flex !important; align-items: flex-end; justify-content: center; }
html.mayor .main_page .promise_circle { --promise-ease: cubic-bezier(0.4, 0, 0.2, 1); position: relative; aspect-ratio: 1/1; width: 100%; border-radius: 50%; backdrop-filter: blur(12px); background: rgba(241, 242, 248, 0.72); box-shadow: inset 0 0 0 2px #fff, 0 0 0 0 rgba(0, 0, 0, 0); -webkit-backdrop-filter: blur(12px); display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(16px, 1.0416666667vw, 20px); gap: clamp(10px, 0.8333333333vw, 16px); transform: scale(0.75); transform-origin: center bottom; cursor: grab; transition: transform 0.5s var(--promise-ease), background 0.5s var(--promise-ease), box-shadow 0.5s var(--promise-ease), gap 0.5s var(--promise-ease); }
html.mayor .main_page .promise_circle .promise_circle_num { display: inline-flex; position: absolute; top: clamp(16px, 1.0416666667vw, 20px); right: clamp(16px, 1.0416666667vw, 20px); align-items: center; justify-content: center; aspect-ratio: 1/1; width: 16.67%; transform: scale(0.5); border-radius: 50%; background: #000; color: #fff; font-weight: 500; font-size: clamp(16px, 1.25vw, 24px); font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; opacity: 0; pointer-events: none; transition: opacity 0.4s var(--promise-ease), transform 0.4s var(--promise-ease); }
html.mayor .main_page .promise_circle .promise_circle_icon { display: inline-flex; align-items: center; justify-content: center; width: clamp(52px, 3.75vw, 72px); height: clamp(52px, 3.75vw, 72px); max-height: 0; margin: 0; overflow: hidden; transform: scale(0.5); opacity: 0; transition: opacity 0.4s var(--promise-ease), transform 0.4s var(--promise-ease), max-height 0.4s var(--promise-ease); }
html.mayor .main_page .promise_circle .promise_circle_icon img { width: 100%; height: 100%; }
html.mayor .main_page .promise_circle .promise_circle_title { color: var(--color-text-bolder); font-weight: 500; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; text-align: center; transition: font-size 0.4s var(--promise-ease); }
html.mayor .main_page .promise_circle .promise_circle_title span { display: block; font-weight: 300; }
html.mayor .main_page .promise_circle .promise_circle_title strong { display: block; font-weight: 500; }
html.mayor .main_page .promise_circle.is_active { gap: clamp(12px, 1.0416666667vw, 20px); transform: scale(1); background: #fff; box-shadow: inset 0 0 0 5px var(--color-mayor-b1), 8px 16px 12px rgba(0, 0, 0, 0.16); }
html.mayor .main_page .promise_circle.is_active .promise_circle_num { transform: scale(1); opacity: 1; }
html.mayor .main_page .promise_circle.is_active .promise_circle_icon { max-height: clamp(52px, 3.75vw, 72px); transform: scale(1); opacity: 1; }
html.mayor .main_page .promise_circle.is_active .promise_circle_title { font-size: clamp(16px, 1.1458333333vw, 22px); }
html.mayor .main_page .promise_slider_controller { display: flex; z-index: 3; position: absolute; top: 0; right: 0; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.mayor .main_page .promise_slider_btn { display: inline-flex; align-items: center; justify-content: center; width: clamp(44px, 2.9166666667vw, 56px); height: clamp(44px, 2.9166666667vw, 56px); border: 1px solid #ccc; border-radius: clamp(16px, 1.25vw, 24px); background: #fff; cursor: pointer; transition: all 0.2s; }
html.mayor .main_page .promise_slider_btn:hover { border-color: var(--color-mayor-b1); background: var(--color-mayor-b1); }
html.mayor .main_page .promise_slider_btn:hover .cm_icon:before { background-color: #fff; }
html.mayor .main_page .promise_slider_btn .cm_icon { width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); }
html.mayor .main_page .promise_stats { display: flex; z-index: 1; position: relative; align-items: flex-start; justify-content: center; height: clamp(256px, 16.6666666667vw, 320px); padding: 0 3.85% clamp(64px, 4.1666666667vw, 80px); gap: 5.77%; }
html.mayor .main_page .promise_stats::before { z-index: -1; position: absolute; right: -7.7%; bottom: 0; left: -7.7%; height: clamp(339.2px, 22.0833333333vw, 424px); border-radius: clamp(96px, 6.25vw, 120px); background: linear-gradient(135deg, #4c3bdd 50%, #3568e9 100%); content: ""; }
html.mayor .main_page .promise_stats_chart { position: relative; flex-shrink: 0; width: clamp(211.2px, 13.75vw, 264px); height: clamp(211.2px, 13.75vw, 264px); }
html.mayor .main_page .promise_stats_chart canvas { width: 100% !important; height: 100% !important; }
html.mayor .main_page .promise_stats_chart_inner { display: flex; position: absolute; flex-direction: column; align-items: center; justify-content: center; inset: 0; gap: clamp(4px, 0.4166666667vw, 8px); pointer-events: none; }
html.mayor .main_page .promise_stats_chart_label { color: #fff; font-weight: 500; font-size: clamp(14px, 1.09375vw, 21px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .promise_stats_chart_value { color: #ffe23f; font-weight: 700; font-size: clamp(28px, 2.5vw, 48px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .promise_stats_info { display: flex; flex: 1; flex-direction: column; align-items: center; min-width: 0; height: clamp(211.2px, 13.75vw, 264px); gap: clamp(16px, 1.25vw, 24px); }
html.mayor .main_page .promise_stats_total { color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); line-height: 1.4; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; text-align: center; white-space: nowrap; }
html.mayor .main_page .promise_stats_total b { color: #ffe23f; font-weight: 700; }
html.mayor .main_page .promise_stats_total .light { font-weight: 300; }
html.mayor .main_page .promise_stats_boxes { display: flex; width: 100%; gap: clamp(12px, 1.25vw, 24px); }
html.mayor .main_page .promise_stats_box { position: relative; flex: 1; min-width: 0; height: clamp(140px, 10.15625vw, 195px); padding-top: clamp(16px, 1.0416666667vw, 20px); overflow: hidden; transform: translateY(clamp(14px, 1.25vw, 24px)); border-radius: clamp(24px, 2.5vw, 48px) clamp(24px, 2.5vw, 48px) clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px); background: #fff; opacity: 0; transition: opacity 0.7s var(--anim-ease), transform 0.7s var(--anim-ease); }
html.mayor .main_page .promise_stats_box .box_label { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); line-height: 1.5; font-family: "Pretendard GOV", "Noto Sans SC", "Noto Sans JP", sans-serif; text-align: center; }
html.mayor .main_page .promise_stats_box .box_value_wrap { display: flex; position: absolute; top: 32%; right: clamp(9.6px, 0.625vw, 12px); bottom: clamp(9.6px, 0.625vw, 12px); left: clamp(9.6px, 0.625vw, 12px); align-items: center; justify-content: center; overflow: hidden; border-radius: clamp(16px, 1.6666666667vw, 32px) clamp(16px, 1.6666666667vw, 32px) clamp(10px, 0.8333333333vw, 16px) clamp(10px, 0.8333333333vw, 16px); }
html.mayor .main_page .promise_stats_box .box_value { font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.5; font-family: "GyeonggiMillenniumTitle", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.mayor .main_page .promise_stats_box.type1 .box_value_wrap { background: #dad8ff; }
html.mayor .main_page .promise_stats_box.type1 .box_value { color: var(--color-mayor-b1); }
html.mayor .main_page .promise_stats_box.type2 .box_value_wrap { background: #d8e8ff; }
html.mayor .main_page .promise_stats_box.type2 .box_value { color: var(--color-mayor-b2); }
html.mayor [data-anim] { opacity: 0; transition: opacity var(--anim-duration) var(--anim-ease), transform var(--anim-duration) var(--anim-ease); will-change: opacity, transform; }
html.mayor [data-anim=fade-up] { transform: translateY(clamp(24px, 2.0833333333vw, 40px)); }
html.mayor [data-anim=fade-down] { transform: translateY(clamp(-30px, -1.5625vw, -16px)); }
html.mayor [data-anim=fade-left] { transform: translateX(clamp(-40px, -2.0833333333vw, -20px)); }
html.mayor [data-anim=fade-right] { transform: translateX(clamp(20px, 2.0833333333vw, 40px)); }
html.mayor [data-anim=fade] { transform: none; }
html.mayor [data-anim=zoom-in] { transform: scale(0.92); }
html.mayor [data-anim].is_in { transform: none; opacity: 1; }
html.mayor .main_page .main_visual .mv_intro,
html.mayor .main_page .main_visual .mv_slogan .line,
html.mayor .main_page .main_visual_menu .mv_menu_item,
html.mayor .main_page .main_visual_controller { transform: translateY(clamp(16px, 1.25vw, 24px)); opacity: 0; transition: opacity 0.8s var(--anim-ease), transform 0.8s var(--anim-ease); }
html.mayor .main_page .main_visual.is_loaded .mv_intro,
html.mayor .main_page .main_visual.is_loaded .mv_slogan .line,
html.mayor .main_page .main_visual.is_loaded .main_visual_menu .mv_menu_item,
html.mayor .main_page .main_visual.is_loaded .main_visual_controller { transform: none; opacity: 1; }
html.mayor .main_page .main_visual .mv_intro { transition-delay: 0.1s; }
html.mayor .main_page .main_visual .mv_slogan .line:nth-child(1) { transition-delay: 0.25s; }
html.mayor .main_page .main_visual .mv_slogan .line:nth-child(2) { transition-delay: 0.4s; }
html.mayor .main_page .main_visual .mv_slogan .line:nth-child(3) { transition-delay: 0.55s; }
html.mayor .main_page .main_visual_menu .mv_menu_item:nth-child(1) { transition-delay: 0.5s; }
html.mayor .main_page .main_visual_menu .mv_menu_item:nth-child(2) { transition-delay: 0.6s; }
html.mayor .main_page .main_visual_menu .mv_menu_item:nth-child(3) { transition-delay: 0.7s; }
html.mayor .main_page .main_visual.is_loaded .main_visual_swiper .swiper-slide img { transform: scale(1); opacity: 1; transition-delay: 0.15s; }
html.mayor .main_page .main_visual.is_loaded .main_visual_deco { opacity: 1; }
html.mayor .main_page .main_visual.is_loaded .main_visual_deco img { animation: mayorDecoFloat 6s ease-in-out infinite; }
html.mayor .main_page .main_visual.is_loaded .main_visual_deco.deco2 img { animation-duration: 7s; animation-delay: -3s; }
html.mayor .main_page .main_field_list > li[data-anim]:nth-child(1) { transition-delay: 0.05s; }
html.mayor .main_page .main_field_list > li[data-anim]:nth-child(2) { transition-delay: 0.15s; }
html.mayor .main_page .main_field_list > li[data-anim]:nth-child(3) { transition-delay: 0.25s; }
html.mayor .main_page .main_field_list > li[data-anim]:nth-child(4) { transition-delay: 0.35s; }
html.mayor .main_page .main_today.is_in .cal_day.is_active { animation: mayorActiveDayPop 0.8s var(--anim-ease) 0.5s both; }
html.mayor .main_page .promise_menu_list.is_in > li { transform: none; opacity: 1; }
html.mayor .main_page .promise_menu_list.is_in > li:nth-child(1) { transition-delay: 0.05s; }
html.mayor .main_page .promise_menu_list.is_in > li:nth-child(2) { transition-delay: 0.13s; }
html.mayor .main_page .promise_menu_list.is_in > li:nth-child(3) { transition-delay: 0.21s; }
html.mayor .main_page .promise_menu_list.is_in > li:nth-child(4) { transition-delay: 0.29s; }
html.mayor .main_page .promise_menu_list.is_in > li:nth-child(5) { transition-delay: 0.37s; }
html.mayor .main_page .promise_stats.is_in .promise_stats_box { transform: none; opacity: 1; }
html.mayor .main_page .promise_stats.is_in .promise_stats_box.type1 { transition-delay: 0.15s; }
html.mayor .main_page .promise_stats.is_in .promise_stats_box.tye2 { transition-delay: 0.3s; }
html.mayor .summary_dept_stat table { width: max(100% * var(--dept-col-count, 1) / 7, 100%); }
.page_MAYOR3 .mayor_intro { display: flex; align-items: flex-start; gap: clamp(32px, 2.9166666667vw, 56px); }
.page_MAYOR3 .mayor_intro_img_wrap { flex-shrink: 0; width: clamp(280px, 18.75vw, 360px); }
.page_MAYOR3 .mayor_intro_img { display: block; width: 100%; height: auto; border-radius: clamp(16px, 1.25vw, 24px); }
.page_MAYOR3 .mayor_intro_content { display: flex; flex: 1; flex-direction: column; width: 100%; min-width: 0; gap: clamp(20.8px, 1.3541666667vw, 26px); }
.page_MAYOR3 .mayor_intro_title_wrap { display: flex; position: relative; flex-direction: column; gap: clamp(6px, 0.4166666667vw, 8px); }
.page_MAYOR3 .mayor_intro_title_wrap::before { display: block; flex-shrink: 0; width: clamp(20px, 1.3541666667vw, 26px); height: clamp(17px, 1.1458333333vw, 22px); background: url(../../images/mayor/common/icon_quote2.svg) no-repeat center/contain; content: ""; }
.page_MAYOR3 .mayor_intro_title { color: var(--color-text-bolder); font-weight: 700; font-size: clamp(22px, 1.5625vw, 30px); line-height: 1.3; letter-spacing: 0.01em; white-space: normal; word-break: keep-all; }
.page_MAYOR3 .mayor_intro_title .point { color: var(--color-blue-70); }
.page_MAYOR3 .mayor_intro_body { display: flex; flex-direction: column; gap: clamp(20.8px, 1.3541666667vw, 26px); }
.page_MAYOR3 .mayor_intro_body p { color: var(--color-text-bolder); font-weight: 400; font-size: clamp(15px, 0.8854166667vw, 17px); word-break: keep-all; }
.page_MAYOR3 .mayor_intro_sign { display: flex; align-items: center; margin-top: clamp(11.2px, 0.7291666667vw, 14px); padding-top: clamp(20px, 1.25vw, 24px); gap: clamp(12px, 0.8333333333vw, 16px); border-top: 1px solid #ccc; color: var(--color-text-bolder); font-size: clamp(16px, 0.9895833333vw, 19px); white-space: nowrap; }
.page_MAYOR3 .mayor_intro_sign_dept { font-weight: 400; }
.page_MAYOR3 .mayor_intro_sign_name { font-weight: 700; }
.page_MAYOR4 .mayor_profile { display: flex; flex-direction: column; gap: clamp(24px, 2.0833333333vw, 40px); }
.page_MAYOR4 .mayor_profile_hero { position: relative; overflow: hidden; border-bottom: 4px solid #3968e2; line-height: 0; }
.page_MAYOR4 .mayor_profile_hero_img { display: block; width: 100%; height: auto; }
.page_MAYOR4 .mayor_profile_section { display: flex; align-items: stretch; gap: clamp(20px, 2.0833333333vw, 40px); }
.page_MAYOR4 .mayor_profile_card { display: flex; flex: 1; flex-direction: column; min-width: 0; padding: clamp(24px, 2.0833333333vw, 40px); gap: clamp(6.4px, 0.4166666667vw, 8px); border-radius: clamp(16px, 1.25vw, 24px); background: #f3f6f9; }
.page_MAYOR4 .mayor_profile_card_title { margin: 0; color: var(--color-text-bolder); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.5; font-family: "Pretendard GOV", "Noto Sans SC", "Noto Sans JP", sans-serif; }
.page_MAYOR4 .mayor_profile_list { display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; }
.page_MAYOR4 .mayor_profile_item { position: relative; padding: clamp(12px, 0.8333333333vw, 16px) 0 clamp(12px, 0.8333333333vw, 16px) clamp(30px, 1.875vw, 36px); color: var(--color-text-bolder); font-weight: 400; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.5; font-family: "Pretendard GOV", "Noto Sans SC", "Noto Sans JP", sans-serif; word-break: keep-all; }
.page_MAYOR4 .mayor_profile_item::before { z-index: 1; position: absolute; top: clamp(12.8px, 0.8333333333vw, 16px); left: 0; width: clamp(20px, 1.25vw, 24px); height: clamp(20px, 1.25vw, 24px); background: url(../../images/mayor/common/icon_bullet.svg) no-repeat center/contain; content: ""; }
.page_MAYOR4 .mayor_profile_item::after { position: absolute; top: calc(50% + clamp(10px, 0.625vw, 12px)); bottom: clamp(-20px, -1.0416666667vw, -16px); left: clamp(9px, 0.5729166667vw, 11px); border-left: 1px dashed #999; content: ""; }
.page_MAYOR4 .mayor_profile_item:last-child::after { display: none; }
html.council .main_page .title_area { display: flex; align-items: center; gap: clamp(10px, 1.0416666667vw, 20px); }
html.council .main_page .title_txt { color: #000; font-weight: 700; font-size: clamp(28px, 2.2916666667vw, 44px); }
html.council .main_page .title_txt .point { color: #de5275; }
html.council .main_page .title_area .btn_more1 { z-index: 2; width: clamp(30px, 2.5vw, 48px); }
html.council .main_page .title_area .cm_icon { color: #fff; }
html.council .main_page .section1 { padding: clamp(30px, 3.125vw, 60px) 0; background: url("../../images/council/main/bg_section1.svg") no-repeat center bottom/cover; }
html.council .main_page .section1 .inner { display: flex; position: relative; gap: clamp(20px, 2.0833333333vw, 40px); }
html.council .main_page .section1 .left_con { position: relative; flex: 55; min-width: 0; height: fit-content; }
html.council .main_page .section1 .right_con { flex: 45; min-width: 0; }
html.council .main_page .section1 .left_con .content { position: relative; aspect-ratio: 780/440; width: 100%; height: clamp(352px, 22.9166666667vw, 440px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.council .main_page .section1 .left_con .banner_img { width: 100%; height: 100%; object-fit: cover; }
html.council .main_page .section1 .left_con .texts { display: flex; z-index: 2; position: absolute; top: clamp(24px, 2.5vw, 48px); left: clamp(24px, 2.5vw, 48px); flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
html.council .main_page .section1 .left_con .texts .main { display: flex; flex-direction: column; }
html.council .main_page .section1 .left_con .texts .text1 { color: #fff; font-weight: 700; font-size: clamp(24px, 1.6666666667vw, 32px); }
html.council .main_page .section1 .left_con .texts .text2 { color: #fff; font-weight: 700; font-size: clamp(30px, 2.0833333333vw, 40px); }
html.council .main_page .section1 .left_con .texts .text3 { color: #fff; font-size: clamp(15px, 0.9895833333vw, 19px); }
html.council .main_page .section1 .left_con .texts .text1,
html.council .main_page .section1 .left_con .texts .text2,
html.council .main_page .section1 .left_con .texts .text3 { transform: translateX(clamp(-30px, -1.5625vw, -24px)); opacity: 0; transition: transform 0.6s ease, opacity 0.6s ease; }
html.council .main_page .section1 .left_con .swiper-slide-active .text1,
html.council .main_page .section1 .left_con .swiper-slide-active .text2,
html.council .main_page .section1 .left_con .swiper-slide-active .text3 { transform: translateX(0); opacity: 1; }
html.council .main_page .section1 .left_con .swiper-slide-active .text1 { transition-delay: 0.6s; }
html.council .main_page .section1 .left_con .swiper-slide-active .text2 { transition-delay: 0.7s; }
html.council .main_page .section1 .left_con .swiper-slide-active .text3 { transition-delay: 0.9s; }
html.council .main_page .section1 .left_con .swiper_control { display: flex; z-index: 2; position: absolute; bottom: -5%; left: 50%; align-items: center; padding: clamp(7px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px) clamp(7px, 0.4166666667vw, 8px) clamp(19.2px, 1.25vw, 24px); gap: 10px; transform: translateX(-50%); border-radius: clamp(799.2px, 52.03125vw, 999px); background-color: #3d455c; }
html.council .main_page .section1 .left_con .control_box1 { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.council .main_page .section1 .left_con .control_box2 { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.council .main_page .section1 .left_con .control_txt { color: #fff; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.council .main_page .section1 .left_con .sw_btn { display: flex; position: unset; align-items: center; justify-content: center; width: clamp(28.8px, 1.875vw, 36px); height: clamp(28.8px, 1.875vw, 36px); margin: 0; padding: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(799.2px, 52.03125vw, 999px); background-color: #222736; color: #fff; }
html.council .main_page .section1 .left_con .sw_btn::after { display: none; }
html.council .main_page .section1 .left_con .swiper { border-radius: clamp(19.2px, 1.25vw, 24px); box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
html.council .main_page .section1 .left_con .swiper-slide { width: 100%; min-width: 0; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.council .main_page .section1 .left_con .swiper-pagination { display: flex; position: relative; top: unset; bottom: unset; align-items: center; gap: clamp(8px, 0.625vw, 12px); }
html.council .main_page .section1 .left_con .swiper-pagination .progress_track { width: clamp(60px, 3.8020833333vw, 73px); height: 2px; overflow: hidden; background: #fff; }
html.council .main_page .section1 .left_con .swiper-pagination .progress_bar { height: 100%; background: var(--color-primary-80); }
html.council .main_page .section1 .left_con .swiper-pagination .swiper-pagination-current,
html.council .main_page .section1 .left_con .swiper-pagination .swiper-pagination-total { color: #fff; font-weight: 700; font-size: clamp(13px, 0.8854166667vw, 17px); }
html.council .main_page .section1 .left_con .content.nodata::before { display: none; }
html.council .main_page .section1 .left_con .page_preparing { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; border-radius: 0; }
html.council .main_page .section1 .right_con .r_content { display: flex; flex-direction: column; width: 100%; gap: clamp(24px, 2.5vw, 48px); }
html.council .main_page .section1 .right_con .member_box { display: flex; position: relative; flex-direction: column; aspect-ratio: 620/440; width: 100%; height: clamp(352px, 22.9166666667vw, 440px); padding: clamp(25px, 2.6041666667vw, 50px); overflow: hidden; gap: clamp(30px, 5.4166666667vw, 104px); border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
html.council .main_page .section1 .right_con .member_box.type1 { background-color: #f9fbff; }
html.council .main_page .section1 .right_con .member_box.type2 { background-color: #fffbfe; }
html.council .main_page .section1 .right_con .member_box[class*=type]::before { position: absolute; top: clamp(30px, 3.125vw, 60px); right: clamp(30px, 3.125vw, 60px); aspect-ratio: 263/252; width: clamp(180px, 13.6979166667vw, 263px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
html.council .main_page .section1 .right_con .member_box.type1::before { background-image: url("../../images/council/main/council_badge3.svg"); }
html.council .main_page .section1 .right_con .member_box.type2::before { background-image: url("../../images/council/main/council_badge.svg"); }
html.council .main_page .section1 .right_con .member_img { position: absolute; right: 0; bottom: 0; aspect-ratio: 289/325; width: clamp(200px, 15.0520833333vw, 289px); }
html.council .main_page .section1 .right_con .m_texts { display: flex; z-index: 2; flex-direction: column; width: 100%; gap: clamp(1.6px, 0.1041666667vw, 2px); }
html.council .main_page .section1 .right_con .m_texts .txt { color: #333; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
html.council .main_page .section1 .right_con .m_texts .txt .point { font-size: clamp(28px, 2.2916666667vw, 44px); }
html.council .main_page .section1 .right_con .member_box.type1 .m_texts .txt .point { color: #006f9f; }
html.council .main_page .section1 .right_con .member_box.type2 .m_texts .txt .point { color: #91233f; }
html.council .main_page .section1 .right_con .m_btns { display: flex; z-index: 2; flex-direction: column; width: 100% -content; gap: clamp(9.6px, 0.625vw, 12px); }
html.council .main_page .section1 .right_con .m_btns .btn { display: flex; align-items: center; justify-content: space-between; width: clamp(215px, 12.2395833333vw, 235px); max-width: 100%; height: clamp(40px, 3.125vw, 60px); padding: clamp(9.6px, 0.625vw, 12px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #000; color: #fff; font-weight: 700; font-size: clamp(14px, 0.9895833333vw, 19px); transition: background-color 0.2s, color 0.2s; }
html.council .main_page .section1 .right_con .member_box.type1 .m_btns .btn { background-color: #007eb4; }
html.council .main_page .section1 .right_con .member_box.type2 .m_btns .btn { background-color: #de5275; }
html.council .main_page .section1 .right_con .m_btns .btn:hover { background-color: #3d3d3d; color: #fff; }
html.council .main_page .section1 .right_con .member_box.type1 .m_btns .btn:hover { background-color: #004f73; }
html.council .main_page .section1 .right_con .member_box.type2 .m_btns .btn:hover { background-color: #91233f; }
html.council .main_page .section1 .right_con .m_btns .icon { display: flex; align-items: center; justify-content: center; width: clamp(28.8px, 1.875vw, 36px); height: clamp(28.8px, 1.875vw, 36px); padding: clamp(4.8px, 0.3125vw, 6px); border-radius: 50%; background-color: #3d3d3d; transition: background-color 0.2s; }
html.council .main_page .section1 .right_con .member_box.type1 .m_btns .icon { background-color: #004f73; }
html.council .main_page .section1 .right_con .member_box.type2 .m_btns .icon { background-color: #91233f; }
html.council .main_page .section1 .right_con .m_btns .btn:hover .icon { background-color: #000; }
html.council .main_page .section1 .right_con .member_box.type1 .m_btns .btn:hover .icon { background-color: #007eb4; }
html.council .main_page .section1 .right_con .member_box.type2 .m_btns .btn:hover .icon { background-color: #de5275; }
html.council .main_page .section1 .right_con .member_box .page_preparing { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0; border-radius: 0; background: unset; box-shadow: unset; }
html.council .main_page .section1 .right_con .member_box .page_preparing .title { color: #333; }
html.council .main_page .section1 .right_con .schedule_box { display: flex; flex-direction: column; padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6666666667vw, 32px) clamp(20px, 1.6666666667vw, 32px) clamp(20px, 1.6666666667vw, 32px); gap: 12px; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #222736; }
html.council .main_page .section1 .right_con .sb_wrap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(4px, 0.2604166667vw, 5px) clamp(16px, 1.0416666667vw, 20px); }
html.council .main_page .section1 .right_con .title { color: #fff; font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); }
html.council .section1 .right_con .title .point { font-size: clamp(28px, 2.0833333333vw, 40px); }
html.council .main_page .section1 .right_con .date { color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.council .main_page .section1 .right_con .date .point { color: #ffdca2; font-weight: 700; font-size: clamp(19.2px, 1.25vw, 24px); }
html.council .main_page .section1 .right_con .btn { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); }
html.council .main_page .section1 .right_con .sw_btn { display: flex; position: unset; align-items: center; justify-content: center; width: clamp(22.4px, 1.4583333333vw, 28px); height: clamp(22.4px, 1.4583333333vw, 28px); margin: 0; padding: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; color: #222736; }
html.council .main_page .section1 .right_con .sw_btn::after { display: none; }
html.council .main_page .section1 .right_con .substance { display: flex; min-width: 0; gap: clamp(8px, 0.8333333333vw, 16px); }
html.council .main_page .section1 .right_con .content { width: 100%; }
html.council .main_page .section1 .right_con .schedule_txt { position: relative; padding-right: clamp(24px, 1.5625vw, 30px); padding-left: clamp(12.8px, 0.8333333333vw, 16px); overflow: hidden; color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); text-overflow: ellipsis; white-space: nowrap; }
html.council .main_page .section1 .right_con .schedule_txt::before { position: absolute; top: 0.6em; left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); border-radius: 1000px; background-color: #333; content: ""; }
html.council .main_page .section1 .right_con .sw_conbtn { z-index: 2; position: absolute; top: 50%; right: clamp(16px, 1.0416666667vw, 20px); transform: translateY(-55%); }
html.council .main_page .section1 .right_con .more_btn { display: flex; flex-shrink: 0; align-items: center; height: clamp(40px, 2.6041666667vw, 50px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(8px, 0.5208333333vw, 10px); border: 1px solid #fff; border-radius: clamp(9.6px, 0.625vw, 12px); color: #fff; font-size: clamp(13.6px, 0.8854166667vw, 17px); transition: background-color 0.2s, color 0.2s, border-color 0.2s; }
html.council .main_page .section1 .right_con .more_btn:hover { border-color: #ffdca2; background-color: #ffdca2; color: #222736; }
html.council .main_page .section1 .right_con .swiper { width: 100%; min-width: 0; height: clamp(40px, 2.6041666667vw, 50px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #fff; }
html.council .main_page .section1 .right_con .swiper-wrapper { box-sizing: border-box; width: 100%; min-width: 0; padding: clamp(9.6px, 0.625vw, 12px) clamp(16px, 1.0416666667vw, 20px); }
html.council .main_page .section1 .quick_con { position: absolute; bottom: 0; left: 24px; width: 45%; }
html.council .main_page .section1 .quick_con .q_wrap { display: flex; justify-content: center; margin: 0 auto; gap: clamp(10px, 2.0833333333vw, 40px); }
html.council .main_page .section1 .quick_con .q_btn { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; gap: clamp(4.8px, 0.3125vw, 6px); transition: transform 0.2s; }
html.council .main_page .section1 .quick_con .q_btn:hover { transform: translateY(clamp(-5px, -0.2604166667vw, -4px)); }
html.council .main_page .section1 .quick_con .q_icon { aspect-ratio: 1/1; width: clamp(60px, 5.2083333333vw, 100px); border-radius: clamp(10px, 1.25vw, 24px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
html.council .main_page .section1 .quick_con .q_icon::before { display: flex; align-items: center; justify-content: center; height: 100%; background-position: center; background-size: clamp(24px, 2.1875vw, 42px); background-repeat: no-repeat; content: ""; }
html.council .main_page .section1 .quick_con .q_icon.icon1::before { background-image: url("../../images/common/icon22.svg"); }
html.council .main_page .section1 .quick_con .q_icon.icon2::before { background-image: url("../../images/common/icon23.svg"); }
html.council .main_page .section1 .quick_con .q_icon.icon3::before { background-image: url("../../images/common/icon24.svg"); }
html.council .main_page .section1 .quick_con .q_icon.icon4::before { background-image: url("../../images/common/icon25.svg"); }
html.council .main_page .section1 .quick_con .q_icon.icon5::before { background-image: url("../../images/common/icon26.svg"); }
html.council .main_page .section1 .quick_con .q_icon.icon6::before { background-image: url("../../images/common/icon50.svg"); }
html.council .main_page .section1 .quick_con .q_txt { color: #000; font-weight: 700; font-size: clamp(11px, 0.8854166667vw, 17px); text-align: center; }
html.council .main_page .section2 { padding: clamp(48px, 3.125vw, 60px) 0 clamp(64px, 4.1666666667vw, 80px); }
html.council .main_page .section2 .content { position: relative; aspect-ratio: 192/260; width: 100%; padding: clamp(20px, 1.6666666667vw, 32px); overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #f3efe8; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); cursor: pointer; }
html.council .main_page .section2 .content::before { position: absolute; top: 50%; left: 50%; aspect-ratio: 149/142; width: clamp(119.2px, 7.7604166667vw, 149px); max-width: 100%; transform: translate(-50%, -50%); background: url("../../images/council/main/council_badge2.svg") no-repeat center/contain; content: ""; }
html.council .main_page .section2 .member_img { position: absolute; right: 0; bottom: 0; aspect-ratio: 41/49; width: clamp(130px, 7.8645833333vw, 151px); object-fit: cover; object-position: center; }
html.council .main_page .section2 .name_txt { z-index: 1; position: relative; color: #000; font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); }
html.council .main_page .section2 .hover_view { display: flex; visibility: hidden; z-index: 2; position: absolute; top: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; width: 100%; height: 100%; padding: clamp(8px, 0.5208333333vw, 10px); gap: clamp(12px, 1.1458333333vw, 22px); background: rgba(34, 39, 54, 0.9); cursor: default; opacity: 0; transition: 0.3s ease; }
html.council .main_page .section2 .swiper-slide .content:hover .hover_view { visibility: visible; opacity: 1; }
html.council .main_page .section2 .hover_txts { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
html.council .main_page .section2 .hover_office_txt { color: #fff; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); text-align: center; }
html.council .main_page .section2 .hover_name_txt { color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); text-align: center; }
html.council .main_page .section2 .hover_btn { display: flex; align-items: center; justify-content: space-between; height: clamp(38px, 2.5vw, 48px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(9.6px, 0.625vw, 12px) clamp(6.4px, 0.4166666667vw, 8px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(10px, 5.15625vw, 99px); background-color: #fff; color: #000; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.council .main_page .section2 .hover_btn:hover { text-decoration: underline; }
html.council .main_page .section2 .hover_btn .btn_more1 { width: clamp(25.6px, 1.6666666667vw, 32px); }
html.council .main_page .section2 .hover_btn:hover .btn_more1 { background: #444c5b; }
html.council .main_page .section2 .swiper_btn { display: none; position: absolute; right: 0; bottom: 103%; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.council .main_page .section2 .sw_btn { display: flex; z-index: 5; position: unset; align-items: center; justify-content: center; width: clamp(40px, 3.125vw, 60px); height: clamp(40px, 3.125vw, 60px); margin: 0; padding: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(799.2px, 52.03125vw, 999px); background-color: #222736; color: #fff; }
html.council .main_page .section2 .sw_btn::after { display: none; }
html.council .main_page .section2 .swiper { margin-top: clamp(32px, 2.0833333333vw, 40px); overflow: visible; }
html.council .main_page .section2 .swiper-slide { width: auto; }
html.council .main_page .section3 { position: relative; padding: clamp(20px, 2.0833333333vw, 40px) 0 clamp(60px, 6.25vw, 120px); background: url("../../images/council/main/bg_section3.svg") no-repeat center top/cover; }
html.council .main_page .section3:before { z-index: -1; position: absolute; top: clamp(-125px, -6.5104166667vw, -90px); right: clamp(-25px, -1.3020833333vw, -10px); content: "YEONGJONG"; color: #f8f8f8; font-weight: 700; font-size: clamp(40px, 8.3333333333vw, 160px); }
html.council .main_page .section3 .point1_img { z-index: 0; position: absolute; top: 50%; left: clamp(-82px, -4.2708333333vw, -65.6px); aspect-ratio: 307/373; width: clamp(150px, 15.9895833333vw, 307px); transform: translateY(-50%); }
html.council .main_page .section3 .point2_img { z-index: 0; position: absolute; right: clamp(8.8px, 0.5729166667vw, 11px); bottom: clamp(10px, 2.6041666667vw, 50px); aspect-ratio: 457/337; width: clamp(160px, 23.8020833333vw, 457px); }
html.council .main_page .section3 .section3_box1 { z-index: 2; position: relative; margin-bottom: clamp(50px, 5.2083333333vw, 100px); }
html.council .main_page .section3_box1 .inner { display: flex; gap: clamp(40px, 4.1666666667vw, 80px); }
html.council .main_page .section3_box1 .left_con { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 400px; min-width: 0; padding: clamp(40px, 4.1666666667vw, 80px) clamp(80px, 5.2083333333vw, 100px) clamp(20px, 2.0833333333vw, 40px) clamp(8px, 0.5208333333vw, 10px); }
html.council .main_page .section3_box1 .right_con { flex: 75; min-width: 0; }
html.council .main_page .section3_box1 .person_img { aspect-ratio: 288/248; width: clamp(140px, 15vw, 288px); margin-top: clamp(95.2px, 6.1979166667vw, 119px); }
html.council .main_page .section3_box1 .tab_area { display: flex; padding: clamp(9.6px, 0.625vw, 12px) 0; }
html.council .main_page .section3_box1 .tab_area .tab_link { height: clamp(41.6px, 2.7083333333vw, 52px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(12px, 1.25vw, 24px); color: #777; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); transition: color 0.2s; }
html.council .main_page .section3_box1 .tab_area .tab_link.active { color: #000; }
html.council .main_page .section3_box1 .tab_area .tab_link:hover { color: #000; }
html.council .main_page .section3_box1 .notice_table { width: 100%; border-top: 2px solid #000; table-layout: fixed; }
html.council .main_page .section3_box1 .notice_table tr { border-bottom: 1px solid #ddd; }
html.council .main_page .section3_box1 .notice_table .first_view { display: flex; align-items: center; min-width: 0; padding: clamp(16px, 1.6666666667vw, 32px); gap: clamp(15px, 3.125vw, 60px); }
html.council .main_page .section3_box1 .notice_table .first_dates { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
html.council .main_page .section3_box1 .notice_table .first_date1 { color: #0381b8; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.council .main_page .section3_box1 .notice_table .first_date2 { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(50px, 4.1666666667vw, 80px); border-radius: 50%; background-color: #0381b8; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); }
html.council .main_page .section3_box1 .notice_table .first_txts { display: flex; flex-direction: column; min-width: 0; gap: clamp(9.6px, 0.625vw, 12px); }
html.council .main_page .section3_box1 .notice_table .first_title { overflow: hidden; color: #000; font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); text-overflow: ellipsis; white-space: nowrap; }
html.council .main_page .section3_box1 .notice_table .first_title:hover { text-decoration: underline; }
html.council .main_page .section3_box1 .notice_table .first_sub { display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; color: #333; font-size: clamp(14px, 0.9895833333vw, 19px); -webkit-box-orient: vertical; }
html.council .main_page .section3_box1 .notice_table .basis_view { display: flex; align-items: center; justify-content: space-between; min-width: 0; padding: clamp(14px, 1.4583333333vw, 28px); gap: clamp(10px, 1.0416666667vw, 20px); }
html.council .main_page .section3_box1 .notice_table .basis_title { overflow: hidden; color: #000; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); text-overflow: ellipsis; white-space: nowrap; }
html.council .main_page .section3_box1 .notice_table .basis_title:hover { text-decoration: underline; }
html.council .main_page .section3_box1 .notice_table .basis_date { flex-shrink: 0; color: #666; font-weight: 500; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.council .main_page .section3_box1 .notice_table .page_preparing { min-height: clamp(269px, 20.6770833333vw, 397px); margin: clamp(16px, 1.0416666667vw, 20px) 0; border-radius: clamp(16px, 1.0416666667vw, 20px); }
html.council .main_page .section3 .section3_box2 { z-index: 2; position: relative; }
html.council .main_page .section3 .section3_box2 .inner { display: flex; flex-direction: column; gap: clamp(20px, 2.0833333333vw, 40px); }
html.council .main_page .section3_box2 .title_area { display: flex; align-items: center; justify-content: space-between; gap: clamp(16px, 1.0416666667vw, 20px); }
html.council .main_page .section3_box2 .title_area .left { display: flex; align-items: center; gap: clamp(10px, 1.0416666667vw, 20px); }
html.council .main_page .section3_box2 .title_area .sns_btn { display: flex; z-index: 2; align-items: center; height: clamp(38.4px, 2.5vw, 48px); padding: clamp(6.4px, 0.4166666667vw, 8px) clamp(14.4px, 0.9375vw, 18px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
html.council .main_page .section3_box2 .title_area .sns_btn:hover { text-decoration: underline; }
html.council .main_page .section3_box2 .title_area .sns_btn .icon { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); background: url("../../images/common/sns_youtube.svg") no-repeat center/contain; }
html.council .main_page .section3_box2 .content_area .content_wrap { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(16px, 1.6666666667vw, 32px); }
html.council .main_page .section3_box2 .content_area .content_link { overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 5px 5px 15px 0 rgba(0, 0, 0, 0.1); }
html.council .main_page .section3_box2 .content_img { height: clamp(200px, 13.4375vw, 258px); }
html.council .main_page .section3_box2 .content_img img { width: 100%; height: 100%; object-fit: cover; }
html.council .main_page .section3_box2 .content_txts { display: flex; flex-direction: column; justify-content: space-between; min-height: clamp(128px, 8.3333333333vw, 160px); padding: clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); background-color: #fff; }
html.council .main_page .section3_box2 .content_title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #000; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
html.council .main_page .section3_box2 .content_date { color: #666; font-size: clamp(14px, 0.8854166667vw, 17px); }
html.council .main_page .section3_box2 .content_area .content_link:hover .content_title { text-decoration: underline; }
html.council .main_page .section3_box2 .page_preparing { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; min-height: clamp(328px, 21.7708333333vw, 418px); }
html.council #council_org,
html.council #committee_office { scroll-margin-top: clamp(-110px, -5.7291666667vw, -75px); }
html.council .greeting_page .greeting_banner { position: relative; width: 100%; height: clamp(227.2px, 14.7916666667vw, 284px); margin-bottom: clamp(25.6px, 1.6666666667vw, 32px); padding: clamp(20px, 2.7083333333vw, 52px); overflow: hidden; border-radius: clamp(16px, 2.0833333333vw, 40px) clamp(16px, 2.0833333333vw, 40px) clamp(60px, 8.3333333333vw, 160px) clamp(6.4px, 0.4166666667vw, 8px); background-color: #fafafa; }
html.council .greeting_page .greeting_banner.type1 { background-color: #f6f6f6; }
html.council .greeting_page .greeting_banner.type2 { background-color: #fff9f9; }
html.council .greeting_page .greeting_banner::before { z-index: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-position: bottom center; background-size: cover; background-repeat: no-repeat; content: ""; }
html.council .greeting_page .greeting_banner.type1::before { background-image: url("../../images/council/sub/point_bg1.svg"); }
html.council .greeting_page .greeting_banner.type2::before { background-image: url("../../images/council/sub/point_bg2.svg"); }
html.council .greeting_page .speaker_txt { display: flex; z-index: 1; position: relative; flex-direction: column; justify-content: center; height: 100%; gap: clamp(12px, 1.0416666667vw, 20px); }
html.council .greeting_page .speaker_txt .text1 { color: #000; font-weight: 500; font-size: clamp(19px, 1.7708333333vw, 34px); }
html.council .greeting_page .speaker_txt .text1 .point { color: #000; font-weight: 700; }
html.council .greeting_page .greeting_banner.type1 .speaker_txt .text1 .point { color: #007eb4; }
html.council .greeting_page .greeting_banner.type2 .speaker_txt .text1 .point { color: #d5395e; }
html.council .greeting_page .speaker_txt .text2 { font-size: clamp(14px, 0.9895833333vw, 19px); }
html.council .greeting_page .speaker_img { z-index: 1; position: absolute; right: clamp(50px, 10.4166666667vw, 200px); bottom: 0; width: clamp(180px, 13.8020833333vw, 265px); height: 90%; object-fit: contain; object-position: bottom; }
html.council .greeting_page .greeting_txt { margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); }
html.council .greeting_page .greeting_txt p { font-size: clamp(13px, 0.8854166667vw, 17px); }
html.council .greeting_page .greeting_name { font-size: clamp(13px, 0.8854166667vw, 17px); text-align: right; }
html.council .greeting_page .greeting_name strong { font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); }
.page_map { display: flex; position: fixed; width: 100vw; height: 100dvh; inset: 0; overflow: hidden; }
.page_map .search_area { display: flex; z-index: 2; flex-direction: column; width: clamp(384px, 25vw, 480px); border-right: 1px solid #ccc; }
.page_map .search_area_body { display: flex; flex-direction: column; overflow: hidden; background-color: #fff; }
.page_map .search_area .search_wrap_head { display: flex; flex-direction: column; padding: clamp(19.2px, 1.25vw, 24px); gap: clamp(19.2px, 1.25vw, 24px); background: linear-gradient(278deg, #e65073 2.78%, #0381b8 97.22%); }
.page_map .search_area .search_box1 { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.page_map .search_area .search_box2 { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .search_area .page_title { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); color: #fff; font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.page_map .search_area .page_title::before { display: block; flex-shrink: 0; aspect-ratio: 68/50; width: clamp(54.4px, 3.5416666667vw, 68px); background: url("../../images/common/logo_map.svg") no-repeat center/contain; content: ""; }
.page_map .search_area .home_btn { display: flex; align-items: center; justify-content: center; width: clamp(38.4px, 2.5vw, 48px); height: clamp(38.4px, 2.5vw, 48px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; background-color: #fff; transition: background-color 0.2s; }
.page_map .search_area .home_btn .cm_icon { color: #4d4d4d; }
.page_map .search_area .home_btn:hover { background-color: #ececec; }
.page_map .search_area .form_control { border: 0; }
.page_map .search_area .cm_search3 { flex: 1; }
.page_map .search_area .cm_search3 .input_wrap { width: 100%; }
.page_map .search_area .search_input { width: 100%; height: var(--form_height_md); border: 0; }
.page_map .sort_wrap_head { padding: clamp(16px, 1.0416666667vw, 20px) clamp(12px, 1.25vw, 24px) clamp(9.6px, 0.625vw, 12px); background-color: #fff; }
.page_map .sort_wrap_head .sort_box1 { display: flex; position: relative; align-items: center; margin: 0 12px; padding-bottom: clamp(16px, 1.0416666667vw, 20px); gap: clamp(3.2px, 0.2083333333vw, 4px); border-bottom: 1px solid #ccc; }
.page_map .sort_wrap_head .sort_box2 { padding-top: clamp(16px, 1.0416666667vw, 20px); }
.page_map .category_swiper .swiper-slide { width: auto; }
.page_map .sort_wrap_head .tab_btn { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(8px, 0.5208333333vw, 10px); color: #333; font-size: clamp(12px, 0.78125vw, 15px); }
.page_map .sort_wrap_head .tab_btn .icon { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(55px, 3.75vw, 72px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f4f5f6; transition: background 0.2s; }
.page_map .sort_wrap_head .tab_btn .icon::after { position: absolute; inset: 0; border-radius: inherit; background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); content: ""; opacity: 0; transition: opacity 0.2s; }
.page_map .sort_wrap_head .tab_btn:hover .icon::after,
.page_map .sort_wrap_head .tab_btn.active .icon::after { opacity: 1; }
.page_map .sort_wrap_head .tab_btn .icon::before { z-index: 1; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); background-color: #808080; content: ""; mask-position: center; mask-repeat: no-repeat; mask-size: contain; transition: all 0.2s; }
.page_map .sort_wrap_head .tab_btn:hover .icon::before,
.page_map .sort_wrap_head .tab_btn.active .icon::before { background-color: #fff; }
.page_map .sort_wrap_head .tab_btn .icon.gov::before { mask-image: url("../../images/common/icon_map_gov.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.edu::before { mask-image: url("../../images/common/icon_map_edu.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.economy::before { mask-image: url("../../images/common/icon_map_economy.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.welfare::before { mask-image: url("../../images/common/icon_map_welfare.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.health::before { mask-image: url("../../images/common/icon_map_health.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.culture::before { mask-image: url("../../images/common/icon_map_culture.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.safety::before { mask-image: url("../../images/common/icon_map_safety.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.traffic::before { mask-image: url("../../images/common/icon_map_traffic.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.trash::before { mask-image: url("../../images/common/icon_map_trash.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.park::before { mask-image: url("../../images/common/icon_map_park.svg"); }
.page_map .sort_wrap_head .tab_btn .icon.wifi::before { mask-image: url("../../images/common/icon_map_wifi.svg"); }
.page_map .sort_wrap_head .swiper-button-next,
.page_map .sort_wrap_head .swiper-button-prev { width: clamp(19.2px, 1.25vw, 24px); height: clamp(19.2px, 1.25vw, 24px); margin: 0; background-position: center; background-size: contain; background-repeat: no-repeat; color: unset; }
.page_map .sort_wrap_head .swiper-button-next:after,
.page_map .sort_wrap_head .swiper-button-prev:after { display: none; }
.page_map .sort_wrap_head .swiper-button-next { top: clamp(18.4px, 1.1979166667vw, 23px); right: clamp(-28px, -1.4583333333vw, -22.4px); background-image: url("../../images/common/icon_arr_right.svg"); }
.page_map .sort_wrap_head .swiper-button-prev { top: clamp(18.4px, 1.1979166667vw, 23px); left: clamp(-28px, -1.4583333333vw, -22.4px); background-image: url("../../images/common/icon_arr_left.svg"); }
.page_map .total_list { padding: clamp(9.6px, 0.625vw, 12px) 0 clamp(12.8px, 0.8333333333vw, 16px); border-bottom: 1px solid #000; }
.page_map .total_list .cm_toolbar { padding: 0 clamp(19.2px, 1.25vw, 24px); }
.page_map .map_list { flex: 1; min-height: 0; overflow: hidden; overflow-y: auto; }
.page_map .map_layer .map_list { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_map .map_list .list_box { display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: clamp(16px, 1.0416666667vw, 20px) clamp(19.2px, 1.25vw, 24px); gap: clamp(9.6px, 0.625vw, 12px); border-bottom: 1px solid #ccc; }
.page_map .map_layer .map_list .list_box { padding: clamp(16px, 1.0416666667vw, 20px); border: none; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; }
.page_map .map_list .list_item:last-child .list_box { border-bottom: 0; }
.page_map .map_list .box_tag { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_list .box_info { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_list .box_info .info_txt1 { display: -webkit-box; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page_map .map_list .box_info .info_txt2 { display: flex; align-items: flex-start; gap: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_map .map_list .box_info .info_txt2::before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); margin-top: 2px; background-color: #808080; content: ""; mask: url("../../images/common/icon_map4.svg") no-repeat center/contain; }
.page_map .map_list .box_info .info_txt2 .txt { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.page_map .map_detail { display: flex; flex-direction: column; padding: clamp(12.8px, 0.8333333333vw, 16px) 0 24px; }
.page_map .map_detail .detail_box1 { display: flex; flex-direction: column; align-items: flex-start; padding: 0 clamp(19.2px, 1.25vw, 24px) clamp(12.8px, 0.8333333333vw, 16px); gap: clamp(9.6px, 0.625vw, 12px); border-bottom: 1px solid #e6e6e6; }
.page_map .map_detail .detail_box2 { padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px) clamp(16px, 1.0416666667vw, 20px); }
.page_map .map_detail .detail_box3 { padding: 0 clamp(19.2px, 1.25vw, 24px); }
.page_map .map_detail .detail_box4 { padding: clamp(16px, 1.0416666667vw, 20px) clamp(19.2px, 1.25vw, 24px) 0; }
.page_map .map_detail .tag { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_detail .info { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_detail .info2 { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_detail .info2 .info2_in { display: flex; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.page_map .map_detail .info_txt { color: #333; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_map .map_detail .info_txt.title { width: clamp(64px, 4.1666666667vw, 80px); font-weight: 700; }
.page_map .map_detail .info_txt.icon { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.page_map .map_detail .info_txt.icon::before { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); margin-top: 2px; background-color: #808080; content: ""; mask-position: center; mask-repeat: no-repeat; mask-size: contain; }
.page_map .map_detail .info_txt.icon.location::before { mask-image: url("../../images/common/icon_map4.svg"); }
.page_map .map_detail .info_txt.icon.call::before { mask-image: url("../../images/common/icon_call.svg"); }
.page_map .map_detail .info_txt.icon.time::before { mask-image: url("../../images/common/icon_time.svg"); }
.page_map .map_detail .detail_img { aspect-ratio: 4/3; width: 100%; overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); }
.page_map .map_detail .detail_img img { width: 100%; height: 100%; object-fit: cover; }
.page_map .map_detail .btns { display: flex; gap: clamp(9.6px, 0.625vw, 12px); }
.page_map .map_detail .btns .cm_btn { display: flex; flex: 1; align-items: center; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.page_map .search_area_body .btn_toggle { display: none; }
.page_map .map_area { position: relative; width: calc(100% - clamp(384px, 25vw, 480px)); height: 100%; background: lightgray; }
.page_map .map_area .map { z-index: 1; position: relative; width: 100%; height: 100%; }
.page_map .map .map_marker { display: block; position: absolute; aspect-ratio: 1/1; width: clamp(44.8px, 2.9166666667vw, 56px); background: url("../../images/common/map_marker.svg") no-repeat center/contain; }
.page_map .map .map_marker.is_active { aspect-ratio: 56/61; background-image: url("../../images/common/map_marker2.svg"); }
.page_map .map .map_marker.many { display: flex; align-items: center; justify-content: center; width: clamp(38.4px, 2.5vw, 48px); height: clamp(38.4px, 2.5vw, 48px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; background: none; background-color: #007eb4; color: #fff; font-weight: 700; font-size: clamp(13.6px, 0.8854166667vw, 17px); }
.page_map .map .map_marker.many::before { z-index: -1; position: absolute; top: 50%; left: 50%; width: clamp(57.6px, 3.75vw, 72px); height: clamp(57.6px, 3.75vw, 72px); transform: translate(-50%, -50%); border-radius: 50%; background-color: rgba(0, 126, 180, 0.3); content: ""; }
.page_map .map_layer { display: none; z-index: 100; flex-direction: column; overflow: hidden; }
.page_map .map_layer.is_open { display: flex; }
.page_map .map_layer .map_layer_inner { display: flex; position: absolute; top: 50%; right: 67px; flex-direction: column; width: clamp(384px, 25vw, 480px); max-width: 90%; min-height: 0; max-height: 90vh; overflow: hidden; transform: translateY(-50%); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
.page_map .map_layer .map_bg { z-index: -1; position: fixed; inset: 0; background-color: rgba(0, 0, 0, 0.5); }
.page_map .map_layer.is_open + .map_layer.is_open .map_bg { display: none; }
.page_map .map_layer .layer_head { position: relative; flex-shrink: 0; min-height: clamp(52px, 3.3854166667vw, 65px); padding: clamp(12.8px, 0.8333333333vw, 16px) clamp(19.2px, 1.25vw, 24px); border-bottom: 1px solid #ccc; background-color: #fff; }
.page_map .map_layer .layer_head .head_title { padding-right: clamp(24px, 1.5625vw, 30px); color: #000; font-weight: 700; font-size: clamp(17.6px, 1.1458333333vw, 22px); }
.page_map .map_layer .layer_head .btn_close { position: absolute; top: clamp(16px, 1.0416666667vw, 20px); right: clamp(19.2px, 1.25vw, 24px); aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background-color: #4d4d4d; mask: url("../../images/common/icon_cross.svg") no-repeat center/contain; }
.page_map .map_layer .layer_body { flex: 1 1 auto; min-height: 0; padding: clamp(19.2px, 1.25vw, 24px); overflow: auto; border-radius: 0 0 clamp(12.8px, 0.8333333333vw, 16px) clamp(12.8px, 0.8333333333vw, 16px); background-color: #f4f5f6; }
.page_map .map_layer .layer_body.detail { padding: 0; background-color: #fff; }
html.lang .main_page .real_content { display: flex; flex-direction: column; gap: clamp(60px, 6.25vw, 120px); }
html.lang .main_page .title_txt { display: inline-block; width: fit-content; background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); background-clip: text; font-weight: 700; font-size: clamp(30px, 3.3333333333vw, 64px); line-height: 120%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
html.lang .main_page .title_txt.color_w { background: none; background-clip: initial; -webkit-background-clip: border-box; -webkit-text-fill-color: #fff; color: #fff; }
html.lang .main_page .viewmore_btn { display: flex; align-items: center; justify-content: center; width: fit-content; height: clamp(40px, 2.6041666667vw, 50px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.5208333333vw, 10px); border: 1px solid #fff; border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: transparent; color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); transition: background-color 0.3s, color 0.3s; }
html.lang .main_page .viewmore_btn::after { display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background: #fff; content: ""; mask: url("../../images/common/icon_goto.svg") no-repeat center/contain; transition: background 0.2s; }
html.lang .main_page .viewmore_btn:hover { background-color: #fff; color: #333; }
html.lang .main_page .viewmore_btn:hover::after { background: #333; }
html.lang .main_page .section1 { position: relative; }
html.lang .main_page .section1::before { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: clamp(573.6px, 37.34375vw, 717px); background: url("../../images/en/main/bg_section1.svg") no-repeat top center/contain; content: ""; }
html.lang .main_page .section1 .section1_box1 { display: flex; padding: clamp(64px, 4.1666666667vw, 80px) 0 clamp(120px, 7.8125vw, 150px); gap: clamp(60px, 6.25vw, 120px); }
html.lang .main_page .section1 .section1_box2 ul { display: flex; justify-content: space-between; gap: clamp(20px, 3.125vw, 60px); }
html.lang .main_page .section1 .left_con { display: flex; flex-shrink: 0; flex-direction: column; }
html.lang .main_page .section1 .right_con { position: absolute; top: clamp(64px, 4.1666666667vw, 80px); right: 0; max-width: clamp(1000px, 64.9479166667vw, 1247px); overflow: hidden; }
html.lang .main_page .section1 .character_airport { width: clamp(210px, 14.2708333333vw, 274px); }
html.lang .main_page .section1 .content { display: flex; flex-direction: column; width: 100%; gap: clamp(9.6px, 0.625vw, 12px); transform: scale(0.76); transition: transform 0.5s ease; }
html.lang .main_page .section1 .content .attraction_img { aspect-ratio: 410/308; width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
html.lang .main_page .section1 .content .attraction_img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.2s; }
html.lang .main_page .section1 .content .attraction_name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; color: #666; font-weight: 700; font-size: clamp(22px, 1.71875vw, 33px); word-break: keep-all; }
html.lang .main_page .section1 .content:hover .attraction_img img { transform: scale(1.1); }
html.lang .main_page .section1 .content:hover .attraction_name { text-decoration: underline; }
html.lang .main_page .section1 .swiper-slide { flex-shrink: 0; width: clamp(432px, 28.125vw, 540px) !important; transition: transform 0.8s ease; }
html.lang .main_page .section1 .cm_swiper_control2 { margin-top: clamp(32px, 6.09375vw, 117px); margin-bottom: clamp(20px, 4.0104166667vw, 77px); }
html.lang .main_page .section1 .swiper-slide-active + .swiper-slide { margin-left: -30px; }
html.lang .main_page .section1 .swiper-slide-active + .swiper-slide + .swiper-slide { margin-left: clamp(-120px, -6.25vw, -100px); }
html.lang .main_page .section1 .swiper-slide-active .content { transform: scale(1); transition: transform 0.5s ease; }
html.lang .main_page .section1 .swiper-slide-active .attraction_img { border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(96px, 6.25vw, 120px) clamp(19.2px, 1.25vw, 24px); }
html.lang .main_page .section1 .swiper-slide-active .attraction_name { color: #333; font-size: clamp(26px, 2.0833333333vw, 40px); }
html.lang .main_page .section1 .cm_swiper_control2 .progress_bar { background: #d5395e; }
html.lang .main_page .section1 .menu { display: flex; flex: 1; }
html.lang .main_page .section1 .menu .menu_link { display: flex; width: 100%; padding: clamp(16px, 1.6666666667vw, 32px); gap: clamp(9.6px, 0.625vw, 12px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; box-shadow: 4px 8px 32px 0 rgba(42, 102, 191, 0.08); }
html.lang .main_page .section1 .menu .menu_link .icon { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(60px, 7.2916666667vw, 140px); height: clamp(60px, 7.2916666667vw, 140px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; }
html.lang .main_page .section1 .menu .menu_link .icon.icon1 { background-color: #fef4ee; }
html.lang .main_page .section1 .menu .menu_link .icon.icon2 { background-color: #f3ecfd; }
html.lang .main_page .section1 .menu .menu_link .icon.icon3 { background-color: #e8f0fd; }
html.lang .main_page .section1 .menu .menu_link .icon::before { display: block; aspect-ratio: 1/1; width: clamp(50px, 5.2083333333vw, 100px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
html.lang .main_page .section1 .menu .menu_link .icon.icon1::before { background-image: url("../../images/common/3d_img1.png"); }
html.lang .main_page .section1 .menu .menu_link .icon.icon2::before { background-image: url("../../images/common/3d_img2.png"); }
html.lang .main_page .section1 .menu .menu_link .icon.icon3::before { background-image: url("../../images/common/3d_img3.png"); }
html.lang .main_page .section1 .menu .element { display: flex; position: relative; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding-right: clamp(40px, 2.6041666667vw, 50px); gap: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(16px, 1.4583333333vw, 28px); word-break: keep-all; }
html.lang .main_page .section1 .menu:hover .element { text-decoration: underline; }
html.lang .main_page .section1 .menu .arrow { display: flex; z-index: 1; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: center; width: clamp(35.2px, 2.2916666667vw, 44px); height: clamp(35.2px, 2.2916666667vw, 44px); padding: clamp(8px, 0.5208333333vw, 10px); overflow: hidden; border-radius: 50%; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
html.lang .main_page .section1 .menu .arrow::before { position: absolute; inset: 0px; background: linear-gradient(139deg, #e65073 14.56%, #2274df 86.44%); content: ""; opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
html.lang .main_page .section1 .menu:hover .arrow::before { opacity: 1; }
html.lang .main_page .section1 .menu .arrow .cm_icon { color: #808080; transition: color 0.3s ease; }
html.lang .main_page .section1 .menu:hover .arrow .cm_icon { color: #fff; }
html.lang .main_page .section2 { position: relative; }
html.lang .main_page .section2 .cm_overview122 { width: 30%; /*padding: rv(35px) 0;*/ }
html.lang .main_page .section2 .cm_overview122 .ovw122_box_content { height: clamp(110.4px, 7.1875vw, 138px); }
html.lang .main_page .section2 .greeting_area { position: absolute; top: 0; right: 0; width: 61%; height: clamp(368px, 23.9583333333vw, 460px); padding: 0 clamp(10px, 12.5vw, 240px) 0 clamp(10px, 10.4166666667vw, 200px); overflow: hidden; border-radius: clamp(50px, 23.4375vw, 450px) 0 0 clamp(50px, 23.4375vw, 450px); }
html.lang .main_page .section2 .greeting_area .greeting_bg { z-index: -1; position: absolute; width: 100%; height: 100%; inset: 0; border-radius: clamp(50px, 23.4375vw, 450px) 0 0 clamp(50px, 23.4375vw, 450px); background: url("../../images/en/main/greeting_bg.png") no-repeat center/cover; }
html.lang .main_page .section2 .greeting_area .gt_wrap { display: flex; width: 100%; height: 100%; }
html.lang .main_page .section2 .greeting_area .gt_box { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; gap: clamp(40px, 4.2708333333vw, 82px); }
html.lang .main_page .section2 .greeting_area .gt_texts { display: flex; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
html.lang .main_page .section2 .greeting_area .gt_txt1 { color: #333; font-weight: 700; font-size: clamp(26px, 2.2916666667vw, 44px); }
html.lang .main_page .section2 .greeting_area .gt_txt2 { color: #333; font-size: clamp(16px, 1.25vw, 24px); }
html.lang .main_page .section2 .greeting_area .gt_btn { display: flex; align-items: center; justify-content: center; width: fit-content; height: clamp(40px, 2.6041666667vw, 50px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); background: linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%); color: #fff; font-weight: 700; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.lang .main_page .section2 .greeting_area .gt_btn::after { display: block; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background: #fff; content: ""; mask: url("../../images/common/icon_goto.svg") no-repeat center/contain; }
html.lang .main_page .section2 .greeting_area .gt_btn:hover { text-decoration: underline; }
html.lang .main_page .section2 .greeting_area .gt_member { z-index: -1; position: absolute; right: clamp(50px, 9.375vw, 180px); bottom: -3px; aspect-ratio: 329/376; width: clamp(230px, 17.1354166667vw, 329px); object-fit: contain; object-position: bottom; }
html.lang .main_page .section3 { position: relative; }
html.lang .main_page .section3::before { position: absolute; bottom: 0; left: clamp(-28px, -1.4583333333vw, -22.4px); aspect-ratio: 536/395; width: clamp(300px, 27.9166666667vw, 536px); background: url("../../images/common/gnb_panel_logo.svg") no-repeat center/contain; content: ""; }
html.lang .main_page .section3::after { z-index: 1; position: absolute; top: clamp(-112px, -5.8333333333vw, -80px); right: clamp(-338px, -17.6041666667vw, -50px); content: "YEONGJONGGU"; color: #f2f2f2; font-weight: 800; font-size: clamp(40px, 8.3333333333vw, 160px); opacity: 0.2; }
html.lang .main_page .section3 .inner { display: flex; justify-content: space-between; }
html.lang .main_page .section3 .title_area { position: relative; }
html.lang .main_page .section3 .title_area::before { position: absolute; top: clamp(130.4px, 8.4895833333vw, 163px); right: clamp(-120px, -6.25vw, -96px); aspect-ratio: 139/207; width: clamp(100px, 7.2395833333vw, 139px); background: url("../../images/common/character_idea.svg") no-repeat center/contain; content: ""; }
html.lang .main_page .section3 .cm_overview214 { margin-right: clamp(-18px, -0.9375vw, -14.4px); }
html.lang .main_page .section4 { position: relative; height: clamp(453.6px, 29.53125vw, 567px); margin-top: clamp(50px, 8.2291666667vw, 158px); background: url("../../images/en/main/tour_bg.png") no-repeat center/cover; }
html.lang .main_page .section4::before { display: block; z-index: -1; position: absolute; top: clamp(-306px, -15.9375vw, -150px); right: clamp(-118px, -6.1458333333vw, -70px); aspect-ratio: 1/1; width: clamp(250px, 24.4791666667vw, 470px); background: url("../../images/common/point_circle.svg") no-repeat center/contain; content: ""; }
html.lang .main_page .section4 .inner { height: 100%; }
html.lang .main_page .section4 .title_box { display: flex; flex-direction: column; width: 100%; height: 100%; padding: clamp(40px, 4.9479166667vw, 95px) clamp(40px, 4.1666666667vw, 80px); gap: clamp(40px, 4.0625vw, 78px); }
html.lang .main_page .section4 .swiper_box { position: absolute; top: clamp(-150px, -7.8125vw, -120px); right: 0; max-width: clamp(1000px, 62.7083333333vw, 1204px); overflow: hidden; }
html.lang .main_page .section4 .swiper .content { position: relative; width: 100%; height: 100%; overflow: hidden; transform: scale(0.86); transform-origin: bottom; transition: transform 0.5s ease; }
html.lang .main_page .section4 .swiper { overflow: visible; }
html.lang .main_page .section4 .swiper-slide { aspect-ratio: 465/575; width: clamp(350px, 24.21875vw, 465px); }
html.lang .main_page .section4 .swiper-wrapper { align-items: flex-end; }
html.lang .main_page .section4 .swiper .bg { position: relative; width: 100%; height: 100%; overflow: hidden; }
html.lang .main_page .section4 .swiper .bg > img { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; }
html.lang .main_page .section4 .swiper .bg .blur { position: absolute; inset: 0; backdrop-filter: blur(8px); background: rgba(204, 204, 204, 0.2); -webkit-backdrop-filter: blur(8px); opacity: 0; transition: opacity 0.4s ease; will-change: transform, opacity; }
html.lang .main_page .section4 .swiper .bg .circle_mask { position: absolute; top: calc(50% - clamp(48px, 3.125vw, 60px)); left: 50%; aspect-ratio: 1/1; width: 74%; overflow: hidden; transform: translate(-50%, -50%) scale(0); transform-origin: center; border-radius: 50%; transition: transform 0.8s ease; }
html.lang .main_page .section4 .swiper .bg .circle_mask img { width: 100%; height: 100%; object-fit: cover; }
html.lang .main_page .section4 .swiper .texts { display: flex; position: absolute; right: clamp(16px, 2.0833333333vw, 40px); bottom: clamp(16px, 2.0833333333vw, 40px); left: clamp(16px, 2.0833333333vw, 40px); flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
html.lang .main_page .section4 .swiper .text1,
html.lang .main_page .section4 .swiper .text2 { will-change: transform, opacity; }
html.lang .main_page .section4 .swiper .text1 { display: -webkit-box; color: #fff; font-weight: 700; font-size: clamp(14px, 0.8854166667vw, 17px); -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
html.lang .main_page .section4 .swiper .text2 { display: -webkit-box; color: #fff; font-size: clamp(18px, 1.4583333333vw, 28px); word-break: keep-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
html.lang .main_page .section4 .swiper-slide-active + .swiper-slide { margin-left: -30px; }
html.lang .main_page .section4 .swiper-slide-active + .swiper-slide + .swiper-slide { margin-left: -60px; }
html.lang .main_page .section4 .swiper-slide-active .content { transform: scale(1); }
html.lang .main_page .section4 .swiper-slide-active .bg .blur { opacity: 1; }
html.lang .main_page .section4 .swiper-slide-active .bg .circle_mask { transform: translate(-50%, -50%) scale(1); }
html.lang .main_page .section4 .swiper-slide-active .text1 { animation: textShow 0.5s 0.6s both; }
html.lang .main_page .section4 .swiper-slide-active .text2 { animation: textShow 0.5s 0.8s both; }
@keyframes textShow {
	from { transform: translateX(-30px); opacity: 0; }
	to { transform: translateX(0); opacity: 1; }
}
html.lang .pc_util_dropdown_wrap { position: relative; }
html.lang .pc_util_dropdown_wrap .menu_layer_lang { width: 85px; font-weight: 700; }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_box { display: none; position: absolute; top: calc(100% + clamp(12.8px, 0.8333333333vw, 16px)); left: 50%; width: clamp(102.4px, 6.6666666667vw, 128px); padding: clamp(12.8px, 0.8333333333vw, 16px); transform: translateX(-50%); border: 1px solid #ccc; border-radius: clamp(9.6px, 0.625vw, 12px); background: #fff; }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_box.is-dropdown-open { display: block; }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_box:before { position: absolute; top: clamp(-7px, -0.3645833333vw, -5.6px); left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg); border-top: 1px solid #ccc; border-left: 1px solid #ccc; background: #fff; content: ""; }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_menu_list { display: flex; flex-direction: column; }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_menu_list .pc_util_dropdown_menu_item { display: flex; align-items: center; justify-content: start; padding: clamp(3.2px, 0.2083333333vw, 4px) 0; font-size: clamp(12.8px, 0.8333333333vw, 16px); }
html.lang .pc_util_dropdown_wrap .pc_util_dropdown_menu_list .pc_util_dropdown_menu_item:hover { opacity: 0.85; }
html.lang .header .mobile_menu_layer .gnb_depth1 .gnb_link1 { padding: 8px 0; word-break: keep-all; }
html.lang .header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_link1:after { height: 100%; }
html.lang .header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2 { word-break: keep-all; }
html.lang .cm_sidebar { --snb_bg_top: clamp(80px, 5.2083333333vw, 100px); word-break: keep-all; }
html.lang .cm_sidebar .depth1_item { font-size: clamp(22.4px, 1.4583333333vw, 28px); font-family: "SBAggro", "Noto Sans SC", "Noto Sans JP", sans-serif; }
html.lang .cm_sidebar .sidebar_nav { margin-top: 0; }
html.lang .cm_sidebar .sidebar_content.has_top_search { padding-top: clamp(25.6px, 1.6666666667vw, 32px); }
html.lang .page_lang_ci .cm_box { display: flex; align-items: center; justify-content: center; height: clamp(248.8px, 16.1979166667vw, 311px); margin-top: clamp(12.8px, 0.8333333333vw, 16px); }
html.lang .page_lang_ci .ci_box img { width: clamp(160px, 10.4166666667vw, 200px); }
html.lang .page_lang_ci .character_box img { width: clamp(128px, 8.3333333333vw, 160px); }
html.lang .page_lang_ci .character_box2 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; height: auto; padding: clamp(44px, 2.8645833333vw, 55px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(16.8px, 1.09375vw, 21px); }
html.lang .page_lang_ci .character_box2 .img1 { width: clamp(132px, 12.03125vw, 231px); }
html.lang .page_lang_ci .character_box2 .img2 { width: clamp(120px, 10.5729166667vw, 203px); }
html.lang .page_lang_ci .character_box2 .img3 { width: clamp(72px, 6.40625vw, 123px); }
html.lang .page_lang_ci .character_box2 .img4 { width: clamp(104px, 9.0625vw, 174px); }
html.lang .page_lang_ci .character_box2 .img5 { width: clamp(102px, 9.0625vw, 174px); }
html.lang .nuri_map .gnb_depth2 { grid-template-columns: repeat(3, 1fr); }
html.lang .culture_board_detail2 section { margin-top: clamp(48px, 3.125vw, 60px); }
html.lang .culture_board_detail2 .board_header_wrap { padding: clamp(25.6px, 1.6666666667vw, 32px); border-top: 1px solid #000; text-align: center; }
html.lang .culture_board_detail2 .board_header_wrap .board_sub_title { margin-bottom: clamp(3.2px, 0.2083333333vw, 4px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
html.lang .culture_board_detail2 .board_header_wrap .board_title { font-weight: 700; font-size: clamp(28.8px, 1.875vw, 36px); }
html.lang .culture_board_detail2 .board_header_wrap .board_tag_area { margin-top: clamp(3.2px, 0.2083333333vw, 4px); }
html.lang .culture_board_detail2 .tab_content_section .tab_content { margin-top: clamp(32px, 2.0833333333vw, 40px); }
html.lang .culture_board_detail2 .tab_content_section .tab_content .tab_content_item { padding-right: clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(32px, 2.0833333333vw, 40px); }
html.lang .culture_board_detail2 .tab_content_section .tab_content .map_info_tab,
html.lang .culture_board_detail2 .tab_content_section .tab_content .room_info_tab { padding-right: 0; padding-left: 0; }
html.lang .culture_board_detail2 .tab_content_section .tab_content .room_info_tab .cm_box { max-height: clamp(256px, 16.6666666667vw, 320px); overflow: auto; }

/* 다국어 - 영문 */
html.lang.en .cm_chk3 .chk_label { font-size: clamp(14px, 0.8333333333vw, 16px); }

/* 다국어 - 중문 */
html.lang.chn { word-break: break-all; }
html.lang.chn .page_MAYOR3 .mayor_intro_body p { word-break: normal; }
html.lang.chn .page_MAYOR4 .mayor_profile_item { word-break: normal; }

/* 다국어 - 일문 */
html.lang.jpn { word-break: break-all; }
html.lang.jpn .main_page .section1 .menu .element { text-align: center; }
html.lang.jpn .main_page .section3 .title_area { padding-top: clamp(51.2px, 3.3333333333vw, 64px); }
html.lang.jpn .page_MAYOR3 .mayor_intro_body p { word-break: break-all; }
html.lang.jpn .cm_point_title1 { font-family: "Noto Sans JP", sans-serif; }

/* 번역 상단 */
html.lang .header_trans { display: none; }
html.lang.en .header_trans { display: block; height: 60px; background-color: #005f89; }
html.lang.en .header_trans .inner { display: flex; align-items: center; justify-content: center; height: 100%; gap: clamp(5px, 1.0416666667vw, 20px); }
html.lang.en .header_trans .trans_wrap { display: flex; align-items: center; gap: clamp(12px, 1.0416666667vw, 20px); }
html.lang.en .header_trans .trans_img { aspect-ratio: 1/1; width: clamp(33.6px, 2.1875vw, 42px); }
html.lang.en .header_trans .trans_select { width: auto; min-width: clamp(175.2px, 11.40625vw, 219px); height: 45px !important; padding-right: clamp(28.8px, 1.875vw, 36px) !important; border: none; background: #2079a1; background-image: url("../../images/common/icon_arr_down_w.svg"); background-position: right clamp(11.2px, 0.7291666667vw, 14px) center; background-size: clamp(14.4px, 0.9375vw, 18px); background-repeat: no-repeat; color: #fff; font-size: 16px; }
html.lang.en .header_trans .trans_text { display: flex; align-items: center; gap: 6px; color: #82bad3; font-size: 16px; }
@media screen and (min-width:1281px) {
	.gnb_dim { display: none; }
	.gnb_dim.is_active { visibility: visible; opacity: 1; }
	.header { background: #fff; }
	.header .gnb_bg { display: none; }
	.header .header_inner { box-sizing: border-box; position: relative; width: 100%; max-width: calc(var(--inner) + var(--inner_padding) * 2); margin: 0 auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
	.header .header_main { display: flex; align-items: stretch; min-height: clamp(80px, 5.2083333333vw, 100px); gap: clamp(38.4px, 2.5vw, 48px); }
	.header .header_logo_wrap { display: flex; flex-shrink: 0; align-items: center; gap: clamp(12px, 1.25vw, 24px); }
	.header .logo { display: flex; align-items: center; }
	.header .logo_img img { max-height: var(--header_logo_height); }
	.header .header_right { display: flex; flex-direction: column; width: 100%; min-width: 0; }
	.header .header_top { box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; height: var(--header_top_height); padding-right: clamp(144px, 9.375vw, 180px); }
	.header .header_top_submenu { display: flex; align-items: center; gap: 0; }
	.header .header_top_submenu > li { display: flex; align-items: center; }
	.header .header_top_submenu > li + li:before { display: inline-block; flex-shrink: 0; width: 4px; height: 4px; margin: 0 clamp(12.8px, 0.8333333333vw, 16px); border-radius: 50%; background: #ccc; content: ""; }
	.header .header_top_submenu > li .header_top_submenu_link { color: #333; font-size: clamp(14px, 0.78125vw, 15px); white-space: nowrap; transition: color 0.2s; }
	.header .header_top_submenu > li .header_top_submenu_link:hover { color: var(--color-primary-80); }
	.header .header_top_submenu > li.active .header_top_submenu_link { color: #d5395e; font-weight: bold; }
	.header .header_top_submenu .submenu_community { position: relative; }
	.header .header_top_submenu .header_community_dropdown_wrap { z-index: 101; position: absolute; top: calc(100% + clamp(9.6px, 0.625vw, 12px)); left: 50%; transform: translateX(-50%); }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_layer { padding: clamp(16px, 1.0416666667vw, 20px); border: 1px solid var(--color-blue-75); border-radius: clamp(9.6px, 0.625vw, 12px) clamp(32px, 2.0833333333vw, 40px); background: #fff; }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_layer .header_community_dropdown_list { display: grid; grid-template-columns: repeat(3, 1fr); }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_layer .header_community_dropdown_item > a { display: flex; align-items: center; justify-content: center; width: clamp(80px, 5.2083333333vw, 100px); height: clamp(40px, 2.6041666667vw, 50px); border-radius: clamp(4.8px, 0.3125vw, 6px); font-size: clamp(13.6px, 0.8854166667vw, 17px); transition: background 0.15s; }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_layer .header_community_dropdown_item > a:hover { background: #f2f8fb; }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_layer .header_community_dropdown_item.active > a { background: #f2f8fb; color: var(--color-blue-85); font-weight: 700; }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_close { position: absolute; top: 0; right: 0; aspect-ratio: 1/1; width: clamp(22.4px, 1.4583333333vw, 28px); border-radius: 50%; background: var(--color-blue-75); color: #fff; }
	.header .header_top_submenu .header_community_dropdown_wrap .header_community_dropdown_close:after { position: absolute; top: 50%; left: 50%; aspect-ratio: 1/1; width: clamp(35.2px, 2.2916666667vw, 44px); transform: translate(-50%, -50%); border-radius: 50%; background: rgba(0, 126, 180, 0.2); content: ""; }
	.header .header_top_util { display: flex; align-items: center; }
	.header .header_top_util > li { display: flex; position: relative; align-items: center; }
	.header .header_top_util > li:after { display: block; flex-shrink: 0; width: 1px; height: 12px; margin: 0 clamp(9.6px, 0.625vw, 12px); background: #ddd; content: ""; }
	.header .header_top_util > li:last-child:after { display: none; }
	.header .header_top_util .header_util_dropdown { display: none; z-index: 101; position: absolute; top: calc(100% + 16px); left: 50%; padding: 8px 4px; transform: translateX(-50%); border: 1px solid #999; border-radius: 8px; background: #fff; box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1); }
	.header .header_top_util .header_util_dropdown.active { display: block; }
	.header .header_top_util .header_util_dropdown:before { position: absolute; top: -7px; left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg); border-top: 1px solid #999; border-left: 1px solid #999; background: #fff; content: ""; }
	.header .header_top_util .header_util_dropdown .layer_inner_item_btn { display: flex; align-items: center; height: clamp(25.6px, 1.6666666667vw, 32px); padding: 0 clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(6.4px, 0.4166666667vw, 8px); font-size: clamp(12px, 0.78125vw, 15px); transition: background 0.15s; }
	.header .header_top_util .header_util_dropdown .layer_inner_item_btn:hover { background: #f2f8fb; }
	.header .header_top_util .header_util_dropdown .font_zoom_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; border: 1px solid #ccc; border-radius: clamp(3.2px, 0.2083333333vw, 4px); background: #fff; font-weight: 500; line-height: 0.9; }
	.header .header_top_util .header_util_dropdown .font_zoom_icon.small { width: clamp(17.6px, 1.1458333333vw, 22px); font-size: clamp(9.6px, 0.625vw, 12px); }
	.header .header_top_util .header_util_dropdown .font_zoom_icon.default { width: clamp(19.2px, 1.25vw, 24px); font-size: clamp(10.4px, 0.6770833333vw, 13px); }
	.header .header_top_util .header_util_dropdown .font_zoom_icon.large { width: clamp(20.8px, 1.3541666667vw, 26px); font-size: clamp(11.2px, 0.7291666667vw, 14px); }
	.header .header_top_util .header_util_dropdown .active .font_zoom_icon { border-color: var(--color-primary-80); background: var(--color-primary-80); color: #fff; }
	.header .header_top_util .header_util_dropdown.lang { width: 80px; }
	.header .header_top_util .header_util_dropdown.zoom { width: 120px; }
	.header .header_top_util .util_btn { color: #333; font-size: clamp(13px, 0.78125vw, 15px); transition: color 0.2s; }
	.header .header_top_util .util_btn:hover { color: var(--color-primary-80); }
	.header .header_top_util .popup_badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 8px; border-radius: 999px; background: var(--color-primary-80); color: #fff; font-weight: bold; font-size: clamp(11px, 0.6770833333vw, 13px); }
	.header .header_top_highlight { display: flex; z-index: 1; position: absolute; top: 0; right: 0; align-items: center; height: var(--header_top_height); padding: 0 clamp(19.2px, 1.25vw, 24px) 0 clamp(24px, 1.5625vw, 30px); gap: 8px; border-bottom-left-radius: 999px; background: linear-gradient(to right, #e65073, #0381b8); color: #fff; font-weight: bold; font-size: clamp(14px, 0.8854166667vw, 17px); white-space: nowrap; transition: opacity 0.2s; }
	.header .header_top_highlight:after { position: absolute; top: 0; left: 100%; width: 11vw; height: 100%; background: #0381b8; content: ""; pointer-events: none; }
	.header .header_gnb_row { display: flex; z-index: 100; align-items: center; justify-content: space-between; min-height: var(--header_gnb_height); }
	.header .util_area { display: flex; align-items: center; gap: 0 clamp(19.2px, 1.25vw, 24px); }
	.header .util_area .utilities_area { display: none; }
	.header .util_area .util_btn { display: inline-flex; position: relative; flex-direction: column; align-items: center; justify-content: center; gap: clamp(4px, 0.2604166667vw, 5px); }
	.header .util_area .util_btn .util_btn_icon { position: relative; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(22.4px, 1.4583333333vw, 28px); }
	.header .util_area .util_btn .util_btn_icon:before { position: absolute; inset: 0; background-color: #333; content: ""; -webkit-mask: var(--icon_url) center/contain no-repeat; mask: var(--icon_url) center/contain no-repeat; transition: background-color 0.2s; }
	.header .util_area .util_btn:hover .util_btn_icon:before,
	.header .util_area .util_btn:focus-visible .util_btn_icon:before { background-color: var(--color-primary-80); }
	.header .util_area .btn_login { --icon_url: url("../../images/common/icon_login.svg"); }
	.header .util_area .btn_logout { --icon_url: url("../../images/common/icon_logout.svg"); }
	.header .util_area .btn_sitemap { --icon_url: url("../../images/common/icon_menu.svg"); }
	.header .util_area .btn_search { --icon_url: url("../../images/common/icon_search2.svg"); }
	.header .util_area .util_btn_label { color: #555; font-size: clamp(13px, 0.7291666667vw, 14px); line-height: 1; white-space: nowrap; transition: color 0.2s; }
	.header .util_area .util_btn:hover .util_btn_label,
	.header .util_area .util_btn:focus-visible .util_btn_label { color: var(--color-primary-80); }
	.header .gnb_area { width: 100%; }
	.header .gnb { width: 100%; }
	.header .gnb_inner { width: 100%; }
	.header .gnb_depth1 { display: flex; align-items: center; gap: 0 clamp(25.6px, 1.6666666667vw, 32px); }
	.header .gnb_depth1 > li { display: flex; position: static; align-items: center; }
	.header .gnb_depth1 > li > a[target=_blank] > span:after,
	.header .gnb_depth1 > li > a.blank_icon > span:after { background-color: #333; -webkit-mask-image: url("../../images/common/icon_open_new_window.svg"); mask-image: url("../../images/common/icon_open_new_window.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: 24px; content: ""; mask-position: center; transition: transform 0.2s; }
	.header .gnb_depth1 > li > a { display: flex; position: relative; align-items: center; justify-content: center; height: var(--header_gnb_height); padding: 0 clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(6.4px, 0.4166666667vw, 8px); font-weight: bold; font-size: clamp(17px, 1.0416666667vw, 20px); line-height: 1.3; white-space: nowrap; transition: color 0.2s; }
	.header .gnb_depth1 > li > a:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; transform: scaleX(0); border-radius: 4px 4px 0 0; background: var(--color-primary-80); content: ""; transition: transform 0.2s; }
	.header .gnb_depth1 > li > a > span { display: inline-flex; gap: clamp(6.4px, 0.4166666667vw, 8px); pointer-events: none; }
	.header .gnb_depth1 > li.has-depth > a > span:after { background-color: #333; -webkit-mask-image: url("../../images/common/icon_arr_down.svg"); mask-image: url("../../images/common/icon_arr_down.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: 24px; content: ""; mask-position: center; transition: transform 0.2s; }
	.header .gnb_depth1 > li.active.has-depth > a > span:after,
	.header .gnb_depth1 > li.is_open.has-depth > a:not([target=_blank]):not(.blank_icon) > span:after,
	.header .gnb_depth1 > li > a.active:not([target=_blank]):not(.blank_icon) > span:after { transform: rotate(180deg); }
	.header .gnb_depth1 > li.active > a:after,
	.header .gnb_depth1 > li.is_open > a:after,
	.header .gnb_depth1 > li > a.active:after,
	.header .gnb_depth1 > li > a:hover:after { transform: scaleX(1); }
	.header .gnb_depth2_wrap { display: none; z-index: 110; position: absolute; top: var(--gnb_height); left: 50%; width: min(100vw - 120px, var(--header_gnb_panel_width)); padding: 0 0 clamp(24px, 1.6666666667vw, 32px); transform: translateX(-50%); }
	.header .gnb_depth1 > li > .gnb_depth2_wrap.is-open { display: block; }
	.header .gnb_depth2_wrap:before { position: absolute; right: 0; bottom: 0; left: 0; height: clamp(64px, 4.5833333333vw, 88px); border-radius: 0 0 clamp(44px, 3.3333333333vw, 64px) clamp(44px, 3.3333333333vw, 64px); background: linear-gradient(90deg, #037fb7 0%, #0a88bd 100%); box-shadow: 8px 16px 48px rgba(0, 0, 0, 0.16); content: ""; pointer-events: none; }
	.header .gnb_depth2_wrap:after { z-index: 3; position: absolute; right: clamp(24px, 2.2916666667vw, 44px); bottom: clamp(14px, 1.3541666667vw, 26px); aspect-ratio: 261/152; width: clamp(160px, 13.59375vw, 261px); background: url(../../images/common/gnb_panel_footer.svg) no-repeat center/contain; content: ""; pointer-events: none; }
	.header .gnb_panel { display: grid; z-index: 2; position: relative; grid-template-columns: var(--header_gnb_title_width) minmax(0, 1fr); overflow: hidden; border: 1px solid #007eb4; border-radius: clamp(24px, 1.6666666667vw, 32px) clamp(24px, 1.6666666667vw, 32px) clamp(44px, 3.3333333333vw, 64px) clamp(44px, 3.3333333333vw, 64px); background: #fff; box-shadow: 8px 16px 48px rgba(0, 0, 0, 0.16); }
	.header .gnb_panel_title { z-index: 2; position: relative; padding: clamp(38.4px, 2.5vw, 48px) clamp(32px, 2.0833333333vw, 40px); overflow: hidden; border-top-right-radius: clamp(24px, 1.6666666667vw, 32px); border-top-left-radius: clamp(24px, 1.6666666667vw, 32px); border-bottom-left-radius: clamp(44px, 3.3333333333vw, 64px); background: linear-gradient(180deg, #e2f2ff 42.109%, #fff 96.484%); text-align: center; }
	.header .gnb_panel_title:after { position: absolute; bottom: clamp(14px, 1.1911458333vw, 22.87px); left: clamp(-23px, -1.1979166667vw, -16px); aspect-ratio: 320.623/236.127; width: clamp(220px, 16.6991145833vw, 320.623px); background: url(../../images/common/gnb_panel_logo.svg) no-repeat left bottom/contain; content: ""; pointer-events: none; }
	.header .gnb_panel_title strong { display: block; z-index: 1; position: relative; color: #007eb4; font-weight: 700; font-size: clamp(24px, 1.6666666667vw, 32px); word-break: keep-all; }
	.header .gnb_panel_content { display: flex; z-index: 2; position: relative; min-width: 0; min-height: 0; padding: clamp(38.4px, 2.5vw, 48px) clamp(38.4px, 2.5vw, 48px) clamp(84px, 6.7708333333vw, 130px) clamp(38.4px, 2.5vw, 48px); }
	.header .gnb_panel_scroll { flex: 1 1 auto; min-width: 0; min-height: 0; margin: clamp(-8px, -0.4166666667vw, -6px) 0 0 clamp(-12px, -0.625vw, -8px); padding: clamp(6px, 0.4166666667vw, 8px) clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px); }
	.header .gnb_depth2 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: start; padding: clamp(3.2px, 0.2083333333vw, 4px) clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px) clamp(3.2px, 0.2083333333vw, 4px); gap: clamp(24px, 2.5vw, 48px) clamp(16px, 1.25vw, 24px); }
	.header .gnb_depth2 > li { display: flex; flex-direction: column; min-width: 0; gap: clamp(12px, 0.8333333333vw, 16px); }
	.header .gnb_depth2 > li > a { display: flex; position: relative; align-items: center; justify-content: space-between; min-height: clamp(44.8px, 2.9166666667vw, 56px); padding: 0 clamp(18px, 1.25vw, 24px) 0 clamp(18px, 1.25vw, 24px); gap: clamp(8px, 0.625vw, 12px); border: 1px solid transparent; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background: #f1f2f4; color: #000; font-weight: 400; font-size: clamp(15px, 0.8854166667vw, 17px); line-height: 1.3; word-break: keep-all; transition: background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease; }
	.header .gnb_depth2 > li > a:after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(14px, 0.9375vw, 18px); background: url(../../images/common/icon_arr_right.svg) no-repeat center/contain; content: ""; }
	.header .gnb_depth2 > li > a[target=_blank]:after,
	.header .gnb_depth2 > li > a.blank_icon:after { background-image: url(../../images/common/icon_open_new_window.svg); }
	.header .gnb_depth2 > li > a:hover { background: #eceef2; }
	.header .gnb_depth2 > li.active > a { border: 2px solid transparent; background: #fff; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); color: #000; font-weight: 700; }
	.header .gnb_depth2 > li.active > a:before { position: absolute; inset: -2px; padding: 2px; border-radius: calc(clamp(12.8px, 0.8333333333vw, 16px) + 2px); background: linear-gradient(315deg, #7a12d4 13.89%, #007eb4 94.52%); content: ""; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
	.header .gnb_depth3_wrap { min-width: 0; }
	.header .gnb_depth3 { display: flex; flex-direction: column; padding-left: clamp(4px, 0.4166666667vw, 8px); gap: clamp(8px, 0.5208333333vw, 10px); }
	.header .gnb_depth3 > li { min-width: 0; }
	.header .gnb_depth3 > li > a { display: flex; position: relative; align-items: center; justify-content: space-between; color: #555; font-size: clamp(13px, 0.78125vw, 15px); word-break: keep-all; }
	.header .gnb_depth3 > li > a span { display: flex; gap: clamp(4px, 0.3125vw, 6px); }
	.header .gnb_depth3 > li > a span:before { flex-shrink: 0; content: "·"; }
	.header .gnb_depth3 > li > a:after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(14px, 0.9375vw, 18px); background: no-repeat center/contain; content: ""; }
	.header .gnb_depth3 > li > a[target=_blank]:after,
	.header .gnb_depth3 > li > a.blank_icon:after { background-image: url(../../images/common/icon_open_new_window.svg); }
	.header .gnb_depth3 > li > a:hover,
	.header .gnb_depth3 > li.active > a { color: var(--color-primary-80); }
	.header .btn_hamburger,
	.header .mobile_menu_layer,
	.header .mob_util_area { display: none; }
	html.health .header .logo { width: var(--header_logo_health_width); }
	html.mayor .header.mayor .logo_mob { display: none; }
	html.mayor .header.mayor:not(.main) { z-index: 3; position: relative; background: transparent; }
	html.mayor .header.mayor:not(.main) .header_top_submenu > li .header_top_submenu_link { color: #fff; }
	html.mayor .header.mayor:not(.main) .header_top_util .util_btn { color: #fff; }
	html.mayor .header.mayor:not(.main) .gnb_depth1 > li.has-depth > a > span:after { background-color: #fff; }
	html.mayor .header.mayor:not(.main) .util_area .util_btn .util_btn_icon:before { background-color: #fff; }
	html.mayor .header.mayor:not(.main) .util_area .util_btn_label { color: #fff; }
	html.mayor .header.mayor:not(.main) .gnb_depth1 > li > a { color: #fff; }
	html.mayor .header.mayor:not(.main) .gnb_depth1 > li > a:after { background: #fff; }
	html.lang .header .gnb_depth2_wrap { top: calc(var(--header_gnb_height)); }
}
@media screen and (max-width:1700px) {
	.page_primary_main .section6 .main_section6_layout_left .content_area { padding-bottom: 0; }
	html.health .main_page .sec2_title_box { left: var(--inner_padding); }
}
@media screen and (max-width:1620px) {
	html.culture .main_page .section2 .section_top .contents_area:after { display: none; }
	html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi { width: 40px; height: 40px; }
	html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi.prev { left: -16px; }
	html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi.next { right: -16px; }
}
@media screen and (max-width:1600px) {
	.top_banner_area .cm_swiper_control .cm_swiper_navi.prev { left: calc(var(--inner_padding) + 24px); }
	.top_banner_area .cm_swiper_control .cm_swiper_navi.next { right: calc(var(--inner_padding) + 24px); }
	.page_primary_main .section6 .page_preparing { max-height: 220px; padding: 20px; }
	html.community .main_page .section1 { background-size: 1600px; }
}
@media screen and (max-width:1550px) {
	html.welfare .main_page .section1 .roadmap_btn { right: 10px; }
	html.welfare .main_page .section1 .swiper-button-prev { left: -5px; }
	html.welfare .main_page .section1 .swiper-button-next { right: -5px; }
}
@media screen and (max-width:1500px) {
	html.health .main_page .section1:before { width: calc(100% - 200px); }
	html.health .main_page .section2_inner_wrapper { display: flex; align-items: stretch; width: 100%; max-width: calc(var(--inner) + var(--inner_padding) * 2); margin: 0 auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); gap: clamp(32px, 2.0833333333vw, 40px); }
	html.health .main_page .sec2_title_box { position: static; height: auto; }
	html.health .main_page .sec2_content_area { flex: 1 1 0; min-width: 0; }
	html.health .main_page .sec2_content_area .inner { padding-left: 0; }
}
@media screen and (max-width:1480px) {
	html.community .main_page .section1 .d_dream_head .d_dream_character { top: 10px; left: 20px; width: 100px; }
	html.community .main_page .section1 .d_dream_head .d_dream_bubble { left: 92px; }
}
@media screen and (max-width:1460px) {
	.org_wrap .detail_area:before { width: calc(75% + 6px); }
	.org_wrap .line4 .item_list:before { display: none; }
	.org_wrap .line4 .item_list { display: grid; grid-template-columns: repeat(2, 1fr); padding-left: 20px; }
}
@media screen and (max-width:1400px) {
	html.welfare .main_page .section3 .swiper-button-prev { left: -10px; }
	html.welfare .main_page .section3 .swiper-button-next { right: -10px; }
	html.mayor .main_page .main_today { padding-bottom: clamp(24px, 1.5625vw, 30px); }
	html.mayor .main_page .main_field { padding-bottom: clamp(30px, 7.8125vw, 150px); }
}
@media screen and (max-width:1280px) {
	:root { --header_gnb_height: 60px; }
	html.mob_menu_open,
	html.mob_menu_open body { overflow: hidden; }
	.gnb_dim { display: none; }
	.header { z-index: 200; position: sticky; top: 0; border-bottom: 1px solid #eee; background: #fff; }
	.header .header_top { display: none; }
	.header .header_inner { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 16px; gap: 0 10px; }
	.header .header_logo_wrap { display: flex; flex-shrink: 0; align-items: center; gap: 12px; }
	.header .logo { flex-shrink: 0; }
	.header .logo_img img { max-height: 48px; }
	.header .gnb_bg { display: none; }
	.header .header_right { display: none; }
	.header .header_top_highlight { display: none; }
	.header .mob_util_area { display: flex; align-items: center; margin-left: auto; gap: 0 8px; }
	.header .mob_util_area .mob_popup_btn { position: relative; padding-right: 18px; }
	.header .mob_util_area .popup_badge { display: inline-flex; position: absolute; top: -8px; right: 0; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--color-primary-80); color: #fff; font-weight: bold; font-size: clamp(11px, 0.6770833333vw, 13px); line-height: 1; white-space: nowrap; }
	.header .mob_util_area .search_area .btn_search { display: block; aspect-ratio: 1/1; width: 42px; overflow: hidden; border: none; border-radius: 1000px; background: url(../../images/common/icon_search.svg) center/45% no-repeat; text-indent: 100%; white-space: nowrap; cursor: pointer; }
	.header .btn_hamburger { display: flex; z-index: 210; flex-direction: column; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; gap: 5px; border: none; border-radius: 12px; background: #f5f7fa; cursor: pointer; transition: background 0.2s; }
	.header .btn_hamburger:active { background: #e8ecf1; }
	.header .btn_hamburger .hamburger_line { display: block; width: 18px; height: 2px; border-radius: 2px; background: #444; transition: transform 0.3s ease, opacity 0.3s ease; }
	.header .btn_hamburger.is_active .hamburger_line { background: #fff; }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(1) { transform: translateY(7px) rotate(45deg); }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(2) { opacity: 0; }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
	.header .mobile_menu_layer { display: none; visibility: hidden; z-index: 240; position: fixed; inset: 0; background: rgba(15, 23, 42, 0.28); opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
	.header .mobile_menu_layer.is-opened { display: block; visibility: visible; opacity: 1; }
	.header .mobile_menu_layer .dim { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); }
	.header .mobile_menu_layer .mob_menu_layer_wrap { z-index: 1; position: absolute; right: 0; bottom: 0; width: 100%; height: calc(100% - 58px); padding-top: 32px; padding-left: 20px; border-radius: 50px 0 0 0; background: linear-gradient(180deg, #ebf3fd 0%, #ffebf7 100%); }
	.header .mobile_menu_layer .mob_menu_layer_wrap .mob_menu_close { display: flex; position: absolute; top: -18px; right: 15px; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 44px; border-radius: 50%; background: #ecf3fd; }
	.header .mobile_menu_layer .mob_menu_layer_wrap .mob_menu_close .close { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 30px; border-radius: 50%; background: #26283d; color: #fff; }
	.header .mobile_menu_layer .menu_layer_head .menu_layer_util { display: flex; align-items: center; margin-bottom: 16px; gap: clamp(19.2px, 1.25vw, 24px); font-size: 15px; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_wrap { position: relative; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_box { display: none; z-index: 5; position: absolute; top: calc(100% + 11px); left: 50%; width: 110px; padding: 8px; transform: translateX(-50%); border-radius: 8px; background: #fff; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_box.is-dropdown-open { display: block; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_box:before { z-index: 1; position: absolute; top: -6px; left: 50%; width: 12px; height: 12px; transform: translateX(-50%) rotate(45deg); background: #fff; content: ""; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_box .mob_util_dropdown_menu_list { display: flex; flex-direction: column; }
	.header .mobile_menu_layer .menu_layer_head .mob_util_dropdown_box .mob_util_dropdown_menu_list .mob_util_dropdown_menu_item { display: flex; align-items: center; justify-content: center; height: 36px; padding: 0 12px; font-size: 13px; text-align: center; }
	.header .mobile_menu_layer .menu_layer_body { position: relative; height: calc(100vh - 166px); }
	.header .mobile_menu_layer .menu_layer_body .mobile_gnb_area,
	.header .mobile_menu_layer .menu_layer_body .gnb,
	.header .mobile_menu_layer .menu_layer_body .gnb_inner,
	.header .mobile_menu_layer .menu_layer_body .gnb_depth1_wrap { height: 100%; }
	.header .mobile_menu_layer .gnb_depth1_wrap { padding-top: 20px; }
	.header .mobile_menu_layer .gnb_depth1 { display: flex; flex-direction: column; width: 96px; gap: 24px; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1 { display: flex; position: relative; align-items: center; gap: 4px; font-weight: 700; font-size: 17px; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1.blank_icon:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 16px; background: url(../../images/common/icon_open_new_window.svg) no-repeat center/contain; content: ""; }
	.header .mobile_menu_layer .gnb_depth2_wrap { display: none; position: absolute; top: 0; right: 0; width: calc(100% - 116px); height: calc(100vh - 166px); padding: 24px; padding-bottom: 60px; overflow: auto; border: 1px solid #dde2e8; border-radius: 16px 0 0 0; background: #fff; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2 { padding-bottom: 12px; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2 ~ .gnb_item2 { padding-top: 12px; border-top: 1px solid #e6e6e6; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2 { display: flex; position: relative; font-size: 15px; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2:after { display: none; position: absolute; top: 0; right: 0; aspect-ratio: 1/1; width: 16px; background: url(../../images/common/icon_arr_down.svg) no-repeat center/contain; content: ""; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2.blank_icon:after { display: block; transform: rotate(0) !important; background-image: url(../../images/common/icon_open_new_window.svg); }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2:has(.gnb_depth3_wrap) .gnb_link2:after { display: block; }
	.header .mobile_menu_layer .gnb_depth3_wrap { visibility: hidden; max-height: 0; overflow: hidden; transition: max-height 0.15s; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 { display: flex; flex-direction: column; margin-top: 12px; gap: 10px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 { position: relative; padding-left: 12px; font-size: 14.5px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a.blank_icon:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: 14px; background: url(../../images/common/icon_open_new_window.svg) no-repeat center/contain; content: ""; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; border-radius: 99px; background: #333; content: ""; }

	/* active */
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_text1 { z-index: 2; position: relative; color: #fff; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1 .gnb_text1 { word-break: keep-all; overflow-wrap: anywhere; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_link1:after { z-index: 1; position: absolute; top: 50%; left: -20px; width: 146px; height: 46px; transform: translateY(-50%); border-radius: 0 24px 8px 0; background: var(--gradation-01, linear-gradient(131deg, #a5318c 11.94%, #00a0e5 91.63%)); box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.16); content: ""; }
	.header .mobile_menu_layer .gnb_item1.active .gnb_depth2_wrap { display: block; }
	.header .mobile_menu_layer .gnb_item2.active .gnb_depth3_wrap { visibility: visible; max-height: 1000px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3.active a { text-decoration: underline; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2.active .gnb_link2:not([target=_blank]):not(.blank_icon):after { transform: rotate(180deg); }
	.header .header_gnb_row { display: none; }
	.top_banner_area .top_bnr_close { top: 4px; right: 4px; }
	.sub_top_search_area .inner { gap: 0 32px; }
	.sub_top_search { max-width: 520px; }
	.sub_popular_keyword { min-width: 0; }
	.cm_masthead .nuri_txt { font-size: 14px; }
	.integrated_search .search_file_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.page_total_intro .intro_head .sub_top_search { flex: 1 1 0; margin-right: 0; }
	.page_total_intro .intro_body_layout { flex-direction: column; }
	.page_total_intro .intro_body_left { flex-direction: row; flex-wrap: wrap; width: 100%; }
	.page_total_intro .intro_left_item { width: calc(50% - 12px); }
	.page_total_intro .intro_left_item.primary { flex: unset; width: 100%; }
	.page_total_intro .intro_left_item.trash .item_link { height: 100%; border-radius: 28px; font-size: clamp(15.2px, 0.9895833333vw, 19px); }
	.page_total_intro .intro_left_item.trash .icon { width: clamp(22.4px, 1.4583333333vw, 28px); }
	.page_total_intro .intro_left_item.call .item_box { padding-left: 40%; }
	.page_total_intro .intro_left_item.call .item_box .icon { bottom: 0; width: 26%; }
	.page_total_intro .intro_right_grid .item_box .icon { width: 96px; }
	.page_total_intro .small_box_wrap .item_small_box .icon { width: 56px; }
	.page_total_intro .intro_head:before { top: 55px; bottom: auto; }
	.page_total_intro .intro_head:after { top: 60px; bottom: auto; }
	.page_primary_main .section1 .section1_top_area { gap: 8px; }
	.page_primary_main .section1 .section1_weather { min-width: 0; }
	.page_primary_main .section1 .section1_search { width: 340px; }
	.page_primary_main .section1 .weather_content .air_info_list { flex-direction: column; }
	.page_primary_main .main_section2_layout .main_section2_layout_left { width: 55%; }
	.page_primary_main .section3 .box_content { flex-direction: column; align-items: start; }
	.page_primary_main .main_section6_layout_left_head { position: static; width: 100%; margin-bottom: 12px; }
	.page_primary_main .section6 .main_section6_layout { flex-direction: column; }
	.page_primary_main .section6 .main_section6_layout_left,
	.page_primary_main .section6 .main_section6_layout_right { flex: unset; width: 100%; }
	.page_primary_main .main_section6_layout_left_body { align-items: center; }
	.page_primary_main .section6 .main_section6_layout_left .title_area { padding-left: 24px; }
	.page_primary_main .section6 .main_section6_layout_left .title_area:before { width: 35vw; }
	.page_primary_main .section6 .main_section6_layout_left .content_area { width: 55vw; }
	.page_MAIN482 .cm_box { flex-direction: column; }
	.page_MAIN482 .cm_box .img_area { width: 100%; }
	.nuri_map .gnb_depth2 { grid-template-columns: repeat(3, 1fr); gap: clamp(12.8px, 0.8333333333vw, 16px); }
	html.culture .main_page .section2 .section_top .contents_area { width: 308px; }
	html.culture .main_page .section1 { aspect-ratio: auto; min-height: 778px; }
	html.culture .main_page .section1:after { z-index: 1; }
	html.culture .main_page .section1 .inner { z-index: 2; position: relative; flex-direction: column; justify-content: flex-start; padding-top: 80px; padding-bottom: 80px; gap: 40px; }
	html.culture .main_page .section1 .inner:after { bottom: -260px; }
	html.culture .main_page .section1 .title_area { width: 100%; }
	html.culture .main_page .section1 .slide_area { position: static; width: 100%; max-width: 512px; margin-left: auto; transform: none; }
	html.culture .main_page .section1 .slide_area .cm_swiper_control { justify-content: center; width: auto; margin-left: 0; padding-right: 0; gap: 12px; }
	html.culture .main_page .section1 .slide_area .cm_swiper_navi { min-width: 44px; min-height: 44px; }
	.cm_overview192 .sun_info_group:after { display: none; }
	html.culture .page_forest_course .page_intro { padding: clamp(19.2px, 1.25vw, 24px); }
	html.culture .page_forest_course .page_intro .intro_box { padding: clamp(25.6px, 1.6666666667vw, 32px); }
	html.culture .page_forest_course .page_intro .intro_box:before { top: auto; right: -20px; bottom: -20px; width: 228px; transform: none; }
	html.community .main_page .section1 { background: none; }
	html.community .main_page .section1 .section_top .inner { flex-direction: column; }
	html.community .main_page .section1 .section_top .left_area,
	html.community .main_page .section1 .section_top .right_area { width: 100%; }
	html.community .main_page .section1 .section_bottom { position: relative; transform: none; }
	html.community .main_page .section1 .section_bottom:before { display: none; }
	html.community .main_page .section1 .section_bottom:after { position: absolute; top: auto; bottom: clamp(-52px, -2.7083333333vw, -41.6px); left: 0; width: 100%; height: calc(100% + 60px); background: #fff; content: ""; filter: none; }
	html.community .main_page .section1 .section_bottom .inner { z-index: 3; position: relative; margin-top: 32px; }
	html.community .main_page .section1 .section_bottom .main_program .cm_overview103 { display: none; }
	html.community .main_page .section1 .section_bottom .main_program .community_main_swiper { display: block; }
	html.community .main_page .section1 .section_bottom .main_program .swiper-pagination { position: static; margin-top: 12px; }
	html.community .main_page .section1 .d_dream_head .d_dream_bubble { top: 12px; left: 68px; }
	html.community .main_page .section1 .d_dream_head .d_dream_character { top: 32px; left: 12px; width: 80px; }
	html.community .main_page .section1 .d_dream_box { padding: 20px 28px; border-radius: 16px 40px 16px 16px; }
	html.community .main_page .section1 .d_dream_link .thumb { border-radius: 12px; }
	html.community .main_page .section2_box { flex-direction: column; gap: 32px; }
	html.community .main_page .section2_box .title_area .img { width: clamp(128px, 8.3333333333vw, 160px); margin: 0 auto; }
	html.community .main_page .section2_box .content_area { width: 100%; }
	html.health .main_page .section1:before { width: calc(100% - 120px); }
	html.health .main_page .section3 .section_title_toolbar { align-items: end; }
	html.health .main_page .section3 .sec3_left_area.nodata .page_preparing { padding: clamp(41.6px, 2.7083333333vw, 52px) clamp(32px, 2.0833333333vw, 40px); }
	html.health .main_page .sec2_title_box { width: 240px; height: auto; padding-right: 24px; padding-left: 24px; }
	html.health .main_page .sec2_content_area .title_area { width: 120px; }
	html.mayor .header.mayor .logo_pc { display: none; }
	html.mayor .header.mayor .logo_mob { display: block; }
	html.mayor .top_visual { height: clamp(140px, 9.375vw, 180px); margin-top: 0; }
	html.mayor .sub_body { margin-top: clamp(-40px, -2.0833333333vw, -24px); border-radius: 0; }
	html.mayor .main_page .main_today::before { aspect-ratio: 1920/1600; }
	html.mayor .main_page .main_promise { padding: clamp(60px, 4.1666666667vw, 80px) 0; }
	html.mayor .main_page .main_promise_inner { padding-left: 3%; gap: clamp(25.6px, 1.6666666667vw, 32px); }
	html.mayor .main_page .promise_menu { width: clamp(260px, 19.7916666667vw, 380px); }
	html.mayor .main_page .promise_menu_title { padding-left: clamp(20px, 2.0833333333vw, 40px); }
	html.mayor .main_page .promise_menu_list > li > a { padding-right: clamp(16px, 1.0416666667vw, 20px); padding-left: clamp(20px, 2.0833333333vw, 40px); }
	html.mayor .main_page .promise_section { padding-right: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .promise_stats::before { right: 0; left: 0; }
	html.mayor .main_page .promise_stats_total { white-space: normal; }
	html.council .main_page .section1 { border-radius: 0 0 clamp(48px, 3.125vw, 60px) clamp(48px, 3.125vw, 60px); background: linear-gradient(97deg, rgba(243, 247, 255, 0.9) 1.42%, #cfdfff 18.25%, #bfd3ff 41.26%, rgba(255, 212, 233, 0.85) 71.56%, rgba(255, 239, 247, 0.9) 95.12%); }
	html.council .main_page .section1 .inner { flex-direction: column; gap: clamp(40px, 2.6041666667vw, 50px); }
	html.council .main_page .section1 .left_con .content { height: auto; }
	html.council .main_page .section1 .left_con .swiper_control { bottom: -20px; }
	html.council .main_page .section1 .quick_con { position: unset; width: 100%; margin: 0 auto; margin-top: clamp(-20px, -1.0416666667vw, -16px); padding: clamp(20px, 1.5625vw, 30px) clamp(15px, 2.0833333333vw, 40px); border-radius: clamp(20px, 2.0833333333vw, 40px); background-color: #fff; }
	html.council .main_page .section1 .quick_con .q_wrap { justify-content: center; gap: clamp(10px, 2.6041666667vw, 50px); }
	html.council .main_page .section2 .swiper_btn { display: flex; }
	html.council .main_page .section2 .member_img { width: clamp(130px, 10.9375vw, 210px); }
	html.council .main_page .section2 .content::before { width: clamp(130px, 10.4166666667vw, 200px); }
	html.council .main_page .section3 { border-radius: clamp(48px, 3.125vw, 60px) clamp(48px, 3.125vw, 60px) 0 0; background: linear-gradient(90deg, #e8efff 0%, #f3f4f6 100%); }
	html.council .main_page .section3_box1 .inner { flex-direction: column; gap: clamp(20px, 1.3020833333vw, 25px); }
	html.council .main_page .section3_box1 .left_con { position: relative; align-items: flex-start; width: 100%; padding: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px) 0; }
	html.council .main_page .section3_box1 .person_img { display: none; }
	html.council .main_page .section3_box1 .notice_table { position: relative; }
	html.council .main_page .section3_box1 .notice_table::before { display: block; z-index: -1; position: absolute; right: 0; bottom: 99%; aspect-ratio: 288/248; width: clamp(112px, 7.2916666667vw, 140px); background: url("../../images/council/main/person.svg") no-repeat center/contain; content: ""; }
	.page_map .sort_wrap_head { border-radius: 0 0 clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px); }
	.page_map .search_area { z-index: 2; position: fixed; top: 0; left: 0; width: 100%; border-right: 0; }
	.page_map .cm_chk7_wrap { justify-content: center; }
	.page_map .search_area_body { z-index: 2; position: fixed; bottom: 0; left: 0; width: 100%; height: 80vh; overflow: visible; transform: translateY(100%); border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) 0 0; transition: transform 0.3s; }
	.page_map .search_area_body.is_show { transform: translateY(0); }
	.page_map .search_area_body .btn_toggle { display: flex; position: absolute; bottom: 100%; left: 50%; align-items: center; justify-content: center; width: clamp(64px, 4.1666666667vw, 80px); height: clamp(28px, 1.8229166667vw, 35px); transform: translateX(-50%); border-radius: clamp(6.4px, 0.4166666667vw, 8px) clamp(6.4px, 0.4166666667vw, 8px) 0 0; background-color: #007eb4; }
	.page_map .search_area_body .btn_toggle::before { display: block; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); background-color: #fff; content: ""; mask: url("../../images/common/icon_arrow_drop_up.svg") no-repeat center/contain; }
	.page_map .search_area_body .btn_toggle.is_active::before { mask-image: url("../../images/common/icon_arrow_drop_down.svg"); }
	.page_map .map_area { z-index: 1; width: 100%; }
	.page_map .map_layer .map_layer_inner { top: 50%; left: 50%; transform: translate(-50%, -50%); }
	html.lang .main_page .section1 .section1_box1 { flex-direction: column; padding: clamp(51.2px, 3.3333333333vw, 64px) 0 40px; gap: clamp(8px, 0.5208333333vw, 10px); }
	html.lang .main_page .section1 .left_con { position: relative; }
	html.lang .main_page .section1 .right_con { position: unset; width: 100%; max-width: 100%; transform: unset; }
	html.lang .main_page .section1 .section1_box2 ul { gap: clamp(12.8px, 0.8333333333vw, 16px); }
	html.lang .main_page .section1 .character_airport { position: absolute; top: 50%; right: 0; width: clamp(140px, 18.2291666667vw, 350px); transform: translateY(-50%); }
	html.lang .main_page .section1 .content { transform: scale(0.95); transform-origin: right; }
	html.lang .main_page .section1 .swiper-wrapper { align-items: flex-start; }
	html.lang .main_page .section1 .swiper-slide { width: calc((100% - 40px) / 3) !important; transform: none !important; }
	html.lang .main_page .section1 .swiper-slide-active + .swiper-slide { margin-left: 0px; }
	html.lang .main_page .section1 .swiper-slide-active + .swiper-slide + .swiper-slide { margin-left: 0px; }
	html.lang .main_page .section2 .inner { display: flex; flex-direction: column-reverse; gap: clamp(24px, 1.5625vw, 30px); }
	html.lang .main_page .section2 .cm_overview122 { width: 100%; }
	html.lang .main_page .section2 .cm_overview122 .ovw122_list { grid-template-columns: repeat(3, 1fr); }
	html.lang .main_page .section2 .cm_overview122 .ovw122_box:before { background: #f1a2ba; }
	html.lang .main_page .section2 .cm_overview122 .ovw122_box.box2:before { background: #b2d6ff; }
	html.lang .main_page .section2 .cm_overview122 .ovw122_box.box3:before { background: #a8e6cf; }
	html.lang .main_page .section2 .greeting_area { position: relative; width: 100%; }
	html.lang .main_page .section3::before { top: clamp(-30px, -1.5625vw, -24px); bottom: unset; width: clamp(240px, 15.625vw, 300px); }
	html.lang .main_page .section3 .inner { flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
	html.lang .main_page .section3 .title_area::before { top: 50%; right: 0; transform: translateY(-50%); }
	html.lang .main_page .section3 .cm_overview214 { margin: 0; }
	html.lang .main_page .section4 { height: auto; }
	html.lang .main_page .section4 .swiper_box { position: relative; max-width: 100%; margin-top: 120px; margin-bottom: -30px; }
	html.lang .main_page .section4 .title_box { padding: clamp(48px, 3.125vw, 60px) 0; }
	html.lang .main_page .section4 .swiper .content { transform: scale(0.95); transform-origin: right bottom; }
	html.lang .main_page .section4 .swiper-slide-active .content { transform: scale(1); }
	html.lang .main_page .section4 .swiper-slide-active + .swiper-slide { margin-left: 0; }
	html.lang .main_page .section4 .swiper-slide-active + .swiper-slide + .swiper-slide { margin-left: -10px; }
	html.lang .nuri_map .gnb_depth2 { grid-template-columns: repeat(2, 1fr); }
}
@media screen and (max-width:1110px) {
	html.lang .main_page .section2 .cm_overview122 .ovw122_list { grid-template-columns: repeat(1, 1fr); gap: 8px; }
	html.lang .main_page .section2 .cm_overview122 .ovw122_box:before { width: 100%; }
	html.lang .main_page .section2 .cm_overview122 .ovw122_box .btn_more1 { right: 12px; bottom: 50%; transform: translateY(50%); }
	html.lang .main_page .section3 .inner { gap: clamp(44px, 2.8645833333vw, 55px); }
}
@media screen and (max-width:1080px) {
	html.culture .page_tide_times .section3 table td p { display: flex; flex-direction: column; align-items: center; justify-content: center; }
	html.welfare .main_page .section1 .swiper-slide-next .content { border-radius: clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px) clamp(80px, 5.2083333333vw, 100px) clamp(19.2px, 1.25vw, 24px); }
	html.welfare .main_page .section1 .swiper-slide-next + .swiper-slide .content { border-radius: clamp(19.2px, 1.25vw, 24px); }
	html.welfare .main_page .section4 .content { flex-direction: column; }
	html.welfare .main_page .section4 .left_con { width: 100%; }
	html.welfare .main_page .section4 .right_con { width: 100%; }
}
@media screen and (max-width:1079px) {
	.privacy_policy .labeling_list_wrap { position: relative; }
	.privacy_policy .labeling_item_tip { left: 0; width: 100%; height: auto; margin: 0; }
	.privacy_policy .labeling_item_tip dl { font-size: 12px; word-break: break-all; }
	.privacy_policy .labeling_item_tip dt { padding: 4px 10px 6px; }
	.privacy_policy .labeling_item_tip dd { padding: 10px; }
}
@media screen and (max-width:1024px) {
	.sub_top_search_area { position: relative; top: auto; right: auto; left: auto; width: 100%; padding: 20px 0; }
	.sub_top_search_area .inner { flex-wrap: wrap; align-items: center; gap: 16px 24px; }
	.sub_top_search { flex: 1 1 320px; max-width: none; }
	.sub_top_search_form { padding-left: 18px; border-radius: 16px; }
	.sub_top_search_input { height: 56px; padding-right: 12px; font-size: 16px; }
	.sub_top_search_fake_placeholder { left: 18px; font-size: 16px; }
	.sub_top_search_btn { position: relative; top: auto; right: auto; flex-shrink: 0; align-self: center; width: 52px; height: 52px; margin-right: 4px; border-radius: 14px; }
	.sub_popular_keyword { flex: 1 1 280px; min-width: 0; gap: 6px 0; }
	.sub_popular_keyword_title { font-size: 16px; }
	.sub_popular_keyword_swiper { height: 28px; }
	.sub_popular_keyword_list > li { height: 28px; gap: 10px; }
	.sub_popular_keyword_list > li > a { font-size: 15px; }
	.sub_page { padding-top: 24px; }
	.page_primary_main::after { display: none; }
	.page_primary_main .section1::after { position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: linear-gradient(180deg, #ebf4fe 0%, #ffebf7 100%); content: ""; filter: blur(200px); }
	.page_primary_main .section2 { padding-top: 0; }
	.page_primary_main .main_section2_layout { flex-direction: column; }
	.page_primary_main .main_section2_layout .main_section2_layout_left,
	.page_primary_main .main_section2_layout .main_section2_layout_right { width: 100%; }
	.page_primary_main .main_section3_layout .main_section3_layout_left .cm_toolbar { align-items: end; }
	.page_primary_main .main_section_title_area { flex-direction: column; align-items: start; gap: 8px !important; }
	.page_primary_main .main_section3_layout .main_section3_layout_right { width: 260px; }
	.page_primary_main .section3 .d_dream_box { padding-right: 24px; padding-left: 24px; }
	.page_primary_main .section4_box_bottom { flex-direction: column-reverse; align-items: start; padding-right: 20px; padding-left: 20px; gap: 16px; }
	.page_primary_main .section4_box_bottom .box_bottom_title_area { text-align: left; }
	.page_primary_main .section7:before { height: calc(100% - 40px); border-radius: 0; background: linear-gradient(270deg, #f6e6f0 0%, #e9f0ff 100%); }
	.page_primary_main .main_section7_layout_right { width: 220px; }
	.org_box:before { top: 396px; width: 160px; }
	.org_wrap .line4 .item_list { flex-direction: column; gap: 8px; }
	.org_wrap .line4 .item_list:before { display: none; }
	.org_wrap .detail_area:before { width: calc(50% + 8px); }
	.org_wrap .detail_list { display: grid; grid-template-columns: repeat(2, 1fr); }
	.org_wrap .detail_item { width: 100%; }
	.org_wrap .detail_item:nth-child(3):before,
	.org_wrap .detail_item:nth-child(4):before { display: none; }
	.page_landing { display: flex; align-items: center; justify-content: start; }
	.page_landing:before { width: 1135px; }
	.page_landing .content { width: 100%; height: auto; }
	.page_landing .logo { padding-top: 40px; }
	.page_landing .title { margin-top: 48px; font-size: 32px; }
	.page_landing .img { position: relative; top: auto; right: auto; margin-top: 48px; transform: none; }
	.page_landing .img:after { top: -60px; right: -64px; width: 112px; }
	html.family .sub_page { padding-top: 0; }
	html.family .sub_page:before { display: none; }
	html.family .sub_page_head { gap: 10px; }
	html.family .cm_sidebar .sidebar_content.has_top_search { padding-top: 0; }
	html.culture .main_page { background-position: center bottom; background-size: 1280px; }
	html.culture .main_page .section2 { background: none; }
	html.culture .main_page .section2 .section_title span { font-size: 28px; }
	html.culture .main_page .section2 .section_top .contents_area { width: calc(100% - 60px); }
	html.culture .main_page .section2 .section_top .section_content_area { flex-direction: column; }
	html.culture .main_page .section3 .inner { flex-direction: column; }
	html.culture .main_page .section3 .left_area,
	html.culture .main_page .section3 .right_area { flex: auto; width: 100%; }
	html.culture .culture_board_list1 .board_search_area .map_side { width: 100%; }
	html.culture .culture_board_list1 .board_search_area .map_area { max-width: 500px; margin: 0 auto; }
	html.culture .culture_board_list1 .board_search_area .search_side { position: relative; top: auto; right: auto; width: 100%; margin-top: 20px; padding-top: 36px; transform: translate(0, 0); }
	html.culture .culture_board_list1 .board_search_area .search_obj { position: absolute; top: -32px; right: 0; width: 120px; }
	html.health .main_page .section1 .sec1_title_area { width: 50%; }
	html.health .main_page .section1 .sec1_title_area .title:after { width: 68px; }
	html.health .main_page .sec2_content_area .inner { flex-direction: column; padding-top: 32px; padding-bottom: 32px; gap: 20px; }
	html.health .main_page .sec2_content_area .inner:before { display: none; }
	html.health .main_page .sec2_content_area .title_area { width: 100%; }
	html.health .main_page .sec2_content_area .title_area b { display: inline; }
	html.health .main_page .section3 .inner { align-items: end; }
	html.health .main_page .section3 .section_title_toolbar .title_item { flex-direction: column; align-items: start; gap: 8px; }
	html.health .main_page .section4 .cm_swiper_pagination { margin-top: 24px; }
	html.health .main_page .section3 .cm_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
	html.health .main_page .section4 .cm_swiper_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--color-text-secondary); }
	html.health .main_page .section6 .sec6_content:after { bottom: -12px; font-size: 68px; }
	html.health .main_page .section6 .map_area { border-radius: 16px; }
	html.health .main_page .section6 .map_area .map_layer { display: block; visibility: visible; top: auto; right: 0; bottom: 0; width: 100%; height: 82%; max-height: 28px; overflow: hidden; border: 1px solid #ccc; border-radius: 16px; transition: max-height 0.25s, border 0.15s; }
	html.health .main_page .section6 .map_area .map_layer .layer_head { display: flex; align-items: center; justify-content: center; border-radius: 16px 16px 0 0; background: #f4f5f6; }
	html.health .main_page .section6 .map_area .map_layer .layer_head .layer_close_btn { width: 100%; height: 28px; background: url(../../images/common/icon_arrow_drop_up.svg) no-repeat center/16px; }
	html.health .main_page .section6 .map_area .map_layer .layer_body { width: 100%; height: 100%; border-radius: 0 0; }
	html.health .main_page .section6 .map_area .map_layer .layer_body:after { visibility: hidden; opacity: 0; transition: opacity 0.25s; }
	html.health .main_page .section6 .map_area .map_layer.active { visibility: visible; max-height: 1000px; border-color: #ccc; }
	html.health .main_page .section6 .map_area .map_layer.active .layer_body:after { visibility: visible; opacity: 1; }
	html.health .main_page .section6 .map_area .map_layer.active .layer_head .layer_close_btn { background-image: url(../../images/common/icon_arrow_drop_down.svg); }
	html.health .main_page .section6 .map_area .map_layer.minimize { visibility: visible; max-height: 28px; }
	html.health .org_chart .org_dept_list { grid-template-columns: repeat(3, 1fr); gap: 24px; }
	html.health .org_chart .org_dept_list:before { right: calc((100% - 48px) / 6); left: calc((100% - 48px) / 6); }
	html.welfare .main_page .section3 { padding-top: clamp(112px, 7.2916666667vw, 140px); }
	html.welfare .main_page .section3 .title_box { position: absolute; top: 48px; left: 50%; width: 100%; transform: translateX(-50%); }
	html.welfare .main_page .section3 .map_content { flex-direction: column; }
	html.welfare .main_page .section3 .map_con { width: 60rem; max-width: 100%; }
	html.welfare .main_page .section3 .info_con { width: 100%; }
	html.welfare .main_page .section3 .swiper-button-prev { left: -5px; }
	html.welfare .main_page .section3 .swiper-button-next { right: -5px; }
	html.mayor .cm_sidebar .sub_page_content { padding-top: 0; }
	html.mayor .mayor_budget_section { flex-direction: column; }
	html.mayor .mayor_budget_chart { width: 100%; }
	html.mayor .mayor_budget_table .cm_table1 { height: auto; }
	html.mayor .mayor_budget_table .cm_table1 table { height: auto; }
	html.mayor .mayor_field_chart_wrap { grid-template-columns: repeat(3, 1fr); row-gap: clamp(25.6px, 1.6666666667vw, 32px); }
	html.mayor .mayor_sns .mayor_sns_list { position: static; flex-wrap: wrap; justify-content: center; margin-top: 0; padding: 20px; border-radius: 0 0 16px 16px; }
	html.mayor .mayor_sns .mayor_sns_bar { height: auto; min-height: auto; padding: 20px; border-radius: 16px 16px 0 0; }
	html.mayor .promise_map_area { margin-right: 0; padding: clamp(19.2px, 1.25vw, 24px); }
	html.mayor .promise_map_area .promise_mapview { width: 100%; max-width: 500px; margin: 0 auto; }
	html.mayor .promise_map_area .promise_card { position: static; width: 100%; margin-top: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .main_visual::before { aspect-ratio: 900/1182; width: 78%; background: url(../../images/mayor/main/main_visual_bg.svg) no-repeat left top/contain; }
	html.mayor .main_page .main_visual_deco.deco1 { top: clamp(16px, 1.0416666667vw, 20px); right: clamp(-40px, -2.0833333333vw, -32px); left: auto; width: clamp(120px, 9.375vw, 180px); height: clamp(120px, 9.375vw, 180px); }
	html.mayor .main_page .main_visual_deco.deco2 { top: clamp(80px, 6.25vw, 120px); right: clamp(60px, 6.25vw, 120px); left: auto; width: clamp(120px, 9.375vw, 180px); height: clamp(120px, 9.375vw, 180px); }
	html.mayor .main_page .main_visual_inner { flex-direction: column; }
	html.mayor .main_page .main_visual_left { aspect-ratio: auto; width: 100%; height: auto; }
	html.mayor .main_page .main_visual_media { border-radius: 0 0 clamp(40px, 4.1666666667vw, 80px) 0; }
	html.mayor .main_page .main_visual_bottom { position: static; align-items: flex-start; padding: 20px 40px; }
	html.mayor .main_page .main_visual_right { padding: clamp(80px, 5.2083333333vw, 100px) clamp(20px, 1.6666666667vw, 32px) clamp(16px, 1.0416666667vw, 20px); padding-left: 20%; }
	html.mayor .main_page .main_visual_right .mv_intro { font-size: clamp(24px, 1.5625vw, 30px); }
	html.mayor .main_page .main_visual_right .mv_slogan { display: flex; flex-wrap: wrap; gap: 10px; font-size: clamp(32px, 2.0833333333vw, 40px); line-height: 1.1; }
	html.mayor .main_page .main_visual_menu { justify-content: center; gap: 20px; }
	html.mayor .main_page .main_visual_menu .mv_menu_text { color: #fff; font-size: clamp(13px, 0.8333333333vw, 16px); }
	html.mayor .main_page .main_visual_menu .mv_menu_icon { width: clamp(72px, 5vw, 96px); height: clamp(72px, 5vw, 96px); border-radius: clamp(20px, 1.4583333333vw, 28px); }
	html.mayor .main_page .main_visual_menu .mv_menu_icon img { width: clamp(36px, 2.2916666667vw, 44px); height: clamp(36px, 2.2916666667vw, 44px); }
	html.mayor .main_page .main_visual_controller { justify-content: flex-end; width: 100%; }
	html.mayor .main_page .main_field { padding: clamp(48px, 3.125vw, 60px) clamp(32px, 2.0833333333vw, 40px) clamp(80px, 6.25vw, 120px) clamp(40px, 2.6041666667vw, 50px); }
	html.mayor .main_page .main_field::before { display: none; }
	html.mayor .main_page .main_field_inner { flex-direction: column; gap: clamp(24px, 2.0833333333vw, 40px); }
	html.mayor .main_page .main_field_title { flex-direction: row; align-items: flex-end; justify-content: space-between; width: 100%; padding-right: 20px; }
	html.mayor .main_page .main_field_title .title_text { flex-direction: row; align-items: flex-end; gap: 20px; }
	html.mayor .main_page .main_field_list--pc { display: none; }
	html.mayor .main_page .main_field_list--mo { display: block; width: 100%; overflow: hidden; }
	html.mayor .main_page .main_field_swiper .swiper-slide { width: min(72vw, 260px); }
	html.mayor .main_page .main_field_swiper .field_card_img { height: clamp(152px, 9.375vw, 180px); }
	html.mayor .main_page .main_field_pagination { display: flex; justify-content: center; margin-top: clamp(16px, 1.25vw, 24px); gap: clamp(6px, 0.4166666667vw, 8px); }
	html.mayor .main_page .main_field_pagination .swiper-pagination-bullet { width: clamp(6px, 0.4166666667vw, 8px); height: clamp(6px, 0.4166666667vw, 8px); border-radius: 50%; background: var(--color-border-gray); opacity: 1; transition: background 0.2s, width 0.2s; }
	html.mayor .main_page .main_field_pagination .swiper-pagination-bullet-active { width: clamp(20px, 1.25vw, 24px); border-radius: 99px; background: var(--color-mayor-b1); }
	html.mayor .main_page .today_calendar { flex-direction: row; width: 100%; }
	html.mayor .main_page .today_calendar_dates { flex: 1; }
	html.mayor .main_page .cal_days { flex: 1; justify-content: space-between; }
	html.mayor .main_page .main_today { margin-top: 0; padding: clamp(40px, 3.125vw, 60px) 0; padding-bottom: clamp(24px, 1.5625vw, 30px); background: var(--gradation-g, linear-gradient(135deg, var(--mayor-b-1, #3568e9) 0%, var(--mayor-b-2, #4c3bdd) 100%)); }
	html.mayor .main_page .main_today::before { display: none; }
	html.mayor .main_page .main_today_inner { padding: 0 clamp(32px, 2.6041666667vw, 50px); }
	html.mayor .main_page .main_promise { padding: clamp(40px, 3.125vw, 60px) 0; }
	html.mayor .main_page .main_promise_inner { flex-direction: column; padding-left: 0; gap: clamp(25.6px, 1.6666666667vw, 32px); }
	html.mayor .main_page .promise_menu { width: 100%; }
	html.mayor .main_page .promise_menu_title { padding-left: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .promise_menu_list > li > a { padding-right: clamp(16px, 1.0416666667vw, 20px); padding-left: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .promise_section { width: 100%; padding-right: clamp(16px, 1.0416666667vw, 20px); padding-left: clamp(16px, 1.0416666667vw, 20px); }
	html.council .main_page .section2 .member_img { width: clamp(130px, 14.5833333333vw, 280px); }
	html.council .main_page .section2 .content::before { width: clamp(130px, 15.625vw, 300px); }
}
@media screen and (max-width:1023px) {
	.cm_masthead .inner { padding-top: 0; padding-bottom: 0; }
	.integrated_search .search_result_body { flex-direction: column; gap: 40px; }
	.integrated_search .search_sidebar { flex-direction: row; flex-wrap: wrap; width: 100%; }
	.integrated_search .search_side_box { flex: 1 1 280px; min-width: 240px; }
	.integrated_search .search_card_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.integrated_search .search_file_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.integrated_search .search_section_wrap { margin-top: 32px; }
	.integrated_search .search_section { padding-bottom: 0; }
	.search_result_wrap.result_more .search_result_body { display: block; }
	.search_result_wrap.result_more .search_result_main { width: 100%; }
	.search_result_wrap.result_more .search_section_head { flex-direction: column; align-items: start; }
}
@media screen and (max-width:960px) {
	.page_total_intro .intro_head:before { top: 15px; left: 0; }
	.page_total_intro .intro_head:after { top: 20px; right: 0; }
	.page_total_intro .intro_head .sub_top_search { max-width: none; }
}
@media screen and (max-width:950px) {
	html.council .main_page .section3:before { top: clamp(-100px, -5.2083333333vw, -70px); }
}
@media (max-width:768px) {
	.page_history .history_item { grid-template-columns: 1fr; flex-direction: column; padding-bottom: 56px; gap: 24px; }
	.page_history .history_cont { padding-left: 24px; }
	.page_history .history_cont:before { display: none; }
	.page_history .year { font-size: 2.2rem; }
	.page_history .history_tab_inner { display: grid; grid-template-columns: repeat(3, 1fr); padding-bottom: 6px; overflow: auto; gap: clamp(12.8px, 0.8333333333vw, 16px); }
	.page_history .history_tab { min-width: 102px; }
	.page_history .history_desc li { flex-direction: column; }
	.page_history .history_img { width: 100%; }
}
@media screen and (max-width:768px) {
	.top_banner_area { aspect-ratio: 360/80; }
	.top_banner_area .top_bnr_swiper .item_box { aspect-ratio: 360/80; }
	.top_banner_area .pc_view { display: none; }
	.top_banner_area .mobile_view { display: block; }
	.sub_top_search_area { padding: 0; }
	.sub_top_search_area .inner { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: 8px; }
	.sub_top_search { flex: 0 0 auto; width: 100%; max-width: none; }
	.sub_top_search_form { padding-left: 14px; gap: 6px; }
	.sub_top_search_input { height: 48px; padding-right: 8px; }
	.sub_top_search_fake_placeholder { left: 14px; max-width: calc(100% - 70px); overflow: hidden; font-size: 15px; text-overflow: ellipsis; }
	.sub_top_search_btn { width: 40px; height: 40px; margin-right: 4px; border-radius: 10px; }
	.sub_popular_keyword { flex: 0 0 auto; flex-direction: row; align-items: center; width: 100%; min-width: 0; height: 28px; gap: 0 12px; }
	.sub_popular_keyword_title { flex-shrink: 0; font-size: 14px; }
	.sub_popular_keyword_swiper { flex: 1 1 0; width: auto; min-width: 0; height: 24px; }
	.sub_popular_keyword_list > li { width: 100%; height: 24px; gap: 8px; }
	.sub_popular_keyword_list > li > a { min-width: 0; overflow: hidden; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; }
	.footer .footer_related_list { flex-direction: column; height: auto; }
	.footer .footer_related .inner { padding: 0; }
	.footer .footer_related_item { border-right: 1px solid #3c4143; }
	.footer .footer_related_btn { padding: 10px; }
	.footer .footer_surface_main { margin-bottom: 24px; padding-bottom: 24px; }
	.footer .footer_surface_main .inner { flex-direction: column; align-items: flex-start; gap: 20px; }
	.footer .footer_surface_left { width: 100%; gap: 16px; }
	.footer .footer_surface_right { align-items: flex-start; width: 100%; gap: 12px; }
	.footer .footer_util_link { flex-direction: row; flex-wrap: wrap; align-items: flex-start; width: 100%; gap: 8px 16px; }
	.footer .footer_bottom { padding: 16px 0; }
	.footer .footer_link { flex-wrap: wrap; gap: 8px 16px; }
	.footer .footer_link > li + li:before { display: none; }
	.sub_page_head .btns_area { position: absolute; top: 0; right: 0; }
	.page_search .psch_search_area { padding: 32px 20px; }
	.page_search .psch_search_form { width: 100%; padding: 16px 20px; }
	.page_search .psch_search_form .form_control { font-size: 17px; }
	.cm_modal.search_detail_modal .search_detail_row { flex-direction: column; align-items: stretch; }
	.cm_modal.search_detail_modal .search_detail_field { flex-direction: column; align-items: stretch; }
	.cm_modal.search_detail_modal .search_detail_field .cm_form_period .form_control { width: 100%; }
	.cm_modal.search_detail_modal .search_detail_exclude { width: 100%; }
	.cm_modal.search_detail_modal .search_detail_quick { justify-content: center; margin-top: 8px; }
	.integrated_search .search_hero { padding: 32px 16px 24px; }
	.integrated_search .search_hero_form { flex-direction: column; align-items: stretch; }
	.integrated_search .search_detail_btn { width: 100%; }
	.integrated_search .search_related_wrap { flex-direction: column; align-items: flex-start; gap: 10px; }
	.integrated_search .search_tab_area { flex-direction: column; align-items: stretch; gap: 16px; }
	.integrated_search .search_card_list { grid-template-columns: 1fr; }
	.integrated_search .search_file_list { grid-template-columns: 1fr; }
	.integrated_search .search_sidebar { flex-direction: column; }
	.integrated_search .search_side_box { flex: none; width: 100%; }
	.integrated_search .search_result_wrap { padding: 24px 0; gap: 16px; }
	.integrated_search .search_summary_box { padding: 16px 12px; }
	.integrated_search .search_summary_text { font-size: 15px; }
	.integrated_search .search_sort_area { justify-content: space-between; width: 100%; }
	.integrated_search .search_sort_select { flex: 1; max-width: 200px; }
	.integrated_search .search_section_wrap { margin-top: 28px; gap: 28px; }
	.integrated_search .search_section_head { margin-bottom: 12px; gap: 8px; }
	.integrated_search .search_board_item { padding: 16px 0; gap: 8px; }
	.integrated_search .search_board_top { flex-direction: column; align-items: flex-start; gap: 4px; }
	.integrated_search .search_board_date { order: -1; font-size: 13px; }
	.integrated_search .cm_breadcrumb .nav_list { flex-wrap: wrap; }
	.integrated_search .search_popular_list { gap: 10px; }
	.integrated_search .search_recent_list { gap: 6px; }
	.page_total_intro .intro_body_left { flex-direction: column; gap: 12px; }
	.page_total_intro .intro_left_item { width: 100%; }
	.page_total_intro .intro_left_item.primary .item_box { height: 120px; min-height: auto; border-radius: 20px; }
	.page_total_intro .intro_left_item.call .item_box { padding-left: clamp(20px, 2.0833333333vw, 40px); border-radius: 20px; }
	.page_total_intro .intro_left_item.call .item_box .icon { display: none; }
	.page_total_intro .intro_right_grid { grid-template-columns: repeat(1, 1fr); gap: 12px; }
	.page_total_intro .intro_right_grid .item_box { border-radius: 20px; }
	.page_total_intro .intro_right_grid .item_box .icon { display: none; }
	.page_total_intro .intro_floating { position: static; transform: none; }
	.page_total_intro .intro_floating .floating_menu_list { flex-direction: row; justify-content: center; }
	.page_total_intro .intro_body_layout { gap: 12px; }
	.page_total_intro .page_wrap .inner { padding-right: 0; padding-left: 0; gap: clamp(9.6px, 0.625vw, 12px); }
	.page_primary_main .section1 .section1_top_area { flex-direction: column; gap: 8px; }
	.page_primary_main .section1 .section1_search { width: 100%; }
	.page_primary_main .section1 .section1_search_word { width: 100%; }
	.page_primary_main .section1 .weather_content .air_info_list { flex-direction: row; }
	.page_primary_main .section1 .shortcut_area { flex-direction: column; }
	.page_primary_main .section1 .shortcut_area .shortcut_setting_area { width: 100%; }
	.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn_list { flex-direction: row; }
	.page_primary_main .section1 .shortcut_area .shortcut_setting_area .shortcut_setting_btn_list .shortcut_setting_btn { flex: 1 1 0; justify-content: center; min-width: 0; }
	.page_primary_main .main_popup_swiper_control { margin-bottom: -4px; padding-top: 0; padding-bottom: 0; }
	.page_primary_main .main_popup_swiper_control .control_zone_title { display: none; }
	.page_primary_main .main_popup_swiper_control .control_zone_pagination { gap: 5px; font-weight: 400; font-size: 14px; }
	.page_primary_main .main_popup_swiper_control .control_zone_pagination .current { font-weight: 600; }
	.page_primary_main .main_popup_swiper_control .control_zone_navi { gap: 8px; }
	.page_primary_main .main_section3_layout { flex-direction: column; }
	.page_primary_main .main_section3_layout .main_section3_layout_left,
	.page_primary_main .main_section3_layout .main_section3_layout_right { width: 100%; }
	.page_primary_main .section3 .box_icon { display: none; }
	.page_primary_main .section3 .mob_news_box { margin-top: 16px; padding-left: clamp(32px, 2.0833333333vw, 40px); }
	.page_primary_main .section3 .d_dream_box { min-height: 0; }
	.page_primary_main .section3 .d_dream_box .d_dream_link { max-width: 360px; margin: 0 auto; }
	.page_primary_main .section4 { padding-top: 60px; }
	.page_primary_main .section4_box_top { flex-direction: column; align-items: start; padding-right: 20px; padding-left: 20px; gap: 20px; }
	.page_primary_main .section4_box_top:before { width: 280px; }
	.page_primary_main .section4_box_top > * { width: 100%; }
	.page_primary_main .section4_tab .section4_tab_list { flex-direction: row; }
	.page_primary_main .section4_box_top .box_top_title_area .title { margin-bottom: 20px; font-size: 24px; }
	.page_primary_main .section4_box_top .box_top_title_area .title span { font-size: 20px; }
	.page_primary_main .section5:after { right: 0; bottom: 0; width: 100%; height: calc(100% - 60px); background: #e8efff; }
	.page_primary_main .section6 { padding-top: 60px; }
	.page_primary_main .main_section6_layout_left_head { position: static; width: 100%; }
	.page_primary_main .main_section6_layout_left_body { flex-direction: column; gap: 16px; }
	.page_primary_main .section6 .main_section6_layout_left .title_area { width: 100%; padding-top: 24px; padding-bottom: 24px; }
	.page_primary_main .section6 .main_section6_layout_left .title_area:before { width: 100%; border-radius: 24px; }
	.page_primary_main .section6 .main_section6_layout_left .content_area { width: 100%; }
	.page_primary_main .section6 .main_section6_layout_left .section6_tab_list { flex-direction: row; }
	.page_primary_main .section7 { padding: 80px 0; }
	.page_primary_main .main_section7_layout { flex-direction: column; gap: 24px; }
	.page_primary_main .main_section7_layout_right { width: 100%; }
	.org_wrap .line4 .item_list { grid-template-columns: repeat(1, 1fr); }
	.page_MAIN308 .section3 .map_title .cm_text_list1 { flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center; }
	.page_MAIN308 .section3 .map_title .cm_text_list1 .list1_item ~ .list1_item { margin-left: 0; padding-left: 0; }
	.page_MAIN308 .section3 .map_title .cm_text_list1 .list1_item ~ .list1_item:before { display: none; }
	.page_MAIN308 .section3 .map_content { height: auto; padding-top: 80px; padding-bottom: 40px; }
	.page_MAIN308 .section3 .map_content:after { display: none; }
	.page_air_realtime .air_alert_status { flex-direction: column; gap: 16px; }
	.page_air_realtime .air_alert_status .title:before { bottom: -8px; }
	.page_air_realtime .air_alert_status .cm_text_list1 { padding-top: 8px; }
	.page_air_realtime .air_overview_area { flex-direction: column; }
	.page_air_realtime .air_map_area { width: 100%; padding: 24px; border-right: 0; border-bottom: 1px solid #ccc; }
	.page_air_realtime .air_map_area .map { width: 100%; max-width: 280px; }
	.page_air_realtime .air_summary_area { width: 100%; }
	.page_air_realtime .air_detail_grid { grid-template-columns: 1fr; }
	.page_air_realtime .air_forecast_grid { grid-template-columns: 1fr; }
	.page_total_login .page_top_head:before { left: -12px; }
	.page_total_login .page_top_head:after { right: -20px; }
	.safety_framework .sf_row { grid-template-columns: 1fr; gap: 12px; }
	.safety_framework .sf_label { padding-top: 0; }
	.safety_framework .sf_label .sf_label_en { display: inline-block; margin: 0 0 0 8px; }
	.safety_framework .sf_strategy { grid-template-columns: 1fr; }
	.safety_framework .sf_principles { grid-template-columns: repeat(2, 1fr); }
	.nuri_map .gnb_depth2 { grid-template-columns: repeat(2, 1fr); }
	.page_landing .logo { width: 100px; padding-top: 0; }
	.page_landing .title { margin-top: 40px; font-size: 28px; }
	.page_landing .url { margin-top: -4px; }
	html.family .sub_page_head .btns_area { position: static; }
	html.culture .main_page .section1 .slide_area { width: 208px; max-width: 100%; margin-right: auto; margin-left: auto; text-align: center; }
	html.culture .main_page .section1 .slide_area .cm_swiper_control { justify-content: center; width: auto; padding: 0; gap: 12px; }
	html.culture .main_page .section1 .slide_area .cm_swiper_navi { min-width: 44px; min-height: 44px; }
	html.culture .main_page .section1 .tag_list .tag { min-height: 44px; padding: 10px 18px; }
	html.culture .main_page .section3 .right_area .sec3_title { flex-direction: column; align-items: end; gap: 0; }
	html.culture .culture_board_list1 .board_search_area .search_obj { width: 100px; }
	html.culture .culture_board_detail .festival_detail_map .address_box { flex-direction: column; padding-right: 16px; padding-left: 16px; gap: 20px; }
	html.culture .culture_board_detail .festival_detail_map .address_box .left,
	html.culture .culture_board_detail .festival_detail_map .address_box .right { width: 100%; }
	html.culture .culture_board_detail .festival_detail_map .address_box .right { text-align: right; }
	html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 { flex-direction: column; align-items: start; gap: 4px; }
	html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 dt { width: 100%; }
	html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3 dd { margin-top: 2px; }
	html.culture .culture_board_detail .festival_detail_map .address_box .cm_dl3.mt-08 { margin-top: 16px !important; }
	html.culture .culture_board_detail2 .tab_content_section .tab_content .tab_content_item { padding-right: 8px; padding-left: 8px; }
	html.culture .page_course_detail .page_intro { grid-template-columns: 1fr; padding: 24px 16px 20px; gap: 12px; }
	html.culture .page_course_detail .page_intro .intro_left { position: static; gap: 10px; }
	html.culture .page_course_detail .page_intro .intro_overview { gap: 6px; }
	html.culture .page_course_detail .page_intro .intro_sub_detail_box { padding: 20px 16px; }
	html.culture .section_head { padding-right: 8px; padding-left: 8px; }
	html.culture .course_spot .cm_swiper_control .cm_swiper_navi.prev { left: -8px; }
	html.culture .course_spot .cm_swiper_control .cm_swiper_navi.next { right: -8px; }
	html.culture .page_CULTURE61 .apply_box { padding: 90px 20px 32px; }
	html.culture .page_CULTURE61 .apply_box .apply_box_title { width: calc(100% - 64px); min-width: 0; padding: 0 16px; font-size: 22px; }
	html.culture .page_CULTURE61 .apply_info_row { flex-direction: column; gap: 4px; }
	html.culture .page_CULTURE61 .apply_course .apply_course_list { flex-direction: column; }
	html.culture .page_tide_times .section2 .chart_wrap .chart_time .mob_hide { display: none; }
	html.culture .heritage_detail_box { flex-direction: column; }
	html.culture .heritage_detail_box .img_area { width: 100%; }
	html.culture .page_forest_course .page_top_area { flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
	html.culture .page_forest_course .page_top_area .cm_tab { margin-right: auto; }
	html.culture .page_forest_course .page_top_area .cm_btn { margin-left: auto; }
	html.community .main_page .section1 .section_top .intro_box { padding: 32px; }
	html.community .main_page .section1 .section_top .intro_box .sub_title { font-size: 14px; }
	html.community .main_page .section1 .section_top .intro_box .title { font-size: 24px; }
	html.community .main_page .section1 .section_top .intro_box .info_list .info_item { flex-direction: column; }
	html.community .main_page .section1 .section_bottom:before { top: -50px; font-size: 42px; }
	html.community .main_page .section1 .d_dream_box { text-align: center; }
	html.community .main_page .section1 .d_dream_link { width: fit-content; margin: 0 auto; }
	html.community .main_page .section1 .d_dream_head .d_dream_character { left: 42%; transform: translateX(-42%); }
	html.community .main_page .section1 .d_dream_head .d_dream_bubble { left: 48%; }
	html.community .main_page .section1 .section_bottom .inner { flex-direction: column; }
	html.community .main_page .section1 .section_bottom .cm_toolbar { margin-bottom: 12px; }
	html.community .main_page .section1 .section_bottom .left_area { flex: auto; width: 100%; padding-bottom: 0; }
	html.community .main_page .section1 .section_bottom .right_area { flex: auto; width: 100%; }
	html.community .main_page .section2_box { padding: 16px; padding-top: 24px; }
	html.community .page_greeting .page_intro { padding: 0; }
	html.community .page_greeting .page_intro .intro_img { border-radius: 16px 60px 16px 16px; }
	html.community .page_greeting .page_intro .title_box { position: static; width: 100%; height: auto; margin-top: 8px; padding: 28px; border-top: 0; border-right: 0; border-left: 0; border-radius: 16px 16px 16px 60px; font-size: 18px; }
	html.community .page_greeting .page_intro .title_box:after { right: -16px; width: 88px; }
	html.community .page_local_status .section1 .section_top { flex-direction: column; gap: 24px; }
	html.community .page_local_status .section1 .section_top .left_side { width: 100%; max-width: 512px; margin-right: auto; margin-left: auto; }
	html.community .shelter_map .map_area { border-radius: 16px; }
	html.community .shelter_map .map_area .map_layer { display: block; visibility: hidden; bottom: 0; left: 0; width: 100%; height: 72%; max-height: 0; overflow: hidden; border: 1px solid transparent; transition: max-height 0.25s, border 0.15s; }
	html.community .shelter_map .map_area .map_layer .layer_head { display: flex; align-items: center; justify-content: center; border-radius: 16px 16px 0 0; background: #f4f5f6; }
	html.community .shelter_map .map_area .map_layer .layer_head .layer_close_btn { width: 100%; height: 28px; background: url(../../images/common/icon_arrow_drop_up.svg) no-repeat center/16px; }
	html.community .shelter_map .map_area .map_layer .layer_body { width: 100%; height: 100%; border-radius: 0 0; }
	html.community .shelter_map .map_area .map_layer.active { visibility: visible; max-height: 1000px; border-color: #ccc; }
	html.community .shelter_map .map_area .map_layer.active .layer_body:after { visibility: visible; opacity: 1; }
	html.community .shelter_map .map_area .map_layer.active .layer_head .layer_close_btn { background-image: url(../../images/common/icon_arrow_drop_down.svg); }
	html.community .shelter_map .map_area .map_layer.minimize { visibility: hidden; max-height: 0; }
	html.health .main_page .section1:before { width: 100%; border-radius: 0; }
	html.health .main_page .section1 .inner { flex-direction: column; }
	html.health .main_page .section1 .sec1_title_area { width: 100%; padding-bottom: 20px; gap: 28px; }
	html.health .main_page .section2_inner_wrapper { flex-direction: column; gap: 0; }
	html.health .main_page .sec2_title_box { width: 100vw; margin-left: calc(var(--inner_padding) * -1); padding-top: 32px; padding-bottom: 32px; border-radius: 0; box-shadow: none; }
	html.health .main_page .section3 .sec3_right_area { flex: 1 1 0; width: auto; min-width: 0; padding-bottom: 32px; }
	html.health .main_page .section4:before { border-radius: 0 0 60px 0; }
	html.health .main_page .section5 .cm_search4 { border-radius: 24px; }
	html.health .main_page .section6 .sec6_content { padding-bottom: 48px; border-radius: 60px 0 0 0; }
	html.health .main_page .section6 .sec6_content:after { bottom: 4px; font-size: 48px; letter-spacing: -1px; }
	html.health .main_page .section6 .section_head { margin-bottom: 24px; }
	html.health .main_page .section6 .section_head .tab_area { border-radius: 16px; }
	html.health .main_page .section6 .section_head .tab_area .cm_tab.tab3 .tab3_list { flex-wrap: wrap; }
	html.health .health_form_row { gap: clamp(6px, 0.625vw, 12px) clamp(6.4px, 0.4166666667vw, 8px); }
	html.health .health_form_field { flex: 1 1 0; min-width: 0; }
	html.health .health_form_field .form_control { flex: 1 1 0; width: 100%; min-width: 0; }
	html.health .health_form_field:has(#year) { flex-basis: 100%; }
	html.health .health_form_btns { justify-content: center; width: 100%; }
	html.health .health_form_btns .cm_btn { flex: 1 1 0; min-width: 0; }
	html.health .result_text strong { display: block; }
	html.health .page_HEALTH89 .cm_overview3 .ovw3_list { grid-template-columns: repeat(1, 1fr); }
	html.health .page_HEALTH119 .history_decade { flex-direction: column; }
	html.health .page_HEALTH119 .history_decade .decade_label { width: 100%; }
	html.health .page_HEALTH119 .history_row { flex-direction: column; }
	html.health .page_HEALTH119 .history_row .row_date { width: 100%; }
	html.health .org_chart { padding: 20px; }
	html.health .org_chart .org_chief { margin-bottom: 24px; }
	html.health .org_chart .org_chief:after { display: none; }
	html.health .org_chart .org_dept_list { grid-template-columns: 1fr; padding-top: 0; gap: 32px; }
	html.health .org_chart .org_dept_list:before { display: none; }
	html.health .org_chart .org_dept_list > li:before,
	html.health .org_chart .org_dept_list > li:after { display: none; }
	html.welfare .main_page .section1 .title_box { margin-bottom: clamp(64px, 4.1666666667vw, 80px); }
	html.welfare .main_page .section1 .roadmap_btn { top: -30px; }
	html.welfare .main_page .section1 .content { padding: clamp(32px, 2.0833333333vw, 40px); }
	html.welfare .main_page .section1 .swiper-slide-active .content { border-radius: clamp(19.2px, 1.25vw, 24px); }
	html.welfare .main_page .section1 .swiper-slide-next .content { border-radius: clamp(19.2px, 1.25vw, 24px); }
	html.welfare .main_page .section2 .title_box { margin-bottom: clamp(64px, 4.1666666667vw, 80px); }
	html.mayor .sub_body .sub_page_head { flex-direction: column; align-items: stretch; }
	html.mayor .page_MAYOR9 .manifesto_intro_box { flex-direction: column; align-items: flex-start; text-align: left; }
	html.mayor .mayor_chart_box--bar { grid-template-columns: repeat(2, 1fr); row-gap: clamp(25.6px, 1.6666666667vw, 32px); }
	html.mayor .main_page .main_visual::before { display: none; }
	html.mayor .main_page .main_visual_inner { display: block; }
	html.mayor .main_page .main_visual_left { position: relative; width: 100%; background: none; }
	html.mayor .main_page .main_visual_media { aspect-ratio: 4/3; border-radius: 0; }
	html.mayor .main_page .main_visual_media::after { z-index: 1; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 35%, rgba(0, 0, 0, 0.15) 58%, rgba(0, 0, 0, 0.66) 100%); content: ""; pointer-events: none; }
	html.mayor .main_page .main_visual_controller .mv_btn { color: #fff; }
	html.mayor .main_page .main_visual_right { z-index: 4; position: absolute; right: 0; bottom: 115px; left: 0; padding: 0 clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .main_visual_right .mv_intro { margin-bottom: clamp(3px, 0.2083333333vw, 4px); color: rgba(255, 255, 255, 0.8); font-size: clamp(14px, 0.8854166667vw, 17px); }
	html.mayor .main_page .main_visual_right .mv_intro .light { color: rgba(255, 255, 255, 0.68); }
	html.mayor .main_page .main_visual_right .mv_slogan { flex-direction: column; gap: 0; color: #fff; font-size: clamp(24px, 1.6666666667vw, 32px); line-height: 1.2; }
	html.mayor .main_page .main_visual_right .mv_slogan .point { color: #ffe23f; }
	html.mayor .main_page .main_visual_bottom { position: static; flex-direction: row; align-items: center; justify-content: space-between; padding: clamp(12px, 0.7291666667vw, 14px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(10px, 0.625vw, 12px); background: linear-gradient(139deg, var(--color-mayor-b1) 0%, var(--color-mayor-b2) 100%); }
	html.mayor .main_page .main_visual_menu { flex: 1; justify-content: space-between; gap: 0; }
	html.mayor .main_page .main_visual_menu .mv_menu_item { flex: 1; align-items: center; gap: clamp(5px, 0.3125vw, 6px); }
	html.mayor .main_page .main_visual_menu .mv_menu_icon { width: clamp(44px, 2.7083333333vw, 52px); height: clamp(44px, 2.7083333333vw, 52px); border-radius: clamp(12px, 0.8333333333vw, 16px); }
	html.mayor .main_page .main_visual_menu .mv_menu_icon img { width: clamp(22px, 1.3541666667vw, 26px); height: clamp(22px, 1.3541666667vw, 26px); }
	html.mayor .main_page .main_visual_menu .mv_menu_text { color: #fff; font-size: clamp(11px, 0.6770833333vw, 13px); text-align: center; }
	html.mayor .main_page .main_visual_controller { z-index: 1; position: absolute; right: 10px; bottom: 110px; flex-shrink: 0; justify-content: flex-end; width: auto; }
	html.mayor .main_page .main_visual_deco.deco1 { z-index: 5; top: calc(100% + clamp(4.8px, 0.3125vw, 6px)); right: clamp(8px, 0.5208333333vw, 10px); width: clamp(60px, 4.1666666667vw, 80px); height: clamp(60px, 4.1666666667vw, 80px); }
	html.mayor .main_page .main_visual_deco.deco2 { z-index: 5; top: calc(100% + clamp(30px, 2.2916666667vw, 44px)); right: clamp(40px, 2.8125vw, 54px); width: clamp(48px, 3.3333333333vw, 64px); height: clamp(48px, 3.3333333333vw, 64px); }
	html.mayor .main_page .main_field { padding: clamp(24px, 1.875vw, 36px) clamp(16px, 1.0416666667vw, 20px) clamp(36px, 2.5vw, 48px); }
	html.mayor .main_page .main_field_inner { gap: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .main_field_title { flex-direction: column; align-items: flex-start; width: 100%; padding-right: 0; gap: clamp(8px, 0.5208333333vw, 10px); }
	html.mayor .main_page .main_field_title .title_text { flex-direction: column; align-items: flex-start; width: 100%; gap: clamp(6px, 0.4166666667vw, 8px); }
	html.mayor .main_page .main_field_title .cm_title_main { font-size: clamp(26px, 1.6666666667vw, 32px); line-height: 1.2; white-space: normal; }
	html.mayor .main_page .main_field_title .title_desc_row { display: flex; align-items: center; justify-content: space-between; width: 100%; gap: clamp(10px, 0.625vw, 12px); }
	html.mayor .main_page .main_field_title .title_desc { flex: 1; min-width: 0; color: var(--color-text-sub); font-size: clamp(12px, 0.6770833333vw, 13px); line-height: 1.45; white-space: normal; }
	html.mayor .main_page .main_field_title .title_desc span { display: inline; }
	html.mayor .main_page .main_field_title .title_desc span + span::before { content: " "; }
	html.mayor .main_page .main_field_title .cm_btn_more_pill { flex-shrink: 0; height: clamp(36px, 2.0833333333vw, 40px); padding: 0 clamp(14px, 0.8333333333vw, 16px) 0 clamp(16px, 1.0416666667vw, 20px); font-size: clamp(13px, 0.7291666667vw, 14px); }
	html.mayor .main_page .main_field_list { gap: clamp(24px, 2.0833333333vw, 40px) clamp(12.8px, 0.8333333333vw, 16px); }
	html.mayor .main_page .main_field_list > li { width: 100%; min-width: 0; }
	html.mayor .main_page .main_today_inner { padding: 0 clamp(16px, 1.0416666667vw, 20px); gap: clamp(20px, 1.25vw, 24px); }
	html.mayor .main_page .main_today_head { flex-direction: column; align-items: stretch; gap: clamp(14px, 0.8333333333vw, 16px); }
	html.mayor .main_page .today_title_area { flex-direction: row; align-items: center; justify-content: space-between; width: 100%; gap: clamp(10px, 0.625vw, 12px); }
	html.mayor .main_page .today_title_area .today_title { font-size: clamp(26px, 1.6666666667vw, 32px); }
	html.mayor .main_page .today_title_area .cm_btn_more_pill { flex-shrink: 0; height: clamp(36px, 2.0833333333vw, 40px); padding: 0 clamp(14px, 0.8333333333vw, 16px) 0 clamp(16px, 1.0416666667vw, 20px); font-size: clamp(13px, 0.7291666667vw, 14px); }
	html.mayor .main_page .today_calendar { flex-direction: column; width: 100%; gap: clamp(8px, 0.5208333333vw, 10px); }
	html.mayor .main_page .today_calendar_month { flex-direction: row; align-items: baseline; width: 100%; gap: clamp(5px, 0.3125vw, 6px); }
	html.mayor .main_page .today_calendar_month .cal_year { font-size: clamp(14px, 0.9375vw, 18px); }
	html.mayor .main_page .today_calendar_month .cal_month { font-size: clamp(22px, 1.4583333333vw, 28px); }
	html.mayor .main_page .today_calendar_dates { flex-wrap: nowrap; align-items: center; width: 100%; padding-top: clamp(2px, 0.2083333333vw, 4px); overflow: visible; gap: clamp(5px, 0.3125vw, 6px); }
	html.mayor .main_page .cal_days { flex: 1; width: 100%; overflow: visible; gap: clamp(3px, 0.2083333333vw, 4px); }
	html.mayor .main_page .cal_day { flex: 1; width: auto; min-width: 0; height: clamp(52px, 3.3333333333vw, 64px); padding: clamp(3px, 0.2604166667vw, 5px); gap: clamp(0px, 0.0520833333vw, 1px); border-radius: clamp(10px, 0.7291666667vw, 14px); }
	html.mayor .main_page .cal_day.is_active { transform: translateY(clamp(-10px, -0.5208333333vw, -8px)); }
	html.mayor .main_page .cal_day .cal_day_num { font-size: clamp(13px, 0.78125vw, 15px); line-height: 1.2; }
	html.mayor .main_page .cal_day .cal_day_label { font-size: clamp(10px, 0.5729166667vw, 11px); line-height: 1.2; }
	html.mayor .main_page .cal_nav { flex-shrink: 0; width: clamp(14.4px, 0.9375vw, 18px); height: clamp(14.4px, 0.9375vw, 18px); }
	html.mayor .main_page .cal_day_dot { top: 3px; width: clamp(4px, 0.2604166667vw, 5px); height: clamp(4px, 0.2604166667vw, 5px); }
	html.mayor .main_page .schedule_card { width: min(80vw, 290px); height: clamp(170px, 9.8958333333vw, 190px); padding: clamp(32px, 2.2916666667vw, 44px) clamp(14.4px, 0.9375vw, 18px) clamp(12.8px, 0.8333333333vw, 16px); }
	html.mayor .main_page .schedule_card::before { height: clamp(16px, 1.0416666667vw, 20px); }
	html.mayor .main_page .schedule_card_top { gap: clamp(10px, 0.625vw, 12px); }
	html.mayor .main_page .schedule_time { width: clamp(44px, 2.7083333333vw, 52px); height: clamp(44px, 2.7083333333vw, 52px); font-size: clamp(11px, 0.6770833333vw, 13px); }
	html.mayor .main_page .schedule_title { -webkit-line-clamp: 2; font-size: clamp(14px, 0.8333333333vw, 16px); line-clamp: 2; }
	html.mayor .main_page .schedule_card_bottom .cm_icon { max-width: 100%; overflow: hidden; font-size: clamp(11px, 0.625vw, 12px); text-overflow: ellipsis; white-space: nowrap; }
	html.mayor .main_page .main_promise { padding: clamp(32px, 2.2916666667vw, 44px) 0; }
	html.mayor .main_page .promise_menu { gap: clamp(10px, 0.625vw, 12px); }
	html.mayor .main_page .promise_menu_title { font-size: clamp(26px, 1.6666666667vw, 32px); }
	html.mayor .main_page .promise_menu_list > li > a { height: clamp(46px, 2.7083333333vw, 52px); }
	html.mayor .main_page .promise_menu_list .menu_text { font-size: clamp(14px, 0.78125vw, 15px); }
	html.mayor .main_page .promise_menu_list .menu_icon { flex-shrink: 0; width: clamp(32px, 1.875vw, 36px); height: clamp(32px, 1.875vw, 36px); border-radius: clamp(8px, 0.5208333333vw, 10px); }
	html.mayor .main_page .promise_menu_list .menu_icon img { width: clamp(20px, 1.1458333333vw, 22px); height: clamp(20px, 1.1458333333vw, 22px); }
	html.mayor .main_page .promise_slider { margin: clamp(-16px, -0.8333333333vw, -12px); padding: clamp(12px, 0.8333333333vw, 16px); overflow: hidden; }
	html.mayor .main_page .promise_circle .promise_circle_title { font-size: clamp(13px, 0.8854166667vw, 17px); }
	html.mayor .main_page .promise_circle.is_active .promise_circle_title { font-size: clamp(12px, 0.78125vw, 15px); }
	html.mayor .main_page .promise_slider_btn { width: clamp(36px, 2.0833333333vw, 40px); height: clamp(36px, 2.0833333333vw, 40px); border-radius: clamp(10px, 0.7291666667vw, 14px); }
	html.mayor .main_page .promise_slider_controller { position: static; justify-content: flex-end; margin-top: clamp(10px, 0.625vw, 12px); }
	html.mayor .main_page .promise_stats { flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; height: auto; padding: clamp(20px, 1.25vw, 24px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(12px, 0.7291666667vw, 14px); }
	html.mayor .main_page .promise_stats::before { right: 0; left: 0; height: 100%; border-radius: clamp(20px, 1.4583333333vw, 28px); }
	html.mayor .main_page .promise_stats_chart { flex-shrink: 0; width: clamp(108px, 6.6666666667vw, 128px); height: clamp(108px, 6.6666666667vw, 128px); }
	html.mayor .main_page .promise_stats_chart_label { font-size: clamp(12px, 0.7291666667vw, 14px); }
	html.mayor .main_page .promise_stats_chart_value { font-size: clamp(20px, 1.3541666667vw, 26px); }
	html.mayor .main_page .promise_stats_info { flex: 1; align-items: flex-start; min-width: 0; height: auto; gap: clamp(8px, 0.5208333333vw, 10px); }
	html.mayor .main_page .promise_stats_total { font-size: clamp(13px, 0.8333333333vw, 16px); text-align: left; white-space: normal; }
	html.mayor .main_page .promise_stats_boxes { gap: clamp(6px, 0.4166666667vw, 8px); }
	html.mayor .main_page .promise_stats_box { height: clamp(88px, 5.2083333333vw, 100px); padding-top: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(16px, 1.25vw, 24px) clamp(16px, 1.25vw, 24px) clamp(8px, 0.625vw, 12px) clamp(8px, 0.625vw, 12px); }
	html.mayor .main_page .promise_stats_box .box_value_wrap { top: auto; bottom: clamp(6px, 0.4166666667vw, 8px); height: 52%; }
	html.mayor .main_page .promise_stats_box .box_label { font-size: clamp(12px, 0.6770833333vw, 13px); }
	html.mayor .main_page .promise_stats_box .box_value { font-size: clamp(18px, 1.25vw, 24px); }
	.page_MAYOR3 .mayor_intro { flex-direction: column; }
	.page_MAYOR3 .mayor_intro_img_wrap { width: 100%; max-width: clamp(280px, 16.6666666667vw, 320px); margin: 0 auto; }
	.page_MAYOR4 .mayor_profile_section { flex-direction: column; }
	.page_MAYOR4 .mayor_profile_hero { height: clamp(190px, 16.6666666667vw, 320px); }
	.page_MAYOR4 .mayor_profile_hero_img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
	html.council .main_page .section2 .member_img { width: clamp(100px, 20.8333333333vw, 400px); }
	html.council .main_page .section2 .content::before { width: clamp(90px, 20.8333333333vw, 400px); }
	html.council .main_page .section3:before { top: unset; bottom: 99.5%; }
	html.council .main_page .section3_box2 .title_area { flex-direction: column; align-items: flex-start; gap: clamp(8px, 0.5208333333vw, 10px); }
	html.council .main_page .section3_box2 .title_area .sns_btn { margin-left: auto; }
	html.council .main_page .section3_box2 .content_area .content_wrap { grid-template-columns: repeat(1, 1fr); }
	html.council .greeting_page .greeting_banner { height: auto; padding-bottom: 0; }
	html.council .greeting_page .greeting_banner::before { background-position: left 20% center; }
	html.council .greeting_page .speaker_img { position: relative; right: unset; bottom: unset; width: 150px; height: auto; margin-top: clamp(8px, 0.5208333333vw, 10px); float: right; }
	html.council .greeting_page .greeting_txt p .mbr { display: none; }
	.page_map .search_area .search_box2 { flex-direction: column; }
	.page_map .search_area .cm_search3 { width: 100%; }
	html.lang .main_page .section1 .swiper-slide { width: calc((100% - 15px) / 2) !important; }
	html.lang .main_page .section1 .section1_box2 ul { flex-direction: column; }
	html.lang .main_page .section2 .greeting_area .gt_box { justify-content: flex-start; }
	html.lang .main_page .section2 .greeting_area { padding: 70px 15px 20px 50px; }
	html.lang .main_page .section2 .greeting_area .gt_member { right: 20px; width: 160px; }
	html.lang .main_page .section3::before { width: 200px; }
	html.lang .main_page .section3 .title_area::before { width: 80px; }
	html.lang .main_page .section4 .swiper-slide-active + .swiper-slide + .swiper-slide { margin-left: 0; }
	html.lang .page_en_information .cm_table.responsive tbody td { width: 100%; }
	html.lang .page_en_information .cm_table.responsive tbody td[data-th=Map]:before { display: none; }
	html.lang .culture_board_detail2 .tab_content_section .tab_content .tab_content_item { padding-right: 8px; padding-left: 8px; }
}
@media screen and (max-width:767px) {
	.privacy_policy .labeling_list_wrap th,
	.privacy_policy .labeling_list_wrap td { padding: 5px; font-size: 12px; }
	.privacy_policy .labeling_list_wrap .labeling_img { width: 30px; }
	.privacy_policy .labeling_list_wrap .labeling_img2 { width: 25px; }
	.privacy_policy .policy_table th,
	.privacy_policy .policy_table td { padding: 5px; font-size: 12px; }
}
@media screen and (max-width:640px) {
	.safety_framework .sf_principles { grid-template-columns: 1fr; }
}
@media screen and (max-width:600px) {
	html.health .main_page .main_section .section_title_toolbar { margin-bottom: 16px; }
	html.health .main_page .section3 { padding-top: 40px; padding-bottom: 0; }
	html.health .main_page .section3 .inner { flex-direction: column; gap: 60px; }
	html.health .main_page .section3 .sec3_left_area,
	html.health .main_page .section3 .sec3_right_area { flex: none; width: 100%; }
	html.health .main_page .section3 .sec3_right_area { padding-bottom: 0; }
	html.health .main_page .section3 .local_medical_box:after { top: -58px; right: 16px; width: 92px; }
	html.health .page_HEALTH3 .greeting_box .greeting_sign { justify-content: center; }
	html.mayor .mayor_field_chart_wrap { grid-template-columns: repeat(2, 1fr); }
	html.mayor .mayor_rate_wrap { flex-direction: column; align-items: stretch; }
	html.mayor .mayor_rate_donut { width: clamp(140px, 10.4166666667vw, 200px); margin: 0 auto; }
	html.mayor .mayor_sns .mayor_sns_list { display: grid; grid-template-columns: repeat(2, 1fr); width: 100%; }
}
@media screen and (max-width:500px) {
	html.council .main_page .section1 .right_con .sb_wrap { flex-direction: column; justify-content: center; }
	html.council .main_page .section1 .right_con .member_box { gap: clamp(16px, 1.0416666667vw, 20px); }
	html.council .main_page .section1 .right_con .member_img { width: clamp(150px, 8.3333333333vw, 160px); }
	html.council .main_page .section1 .right_con .m_btns .btn { width: clamp(170px, 9.375vw, 180px); }
	html.council .main_page .section2 .member_img { width: clamp(100px, 31.25vw, 600px); }
	html.council .main_page .section2 .content::before { width: clamp(90px, 31.25vw, 600px); }
	html.council .main_page .section2 .swiper { margin-top: 50px; }
	html.lang .main_page .section1 .swiper-slide { width: 100% !important; }
	html.lang.en .header_trans { height: 85px; }
	html.lang.en .header_trans .inner { flex-direction: column; }
}
@media screen and (max-width:480px) {
	.sub_popular_keyword_title { font-size: 13px; }
	.sub_popular_keyword_list > li > a { font-size: 13px; }
	.integrated_search .cm_file_list4.in_search .file_box { flex-direction: column; align-items: flex-start; gap: 8px; }
	.integrated_search .cm_file_list4.in_search .file_btns { justify-content: flex-end; width: 100%; }
	.integrated_search .search_file_btns { flex-direction: column; align-items: stretch; }
	.integrated_search .search_file_btns .cm_btn { width: 100%; }
	.page_total_intro .intro_head:before { width: 70px; }
	.page_total_intro .intro_head:after { width: 70px; }
	.page_total_intro .intro_right_bottom .board_box { height: 94px; }
	.page_total_intro .intro_right_bottom .board_item { flex-direction: column; align-items: start; gap: 4px; }
	.page_total_intro .intro_right_bottom .board_item .board_label { height: fit-content; padding-top: 2px; padding-bottom: 2px; }
	.page_primary_main .section6 .main_section6_layout_left .section6_tab_list { flex-direction: column; gap: 8px; }
	.org_box:before { display: none; }
	.org_box { padding-right: 20px; padding-left: 20px; }
	.org_wrap .detail_area { padding-top: 0; }
	.org_wrap .detail_area:before { display: none; }
	.org_wrap .detail_list { grid-template-columns: repeat(1, 1fr); }
	.org_wrap .detail_item:nth-child(1):before,
	.org_wrap .detail_item:nth-child(2):before { display: none; }
	.page_MAIN308 .section1 .content_box { padding-left: 0; }
	.page_MAIN308 .section1 .content_box:before { display: none; }
	.page_MAIN308 .section1 .content_box .box_text { padding-right: 0; padding-bottom: 0; }
	html.culture .main_page .section1 { min-height: 0; }
	html.culture .main_page .section1 .inner { padding-top: 60px; padding-bottom: 100px; }
	html.culture .main_page .section2 .section_top .contents_area { width: 100%; }
	html.culture .main_page .section2 .section_top .contents_area .cm_swiper_navi,
	html.culture .main_page .section2 .section_bottom .cm_swiper_control .cm_swiper_navi { display: none; }
	html.culture .main_page .section3 .inner { padding-bottom: 60px; }
	html.culture .main_page .section3 .sun_info_group { flex-direction: column; gap: 32px; }
	html.culture .main_page .section3 .sun_info_group .sun_info_item { width: 100%; }
	html.culture .main_page .section3 .sun_info_group .sun_info_item:first-child:after { top: auto; bottom: -16px; left: 50%; width: 100%; height: 1px; transform: translateX(-50%); background: #ddd; }
	html.culture .main_page .section3 .sun_info_group .sun_info_item .text { display: flex; gap: 20px; }
	html.culture .main_page .section3 .sun_info_group .sun_info_item .text dl ~ dl { margin-top: 0; }
	html.community .main_page .section1 .section_top .intro_box .btns_area .cm_btn { flex: 1 1 0; width: auto; min-width: 0; }
	html.lang .sub_page_head_title_area { flex-direction: column; align-items: start; }
	html.lang .sub_page_head_title_area .sub_page_head_title,
	html.lang .sub_page_head_title_area .sub_page_head_btns_area { width: 100%; }
	html.lang .sub_page_head_title_area .sub_page_head_btns_area { justify-content: end; }
	html.lang .nuri_map .gnb_depth2 { grid-template-columns: repeat(1, 1fr); }
}
@media screen and (max-width:450px) {
	html.council .main_page .section1 .quick_con .q_btn { flex: 1; }
	html.council .main_page .section1 .quick_con .q_icon { width: 100%; }
}
@media screen and (max-width:400px) {
	html.lang .main_page .section2 .greeting_area { padding: 50px 15px 20px 30px; }
	html.lang .main_page .section2 .greeting_area .gt_member { right: 10px; width: 150px; }
}
@media screen and (max-width:350px) {
	html.lang .main_page .section1 .character_airport { width: 100px; }
}
@media print {
	body { -webkit-print-color-adjust: exact; }
	.page_print .cm_btn.print { display: none; }
}