@charset "UTF-8";

/* header */
.header { z-index: 2025; position: fixed; top: 0; left: 0; width: 100%; background: #fff; word-break: keep-all; transition: box-shadow 0.5s; }
.header .inner { display: flex; align-items: center; justify-content: space-between; max-width: 100%; height: 100%; padding: 0 20px; }
.header .header_top { display: block; height: 4.5rem; overflow: hidden; background: #e5e5e5; }
.header .header_top .inner { padding: 0; }
.header .familysite_area { position: relative; height: 100%; }
.header .familysite_area .btn_family { display: none; aspect-ratio: 1/1; width: 2.8rem; overflow: hidden; background: url(../../images/common/icon_solid_service_link.svg) no-repeat center center/contain; text-indent: 100%; white-space: nowrap; }
.header .familysite_area .familysite_title { display: none; font-weight: 600; font-size: 3rem; text-align: center; }
.header .familysite_area .familysite_layer { height: 100%; }
.header .familysite_area .list_body { display: flex; align-items: center; height: 100%; }
.header .familysite_area .list_item { position: relative; height: 100%; }
.header .familysite_area .list_item:after { position: absolute; top: 50%; right: -2.05rem; width: 0.3rem; height: 0.3rem; margin-top: -0.16rem; border-radius: 100%; background: #fff; content: ""; }
.header .familysite_area .list_item:last-child:after { display: none; }
.header .familysite_area .btn_fam { display: flex; position: relative; align-items: center; height: 100%; padding: 0.9rem min(1.25vw, 24px); background: #e5e5e5; font-weight: 500; font-size: var(--font_size17); line-height: 1.5; transition: background-color 0.3s; }
.header .familysite_area .btn_fam:before { position: absolute; top: 0; right: 0; width: 1px; height: 100%; background: #fff; content: ""; }
.header .familysite_area .btn_fam[target=_blank]:after { display: block; aspect-ratio: 1/1; width: 1.3rem; margin-left: 0.6rem; background: url(../../images/common/icon_other_external_link.svg) no-repeat center center/contain; content: ""; }
.header .familysite_area .btn_fam:hover { background: #fff; }
.header .familysite_area .btn_fam:hover:before { width: 100%; height: 0.4rem; background: #c1186b; }
.header .familysite_area .btn_close { display: none; width: 3.6rem; height: 3.6rem; overflow: hidden; background: url(../../images/common/icon_stroke_cross_bold.svg) no-repeat center center/contain; color: transparent; font-size: 1px; }
.header .utilities_area { display: flex; position: absolute; top: 11px; right: 2.4rem; gap: 0 2.4rem; font-size: var(--font_size15); line-height: 1.3; }
.header .header_btm { height: 13rem; }
.header .header_btm .inner { height: 100%; gap: clamp(19px, 1.25vw, 24px); }
.header .logo { flex-shrink: 0; margin-top: clamp(-6.4px, -0.4166666667vw, -8px); }
.header .logo_img { display: block; width: clamp(170px, 11.7708333333vw, 226px); }
.header .btn_member { display: flex; align-items: center; gap: 3.2rem; }
.header .btn_member > li { position: relative; }
.header .btn_member > li:before { display: block; position: absolute; top: 50%; left: calc(100% + 1.6rem); width: 1px; height: 12px; transform: translateY(-50%); background-color: #000; content: ""; }
.header .btn_member > li:last-child:before { display: none; }
.header .font_setting { position: relative; }
.header .font_setting_layer { display: none; z-index: 12; position: absolute; top: calc(100% + 10px); right: 8%; width: clamp(120px, 7.8125vw, 150px); padding: 8px; border: 1px solid #000; background: #fff; }
.header .font_setting.active .font_setting_layer { display: block; }
.header .font_setting_layer:after { position: absolute; right: -1px; bottom: 100%; width: 11px; height: 12px; background: url(../../images/common/icon_font_arr.svg) no-repeat right bottom/contain; content: ""; }
.header .font_setting_layer .btn_font_size { display: flex; align-items: center; width: 100%; min-height: clamp(40px, 2.5vw, 48px); padding: 0 clamp(12px, 0.8333333333vw, 16px); gap: clamp(6px, 0.4166666667vw, 8px); border-radius: 6px; background-color: #fff; font-size: clamp(15px, 0.8854166667vw, 17px); }
.header .font_setting_layer .btn_font_size:hover,
.header .font_setting_layer .btn_font_size:focus-visible { text-decoration: underline; }
.header .font_setting_layer .btn_font_size > span { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(22px, 1.25vw, 24px); border: 1px solid #ddd; background: #fff; font-size: clamp(15px, 0.8854166667vw, 17px); text-decoration: none !important; }
.header .font_setting_layer .btn_font_size.zoom_out > span { width: clamp(18px, 1.1458333333vw, 22px); font-size: clamp(13px, 0.78125vw, 15px); }
.header .font_setting_layer .btn_font_size.zoom_in > span { width: clamp(26px, 1.4583333333vw, 28px); font-size: clamp(18px, 1.0416666667vw, 20px); }
.header .font_setting_layer .btn_font_size:hover { background: #fde9ec; }
.header .font_setting_layer .btn_font_size:hover > span { border-color: #891c3b; background: #891c3b; color: #fff; }
.header .gnb_area { width: 100%; height: 100%; }
.header .gnb_area .gnb_depth1_wrap { height: 100%; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; align-items: center; justify-content: center; height: 100%; gap: clamp(19px, 1.25vw, 24px); }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { position: relative; padding: clamp(16px, 1.0416666667vw, 20px); }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { display: flex; position: relative; align-items: center; justify-content: center; padding: 1.5rem 0; font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); line-height: 1; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a:after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; transform: scaleX(0); background: #000; content: ""; transition: transform 0.5s; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active > a:after,
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:hover > a:after { transform: scaleX(1); }
.header .gnb_area .gnb_depth2_wrap { display: none; z-index: 12; position: absolute; top: 100%; left: 50%; width: 25rem; margin-left: -12.5rem; }
.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.hover .gnb_depth2_wrap { display: block; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 { width: 100%; max-height: 80vh; padding: 1.6rem 2.4rem; overflow: hidden; overflow-y: auto; border: 1px solid #000; background: #fff; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { display: flex; position: relative; align-items: center; width: 100%; min-height: 4rem; font-size: 1.7rem; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a[target=_blank] { align-items: center; justify-content: space-between; gap: 5px; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: 16px; height: 16px; background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a span { min-width: 0; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.has_depth > a { padding-right: 2rem; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.has_depth > a:after { position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; margin-top: -1rem; background: url(../../images/common/icon_solid_arrow_drop.svg) no-repeat center/contain; content: ""; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a,
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.click > a,
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li:hover > a { font-weight: 600; text-decoration: underline; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a:after,
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.click > a:after { transform: rotate(180deg); }
.header .gnb_area .gnb_depth3_wrap { display: none; padding: 1.6rem; background: #f3f3f3; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active:not(.click) .gnb_depth3_wrap { display: block; }
.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.click:not(.active) .gnb_depth3_wrap { display: block; }
.header .gnb_area .gnb_depth3_wrap .gnb_depth3 > li + li { margin-top: 1rem; }
.header .gnb_area .gnb_depth3_wrap .gnb_depth3 > li > a { display: flex; align-items: center; width: 100%; gap: 0.8rem; font-size: 1.6rem; }
.header .gnb_area .gnb_depth3_wrap .gnb_depth3 > li > a:before { display: block; flex-shrink: 0; width: 3px; height: 3px; border-radius: 100%; background: #000; content: ""; }
.header .gnb_area .gnb_depth3_wrap .gnb_depth3 > li.active > a,
.header .gnb_area .gnb_depth3_wrap .gnb_depth3 > li:hover > a { text-decoration: underline; }
.header .util_area { display: flex; flex-shrink: 0; align-items: center; gap: clamp(14px, 0.9375vw, 18px); }
.header .util_area .btn_util { font-weight: 500; font-size: 1.5rem; }
.header .util_area .btn_util:hover { text-decoration: underline; }
.header .language_area { position: relative; flex-shrink: 0; }
.header .language_area .btn_lang { display: flex; position: relative; align-items: center; padding: 8px; padding-left: 12px; border: 1px solid #000; border-radius: 100px; font-weight: bold; font-size: var(--font_size17); }
.header .language_area .lang_layer { display: none; z-index: 11; position: absolute; top: calc(100% + 10px); left: 50%; flex-direction: column; align-items: center; justify-content: center; padding: 1.5rem; gap: 1rem; transform: translateX(-50%); border: 1px solid #000; border-radius: 1rem; background: #fff; }
.header .language_area.active .lang_layer { display: flex; }
.header .language_area .lang_layer > a.active { font-weight: 600; text-decoration: underline; }
.header .sitemap_area { position: relative; flex-shrink: 0; }
.header .sitemap_area .btn_sitemap { display: block; position: relative; width: 3rem; height: 3.8rem; overflow: hidden; color: transparent; font-size: 1px; }
.header .sitemap_area .btn_sitemap:before,
.header .sitemap_area .btn_sitemap:after { position: absolute; right: 0; width: 100%; height: 2px; background: #000; content: ""; transition: all 0.5s; }
.header .sitemap_area .btn_sitemap:before { top: 1.4rem; }
.header .sitemap_area .btn_sitemap:after { bottom: 1.4rem; width: 2rem; }
.header .sitemap_area .btn_sitemap:hover:before { width: 2rem; }
.header .sitemap_area .btn_sitemap:hover:after { width: 100%; }
.header .sitemap_area .sitemap_layer { display: none; z-index: 11; position: fixed; top: 0; width: 100%; height: 100vh; overflow: hidden; overflow-y: auto; background: #fff; word-break: keep-all; }
.header .util_area .btn_search { display: block; aspect-ratio: 1/1; width: clamp(24px, 1.8229166667vw, 35px); overflow: hidden; background: url(../../images/common/icon_stroke_search.svg) no-repeat center center/24px; color: transparent; text-indent: 100%; white-space: nowrap; }
.header .search_layer { display: none; z-index: 11; position: absolute; top: 100%; right: 0; left: 0; padding: clamp(50px, 5.2083333333vw, 100px) clamp(20px, 1.25vw, 24px); background: var(--color-neutral-gray-20); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); }
.header .search_area.active .btn_search { background: url(../../images/common/icon_stroke_cross_bold.svg) no-repeat center center/24px; }
.header .search_area.active .search_layer { display: block; }
.header .search_layer .search_form { display: flex; justify-content: center; width: 100%; gap: 10px; }
.header .search_layer .search_form .search_input { width: 100%; max-width: 670px; height: clamp(50px, 2.9166666667vw, 56px); padding: 0 16px; border: 1px solid #000; }
.header .search_layer .search_form .search_btn { height: clamp(50px, 2.9166666667vw, 56px); }
.header.scroll { box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); }
.header:not(.main) .header_btm { border-bottom: 1px solid #000; }
#container { padding-top: 17.5rem; transition: padding 0.2s; }
#container.scroll { padding-top: 8rem; }
#container > img { display: none; width: 100%; max-width: 100%; }
#container > .img_pc { display: block; }

/* top banner */
.top_banner { z-index: 2025; position: fixed; top: 0; left: 0; width: 100%; height: 12rem; overflow: hidden; background: #fff; transition: height 0.2s; }
.top_banner .swiper-slide { opacity: 0 !important; transition: opacity 0.5s; }
.top_banner .swiper-slide-active { opacity: 1 !important; }
.top_banner .item_box { display: block; width: 100%; height: 12rem; border-bottom: 1px solid #000; }
.top_banner .item_box > img { width: 100%; height: 100%; object-fit: cover; }
.top_banner .swiper-slide > a { display: block; width: 100%; height: 12rem; }
.top_banner .swiper-slide > a > img,
.top_banner .swiper-slide > img { width: 100%; height: 100%; object-fit: cover; }
.top_banner img.img_pc { display: block !important; }
.top_banner img.img_mo { display: none !important; }
.top_banner .ctrl_area { z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; }
.top_banner .ctrl_area .inner { display: flex; position: relative; justify-content: flex-end; }
.top_banner .ctrl_area .swiper-btn { display: block; width: 2rem; height: 2rem; background-position: center; background-size: contain; background-repeat: no-repeat; }
.top_banner .ctrl_area .inner > .swiper-btn { position: absolute; bottom: 4rem; width: 3.2rem; height: 3.2rem; border: 1px solid #000; background-size: 2.3rem; background-color: #fff; }
.top_banner .ctrl_area .inner > .swiper-btn:hover { background-color: #000; }
.top_banner .ctrl_area .swiper-prev { left: var(--inner_padding); background-image: url(../../images/common/icon_stroke_arrow_left.svg); }
.top_banner .ctrl_area .swiper-next { right: var(--inner_padding); background-image: url(../../images/common/icon_stroke_arrow_right.svg); }
.top_banner .ctrl_area .swiper-prev:hover { background-image: url(../../images/common/icon_stroke_arrow_left_wt.svg); }
.top_banner .ctrl_area .swiper-next:hover { background-image: url(../../images/common/icon_stroke_arrow_right_wt.svg); }
.top_banner .ctrl_area .swiper-ctrl-area { display: flex; position: absolute; bottom: 1rem; left: 0; align-items: center; justify-content: center; width: 100%; gap: 0.4rem; }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-pagination { display: flex; position: static; align-items: center; width: auto; height: 2rem; padding: 0 0.5rem; gap: 0.2rem; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); font-size: 1.5rem; line-height: 1; }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-pagination .swiper-pagination-current { font-weight: 700; }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-btn { display: none; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-btn.active { display: block; }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-pause { background-image: url(../../images/common/icon_stroke_pause.svg); }
.top_banner .ctrl_area .swiper-ctrl-area .swiper-play { background-image: url(../../images/common/icon_stroke_play.svg); }
.top_banner .ctrl_area .today_close { display: flex; z-index: 2; position: relative; align-items: center; justify-content: flex-end; padding: 1rem 0; gap: 0.4rem; }
.top_banner .ctrl_area .today_close .cm_chk1 { padding: 0.2rem; border-radius: 3px; background-color: rgba(255, 255, 255, 0.3); }
.top_banner .ctrl_area .today_close .cm_chk1 .chk_label { align-items: center; color: #000; font-size: 1.5rem; }
.top_banner .ctrl_area .today_close .cm_chk1 .chk_label:before { width: 2rem; height: 2rem; }
.top_banner .ctrl_area .today_close .btn_close { width: 2.2rem; height: 2.2rem; border-radius: 3px; background: rgba(255, 255, 255, 0.3) url(../../images/common/icon_stroke_cross_bold.svg) no-repeat center/1.5rem; }
.top_banner ~ .header { top: 12rem; }
.top_banner ~ #container { padding-top: 29.5rem; }
.top_banner.scroll { height: 0; }
.top_banner.close { display: none; }
.top_banner.scroll ~ .header,
.top_banner.close ~ .header { top: 0; }
.top_banner.scroll ~ #container,
.top_banner.close ~ #container { padding-top: 17.5rem; }

/* footer */
.footer { background-color: #fff; word-break: auto-phrase; }
.footer .footer_top { border-top: 1px solid #000; border-bottom: 1px solid #000; }
.footer .footer_top .inner { display: flex; min-height: clamp(70px, 4.6875vw, 90px); }
.footer .footer_link_area,
.footer .footer_info_area { display: flex; flex: 1; align-items: center; padding: 10px 0; }
.footer .footer_link_area { position: relative; padding-right: clamp(15px, 1.5625vw, 30px); }
.footer .footer_link_area:before { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: -50vw; background: var(--color-neutral-gray-80); content: ""; }
.footer .footer_info_area { padding-left: clamp(15px, 1.5625vw, 30px); }
.footer .footer_link { display: flex; flex-wrap: wrap; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); color: #fff; white-space: nowrap; }
.footer .footer_link > li { position: relative; }
.footer .footer_link > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(7.5px, 0.78125vw, 15px)); width: 2px; height: 13px; transform: translateY(-50%); background-color: #fff; content: ""; }
.footer .footer_link > li:last-child:before { display: none; }
.footer .footer_link > li.active a { color: #c6a268; font-weight: 700; }
.footer .footer_info { display: flex; flex-wrap: wrap; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); }
.footer .footer_info > li { position: relative; }
.footer .footer_info dl { display: flex; align-items: center; gap: 0 clamp(6px, 0.625vw, 12px); }
.footer .footer_info dd { font-weight: bold; font-size: clamp(16px, 0.9895833333vw, 19px); white-space: nowrap; }
.footer .footer_bottom { padding: clamp(20px, 3.125vw, 60px) 0; }
.footer .footer_bottom .inner { display: flex; gap: 0 clamp(30px, 3.125vw, 60px); }
.footer .footer_logo { flex-shrink: 0; }
.footer .footer_logo img { width: clamp(100px, 7.4479166667vw, 143px); }
.footer .footer_address { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(5px, 0.3645833333vw, 7px) 0; }
.footer .footer_copyright { color: #666; font-size: clamp(13px, 0.78125vw, 15px); }
.footer .business_info_list { display: flex; flex-wrap: wrap; align-items: center; gap: 5px min(2.0833333333vw, 40px); }
.footer .business_info_list > li { position: relative; }
.footer .footer_business_info { display: flex; align-items: center; gap: 0 min(2.0833333333vw, 40px); }
.footer .footer_content { display: flex; align-items: center; justify-content: space-between; gap: 0 min(2.0833333333vw, 40px); }
.footer .btn_business_info { display: inline-block; padding: 4px 12px; border: 1px solid #000; border-radius: 4px; font-size: clamp(13px, 0.78125vw, 15px); }
.footer .footer_familysite_wrap { position: relative; }
.footer .footer_familysite { display: inline-block; position: relative; min-width: clamp(150px, 11.4583333333vw, 220px); }
.footer .footer_familysite_title { display: flex; align-items: center; justify-content: space-between; width: 100%; height: clamp(40px, 2.6041666667vw, 50px); padding: 0 clamp(15px, 1.0416666667vw, 20px); border: 1px solid #000; background-color: #fff; font-weight: 500; font-size: clamp(14px, 0.78125vw, 15px); text-align: left; cursor: pointer; transition: all 0.3s ease; }
.footer .footer_familysite_title:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(18px, 1.25vw, 24px); margin-left: clamp(8px, 0.5208333333vw, 10px); background: url(../../images/common/icon_solid_arrow_drop.svg) no-repeat center/contain; content: ""; }
.footer .footer_familysite_options { visibility: hidden; z-index: 100; position: absolute; right: 0; bottom: calc(100% + 5px); left: 0; width: 100%; max-height: clamp(200px, 13.0208333333vw, 250px); padding: clamp(10px, 0.78125vw, 15px) clamp(15px, 1.0416666667vw, 20px); padding-right: clamp(10px, 0.78125vw, 15px); border: 1px solid #000; background-color: #fff; opacity: 0; transition: all 0.3s ease; }
.footer .footer_familysite_options_scroll { max-height: clamp(180px, 11.4583333333vw, 220px); padding-right: clamp(5px, 0.5208333333vw, 10px); overflow-y: auto; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar { width: 4px; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #ccc; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar-track { background: transparent; }
.footer .footer_familysite_options a { display: block; padding: 5px 0; color: #333; font-size: clamp(13px, 0.7291666667vw, 14px); line-height: 1.4; transition: color 0.2s ease; }
.footer .footer_familysite_options a:hover { color: var(--color-point-50-primary); }
.footer .footer_familysite_options a:focus-visible { outline-offset: -2px; }
.footer .footer_familysite.opened .footer_familysite_title:after { transform: rotate(180deg); }
.footer .footer_familysite.opened .footer_familysite_options { visibility: visible; opacity: 1; }

/* sidebar */
.sidebar_nav { flex-shrink: 0; width: clamp(208px, 13.5416666667vw, 260px); min-height: 100vh; border-right: 1px solid #000; background-color: #fff; font-weight: bold; word-break: auto-phrase; }
.sidebar_nav a { display: flex; }
.sidebar_nav .sidebar_depth1 .depth1_item { display: flex; align-items: center; justify-content: center; height: clamp(92px, 5.9895833333vw, 115px); padding: clamp(16px, 1.0416666667vw, 20px); background-color: #3e3a3b; color: #fff; font-size: clamp(19px, 1.25vw, 24px); text-align: center; transition: background-color 0.1s; }
.sidebar_nav .sidebar_depth2 > li > a { position: relative; padding: clamp(13px, 0.8333333333vw, 16px) clamp(19px, 1.25vw, 24px); padding-right: clamp(40px, 2.6041666667vw, 50px); font-size: clamp(15px, 0.9895833333vw, 19px); }
.sidebar_nav .sidebar_depth2 > li > a:before { display: none; position: absolute; right: clamp(19px, 1.25vw, 24px); bottom: 0; left: clamp(19px, 1.25vw, 24px); height: 3px; background-color: #000; content: ""; }
.sidebar_nav .sidebar_depth2 > li > a:after { display: none; position: absolute; top: 50%; right: clamp(19px, 1.25vw, 24px); aspect-ratio: 1/1; width: clamp(19px, 1.25vw, 24px); transform: translateY(-50%); background: url(../../images/common/icon_solid_arrow_drop.svg) no-repeat center center/contain; content: ""; }
.sidebar_nav .sidebar_depth2 > li > a[target=_blank] { align-items: center; justify-content: space-between; gap: 5px; }
.sidebar_nav .sidebar_depth2 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: clamp(19px, 1.25vw, 24px); height: clamp(19px, 1.25vw, 24px); background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
.sidebar_nav .sidebar_depth2 > li > a span { min-width: 0; }
.sidebar_nav .sidebar_depth2 > li.has_depth > a:after { display: block; }
.sidebar_nav .sidebar_depth2 > li.active > a:before { display: block; }
.sidebar_nav .sidebar_depth2 > li.click > a:after { transform: translateY(-50%) rotate(180deg); }
.sidebar_nav .sidebar_depth3_wrap { display: none; }
.sidebar_nav .sidebar_depth2 > li.active:not(.click) > .sidebar_depth3_wrap { display: block; }
.sidebar_nav .sidebar_depth2 > li.click:not(.active) > .sidebar_depth3_wrap { display: block; }
.sidebar_nav .sidebar_depth3 { position: relative; padding-top: clamp(8px, 0.5208333333vw, 10px); }
.sidebar_nav .sidebar_depth3:before { display: block; position: absolute; top: clamp(-2.4px, -0.15625vw, -3px); right: clamp(19px, 1.25vw, 24px); left: clamp(19px, 1.25vw, 24px); height: clamp(2.4px, 0.15625vw, 3px); background-color: #000; content: ""; }
.sidebar_nav .sidebar_depth3 > li > a { align-items: center; justify-content: space-between; padding: clamp(6px, 0.4166666667vw, 8px) clamp(19px, 1.25vw, 24px); gap: 5px; font-weight: 400; font-size: clamp(14px, 0.8854166667vw, 17px); }
.sidebar_nav .sidebar_depth3 > li > a[target=_blank] { align-items: center; justify-content: space-between; gap: 5px; }
.sidebar_nav .sidebar_depth3 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: clamp(16px, 1.0416666667vw, 20px); height: clamp(16px, 1.0416666667vw, 20px); background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
.sidebar_nav .sidebar_depth3 > li.active > a { font-weight: 700; }
.sidebar_nav .sidebar_depth3 > li > a span { display: inline-block; position: relative; min-width: 0; padding-left: clamp(22px, 1.40625vw, 27px); }
.sidebar_nav .sidebar_depth3 > li > a span:before { display: block; position: absolute; top: 50%; left: clamp(12px, 0.78125vw, 15px); aspect-ratio: 1/1; width: clamp(3px, 0.2083333333vw, 4px); transform: translateY(-50%); border-radius: 1000px; background-color: #000; content: ""; }

/* layout */
.inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.sub_page { display: flex; }
.sub_page_content { flex-grow: 1; min-width: 0; padding-top: clamp(30px, 2.9166666667vw, 56px); padding-right: 130px; padding-bottom: clamp(30px, 5.2083333333vw, 100px); padding-left: clamp(15px, 5.2083333333vw, 100px); }
.sub_page_content > .inner { max-width: 1200px; margin: 0; padding: 0; }
.sub_page.no_sidebar_page { overflow: hidden; }
.sub_page.no_sidebar_page .sub_page_content > .inner { position: relative; margin: 0 auto; }

/* breadcrumb */
.cm_breadcrumb .nav_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); }
.cm_breadcrumb .nav_list > li { position: relative; font-weight: 400; font-size: var(--font_size15); }
.cm_breadcrumb .nav_list > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(7.5px, 0.78125vw, 15px)); aspect-ratio: 1/1; width: clamp(15px, 0.9375vw, 18px); transform: translate(-50%, -50%); background: url(../../images/common/icon_arrow_right_sm.svg) no-repeat center/contain; content: ""; }
.cm_breadcrumb .nav_list > li:last-child:before { display: none; }
.cm_breadcrumb .nav_list > li.active { font-weight: 700; }
.cm_breadcrumb .nav_list > li > a,
.cm_breadcrumb .nav_list > li > a span { text-decoration: underline; }
.sub_page_head { display: flex; flex-direction: column; margin-bottom: clamp(25px, 2.8645833333vw, 55px); gap: 2.4rem 0; }
.sub_page_head .sub_page_head_title_area { display: flex; align-items: center; justify-content: space-between; }
.sub_page_head .sub_page_head_title { flex: 1; font-weight: 700; font-size: clamp(29px, 2.0833333333vw, 40px); letter-spacing: min(0.0520833333vw, 1px); }
.sub_page_head .sub_page_share_area { position: relative; max-width: 5.6rem; overflow: hidden; }
.sub_page_head .sub_page_share_area .share_toggle_btn { display: flex; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; margin-right: 0; margin-left: auto; border: 1px solid var(--border-disabled); outline-offset: -2px; background: #fff url(../../images/common/icon_solid_share.svg) no-repeat center/clamp(18px, 1.25vw, 24px); }
.sub_page_head .sub_page_share_area .share_list { display: flex; visibility: hidden; position: absolute; top: 0; right: 5.6rem; width: max-content; height: 100%; padding: 1rem; gap: min(0.4166666667vw, 8px); border: 1px solid var(--border-basic); border-right: 0; background: #fff; }
.sub_page_head .sub_page_share_area .share_list .share_item_btn { width: 3.6rem; height: 3.6rem; background-position: center; background-size: 3.6rem; background-repeat: no-repeat; transition: background 0.25s; }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.facebook { background-image: url(../../images/common/icon_facebook.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.facebook:hover,
.sub_page_head .sub_page_share_area .share_list .share_item_btn.facebook:focus-visible { background-image: url(../../images/common/icon_facebook_hover.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.blog { background-image: url(../../images/common/icon_blog.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.blog:hover,
.sub_page_head .sub_page_share_area .share_list .share_item_btn.blog:focus-visible { background-image: url(../../images/common/icon_blog_hover.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.kakao { background-image: url(../../images/common/icon_kakao.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.kakao:hover,
.sub_page_head .sub_page_share_area .share_list .share_item_btn.kakao:focus-visible { background-image: url(../../images/common/icon_kakao_hover.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.copy_url { background-image: url(../../images/common/icon_url.svg); }
.sub_page_head .sub_page_share_area .share_list .share_item_btn.copy_url:hover,
.sub_page_head .sub_page_share_area .share_list .share_item_btn.copy_url:focus-visible { background-image: url(../../images/common/icon_url_hover.svg); }
.sub_page_head .sub_page_share_area.active { max-width: 100%; overflow: visible; }
.sub_page_head .sub_page_share_area.active .share_toggle_btn { border-color: var(--border-basic); background-image: url(../../images/common/icon_stroke_cross_bold.svg); }
.sub_page_head .sub_page_share_area.active .share_list { visibility: visible; }

/* datepicker */
.ui-datepicker { border-radius: 5px; }
.ui-datepicker select { appearance: auto; color: #000; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top: 0; width: 2.3em; height: 100%; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 0; }
.ui-datepicker .ui-datepicker-next { right: 0; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover { border-color: transparent; background-color: transparent; }
.ui-datepicker .ui-datepicker-prev-hover { left: 0; }
.ui-datepicker .ui-datepicker-next-hover { right: 0; }
.ui-datepicker .ui-datepicker-header { background-color: var(--primary); color: #fff; }
.ui-datepicker .ui-datepicker-header .ui-icon { background-image: url(../../images/common/ui-icons_ffffff_256x240.png); }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight { border-color: var(--primary); background-color: var(--primary-s100); color: var(--primary); }
.ui-datepicker .ui-datepicker-calendar .ui-state-active { border-color: transparent; background-color: var(--primary); color: #fff; }

/* quick menu */
.quick_menu_area { z-index: 20; position: fixed; top: 280px; right: min(1.6666666667vw, 32px); }
.quick_menu_area.on { z-index: 2026; }
.quick_menu_area .quick_menu_toggle_button,
.quick_menu_area .quick_menu_box_head { display: none; }
.quick_menu_area .dim { display: none; }
.quick_menu_area .quick_menu_list { padding: 10px; border-radius: 10px; background-color: #fff; }
.quick_menu_area .quick_menu_list .quick_menu_item .item_box { display: block; flex-direction: column; align-items: center; justify-content: center; width: 7rem; padding: 2.4rem 0; border-bottom: 3px solid #000; font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.3rem; text-align: center; }
.quick_menu_area .quick_menu_list .quick_menu_item .icon { display: block; width: 2.4rem; height: 2.4rem; margin: 0 auto 8px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.quick_menu_area .quick_menu_list .quick_menu_item.quick_academy .icon { background-image: url(../../images/common/quick_icon1.svg); }
.quick_menu_area .quick_menu_list .quick_menu_item.quick_map .icon { background-image: url(../../images/common/quick_icon2.svg); }
.quick_menu_area .quick_menu_list .quick_menu_item.quick_platform .icon { background-image: url(../../images/common/quick_icon3.svg); }

/* 메인 */
.main_section { z-index: 1; position: relative; padding: 4.6rem 0; overflow: hidden; word-break: keep-all; }
.main_section .flex_inner { display: flex; align-items: flex-start; justify-content: space-between; }
.main_section .main_title { margin-bottom: 2.2rem; font-weight: 700; font-size: 4rem; line-height: 150%; }
.main_section .cm_toolbar { margin-bottom: 0; }
.main_section .cm_toolbar .main_title { margin-bottom: 0; }
.main_section .cm_toolbar .btn_more { display: flex; align-items: center; gap: 1.6rem; font-size: 1.6rem; }
.main_section .cm_toolbar .btn_more:after { display: block; width: 3.6rem; height: 2.2rem; background: url(../../images/common/icon_stroke_arrow4_right.svg) no-repeat center center/contain; content: ""; transition: transform 0.3s; }
.main_section .btn_more:hover:after { transform: translateX(5px); }
.main_section .nodata { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; padding: 3.2rem; gap: 2.4rem; border: 1px solid #000; }
.main_section .nodata > img { width: 6.6rem; }
.main_section .nodata > div { font-weight: 500; font-size: 1.9rem; line-height: 1.5; }

/* 메인 - 비주얼 */
.visual_section { padding: 0; }
.js-fouc .visual_section .visual_swiper:not(.is-ready) .swiper { visibility: hidden; opacity: 0; }
.js-fouc .visual_section .visual_swiper.is-ready .swiper { visibility: visible; opacity: 1; transition: opacity 0.2s ease; }
.visual_section .visual_swiper { position: relative; width: calc(100% + (100vw - var(--inner)) / 2 - clamp(30px, 2.0833333333vw, 40px)); margin-left: calc((100vw - var(--inner)) / -2 + clamp(30px, 2.0833333333vw, 40px)); }
.visual_section .visual_swiper .item_box { display: block; width: 100%; }
.visual_section .visual_swiper .item_box .item_thumb { display: block; aspect-ratio: 3/4; width: 100%; overflow: hidden; border: 1px solid #000; }
.visual_section .visual_swiper .item_box .item_thumb .thumb_img { width: 100%; height: 100%; object-fit: fill; transition: transform 0.3s; }
.visual_section .visual_swiper .item_box .item_desc { position: relative; padding: 2.4rem 4rem; border-bottom: 3px solid #000; line-height: 1.5; }
.visual_section .visual_swiper .item_box .item_desc:after { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; transform: scaleX(0); transform-origin: 0 50%; background: var(--color-point-50-primary); content: ""; transition: transform 0.3s; }
.visual_section .visual_swiper .item_box .item_title { overflow: hidden; font-weight: 700; font-size: 3.2rem; text-overflow: ellipsis; white-space: nowrap; transition: color 0.3s; }
.visual_section .visual_swiper .item_box .item_date { margin-top: 1.6rem; font-size: 1.7rem; }
.visual_section .visual_swiper .item_box .item_place { margin-top: 0.8rem; font-weight: 500; font-size: 1.8rem; }
.visual_section .visual_swiper .item_box:hover .item_thumb .thumb_img { transform: scale(1.05); }
.visual_section .visual_swiper .item_box:hover .item_desc:after { transform: scaleX(1); }
.visual_section .visual_swiper .item_box:hover .item_title { color: var(--color-point-50-primary); }
.visual_section .visual_swiper .item_box:focus-visible { outline-offset: -10px; }
.visual_section .visual_swiper .swiper-btn-wrap { display: flex; z-index: 2; position: absolute; top: 43%; right: -6rem; width: 12rem; height: 12rem; margin-top: -6rem; }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-btn { display: block; width: 100%; height: 100%; background-size: auto 100%; background-repeat: no-repeat; }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-prev { background-image: url(../../images/main/btn_slide.svg); background-position: left center; }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-next { background-image: url(../../images/main/btn_slide.svg); background-position: right center; }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-play,
.visual_section .visual_swiper .swiper-btn-wrap .swiper-pause { position: absolute; top: 50%; left: 50%; width: 25px; height: 25px; transform: translate(-50%, -60%); background-position: center; background-repeat: no-repeat; }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-play { background-image: url(../../images/common/icon_stroke_play.svg); }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-pause { background-image: url(../../images/common/icon_stroke_pause.svg); }
.visual_section .visual_swiper .swiper-btn-wrap .swiper-button-disabled { opacity: 0.7; }

/* 메인 - 소식·행사 */
.notice_section { padding-top: 10rem; }
.notice_section .inner { gap: 5.6rem; }
.notice_section .notice_area { flex: 1; min-width: 0; }
.notice_section .notice_area .cm_toolbar { margin-bottom: 3.2rem; }
.notice_section .notice_area .notice_list { display: flex; gap: 2.4rem; }
.notice_section .notice_area .notice_list .list_item { width: calc((100% - 2.4rem) / 2); }
.notice_section .notice_area .notice_list .item_box { display: block; height: 100%; padding: 3.2rem; border: 1px solid var(--border-basic); background: #fff; transition: transform 0.3s, box-shadow 0.3s; }
.notice_section .notice_area .notice_list .item_title { display: -webkit-box; height: 10.8rem; font-weight: 700; font-size: 2.4rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; transition: color 0.3s; }
.notice_section .notice_area .notice_list .item_date { margin-top: 6rem; }
.notice_section .notice_area .notice_list .item_box:hover { transform: translateY(-5px); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.notice_section .notice_area .notice_list .item_box:hover .item_title { color: var(--color-point-50-primary); }
.notice_section .notice_area .nodata { min-height: 25.7rem; }
.notice_section .notice_area .nodata > div { font-weight: 500; font-size: 1.9rem; line-height: 1.5; }
.notice_section .bnr_area { position: relative; flex-shrink: 0; width: 56.9rem; }
.notice_section .bnr_area .item_box { display: block; width: 100%; }
.notice_section .bnr_area .item_box .item_thumb { display: block; aspect-ratio: 12/7.381; width: 100%; overflow: hidden; }
.notice_section .bnr_area .item_box .item_thumb .thumb_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.notice_section .bnr_area .item_box:hover .item_thumb .thumb_img { transform: scale(1.05); }
.notice_section .bnr_area .item_box:focus-visible { outline-offset: -5px; }
.notice_section .bnr_area .swiper-btn-wrap { display: flex; align-items: center; justify-content: flex-end; margin-top: 1.2rem; gap: 0.8rem; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-pagination { display: flex; position: static; align-items: center; width: auto; gap: 0.6rem; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet { width: 1.4rem; height: 1.4rem; margin: 0; border-radius: 0; background: #d4d4d4; opacity: 1; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-pagination .swiper-pagination-bullet-active { background: #000; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-ctrl-area { display: flex; align-items: center; gap: 1.6rem; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-ctrl-area .swiper-btn { display: none; width: 2.4rem; height: 2.4rem; background-position: center; background-size: contain; background-repeat: no-repeat; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-ctrl-area .swiper-btn.active { display: block; }
.notice_section .bnr_area .swiper-btn-wrap .swiper-ctrl-area .swiper-pause { background-image: url(../../images/common/icon_stroke_pause.svg); }
.notice_section .bnr_area .swiper-btn-wrap .swiper-ctrl-area .swiper-play { background-image: url(../../images/common/icon_stroke_play.svg); }

/* 메인 - 캘린더 */
.calendar_section .main_title { margin-bottom: 4.8rem; }
.calendar_section .calendar_area { display: flex; gap: 4rem; }
.calendar_section .calendar_wrap { flex: 1; min-width: 0; }
.calendar_section .calendar_wrap .btn_more { display: block; }
.calendar_section .calendar_wrap .btn_more[tabindex="-1"] { display: none; }
.calendar_section .calendar_wrap .selected .btn_more { border: 1px solid #000; }
.calendar_section .calendar_wrap .cm_calendar .day_box { aspect-ratio: unset; min-height: 8.5rem; }
.calendar_section .calendar_content { position: relative; flex-shrink: 0; width: 74.8rem; padding: 2.4rem 4rem 3rem; border: 1px solid #000; }
.calendar_section .calendar_content .cont_title { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0.8rem; border-bottom: 1px solid #000; }
.calendar_section .calendar_content .cont_title .title_date { font-weight: 700; font-size: 2.4rem; line-height: 150%; }
.calendar_section .calendar_content .cont_title .title_filter { display: flex; gap: 2rem; }
.calendar_section .calendar_content .cont_scroll { position: absolute; top: 6.9rem; right: 4rem; bottom: 3rem; left: 4rem; }
.calendar_section .calendar_content .cont_scroll .scroll_inner { height: 100%; overflow: hidden; overflow-y: auto; }
.calendar_section .calendar_content .cont_scroll .scroll_inner::-webkit-scrollbar { display: none; }
.calendar_section .calendar_content .cont_scroll .scroll_inner .simplebar-scrollbar::before { top: 0; right: 0; bottom: 0; left: 0; border-radius: 0; background-color: #000; opacity: 1; }
.calendar_section .calendar_content .cont_scroll .scroll_inner .simplebar-track { background-color: #ccc; }
.calendar_section .calendar_content .cont_scroll .scroll_inner .simplebar-track.simplebar-vertical { width: 4px; }
.calendar_section .calendar_content .cont_scroll .scroll_inner .simplebar-track.simplebar-horizontal { height: 4px; }
.calendar_section .calendar_content .cont_list .item_box { display: flex; position: relative; flex-direction: row-reverse; align-items: center; padding: 1.5rem 2.4rem; padding-right: 4rem; gap: 2rem; border-bottom: 1px solid #ddd; }
.calendar_section .calendar_content .cont_list .item_thumb { flex-shrink: 0; aspect-ratio: 3/4; width: 13rem; overflow: hidden; border: 1px solid #000; box-shadow: 2px 2px 0 0 #000; }
.calendar_section .calendar_content .cont_list .item_thumb .thumb_img { width: 100%; height: 100%; object-fit: cover; }
.calendar_section .calendar_content .cont_list .item_desc { flex: 1; min-width: 0; padding: 1rem 0; line-height: 1.5; }
.calendar_section .calendar_content .cont_list .item_label { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.calendar_section .calendar_content .cont_list .item_title { display: -webkit-box; max-height: 5.7rem; margin-top: 1.2rem; font-weight: 700; font-size: 1.9rem; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.3s; }
.calendar_section .calendar_content .cont_list .item_date { margin-top: 1.2rem; font-size: 1.7rem; --icon-size: 22; }
.calendar_section .calendar_content .cont_list .item_venue { display: flex; margin-top: 1.2rem; gap: 1rem; font-size: 1.7rem; }
.calendar_section .calendar_content .cont_list .item_venue_name { color: var(--color-primary-80); font-weight: 700; }
.calendar_section .calendar_content .cont_list .item_box:hover .item_title { color: var(--color-point-50-primary); }
.calendar_section .calendar_content .cont_list .item_box:focus-visible { outline-offset: -5px; }
.calendar_section .calendar_content .nodata { height: 100%; border: 0; }

/* 메인 - 온라인신청 */
.business_section .inner { position: relative; }
.business_section .cm_toolbar { margin-bottom: 0; }
.business_section .busn_area .cm_tab3 { position: absolute; top: 0.5rem; left: 24rem; }
.business_section .busn_swiper .swiper { padding: 3.2rem 0 2.8rem; }
.business_section .busn_swiper .swiper-slide { height: auto; }
.business_section .busn_swiper .item_box { display: block; height: 100%; padding: 3.2rem; border: 1px solid var(--border-basic); transition: transform 0.3s, box-shadow 0.3s; }
.business_section .busn_swiper .item_box .item_label { display: flex; flex-wrap: wrap; gap: 0.8rem; }
.business_section .busn_swiper .item_box .item_title { display: -webkit-box; height: 7.2rem; margin-top: 3rem; font-weight: 700; font-size: 2.4rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: color 0.3s; }
.business_section .busn_swiper .item_box .item_info { display: flex; flex-direction: column; margin-top: 1.6rem; gap: 0.8rem; }
.business_section .busn_swiper .item_box .item_info dl { display: flex; flex-direction: column; gap: 0.4rem; }
.business_section .busn_swiper .item_box .item_info dl dt { font-size: 1.5rem; }
.business_section .busn_swiper .item_box .item_info dl dd { font-size: 1.7rem; }
.business_section .busn_swiper .item_box:hover { transform: translateY(-5px); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.business_section .busn_swiper .item_box:hover .item_title { color: var(--color-point-50-primary); }
.business_section .busn_swiper .item_box:focus-visible { outline-offset: -5px; }
.business_section .busn_swiper .swiper-btn-wrap .swiper-pagination { position: static; }
.business_section .busn_swiper .swiper-btn-wrap .swiper-pagination .swiper-pagination-progressbar { height: 3px; background: #ddd; }
.business_section .busn_swiper .swiper-btn-wrap .swiper-pagination .swiper-pagination-progressbar-fill { background: #000; }
.business_section .busn_area .nodata { margin-top: 3.2rem; }
.business_section .edu_section { display: flex; width: 100%; padding: 3.2rem 0 2.8rem; gap: 24px; }
.business_section .artcenter_academy,
.business_section .atrium_academy { padding: 4rem 3.2rem; }
.business_section .artcenter_academy .title,
.business_section .atrium_academy .title { font-weight: bold; font-size: 2.4rem; }
.business_section .artcenter_academy { display: flex; flex: 1; min-width: 0; gap: 2.4rem; border-top: 3px solid #000; border-bottom: 1px solid #000; }
.business_section .artcenter_academy .title { flex-shrink: 0; width: 18rem; }
.business_section .artcenter_academy .list_wrap { flex: 1; min-width: 0; }
.business_section .artcenter_academy .list_wrap .list { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.business_section .artcenter_academy .list_wrap .list > li { width: calc((100% - 2.4rem) / 2); }
.business_section .artcenter_academy .list_wrap .list a { display: flex; position: relative; align-items: center; height: 8rem; padding: 0 4rem; border: 1px solid #000; font-weight: bold; font-size: 1.9rem; transition: background-color 0.25s; }
.business_section .artcenter_academy .list_wrap .list a:before { display: block; position: absolute; right: 4rem; aspect-ratio: 1/1; width: 2.4rem; background: url(../../images/common/icon_stroke_arrow3_right.svg) no-repeat right center/contain; content: ""; transition: transform 0.25s; }
.business_section .artcenter_academy .list_wrap .list a:hover { background-color: var(--color-point-30); }
.business_section .artcenter_academy .list_wrap .list a:hover:before { transform: translateX(4px); }
.business_section .atrium_academy { position: relative; width: 33.2rem; border: 1px solid #000; border-top: 3px solid #000; transition: transform 0.3s, box-shadow 0.3s; }
.business_section .atrium_academy:before { display: block; position: absolute; bottom: 4rem; left: 3.1rem; aspect-ratio: 1/1; width: 9rem; background: url(../../images/main/icon_music.svg) no-repeat right center/contain; content: ""; }
.business_section .atrium_academy .more_btn { display: block; position: absolute; right: 3rem; bottom: 4rem; aspect-ratio: 1/1; width: 4rem; background: url(../../images/common/icon_stroke_arrow2_right.svg) no-repeat right center/contain; transition: transform 0.25s; }
.business_section .atrium_academy:hover { transform: translateY(-5px); box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); }
.business_section .atrium_academy:hover .more_btn { transform: translateX(4px); }

/* 메인 - 운영공간 */
.facility_section .cm_toolbar { margin-bottom: 3.2rem; }
.facility_section .facility_swiper { position: relative; }
.facility_section .facility_swiper .item_box { display: block; height: 100%; }
.facility_section .facility_swiper .item_box .item_thumb { display: block; aspect-ratio: 4/3; width: 100%; overflow: hidden; border: 1px solid #000; }
.facility_section .facility_swiper .item_box .item_thumb .thumb_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.facility_section .facility_swiper .item_box .item_desc { position: relative; padding: 2.4rem 0; border-bottom: 3px solid #000; line-height: 1.5; }
.facility_section .facility_swiper .item_box .item_desc:after { position: absolute; bottom: -3px; left: 0; width: 100%; height: 3px; transform: scaleX(0); transform-origin: 0 50%; background: var(--color-point-50-primary); content: ""; transition: transform 0.3s; }
.facility_section .facility_swiper .item_box .item_title { overflow: hidden; font-weight: 700; font-size: 1.9rem; text-overflow: ellipsis; white-space: nowrap; transition: color 0.3s; }
.facility_section .facility_swiper .item_box:hover .item_thumb .thumb_img { transform: scale(1.05); }
.facility_section .facility_swiper .item_box:hover .item_desc:after { transform: scaleX(1); }
.facility_section .facility_swiper .item_box:hover .item_title { color: var(--color-point-50-primary); }
.facility_section .facility_swiper .item_box:focus-visible { outline-offset: -5px; }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-btn { z-index: 2; position: absolute; top: 38%; width: 5.2rem; height: 5.2rem; margin-top: -2.6rem; border: 1px solid #000; background-position: center; background-size: 2.4rem; background-repeat: no-repeat; background-color: #fff; transition: background-color 0.3s, background-image 0.3s; }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-btn:hover { background-color: #000; }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-prev { left: -2.6rem; background-image: url(../../images/common/icon_stroke_arrow_left.svg); }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-prev:hover { background-image: url(../../images/common/icon_stroke_arrow_left_wt.svg); }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-next { right: -2.6rem; background-image: url(../../images/common/icon_stroke_arrow_right.svg); }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-next:hover { background-image: url(../../images/common/icon_stroke_arrow_right_wt.svg); }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-button-disabled { background-color: #fff !important; opacity: 0.7; }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-prev.swiper-button-disabled { background-image: url(../../images/common/icon_stroke_arrow_left.svg) !important; }
.facility_section .facility_swiper .swiper-btn-wrap .swiper-next.swiper-button-disabled { background-image: url(../../images/common/icon_stroke_arrow_right.svg) !important; }

/* 메인 - SNART ON */
.sns_section { padding-bottom: 10rem; }
.sns_section:after { z-index: -1; position: absolute; top: 25%; left: 0; width: 100%; height: 1px; background: #000; content: ""; }
.sns_section .inner { align-items: stretch; gap: 5.6rem; }
.sns_section .youtube_area { flex-shrink: 0; width: 72rem; }
.sns_section .youtube_area .sns_area { display: flex; gap: 1.2rem; }
.sns_section .youtube_area .sns_area .btn_sns { display: block; width: 3.6rem; height: 3.6rem; background-position: center; background-size: contain; background-repeat: no-repeat; transition: background-image 0.3s; }
.sns_section .youtube_area .sns_area .btn_sns.blog { background-image: url(../../images/common/icon_blog.svg); }
.sns_section .youtube_area .sns_area .btn_sns.blog:hover { background-image: url(../../images/common/icon_blog_hover.svg); }
.sns_section .youtube_area .sns_area .btn_sns.instagram { background-image: url(../../images/common/icon_instagram.svg); }
.sns_section .youtube_area .sns_area .btn_sns.instagram:hover { background-image: url(../../images/common/icon_instagram_hover.svg); }
.sns_section .youtube_area .sns_area .btn_sns.facebook { background-image: url(../../images/common/icon_facebook.svg); }
.sns_section .youtube_area .sns_area .btn_sns.facebook:hover { background-image: url(../../images/common/icon_facebook_hover.svg); }
.sns_section .youtube_area .sns_area .btn_sns.navertv { background-image: url(../../images/common/icon_naverTV.svg); }
.sns_section .youtube_area .sns_area .btn_sns.navertv:hover { background-image: url(../../images/common/icon_naverTV_hover.svg); }
.sns_section .youtube_area .sns_area .btn_sns.youtube { background-image: url(../../images/common/icon_youtube.svg); }
.sns_section .youtube_area .sns_area .btn_sns.youtube:hover { background-image: url(../../images/common/icon_youtube_hover.svg); }
.sns_section .youtube_area .youtube_frame { position: relative; aspect-ratio: 12/6.8; width: 100%; margin-top: 2.4rem; border: 1px solid #000; }
.sns_section .youtube_area .youtube_frame > iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.sns_section .periodical_area { flex: 1; min-width: 0; }
.sns_section .periodical_area .prdc_list { display: flex; height: 100%; gap: 2.4rem; }
.sns_section .periodical_area .prdc_list .list_item { width: calc((100% - 2.4rem) / 2); }
.sns_section .periodical_area .prdc_list .item_box { display: flex; flex-direction: column; height: 100%; gap: 1.6rem; }
.sns_section .periodical_area .prdc_list .item_box .item_title { display: flex; flex-shrink: 0; align-items: center; justify-content: center; height: 6.6rem; padding: 1.6rem; background: #000; color: #fff; font-weight: 700; font-size: 2.4rem; }
.sns_section .periodical_area .prdc_list .item_box .item_thumb { height: 100%; overflow: hidden; border: 1px solid #000; background: #eee; }
.sns_section .periodical_area .prdc_list .item_box .item_thumb .thumb_img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.sns_section .periodical_area .prdc_list .item_box:hover .item_thumb .thumb_img { transform: scale(1.05); }

/* 공연전시*/
.page_show_detail { position: relative; }
.page_show_detail.btn_bottom .cm_overview9 .ovw9_detail.show_detail .ovw9_thumb .thumb_btns_area { visibility: hidden; position: absolute; bottom: 0; left: 0; width: 100%; transform: none; opacity: 0; }
.page_show_detail.btn_bottom .page_show_detail_bottom_btns { display: flex; gap: 1.6rem; }
.page_show_detail.btn_bottom .page_show_detail_bottom_btns .btn_like { aspect-ratio: 1/1; width: 64px; height: auto; }
.page_show_detail.btn_bottom .page_show_detail_bottom_btns .btn_crimson_red { flex: 1; width: 100%; }
.map_popup .root_daum_roughmap .cont { display: none; }
.map_popup .root_daum_roughmap { width: clamp(270px, 28.6458333333vw, 550px); }
.map_popup .root_daum_roughmap .wrap_map { aspect-ratio: 5/3; height: auto; }

/* 좌석배치도 */
.floor_guide_container { display: flex; flex-direction: column; gap: clamp(40px, 4.1666666667vw, 80px); }
.floor_guide_container .floor_item { display: flex; align-items: self-start; gap: clamp(20px, 2.0833333333vw, 40px); }
.floor_guide_container .floor_header { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(40px, 4.1666666667vw, 80px); background-color: #000; color: #fff; text-align: center; }
.floor_guide_container .floor_content { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(12px, 1.25vw, 24px); }
.floor_guide_container .floor_label { font-size: clamp(18px, 1.875vw, 36px); }
.floor_guide_container .floor_number { font-weight: bold; }
.floor_guide_container .floor_map { padding: clamp(15px, 1.0416666667vw, 20px); border: 1px solid var(--color-neutral-gray-20); text-align: center; }
.floor_guide_container .floor_actions { display: flex; gap: clamp(10px, 0.8333333333vw, 16px); }
.floor_guide_container .floor_actions a { flex: 1; }
.floor_guide_container .floor_actions a .cm_icon { --icon-size: 20; }
.floor_guide_container .floor_actions a.btn_exit { background-color: #3e8400; color: #fff; }
.floor_guide_container .floor_actions a.btn_exit:hover { background-color: #519019; }

/* id/pw찾기 */
.find_member_box { width: 100%; max-width: 40rem; margin: 0 auto; }
.find_member_box .box_head { margin-bottom: 3.2rem; font-weight: 700; font-size: var(--font_size19); text-align: center; word-break: keep-all; }
.find_member_box .box_head .icon { display: inline-flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; margin-bottom: 1.6rem; border-radius: 100px; background: var(--color-neutral-gray-10); }
.find_member_box .box_head .icon img { width: 3.2rem; }
.find_member_box .box_head .desc { margin-top: 1rem; font-weight: 400; font-size: 15px; }
.find_member_box .box_content .form_group { width: 100%; }
.find_member_box .box_content .form_group .form_control { width: 100%; }
.find_member_box .box_btn { margin-top: 1.6rem; }
.find_member_box .box_btn .cm_btn { width: 100%; }
.find_member_box.type2 { max-width: 32rem; }
.member_find_comp_box.cm_box.box2 { padding: 8rem 4rem; text-align: center; }
.member_find_comp_box .title { font-weight: 700; font-size: var(--font_size24); }
.member_find_comp_box .title p ~ p { margin-top: 0.8rem; }
.member_find_comp_box .title strong { position: relative; color: var(--color-point-50-primary); font-weight: 700; font-size: var(--font_size24); }
.member_find_comp_box .title strong:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--color-point-50-primary); content: ""; }
.member_find_comp_box .box_btn { display: flex; justify-content: center; margin-top: 3.2rem; gap: 8px; }
.member_find_comp_box .box_btn .cm_btn { width: 16rem; }

/* 회원가입 */
.comp_join_box.cm_box.box2 { padding-top: 8rem; padding-bottom: 8rem; text-align: center; }
.comp_join_box .icon { display: flex; align-items: center; justify-content: center; width: 6.4rem; height: 6.4rem; margin: 0 auto; border-radius: 100px; background: var(--color-neutral-gray-10); }
.comp_join_box .icon img { width: 3.2rem; }
.comp_join_box .box_title { margin-top: 2.4rem; font-weight: 700; font-size: var(--font_size24); }
.comp_join_box .box_desc { margin-top: 0.8rem; }
.comp_join_box .box_btns { display: flex; justify-content: center; margin-top: 2.4rem; gap: 0.8rem; }
.comp_join_box .box_btns .cm_btn { width: 16rem; word-break: keep-all; }

/* 회원탈퇴 */
.page_withdrawal .withdrawal_content { display: flex; align-items: center; gap: clamp(64px, 4.1666666667vw, 80px); }
.page_withdrawal .withdrawal_header { width: clamp(132px, 8.59375vw, 165px); }
.page_withdrawal .withdrawal_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(80px, 5.2083333333vw, 100px); margin-left: auto; border-radius: 100%; background: var(--color-neutral-gray-10); }
.page_withdrawal .withdrawal_icon img { width: 45%; }
.page_withdrawal .withdrawal_body { flex: 1; min-width: 0; }

/* 문화예술교육 > 아카데미 > 수강신청안내 */
.sub_academy_info .page_head { display: flex; gap: 4rem; }
.sub_academy_info .page_head .thumbs_area { width: clamp(400px, 29.6354166667vw, 569px); }
.sub_academy_info .page_head .content_area { flex: 1; padding-top: 2rem; }
.sub_academy_info .page_head .content_area .head_title { margin-bottom: 1.6rem; color: var(--text-primary); font-weight: 700; font-size: 3.2rem; word-break: keep-all; }
.sub_academy_info .page_head .content_area .head_desc { font-size: 1.9rem; word-break: keep-all; }
.sub_academy_info .page_head .content_area .head_desc.cm_text.text1 { font-size: 2.4rem; }
.sub_academy_info .page_head .content_area .cm_box { margin: 2.4rem 0; text-align: left; }
.sub_academy_info .page_section ~ .page_section { margin-top: 5.6rem; }
.sub_academy_info .page_section .section_title { margin-bottom: 1.6rem; }

/* 문화예술교육 > 아트리움 강의실 */
.sub40_content_wrap { position: relative; padding: 0 4rem 2.8rem; overflow: hidden; }
.sub40_content_wrap:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 28rem; background-color: var(--color-neutral-gray-10); content: ""; }
.sub40_content_wrap .sub40_content { display: flex; z-index: 1; position: relative; align-items: center; gap: 4rem; }
.sub40_content_wrap .sub40_content .thumbs_area { width: 48rem; }
.sub40_content_wrap .sub40_content .thumbs_area .cm_thumb .thumb { aspect-ratio: 4/2.875; }
.sub40_content_wrap .sub40_content .content_area { flex: 1; padding-top: 6rem; }
.sub40_content_wrap .sub40_content .title { margin-bottom: 12px; font-weight: 700; font-size: 2.4rem; }
.sub40_content_wrap .sub40_content .desc { font-size: 1.9rem; }

/* 문화예술교육 > 프로그램 안내 */
.page_SNA43 section ~ section { margin-top: 5.6rem; }
.page_SNA43 .section_title { margin-bottom: 1.6rem; }

/* 지원사업 */
.page_support .page_section + .page_section { margin-top: 4rem; }
.page_support .section_cont + .section_cont { margin-top: 2rem; }
.page_support .section_title { margin-bottom: 2.4rem; }
.page_support .cont_title { margin-bottom: 1.6rem; }
.page_support .point { color: var(--text-primary) !important; font-weight: 700; }
.page_support .point-90 { color: var(--color-primary-90) !important; font-weight: 700; }
.page_support .flex_layout { display: flex; justify-content: space-between; }
.page_support .flex_layout.end { align-items: flex-end; }

/* 통합검색 */
.page_integrated_search .search_header { position: relative; margin-bottom: clamp(30px, 2.8645833333vw, 55px); padding: clamp(20px, 2.0833333333vw, 40px); background-color: #e6e4e4; }
.page_integrated_search .search_header:before { display: block; z-index: -1; position: absolute; top: 0; right: -50vw; bottom: 0; left: -50vw; background-color: inherit; content: ""; }
.page_integrated_search .search_body { display: flex; gap: clamp(30px, 2.6041666667vw, 50px); }
.page_integrated_search .search_input_wrap { display: flex; width: 100%; max-width: 800px; margin: 0 auto; gap: 10px; }
.page_integrated_search .search_input_wrap .btn_search { flex-shrink: 0; }
.page_integrated_search .highlight { color: var(--text-primary) !important; font-weight: bold !important; }
.page_integrated_search .integrated_search_wrap { width: 250px; }
.page_integrated_search .integrated_search_filter { background: #fff; }
.page_integrated_search .search_results_wrap { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(30px, 2.9166666667vw, 56px); }
.page_integrated_search .search_results_header { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #000; }
.page_integrated_search .search_results_header .cm_toolbar { margin-bottom: 0; }
.page_integrated_search .search_results_header .cm_chk_wrap { gap: 12px 15px; }
.page_integrated_search .search_results_header .mobile_util { display: none; }
.page_integrated_search .search_results_header .mobile_util .util_wrap { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.page_integrated_search .search_results_header .mobile_util .util_wrap .btn_filter { flex-shrink: 0; }
.page_integrated_search .search_results_content { display: flex; flex-direction: column; gap: clamp(30px, 2.9166666667vw, 56px); }
.page_integrated_search .result_list { display: flex; flex-direction: column; }
.page_integrated_search .result_list > li { padding: 20px 0; border-bottom: 1px solid #ccc; }
.page_integrated_search .result_title { margin-bottom: 4px; font-size: clamp(15px, 0.9895833333vw, 19px); }
.page_integrated_search .result_content { display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 10px; -webkit-box-orient: vertical; overflow: hidden; color: #333; text-overflow: ellipsis; }

/* 운영시설 */
.page_SNA74 .cm_overview27 .ovw27_title_area { min-width: 42rem; }
.page_facilities .page_section + .page_section { margin-top: 5.6rem; }
.page_facilities .section_cont + .section_cont { margin-top: 4rem; }
.page_facilities .point { color: var(--color-point-60) !important; font-weight: 700; }
.page_facilities .point-50 { color: var(--color-point-60) !important; font-weight: 700; }
.page_facilities .point-90 { color: var(--color-primary-90) !important; font-weight: 700; }
.page_facilities .flex_layout { display: flex; justify-content: space-between; }
.page_facilities .flex_layout.end { align-items: flex-end; }
.page_facilities .ci_title { margin-bottom: 1.6rem; padding-top: 1.6rem; border-top: 1px solid #000; font-weight: 700; font-size: 2.4rem; line-height: 150%; }
.page_facilities .ci_text { font-size: 1.7rem; line-height: 150%; }
.page_facilities .ci_list { display: flex; flex-wrap: wrap; margin-top: 2.4rem; gap: 2.4rem; }
.page_facilities .ci_list .list_item { width: calc((100% - 2.4rem) / 2); }
.page_facilities .ci_list.row3 .list_item { width: calc((100% - 4.8rem) / 3); }
.page_facilities .ci_list.row1 .list_item { width: 100%; }
.page_facilities .ci_list .item_title { display: flex; align-items: flex-start; margin-bottom: 0.8rem; font-weight: 700; font-size: 1.9rem; line-height: 150%; }
.page_facilities .ci_list .item_title:before { flex-shrink: 0; width: 2.4rem; height: 2.4rem; background: url(../../images/common/cm_bul1.svg) no-repeat center/0.6rem; content: ""; }
.page_facilities .ci_list .item_img { width: 100%; background: #f6f5f5; text-align: center; }
.page_facilities .ci_list .item_img > img { width: 100%; }
.page_facilities .ci_list .item_img.type2 > img { width: auto; max-width: 100%; }
.page_facilities .ci_list .item_color { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.page_facilities .ci_list .item_color .color_box { display: flex; flex-direction: column; width: calc((100% - 4.8rem) / 3); padding: 2.4rem; border: 1px solid #000; color: #fff; line-height: 1.5; }
.page_facilities .ci_list .item_color.row4 .color_box { width: calc((100% - 7.2rem) / 4); }
.page_facilities .ci_list .item_color .color_code { height: 100%; margin-bottom: 2.6rem; font-weight: 700; font-size: 2.4rem; line-height: 1.3; }
.page_facilities .ci_list .item_color .color_cmyk { flex-shrink: 0; font-weight: 700; font-size: 1.7rem; }
.page_facilities .ci_list .item_logo { display: flex; flex-wrap: wrap; gap: 7.5rem; }
.page_facilities .ci_list .item_logo .logo_box { width: calc((100% - 22.5rem) / 4); border: 1px solid #ddd; background: #fff; }
.page_facilities .ci_list .item_logo .logo_box.type2 { border: 1px solid #231815; background: #231815; }
.page_facilities .ci_list .color1 { border-color: #789904 !important; background: #789904 !important; }
.page_facilities .ci_list .color2 { border-color: #965e24 !important; background: #965e24 !important; }
.page_facilities .ci_list .color3 { border-color: #dd8824 !important; background: #dd8824 !important; }
.page_facilities .ci_list .color4 { border-color: #94324d !important; background: #94324d !important; }
.page_facilities .ci_list .color5 { border-color: #939496 !important; background: #939496 !important; }
.page_facilities .ci_list .color6 { border-color: #a28f56 !important; background: #a28f56 !important; }
.page_facilities .ci_list .color7 { border-color: #808183 !important; background: #808183 !important; }
.page_facilities .ci_list .color8 { border-color: #231815 !important; background: #231815 !important; }
.page_facilities.ci_area .cm_btn_area .cm_btn.cm_icon { --icon-size: 20; }
.page_facilities.atrium_area .cm_table2 .cm_btn_area { margin-top: 0; }
.page_facilities.atrium_area .cm_table2 .cm_btn_area .cm_btn.cm_icon:before { --icon-size: 20; }

/* 성남문화재단 */
.page_foundation .page_section + .page_section { margin-top: 4rem; }
.page_foundation .section_cont + .section_cont { margin-top: 4rem; }
.page_foundation .point { color: var(--text-primary) !important; font-weight: 700; }
.page_foundation .point-50 { color: #c93255 !important; font-weight: 700; }
.page_foundation .point-90 { color: var(--color-primary-90) !important; font-weight: 700; }
.page_foundation .flex_layout { display: flex; justify-content: space-between; }
.page_foundation .flex_layout.end { align-items: flex-end; }
.page_foundation .greetings_area { display: flex; align-items: flex-start; gap: 5.6rem; word-break: keep-all; }
.page_foundation .greetings_area .grt_img { width: 42.75%; }
.page_foundation .greetings_area .grt_img > img { width: 100%; }
.page_foundation .greetings_area .grt_cont { flex: 1; min-width: 0; }
.page_foundation .greetings_area .grt_text { font-size: 1.7rem; line-height: 150%; }
.page_foundation .greetings_area .grt_text + .grt_text { margin-top: 2.7rem; }
.page_foundation .greetings_area .grt_text.bold { margin-bottom: 1.6rem; font-weight: 700; font-size: 1.9rem; }
.page_foundation .greetings_area .grt_text.bold + .grt_text { margin-top: 0; }
.page_foundation .greetings_area .grt_sign { display: flex; align-items: center; justify-content: flex-end; margin-top: 4rem; gap: 2.4rem; font-size: 1.9rem; }
.page_foundation .greetings_area .grt_sign span { margin-left: 1rem; }
.page_foundation .greetings_area.type2 { margin-top: 23rem; padding: 6rem 0 8rem; gap: 4.9rem; background: #f9f4f0; }
.page_foundation .greetings_area.type2 .grt_img { width: 46.91%; margin-top: -23.5rem; }
.page_foundation .greetings_area.type2 .grt_cont { padding-right: 8rem; }
.page_foundation .greetings_area.type2 .grt_text { font-size: 1.9rem; }
.page_foundation .greetings_area.type2 .grt_text + .grt_text { margin-top: 3.5rem; }
.page_foundation .greetings_area.type2 .grt_text + .grt_text2 { margin-top: 4rem; }
.page_foundation .greetings_area.type2 .grt_text2 + .grt_text { margin-top: 4rem; }
.page_foundation .greetings_area.type2 .grt_sign { margin-top: 5.2rem; }
.page_foundation { word-break: keep-all; }
.page_foundation .vision_title { display: flex; justify-content: center; margin-bottom: 4rem; }
.page_foundation .vision_title > span { display: flex; align-items: center; min-height: 4.8rem; padding: 0.4rem 2.4rem; background: #9c0e36; color: #fff; font-weight: 700; font-size: 1.9rem; line-height: 150%; }
.page_foundation .vision_title2 { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; }
.page_foundation .vision_title2:after { z-index: -1; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #000; content: ""; }
.page_foundation .vision_title2 > span { padding: 0 2.4rem; background: #fff; color: var(--color-secondary-90); font-weight: 700; font-size: 2.4rem; }
.page_foundation.vision_area .cm_overview13 .ovw13_list .item_head .item_icon { max-width: clamp(50px, 3.6458333333vw, 70px); }
.page_foundation .mission_area1 { display: flex; gap: 2.4rem; }
.page_foundation .mission_area1 .misn_box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 2.4rem) / 2); padding: 4rem 2.4rem; gap: 3.2rem; border: 1px solid #000; }
.page_foundation .mission_area1 .misn_box .misn_title { font-weight: 700; font-size: 1.7rem; line-height: 150%; text-decoration: underline; text-underline-offset: 3px; }
.page_foundation .mission_area1 .misn_box .misn_text { font-weight: 700; font-size: 2.4rem; line-height: 150%; text-align: center; }
.page_foundation .mission_area1 .misn_box .misn_text.quote { position: relative; padding: 0 4rem; }
.page_foundation .mission_area1 .misn_box .misn_text.quote:before,
.page_foundation .mission_area1 .misn_box .misn_text.quote:after { position: absolute; top: 0.7rem; width: 2.2rem; height: 1.4rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.page_foundation .mission_area1 .misn_box .misn_text.quote:before { left: 0; background-image: url(../../images/common/icon_quote_left.svg); }
.page_foundation .mission_area1 .misn_box .misn_text.quote:after { right: 0; background-image: url(../../images/common/icon_quote_right.svg); }
.page_foundation .mission_area1 .misn_box1 { background: #f6f5f5; }
.page_foundation .mission_area1 .misn_box1 .misn_title { color: #025c8f; }
.page_foundation .mission_area1 .misn_box2 .misn_title { color: #9c0e36; }
.page_foundation .mission_area1 + .bar { width: 100%; max-width: 4rem; height: 2px; margin: 8rem auto; background: #000; }
.page_foundation .mission_area2 { text-align: center; }
.page_foundation .mission_area2 > img { width: 100%; max-width: 80.8rem; }
.page_foundation .mission_area2 + .shadow { width: 100%; height: 8.8rem; margin: 8rem auto 4rem; background: url(../../images/sub/sub125_img1.svg) no-repeat center/contain; }
.page_foundation .mission_area3 { border-top: 2px solid var(--border-basic); }
.page_foundation .mission_area3 .misn_box { display: flex; align-items: flex-start; padding: 5.6rem 4rem; gap: 2rem; border-bottom: 1px solid var(--border-secondary); }
.page_foundation .mission_area3 .misn_box .misn_title { display: flex; flex-shrink: 0; align-items: flex-start; min-width: 30rem; gap: 2.4rem; font-weight: 700; font-size: 2.4rem; line-height: 150%; }
.page_foundation .mission_area3 .misn_box .misn_title > img { flex-shrink: 0; width: 4rem; }
.page_foundation .mission_area3 .misn_box .misn_text { flex: 1; min-width: 0; }
.page_foundation .mission_area3 .misn_box .cm_bul_list1 > .list_item ~ .list_item { margin-top: 2.4rem; }
.page_foundation.philosophy_area { word-break: keep-all; }
.page_foundation.philosophy_area .cm_title.title1 { font-size: 3.2rem; }
.page_foundation .phsp_area { display: flex; flex-direction: column; margin: 6.5rem 0; padding: 6rem 0; gap: 2.4rem; border-top: 3px solid var(--border-basic); border-bottom: 3px solid var(--border-basic); }
.page_foundation .phsp_area .phsp_item { display: flex; align-items: flex-start; gap: 0.4rem; line-height: 150%; }
.page_foundation .phsp_area .phsp_item dt { flex-shrink: 0; color: #c93255; font-weight: 700; font-size: 2.4rem; }
.page_foundation .phsp_area .phsp_item dd { flex: 1; min-width: 0; font-size: 1.9rem; }
.page_foundation.esg_area .box3.cm_box.type2 { display: flex; align-items: flex-start; justify-content: space-between; padding: 4rem; gap: 5rem; background: var(--color-neutral-gray-10); word-break: keep-all; }
.page_foundation.esg_area .box3.cm_box.type2 .img_area { flex-shrink: 0; width: 30%; }
.page_foundation.esg_area .mission_area3 .misn_box .misn_title { align-items: center; width: 20rem; }
.page_foundation .logo_list { display: flex; flex-wrap: wrap; gap: 1.2rem; }
.page_foundation .logo_list > li { display: flex; align-items: center; justify-content: center; width: calc((100% - 6rem) / 6); height: 8rem; padding: 1rem; border: 1px solid #ddd; }
.page_foundation .logo_list > li > img { max-width: 100%; max-height: 100%; }
.page_foundation .esg_btn_area { flex-wrap: nowrap; }
.page_foundation .esg_btn_area .cm_btn { width: 100%; --icon-size: 24; border-width: 2px; }
.page_foundation .esg_btn_area .cm_btn > span { --icon-size: 20; }
.page_foundation .esg_btn_area .cm_btn:hover { border-width: 2px; }
.page_foundation.history_area { display: flex; gap: 2rem; }
.page_foundation .history_nav { position: relative; flex-shrink: 0; width: 26rem; }
.page_foundation .history_nav .nav_inner { position: sticky; top: 8.9rem; width: 100%; }
.page_foundation .history_nav .nav_list { display: flex; flex-direction: column; width: 100%; padding-top: 4rem; gap: 0.8rem; }
.page_foundation .history_nav .nav_list > a { display: flex; position: relative; align-items: center; color: #bebaba; font-weight: 700; font-size: 2.4rem; line-height: 1.2; transition: font-size 0.3s, color 0.3s; }
.page_foundation .history_nav .nav_list > a.active { color: #c93255; font-size: 4rem; }
.page_foundation .history_cont { flex: 1; min-width: 0; }
.page_foundation .history_cont .page_section { margin: 0 !important; }
.page_foundation .history_cont .his_list .his_item { padding: 4rem 0; border-bottom: 1px dashed #ccc; }
.page_foundation .history_cont .his_list .item_year { font-weight: 700; font-size: 1.9rem; line-height: 150%; }
.page_foundation .history_cont .his_list .item_detail { display: flex; flex-direction: column; margin-top: 0.8rem; gap: 1.2rem; }
.page_foundation .history_cont .his_list .item_detail dl { position: relative; padding-left: 7.5rem; font-size: 1.7rem; line-height: 150%; }
.page_foundation .history_cont .his_list .item_detail dl dt { position: absolute; top: 0; left: 0; color: var(--text-secondary); }
.page_foundation .org_chart { margin-top: 1.6rem; padding: 4rem; padding-bottom: 0; border-top: 2px solid #000; text-align: center; }
.page_foundation .org_chart .org_step { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: 100%; }
.page_foundation .org_chart .org_step:before,
.page_foundation .org_chart .org_step:after { z-index: -1; position: absolute; background: #000; content: ""; }
.page_foundation .org_chart .org_inner { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: 100%; }
.page_foundation .org_chart .org_inner:before,
.page_foundation .org_chart .org_inner:after { z-index: -1; position: absolute; background: #000; content: ""; }
.page_foundation .org_chart .org_item { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: 100%; max-width: 20rem; min-height: 8rem; padding: 2.4rem; border: 1px solid #000; background: #fff; font-weight: 700; font-size: 1.9rem; line-height: 150%; }
.page_foundation .org_chart .org_item:before,
.page_foundation .org_chart .org_box { z-index: 1; position: relative; }
.page_foundation .org_chart .org_box:before,
.page_foundation .org_chart .org_box:after { z-index: -1; position: absolute; background: #000; content: ""; }
.page_foundation .org_chart .org_step1 { padding-bottom: 10rem; }
.page_foundation .org_chart .org_step1:before { top: 0; bottom: 0; left: 50%; width: 1px; }
.page_foundation .org_chart .org_step1 .org_item { max-width: 24rem; min-height: 12rem; border: 0; border-bottom: 2px solid #000; background: #f0e0bf; font-size: 2.4rem; }
.page_foundation .org_chart .org_step2 { padding-bottom: 3.5rem; }
.page_foundation .org_chart .org_step2:before { top: 0; bottom: 0; left: 50%; width: 1px; }
.page_foundation .org_chart .org_step2 .org_inner:after { top: 50%; right: 0; left: 0; height: 1px; }
.page_foundation .org_chart .org_step2 .org_inner { justify-content: space-between; max-width: 79rem; gap: 3rem; }
.page_foundation .org_chart .org_step2 .org_item1 { background: #fac7cf; }
.page_foundation .org_chart .org_step2 .org_item2 { background: #c5e7f6; }
.page_foundation .org_chart .org_step3 { padding-bottom: 5rem; }
.page_foundation .org_chart .org_step3:before { top: 0; bottom: 0; left: 50%; width: 1px; }
.page_foundation .org_chart .org_step4 { padding-top: 6rem; }
.page_foundation .org_chart .org_step4:before { top: 0; left: 50%; width: 1px; height: 6rem; }
.page_foundation .org_chart .org_step4:after { top: 0; right: calc((100% - 6rem) / 5 / 2 - 0.6rem); left: calc((100% - 6rem) / 5 / 2 - 0.6rem); height: 1px; }
.page_foundation .org_chart .org_step4 > .org_inner { align-items: flex-start; gap: 3rem; }
.page_foundation .org_chart .org_step4 .org_box { width: calc((100% - 6rem) / 5); }
.page_foundation .org_chart .org_step4 .org_box:before { top: -6rem; left: 50%; width: 1px; height: 6rem; }
.page_foundation .org_chart .org_step4 .org_box:nth-child(3):before { display: none; }
.page_foundation .org_chart .org_step4 .org_box > .org_item { max-width: 100%; min-height: 6.6rem; background: #f6f5f5; font-size: 1.7rem; }
.page_foundation .org_chart .org_step5 .org_inner { flex-direction: column; align-items: flex-start; padding: 2.4rem 1.6rem; gap: 1.6rem; border: 1px solid #000; border-top: 0; }
.page_foundation .org_chart .org_step5 .org_item { align-items: flex-start; justify-content: flex-start; max-width: 100%; min-height: 0; padding: 0; border: 0; font-weight: 400; font-size: 1.7rem; text-align: left; }
.page_foundation .org_chart .org_step5 .org_item:before { flex-shrink: 0; width: 2.4rem; height: 2.2rem; background: url(../../images/common/cm_bul1.svg) no-repeat center/0.6rem; content: ""; }
.page_foundation .org_table { padding-top: 6rem; }
.page_foundation .org_table .table_cont { display: none; }
.page_foundation .org_table .table_cont.active { display: block; }
.page_foundation .org_table .cm_bul_list1.size_sm > .list_item ~ .list_item { margin-top: 0.6rem; }
.page_foundation .org_table .cm_bul_list2 > .list_item { gap: 0.6rem; }
.page_foundation .org_table .cm_bul_list2 > .list_item ~ .list_item { margin-top: 0.2rem; }
.page_foundation .org_table .cm_toolbar { flex-direction: row !important; }
.page_foundation .ci_title { margin-bottom: 1.6rem; padding-top: 1.6rem; border-top: 1px solid #000; font-weight: 700; font-size: 2.4rem; line-height: 150%; }
.page_foundation .ci_text { font-size: 1.7rem; line-height: 150%; }
.page_foundation .ci_list { display: flex; flex-wrap: wrap; margin-top: 2.4rem; gap: 2.4rem; }
.page_foundation .ci_list .list_item { width: calc((100% - 2.4rem) / 2); }
.page_foundation .ci_list.row3 .list_item { width: calc((100% - 4.8rem) / 3); }
.page_foundation .ci_list.row1 .list_item { width: 100%; }
.page_foundation .ci_list .item_title { display: flex; align-items: flex-start; margin-bottom: 0.8rem; font-weight: 700; font-size: 1.9rem; line-height: 150%; }
.page_foundation .ci_list .item_title:before { flex-shrink: 0; width: 2.4rem; height: 2.4rem; background: url(../../images/common/cm_bul1.svg) no-repeat center/0.6rem; content: ""; }
.page_foundation .ci_list .item_img { width: 100%; background: #f6f5f5; }
.page_foundation .ci_list .item_img > img { width: 100%; }
.page_foundation .ci_list .item_color { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.page_foundation .ci_list .item_color .color_box { width: calc((100% - 4.8rem) / 3); padding: 2.4rem; border: 1px solid #000; color: #fff; line-height: 150%; }
.page_foundation .ci_list .item_color.row4 .color_box { width: calc((100% - 7.2rem) / 4); }
.page_foundation .ci_list .item_color .color_code { font-weight: 700; font-size: 2.4rem; }
.page_foundation .ci_list .item_color .color_label { margin-top: 2rem; font-size: 1.7rem; }
.page_foundation .ci_list .item_color .color_cmyk { margin-top: 0.4rem; font-weight: 700; font-size: 1.7rem; }
.page_foundation .ci_list .item_color .color_box.type2 { display: flex; flex-direction: column; justify-content: center; min-height: 16rem; }
.page_foundation .ci_list .item_logo { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.page_foundation .ci_list .item_logo .logo_box { display: flex; align-items: center; justify-content: center; width: calc((100% - 9.6rem) / 5); border: 1px solid #ddd; }
.page_foundation .ci_list .item_logo.row2 .logo_box { width: calc((100% - 2.4rem) / 2); }
.page_foundation .ci_list .color1 { border-color: #bb976b !important; background: #bb976b !important; }
.page_foundation .ci_list .color2 { border-color: #58595b !important; background: #58595b !important; }
.page_foundation .ci_list .color3 { border-color: #a7a9ac !important; background: #a7a9ac !important; }
.page_foundation .ci_list .color4 { border-color: #ddd !important; background: #fff !important; color: #000 !important; }
.page_foundation .ci_list .color5 { border-color: #808285 !important; background: #808285 !important; }
.page_foundation .ci_list .color6 { border-color: #0478b4 !important; background: #0478b4 !important; }
.page_foundation .ci_list .color7 { border-color: #444 !important; background: #444 !important; }
.page_foundation .ci_list .color_box.type2.color1 { border-color: #fcf2cf !important; background: #fcf2cf !important; color: var(--text-tertiary) !important; }
.page_foundation .ci_list .color_box.type2.color2 { border-color: #b23623 !important; background: #b23623 !important; }
.page_foundation .ci_list .color_box.type2.color3 { border-color: #a93724 !important; background: #a93724 !important; }
.page_foundation .ci_list .color_box.type2.color4 { border-color: #eae6d8 !important; background: #eae6d8 !important; color: var(--text-tertiary) !important; }
.page_foundation .ci_list .logo_box.type2 { border-radius: 8px; }
.page_foundation .ci_list .logo_box.type2.color5 { border-color: #333 !important; background: #fff !important; }
.page_foundation .ci_list .logo_box.type2.color6 { border-color: #0d212c !important; background: #0d212c !important; }
.page_foundation .ci_list .logo_box.type2.color7 { border-color: #030200 !important; background: #030200 !important; }
.page_foundation.ci_area .cm_btn_area .cm_btn.cm_icon { --icon-size: 20; }
.page_foundation.contribution_area { padding-top: 6.4rem; overflow: hidden; border-top: 2px solid var(--border-basic); text-align: center; word-break: keep-all; }
.page_foundation.contribution_area .cm_title { margin-bottom: 6.4rem; }
.page_foundation.contribution_area .contb_img { width: 100%; }
.page_foundation.contribution_area .contb_box { margin-top: 6.4rem; padding: 4rem; border-bottom: 1px solid #000; background: var(--color-neutral-gray-10); font-size: 1.9rem; line-height: 150%; }
.page_foundation.contribution_area .contb_contact { display: flex; align-items: center; justify-content: center; margin-top: 2rem; gap: 1.6rem; font-size: 1.7rem; line-height: 150%; }
.page_foundation.contribution_area .contb_contact:before { display: block; width: 3.2rem; height: 3.2rem; border-radius: 100%; background: var(--color-neutral-gray-10) url(../../images/common/icon_stroke_call.svg) no-repeat center/2rem; content: ""; }
.page_foundation .platform_history { padding: 2.4rem; border-bottom: 2px solid #000; background: var(--color-neutral-gray-10); }
.page_foundation .platform_history .his_list { display: flex; flex-direction: column; gap: 0.4rem; font-size: 1.5rem; line-height: 150%; }
.page_foundation .platform_cont { margin: 0 !important; padding: 4rem 2.4rem; line-height: 1.5; }
.page_foundation .plfm_title1 { margin-bottom: 2.4rem; color: var(--text-primary); font-weight: 700; font-size: 2.4rem; }
.page_foundation .plfm_title2 { margin-bottom: 1.2rem; font-weight: 700; font-size: 1.9rem; }
.page_foundation .plfm_title2 ~ .plfm_title2 { margin-top: 2.4rem; }
.page_foundation .plfm_title2.type2 { display: flex; align-items: flex-start; margin-bottom: 1.6rem; gap: 0.4rem; }
.page_foundation .plfm_title2.type2:before { display: block; flex-shrink: 0; width: 2.4rem; height: 2.4rem; background: url(../../images/common/cm_bul1.svg) no-repeat center/0.6rem; content: ""; }
.page_foundation .plfm_title2.type2 + .plfm_title2 { margin-top: 0; }
.page_foundation .plfm_title3 { margin-bottom: 0.5rem; font-weight: 700; font-size: 1.7rem; }
.page_foundation .plfm_title3 ~ .plfm_title3 { margin-top: 1rem; }
.page_foundation .plfm_text { font-size: 1.7rem; }
.page_foundation .plfm_text.bold { font-weight: 700; }
.page_foundation .plfm_list { display: flex; flex-direction: column; gap: 0.8rem; }
.page_foundation .plfm_list > li { display: flex; align-items: flex-start; font-size: 1.7rem; }
.page_foundation .plfm_list > li .bul { flex-shrink: 0; padding-right: 0.4rem; }
.page_foundation .plfm_list .plfm_list { margin-top: 0.4rem; gap: 0.4rem; }
.page_foundation .plfm_box { margin-top: 2.4rem; padding: 2.4rem; background: var(--color-neutral-gray-10); }
.page_foundation .plfm_table { margin-top: 1.2rem; }
.page_foundation .plfm_table th,
.page_foundation .plfm_table td { height: 4.5rem; padding: 1rem; font-size: 1.5rem; text-align: center; }
.page_foundation .plfm_table .plfm_list > li { font-size: 1.5rem; }
.page_foundation .plfm_text + .plfm_list { margin-top: 1.6rem; }
.page_foundation .plfm_text + .plfm_table { margin-top: 1.6rem; }
.page_foundation .plfm_text + .plfm_text { margin-top: 0.4rem; }
.page_foundation .platform_link { display: flex; flex-wrap: wrap; gap: 2.4rem; }
.page_foundation .platform_link > li { width: calc((100% - 7.2rem) / 4); }
.page_foundation .platform_link .btn_link { display: flex; position: relative; align-items: flex-start; min-height: 14.8rem; padding: 2.4rem; background: var(--color-neutral-gray-10); font-size: 1.7rem; line-height: 1.5; transition: transform 0.3s, box-shadow 0.3s; }
.page_foundation .platform_link .btn_link > span { flex-shrink: 0; padding-right: 0.4rem; }
.page_foundation .platform_link .btn_link:after { position: absolute; right: 1.6rem; bottom: 1.6rem; width: 4rem; height: 4rem; border-radius: 100%; background: #fff url(../../images/common/icon_stroke_externalLink.svg) no-repeat center/2rem; content: ""; }
.page_foundation .platform_link .btn_link:hover { transform: translateY(-5px); box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.2); }
.page_foundation .manifesto_area { position: relative; padding: 4rem 4rem 15rem; border-top: 2px solid #000; border-bottom: 1px solid #000; background: url(../../images/sub/sub131_img2.svg) no-repeat left 4rem top 4rem/7.9rem, url(../../images/sub/sub131_img3.svg) no-repeat right 4rem top 4rem/7.9rem, url(../../images/sub/sub131_img4.svg) no-repeat left 4rem bottom 4rem/7.9rem, url(../../images/sub/sub131_img5.svg) no-repeat right 4rem bottom 4rem/7.9rem; line-height: 1.5; text-align: center; }
.page_foundation .manifesto_area .mnft_title { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: center; margin-top: 10rem; margin-bottom: 3.2rem; gap: 2.4rem; font-weight: 700; font-size: 4rem; line-height: 150%; text-align: center; }
.page_foundation .manifesto_area .mnft_title:before { display: block; width: 12rem; height: 9rem; background: url(../../images/common/logo2.svg) no-repeat center/contain; content: ""; }
.page_foundation .manifesto_area .mnft_text { font-weight: 700; font-size: 2.4rem; }
.page_foundation .manifesto_area .mnft_text2 { margin-top: 1.6rem; font-size: 1.9rem; }
.page_foundation .manifesto_area .mnft_list { display: flex; flex-direction: column; margin-top: 6.4rem; padding: 4rem; gap: 2.4rem; border: 1px solid #ddd; background: #fff; text-align: left; }
.page_foundation .manifesto_area .mnft_list > li { display: flex; align-items: center; gap: 1.6rem; font-size: 1.9rem; line-height: 150%; }
.page_foundation .manifesto_area .mnft_list > li .bul { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; padding-top: 0.2rem; border-radius: 100%; background: #5a5657; color: #fff; font-weight: 700; }

/* 후원회 안내 */
.page_sponsorship { display: flex; flex-direction: column; gap: 8rem; }
.page_sponsorship .main_visual { display: flex; align-items: center; gap: clamp(16px, 2.9166666667vw, 56px); }
.page_sponsorship .visual_left { width: 45%; text-align: center; }
.page_sponsorship .visual_right { width: 55%; }
.page_sponsorship .visual_content { margin-bottom: 15px; line-height: 1.8; }
.page_sponsorship .history_cont .his_list .item_detail dl { padding-left: 10.5rem; }
.page_sponsorship .sponsor_name { display: inline-block; min-width: 100px; }

/* **************************************************************************************** *
* Art view page
* **************************************************************************************** */
.art_view_body .sub_page_content > .inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); margin-right: auto; margin-left: auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }

/* 검색 */
.art_view_body .artview_search_layer { z-index: 1; position: relative; padding: 7.2rem 25px; border-bottom: 1px solid var(--border-basic); background: var(--color-neutral-gray-10); }
.art_view_body .artview_search_layer .search_container { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 82rem; margin: 0 auto; gap: 8px; }
.art_view_body .artview_search_layer .search_container .cm_btn { width: clamp(90px, 5.6770833333vw, 109px); padding-right: 16px; padding-left: 16px; }
.art_view_body .artview_search_layer .search_container .form_control { flex: 1; }

/* header */
.art_view_body .header .logo_img { width: min(7.8125vw, 150px); height: min(3.90625vw, 75px); }
.art_view_body .header.scroll .logo_img { height: min(2.8645833333vw, 55px); }
.art_view_body .header .logo_img img { width: 100%; height: 100%; object-fit: contain; }
.art_view_body .header .gnb_area .gnb_depth1_wrap .gnb_depth1 { justify-content: end; }
.art_view_body .header .header_search_area .artview_search_layer { display: none; position: absolute; top: 100%; left: 0; width: 100%; }
.art_view_body .header .header_search_area.active .artview_search_layer { display: block; }

/* footer */
.art_view_body .footer { border-top: 2px solid #000; }
.art_view_body .footer .footer_bottom { padding: 3.4rem 0; }
.art_view_body .footer .footer_bottom .inner { flex-direction: column; gap: 3rem; }

/* main */
.art_view_body .main_page .main_section ~ .main_section { margin-top: 10rem; }
.art_view_body .main_page .main_section .section_title { margin-bottom: 2.4rem; font-weight: 800; font-size: 4.4rem; }
.art_view_body .main_page .section1 { padding-top: 4rem; }
.art_view_body .main_page .section1 .visual_poster { aspect-ratio: 32/41; width: 100%; max-width: 80rem; margin: 0 auto; }
.art_view_body .main_page .section1 .visual_poster img { width: 100%; height: 100%; object-fit: fill; }
.art_view_body .main_page .section2 .cm_box.box3 { position: relative; padding: 6rem; overflow: hidden; }
.art_view_body .main_page .section2 .cm_box.box3:after { position: absolute; right: -1px; bottom: -82px; width: 82rem; height: 37.5rem; background: url(../../images/art_view/main_bg1.svg) no-repeat center/contain; content: ""; }
.art_view_body .main_page .section2 .cm_slide_control2 { position: absolute; bottom: 4.1rem; left: 36.4rem; }
.art_view_body .main_page .section2 .top_news_container { display: flex; z-index: 1; position: relative; align-items: center; gap: 6rem; }
.art_view_body .main_page .section2 .top_news_container .thumb_area { width: 48rem; border: 1px solid var(--border-basic); }
.art_view_body .main_page .section2 .top_news_container .content_area { flex: 1; }
.art_view_body .main_page .section2 .top_news_container .content_area .item_link { display: block; }
.art_view_body .main_page .section2 .top_news_container .content_area .item_title { position: relative; margin: 1.2rem 0 2.4rem; padding-bottom: 2.4rem; font-weight: 700; font-size: clamp(20px, 1.25vw, 24px); }
.art_view_body .main_page .section2 .top_news_container .content_area .item_title:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: var(--border-basic); content: ""; }
.art_view_body .main_page .section2 .top_news_container .content_area .item_desc { color: var(--text-secondary); }
.art_view_body .main_page .section2 .top_news_container .content_area .item_desc .ellipsis { -webkit-line-clamp: 7; }
.art_view_body .main_page .section4 .section_title_area { display: flex; align-items: center; justify-content: space-between; margin-bottom: 2.4rem; }
.art_view_body .main_page .section4 .section_title_area .section_title { margin-bottom: 0; }
.art_view_body .main_page .section5 { position: relative; padding-bottom: 10rem; }
.art_view_body .main_page .section5:after { position: absolute; top: 10rem; left: 50%; width: 100vw; height: 1px; transform: translateX(-50%); background: var(--border-basic); content: ""; }
.art_view_body .main_page .section5 .sec5_content_wrap { display: flex; z-index: 1; position: relative; align-items: center; gap: 8rem; }
.art_view_body .main_page .section5 .sec5_content_wrap .thumb_area { position: relative; width: 40rem; }
.art_view_body .main_page .section5 .sec5_content_wrap .thumb_area:after { position: absolute; top: 1.6rem; left: 1.6rem; width: 100%; height: 100%; border: 1px solid var(--border-basic); background: var(--color-point-50-primary); content: ""; }
.art_view_body .main_page .section5 .sec5_content_wrap .thumb_area .cm_thumb { z-index: 1; position: relative; border: 1px solid var(--border-basic); }
.art_view_body .main_page .section5 .sec5_content_wrap .content_area { flex: 1; padding-top: 6rem; }
.art_view_body .main_page .section5 .sec5_content_wrap .title { font-weight: 700; font-size: clamp(26px, 1.875vw, 36px); }
.art_view_body .main_page .section5 .sec5_content_wrap .desc { font-weight: 500; font-size: clamp(22px, 1.6666666667vw, 32px); }
.art_view_body .main_page .section5 .sec5_content_wrap .cm_btn { margin-top: 3.2rem; }

/* sub common */
.art_view_body .sub_page_content { padding-right: 0; padding-left: 0; }
.art_view_body .sub_page_head .page_utils_area { display: flex; gap: 1.2rem; }
.art_view_body .sub_page_head .page_print_btn { display: flex; align-items: center; justify-content: center; width: 5.6rem; height: 5.6rem; margin-right: 0; margin-left: auto; border: 1px solid var(--border-disabled); outline-offset: -2px; background: #fff url(../../images/common/icon_solid_print.svg) no-repeat center/clamp(18px, 1.25vw, 24px); }
.art_view_body .btn_like { width: 3.4rem; height: 3.4rem; padding: 0; background-size: 20px; }
.art_view_body .btn_like.active { border-color: var(--border-basic); }
.art_view_body .item_badge_area { display: flex; align-items: center; gap: 8px; }

/* board list */
.artview_board_list .cm_search1 { margin-bottom: 2.4rem; }
.artview_board_list .cm_search1 .search_wrap { justify-content: end; }
.artview_board_list .cm_toolbar { margin-bottom: 1.6rem; }
.artview_board_list .board_list1 { border-top: 2px solid #000; }
.artview_board_list .board_list1 .board_item { display: flex; align-items: center; padding: 4rem 2.4rem; gap: 6rem; border-bottom: 1px solid #000; }
.artview_board_list .board_list1 .board_item.nodata { justify-content: center; }
.artview_board_list .board_list1 .thumb_area { width: 42rem; }
.artview_board_list .board_list1 .thumb_area .cm_thumb { overflow: hidden; }
.artview_board_list .board_list1 .thumb_area .cm_thumb .img { transition: transform 0.45s; }
.artview_board_list .board_list1 .thumb_area.hover .cm_thumb .img { transform: scale(1.035); }
.artview_board_list .board_list1 .content { flex: 1; }
.artview_board_list .board_list1 .item_badge_area { margin-bottom: 8px; }
.artview_board_list .board_list1 .item_link { display: block; }
.artview_board_list .board_list1 .item_link:hover .item_title { text-decoration: underline; }
.artview_board_list .board_list1 .item_text_area { margin-bottom: clamp(20px, 1.25vw, 24px); }
.artview_board_list .board_list1 .item_title { margin-bottom: clamp(20px, 1.25vw, 24px); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.artview_board_list .board_list1 .item_desc { color: var(--text-secondary); font-size: clamp(15px, 0.8854166667vw, 17px); }
.artview_board_list .board_list1 .board_view { gap: 8px; }
.artview_board_list .board_list1.type2 .thumb_area { width: 32rem; }
.artview_board_list .board_list1.type2 .item_desc .keyword { color: var(--text-primary); }
.artview_board_list .board_list2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 4rem; }
.artview_board_list .board_list2 .board_item { display: flex; align-items: center; padding: 2.4rem 4rem 3.2rem 2.4rem; gap: 6rem; border: 1px solid var(--border-tertiary); border-top: 1px solid var(--border-basic); }
.artview_board_list .board_list2 .board_item .thumb_area { width: clamp(160px, 12.5vw, 240px); border: 1px solid #000; box-shadow: 11px 10px 0 var(--color-point-50-primary); }
.artview_board_list .board_list2 .board_item .content { flex: 1; }
.artview_board_list .board_list2 .board_item .item_badge_area { margin-bottom: 8px; }
.artview_board_list .board_list2 .board_item .item_title { margin-bottom: 4rem; }
.artview_board_list .board_list2 .board_item .item_btn { display: flex; width: 100%; }
.artview_board_list .board_list2 .board_item .item_btn ~ .item_btn { margin-top: 1.2rem; }
.artview_board_list .board_list2 .board_item.nodata { grid-column: span 2; justify-content: center; border: 0; border-top: 1px solid var(--border-basic); border-bottom: 1px solid var(--border-tertiary); }

/* board detail */
.artview_board_detail .board_detail_head { padding: 3.2rem 4rem; border-top: 2px solid #000; border-bottom: 1px solid #000; text-align: center; }
.artview_board_detail .board_detail_head .item_badge_area { justify-content: center; margin-bottom: 8px; }
.artview_board_detail .board_detail_head .item_title { margin-bottom: 8px; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.artview_board_detail .board_detail_body { padding: 4rem; }
.artview_board_detail .board_related_area { padding-top: 4rem; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.artview_board_detail .related_content { padding: 4rem; }
.artview_board_detail .related_content .area_title { margin-bottom: clamp(20px, 1.25vw, 24px); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); }
.artview_board_detail .related_list { display: grid; grid-gap: clamp(16px, 1.25vw, 24px); grid-template-columns: repeat(3, 1fr); }
.artview_board_detail .related_list .item_link { display: block; }
.artview_board_detail .related_list .item_link .cm_thumb { overflow: hidden; }
.artview_board_detail .related_list .item_link .cm_thumb .img { transition: transform 0.45s; }
.artview_board_detail .related_list .item_link:hover .cm_thumb .img { transform: scale(1.035); }
.artview_board_detail .related_list .item_title { margin-top: clamp(20px, 1.25vw, 24px); font-weight: 700; font-size: clamp(16px, 0.9895833333vw, 19px); }
.artview_board_detail .related_list .list_item.nodata { grid-column: span 3; }
.artview_board_detail .related_list .list_item.nodata .cm_nodata1 { padding-top: 25px; }
.artview_board_detail .board_detail_foot { padding-top: 4rem; }
.artview_board_detail .board_detail_foot .btn_area { display: flex; align-items: center; justify-content: center; gap: 8px; }

/* 검색결과 */
.art_view_body .page_search_result { position: relative; padding-top: clamp(280px, 16.0416666667vw, 308px); }
.art_view_body .content_search_area { position: absolute; top: 0; left: 0; width: 100vw; }
.art_view_body .content_search_area .artview_search_layer { padding-top: 6rem; padding-bottom: 6rem; }
.art_view_body .content_search_area .result_total { margin-top: 2.4rem; font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); text-align: center; word-break: keep-all; }
.art_view_body .content_search_area .result_total .keyword { color: var(--text-primary); }
.art_view_body .artview_search_result_list .cm_toolbar { margin-bottom: 1.6rem; text-transform: uppercase; }
.art_view_body .artview_search_result_list .cm_toolbar .number { color: var(--text-primary); }
.art_view_body .artview_search_result_list .cm_toolbar .btn_more { transition: opacity 0.15s ease-in-out; }
.art_view_body .artview_search_result_list .cm_toolbar .btn_more:hover { opacity: 0.75; }
.art_view_body .artview_search_result_list .cm_toolbar .sord_btn { padding: 4px; font-size: 16px; transition: color 0.15s ease-in-out; }
.art_view_body .artview_search_result_list .cm_toolbar .sord_btn:hover { color: var(--text-secondary); }
.art_view_body .artview_search_result_list .cm_toolbar .sord_btn.active { background: var(--color-neutral-gray-20); }
.art_view_body .artview_search_result_list ~ .artview_search_result_list { margin-top: 6rem; }
.art_view_body .search_result_nodata { padding: 40px 0 20px; font-size: 20px; }
@media screen and (min-width:1280px) {

	/* header */
	.header .header_top { transition: height 0.2s, padding 0.2s; }
	.header .header_btm { transition: height 0.2s; }
	.header .logo { transition: width 0.2s; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { transition: padding 0.2s; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { transition: font-size 0.2s; }
	.header .sitemap_area .sitemap_layer { left: 0; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { display: block; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap { position: relative; width: 100%; max-width: 154rem; margin: 0 auto; padding: 2.5rem 3rem 10rem; }
	.header .sitemap_area .sitemap_layer .btn_close { position: absolute; top: 4.5rem; right: 3rem; width: 3.2rem; height: 3.2rem; overflow: hidden; background: url(../../images/common/icon_stroke_cross_bold.svg) no-repeat center center/contain; color: transparent; font-size: 1px; }
	.header .sitemap_area .sitemap_layer .sitemap_util { display: none; align-items: center; justify-content: space-between; gap: 1.4rem; }
	.header .sitemap_area .sitemap_layer .sitemap_title { display: flex; align-items: center; height: 8rem; border-bottom: 3px solid #000; font-weight: 700; font-size: 2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap { padding: 3.2rem 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 { display: flex; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li { flex: 1; padding: 0 3rem; border-left: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:first-child { border-left: none; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li > a { display: block; padding: 1.2rem 0; font-weight: 700; font-size: 2rem; line-height: 1.25; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.hover > a,
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li.click > a,
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap .sitemap_depth1 > li:hover > a { text-decoration: underline; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap { margin-top: 2.4rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a { display: flex; position: relative; align-items: center; min-height: 4rem; padding: 0.5rem 0; color: #111; font-size: 1.7rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a[target=_blank] { align-items: center; justify-content: space-between; gap: 5px; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: 16px; height: 16px; background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li > a span { min-width: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li.has_depth > a { padding-right: 3rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li.has_depth > a:after { position: absolute; top: 50%; right: 0; width: 2rem; height: 2rem; margin-top: -1rem; background: url(../../images/common/icon_solid_arrow_drop.svg) no-repeat center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap { display: none; padding: 1.6rem; background: #f3f3f3; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li.active:not(.click) .sitemap_depth3_wrap { display: block; margin-bottom: 16px; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_wrap .sitemap_depth2 > li.click:not(.active) .sitemap_depth3_wrap { display: block; margin-bottom: 16px; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li + li { margin-top: 1rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li > a { display: flex; align-items: center; width: 100%; gap: 0.8rem; font-size: 1.6rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li > a:before { display: block; flex-shrink: 0; width: 3px; height: 3px; border-radius: 100%; background: #000; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: 16px; height: 16px; background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li > a span { min-width: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li.active > a,
	.header .sitemap_area .sitemap_layer .sitemap_depth3_wrap .sitemap_depth3 > li:hover > a { text-decoration: underline; }
	.header .sitemap_area .sitemap_layer .sitemap_other { padding: 7rem 3rem; border-top: 3px solid #000; border-bottom: 3px solid #000; }
	.header .sitemap_area .sitemap_layer .sitemap_other .oth_list { display: flex; align-items: flex-start; gap: 2.4rem; }
	.header .sitemap_area .sitemap_layer .sitemap_other .oth_list + .oth_list { margin-top: 4rem; }
	.header .sitemap_area .sitemap_layer .sitemap_other .oth_list .oth_title { flex-shrink: 0; min-width: 20rem; font-weight: 700; font-size: 2rem; line-height: 1.25; }
	.header .sitemap_area .sitemap_layer .sitemap_other .oth_list .oth_menu { display: flex; flex-wrap: wrap; gap: 2.4rem; font-size: 1.7rem; }
	.header .sitemap_area .sitemap_layer .sitemap_other .oth_list .oth_menu > a:hover { text-decoration: underline; }
	.header.scroll .header_top { height: 0; padding: 0; }
	.header.scroll .header_btm { height: 8rem; }
	.header.scroll .logo { width: 19.52rem; }
	.header.scroll .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { padding: 1.5rem 2rem; }
	.header.scroll .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { font-size: 2rem; }
	.header.scroll .utilities_area { display: none; }
	.art_view_body .header .sitemap_area { display: none; }
}
@media screen and (max-width:1460px) {

	/* 메인 */
	.main_section .inner { width: 1280px; padding-right: 40px; padding-left: 40px; }
	.main_section .main_title { font-size: 3.6rem; }
	.main_section .cm_toolbar .btn_more:after { width: 3.24rem; height: 1.98rem; }

	/* 메인 - 비주얼 */
	.visual_section .visual_swiper { width: calc(100% + (100vw - 1200px) / 2 - clamp(30px, 2.0833333333vw, 40px)); margin-left: calc((100vw - 1200px) / -2 + clamp(30px, 2.0833333333vw, 40px)); }
	.visual_section .visual_swiper .item_box .item_desc { padding: 2.4rem; }
	.visual_section .visual_swiper .item_box .item_title { font-size: 2.8rem; }
	.visual_section .visual_swiper .swiper-btn-wrap { right: -5rem; width: 10rem; height: 10rem; margin-top: -5rem; }

	/* 메인 - 소식·행사 */
	.notice_section .inner { gap: 4rem; }
	.notice_section .bnr_area { width: 55rem; }
	.notice_section .notice_area .notice_list .item_title { height: 9.9rem; font-size: 2.2rem; }
	.notice_section .notice_area .notice_list .item_date { margin-top: 6.3rem; }
	.notice_section .notice_area .nodata { min-height: 25.2rem; }

	/* 메인 - 캘린더 */
	.calendar_section .calendar_content .cont_title .title_filter { gap: 0.8rem; }
	.calendar_section .calendar_content { width: 60rem; padding: 2.4rem 3rem 3rem; }

	/* 메인 - 온라인신청 */
	.business_section .busn_area .cm_tab3 { top: 0; left: 24rem; }
	.business_section .busn_swiper .item_box { padding: 3rem; }
	.business_section .busn_swiper .item_box .item_title { height: 6.6rem; font-size: 2.2rem; }

	/* 메인 - SNART ON */
	.sns_section .inner { gap: 4rem; }
	.sns_section .youtube_area { width: 62.4rem; }
	.sns_section .periodical_area .prdc_list .item_box .item_title { font-size: 2rem; }
}
@media screen and (max-width:1439px) {

	/* 성남문화재단 */
	.page_foundation .greetings_area .grt_title { font-size: 2.8rem; }
	.page_foundation .mission_area3 .misn_box .misn_title { min-width: 27rem; }
	.page_foundation.philosophy_area .cm_title.title1 { font-size: 2.8rem; }
	.page_foundation .phsp_area { margin: 4rem 0; padding: 4rem 0; gap: 2.4rem; }
	.page_foundation .phsp_area .phsp_item dt { font-size: 2rem; }
	.page_foundation .phsp_area .phsp_item dd { font-size: 1.8rem; }
	.page_foundation.esg_area .box3.cm_box.type2 { gap: 3rem; }
	.page_foundation.esg_area .box3.cm_box.type2 br.m_none { display: none; }
	.page_foundation .logo_list > li { width: calc((100% - 4.8rem) / 5); }
	.page_foundation .esg_btn_area { flex-wrap: wrap; }
	.page_foundation .esg_btn_area .cm_btn { width: calc((100% - min(0.5208333333vw, 10px)) / 2); }
	.page_foundation .org_chart .org_step4:after { right: calc((100% - 3.2rem) / 5 / 2 - 0.3rem); left: calc((100% - 3.2rem) / 5 / 2 - 0.3rem); }
	.page_foundation .org_chart .org_step4 > .org_inner { gap: 1.6rem; }
	.page_foundation .org_chart .org_step4 .org_box { width: calc((100% - 3.2rem) / 5); }
	.page_foundation .org_chart .org_step5 .org_inner { padding: 2rem 1rem; }
	.page_foundation .org_chart .org_step5 .org_item:before { width: 2rem; background-size: 0.5rem; }
	.page_foundation .traffic_area .box_title { min-width: 22rem; font-size: 2rem; }
	.page_foundation .traffic_area .box_title > img { width: 3rem; }
}
@media screen and (max-width:1279px) {

	/* header */
	.header .familysite_area .btn_fam { padding: 0.9rem 1.7rem; }
	.header .utilities_area { position: static; }
	.header .utilities_area .font_setting { display: none; }
	.header .header_btm { height: 10rem; }
	.header .logo { flex-shrink: 1; width: 100%; }
	.header .gnb_area { display: none; }
	.header .header_bg { display: none; position: fixed; top: 14.5rem; right: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100 - 10rem - 4.5rem); background: rgba(0, 0, 0, 0.7); }
	.header .sitemap_area .btn_sitemap:before { top: 1.3rem; }
	.header .sitemap_area .btn_sitemap:after { bottom: 1.3rem; }
	.header .sitemap_area .sitemap_layer { display: block; position: fixed; top: 14.5rem; right: 0; width: 100%; max-width: 360px; height: calc(100dvh - 10rem - 4.5rem); overflow: hidden; transform: translateX(100%); border-top: 1px solid #ddd; background: #fff; transition: transform 0.5s; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap { height: 100%; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_title,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_other,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .btn_close { display: none; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap { position: relative; width: 100%; height: 100%; overflow: hidden; background: #f5f5f5; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 { width: 17.5rem; height: 100%; overflow: auto; background: #fff; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li > a { display: flex; position: relative; align-items: center; min-height: 7rem; padding: 1rem 2.5rem; background: #fff; font-weight: 500; font-size: 2.2rem; transition: background-color 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li > a:after { position: absolute; top: 0; right: 0; bottom: 0; width: 3px; transform: scaleY(0); background: #000; content: ""; transition: transform 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.active > a,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.click > a { background: #f5f5f5; font-weight: 700; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.active > a:after,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.click > a:after { transform: scaleY(1); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap { z-index: 1; position: absolute; top: 0; bottom: 0; left: 17.5rem; width: calc(100% - 17.5rem); padding: 1.5rem 0 5rem; overflow: hidden; overflow-y: auto; background: #f5f5f5; box-shadow: inset 5px 0 7px 0 rgba(0, 0, 0, 0.03); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li:first-child .sitemap_depth2_wrap { z-index: 2; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.active .sitemap_depth2_wrap { z-index: 3; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li.click .sitemap_depth2_wrap { z-index: 4; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li > a { display: flex; position: relative; align-items: center; padding: 1.8rem 2.5rem; font-size: 2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.has_depth > a { padding-right: 6rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.has_depth > a:after { position: absolute; top: 50%; right: 2.5rem; width: 2.2rem; height: 2.2rem; margin-top: -1.1rem; background: url(../../images/common/icon_solid_arrow_drop.svg) no-repeat center/contain; content: ""; transition: transform 0.3s; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li > a[target=_blank] { align-items: center; justify-content: space-between; gap: 5px; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: 20px; height: 20px; background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.active > a:after,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.click > a:after { transform: rotate(180deg); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap { display: none; margin: 0 2.5rem; padding: 1.5rem 2rem; border-radius: 0.8rem; background: #fff; box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.02); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.active:not(.click) .sitemap_depth3_wrap { display: block; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li.click:not(.active) .sitemap_depth3_wrap { display: block; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li > a { display: flex; align-items: flex-start; padding: 0.5rem 0; font-size: 1.8rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li > a:before { flex-shrink: 0; width: 3px; height: 3px; margin-top: 9px; margin-right: 1rem; border-radius: 100%; background: #000; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li > a[target=_blank]:after { display: block; flex-shrink: 0; width: 16px; height: 16px; background: url(../../images/common/icon_stroke_externalLink.svg) no-repeat center center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li > a span { min-width: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li.active > a,
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li.click > a { text-decoration: underline; }
	.header .sitemap_area .btn_sitemap.active:before,
	.header .sitemap_area .btn_sitemap.active:after { right: 50%; width: 85%; transition: all 0.3s ease; }
	.header .sitemap_area .btn_sitemap.active:before { top: 50%; transform: translate(50%, -50%) rotate(45deg); }
	.header .sitemap_area .btn_sitemap.active:after { bottom: 50%; transform: translate(50%, 50%) rotate(-45deg); }
	.header .language_area .lang_layer { z-index: 12; }
	.header .search_layer { z-index: 12; }
	.header.viewSiteMap { border-color: #ddd; }
	.header.viewSiteMap .header_bg { display: block; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { transform: translateX(0); }
	#container { padding-top: calc(14.5rem + 1px); }
	#container.scroll { padding-top: calc(14.5rem + 1px); }
	#container > .img_pc { display: none; }
	#container > .img_tablet { display: block; }
	.top_banner { transition: none; }
	.top_banner ~ .header .header_bg,
	.top_banner ~ .header .sitemap_area .sitemap_layer { top: 26.5rem; height: calc(100dvh - 12rem - 10rem - 4.5rem); }
	.top_banner ~ #container { padding-top: calc(26.5rem + 1px); }
	.top_banner.close ~ .header { top: 0; }
	.top_banner.scroll ~ .header .header_bg,
	.top_banner.scroll ~ .header .sitemap_area .sitemap_layer,
	.top_banner.close ~ .header .header_bg,
	.top_banner.close ~ .header .sitemap_area .sitemap_layer { top: 14.5rem; }
	.top_banner.scroll ~ #container,
	.top_banner.close ~ #container { padding-top: calc(14.5rem + 1px); }
	.sidebar_nav { display: none; }

	/* sub layout */
	.cm_breadcrumb .cm_icon.icon_home2 { --icon-size: 18; }
	.cm_breadcrumb .nav_list > li { font-size: 12px; }
	.quick_menu_area.scroll { top: 175px; }

	/* 메인 */
	.main_section .inner { width: 100%; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
	.main_section .flex_inner { flex-direction: column; }
	.main_section .main_title { font-size: 3.2rem; }
	.main_section .cm_toolbar .btn_more:after { width: 2.88rem; height: 1.76rem; }

	/* 메인 - 비주얼 */
	.visual_section .visual_swiper { width: calc(100% + (100vw - 100%) / 2 - clamp(30px, 2.0833333333vw, 40px)); margin-left: calc((100vw - 100%) / -2 + clamp(30px, 2.0833333333vw, 40px)); }
	.visual_section .visual_swiper .swiper { overflow: visible; }
	.visual_section .visual_swiper .item_box .item_title { font-size: 2.4rem; }
	.visual_section .visual_swiper .item_box .item_date { font-size: 1.6rem; }
	.visual_section .visual_swiper .item_box .item_place { font-size: 1.7rem; }
	.visual_section .visual_swiper .swiper-btn-wrap { top: 40%; right: var(--inner_padding); }

	/* 메인 - 소식·행사 */
	.notice_section .notice_area { width: 100%; }
	.notice_section .notice_area .notice_list .item_title { height: 9rem; font-size: 2rem; }
	.notice_section .notice_area .notice_list .item_date { margin-top: 4rem; }
	.notice_section .bnr_area { width: 100%; }

	/* 메인 - 캘린더 */
	.calendar_section .main_title { margin-bottom: 4rem; }
	.calendar_section .calendar_area { flex-direction: column; }
	.calendar_section .calendar_wrap .cm_calendar_control .date_selector select { font-size: 2.4rem; }
	.calendar_section .calendar_wrap .cm_calendar_control .select_year { width: 14rem; }
	.calendar_section .calendar_wrap .cm_calendar_control .select_month { width: 11rem; }
	.calendar_section .calendar_wrap { width: 100%; }
	.calendar_section .calendar_wrap .cm_calendar .day_box { min-height: 8rem; }
	.calendar_section .calendar_content { width: 100%; padding: 0; border: 0; }
	.calendar_section .calendar_content .cont_title { padding-bottom: 1.6rem; }
	.calendar_section .calendar_content .cont_title .title_date { display: none; }
	.calendar_section .calendar_content .cont_title .title_filter { gap: 1.6rem; }
	.calendar_section .calendar_content .cont_scroll { position: static; width: 100%; height: auto; border-bottom: 1px solid #000; }
	.calendar_section .calendar_content .cont_scroll .scroll_inner { height: auto; overflow: hidden; overflow-x: auto; }
	.calendar_section .calendar_content .cont_list { display: flex; padding: 2rem 0; }
	.calendar_section .calendar_content .cont_list .list_item { flex-shrink: 0; width: 51rem; }
	.calendar_section .calendar_content .cont_list .item_box { flex-direction: row; height: 100%; padding: 0 3rem; gap: 3rem; border: 0; border-right: 1px solid #ddd; }
	.calendar_section .calendar_content .cont_list .list_item:last-child .item_box { border: 0; }
	.calendar_section .calendar_content .cont_list .item_thumb { width: 17rem; }
	.calendar_section .calendar_content .cont_list .item_desc { padding: 0; }
	.calendar_section .calendar_content .cont_list .item_date { --icon-size: 20; }
	.calendar_section .calendar_content .cont_list .item_venue { flex-direction: column; gap: 0.4rem; }

	/* 메인 - 온라인신청 */
	.business_section .busn_area .cm_tab3 { left: 19rem; }
	.business_section .busn_area .cm_tab3 .tab_list .tab_btn { height: 5rem; padding: 0.5rem 1.6rem; font-size: 1.7rem; }
	.business_section .busn_swiper .item_box { padding: 2.4rem; }
	.business_section .busn_swiper .item_box:hover { transform: none; }
	.business_section .edu_section { padding: clamp(25.6px, 1.6666666667vw, 32px) 0 clamp(22.4px, 1.4583333333vw, 28px); gap: clamp(19.2px, 1.25vw, 24px); }
	.business_section .artcenter_academy,
	.business_section .atrium_academy { padding: clamp(32px, 2.0833333333vw, 40px) clamp(25.6px, 1.6666666667vw, 32px); }
	.business_section .artcenter_academy .title,
	.business_section .atrium_academy .title { font-size: clamp(19.2px, 1.25vw, 24px); }
	.business_section .artcenter_academy { gap: clamp(19.2px, 1.25vw, 24px); }
	.business_section .artcenter_academy .title { width: clamp(144px, 9.375vw, 180px); }
	.business_section .artcenter_academy .list_wrap .list { gap: clamp(19.2px, 1.25vw, 24px); }
	.business_section .artcenter_academy .list_wrap .list > li { width: calc((100% - clamp(19.2px, 1.25vw, 24px)) / 2); }
	.business_section .artcenter_academy .list_wrap .list a { height: clamp(64px, 4.1666666667vw, 80px); padding: 0 clamp(32px, 2.0833333333vw, 40px); font-size: clamp(15.2px, 0.9895833333vw, 19px); }
	.business_section .artcenter_academy .list_wrap .list a:before { right: clamp(32px, 2.0833333333vw, 40px); width: clamp(19.2px, 1.25vw, 24px); }
	.business_section .atrium_academy { width: clamp(265.6px, 17.2916666667vw, 332px); }
	.business_section .atrium_academy:before { bottom: clamp(32px, 2.0833333333vw, 40px); left: clamp(24.8px, 1.6145833333vw, 31px); width: clamp(72px, 4.6875vw, 90px); }
	.business_section .atrium_academy .more_btn { right: clamp(24px, 1.5625vw, 30px); bottom: clamp(32px, 2.0833333333vw, 40px); width: clamp(32px, 2.0833333333vw, 40px); }

	/* 메인 - 운영공간 */
	.facility_section .facility_swiper .swiper-btn-wrap .swiper-btn { display: none; }

	/* 메인 - SNART ON */
	.sns_section:after { display: none; }
	.sns_section .youtube_area { width: 100%; }
	.sns_section .youtube_area .youtube_frame { aspect-ratio: 16/9; }
	.sns_section .periodical_area { width: 100%; }
	.sns_section .periodical_area .prdc_list .item_box .item_thumb { aspect-ratio: 3/4; }
	.sub_academy_info .page_head .content_area { padding-top: 0; }
	.sub_academy_info .page_head .content_area .head_title { font-size: 2.6rem; }
	.sub40_content_wrap .sub40_content .thumbs_area { width: 42rem; }
	.sub40_content_wrap .sub40_content .content_area { padding-top: 10rem; }

	/* 운영시설 */
	.page_facilities .ci_list .item_color.row4 .color_box { width: calc((100% - 4.8rem) / 3); }
	.page_facilities .ci_list .item_logo { gap: 2.4rem; }
	.page_facilities .ci_list .item_logo .logo_box { width: calc((100% - 7.2rem) / 4); }
	.page_facilities .map_area .map_info .info_cont .info_adds { font-size: 1.9rem; }
	.page_facilities .map_area .map_info .info_cont .info_adds:before { width: 2.6rem; height: 2.6rem; }
	.page_facilities .map_area .map_info .info_number .cm_icon { font-size: 1.9rem; --icon-size: 22; }
	.page_facilities .map_area .map_info .info_number .cm_icon .font-weight-bold { font-size: 1.9rem; }

	/* 성남문화재단 */
	.page_foundation .greetings_area { gap: 4rem; }
	.page_foundation .history_nav .nav_inner { top: 15.5rem; }
	.page_foundation .org_chart { padding-right: 0; padding-left: 0; }
	.page_foundation .ci_list .item_color.row4 .color_box { width: calc((100% - 4.8rem) / 3); }
	.art_view_body .artview_search_layer .search_container { max-width: 55rem; }
	.art_view_body .header.scroll .logo_img { height: min(3.90625vw, 75px); }
	.art_view_body .main_page .section2 .cm_box.box3 { padding: 4rem; padding-bottom: 8rem; }
	.art_view_body .main_page .section2 .top_news_container { align-items: start; gap: 4rem; }
	.art_view_body .main_page .section2 .top_news_container .thumb_area { width: 34rem; }
	.art_view_body .main_page .section2 .cm_slide_control2 { right: 4rem; bottom: 2rem; left: auto; }
	.art_view_body .main_page .section5 .sec5_content_wrap { gap: 6rem; }
	.artview_board_list .board_list2 .board_item .item_title { margin-bottom: 3rem; }
	.artview_board_list .board_list2 .board_item .item_btn { height: 48px; }
	.artview_board_detail .board_detail_foot .btn_area .cm_btn.btn_lg { height: 46px; }
}
@media screen and (max-width:1079px) {
	.footer .footer_top .inner { flex-direction: column; min-height: auto; padding: 0; }
	.footer .footer_link_area,
	.footer .footer_info_area { padding-right: 15px; padding-left: 15px; }
	.footer .footer_bottom .inner { flex-direction: column; gap: 20px 0; }
	.footer .footer_content { flex-direction: column; align-items: flex-start; gap: 10px 0; }
	.sub_page_content { padding-right: 0; padding-left: 0; }
	.sub_page_content > .inner { max-width: 100%; padding-right: clamp(20px, 1.5625vw, 30px); padding-left: clamp(20px, 1.5625vw, 30px); }
	.quick_menu_area,
	.quick_menu_area.scroll { top: auto; bottom: 145px; transform: none; }
	.quick_menu_area.mobile,
	.quick_menu_area.mobile.scroll { bottom: 85px; }
	.quick_menu_area { right: 70px; }
	.quick_menu_area.mobile { right: 26px; }
	.quick_menu_area.on { right: 0; width: 100vw; height: 100vh; }
	.quick_menu_area .quick_menu_toggle_button { display: flex; align-items: center; justify-content: center; width: 82px; height: 82px; border-radius: 18px; background: #000; color: #fff; font-weight: 600; }
	.quick_menu_area.mobile .quick_menu_toggle_button { width: 61px; height: 61px; border-radius: 12px; font-size: 11px; line-height: 1.1; }
	.quick_menu_area .quick_menu_box { display: none; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .title { font-weight: 600; font-size: 30px; line-height: 20px; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .quick_menu_close_wrap .m_visible { display: none; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .btn_quick_close { display: flex; width: 32px; height: 32px; background: url(../../images/common/icon_solid_close.svg) no-repeat center/contain; }
	.quick_menu_area .quick_menu_box .quick_menu_list { display: flex; gap: 24px; }
	.quick_menu_area .quick_menu_box .quick_menu_list .item_box { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 140px; height: 140px; padding: 12px 0; border: 1px solid #000; }
	.quick_menu_area .quick_menu_box .quick_menu_list .icon { width: 48px; height: 48px; }
	.quick_menu_area .quick_menu_list .quick_menu_item.quick_academy .icon { background-image: url(../../images/common/quick_icon1_big.svg); }
	.quick_menu_area .quick_menu_list .quick_menu_item.quick_map .icon { background-image: url(../../images/common/quick_icon2_big.svg); }
	.quick_menu_area .quick_menu_list .quick_menu_item.quick_platform .icon { background-image: url(../../images/common/quick_icon3_big.svg); }
	.quick_menu_area .quick_menu_box .quick_menu_list .text { font-size: 17px; line-height: 1.5; }
	.quick_menu_area.on .dim { display: block; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); }
	.quick_menu_area.on .quick_menu_box { display: block; z-index: 1; position: fixed; top: 50%; left: 50%; padding: 32px; transform: translate(-50%, -50%); border-radius: 8px; background: #fff; }
	.business_section .edu_section { flex-direction: column; }
	.business_section .artcenter_academy,
	.business_section .atrium_academy { padding: 20px; }
	.business_section .artcenter_academy .title,
	.business_section .atrium_academy .title { font-size: 18px; }
	.business_section .artcenter_academy .title br,
	.business_section .atrium_academy .title br { display: none; }
	.business_section .artcenter_academy { flex-direction: column; gap: 10px; }
	.business_section .artcenter_academy .title { width: auto; }
	.business_section .artcenter_academy .list_wrap .list { gap: 10px; }
	.business_section .artcenter_academy .list_wrap .list a { height: 45px; padding: 0 15px; padding-right: 35px; line-height: 1.1; }
	.business_section .artcenter_academy .list_wrap .list a:before { right: 15px; }
	.business_section .atrium_academy { width: 100%; height: 120px; }
	.business_section .atrium_academy:before { bottom: 20px; left: 20px; width: 35px; }
	.sub_academy_info .page_head .thumbs_area { width: 350px; }

	/* 지원사업 */
	.page_support .flex_layout { display: block; }
	.page_support .flex_layout .cm_btn_area { margin-top: 1.5rem; }

	/* 통합검색 */
	.page_integrated_search .search_header { padding-right: 0; padding-left: 0; }
	.page_integrated_search .search_input_wrap { max-width: none; }
	.page_integrated_search .integrated_search_wrap { display: none; z-index: 2025; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; padding: 30px; overflow: auto; background: rgba(0, 0, 0, 0.5); }
	.page_integrated_search .integrated_search_wrap.active { display: block; }
	.page_integrated_search .search_results_header .pc_util { display: none; }
	.page_integrated_search .search_results_header .mobile_util { display: block; }
	.page_integrated_search .integrated_search_filter { display: flex; position: fixed; right: 0; bottom: 0; left: 0; flex-direction: column; max-height: 70dvh; padding: 20px; }
	.page_integrated_search .filter_sections { overflow: auto; }

	/* 운영시설 */
	.page_facilities .ci_list.row3 .list_item { width: calc((100% - 2.4rem) / 2); }
	.page_facilities .ci_list .item_color .color_box { width: calc((100% - 2.4rem) / 2); }
	.page_facilities .ci_list .item_color.row4 .color_box { width: calc((100% - 2.4rem) / 2); }
	.page_facilities .ci_list .item_logo .logo_box { width: calc((100% - 4.8rem) / 3); }
	.page_facilities .map_area .map_box { aspect-ratio: 4/2.5; }

	/* 성남문화재단 */
	.page_foundation .greetings_area .grt_img { width: 35%; min-width: 30rem; }
	.page_foundation .mission_area1 .misn_box .misn_text { font-size: 2rem; }
	.page_foundation .mission_area3 .misn_box .misn_title { min-width: 22rem; font-size: 2.2rem; }
	.page_foundation.philosophy_area .cm_title.title1 { font-size: 2.4rem; }
	.page_foundation .phsp_area { padding: 4rem 2.4rem; gap: 1.6rem; }
	.page_foundation.esg_area .box3.cm_box.type2 { flex-direction: column-reverse; }
	.page_foundation.esg_area .box3.cm_box.type2 .img_area { width: 100%; max-width: 33.8rem; }
	.page_foundation .logo_list > li { width: calc((100% - 3.6rem) / 4); }
	.page_foundation .history_nav { width: 20rem; }
	.page_foundation .history_nav .nav_inner { top: 14.5rem; }
	.page_foundation .ci_list.row3 .list_item { width: calc((100% - 2.4rem) / 2); }
	.page_foundation .ci_list .item_color .color_box { width: calc((100% - 2.4rem) / 2); }
	.page_foundation .ci_list .item_logo .logo_box { width: calc((100% - 4.8rem) / 3); }
	.page_foundation .ci_list .item_color.row4 .color_box { width: calc((100% - 2.4rem) / 2); }
	.page_foundation .platform_history { padding: 1.6rem; }
	.page_foundation .platform_history .his_list { font-size: 1.4rem; }
	.page_foundation .platform_cont { padding: 2.4rem 0; }
	.page_foundation .plfm_title1 { margin-bottom: 2rem; font-size: 2rem; }
	.page_foundation .plfm_title2 { margin-bottom: 1rem; font-size: 1.6rem; }
	.page_foundation .plfm_title2 ~ .plfm_title2 { margin-top: 2rem; }
	.page_foundation .plfm_text { font-size: 1.4rem; }
	.page_foundation .plfm_list > li { font-size: 1.4rem; }
	.page_foundation .plfm_box { margin-top: 2rem; padding: 1.6rem; }
	.page_foundation .plfm_table { margin-top: 1rem; }
	.page_foundation .plfm_table th,
	.page_foundation .plfm_table td { height: 4rem; padding: 0.6rem; font-size: 1.4rem; }
	.page_foundation .plfm_table .plfm_list > li { font-size: 1.4rem; }
	.page_foundation .platform_link > li { width: calc((100% - 4.8rem) / 3); }
	.page_foundation .manifesto_area { padding: 2rem 2rem 4rem; background: url(../../images/sub/sub131_img2.svg) no-repeat left 2rem top 2rem/6rem, url(../../images/sub/sub131_img3.svg) no-repeat right 2rem top 2rem/6rem; }
	.page_foundation .manifesto_area .mnft_title { margin-top: 7rem; margin-bottom: 3rem; font-size: 3.4rem; }
	.page_foundation .manifesto_area .mnft_title:before { width: 9.12rem; height: 4.4rem; }
	.page_foundation .manifesto_area .mnft_text { font-size: 2rem; }
	.page_foundation .manifesto_area .mnft_list { margin-top: 4rem; padding: 2rem; gap: 1.6rem; }
	.page_foundation .manifesto_area .mnft_list > li { font-size: 1.8rem; }
	.page_foundation .manifesto_area .mnft_list > li .bul { width: 5rem; height: 5rem; padding-top: 0.2rem; font-size: 1.6rem; }
	.page_foundation .map_area .map_box { aspect-ratio: 4/2.5; }
	.page_foundation .traffic_area .box_title { min-width: 18rem; }
	.art_view_body .artview_search_layer .search_container .cm_btn.btn_lg { height: 50px; }
	.art_view_body .header .logo_img,
	.art_view_body .header.scroll .logo_img { width: 75px; height: 38px; }
	.artview_board_list .board_list1 .board_item { gap: 4rem; }
	.artview_board_list .board_list1 .thumb_area { width: 360px; }
	.artview_board_list .board_list2 { grid-template-columns: repeat(1, 1fr); }
	.artview_board_list .board_list2 .board_item.nodata { grid-column: span 1; }
	.artview_board_list .board_list2 .board_item .item_btn { height: 42px; }
}
@media screen and (max-width:1023px) {

	/* header */
	.header .header_top { width: 100%; overflow: hidden; overflow-x: auto; }
	.header .familysite_area .list_item { flex-shrink: 0; }
	.header .familysite_area .list_item:last-child .btn_fam:before { display: none; }
	.header .header_btm { height: 9rem; }
	.header .header_bg { top: 13.5rem; height: calc(var(--vh, 1vh) * 100 - 4.5rem - 9rem); }
	.header .sitemap_area .sitemap_layer { top: 13.5rem; height: calc(var(--vh, 1vh) * 100 - 4.5rem - 9rem); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_wrap { height: calc(var(--vh, 1vh) * 100 - 9rem - 4.5rem); }
	#container { padding-top: calc(13.5rem + 1px); }
	.top_banner { height: 10rem; }
	.top_banner .item_box { height: 10rem; }
	.top_banner .swiper-slide > a { height: 10rem; }
	.top_banner img.img_pc { display: none !important; }
	.top_banner img.img_mo { display: block !important; }
	.top_banner .ctrl_area .swiper-ctrl-area { justify-content: flex-start; padding-left: var(--inner_padding); }
	.top_banner .ctrl_area .inner > .swiper-btn { display: none; }
	.top_banner ~ .header { top: 10rem; }
	.top_banner ~ .header .header_bg,
	.top_banner ~ .header .sitemap_area .sitemap_layer { top: 23.5rem; height: calc(100dvh - 10rem - 9rem - 4.5rem); }
	.top_banner ~ #container { padding-top: calc(23.5rem + 1px); }
	.top_banner.close ~ .header { top: 0; }
	.top_banner.scroll ~ .header .header_bg,
	.top_banner.scroll ~ .header .sitemap_area .sitemap_layer,
	.top_banner.close ~ .header .header_bg,
	.top_banner.close ~ .header .sitemap_area .sitemap_layer { top: 13.5rem; }
	.top_banner.scroll ~ #container,
	.top_banner.close ~ #container { padding-top: calc(13.5rem + 1px); }
	.art_view_body .content_search_area { top: 40px; }
}
@media screen and (max-width:768px) {

	/* header */
	.header .inner { padding: 0 25px; }
	.header .header_top { height: auto; padding: 0; }
	.header .header_top .inner { padding: 0 16px; }
	.header .header_btm .inner { position: relative; justify-content: center; }
	.header .logo { width: auto; padding-right: 5rem; }
	.header .util_area { position: absolute; top: 3.3rem; right: calc(25px + 2rem + 3rem); }
	.header .util_area .btn_member,
	.header .util_area .language_area { display: none; }
	.header .familysite_area { z-index: 13; position: absolute; top: 3.4rem; left: 25px; background: transparent; }
	.header .familysite_area .btn_family { display: block; }
	.header .familysite_area .familysite_layer { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: calc(var(--vh, 1vh) * 100); padding: 5rem 3rem; background: #f3f3f3; }
	.header .familysite_area .list_item { height: auto; }
	.header .familysite_area .btn_fam { display: flex; align-items: center; width: 100%; height: 9rem; padding: 0 2.4rem; border: 1px solid #aaa; background: #fff; color: #000; font-weight: 500; font-size: 2.4rem; }
	.header .familysite_area .btn_fam:before { display: none; }
	.header .familysite_area.active .familysite_layer { display: block; }
	.header .familysite_area .familysite_title { display: block; width: 100%; margin-bottom: 6rem; }
	.header .familysite_area .list_body { flex-direction: column; align-items: stretch; gap: 2rem; }
	.header .familysite_area .list_item:after { display: none; }
	.header .familysite_area .btn_fam[target=_blank]:after { width: 2.4rem; height: 2.4rem; background: url(../../images/common/icon_other_external_link.svg) no-repeat center center/contain; }
	.header .familysite_area .btn_close { display: block; position: absolute; top: 2.4rem; right: 2.4rem; }
	.header .header_bg { top: 9rem; height: calc(var(--vh, 1vh) * 100 - 9rem); }
	.header .sitemap_area { position: absolute; top: 2.5rem; right: 25px; }
	.header .sitemap_area .sitemap_layer { top: 9rem; width: 100%; max-width: 100%; height: calc(var(--vh, 1vh) * 100 - 9rem); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util { display: flex; align-items: center; justify-content: space-between; height: 9rem; padding: 0 2.5rem; border-bottom: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .btn_member { display: flex; gap: 1rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .btn_member .btn_util { display: flex; align-items: center; height: 4rem; padding: 0 1.2rem; border: 1px solid #ddd; border-radius: 0.8rem; font-weight: 500; font-size: 1.8rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area { display: flex; position: relative; align-items: center; padding-left: 3.2rem; gap: 2.2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area:before { display: block; position: absolute; top: 0.23rem; left: 0; width: 2.4rem; height: 2.4rem; background: url(../../images/common/icon_stroke_earth.svg) no-repeat center center/contain; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area > a { display: block; position: relative; font-weight: 500; font-size: 1.8rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area > a.active { font-weight: 600; text-decoration: underline; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area > a:after { position: absolute; top: 50%; right: -1.4rem; width: 3px; height: 3px; margin-top: -1.5px; border-radius: 100%; background: #aaa; content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_util .language_area > a:last-child:after { display: none; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap { height: calc(100% - 9rem); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 { width: 19rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth1_wrap .sitemap_depth1 > li > a { font-size: 2.4rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap { left: 19rem; width: calc(100% - 19rem); }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth2_wrap .sitemap_depth2 > li > a { font-size: 2.2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_wrap .sitemap_depth3_wrap .sitemap_depth3 > li > a { font-size: 2rem; }
	.header .search_layer { position: fixed; top: 9rem; padding: 30px 20px; }
	#container { padding-top: calc(9rem + 1px); }
	#container > .img_tablet { display: none; }
	#container > .img_mobile { display: block; }
	.top_banner ~ .header .header_bg,
	.top_banner ~ .header .search_layer,
	.top_banner ~ .header .sitemap_area .sitemap_layer { top: 19rem; height: calc(100dvh - 10rem - 9rem); }
	.top_banner ~ #container { padding-top: calc(19rem + 1px); }
	.top_banner.close ~ .header { top: 0; }
	.top_banner.scroll ~ .header .header_bg,
	.top_banner.scroll ~ .header .sitemap_area .sitemap_layer,
	.top_banner.scroll ~ .header .search_layer,
	.top_banner.close ~ .header .header_bg,
	.top_banner.close ~ .header .search_layer,
	.top_banner.close ~ .header .sitemap_area .sitemap_layer { top: 9rem; }
	.top_banner.scroll ~ #container,
	.top_banner.close ~ #container { padding-top: calc(9rem + 1px); }
	.art_view_body .content_search_area { top: 0; }
	.art_view_body .search_result_nodata { padding: 20px 0 40px; }
}
@media screen and (max-width:767px) {
	.quick_menu_area.on .quick_menu_toggle_button { right: 16px; }
	.quick_menu_area.on .quick_menu_box { padding: 32px 24px 80px; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .title { font-size: 22px; letter-spacing: -0.5px; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .quick_menu_close_wrap { display: flex; position: absolute; bottom: 0; left: 0; align-items: center; justify-content: center; width: 100%; height: 48px; gap: 8px; background: #000; color: #fff; font-size: 18px; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .quick_menu_close_wrap .m_visible { display: block; }
	.quick_menu_area .quick_menu_box .quick_menu_box_head .quick_menu_close_wrap .btn_quick_close { width: 20px; height: 20px; background-image: url(../../images/common/icon_stroke_cross_bold_wt.svg); }
	.quick_menu_area .quick_menu_box .quick_menu_list { flex-direction: column; margin: 0 auto; }
	.quick_menu_area .quick_menu_box .quick_menu_list .item_box { width: 120px; height: 120px; }
	.quick_menu_area .quick_menu_box .quick_menu_list .icon { width: 40px; height: 40px; }
	.quick_menu_area .quick_menu_box .quick_menu_list .text { font-size: 15px; line-height: 1.3; }

	/* 메인 */
	.main_section .cm_toolbar { flex-direction: row; align-items: center; justify-content: space-between; }

	/* 메인 - 비주얼 */
	.visual_section .visual_swiper { width: calc(100% + (100vw - 100%) / 2 - 25px); margin-left: calc((100vw - 100%) / -2 + 25px); }
	.visual_section .visual_swiper .swiper-btn-wrap { display: none; }
	.notice_section .notice_area .notice_list .item_date { margin-top: 2rem; }

	/* 메인 */
	.notice_section .notice_area .notice_list { flex-direction: column; }
	.notice_section .notice_area .notice_list .list_item { width: 100%; }
	.notice_section .bnr_area { width: calc(100% + var(--inner_padding) * 2); margin-left: calc(var(--inner_padding) * -1); }
	.notice_section .bnr_area .swiper-btn-wrap { padding: 0 var(--inner_padding); }

	/* 메인 - 온라인신청 */
	.business_section .busn_area .cm_tab3 { left: 18rem; }
	.floor_guide_container .floor_item { flex-direction: column; }
	.floor_guide_container .floor_header { aspect-ratio: auto; width: 100%; padding: 5px; }
	.floor_guide_container .floor_actions { flex-direction: column; }
	.floor_guide_container .floor_actions a { flex: none; height: 40px; }

	/* 회원탈퇴 */
	.page_withdrawal .withdrawal_content { flex-direction: column; gap: 15px; }
	.page_withdrawal .withdrawal_header { width: 100%; }
	.page_withdrawal .withdrawal_icon { width: 55px; margin: 0 auto; }
	.page_withdrawal .withdrawal_body { text-align: center; }
	.sub_academy_info .page_head { flex-direction: column; align-items: center; }
	.sub_academy_info .page_head .thumbs_area { width: 100%; max-width: 380px; }
	.sub_academy_info .page_head .content_area { width: 100%; text-align: center; }
	.sub_academy_info .page_head .cm_btn { width: 100%; }
	.sub40_content_wrap:before { height: 38rem; }
	.sub40_content_wrap .sub40_content { flex-direction: column; align-items: center; }
	.sub40_content_wrap .sub40_content .thumbs_area { width: 100%; max-width: 380px; }
	.sub40_content_wrap .sub40_content .content_area { padding-top: 0; }

	/* 운영시설 */
	.page_SNA82 .cm_bul_list1 > .list_item > .d-flex,
	.page_SNA94 .cm_bul_list1 > .list_item > .d-flex { display: block !important; }
	.page_SNA82 .cm_bul_list1 > .list_item > p,
	.page_SNA94 .cm_bul_list1 > .list_item > p { margin-left: 0 !important; }

	/* 운영시설 */
	.page_facilities .ci_list .list_item { width: 100%; }
	.page_facilities .ci_list.row3 .list_item { width: 100%; }
	.page_facilities .ci_list .item_color .color_box { width: 100%; }
	.page_facilities .ci_list .item_color.row4 .color_box { width: 100%; }
	.page_facilities .ci_list .item_logo .logo_box { width: calc((100% - 2.4rem) / 2); }
	.page_facilities .map_area .map_info { flex-direction: column; align-items: flex-start; }
	.page_facilities .map_area .map_info .info_number { margin-top: 1rem; gap: 4rem; }
	.page_facilities .map_area .map_info .info_number dl:after { left: -2rem; }
	.page_facilities .map_area .info_btn { width: 100%; margin-top: 2rem; }
	.page_facilities .map_area .info_btn .cm_btn { width: 100%; }

	/* 성남문화재단 */
	.page_foundation .greetings_area { flex-direction: column; }
	.page_foundation .greetings_area .grt_img { width: 100%; min-width: 0; }
	.page_foundation .greetings_area.type2 { margin-top: 0; padding: 0; background: none; }
	.page_foundation .greetings_area.type2 .grt_img { z-index: 2; position: relative; width: 100%; margin-top: 0; }
	.page_foundation .greetings_area.type2 .grt_cont { margin-top: -15rem; padding: 3rem; padding-top: 15rem; background: #f9f4f0; }
	.page_foundation .greetings_area.type2 .grt_sign { display: flex; flex-direction: column; align-items: flex-end; }
	.page_foundation .mission_area1 { flex-direction: column; }
	.page_foundation .mission_area1 .misn_box { width: 100%; }
	.page_foundation .mission_area1 + .bar { margin: 4rem auto; }
	.page_foundation .mission_area2 + .shadow { margin: 4rem auto; }
	.page_foundation .mission_area3 .misn_box { flex-direction: column; padding: 3.4rem 0; gap: 0; }
	.page_foundation .mission_area3 .misn_box .misn_title { align-items: center; width: 100%; min-width: 0; margin-bottom: 3.4rem; padding: 0 2.4rem; padding-bottom: 3.4rem; border-bottom: 1px solid #ccc; }
	.page_foundation .mission_area3 .misn_box .misn_title > img { width: 3.4rem; }
	.page_foundation .mission_area3 .misn_box .misn_title br { display: none; }
	.page_foundation .mission_area3 .misn_box .misn_text { padding: 0 2.4rem; }
	.page_foundation .phsp_area .phsp_item { flex-direction: column; }
	.page_foundation.esg_area .mission_area3 .misn_box .misn_title { width: 100%; min-width: 0; }
	.page_foundation .logo_list > li { width: calc((100% - 2.4rem) / 3); }
	.page_foundation .esg_btn_area .cm_btn { --icon-size: 20; }
	.page_foundation .history_nav { display: none; }
	.page_foundation.history_area .page_section + .page_section { margin-top: 4rem !important; }
	.page_foundation.history_area .page_section h3 { display: block; position: static; clip: unset; width: auto; height: auto; margin: 0; margin-bottom: 1.6rem; padding: 2rem 0; border-top: 3px solid #000; border-bottom: 3px solid #000; color: #c93255; font-weight: 700; font-size: 3rem; }
	.page_foundation .history_cont .his_list .his_item { padding: 2.5rem 0; }
	.page_foundation .history_cont .his_list .his_item:last-child { border-bottom: 0; }
	.page_foundation .history_cont .his_list .item_detail { margin-top: 1.6rem; }
	.page_foundation .org_chart .org_step:before,
	.page_foundation .org_chart .org_step:after,
	.page_foundation .org_chart .org_inner:before,
	.page_foundation .org_chart .org_inner:after,
	.page_foundation .org_chart .org_item:before,
	.page_foundation .org_chart .org_item:after,
	.page_foundation .org_chart .org_box:before,
	.page_foundation .org_chart .org_box:after { display: none; }
	.page_foundation .org_chart .org_item { max-width: 100%; min-height: 6rem; padding: 1.6rem; }
	.page_foundation .org_chart .org_step1 { padding-bottom: 2rem; }
	.page_foundation .org_chart .org_step1 .org_item { max-width: 100%; min-height: 9rem; background-position: right bottom; background-size: contain; font-size: 2.2rem; }
	.page_foundation .org_chart .org_step2 { padding-bottom: 2rem; }
	.page_foundation .org_chart .org_step2 .org_inner { max-width: 100%; gap: 1.6rem; }
	.page_foundation .org_chart .org_step2 .org_inner:after { display: none; }
	.page_foundation .org_chart .org_step3 { padding-bottom: 2rem; }
	.page_foundation .org_chart .org_step4 { padding-top: 0; }
	.page_foundation .org_chart .org_step4 > .org_inner { display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; gap: 1.6rem; }
	.page_foundation .org_chart .org_step4 .org_box { display: flex; flex-direction: column; width: calc((100% - 1.6rem) / 2); }
	.page_foundation .org_chart .org_step4 .org_box > .org_item { flex-shrink: 0; width: 100%; min-height: 5.6rem; }
	.page_foundation .org_chart .org_step5 { height: 100%; }
	.page_foundation .org_chart .org_step5 .org_inner { align-items: flex-start; justify-content: flex-start; height: 100%; padding: 2.4rem; gap: 1rem; }
	.page_foundation .org_chart .org_step5 .org_item:before { display: block; }
	.page_foundation .org_table .cm_table2 th,
	.page_foundation .org_table .cm_table2 td { padding: 0.6rem; }
	.page_foundation .ci_list .list_item { width: 100%; }
	.page_foundation .ci_list.row3 .list_item { width: 100%; }
	.page_foundation .ci_list .item_color .color_box { width: 100%; }
	.page_foundation .ci_list .item_color.row4 .color_box { width: 100%; }
	.page_foundation .ci_list .item_logo .logo_box { width: calc((100% - 2.4rem) / 2); }
	.page_foundation .ci_list .item_logo.row2 .logo_box { width: 100%; }
	.page_foundation.contribution_area .contb_img { width: 120%; max-width: 110%; margin-left: -5%; }
	.page_foundation.contribution_area .contb_box { padding: 2.4rem; }
	.page_foundation .platform_link { gap: 1.6rem; }
	.page_foundation .platform_link > li { width: calc((100% - 1.6rem) / 2); }
	.page_foundation .manifesto_area .mnft_text br { display: none; }
	.page_foundation .traffic_area .trff_box { flex-direction: column; padding-top: 0; padding-bottom: 4rem; gap: 0; }
	.page_foundation .traffic_area .box_title { width: 100%; height: 8.5rem; margin-bottom: 2rem; padding: 1.6rem 2.4rem; border-bottom: 1px solid #ddd; background-color: #f5f5f5; }
	.page_foundation .map_area .map_info { flex-direction: column; align-items: flex-start; }
	.page_foundation .map_area .map_info .info_number { margin-top: 1rem; gap: 4rem; }
	.page_foundation .map_area .map_info .info_number dl:after { left: -2rem; }
	.page_foundation .map_area .info_btn { width: 100%; margin-top: 2rem; }
	.page_foundation .map_area .info_btn .cm_btn { width: 100%; }

	/* 후원회 안내 */
	.page_sponsorship .main_visual { flex-direction: column; gap: 30px; }
	.page_sponsorship .visual_left { width: 100%; }
	.page_sponsorship .visual_image { width: 100%; }
	.page_sponsorship .visual_right { width: 100%; }
	.page_sponsorship .sponsor_name { min-width: 0; }
	.page_sponsorship .cm_dl4 { flex-direction: column; }
	.art_view_body .header .header_search_area .artview_search_layer { top: calc(100% + 22px); right: -65px; left: auto; width: 100vw; }
	.art_view_body .main_page .main_section .section_title { font-size: 3.4rem; }
	.art_view_body .main_page .section2 .top_news_container { flex-direction: column; align-items: center; }
	.art_view_body .main_page .section2 .top_news_container .thumb_area { width: 100%; max-width: 38rem; }
	.art_view_body .main_page .section2 .top_news_container .content_area { width: 100%; }
	.art_view_body .main_page .section4 .section_title_area { flex-direction: column; align-items: end; margin-bottom: 2.4rem; }
	.art_view_body .main_page .section4 .section_title_area .section_title { width: 100%; }
	.art_view_body .main_page .section5 .sec5_content_wrap { flex-direction: column; gap: 60px; }
	.art_view_body .main_page .section5 .sec5_content_wrap .thumb_area { width: 100%; max-width: 300px; }
	.art_view_body .main_page .section5 .sec5_content_wrap .content_area { width: 100%; padding-top: 0; text-align: center; }
	.art_view_body .main_page .section5 .sec5_content_wrap .title { font-size: 22px; }
	.art_view_body .main_page .section5 .sec5_content_wrap .desc { font-size: 18px; }
	.artview_board_list .board_list1 .thumb_area { width: 100%; max-width: 350px; }
	.artview_board_list .board_list1 .board_item { flex-direction: column; }
	.artview_board_list .board_list1 .content { width: 100%; }
	.artview_board_detail .board_detail_head,
	.artview_board_detail .board_detail_body,
	.artview_board_detail .related_content { padding-right: 2.4rem; padding-left: 2.4rem; }
	.artview_board_detail .related_content { padding-top: 0; }
	.artview_board_detail .related_list { grid-template-columns: repeat(1, 1fr); }
	.artview_board_detail .related_list .list_item.nodata { grid-column: span 1; }
	.artview_board_detail .related_list .list_item.nodata .cm_nodata1 { font-size: 15px; }
}
@media screen and (max-width:480px) {

	/* header */
	.header .inner { padding: 0 16px; }
	.header .familysite_area { left: 16px; }
	.header .util_area { right: calc(5rem + 16px); }
	.header .sitemap_area { right: 16px; }
	.header .sitemap_area .sitemap_layer .sitemap_title { left: 16px; }
	.header .sitemap_area .sitemap_layer .btn_close { right: 16px; }
}
@media screen and (max-width:479px) {

	/* 메인 - 비주얼 */
	.visual_section .visual_swiper { width: calc(100% + (100vw - 100%) / 2 - 16px); margin-left: calc((100vw - 100%) / -2 + 16px); }
	.visual_section .visual_swiper .swiper-btn-wrap { width: 7rem; height: 7rem; }

	/* 메인 - 캘린더 */
	.calendar_section .calendar_wrap .cm_calendar .event_list3 { gap: 0 0.8rem; }
	.calendar_section .calendar_wrap .cm_calendar thead th { height: 5rem; }
	.calendar_section .calendar_wrap .cm_calendar .day_box { min-height: 6rem; }

	/* 메인 - 온라인신청 */
	.business_section .busn_area .cm_tab3 { position: static; width: 100%; margin-top: 2.5rem; }
	.business_section .busn_area .cm_tab3 .tab_list > li { flex-shrink: 1; width: 100%; }
	.business_section .busn_swiper .swiper { padding-top: 0; }

	/* 메인 - SNART ON */
	.sns_section .periodical_area .prdc_list { gap: 1.6rem; }
	.sns_section .periodical_area .prdc_list .item_box .item_title { padding: 1rem; font-size: 1.8rem; text-align: center; }
	.find_member_box.type2 { max-width: 100%; }
	.page_SNA43 .section2 .d-flex { flex-direction: column; }
	.page_SNA43 .section2 .d-flex .cm_btn { width: 100%; }

	/* 운영시설 */
	.page_SNA72 .cm_dash_list1 { flex-direction: column; gap: 8px; }
	.page_SNA72 .cm_dash_list1 .list_item:after { display: none; }
	.page_facilities .map_area .map_info .info_number { flex-direction: column; align-items: flex-start; gap: 1.2rem; }
	.page_facilities .map_area .map_info .info_number dl:after { display: none; }
	.page_facilities .map_area .map_info .info_number .cm_icon { align-items: center; }
	.page_facilities .map_area .map_info .info_number .cm_icon .font-weight-bold { display: inline; padding-right: 1.6rem; }

	/* 성남문화재단 */
	.page_foundation .logo_list > li { width: calc((100% - 1.2rem) / 2); }
	.page_foundation .esg_btn_area .cm_btn { width: 100%; }
	.page_foundation .org_chart .org_step5 .org_inner { padding: 1.6rem; }
	.page_foundation.contribution_area { padding-top: 4rem; }
	.page_foundation.contribution_area .cm_title { margin-bottom: 4rem; }
	.page_foundation.contribution_area .cm_title br { display: none; }
	.page_foundation.contribution_area .contb_box br { display: none; }
	.page_foundation.contribution_area .contb_box { margin-top: 4rem; padding: 2.4rem; }
	.page_foundation.contribution_area .contb_contact { align-items: flex-start; justify-content: flex-start; margin-top: 3rem; gap: 0.8rem; text-align: left; }
	.page_foundation.contribution_area .contb_contact:before { margin-top: -0.4rem; }
	.page_foundation .manifesto_area .mnft_list > li { align-items: flex-start; }
	.page_foundation .manifesto_area .mnft_list > li .bul { width: 4rem; height: 4rem; font-size: 1.5rem; }
	.page_foundation .traffic_area .box_cont .box_item + .box_item { margin-top: 4rem; }
	.page_foundation .traffic_area .box_cont .box_item .cm_bul_list1 > .list_item { flex-direction: column; gap: 1rem; }
	.page_foundation .traffic_area .box_cont .box_item .cm_bul_list1 > .list_item ~ .list_item { margin-top: 2rem; }
	.page_foundation .map_area .map_info .info_number { flex-direction: column; align-items: flex-start; gap: 1.2rem; }
	.page_foundation .map_area .map_info .info_number dl:after { display: none; }
	.art_view_body .header .header_search_area .artview_search_layer { right: -55px; }
	.artview_board_list .board_list2 .board_item { flex-direction: column; padding: 2.4rem; }
	.artview_board_list .board_list2 .board_item .content { width: 100%; text-align: center; }
	.artview_board_list .board_list2 .board_item .item_badge_area { justify-content: center; }
	.artview_board_list .board_list2 .board_item .item_title { margin-bottom: 2rem; }
}