@charset "UTF-8";

/* layout */
.wrap { font-size: 1.6rem; }
.inner { width: 100%; max-width: var(--inner); margin: 0 auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.container .inner { margin: 0 auto; }

/* header */
.header { display: flex; z-index: 100; position: relative; align-items: center; width: 100%; background-color: #fff; word-break: keep-all; }
.header .inner { max-width: 100%; }
.header_obj { display: none; }
.header .header_top { width: 100%; }
.header .header_btm { width: 100%; }
.header .logo { display: block; z-index: 1; position: relative; width: 290px; height: 68px; margin: 0 auto; }
.header .logo > .logo_img { display: block; width: 100%; height: 100%; }
.header .logo > .logo_img > img { display: block; width: 100%; height: 100%; object-fit: contain; }
.header .logo > .logo_obj { z-index: -1; position: absolute; width: 0; height: 0; background-position: center; background-size: contain; background-repeat: no-repeat; }

/* 봄 */
.season_spring .header .logo > .logo_obj1 { top: -36%; left: -3%; width: 14.51%; height: 57.62%; background-image: url(../../images/common/logo_obj_spring01.svg); }
.season_spring .header .logo > .logo_obj2 { top: -19%; right: -12%; width: 12.09%; height: 50.84%; background-image: url(../../images/common/logo_obj_spring02.svg); animation: spring-logo1 30s ease-in-out infinite alternate; }
.season_spring .header .logo > .logo_obj3 { top: 62%; right: -18%; width: 10.08%; height: 37.28%; transform-origin: 50% 0; background-image: url(../../images/common/logo_obj_spring03.svg); animation: spring-logo2 10s ease-in-out both; }

/* 여름 */
.season_summer .header .logo > .logo_obj1 { top: -26%; left: -4%; width: 16%; height: 56%; background-image: url(../../images/common/logo_obj_summer01.svg); }
.season_summer .header .logo > .logo_obj2 { top: -21%; right: -16%; width: 23.79%; height: 35.59%; transform-origin: 80% 50%; background-image: url(../../images/common/logo_obj_summer02.svg); animation: summer-logo1 3s ease-in-out infinite alternate; }
.season_summer .header .logo > .logo_obj3 { top: 50%; right: -24%; width: 18.14%; height: 28.81%; transform-origin: 80% 50%; background-image: url(../../images/common/logo_obj_summer03.svg); animation: summer-logo1 -1s 3s ease-in-out infinite alternate; }

/* 가을 */
.season_autumn .header .logo > .logo_obj1 { top: -46%; left: -7%; width: 19.35%; height: 64.4%; background-image: url(../../images/common/logo_obj_autumn01.svg); }
.season_autumn .header .logo > .logo_obj2 { top: -7%; right: -9%; width: 10.88%; height: 42.37%; transform-origin: 100% 100%; background-image: url(../../images/common/logo_obj_autumn02.svg); animation: autumn-logo1 5s ease-in-out infinite alternate; }
.season_autumn .header .logo > .logo_obj3 { top: 81%; right: -18%; width: 11.29%; height: 28.81%; transform-origin: 50% 0; background-image: url(../../images/common/logo_obj_autumn03.svg); animation: spring-logo2 10s ease-in-out both; }

/* 겨울 */
.season_winter .header .logo > .logo_obj1 { top: -44%; left: -6%; width: 18.59%; height: 64.4%; background-image: url(../../images/common/logo_obj_winter01.svg); }
.season_winter .header .logo > .logo_obj2 { top: -15%; right: -9%; width: 9.27%; height: 40.67%; background-image: url(../../images/common/logo_obj_winter02.svg); animation: spring-logo1 30s ease-in-out infinite alternate; }
.season_winter .header .logo > .logo_obj3 { top: 47%; right: -18%; width: 12.09%; height: 52.54%; background-image: url(../../images/common/logo_obj_winter03.svg); animation: spring-logo1 -28s 40s ease-in-out infinite alternate; }
.header .util_area { display: flex; position: absolute; right: 20.4rem; bottom: 4rem; align-items: center; gap: 3rem; }
.header .util_area .util_menu { display: flex; align-items: center; height: 4rem; gap: 3.2rem; }
.header .util_area .util_menu > li { position: relative; }
.header .util_area .util_menu > li:after { position: absolute; top: 50%; right: -1.6rem; width: 1px; height: 1.2rem; margin-top: -0.6rem; background: #ddd; content: ""; }
.header .util_area .util_menu > li:last-child:after { display: none; }
.header .util_area .util_menu > li > a { color: #555; font-weight: 700; font-size: 1.6rem; }
.header .util_area .util_menu > li > a:hover { text-decoration: underline; }
.header .util_area .util_gcf .btn_gcf { display: block; position: relative; width: 4rem; height: 4rem; border: 1px solid #ddd; border-radius: 50%; background: url(../../images/common/icon_gcf.svg) no-repeat center/75%; font-size: 0; }
.header .util_area .util_gcf .btn_gcf:after { position: absolute; top: 60%; left: 60%; width: 3rem; height: 3rem; border: 2px solid #fff; border-radius: 100%; background: url(../../images/common/icon_arr14.svg) no-repeat center/contain; content: ""; }
.header .sitemap_area { position: absolute; right: 14rem; bottom: 4rem; }
.header .sitemap_area .btn_sitemap { display: block; width: 4rem; height: 4rem; background: url(../../images/common/icon_sitemap.svg) no-repeat center/2.4rem; font-size: 0; }

/* real content */
.real_content { width: 100%; }
.content_area { display: flex; align-items: flex-start; padding-bottom: 8rem; }
.cm_section + .cm_section { margin-top: 8rem; }
.sub_page { min-height: calc(100vh - 18.7rem - 26.5rem); overflow: hidden; }
.sub_page .sub_page_head { padding-top: 8rem; padding-bottom: 4rem; }
.sub_page .sub_page_head .page_breadcrumb { display: flex; gap: 2.4rem; }
.sub_page .sub_page_head .page_breadcrumb > li { position: relative; }
.sub_page .sub_page_head .page_breadcrumb > li:after { position: absolute; top: 0; left: 100%; width: 2.4rem; height: 100%; background: url(../../images/common/icon_arr04_right.svg) no-repeat center/1.2rem; content: ""; }
.sub_page .sub_page_head .page_breadcrumb > li:last-child:after { display: none; }
.sub_page .sub_page_head .page_breadcrumb > li > span,
.sub_page .sub_page_head .page_breadcrumb > li > a { display: flex; align-items: center; font-weight: 400; font-size: 1.6rem; }
.sub_page .sub_page_head .page_breadcrumb > li.home > span:before,
.sub_page .sub_page_head .page_breadcrumb > li.home > a:before { display: block; width: 1.2rem; height: 1.2rem; margin-right: 0.8rem; background: url(../../images/common/icon_home.svg) no-repeat center/contain; content: ""; }
.sub_page .sub_page_head .page_title { margin-top: 1.1rem; font-weight: 800; font-size: 3.6rem; }
.mypage_page { overflow: hidden; }
.mypage_page > .inner { display: flex; min-height: calc(100vh - 18.7rem - 26.5rem); padding-top: 8rem; padding-bottom: 8rem; }
.mypage_page .left_menu { flex-shrink: 0; width: 26rem; }
.mypage_page .left_menu .btn_left { display: none; }
.mypage_page .left_menu .left_title { display: flex; align-items: center; justify-content: center; width: 100%; height: 12rem; margin-bottom: 2.4rem; border-radius: 2rem; background: #ef4f97 url(../../images/common/bg_leftmenu.svg) no-repeat right bottom/6.4rem; color: #fff; font-weight: 800; font-size: 2.2rem; }
.mypage_page .left_menu .menu_list { padding: 3rem 2.4rem; border: 1px solid #ddd; border-radius: 2rem; background: #fff; }
.mypage_page .left_menu .menu_list .list_item + .list_item { margin-top: 1.5rem; }
.mypage_page .left_menu .menu_list .list_item .item_box { display: flex; position: relative; align-items: center; width: 100%; min-height: 4.8rem; padding: 1.2rem 2.4rem; padding-right: 5rem; border-radius: 10px; background: #fff; font-weight: 700; font-size: 1.6rem; transition: color 0.2s, background-color 0.2s; }
.mypage_page .left_menu .menu_list .list_item .item_box:after { position: absolute; top: 50%; right: 2.4rem; width: 0.8rem; height: 1.1rem; margin-top: -0.55rem; background: url(../../images/common/icon_arr07_right.svg) no-repeat center/contain; content: ""; }
.mypage_page .left_menu .menu_list .list_item.active .item_box { background: #000; color: #fff; }
.mypage_page .left_menu .menu_list .list_item .item_box:hover { text-decoration: underline; }
.mypage_page .right_content { width: calc(100% - 26rem); padding-left: 6.4rem; }
.mypage_page .right_content .sub_page_head { display: flex; align-items: center; min-height: 12rem; margin-bottom: 2.4rem; }
.mypage_page .right_content .sub_page_head .page_title { font-weight: 800; font-size: 4.2rem; }

/* floating menu */
.floating_menu { z-index: 101; position: fixed; right: 4.8vw; bottom: 23%; word-break: keep-all; }
.floating_menu .menu_inner { display: flex; z-index: 5; position: relative; flex-direction: column; width: 7rem; padding: 2.4rem 1.2rem; gap: 1.6rem; border: 2px solid #002176; border-radius: 100px; background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15); }
.floating_menu .btn_float { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; font-weight: 700; font-size: 1.6rem; line-height: 1.3; }
.floating_menu .btn_float:before { display: block; width: 3.2rem; height: 3.2rem; border-radius: 100%; background-position: center; background-repeat: no-repeat; background-color: #eee; content: ""; transition: background-image 0.2s; }
.floating_menu .btn_float.btn_quick:before { background-image: url(../../images/common/icon_plus01.svg); background-size: 1.2rem; background-color: #002176; }
.floating_menu .btn_float.btn_event:before { background-image: url(../../images/common/icon_notice02.svg); background-size: 1.26rem; background-color: var(--cm_color1); }
.floating_menu .floating_popup { position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%) scale(0); transform-origin: 50% 100%; opacity: 0; transition: transform 0.5s, opacity 0.2s; }
.floating_menu .btn_float.btn_quick.active ~ .floating_popup { transform: translateX(-50%) scale(1); opacity: 1; transition: transform 0.3s, opacity 0.1s 0.1s; }
.floating_menu .floating_popup .popup_inner { position: relative; width: 10rem; padding: 2.4rem 1.2rem; border: 2px solid #002176; border-radius: 100px; background: #FFF; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.14); }
.floating_menu .floating_popup .event_area { position: relative; }
.floating_menu .floating_popup .event_area .event_title { display: flex; align-items: center; gap: 1.2rem; color: #002176; font-style: italic; font-weight: 800; font-size: 1.8rem; }
.floating_menu .floating_popup .event_area .event_title:after { display: block; width: 8.5rem; height: 1px; background: #002176; content: ""; }
.floating_menu .floating_popup .event_area .event_swiper { margin-top: 1.5rem; }
.floating_menu .floating_popup .event_area .event_swiper .item_box { display: block; }
.floating_menu .floating_popup .event_area .event_swiper .item_box .item_title { display: -webkit-box; height: 5.4rem; padding-right: 11rem; font-weight: 800; font-size: 1.8rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.floating_menu .floating_popup .event_area .event_swiper .item_box .item_thumb { position: relative; margin-top: 2.4rem; overflow: hidden; border-radius: 16px; }
.floating_menu .floating_popup .event_area .event_swiper .item_box .item_thumb:after { display: block; width: 100%; padding-top: 51.82%; content: ""; }
.floating_menu .floating_popup .event_area .event_swiper .item_box .item_thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.floating_menu .floating_popup .event_area .event_swiper .item_box .btn_more { display: flex; position: absolute; top: 0; right: 0; align-items: center; justify-content: center; min-height: 3.8rem; padding: 0.5rem 1.6rem; border: 1px solid #000; border-radius: 100px; background: #fff; font-weight: 700; font-size: 1.5rem; line-height: 1; text-transform: uppercase; }
.floating_menu .floating_popup .event_area .event_swiper .item_box:hover .btn_more { text-decoration: underline; }
.floating_menu .floating_popup .event_area .event_swiper .swiper-btn-wrap { margin-top: 1.6rem; }
.floating_menu .floating_popup .event_area .event_swiper .swiper-pagination { display: flex; position: static; justify-content: center; width: 100%; gap: 0.8rem; }
.floating_menu .floating_popup .event_area .event_swiper .swiper-pagination .swiper-pagination-bullet { display: block; width: 0.8rem; height: 0.8rem; margin: 0; border-radius: 0.8rem; background: #8E8E8E; opacity: 1; transition: width 0.2s, background-color 0.2s; }
.floating_menu .floating_popup .event_area .event_swiper .swiper-pagination .swiper-pagination-bullet-active { width: 2rem; background: var(--cm_color1); }
.floating_menu .floating_popup .quick_area { display: flex; flex-direction: column; width: 100%; gap: 1.6rem; }
.floating_menu .floating_popup .quick_area .btn_quick { display: flex; flex-direction: column; align-items: center; width: 100%; font-weight: 700; font-size: 1.5rem; line-height: 1.6; }
.floating_menu .floating_popup .quick_area .btn_quick:before { display: block; width: 3.6rem; height: 3.6rem; margin-bottom: 0.4rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.floating_menu .floating_popup .quick_area .btn_quick:hover { text-decoration: underline; }
.floating_menu .floating_popup .quick_area .btn_quick1:before { background-image: url(../../images/common/img_quick01.svg); }
.floating_menu .floating_popup .quick_area .btn_quick2:before { background-image: url(../../images/common/img_quick02.svg); }
.floating_menu .floating_popup .quick_area .btn_quick3:before { background-image: url(../../images/common/img_quick03.svg); }
.floating_menu .floating_popup .quick_area .btn_quick4:before { background-image: url(../../images/common/img_quick04.svg); }

/* footer */
.footer { position: relative; width: 100%; border-top: 1px solid #ddd; background-color: #fff; }
.footer .footer_top { padding: 5rem 0; background: #fff; }
.footer .footer_top .inner { display: flex; }
.footer .footer_top .logo_area { flex-shrink: 0; }
.footer .footer_top .logo_area > img { width: 18.5rem; }
.footer .footer_top .info_area { display: flex; flex-wrap: wrap; width: 100%; padding-left: 6%; gap: 1rem 3rem; }
.footer .footer_top .info_area .info_item { color: #666; line-height: 1.3; }
.footer .footer_top .info_area .info_item:first-child { width: 100%; }
.footer .footer_btm { height: 8rem; background: #000; color: #fff; }
.footer .footer_btm .inner { display: flex; align-items: center; justify-content: space-between; height: 100%; }
.footer .footer_btm .menu_area { display: flex; flex-wrap: wrap; align-items: center; height: 100%; gap: 4rem; }
.footer .footer_btm .menu_area .btn_menu { color: #C1C1C1; font-weight: 700; font-size: 1.5rem; }
.footer .footer_btm .menu_area .btn_menu.highlight { color: #E84C93; }
.footer .footer_btm .copy_area { font-size: 1.5rem; }
.footer .btn_top { display: none; z-index: 10; position: fixed; right: 5vw; bottom: 12rem; }
.footer .btn_top > span { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 6rem; height: 6rem; border: 1px solid #000; border-radius: 10px; background: rgba(255, 255, 255, 0.8); font-weight: 700; font-size: 1.5rem; }
.footer .btn_top > span:before { display: block; width: 2.4rem; height: 2.4rem; background: url(../../images/common/icon_top.svg) no-repeat center/contain; content: ""; }

/* 메인 */
.main_page { overflow: hidden; }
.main_page .main_cont { z-index: 1; position: relative; overflow: hidden; background-position: center; background-size: cover; background-repeat: no-repeat; word-break: keep-all; }
.main_page .main_cont .inner_flex { display: flex; justify-content: space-between; }
.main_page .main_cont .title_area { display: flex; position: relative; align-items: center; margin-bottom: 3.2rem; }
.main_page .main_cont .main_title { position: relative; font-weight: 800; font-size: 4.8rem; }
.main_page .main_cont .main_more { position: relative; }
.main_page .main_cont .main_more .btn_more { display: inline-flex; align-items: center; padding-bottom: 1rem; gap: 0.4rem; transform: rotate(90deg); transform-origin: 76% 55%; border-bottom: 1px solid #000; font-weight: 800; font-size: 1.8rem; line-height: 1; }
.main_page .main_cont .main_more .btn_more:after { display: block; width: 2.8rem; height: 2.8rem; background: url(../../images/common/icon_arr13_up.svg) no-repeat center/contain; content: ""; }

/* main_visual */
.main_page .main_visual { padding: 8rem 0 10rem; background-image: url(../../images/main/bg_main01.svg); background-position: center top; background-color: #fff; }
.main_page .main_visual .title_area .main_title { font-size: 11.5rem; line-height: 1.2; letter-spacing: -5px; text-transform: uppercase; }
.main_page .main_visual .title_area .main_title:after { position: absolute; top: 0.5rem; right: -10rem; width: 11.8rem; height: 5.2rem; background: url(../../images/main/img_obj01.svg) no-repeat center/contain; content: ""; }
.main_page .main_visual .cont_area { display: flex; position: relative; justify-content: space-between; gap: 2rem; }
.main_page .main_visual .cont_area:after { position: absolute; top: -6.5rem; right: 0; width: 4.8rem; height: 4.8rem; background: url(../../images/main/img_obj02.svg) no-repeat center/contain; content: ""; animation: rotate360 25s linear infinite; }
.main_page .main_visual .media_area { flex-shrink: 0; width: 66.112%; }
.main_page .main_visual .media_area .media_box { position: relative; width: 100%; overflow: hidden; border-radius: 10px 10px 0 0; background: #000; }
.main_page .main_visual .media_area .media_box .item_box { display: block; position: relative; width: 100%; overflow: hidden; border-radius: 10px 10px 0 0; background: #000; opacity: 0; transition: opacity 0.5s; }
.main_page .main_visual .media_area .media_box .swiper-slide-active .item_box { opacity: 1; }
.main_page .main_visual .media_area .media_box .item_box:after { display: block; width: 100%; padding-top: 46.85%; content: ""; }
.main_page .main_visual .media_area .media_box .item_box > img,
.main_page .main_visual .media_area .media_box .item_box > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap { display: flex; z-index: 2; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: flex-end; padding: 1rem 1.2em; gap: 1rem; border-radius: 10px 0 0 0; backdrop-filter: blur(7.5px); background: rgba(255, 255, 255, 0.1); }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-btn { display: block; width: 2.6rem; height: 2.6rem; background-position: center; background-size: contain; background-repeat: no-repeat; font-size: 0; }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-prev { background-image: url(../../images/common/icon_arr18_left.svg); }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-next { background-image: url(../../images/common/icon_arr18_right.svg); }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-pause { display: none; background-image: url(../../images/common/swiper_pause03.svg); }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-play { display: none; background-image: url(../../images/common/swiper_play03.svg); }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-pause.active,
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-play.active { display: block; }
.main_page .main_visual .media_area .media_box .swiper-btn-wrap .swiper-pagination { position: static; width: auto; color: #555; font-weight: 700; font-size: 1.6rem; }
.main_page .main_visual .media_area .notice_box { display: flex; position: relative; align-items: center; height: 9rem; padding: 2rem 2.4rem; overflow: hidden; border-radius: 0 0 10px 10px; background: #000; }
.main_page .main_visual .media_area .notice_box:before { display: block; flex-shrink: 0; width: 3.2rem; height: 3.2rem; background: url(../../images/common/icon_notice01.svg) no-repeat center/2.6rem; content: ""; }
.main_page .main_visual .media_area .notice_box .swiper { width: calc(100% - 3.2rem - 10.2rem); height: 5rem; }
.main_page .main_visual .media_area .notice_box .swiper .item_box { display: flex; align-items: center; width: 100%; height: 5rem; padding: 0 1.2rem; color: #fff; font-size: 2rem; }
.main_page .main_visual .media_area .notice_box .swiper .item_box .item_date { flex-shrink: 0; width: 12rem; font-weight: 800; }
.main_page .main_visual .media_area .notice_box .swiper .item_box .item_title { width: calc(100% - 12rem); overflow: hidden; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.main_page .main_visual .media_area .notice_box .btn_more { height: 4.2rem; padding: 0.5rem 2.8rem; border-radius: 100px; border-color: #000; background: #fff; font-weight: 800; }
.main_page .main_visual .media_area .quick_box { display: flex; margin-top: 4.7rem; gap: 1.6rem; }
.main_page .main_visual .media_area .quick_box .item_box { position: relative; width: 100%; height: 7.4rem; padding: 1rem 2.5rem; overflow: visible; border: 2px solid #000; border-radius: 100px; font-weight: 800; font-size: 2rem; }
.main_page .main_visual .media_area .quick_box .item_box .svg_point { position: absolute; top: -28px; left: 40%; width: 6.7rem; height: 4.4rem; }
.main_page .main_visual .media_area .quick_box .item_box:hover { background: var(--cm_color2); text-decoration: none; }
.main_page .main_visual .bnr_area { position: relative; flex-shrink: 0; width: 32.223%; overflow: hidden; border: 1px solid #EEE; border-radius: 10px; }
.main_page .main_visual .bnr_area .swiper { width: 100%; }
.main_page .main_visual .bnr_area .item_box { display: block; width: 100%; background-color: #fff; }
.main_page .main_visual .bnr_area .item_box .item_thumb { position: relative; width: 100%; }
.main_page .main_visual .bnr_area .item_box .item_thumb:after { display: block; width: 100%; padding-top: 141.992%; content: ""; }
.main_page .main_visual .bnr_area .item_box .item_thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_visual .bnr_area .swiper-btn-wrap { display: flex; z-index: 2; position: absolute; right: 0; bottom: 0; align-items: center; justify-content: flex-end; padding: 1rem 1.2em; gap: 1.2rem; border-radius: 10px 0 0 0; backdrop-filter: blur(7.5px); background: rgba(255, 255, 255, 0.3); }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-btn { display: block; width: 2.6rem; height: 2.6rem; background-position: center; background-size: contain; background-repeat: no-repeat; font-size: 0; }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-prev { background-image: url(../../images/common/icon_arr05_left.svg); }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-next { background-image: url(../../images/common/icon_arr05_right.svg); }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-pause { display: none; background-image: url(../../images/common/swiper_pause02.svg); }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-play { display: none; background-image: url(../../images/common/swiper_play02.svg); }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-pause.active,
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-play.active { display: block; }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-pagination { position: static; width: auto; color: #555; font-weight: 700; font-size: 1.6rem; }
.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-pagination .swiper-pagination-current { color: #000; font-weight: 800; }

/* main_program */
.main_page .main_program { padding: 13rem 0; background: #F2F2F4; }
.main_page .main_program:after { z-index: -1; position: absolute; right: 0; bottom: 0; left: 0; height: 44rem; background: var(--cm_color1); content: ""; }
.main_page .main_program .title_area .main_more { position: absolute; top: 100%; right: 0; }
.main_page .main_program .swiper { padding: 4rem 0; overflow: visible; }
.main_page .main_program .swiper .swiper-slide { width: 83rem !important; }
.main_page .main_program .swiper .item_box { display: flex; z-index: 1; position: relative; align-items: center; width: 100%; padding: 3.2rem; overflow: hidden; border-radius: 10px; background: #fff; transition: box-shadow 0.2s; }
.main_page .main_program .swiper .item_box .item_thumb { position: relative; flex-shrink: 0; width: 26rem; }
.main_page .main_program .swiper .item_box .item_thumb .item_label { z-index: 2; position: absolute; top: 2rem; left: 2rem; }
.main_page .main_program .swiper .item_box .item_thumb .item_label .cm_label { min-width: 8.5rem; box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.1); }
.main_page .main_program .swiper .item_box .item_thumb .thumb_box { z-index: 1; position: relative; width: 100%; }
.main_page .main_program .swiper .item_box .item_thumb .thumb_box:after { display: block; width: 100%; padding-top: 142.31%; content: ""; }
.main_page .main_program .swiper .item_box .item_thumb .thumb_box > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_program .swiper .item_box .item_desc { width: calc(100% - 26rem); padding-bottom: 4.6rem; padding-left: 3.2rem; }
.main_page .main_program .swiper .item_box .item_desc .item_title { display: -webkit-box; height: 8.32rem; font-weight: 800; font-size: 3.2rem; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main_page .main_program .swiper .item_box .item_desc .item_info { margin-top: 3.2rem; }
.main_page .main_program .swiper .item_box .item_desc .item_info dl { position: relative; padding-left: 1.2rem; }
.main_page .main_program .swiper .item_box .item_desc .item_info dl + dl { margin-top: 2rem; }
.main_page .main_program .swiper .item_box .item_desc .item_info dl:after { position: absolute; top: 1rem; left: 0; width: 0.4rem; height: 0.4rem; border-radius: 100%; background: #666; content: ""; }
.main_page .main_program .swiper .item_box .item_desc .item_info dl dt { font-weight: 800; font-size: 1.6rem; line-height: 1.6; }
.main_page .main_program .swiper .item_box .item_desc .item_info dl dd { margin-top: 0.8rem; color: #333; font-weight: 700; font-size: 1.6rem; line-height: 1.3; }
.main_page .main_program .swiper .item_box .item_btn { display: flex; position: absolute; right: -9.5rem; bottom: -7rem; align-items: center; justify-content: center; width: 28.1rem; height: 17.7rem; padding: 5rem 4.5rem; padding-right: 12rem; padding-bottom: 10rem; border-radius: 100%; background: #F2F2F2; font-weight: 800; font-size: 2rem; transition: background-color 0.2s; }
.main_page .main_program .swiper .item_box .item_btn:after { display: block; flex-shrink: 0; width: 5rem; height: 2.5rem; margin-left: 0.8rem; background: url(../../images/common/icon_arr15.svg) no-repeat center/contain; content: ""; }
.main_page .main_program .swiper .item_box + .item_btn { z-index: 2; position: absolute; bottom: 6rem; left: 32.4rem; }
.main_page .main_program .swiper .swiper-slide.swiper-slide-active .item_box { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); }
.main_page .main_program .swiper .swiper-slide.swiper-slide-active .item_box .item_btn { background: var(--cm_color3); }
.main_page .main_program .swiper .item_box:hover .item_title { text-decoration: underline; }

/* main_schedule */
.main_page .main_schedule { padding: 12rem 0; background-image: url(../../images/main/bg_main03.svg); background-color: #fff; }
.main_page .main_schedule .title_area { justify-content: center; margin-bottom: 5rem; }
.main_page .main_schedule .cont_area { display: flex; justify-content: space-between; gap: 2rem; }
.main_page .main_schedule .calendar_box { display: flex; flex-shrink: 0; flex-direction: column; width: 51.389%; }
.main_page .main_schedule .calendar_box .cal_head { display: flex; flex-shrink: 0; align-items: center; gap: 1rem; }
.main_page .main_schedule .calendar_box .cal_head .btn_ctrl { display: block; width: 5.2rem; height: 5.2rem; border: 1px solid #ddd; border-radius: 100%; background-position: center; background-size: 1.2rem; background-repeat: no-repeat; background-color: #fff; font-size: 0; }
.main_page .main_schedule .calendar_box .cal_head .btn_ctrl.btn_prev { background-image: url(../../images/common/icon_arr10_left.svg); }
.main_page .main_schedule .calendar_box .cal_head .btn_ctrl.btn_next { background-image: url(../../images/common/icon_arr10_right.svg); }
.main_page .main_schedule .calendar_box .calendar_title { display: flex; align-items: center; }
.main_page .main_schedule .calendar_box .calendar_title .select_ctrl { width: 14.7rem; height: 5rem; padding: 0 2rem; padding-right: 3.5rem; border: 0; background: #fff url(../../images/common/icon_arr09_down.svg) no-repeat right 0.5rem center/2.4rem; font-weight: 800; font-size: 3.2rem; }
.main_page .main_schedule .calendar_box .calendar_title .select_month { width: 11.8rem; }
.main_page .main_schedule .calendar_box .cal_body { display: flex; flex-direction: column; height: calc(100% - 5.2rem - 2.4rem); margin-top: 2.4rem; }
.main_page .main_schedule .calendar_box .cal_body .icon_legend { display: flex; align-items: center; }
.main_page .main_schedule .calendar_box .cal_body .icon_legend:before { display: block; width: 1.6rem; height: 1.6rem; margin-top: -0.1rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.main_page .main_schedule .calendar_box .cal_body .icon_legend.icon1:before { background-image: url(../../images/common/icon04.svg); }
.main_page .main_schedule .calendar_box .cal_body .icon_legend.icon2:before { background-image: url(../../images/common/icon05.svg); }
.main_page .main_schedule .calendar_box .cal_body .icon_legend.icon3:before { background-image: url(../../images/common/icon07.svg); }
.main_page .main_schedule .calendar_box .cal_body .icon_legend.icon4:before { background-image: url(../../images/common/icon08.svg); }
.main_page .main_schedule .calendar_box .cal_body .cal_legend { display: flex; flex-shrink: 0; align-items: center; margin-bottom: 1.2rem; gap: 2rem; }
.main_page .main_schedule .calendar_box .cal_body .cal_legend .icon_legend { gap: 1.2rem; font-weight: 700; font-size: 1.6rem; }
.main_page .main_schedule .calendar_box .cal_table { display: flex; position: relative; align-items: center; width: 100%; height: calc(100% - 2.4rem - 1.2rem); padding: 0.5rem; border: 1px solid #000; border-radius: 10px; background: #fff; }
.main_page .main_schedule .calendar_box .cal_table table { width: 100%; table-layout: fixed; }
.main_page .main_schedule .calendar_box .cal_table table thead th { height: 6rem; padding: 1.5rem; border: 0; font-weight: 700; font-size: 1.8rem; }
.main_page .main_schedule .calendar_box .cal_table table thead th.sun { color: #FF3535; }
.main_page .main_schedule .calendar_box .cal_table table thead th.sat { color: #2530FF; }
.main_page .main_schedule .calendar_box .cal_table table tbody td { height: 12.5rem; padding: 0.8rem; border: 0; vertical-align: top; }
.main_page .main_schedule .calendar_box .cal_table table tbody td.sun { color: #FF3535; }
.main_page .main_schedule .calendar_box .cal_table table tbody td.sat { color: #2530FF; }
.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; height: 100%; padding: 1rem; border: 2px solid transparent; border-radius: 10px; transition: border-color 0.2s; }
.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal .day_number { width: 100%; height: 2.6rem; font-weight: 700; text-align: center; }
.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal .day_list { display: flex; align-items: center; justify-content: center; width: 100%; margin-top: 0.5rem; gap: 0.5rem; }
.main_page .main_schedule .calendar_box .cal_table table tbody td.active .btn_cal { border-color: #3AB54A; background: #E3FFE6; }
.main_page .main_schedule .calendar_box .cal_table .icon_legend { gap: 0; font-size: 0; }
.main_page .main_schedule .calendar_box .cal_table .icon_legend:before { margin-top: 0; }
.main_page .main_schedule .calendar_box .cal_table .cal_layer { display: none; z-index: 100; position: absolute; top: 0; left: 0; width: 56rem; padding: 1.2rem; padding-top: 4.5rem; border-radius: 10px; background: #fff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.25); }
.main_page .main_schedule .calendar_box .cal_table .cal_layer.active { display: block; }
.main_page .main_schedule .calendar_box .cal_table .cal_list { width: 100%; max-height: 35rem; overflow: hidden; overflow-y: auto; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box { display: block; padding: 2.4rem; border-bottom: 1px solid #ddd; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .list_item:first-child .item_box { padding-top: 1rem; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .list_item:last-child .item_box { padding-bottom: 1rem; border-bottom: 0; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_label .cm_label { min-width: 8.5rem; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_title { margin-top: 1.5rem; overflow: hidden; font-weight: 800; font-size: 1.8rem; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info { margin-top: 1.5rem; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info dl { display: flex; position: relative; align-items: center; gap: 2.4rem; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info dl + dl { margin-top: 1.5rem; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info dl dt { position: relative; font-weight: 800; font-size: 1.6rem; line-height: 1.6; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info dl dt:after { position: absolute; top: 50%; right: -1.2rem; width: 1px; height: 1.5rem; margin-top: -0.7rem; background: #ddd; content: ""; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box .item_info dl dd { color: #333; font-weight: 700; font-size: 1.6rem; line-height: 1.3; }
.main_page .main_schedule .calendar_box .cal_table .cal_list .item_box:hover .item_title { text-decoration: underline; }
.main_page .main_schedule .calendar_box .cal_table .btn_close { position: absolute; top: 1.2rem; right: 1.2rem; width: 2.6rem; height: 2.6rem; background: url(../../images/common/icon_close01.svg) no-repeat center/1.6rem; font-size: 0; }
.main_page .main_schedule .schedule_box { flex-shrink: 0; width: 45.834%; }
.main_page .main_schedule .schedule_box .scdl_title { display: flex; align-items: center; width: 100%; gap: 1.4rem; font-weight: 800; font-size: 2.4rem; line-height: 1.3; }
.main_page .main_schedule .schedule_box .scdl_title:before { display: block; width: 2.9rem; height: 3.2rem; background: url(../../images/common/icon_gma.svg) no-repeat center/contain; content: ""; }
.main_page .main_schedule .schedule_box .scdl_list { margin-top: 2.4rem; }
.main_page .main_schedule .schedule_box .scdl_list .list_item + .list_item { margin-top: 1.2rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box { display: block; position: relative; padding: 2.4rem; overflow: hidden; border-radius: 10px; background: #F7F7F7; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_status { position: absolute; top: 2.4rem; right: 2.4rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_label .cm_label { min-width: 10rem; height: 4.2rem; padding: 0.5rem 1.7rem; font-size: 1.6rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_title { margin-top: 1.6rem; overflow: hidden; font-weight: 800; font-size: 2rem; line-height: 1.3; text-overflow: ellipsis; white-space: nowrap; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info { margin-top: 2.5rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl { display: flex; position: relative; align-items: center; gap: 2.4rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl + dl { margin-top: 1.5rem; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl dt { position: relative; font-weight: 800; font-size: 1.6rem; line-height: 1.6; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl dt:after { position: absolute; top: 50%; right: -1.2rem; width: 1px; height: 1.5rem; margin-top: -0.7rem; background: #ddd; content: ""; }
.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl dd { color: #333; font-weight: 700; font-size: 1.6rem; line-height: 1.3; }
.main_page .main_schedule .schedule_box .scdl_list .item_box:hover .item_title { text-decoration: underline; }

/* main_popular */
.main_page .main_popular { padding: 12.5rem 0 10rem; overflow: hidden; background-color: #FEF8EC; }
.main_page .main_popular .title_area { display: block; }
.main_page .main_popular .title_area .cm_tab { margin-top: 4rem; }
.main_page .main_popular .cont_area { display: block; width: 100%; }
.main_page .main_popular .cont_area.cont_area_mobile { display: none !important; }
.main_page .main_popular .splide__track { overflow: visible !important; }
.main_page .main_popular .popular_list .item_list { margin-bottom: 7rem; }
.main_page .main_popular .popular_list .item_list:nth-child(odd) { margin-top: 7rem; margin-bottom: 0; }
.main_page .main_popular .popular_list .item_box { display: block; position: relative; width: 100%; padding: 4rem; padding-bottom: 9rem; overflow: hidden; border-radius: 10px; background: #fff; }
.main_page .main_popular .popular_list .item_box .item_thumb { display: block; position: relative; width: 100%; }
.main_page .main_popular .popular_list .item_box .item_thumb:after { display: block; width: 100%; padding-top: 142.31%; content: ""; }
.main_page .main_popular .popular_list .item_box .item_thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_popular .popular_list .item_box .item_title { display: -webkit-box; height: 5.2rem; margin-top: 2rem; font-weight: 800; font-size: 2rem; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main_page .main_popular .popular_list .item_box:hover .item_title { text-decoration: underline; }
.main_page .main_popular .popular_list .item_list .item_btn { display: flex; position: absolute; bottom: 4rem; left: 4rem; align-items: center; justify-content: center; }
.main_page .main_popular .pop_obj .img_obj { z-index: -1; position: absolute; }
.main_page .main_popular .pop_obj .img_obj1 { top: 10%; right: 6%; width: 19.6rem; animation: rotate360 20s linear infinite; }
.main_page .main_popular .pop_obj .img_obj2 { bottom: 13%; left: 17%; width: 15rem; animation: rotate360 20s linear infinite; }
.main_page .main_popular .pop_obj .img_obj3 { bottom: 0; left: 0; width: 34.1rem; }

/* main_facility */
.main_page .main_facility { padding: 12rem 0; background-image: url(../../images/main/bg_main05.svg); background-position: right top; background-color: #fff; }
.main_page .main_facility:after { position: absolute; bottom: 0; left: 0; width: 20.6rem; height: 20.5rem; background: url(../../images/main/img_obj06.svg) no-repeat center/contain; content: ""; }
.main_page .main_facility .title_area { display: block; z-index: 2; position: relative; flex-shrink: 0; }
.main_page .main_facility .title_area .main_more { margin-top: 7.7rem; }
.main_page .main_facility .title_area .main_more .btn_more { margin-left: -4rem; }
.main_page .main_facility .cont_area { z-index: 1; position: relative; width: 95.3rem; }
.main_page .main_facility .facility_box { width: calc(100% + (100vw - 1440px) / 2); padding-right: calc((100vw - 1440px) / 2); overflow: hidden; }
.main_page .main_facility .facility_box .swiper { width: 100%; overflow: visible; }
.main_page .main_facility .facility_box .swiper-slide { width: 41rem !important; }
.main_page .main_facility .facility_box .item_box { display: block; position: relative; width: 100%; }
.main_page .main_facility .facility_box .item_box .item_thumb { display: block; position: relative; width: 100%; overflow: hidden; border-radius: 20px; }
.main_page .main_facility .facility_box .item_box .item_thumb:before { z-index: 2; position: absolute; right: -13.5rem; bottom: -16rem; width: 54.2rem; height: 27.4rem; transform: scale(0); border-radius: 100%; background: url(../../images/common/icon_arr15.svg) no-repeat 17rem 3.5rem/10rem, rgba(58, 181, 74, 0.8); content: ""; opacity: 0; transition: opacity 0.3s, transform 0.3s; }
.main_page .main_facility .facility_box .item_box .item_thumb:after { display: block; width: 100%; padding-top: 66.1%; content: ""; }
.main_page .main_facility .facility_box .item_box .item_thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_facility .facility_box .item_box .item_title { margin-top: 2.4rem; font-weight: 800; font-size: 2rem; }
.main_page .main_facility .facility_box .item_box:hover .item_thumb:before { transform: scale(1); opacity: 1; }

/* main_archive */
.main_page .main_archive { padding: 0; background-color: #A696EE; }
.main_page .main_archive .archive_box { position: relative; }
.main_page .main_archive .archive_box .swiper-slide { background-color: #A696EE; }
.main_page .main_archive .archive_box .item_box { display: flex; height: 63rem; }
.main_page .main_archive .archive_box .item_box .item_media { position: relative; width: 100%; }
.main_page .main_archive .archive_box .item_box .item_media:after { display: block; width: 100%; padding-top: 63rem; content: ""; }
.main_page .main_archive .archive_box .item_box .item_media > img,
.main_page .main_archive .archive_box .item_box .item_media > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.main_page .main_archive .archive_box .item_box .item_desc { display: flex; flex-shrink: 0; flex-direction: column; justify-content: center; width: 40.48%; padding-top: 9rem; padding-bottom: 14rem; padding-left: 7rem; }
.main_page .main_archive .archive_box .item_box .item_desc .title_area { display: block; margin: 0; padding-right: 7rem; }
.main_page .main_archive .archive_box .item_box .item_desc .title_area .main_text { display: block; font-weight: 800; font-size: 1.6rem; }
.main_page .main_archive .archive_box .item_box .item_desc .title_area .main_title { display: block; width: 100%; margin-top: 0.8rem; font-size: 4rem; }
.main_page .main_archive .archive_box .item_box .item_desc .cont_area { margin-top: 3.2rem; padding-right: 7rem; }
.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_title { display: -webkit-box; max-height: 7.2rem; font-weight: 700; font-size: 2.4rem; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_text { display: -webkit-box; max-height: 5.76rem; margin-top: 2rem; color: #222; font-size: 1.8rem; line-height: 1.6; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.main_page .main_archive .archive_box .item_box .item_desc .btn_area { margin-top: 5.2rem; padding-top: 4rem; padding-right: 7rem; border-top: 1px solid #000; }
.main_page .main_archive .archive_box .item_box .item_desc .btn_area .cm_btn { height: auto; margin: 0; padding: 0; border: 0; background: transparent; font-weight: 700; font-size: 1.6rem; }
.main_page .main_archive .archive_box .item_box .item_desc .btn_area .cm_btn:after { display: block; width: 5rem; height: 2.5rem; margin-left: 1.2rem; background: url(../../images/common/icon_arr15.svg) no-repeat center/contain; content: ""; }
.main_page .main_archive .archive_box .swiper-btn-wrap { display: flex; z-index: 2; position: absolute; right: calc(40.48% - 7rem - 5.2rem); bottom: 10rem; gap: 0.4rem; }
.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn { display: block; width: 2.4rem; height: 2.4rem; background-position: center; background-size: contain; background-repeat: no-repeat; font-size: 0; }
.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn.swiper-prev { background-image: url(../../images/common/icon_arr11_left.svg); }
.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn.swiper-next { background-image: url(../../images/common/icon_arr11_right.svg); }
.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn.swiper-prev.swiper-button-disabled { background-image: url(../../images/common/icon_arr12_left.svg); }
.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn.swiper-next.swiper-button-disabled { background-image: url(../../images/common/icon_arr12_right.svg); }

/* 비전 및 목표 */
.intro_area { position: relative; word-break: keep-all; }
.intro_area .intro_overview1 { position: relative; padding: 0 25rem; text-align: center; }
.intro_area .intro_overview1 .intro_title { margin-bottom: 2.5rem; font-weight: 800; font-size: 3.2rem; line-height: 1.3; }
.intro_area .intro_overview1 .intro_text { font-size: 1.8rem; line-height: 1.4; }
.intro_area .intro_overview1 .intro_img { position: absolute; top: 50%; width: 11.3rem; transform: translateY(-50%); }
.intro_area .intro_overview1 .intro_img1 { left: 8rem; }
.intro_area .intro_overview1 .intro_img2 { right: 8rem; }
.intro_area .intro_overview2 { right: 8rem; text-align: center; }
.intro_area .intro_overview2 .ovw_item { display: flex; align-items: center; width: 100%; max-width: 91.5rem; margin: 0 auto; padding: 1rem; border-radius: 100px; background: #fff; box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15); }
.intro_area .intro_overview2 .ovw_item .item_title { display: flex; position: relative; flex-shrink: 0; align-items: center; justify-content: center; width: 22.3rem; height: 7.7rem; padding: 2rem; overflow: hidden; border-radius: 100px; background: #eee; color: #fff; font-weight: 800; font-size: 2.4rem; }
.intro_area .intro_overview2 .ovw_item .item_title:after { position: absolute; bottom: -5%; left: -2%; width: 5rem; height: 6rem; background: url(../../images/contents/sub4_bg01.svg) no-repeat center/contain; content: ""; opacity: 0.3; }
.intro_area .intro_overview2 .ovw_item .item_desc { width: 100%; padding: 0 2rem; padding-right: 12%; font-weight: 700; font-size: 2rem; }
.intro_area .intro_overview2 .ovw_item1 .item_title { background: var(--cm_color1); }
.intro_area .intro_overview2 .ovw_item2 { margin-top: 2.8rem; }
.intro_area .intro_overview2 .ovw_item2 .item_title { background: var(--cm_color2); }
.intro_area .intro_overview2 .intro_img1 { margin-top: 4rem; }
.intro_area .intro_overview3 { display: flex; position: relative; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 98.5rem; margin: 0 auto; gap: 4rem; }
.intro_area .intro_overview3 .ovw_title { display: flex; justify-content: center; width: 100%; }
.intro_area .intro_overview3 .ovw_title > span { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 24rem; height: 7rem; border-radius: 100px; background: #000; color: #fff; font-weight: 800; font-size: 2.4rem; }
.intro_area .intro_overview3 .ovw_item { display: flex; flex-direction: column; align-items: center; width: calc((100% - 8rem) / 3); text-align: center; }
.intro_area .intro_overview3 .ovw_item .item_title { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: center; justify-content: center; width: 27.1rem; height: 27.1rem; padding: 3rem; border: 5px solid #eee; border-radius: 100%; font-weight: 800; font-size: 2rem; line-height: 1.3; }
.intro_area .intro_overview3 .ovw_item .item_title:after { z-index: -1; position: absolute; top: -1.5rem; right: -1.5rem; bottom: -1.5rem; left: -1.5rem; border: 1px dashed #ddd; border-radius: inherit; content: ""; }
.intro_area .intro_overview3 .ovw_item .item_title > img { margin-bottom: 2rem; }
.intro_area .intro_overview3 .ovw_item .item_desc { margin-top: 3.5rem; font-size: 1.8rem; line-height: 1.5; }
.intro_area .intro_overview3 .ovw_item1 .item_title { border-color: var(--cm_color1); color: var(--cm_color1); }
.intro_area .intro_overview3 .ovw_item2 .item_title { border-color: var(--cm_color2); color: var(--cm_color2); }
.intro_area .intro_overview3 .ovw_item3 .item_title { border-color: var(--cm_color3); color: var(--cm_color3); }

/* 조직도 */
.organization_area { z-index: 1; position: relative; word-break: keep-all; }
.organization_area .org_step { display: flex; z-index: 1; position: relative; justify-content: center; }
.organization_area .org_step:before,
.organization_area .org_step:after { z-index: -1; position: absolute; content: ""; }
.organization_area .org_step .org_item { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; height: 7.7rem; }
.organization_area .org_step .org_item:before,
.organization_area .org_step .org_item:after { position: absolute; border-radius: 100%; content: ""; }
.organization_area .org_step .org_item > span { display: flex; z-index: 5; position: relative; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 2rem 3.5rem; border-radius: 100px; background: #eee; color: #fff; font-weight: 700; font-size: 2rem; }
.organization_area .org_step a.org_item:hover > span { text-decoration: underline; }
.organization_area .org_step1 { padding-bottom: 2rem; }
.organization_area .org_step1:after { top: 0; bottom: 0; width: 1px; background: #222; }
.organization_area .org_step1 .org_item { width: 14.4rem; height: 14.4rem; }
.organization_area .org_step1 .org_item:before { top: -0.8rem; left: -0.8rem; width: 16rem; height: 16rem; border: 1px solid var(--cm_color1); border-radius: 100%; background: #fff; }
.organization_area .org_step1 .org_item:after { bottom: -1.2rem; left: 50%; width: 0.9rem; height: 0.9rem; margin-left: -0.45rem; background: var(--cm_color1); }
.organization_area .org_step1 .org_item > span { background: var(--cm_color1); }
.organization_area .org_step2 { left: 50%; justify-content: flex-start; width: 50%; padding-left: 14.5rem; }
.organization_area .org_step2:before { top: 0; bottom: 0; left: 0; width: 1px; background: #222; }
.organization_area .org_step2:after { top: 50%; left: 0; width: 14.5rem; height: 1px; margin-top: -0.1rem; background: #222; }
.organization_area .org_step2 .org_item:after { z-index: 6; top: 50%; left: -0.45rem; width: 0.9rem; height: 0.9rem; margin-top: -0.45rem; background: #222; }
.organization_area .org_step2 .org_item > span { border: 1px solid #000; background: #fff; color: #333; }
.organization_area .org_step3 { padding-top: 3rem; padding-bottom: 12rem; }
.organization_area .org_step3:after { top: 0; bottom: 0; left: 50%; width: 1px; background: #222; }
.organization_area .org_step3 .org_item:before { top: -0.8rem; left: -0.8rem; width: 28.5rem; height: 9.3rem; border: 1px solid #3AB54A; border-radius: 100px; background: #fff; }
.organization_area .org_step3 .org_item:after { bottom: -1.2rem; left: 50%; width: 0.9rem; height: 0.9rem; margin-left: -0.45rem; background: #3AB54A; }
.organization_area .org_step3 .org_item > span { z-index: 1; position: relative; min-width: 27rem; background: #3AB54A; }
.organization_area .org_step4 { padding-top: 6.5rem; }
.organization_area .org_step4:after { top: 0; right: 16.6666666667%; left: 16.6666666667%; height: 1px; background: #222; }
.organization_area .org_step4 .step_inner { position: relative; width: 33.3333333333%; }
.organization_area .org_step4 .step_inner:after { position: absolute; top: -6.5rem; left: 50%; width: 1px; height: 6.5rem; background: #222; content: ""; }
.organization_area .org_step4 .step_inner > .org_item { z-index: 2; }
.organization_area .org_step4 .step_inner > .org_item:after { z-index: 6; top: -0.55rem; left: 50%; width: 1.1rem; height: 1.1rem; margin-left: -0.5rem; border: 2px solid #fff; border-radius: 100%; background: #A696EE; }
.organization_area .org_step4 .step_inner > .org_item > span { max-width: 20.5rem; background: #A696EE; }
.organization_area .org_step5 { z-index: 1; width: 100%; max-width: 20.5rem; margin: 0 auto; margin-top: -3.85rem; padding-top: 3.85rem; border: 1px solid #A696EE; border-top: 0; border-radius: 0 0 30px 30px; background: #ECE8FF; }
.organization_area .org_step5 .org_item > span { border: none; background: none; color: #AC6AE5; }

/* 이용안내 */
.user_overview1 { display: flex; position: relative; align-items: flex-start; padding-left: 6rem; word-break: keep-all; }
.user_overview1 .img_area { z-index: 2; position: relative; flex-shrink: 0; width: 48.264%; overflow: hidden; border-radius: 10px; }
.user_overview1 .img_area:after { display: block; padding-top: 61.295%; content: ""; }
.user_overview1 .img_area > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.user_overview1 .desc_area { z-index: 1; position: relative; width: 100%; min-height: 46rem; margin-top: 8rem; padding: 6rem; padding-right: 0; }
.user_overview1 .desc_area:after { z-index: -1; position: absolute; top: 0; right: 0; bottom: 0; width: 1440px; border-radius: 0 0 120px 0; background: #fff4f9 url(../../images/contents/sub15_img05.svg) no-repeat right bottom/17.7rem; content: ""; }
.user_overview1 .desc_area .ovw_title { padding-right: 6rem; font-weight: 800; font-size: 2.4rem; line-height: 1.3; }
.user_overview1 .desc_area .ovw_text { margin-top: 3rem; padding-top: 3rem; padding-right: 6rem; border-top: 2px solid #FFDFEE; color: #333; font-weight: 400; font-size: 1.8rem; line-height: 1.5; }
.user_overview2 { display: flex; position: relative; gap: 2.4rem; word-break: keep-all; }
.user_overview2 .ovw_item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc((100% - 4.8rem) / 3); padding: 4rem; border: 1px solid #ddd; border-radius: 10px; background: #fff; }
.user_overview2 .ovw_item .item_img { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: 8rem; height: 8rem; border-radius: 100%; }
.user_overview2 .ovw_item .item_img img { width: 100%; height: 100%; object-fit: contain; }
.user_overview2 .ovw_item .item_content { width: 100%; margin-top: 2.4rem; line-height: 1; text-align: center; }
.user_overview2 .ovw_item .item_content .item_title { font-weight: 800; font-size: 2.4rem; }
.user_overview2 .ovw_item .item_content .item_desc { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 1.2rem; gap: 0.5rem 2.5rem; color: #555; font-weight: 700; font-size: 1.8rem; line-height: 1.5; }
.user_overview2 .ovw_item .item_content .item_desc > span { position: relative; }
.user_overview2 .ovw_item .item_content .item_desc > span:after { position: absolute; top: 50%; right: -1.3rem; width: 1px; height: 1.4rem; margin-top: -0.7rem; background: #ddd; content: ""; }
.user_overview2 .ovw_item .item_content .item_desc > span:last-child:after { display: none; }

/* 오시는 길 */
.contact_overview { word-break: keep-all; }
.contact_overview .ovw_map { display: flex; position: relative; align-items: flex-start; height: 49rem; gap: 2.4rem; }
.contact_overview .ovw_map .map_box { position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 10px; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.14); }
.contact_overview .ovw_map .map_box .root_daum_roughmap { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
.contact_overview .ovw_map .map_box .root_daum_roughmap .wrap_map { width: 100% !important; height: 100% !important; }
.contact_overview .ovw_map .map_box .root_daum_roughmap .map_border { display: none !important; }
.contact_overview .ovw_map .address_box { flex-shrink: 0; width: 40rem; height: 100%; padding: 4rem 3rem; border-radius: 10px; background: #FFF url(../../images/contents/sub17_bg01.svg) no-repeat right bottom/11.5rem; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.14); }
.contact_overview .ovw_map .address_box .add_title { font-weight: 800; font-size: 2.4rem; line-height: 1.3; }
.contact_overview .ovw_map .address_box .add_info { margin-top: 4rem; }
.contact_overview .ovw_map .address_box .add_info .info_item { position: relative; padding-left: 7rem; }
.contact_overview .ovw_map .address_box .add_info .info_item + .info_item { margin-top: 4rem; }
.contact_overview .ovw_map .address_box .add_info .info_item:before { position: absolute; top: 50%; left: 0; width: 5rem; height: 5rem; margin-top: -2.5rem; border-radius: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; background-color: #eee; content: ""; }
.contact_overview .ovw_map .address_box .add_info .info_item1:before { background-image: url(../../images/contents/sub17_img01.svg); background-color: #FFE8F3; }
.contact_overview .ovw_map .address_box .add_info .info_item2:before { background-image: url(../../images/contents/sub17_img02.svg); background-color: #D2E7FA; }
.contact_overview .ovw_map .address_box .add_info .info_item3:before { background-image: url(../../images/contents/sub17_img03.svg); background-color: #EAE3FF; }
.contact_overview .ovw_map .address_box .add_info .info_item dt { font-weight: 700; font-size: 1.6rem; line-height: 1.5; }
.contact_overview .ovw_map .address_box .add_info .info_item dd { display: flex; flex-wrap: wrap; margin-top: 0.5rem; gap: 2.1rem; font-weight: 400; font-size: 1.8rem; line-height: 1.3; }
.contact_overview .ovw_map .address_box .add_info .info_item dd > span { position: relative; }
.contact_overview .ovw_map .address_box .add_info .info_item dd > span:after { position: absolute; top: 50%; right: -1.1rem; width: 1px; height: 1.4rem; margin-top: -0.75rem; background: #000; content: ""; }
.contact_overview .ovw_map .address_box .add_info .info_item dd > span:last-child:after { display: none; }
.contact_overview .ovw_traffic { margin-top: 6rem; }
.contact_overview .ovw_traffic .trfc_item { position: relative; padding-left: 9rem; }
.contact_overview .ovw_traffic .trfc_item + .trfc_item { margin-top: 4.5rem; }
.contact_overview .ovw_traffic .trfc_item:after { position: absolute; top: 0; left: 0; width: 7rem; height: 7rem; border: 1px solid #DDD; border-radius: 10px; background-position: center; background-size: 5rem; background-repeat: no-repeat; background-color: #FFF; content: ""; }
.contact_overview .ovw_traffic .trfc_item.item_car:after { background-image: url(../../images/contents/sub17_img04.svg); }
.contact_overview .ovw_traffic .trfc_item.item_bus:after { background-image: url(../../images/contents/sub17_img05.svg); }
.contact_overview .ovw_traffic .trfc_item.item_parking:after { background-image: url(../../images/contents/sub17_img06.svg); }
.contact_overview .ovw_traffic .trfc_item .item_title { font-weight: 700; font-size: 2.4rem; line-height: 1.3; }
.contact_overview .ovw_traffic .trfc_item .item_desc { margin-top: 1.5rem; font-weight: 400; font-size: 1.6rem; line-height: 1.3; }
.contact_overview .ovw_traffic .item_bus .item_desc .cm_bullet .cm_label { height: 4rem; margin-left: 1rem; border-color: var(--cm_color1); background: var(--cm_color1); color: #FFF; }
.contact_overview .ovw_traffic .item_bus .item_desc .cm_bullet.bullet2 > *:before { top: 1.5rem; }
.contact_overview .ovw_traffic .item_parking .table1.cm_table > table { width: 100%; max-width: 68rem; }
.contact_overview .ovw_traffic .item_parking .table1.cm_table > table thead th { border-right: 1px solid #ddd; }
.contact_overview .ovw_traffic .item_parking .table1.cm_table > table thead th:last-child { border-right: none; }
.contact_overview .ovw_traffic .item_parking .table1.cm_table > table tbody td { border-right: 1px solid #ddd; }
.contact_overview .ovw_traffic .item_parking .table1.cm_table > table tbody td:last-child { border-right: none; }
.contact_overview .ovw_traffic .item_parking .item_desc dl { display: flex; flex-wrap: wrap; gap: 2.1rem; font-weight: 400; line-height: 1.3; }
.contact_overview .ovw_traffic .item_parking .item_desc dl dt { position: relative; }
.contact_overview .ovw_traffic .item_parking .item_desc dl dt:after { position: absolute; top: 50%; right: -1.1rem; width: 1px; height: 1.3rem; margin-top: -0.7rem; background: #000; content: ""; }
.contact_overview .ovw_traffic .item_parking .item_desc a:hover { text-decoration: underline; }

/* 공간소개 */
.facility_overview { display: flex; z-index: 1; position: relative; justify-content: space-between; padding-bottom: 11.2rem; gap: 2.4rem; word-break: keep-all; }
.facility_overview:before { z-index: -1; position: absolute; bottom: -8rem; left: 50%; width: 100vw; height: 88%; margin-left: -50vw; background: #FFF4F9; content: ""; }
.facility_overview:after { z-index: -1; position: absolute; bottom: -8rem; left: -13rem; width: 32.5rem; height: 27.2rem; background: url(../../images/contents/sub7_bg03.svg) no-repeat center center/contain; content: ""; }
.facility_overview .ovw_left { position: relative; width: 40.764%; }
.facility_overview .ovw_info { display: flex; position: relative; flex-direction: column; width: 100%; height: 100%; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.14); }
.facility_overview .ovw_info .info_thumb { position: relative; flex-shrink: 0; width: 100%; }
.facility_overview .ovw_info .info_thumb .swiper { width: 100%; }
.facility_overview .ovw_info .info_thumb .thumb_box { position: relative; width: 100%; overflow: hidden; border-radius: 10px 10px 0 0; }
.facility_overview .ovw_info .info_thumb .thumb_box:after { display: block; width: 100%; padding-top: 55.707%; content: ""; }
.facility_overview .ovw_info .info_thumb .thumb_box > img,
.facility_overview .ovw_info .info_thumb .thumb_box > video,
.facility_overview .ovw_info .info_thumb .thumb_box > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.facility_overview .ovw_info .info_thumb .swiper-btn { z-index: 2; position: absolute; top: 50%; width: 3.6rem; height: 3.6rem; margin-top: -1.8rem; border-radius: 100%; background-position: center; background-size: 1.5rem; background-repeat: no-repeat; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14); font-size: 0; transition: background-color 0.3s; }
.facility_overview .ovw_info .info_thumb .swiper-btn.swiper-prev { left: -1.8rem; background-image: url(../../images/common/icon_arr11_left.svg); }
.facility_overview .ovw_info .info_thumb .swiper-btn.swiper-next { right: -1.8rem; background-image: url(../../images/common/icon_arr11_right.svg); }
.facility_overview .ovw_info .info_thumb .swiper-btn.swiper-button-disabled { opacity: 0.5; }
.facility_overview .ovw_info .info_desc { display: flex; flex-direction: column; justify-content: center; height: 100%; padding: 3.2rem; overflow: hidden; border-radius: 0 0 10px 10px; background: #fff; }
.facility_overview .ovw_info .info_desc .info_title { flex-shrink: 0; font-weight: 800; font-size: 2.4rem; line-height: 1.3; }
.facility_overview .ovw_info .info_desc .info_text { height: 100%; padding-top: 1.5rem; font-size: 1.6rem; line-height: 1.5; }
.facility_overview .ovw_info .info_desc .info_btn { flex-shrink: 0; padding-top: 2.5rem; }
.facility_overview .ovw_info .info_desc .info_btn .cm_btn { height: 4rem; font-size: 1.5rem; }
.facility_overview .ovw_right { position: relative; width: 57.57%; }
.facility_overview .ovw_map { display: flex; z-index: 1; position: relative; flex-direction: column; width: 100%; height: 100%; border-radius: 10px; background: #fff; box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.14); }
.facility_overview .ovw_map:before,
.facility_overview .ovw_map:after { position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.facility_overview .ovw_map:before { z-index: -1; right: 1.4rem; bottom: 0; width: 24rem; height: 4rem; background-image: url(../../images/contents/sub7_bg01.svg); }
.facility_overview .ovw_map:after { z-index: 1; right: 2.4rem; bottom: -0.6rem; width: 9.9rem; height: 14.5rem; background-image: url(../../images/contents/sub7_bg02.svg); }
.facility_overview .ovw_map .map_thumb { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; height: 100%; }
.facility_overview .ovw_map .map_thumb > img { z-index: 3; position: relative; }
.facility_overview .ovw_map .map_thumb .thumb_active,
.facility_overview .ovw_map .map_thumb .thumb_hover { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; transition: background-image 0.3s; }
.facility_overview .ovw_map .map_thumb .thumb_active { z-index: 1; }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb1 { background-image: url(../../images/contents/sub7_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb2 { background-image: url(../../images/contents/sub8_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb3 { background-image: url(../../images/contents/sub9_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb4 { background-image: url(../../images/contents/sub10_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb5 { background-image: url(../../images/contents/sub11_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb6 { background-image: url(../../images/contents/sub12_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb7 { background-image: url(../../images/contents/sub13_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_hover.thumb8 { background-image: url(../../images/contents/sub14_map01.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb1 { z-index: 1; background-image: url(../../images/contents/sub7_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb2 { z-index: 1; background-image: url(../../images/contents/sub8_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb3 { z-index: 1; background-image: url(../../images/contents/sub9_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb4 { z-index: 1; background-image: url(../../images/contents/sub10_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb5 { z-index: 1; background-image: url(../../images/contents/sub11_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb6 { z-index: 1; background-image: url(../../images/contents/sub12_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb7 { z-index: 1; background-image: url(../../images/contents/sub13_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_thumb .thumb_active.thumb8 { z-index: 1; background-image: url(../../images/contents/sub14_map01.svg), url(../../images/contents/sub7_map00.svg); }
.facility_overview .ovw_map .map_info { display: flex; flex-shrink: 0; padding: 3.2rem; gap: 1.8rem; }
.facility_overview .ovw_map .map_info .info_item { display: flex; align-items: center; font-weight: 700; font-size: 1.6rem; line-height: 1.5; }
.facility_overview .ovw_map .map_info .info_item:before { display: block; width: 3.2rem; height: 3.2rem; margin-right: 1.2rem; border-radius: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.facility_overview .ovw_map .map_info .info_item1:before { background-image: url(../../images/contents/sub7_icon01.svg); }
.facility_overview .ovw_map .map_info .info_item2:before { background-image: url(../../images/contents/sub7_icon02.svg); }

/* 마이페이지 - 만족도 조사 */
.survey_list { position: relative; }
.survey_list .svy_item { position: relative; }
.survey_list .svy_item + .svy_item { margin-top: 4rem; }
.survey_list .svy_item .form_check_area .check_list { flex-wrap: nowrap; gap: 2rem; }
.survey_list .svy_item .form_check_area .check_list > li { width: 100%; }
.survey_list .svy_item .form_check_area .check_list .check2.form_check { width: 100%; }

/* 마이페이지 2차 인증 */
.page_GMAC73 .auth_box.cm_box { padding: 8rem; font-size: 1.8rem; line-height: 1.6; text-align: center; word-break: keep-all; }
.page_GMAC73 .auth_box.cm_box .title3 { font-weight: 700; font-size: 2.4rem; }
.page_GMAC73 .auth_box.cm_box .btn_area,
.page_GMAC73 .auth_box.cm_box .form_group { max-width: 50rem; margin: 0 auto; }
@media screen and (min-width:1280px) {
	.header { flex-direction: column; justify-content: center; padding-top: 4.4rem; border-bottom: 1px solid #ddd; }
	.header .inner { position: relative; padding: 0 16rem; text-align: center; }
	.header .gnb_area { width: 100%; max-width: calc(860px + 8rem); margin: 0 auto; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 { display: flex; justify-content: space-between; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li { display: flex; position: relative; align-items: center; justify-content: center; width: 100%; padding: 0; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:nth-child(1) { flex-shrink: 0; width: 32%; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a { display: flex; position: relative; align-items: center; justify-content: center; width: auto; padding: 4.6rem 0; overflow: hidden; font-weight: 800; font-size: 2.4rem; line-height: 1; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li > a:after { position: absolute; right: 0; bottom: 0; left: 0; width: 100%; height: 3px; transform: translateY(100%); border-radius: 99px 99px 0 0; background: var(--cm_color1); content: ""; transition: transform 0.3s; }
	.header .gnb_area .gnb_depth2_wrap { position: absolute; top: 100%; left: 0; width: 100%; height: 0; padding-top: 0; overflow: hidden; transition: height 0.3s, padding-top 0.3s; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li + li { margin-top: 1.3rem; }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { padding: 0.5rem; color: #444; font-weight: 700; font-size: 1.7rem; transition: color 0.3s; }
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li:hover > a:after,
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.active > a:after,
	.header .gnb_area .gnb_depth1_wrap .gnb_depth1 > li.on > a:after { transform: translateY(0); }
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li:hover > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.active > a,
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li.on > a { color: var(--cm_color1); text-decoration: underline; }
	.header.hover .gnb_area .gnb_depth2_wrap { height: 30rem; padding-top: 4rem; }
	.header .header_bg { position: absolute; top: calc(100% + 1px); right: 0; left: 0; height: 0; background-color: #fff; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.1); transition: height 0.3s; }
	.header.hover .header_bg { height: 30rem; }
	.header .sitemap_area .sitemap_layer { visibility: hidden; z-index: 10; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #fff; opacity: 0; transition: opacity 0.3s, visibility 0.3s; }
	.header .sitemap_area .sitemap_layer:before,
	.header .sitemap_area .sitemap_layer:after { z-index: 1; position: absolute; width: 4.8rem; height: 4.8rem; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
	.header .sitemap_area .sitemap_layer:before { bottom: 20%; left: 5%; background-image: url(../../images/main/img_obj02.svg); animation: rotate360 20s linear infinite reverse; }
	.header .sitemap_area .sitemap_layer:after { top: 25%; right: 5%; background-image: url(../../images/main/img_obj07.svg); animation: rotate360 20s linear infinite both; }
	.header .sitemap_area .sitemap_layer .btn_close { z-index: 11; position: absolute; top: 12.3rem; right: 14.7rem; width: 4rem; height: 4rem; background: url(../../images/common/icon_close03.svg) no-repeat center/2.4rem; font-size: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area { width: 100%; height: 100%; overflow: hidden; overflow-y: auto; text-align: left; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 { display: flex; justify-content: center; width: 100%; height: 100%; padding: 0 var(--inner_padding); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li { width: 25%; max-width: 36rem; padding: 12vh 0; transform: translateX(-50px); border-left: 1px solid #ddd; opacity: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:last-child { border-right: 1px solid #ddd; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li > a { position: relative; padding: 0.7rem 17%; font-weight: 800; font-size: 2rem; line-height: 1; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li > a:after { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; background: var(--cm_color1); content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li { margin-top: 4rem; padding: 0 17%; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li > a { font-weight: 700; font-size: 1.8rem; line-height: 1; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area { margin-top: 2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li + li { margin-top: 1.5rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li > a { color: #333; line-height: 1; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li > a:hover { text-decoration: underline; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { visibility: visible; opacity: 1; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li { transform: translateX(0); opacity: 1; transition: opacity 0.8s, transform 0.8s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(1) { transition-delay: 0.2s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(2) { transition-delay: 0.25s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(3) { transition-delay: 0.3s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(4) { transition-delay: 0.35s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(5) { transition-delay: 0.4s; }
	.header.viewSiteMap .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:nth-child(6) { transition-delay: 0.4s; }

	/* 헤더 오브젝트 */
	.header_obj { display: none; z-index: 1; position: absolute; bottom: 0; overflow: hidden; }
	.header_obj .obj_main { z-index: 1; position: relative; width: 100%; height: 100%; object-fit: contain; object-position: bottom; }
	.header_obj .obj_parts { z-index: 2; position: absolute; }
	.viewObj1 .header_obj1 { display: block; left: 7rem; width: 36.9rem; }
	.viewObj2 .header_obj2 { display: block; left: 0; width: 40rem; }
	.viewObj3 .header_obj3 { display: block; left: 1rem; width: 47.3rem; }
	.viewObj4 .header_obj4 { display: block; left: 5rem; width: 42rem; }

	/* type1 */
	.viewObj1 .header_obj1 .obj_main1-1 { z-index: 2; position: absolute; bottom: 0; left: 0; animation: spring-obj1 5s ease 0.2s infinite; opacity: 0; }
	.viewObj1 .header_obj1 .obj_parts1-1,
	.viewObj1 .header_obj1 .obj_parts1-2,
	.viewObj1 .header_obj1 .obj_parts1-3 { bottom: 39%; left: 20%; width: 11.92%; }
	.viewObj1 .header_obj1 .obj_parts1-1 { animation: spring-obj2-1 2s infinite; }
	.viewObj1 .header_obj1 .obj_parts1-2 { animation: spring-obj2-1 2s 0.1s infinite; }
	.viewObj1 .header_obj1 .obj_parts1-3 { animation: spring-obj2 2s 0.2s infinite; }
	.viewObj1 .header_obj1 .obj_parts2-1,
	.viewObj1 .header_obj1 .obj_parts2-2,
	.viewObj1 .header_obj1 .obj_parts2-3 { right: 11%; bottom: 39%; width: 15.71%; }
	.viewObj1 .header_obj1 .obj_parts2-1 { animation: spring-obj2-1 2s -0.05s infinite; }
	.viewObj1 .header_obj1 .obj_parts2-2 { animation: spring-obj2-1 2s -0.1s infinite; }
	.viewObj1 .header_obj1 .obj_parts2-3 { animation: spring-obj2 2s -0.15s infinite; }

	/* type2 */
	.viewObj2 .header_obj2 .obj_main1 { z-index: 3; }
	.viewObj2 .header_obj2 .obj_main2 { z-index: 2; position: absolute; bottom: 0; left: 0; }
	.viewObj2 .header_obj2 .obj_parts { z-index: 1; }
	.viewObj2 .header_obj2 .obj_parts1,
	.viewObj2 .header_obj2 .obj_parts2 { transform: rotate(-10deg); animation: summer-obj1 4s ease-in-out infinite alternate; }
	.viewObj2 .header_obj2 .obj_parts1 { z-index: 4; top: 14.5%; left: 73.5%; width: 7.25%; transform-origin: 100% 30%; animation-duration: 1s; }
	.viewObj2 .header_obj2 .obj_parts2 { top: 42%; right: 17.5%; width: 74.75%; transform-origin: 100% 50%; }
	.viewObj2 .header_obj2 .obj_parts3,
	.viewObj2 .header_obj2 .obj_parts4 { animation: summer-obj2 2s ease-out infinite; clip-path: circle(0% at 50% 50%); }
	.viewObj2 .header_obj2 .obj_parts3 { top: 10.64%; left: 13.75%; width: 8.25%; animation-delay: 0.1s; }
	.viewObj2 .header_obj2 .obj_parts4 { top: 25.92%; left: 5.75%; width: 6.25%; animation-delay: 0.3s; }

	/* type3 */
	.viewObj3 .header_obj3 .obj_main1 { z-index: 2; }
	.viewObj3 .header_obj3 .obj_main1-1 { z-index: 1; position: absolute; bottom: 0; left: 0; }
	.viewObj3 .header_obj3 .obj_parts1,
	.viewObj3 .header_obj3 .obj_parts2 { z-index: 1; animation: autumn-obj1 7s ease-in-out infinite alternate; }
	.viewObj3 .header_obj3 .obj_parts1 { bottom: -17%; left: 29%; width: 33.4%; transform-origin: 100% 100%; }
	.viewObj3 .header_obj3 .obj_parts2 { bottom: -18%; left: 47%; width: 15.01%; transform-origin: 50% 100%; animation-delay: -1s; }
	.viewObj3 .header_obj3 .obj_parts3,
	.viewObj3 .header_obj3 .obj_parts4-1 { animation: autumn-obj2 7s linear infinite; }
	.viewObj3 .header_obj3 .obj_parts3 { z-index: 3; right: 25.5%; bottom: 47.8%; width: 8.45%; }
	.viewObj3 .header_obj3 .obj_parts4-1,
	.viewObj3 .header_obj3 .obj_parts4-2 { z-index: 3; right: 17%; bottom: 47.8%; width: 8.45%; animation-delay: -1s; }

	/* type4 */
	.viewObj4 .header_obj4 .obj_main1-1 { position: absolute; bottom: 0; left: 0; width: 100%; transform-origin: 28% 88%; animation: summer-obj1 2s ease-in-out infinite alternate; }
	.viewObj4 .header_obj4 .obj_parts1 { top: 39%; left: 23%; width: 3.8%; animation: winter-obj1 5s infinite alternate; }
	.viewObj4 .header_obj4 .obj_parts2,
	.viewObj4 .header_obj4 .obj_parts3 { animation: winter-obj2 5s infinite alternate; }
	.viewObj4 .header_obj4 .obj_parts2 { top: 29%; right: 30%; width: 13.8%; animation-delay: -0.5s; }
	.viewObj4 .header_obj4 .obj_parts3 { top: 64%; right: 19%; width: 9.76%; animation-delay: -2s; }
	.viewObj4 .header_obj4 .obj_parts4-1,
	.viewObj4 .header_obj4 .obj_parts4-2 { width: 3.8%; animation: summer-obj2 2s ease-out infinite; clip-path: circle(0% at 50% 50%); }
	.viewObj4 .header_obj4 .obj_parts4-1 { top: 8%; left: 14%; animation-delay: -0.1s; }
	.viewObj4 .header_obj4 .obj_parts4-2 { top: 45%; right: 48%; animation-delay: -0.3s; }
	.viewObj4 .header_obj4 .obj_parts5-1,
	.viewObj4 .header_obj4 .obj_parts5-2,
	.viewObj4 .header_obj4 .obj_parts5-3 { width: 3.8%; animation: summer-obj2 2s ease-out infinite; clip-path: circle(0% at 50% 50%); }
	.viewObj4 .header_obj4 .obj_parts5-1 { top: 18%; left: 26%; }
	.viewObj4 .header_obj4 .obj_parts5-2 { right: 4%; bottom: 29%; animation-delay: -0.2s; }
	.viewObj4 .header_obj4 .obj_parts5-3 { right: 12%; bottom: 6%; animation-delay: -0.05s; }
}
@media screen and (max-width:1679px) {

	/* header */
	.header .gnb_area { max-width: calc(730px + 8rem); }
	.header .util_area { right: 85px; gap: 2rem; }
	.header .util_area .util_menu { gap: 2.4rem; }
	.header .util_area .util_menu > li:after { right: -1.2rem; }
	.header .sitemap_area { right: 30px; }
	.header .sitemap_area .sitemap_layer:before { bottom: 20%; left: 3rem; }
	.header .sitemap_area .sitemap_layer:after { top: 25%; right: 3rem; }
	.header .sitemap_area .sitemap_layer .btn_close { top: 12.3rem; right: 37px; }

	/* type1 */
	.viewObj1 .header_obj1 { left: -1vw; width: 24vw; max-width: 36.9rem; }

	/* type2 */
	.viewObj2 .header_obj2 { left: -1vw; width: 23vw; max-width: 40rem; }

	/* type3 */
	.viewObj3 .header_obj3 { left: -3vw; width: 27vw; max-width: 47.3rem; }

	/* type4 */
	.viewObj4 .header_obj4 { left: -1vw; width: 25vw; max-width: 42rem; }

	/* floating menu */
	.floating_menu { right: 1.8vw; bottom: 21%; }

	/* footer */
	.footer .btn_top { right: 2vw; }
}
@media screen and (max-width:1439px) {

	/* header */
	.header .gnb_area .gnb_depth2_wrap .gnb_depth2 > li > a { font-size: 1.8rem; }
	.header .util_area { top: -7rem; bottom: auto; }
	.header .sitemap_area { top: -7rem; bottom: auto; }
	.header .sitemap_area .sitemap_layer:before { bottom: 10%; left: 35%; }
	.header .sitemap_area .sitemap_layer:after { top: 55%; }
	.header .sitemap_area .sitemap_layer .btn_close { top: 2.4rem; }

	/* type1 */
	.viewObj1 .header_obj1 { width: 22vw; }

	/* type2 */
	.viewObj2 .header_obj2 { width: 21vw; }

	/* type3 */
	.viewObj3 .header_obj3 { width: 25vw; }

	/* type4 */
	.viewObj4 .header_obj4 { width: 22vw; }

	/* floating menu */
	.floating_menu { bottom: 19%; }

	/* footer */
	.footer .footer_btm .menu_area { gap: 4rem; }

	/* 메인 */
	.main_page .main_cont .title_area { margin-bottom: 3rem; }
	.main_page .main_cont .main_title { font-size: 4.2rem; }

	/* main_visual */
	.main_page .main_visual .title_area .main_title { font-size: 10.8rem; }
	.main_page .main_visual .media_area .notice_box .swiper { width: calc(100% - 3.2rem - 8rem); }
	.main_page .main_visual .media_area .quick_box { margin-top: 4rem; }
	.main_page .main_visual .media_area .quick_box .item_box { height: 6.5rem; font-size: 1.8rem; }
	.main_page .main_visual .media_area .quick_box .item_box .svg_point { top: -25px; width: 5.36rem; height: 3.52rem; }

	/* main_program */
	.main_page .main_program { padding: 10rem 0; }
	.main_page .main_program:after { height: 35rem; }
	.main_page .main_program .swiper .swiper-slide { width: 74rem !important; }
	.main_page .main_program .swiper .item_box .item_desc .item_title { height: 7.28rem; font-size: 2.8rem; }

	/* main_schedule */
	.main_page .main_schedule { padding: 10rem 0; }
	.main_page .main_schedule .title_area { margin-bottom: 5rem; }
	.main_page .main_schedule .calendar_box .cal_body .icon_legend:before { width: 1.4rem; height: 1.4rem; }

	/* main_popular */
	.main_page .main_popular .cont_area { width: 90rem; }
	.main_page .main_popular .popular_list .item_box { padding: 3rem; padding-bottom: 7rem; }
	.main_page .main_popular .popular_list .item_box .item_title { height: 4.68rem; font-size: 1.8rem; }
	.main_page .main_popular .popular_list .item_list .item_btn { bottom: 3rem; left: 3rem; }

	/* main_facility */
	.main_page .main_facility .cont_area { width: 100rem; }
	.main_page .main_facility .facility_box { width: calc(100% + var(--inner_padding)); padding-right: var(--inner_padding); }

	/* 이용안내 */
	.user_overview1 .desc_area { min-height: 40rem; }
	.user_overview1 .desc_area:after { width: calc(100vw - var(--inner_padding) * 2 - 8px); }
	.user_overview2 .ovw_item .item_content .item_title { font-size: 2.2rem; }
}
@media screen and (max-width:1279px) {

	/* layout */
	.container { display: block; }

	/* header */
	.header { position: fixed; top: 0; right: 0; left: 0; height: 100px; border-bottom: 1px solid #ddd; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
	.header .inner { padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
	.header .header_top .inner { display: flex; align-items: center; }
	.header_obj { display: none !important; }
	.header .logo { width: 203px; height: 47.6px; margin: 0; }
	.header .gnb_area { display: none !important; }
	.header .util_area { top: 3rem; }
	.header .sitemap_area { top: 3rem; }
	.header .sitemap_area .btn_sitemap { transition: background-image 0.1s; }
	.header .sitemap_area .btn_sitemap.active { background: url(../../images/common/icon_close03.svg) no-repeat center/2.4rem; }
	.header .sitemap_area .sitemap_layer { z-index: 10; position: fixed; top: 100px; right: 0; width: 360px; height: calc(100vh - 100px); transform: translateX(100%); background: #fff; transition: transform 0.5s; }
	.header .sitemap_area .sitemap_layer .btn_close { display: none !important; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area { width: 170px; height: 100%; padding-top: 2rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li > a { display: flex; position: relative; align-items: center; min-height: 7rem; padding: 1rem 3rem; overflow: hidden; font-weight: 800; font-size: 1.8rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li > a:after { position: absolute; right: 0; width: 3px; height: 100%; transform: translateX(100%); border-radius: 99px 0 0 99px; background: var(--cm_color1); content: ""; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area { z-index: 1; position: absolute; top: 0; left: 170px; width: 190px; height: 100%; padding-top: 2.7rem; border-left: 1px solid #ddd; background-color: #f5f5f5; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li:first-child .sitemap_depth2_area { z-index: 2; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li { margin-top: 0; padding: 0; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li > a { display: flex; align-items: center; padding: 1.5rem 3rem; font-weight: 700; font-size: 1.7rem; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area { display: none !important; padding: 1rem 3rem; background-color: #e5e5e5; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li > a { display: flex; align-items: center; padding: 1rem 0; font-size: 1.6rem; }
	.header .header_bg { display: none; z-index: 5; position: absolute; top: 100px; right: 0; left: 0; height: 100vh; background: rgba(0, 0, 0, 0.5); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li.active > a:after,
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li.on > a:after { transform: translateX(0); }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li.active .sitemap_depth2_area,
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li.on .sitemap_depth2_area { z-index: 3; }
	.header .sitemap_area .sitemap_layer .sitemap_depth1_area .sitemap_depth1 > li.hover .sitemap_depth2_area { z-index: 4; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li.active > a,
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li.on > a { color: var(--cm_color1); font-weight: 800; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li.hover .sitemap_depth3_area,
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li.active .sitemap_depth3_area,
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area .sitemap_depth2 > li.on .sitemap_depth3_area { display: block; }
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li.active > a,
	.header .sitemap_area .sitemap_layer .sitemap_depth3_area .sitemap_depth3 > li.on > a { color: var(--cm_color1); font-weight: 700; text-decoration: underline; }
	.header.viewSiteMap .sitemap_area .sitemap_layer { transform: translateX(0); }
	.header.viewSiteMap .header_bg { display: block; }

	/* real content */
	.sub_page { padding-top: 100px; }
	.sub_page .sub_page_head { padding: 5rem 0 4rem; }
	.mypage_page { padding-top: 100px; }
	.mypage_page .left_menu { width: 24rem; }
	.mypage_page .left_menu .menu_list { padding: 2.5rem 2rem; }
	.mypage_page .left_menu .menu_list .list_item .item_box { padding: 1.2rem 2rem; padding-right: 4rem; }
	.mypage_page .left_menu .menu_list .list_item .item_box:after { right: 2rem; }
	.mypage_page .right_content { width: calc(100% - 24rem); padding-left: 5.5rem; }
	.mypage_page .right_content .sub_page_head .page_title { font-size: 4rem; }

	/* floating menu */
	.floating_menu { display: none; }

	/* footer */
	.footer .footer_btm { height: auto; padding: 2.5rem 0; }
	.footer .footer_btm .inner { display: block; }
	.footer .footer_btm .menu_area { margin-bottom: 2rem; gap: 1rem 3rem; }
	.footer .btn_top { right: 2vw; bottom: 16rem; }

	/* 메인 */
	.main_page { padding-top: 100px; }
	.main_page .main_cont .main_title { font-size: 4rem; }
	.main_page .main_cont .main_more .btn_more:after { width: 2.2rem; height: 2.2rem; }

	/* main_visual */
	.main_page .main_visual .title_area .main_title { font-size: 8rem; }
	.main_page .main_visual .title_area .main_title:after { top: -0.5rem; right: -8.5rem; width: 9.44rem; height: 4.16rem; }
	.main_page .main_visual .media_area .notice_box { height: 7rem; }
	.main_page .main_visual .media_area .notice_box .swiper .item_box { font-size: 1.8rem; }
	.main_page .main_visual .media_area .notice_box .btn_more { height: 4rem; padding: 0.5rem 2rem; }
	.main_page .main_visual .media_area .quick_box { margin-top: 3rem; }
	.main_page .main_visual .media_area .quick_box .item_box { height: 5.3rem; }

	/* main_program */
	.main_page .main_program .swiper .swiper-slide { width: 65rem !important; }
	.main_page .main_program .swiper .item_box { padding: 3rem; }
	.main_page .main_program .swiper .item_box .item_thumb { width: 23rem; }
	.main_page .main_program .swiper .item_box .item_desc { width: calc(100% - 23rem); }
	.main_page .main_program .swiper .item_box .item_desc .item_title { height: 6.24rem; font-size: 2.4rem; }
	.main_page .main_program .swiper .item_box + .item_btn { bottom: 5rem; left: 29rem; }

	/* main_schedule */
	.main_page .main_schedule .calendar_box { width: 57%; }
	.main_page .main_schedule .calendar_box .cal_head .btn_ctrl { width: 4.5rem; height: 4.5rem; background-size: 1rem; }
	.main_page .main_schedule .calendar_box .calendar_title .select_ctrl { height: 4.5rem; font-size: 2.8rem; }
	.main_page .main_schedule .calendar_box .cal_body .icon_legend:before { width: 1.2rem; height: 1.2rem; }
	.main_page .main_schedule .calendar_box .cal_body { height: calc(100% - 4.5rem - 2.4rem); }
	.main_page .main_schedule .calendar_box .cal_table table tbody td { height: 11rem; }
	.main_page .main_schedule .schedule_box { width: 40%; }
	.main_page .main_schedule .schedule_box .scdl_title { font-size: 2.2rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_status .cm_label { height: 3.6rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_label .cm_label { height: 3.4rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_title { font-size: 1.8rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info { margin-top: 1.5rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl dt { font-size: 1.5rem; }
	.main_page .main_schedule .schedule_box .scdl_list .item_box .item_info dl dd { font-size: 1.5rem; }

	/* main_popular */
	.main_page .main_popular .pop_obj .img_obj1 { right: 2%; width: 13.72rem; }
	.main_page .main_popular .pop_obj .img_obj2 { width: 12rem; }
	.main_page .main_popular .pop_obj .img_obj3 { width: 27.28rem; }

	/* main_facility */
	.main_page .main_facility:after { width: 12.36rem; height: 12.3rem; }
	.main_page .main_facility .cont_area { width: 70%; }
	.main_page .main_facility .facility_box .swiper-slide { width: 35rem !important; }
	.main_page .main_facility .facility_box .item_box .item_thumb:before { right: -10.8rem; bottom: -12.8rem; width: 43.36rem; height: 21.92rem; background: url(../../images/common/icon_arr15.svg) no-repeat 13.6rem 2.8rem/8rem, rgba(58, 181, 74, 0.8); }

	/* main_archive */
	.main_page .main_archive .archive_box .item_box { height: 55rem; }
	.main_page .main_archive .archive_box .item_box .item_media { width: 57%; }
	.main_page .main_archive .archive_box .item_box .item_media:after { padding-top: 55rem; }
	.main_page .main_archive .archive_box .item_box .item_desc { width: 43%; padding-top: 5rem; padding-bottom: 10rem; padding-left: 5rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .title_area .main_title { font-size: 3.6rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area { margin-top: 2.5rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_title { max-height: 6.6rem; font-size: 2.2rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_text { max-height: 5.44rem; margin-top: 1.5rem; font-size: 1.7rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .btn_area { margin-top: 4rem; padding-top: 4rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .btn_area .cm_btn:after { width: 4.5rem; height: 2rem; margin-left: 1rem; }
	.main_page .main_archive .archive_box .swiper-btn-wrap { right: calc(43% - 5rem - 5.2rem); bottom: 6rem; }

	/* 비전 및 목표 */
	.intro_area .intro_overview1 { padding: 0 17rem; }
	.intro_area .intro_overview1 .intro_img1 { left: 0; }
	.intro_area .intro_overview1 .intro_img2 { right: 0; }
	.intro_area .intro_overview3 { gap: 3rem; }
	.intro_area .intro_overview3 .ovw_item { width: calc((100% - 6rem) / 3); }

	/* 이용안내 */
	.user_overview1 .desc_area { min-height: 0; margin-top: 6rem; }
	.user_overview1 .desc_area:after { width: calc(100vw - var(--inner_padding) * 2); background: #fff4f9 url(../../images/contents/sub15_img05.svg) no-repeat right bottom/13rem; }
	.user_overview2 .ovw_item .item_content .item_desc > span { width: 100%; }
	.user_overview2 .ovw_item .item_content .item_desc > span:after { display: none; }

	/* 오시는 길 */
	.contact_overview .ovw_map .address_box { width: 37rem; padding: 4rem 3rem; }
	.contact_overview .ovw_map .address_box .add_info .info_item { padding-left: 6rem; }
	.contact_overview .ovw_map .address_box .add_info .info_item:before { width: 4.5rem; height: 4.5rem; }

	/* 공간소개 */
	.facility_overview { flex-direction: column; }
	.facility_overview .ovw_left { width: 100%; }
	.facility_overview .ovw_info { flex-direction: row; }
	.facility_overview .ovw_info .info_thumb { width: 55%; }
	.facility_overview .ovw_info .info_thumb .thumb_box { border-radius: 10px 0 0 10px; }
	.facility_overview .ovw_info .info_thumb .thumb_box:after { padding-top: 45rem; }
	.facility_overview .ovw_info .info_desc { width: 45%; height: auto; padding: 5rem; border-radius: 0 10px 10px 0; }
	.facility_overview .ovw_info .info_desc .info_title { font-size: 3rem; }
	.facility_overview .ovw_info .info_desc .info_text { padding-top: 3rem; font-size: 1.8rem; }
	.facility_overview .ovw_info .info_desc .info_btn { padding-top: 4rem; }
	.facility_overview .ovw_right { width: 100%; }
}
@media screen and (max-width:1023px) {

	/* header */
	.header { height: 80px; }
	.header .logo { width: 174px; height: 40.8px; }
	.header .logo > .logo_obj2,
	.header .logo > .logo_obj3 { display: none; }
	.header .util_area { top: 2.5rem; }
	.header .sitemap_area { top: 2.5rem; }
	.header .sitemap_area .sitemap_layer { top: 80px; height: calc(100vh - 80px); }
	.header .header_bg { top: 80px; }

	/* real content */
	.sub_page { padding-top: 80px; }
	.mypage_page { padding-top: 80px; }
	.mypage_page > .inner { display: block; padding-top: 0; }
	.mypage_page .left_menu { z-index: 10; position: relative; width: 100vw; margin-left: calc(-1 * var(--inner_padding)); }
	.mypage_page .left_menu .left_title { display: none; }
	.mypage_page .left_menu .btn_left { display: flex; position: relative; align-items: center; justify-content: flex-start; width: 100%; padding: 5rem var(--inner_padding) 4rem; padding-right: calc(var(--inner_padding) + 2.5rem); background: #fff; font-weight: 800; font-size: 3.2rem; }
	.mypage_page .left_menu .btn_left:after { width: 1.6rem; height: 1.6rem; margin-left: 2rem; background: url(../../images/common/icon_arr08_down.svg) no-repeat center/contain; content: ""; }
	.mypage_page .left_menu .menu_list { display: none; position: absolute; top: 80%; right: var(--inner_padding); left: var(--inner_padding); padding: 0; overflow: hidden; border: 1px solid #ddd; border-radius: 10px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); }
	.mypage_page .left_menu .menu_list .list_item { margin: 0 !important; }
	.mypage_page .left_menu .menu_list .list_item .item_box { height: 6.5rem; padding: 1rem var(--inner_padding); border-bottom: 1px solid #ddd; border-radius: 0; font-size: 1.8rem; }
	.mypage_page .left_menu .menu_list .list_item:last-child .item_box { border-bottom: 0; }
	.mypage_page .left_menu .menu_list .list_item .item_box:after { display: none; }
	.mypage_page .right_content { width: 100%; padding-top: 0; padding-left: 0; }
	.mypage_page .right_content .sub_page_head { display: none; }

	/* 메인 */
	.main_page { padding-top: 80px; }
	.main_page .main_cont .main_title { font-size: 3.8rem; }
	.main_page .main_cont .main_more .btn_more { padding-bottom: 0.7rem; font-size: 1.7rem; }
	.main_page .main_cont .main_more .btn_more:after { width: 2rem; height: 2rem; }
	.main_page .main_cont .inner_flex { display: block; }

	/* main_visual */
	.main_page .main_visual { padding: 8rem 0; }
	.main_page .main_visual .title_area .main_title { font-size: 6.5rem; }
	.main_page .main_visual .title_area .main_title:after { top: -1rem; right: -9rem; }
	.main_page .main_visual .cont_area { display: block; }
	.main_page .main_visual .media_area { width: 100%; }
	.main_page .main_visual .bnr_area { width: 100%; margin-top: 5rem; padding-bottom: 5rem; overflow: visible; border: 0; border-radius: 0; }
	.main_page .main_visual .bnr_area .swiper { overflow: visible; }
	.main_page .main_visual .bnr_area .swiper .swiper-slide { width: 32rem !important; }
	.main_page .main_visual .bnr_area .item_box { overflow: hidden; border: 1px solid #ddd; border-radius: 10px; }
	.main_page .main_visual .bnr_area .swiper-btn-wrap { right: 0; bottom: 0; left: 0; }
	.main_page .main_visual .bnr_area .swiper-btn-wrap .swiper-pagination { display: block; }

	/* main_program */
	.main_page .main_program { padding: 8rem 0 7rem; }
	.main_page .main_program:after { height: 30rem; }
	.main_page .main_program .swiper .swiper-slide { width: 60rem !important; }
	.main_page .main_program .swiper .item_box .item_thumb { width: 21rem; }
	.main_page .main_program .swiper .item_box .item_thumb .item_label { top: 1rem; left: 1rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_title { height: 5.72rem; font-size: 2.2rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info { margin-top: 2rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info dl + dl { margin-top: 1.5rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info dl dd { margin-top: 0.5rem; }
	.main_page .main_program .swiper .item_box .item_btn { right: -7.6rem; bottom: -5.6rem; width: 22.48rem; height: 14.16rem; padding: 5rem 4.5rem; padding-right: 9.6rem; padding-bottom: 8rem; font-size: 1.8rem; }
	.main_page .main_program .swiper .item_box .item_btn:after { width: 5rem; height: 2.5rem; }
	.main_page .main_program .swiper .item_box + .item_btn { bottom: 5rem; left: 27rem; }

	/* main_schedule */
	.main_page .main_schedule { padding: 8rem 0; }
	.main_page .main_schedule .title_area { margin-bottom: 4rem; }
	.main_page .main_schedule .cont_area { display: block; }
	.main_page .main_schedule .calendar_box { width: 100%; }
	.main_page .main_schedule .calendar_box .cal_head { justify-content: center; }
	.main_page .main_schedule .calendar_box .cal_table table thead th { height: 5rem; padding: 1rem; font-size: 1.7rem; }
	.main_page .main_schedule .calendar_box .cal_table table tbody td { height: 6.5rem; padding: 0 0.5rem; }
	.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal { padding: 0.8rem; }
	.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal .day_number { height: auto; line-height: 1; }
	.main_page .main_schedule .calendar_box .cal_table table tbody td .btn_cal .day_list { flex-wrap: wrap; margin-top: 1rem; }
	.main_page .main_schedule .calendar_box .cal_table .cal_layer { left: 50% !important; transform: translateX(-50%); }
	.main_page .main_schedule .schedule_box { width: 100%; margin-top: 5rem; }

	/* main_popular */
	.main_page .main_popular { height: auto; padding: 8rem 0 10rem; }
	.main_page .main_popular .cont_area.cont_area_pc { display: none !important; }
	.main_page .main_popular .cont_area.cont_area_mobile { display: block !important; width: 100%; padding: 0; }
	.main_page .main_popular .cont_area .swiper { overflow: visible; }
	.main_page .main_popular .cont_area .swiper .swiper-slide { position: relative; width: 32rem !important; }
	.main_page .main_popular .cont_area .swiper .item_box { display: block; padding: 2.5rem; padding-bottom: 6.5rem; overflow: hidden; border-radius: 10px; background: #fff; transition: box-shadow 0.3s; }
	.main_page .main_popular .cont_area .swiper .swiper-slide.swiper-slide-active .item_box { box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.3); }
	.main_page .main_popular .cont_area .swiper .item_box .item_thumb { display: block; position: relative; width: 100%; }
	.main_page .main_popular .cont_area .swiper .item_box .item_thumb:after { display: block; width: 100%; padding-top: 142.31%; content: ""; }
	.main_page .main_popular .cont_area .swiper .item_box .item_thumb > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
	.main_page .main_popular .cont_area .swiper .item_box .item_title { display: -webkit-box; height: 4.68rem; margin-top: 2rem; font-weight: 800; font-size: 1.8rem; line-height: 1.3; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
	.main_page .main_popular .cont_area .swiper .item_box:hover .item_title { text-decoration: underline; }
	.main_page .main_popular .cont_area .swiper .item_btn { display: flex; position: absolute; bottom: 3rem; left: 2.5rem; align-items: center; justify-content: center; }
	.main_page .main_popular .pop_obj .img_obj1 { top: 21%; width: 11.76rem; }
	.main_page .main_popular .pop_obj .img_obj2 { bottom: 4%; left: 32%; width: 10.5rem; }
	.main_page .main_popular .pop_obj .img_obj3 { width: 23.87rem; }

	/* main_facility */
	.main_page .main_facility { padding: 8rem 0 10rem; }
	.main_page .main_facility:after { opacity: 0.4; }
	.main_page .main_facility .title_area { position: relative; }
	.main_page .main_facility .title_area .main_more { position: absolute; right: 0; bottom: 0; margin: 0; }
	.main_page .main_facility .cont_area { width: 100%; }
	.main_page .main_facility .facility_box { overflow: visible; }
	.main_page .main_facility .facility_box .swiper-slide { width: 35rem !important; }
	.main_page .main_facility .facility_box .item_box .item_thumb:before { display: none; }

	/* main_archive */
	.main_page .main_archive .archive_box .item_box { display: block; height: auto; }
	.main_page .main_archive .archive_box .item_box .item_media { width: 100%; }
	.main_page .main_archive .archive_box .item_box .item_media:after { padding-top: 56.3%; }
	.main_page .main_archive .archive_box .item_box .item_desc { width: 100%; padding: 5rem var(--inner_padding); padding-bottom: 4rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .title_area { padding: 0; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area { padding: 0; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_title { max-height: 6rem; font-size: 2rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .cont_area .item_text { max-height: 5.12rem; font-size: 1.6rem; }
	.main_page .main_archive .archive_box .item_box .item_desc .btn_area { margin-top: 3rem; padding-top: 3rem; }
	.main_page .main_archive .archive_box .swiper-btn-wrap { display: flex; position: static; align-items: center; padding: 0 var(--inner_padding); padding-bottom: 6rem; gap: 2rem; }
	.main_page .main_archive .archive_box .swiper-btn-wrap .swiper-btn { width: 2rem; height: 2rem; }

	/* 비전 및 목표 */
	.intro_area .intro_overview1 { padding: 0 15rem; }
	.intro_area .intro_overview1 .intro_img { width: 10rem; }
	.intro_area .intro_overview2 .ovw_item .item_desc { padding: 0 2rem; }
	.intro_area .intro_overview3 { gap: 3rem; }
	.intro_area .intro_overview3 .ovw_item { width: calc((100% - 6rem) / 3); }
	.intro_area .intro_overview3 .ovw_item .item_title { width: 24rem; height: 24rem; }
	.intro_area .intro_overview3 .ovw_item .item_title > img { width: 7rem; }

	/* 이용안내 */
	.user_overview1 { display: block; padding: 0; }
	.user_overview1 .img_area { width: 100%; }
	.user_overview1 .desc_area { margin: 0; padding: 4rem 0 8rem; }
	.user_overview1 .desc_area:after { top: -20vw; right: auto; left: calc(-1 * var(--inner_padding)); width: 100vw; border-radius: 0; }
	.user_overview1 .desc_area .ovw_title { padding: 0 2rem; font-size: 2.2rem; }
	.user_overview1 .desc_area .ovw_text { margin-top: 2.5rem; padding: 0 2rem; padding-top: 2.5rem; font-size: 1.7rem; }
	.user_overview2 .ovw_item { padding: 3rem; }
	.user_overview2 .ovw_item .item_img { width: 6.5rem; height: 6.5rem; }
	.user_overview2 .ovw_item .item_content .item_title { font-size: 2rem; }
	.user_overview2 .ovw_item .item_content .item_desc { font-size: 1.5rem; }

	/* 오시는 길 */
	.contact_overview .ovw_map { flex-direction: column; height: auto; }
	.contact_overview .ovw_map .map_box { flex-shrink: 0; height: 40rem; }
	.contact_overview .ovw_map .address_box { width: 100%; }
}
@media screen and (max-width:767px) {

	/* header */
	.header { height: 70px; }
	.header .logo { width: 145px; height: 34px; }
	.header .util_area { z-index: 11; top: 70px; right: 0; justify-content: space-between; width: 100vw; max-width: 360px; height: 60px; padding: 1rem 3rem; padding-right: 3rem; transform: translateX(100%); border-bottom: 1px solid #ddd; background: #fff; transition: transform 0.5s; }
	.header .util_area .util_gcf .btn_gcf { width: 4.5rem; height: 4.5rem; }
	.header .sitemap_area { top: 2.2rem; right: 20px; }
	.header .sitemap_area .btn_sitemap { background-size: 2.8rem; }
	.header .sitemap_area .btn_close { background-size: 2.8rem; }
	.header .sitemap_area .sitemap_layer { top: 70px; height: calc(100vh - 70px); padding-top: 60px; }
	.header .sitemap_area .sitemap_layer .sitemap_depth2_area { padding-top: calc(60px + 2.7rem); }
	.header .header_bg { top: 70px; }
	.header.viewSiteMap .util_area { transform: translateX(0); }

	/* real content */
	.sub_page { padding-top: 70px; }
	.sub_page .sub_page_head { padding: 5rem 0 4rem; }
	.sub_page .sub_page_head .page_title { font-size: 3.2rem; }
	.mypage_page { padding-top: 70px; }

	/* footer */
	.footer .footer_top { padding: 3rem 0; }
	.footer .footer_top .inner { flex-direction: column; }
	.footer .footer_top .info_area { margin-top: 2rem; padding: 0; }
	.footer .btn_top { right: 2vw; bottom: 2vw; }

	/* 메인 */
	.main_page { padding-top: 70px; }
	.main_page .main_cont .main_title { font-size: 3.4rem; }
	.main_page .main_cont .main_more .btn_more { font-size: 1.6rem; }
	.main_page .main_cont .main_more .btn_more:after { width: 1.6rem; height: 1.6rem; }

	/* main_visual */
	.main_page .main_visual .title_area .main_title { padding-right: 8rem; font-size: 5.5rem; line-height: 1.1; letter-spacing: -1px; }
	.main_page .main_visual .title_area .main_title:after { display: none; }
	.main_page .main_visual .cont_area:after { top: -9.5rem; width: 6.24rem; height: 6.24rem; }
	.main_page .main_visual .media_area .notice_box .swiper .item_box .item_date { display: none; }
	.main_page .main_visual .media_area .notice_box .swiper .item_box .item_title { width: 100%; }
	.main_page .main_visual .media_area .quick_box { gap: 1rem; }
	.main_page .main_visual .bnr_area .swiper .swiper-slide { width: 23rem !important; }

	/* main_program */
	.main_page .main_program:after { height: 38.5%; }
	.main_page .main_program .title_area .main_more { top: 3rem; }
	.main_page .main_program .swiper .swiper-slide { width: 32rem !important; }
	.main_page .main_program .swiper .item_box { display: block; padding: 2.5rem; padding-bottom: 9rem; }
	.main_page .main_program .swiper .item_box .item_thumb { width: 100%; }
	.main_page .main_program .swiper .item_box .item_desc { width: 100%; margin-top: 2rem; padding: 0; }
	.main_page .main_program .swiper .item_box .item_desc .item_title { height: 5.2rem; font-size: 2rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info { margin-top: 1.5rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info dl + dl { margin-top: 1rem; }
	.main_page .main_program .swiper .item_box .item_desc .item_info dl dd { margin: 0; }
	.main_page .main_program .swiper .item_box + .item_btn { bottom: 4rem; left: 2.5rem; }
	.main_page .main_program .swiper .item_box .item_btn { padding-top: 4rem; }
	.main_page .main_program .swiper .item_box .item_btn:after { width: 3.5rem; height: 1.75rem; }

	/* main_schedule */
	.main_page .main_schedule .calendar_box .cal_table .cal_layer { max-width: 100%; }

	/* main_popular */
	.main_page .main_popular .cont_area .swiper .swiper-slide { width: 32rem !important; }

	/* 비전 및 목표 */
	.intro_area .intro_overview1 { padding: 0; }
	.intro_area .intro_overview1 .intro_title { font-size: 2.8rem; }
	.intro_area .intro_overview1 .intro_img { width: 7rem; transform: none; }
	.intro_area .intro_overview1 .intro_img1 { display: none; }
	.intro_area .intro_overview1 .intro_img2 { top: -11.5rem; }
	.intro_area .intro_overview2 .ovw_item { display: block; border-radius: 10px; }
	.intro_area .intro_overview2 .ovw_item .item_title { width: 100%; height: 7rem; border-radius: 10px; font-size: 2.2rem; }
	.intro_area .intro_overview2 .ovw_item .item_desc { padding: 2rem; }
	.intro_area .intro_overview2 .intro_img1 { width: 60%; margin: 0 auto; }
	.intro_area .intro_overview3 { flex-direction: column; gap: 3rem; }
	.intro_area .intro_overview3 .ovw_title > span { font-size: 2.2rem; }
	.intro_area .intro_overview3 .ovw_item { width: 100%; }
	.intro_area .intro_overview3 .ovw_item .item_title { flex-direction: row; align-items: center; width: 100%; height: 8.5rem; gap: 2rem; border-radius: 10px; }
	.intro_area .intro_overview3 .ovw_item .item_title > img { width: 4rem; margin: 0; }
	.intro_area .intro_overview3 .ovw_item .item_title br { display: none; }

	/* 조직도 */
	.organization_area .org_step { display: flex; justify-content: center; width: 100%; margin-bottom: 2rem; padding: 0; }
	.organization_area .org_step:before,
	.organization_area .org_step:after { display: none !important; }
	.organization_area .org_step .org_item { width: 100%; max-width: 100%; height: 7rem; }
	.organization_area .org_step .org_item:before,
	.organization_area .org_step .org_item:after { display: none !important; }
	.organization_area .org_step .org_item > span { padding: 2rem; border-radius: 10px; }
	.organization_area .org_step1 .org_item { height: 8rem; }
	.organization_area .org_step2 { left: 0; }
	.organization_area .org_step4 { gap: 1rem; }
	.organization_area .org_step4 .step_inner:after { display: none; }
	.organization_area .org_step4 .step_inner > .org_item > span { width: 100%; max-width: 100%; }
	.organization_area .org_step5 { width: 100%; max-width: 100%; padding-top: 3.5rem; border-radius: 0 0 10px 10px; }

	/* 이용안내 */
	.user_overview2 { flex-direction: column; }
	.user_overview2 .ovw_item { flex-direction: row; justify-content: flex-start; width: 100%; }
	.user_overview2 .ovw_item .item_img { width: 6.5rem; height: 6.5rem; }
	.user_overview2 .ovw_item .item_content { width: auto; margin: 0; padding-left: 2rem; text-align: left; }
	.user_overview2 .ovw_item .item_content .item_title { font-size: 2rem; }
	.user_overview2 .ovw_item .item_content .item_desc { font-size: 1.5rem; }
	.user_overview2 .ovw_item .item_content .item_desc > span { width: auto; }
	.user_overview2 .ovw_item .item_content .item_desc > span:after { display: block; }

	/* 오시는 길 */
	.contact_overview .ovw_traffic .trfc_item { padding: 0; }
	.contact_overview .ovw_traffic .trfc_item:after { width: 5rem; height: 5rem; border-radius: 7px; background-size: 90%; }
	.contact_overview .ovw_traffic .trfc_item .item_title { display: flex; align-items: center; width: 100%; height: 5rem; padding-left: 6.5rem; }
	.contact_overview .ovw_traffic .trfc_item .item_desc { margin-top: 2rem; }
	.contact_overview .ovw_traffic .item_bus .item_desc .cm_bullet.bullet2 > *:before { top: 0.6rem; }
	.contact_overview .ovw_traffic .item_bus .item_desc .cm_bullet .cm_label { margin-top: 1rem; margin-left: 0; }

	/* 공간소개 */
	.facility_overview .ovw_info { display: block; }
	.facility_overview .ovw_info .info_thumb { width: 100%; }
	.facility_overview .ovw_info .info_thumb .thumb_box { border-radius: 10px 10px 0 0; }
	.facility_overview .ovw_info .info_thumb .thumb_box:after { padding-top: 55.707%; }
	.facility_overview .ovw_info .info_desc { width: 100%; padding: 3rem; border-radius: 0 0 10px 10px; }
	.facility_overview .ovw_info .info_desc .info_title { font-size: 2.4rem; }
	.facility_overview .ovw_info .info_desc .info_text { padding-top: 2rem; font-size: 1.7rem; }
	.facility_overview .ovw_info .info_desc .info_btn { padding-top: 4rem; }
	.facility_overview .ovw_right { width: 100%; }
	.facility_overview .ovw_map:before { width: 18rem; height: 3rem; }
	.facility_overview .ovw_map:after { width: 7.425rem; height: 10.875rem; }
	.facility_overview .ovw_map .map_info { padding: 3rem; }

	/* 마이페이지 - 만족도 조사 */
	.survey_list .svy_item .form_check_area .check_list { flex-wrap: wrap; gap: 1.5rem; }
	.survey_list .svy_item .form_check_area .check_list > li { width: calc((100% - 3rem) / 3); }

	/* 마이페이지 2차 인증 */
	.page_GMAC73 .auth_box.cm_box { padding: 6rem 3rem; }
}
@media screen and (max-width:479px) {
	.header .sitemap_area { top: 2.6rem; }

	/* main_visual */
	.main_page .main_visual .title_area .main_title { padding-right: 0; font-size: 4.5rem; }
	.main_page .main_visual .cont_area:after { top: -8.5rem; width: 4.8rem; height: 4.8rem; }
	.main_page .main_visual .media_area .notice_box .swiper { width: calc(100% - 3.2rem); }
	.main_page .main_visual .media_area .notice_box .btn_more { display: none; }
	.main_page .main_visual .media_area .quick_box { flex-wrap: wrap; margin-top: 2rem; }
	.main_page .main_visual .media_area .quick_box .item_box { width: calc((100% - 1rem) / 2); border-radius: 10px; }
	.main_page .main_visual .bnr_area .swiper .swiper-slide { width: 30rem !important; }

	/* main_schedule */
	.main_page .main_schedule .calendar_box .cal_head .btn_ctrl { width: 4rem; height: 4rem; background-size: 0.8rem; }
	.main_page .main_schedule .calendar_box .calendar_title .select_ctrl { font-size: 2.4rem; }
	.main_page .main_schedule .calendar_box .cal_body .icon_legend:before { width: 1rem; height: 1rem; }

	/* 오시는 길 */
	.contact_overview .ovw_traffic .item_bus .item_desc .cm_bullet .cm_label { width: 100%; }
}

/* 이벤트 */
#event-icon img {
  width: 100px;
  height: auto;
  cursor: pointer;
  transition: transform 0.2s ease;
}

#event-icon:hover img {
  transform: scale(1.1);
}