@charset "UTF-8";
.header { z-index: 100; position: absolute; width: 100%; border-bottom: 1px solid #eee; background: #fff; }
.header.fixed { position: fixed; }
.header .header_top { padding: 1.7rem 0; border-bottom: 1px solid #eee; background: var(--Primary-600); color: #fff; }
.header .header_top .header_top_util { display: flex; align-items: center; justify-content: end; line-height: 1; }
.header .header_top .header_top_util .header_top_util_item:last-child { position: relative; margin-left: 1rem; padding-left: 1rem; }
.header .header_top .header_top_util .header_top_util_item:last-child:before { position: absolute; top: 50%; left: 0; width: 1px; height: 1.2rem; transform: translateY(-50%); background: #fff; content: ""; }
.header .header_bottom .gnb_area .gnb_area_content { display: flex; align-items: center; justify-content: space-between; }
.header .header_bottom .gnb_area .gnb_wrap { display: flex; flex: 1; align-items: center; gap: 6rem; }
.header .header_bottom .gnb_area .logo { display: flex; align-items: center; justify-content: center; height: 3.6rem; }
.header .header_bottom .gnb_area .logo .logo_img { display: block; width: 100%; height: 100%; }
.header .header_bottom .gnb_area .gnb_depth1 { display: flex; flex: 1; gap: 4rem; }
.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_item { position: relative; }
.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link { display: inline-flex; align-items: center; height: 10.1rem; font-weight: 700; font-size: 1.8rem; line-height: 1.5; }
.header .header_bottom .gnb_area .gnb_service { position: relative; }
.header .header_bottom .gnb_area .gnb_service:after { position: absolute; top: 50%; right: 0; width: 1px; height: 2.8rem; transform: translateY(-50%); background: #d9d9d9; content: ""; }
.header .header_bottom .gnb_area .gnb_service .logo_img { width: 10.9rem; background: url(../../images/common/logo1.svg) no-repeat center/contain; }
.header .header_bottom .gnb_area .gnb_agency { flex-direction: row-reverse; }
.header .header_bottom .gnb_area .gnb_agency .logo_img { width: 15.4rem; background: url(../../images/common/logo2.svg) no-repeat center/contain; }
.header .header_bottom .gnb_area .gnb_agency .gnb_depth1 { flex-direction: row-reverse; }

/* 반응형 - pc view */

/* 반응형 - mobile view */

/* footer */
.footer { border-top: 1px solid #ddd; font-size: clamp(12.8px, 0.8333333333vw, 16px); }
.footer .footer_info_group { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding: clamp(32px, 2.0833333333vw, 40px) 0; gap: clamp(8px, 0.5208333333vw, 10px); }
.footer .footer_address { margin-bottom: clamp(19.2px, 1.25vw, 24px); font-weight: bold; font-size: clamp(14.4px, 0.9375vw, 18px); }
.footer .footer_contact_list { display: flex; flex-direction: column; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_contact_item { display: flex; gap: clamp(8px, 0.5208333333vw, 10px); }
.footer .footer_contact_item dt { min-width: clamp(60px, 3.6458333333vw, 70px); font-weight: 800; }
.footer .footer_contact_item dd { color: #717680; }
.footer .footer_logo_group { margin-top: clamp(4.8px, 0.3125vw, 6px); }
.footer .footer_logo { margin-bottom: clamp(12px, 0.78125vw, 15px); text-align: right; }
.footer .footer_logo img { width: clamp(96px, 6.25vw, 120px); }
.footer .footer_familysite_wrap { position: relative; }
.footer .footer_familysite { display: inline-block; position: relative; min-width: clamp(140px, 10.9375vw, 210px); }
.footer .footer_familysite_title { display: flex; align-items: center; justify-content: space-between; width: 100%; height: clamp(40px, 2.8645833333vw, 55px); padding: 0 clamp(12px, 1.0416666667vw, 20px); border: 1px solid #717680; background-color: #fff; color: #717680; font-weight: 500; font-size: clamp(12.8px, 0.8333333333vw, 16px); text-align: left; cursor: pointer; }
.footer .footer_familysite_title:after { display: block; flex-shrink: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); margin-left: clamp(8px, 0.5208333333vw, 10px); background: url(../../images/common/icon_arrow_down.svg) no-repeat center/contain; content: ""; }
.footer .footer_familysite_options { visibility: hidden; z-index: 100; position: absolute; right: 0; bottom: calc(100% + clamp(4px, 0.2604166667vw, 5px)); left: 0; width: 100%; max-height: clamp(170px, 13.0208333333vw, 250px); padding: clamp(10px, 0.78125vw, 15px) clamp(12px, 1.0416666667vw, 20px); padding-right: clamp(10px, 0.78125vw, 15px); border: 1px solid #717680; background-color: #fff; opacity: 0; }
.footer .footer_familysite_options_scroll { max-height: clamp(120px, 11.4583333333vw, 220px); padding-right: clamp(4px, 0.5208333333vw, 10px); overflow-y: auto; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar { width: 4px; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #ccc; }
.footer .footer_familysite_options_scroll::-webkit-scrollbar-track { background: transparent; }
.footer .footer_familysite_options a { display: block; padding: clamp(4px, 0.2604166667vw, 5px) 0; color: #333; font-size: clamp(12px, 0.7291666667vw, 14px); line-height: 1.4; }
.footer .footer_familysite_options a:hover { color: var(--color-point-50-primary); }
.footer .footer_familysite_options a:focus-visible { outline-offset: -2px; }
.footer .footer_familysite.opened .footer_familysite_title:after { transform: rotate(180deg); }
.footer .footer_familysite.opened .footer_familysite_options { visibility: visible; opacity: 1; }
.footer .footer_copyright_group { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-top: clamp(13px, 1.25vw, 24px); padding-bottom: clamp(13px, 1.25vw, 24px); gap: clamp(6px, 0.5208333333vw, 10px); border-top: 1px solid #000; }
.footer .footer_copyright { color: #717680; font-weight: 500; font-size: clamp(14.4px, 0.9375vw, 18px); }
.footer .footer_policy_links { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px) clamp(27.2px, 1.7708333333vw, 34px); }
.footer .footer_blank_list { display: flex; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.footer .footer_blank_list a { display: block; width: 32px; height: 32px; overflow: hidden; background-position: center; background-size: contain; background-repeat: no-repeat; text-indent: 100%; white-space: nowrap; }
.footer .footer_blank_list a.insta { background-image: url(../../images/common/icon_sns_insta.svg); }
.footer .footer_blank_list a.facebook { background-image: url(../../images/common/icon_sns_facebook.svg); }
.footer .footer_blank_list a.blog { background-image: url(../../images/common/icon_sns_blog.svg); }
.footer .footer_blank_list a.kakao { background-image: url(../../images/common/icon_sns_kakao.svg); }
.footer .footer_link_list { display: flex; flex-wrap: wrap; gap: clamp(4px, 0.625vw, 12px) clamp(12px, 1.25vw, 24px); }
.footer .footer_link_list > li { font-weight: 500; font-size: clamp(12px, 0.7291666667vw, 14px); }
.footer .footer_link_list > li.active { color: var(--Primary-600); font-weight: bold; }
.footer .footer_blank_list a:hover { opacity: 0.7; }
.footer .top_btn { z-index: 5; position: fixed; right: 5%; bottom: 5%; aspect-ratio: 1/1; width: clamp(40px, 3.3333333333vw, 64px); overflow: hidden; border-radius: 1000px; background-image: url(../../images/common/icon_top_btn.svg); background-position: center; background-size: 60%; background-repeat: no-repeat; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); text-indent: 100%; white-space: nowrap; opacity: 0; transition: opacity 160ms ease; }
.footer .top_btn.active { opacity: 1; }

/* layout */
.inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.container { padding-top: 15.3rem; }
.sub_page { padding-top: 8rem; padding-bottom: 8rem; }

/* breadcrumb */
.cm_breadcrumb .nav_list { display: flex; flex-wrap: wrap; align-items: center; gap: clamp(5px, 0.5208333333vw, 10px) clamp(15px, 1.5625vw, 30px); }
.cm_breadcrumb .nav_list > li { position: relative; font-weight: 400; font-size: var(--font_size15); }
.cm_breadcrumb .nav_list > li:before { display: block; position: absolute; top: 50%; left: calc(100% + clamp(7.5px, 0.78125vw, 15px)); aspect-ratio: 1/1; width: clamp(15px, 0.9375vw, 18px); transform: translate(-50%, -50%); background: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; content: ""; }
.cm_breadcrumb .nav_list > li:last-child:before { display: none; }
.cm_breadcrumb .nav_list > li.home span { display: block; width: 20px; height: 20px; overflow: hidden; background: url(../../images/common/icon_home.svg) no-repeat center/contain; text-indent: 100%; white-space: nowrap; }
.cm_breadcrumb .nav_list > li.active { font-weight: 700; }
.cm_breadcrumb .nav_list > li > a { display: block; }
.cm_breadcrumb .nav_list > li > a,
.cm_breadcrumb .nav_list > li > a span { text-decoration: underline; }
.sub_page_head { display: flex; flex-direction: column; margin-bottom: 55px; gap: 24px 0; }
.sub_page_head_title_area { display: flex; align-items: center; justify-content: space-between; margin-top: 15px; }
.sub_page_head_title { flex: 1; font-weight: 800; font-size: clamp(30px, 2.7083333333vw, 52px); letter-spacing: clamp(0.8px, 0.0520833333vw, 1px); }

/* 마이페이지 사이드바 */
.mypage_wrap { display: flex; align-items: start; gap: 5.6rem; }
.mypage_wrap .sidebar_wrap { width: 26rem; }
.mypage_wrap .sidebar_wrap .sidebar_head { display: flex; align-items: center; justify-content: center; height: 10.7rem; border-radius: 0.8rem; background: var(--Primary-500) url(../../images/sub/mypage_bg.png) no-repeat left -1px bottom -1.8rem; color: #fff; font-weight: 800; font-size: 2.4rem; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list { margin-top: 1.2rem; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item ~ .sidebar_nav_item { margin-top: 0.8rem; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item a { display: flex; position: relative; padding: 1.6rem 2rem; border: 1px solid #ddd; border-radius: 0.8rem; background: #fff; font-weight: 500; font-size: 1.7rem; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item a:after { position: absolute; top: 50%; right: 2rem; width: 2.6rem; height: 2.6rem; transform: translateY(-50%); border: 1px solid #ddd; border-radius: 50%; background: url(../../images/common/icon_link.svg) no-repeat center/contain; content: ""; opacity: 0; transition: opacity 0.15s ease-in-out; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item a:hover:after { opacity: 1; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item.active a { border-color: var(--Primary-700); background: var(--Primary-700); color: #fff; font-weight: 600; }
.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item.active a:after { border-color: var(--Primary-700); }
.mypage_wrap .mypage_content { flex: 1; }
.mypage_wrap .mypage_content > .cm_box1 { padding: 6rem 4rem; }

/* 메인 */
.main_page .main_title { margin-bottom: clamp(20px, 1.3020833333vw, 25px); font-weight: 700; font-size: clamp(26px, 2.5vw, 48px); }
.main_page .main_stitle { margin-bottom: clamp(10px, 0.8333333333vw, 16px); font-weight: 700; font-size: clamp(20px, 1.875vw, 36px); }
.main_page .main_banner { color: #fff; }
.main_page .main_banner .banner_item { position: relative; }
.main_page .main_banner .banner_img { height: calc(100dvh - 153px); min-height: 600px; /* aspect-ratio: 21/9; */ background-position: center; background-size: cover; background-repeat: no-repeat; }
.main_page .main_banner .banner_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: clamp(50px, 6.7708333333vw, 130px); }
.main_page .main_banner .banner_title { position: relative; bottom: -20px; margin-bottom: clamp(20px, 1.8229166667vw, 35px); font-weight: 700; font-size: clamp(30px, 2.5vw, 48px); line-height: 1.2; opacity: 0; transition: opacity 0.6s ease-out, bottom 0.6s ease-out; }
.main_page .main_banner .banner_subtitle { position: relative; bottom: -20px; font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.2; opacity: 0; transition: opacity 0.6s ease-out, bottom 0.6s ease-out; }
.main_page .main_banner .banner_desc { position: relative; bottom: -20px; margin-top: clamp(10px, 2.0833333333vw, 40px); font-weight: 500; font-size: clamp(14px, 1.25vw, 24px); line-height: 1.5; letter-spacing: normal; opacity: 0; transition: opacity 0.6s ease-out, bottom 0.6s ease-out; }
.main_page .main_banner .banner_link { position: relative; bottom: -20px; margin-top: 30px; opacity: 0; transition: opacity 0.6s ease-out, bottom 0.6s ease-out; }
.main_page .main_banner .banner_link_text { display: block; aspect-ratio: 1/1; width: clamp(45px, 4.6875vw, 90px); overflow: hidden; border: 2px solid #fff; border-radius: 1000px; background: url(../../images/common/icon_link2_wt.svg) no-repeat center/50%; text-indent: 100%; white-space: nowrap; transition: background-color 0.3s ease, border-color 0.3s ease; }
.main_page .main_banner .banner_link_text:hover { border-color: #fff; background-color: rgba(255, 255, 255, 0.5); }
.main_page .main_banner .swiper { position: relative; }
.main_page .main_banner .banner_pagination { z-index: 1; position: absolute; right: 0; bottom: clamp(30px, 3.125vw, 60px); left: 0; }
.main_page .main_banner .banner_pagination .banner_pagination_item { display: flex; gap: 24px; }
.main_page .main_banner .banner_pagination .swiper-pagination-bullet { display: flex; position: relative; width: auto; height: auto; margin: 0; padding: clamp(9.6px, 0.625vw, 12px) clamp(40px, 4.53125vw, 87px) clamp(16px, 1.0416666667vw, 20px) clamp(12.8px, 0.8333333333vw, 16px); border-radius: 0; background: none; text-align: left; white-space: nowrap; cursor: pointer; opacity: 1; }
.main_page .main_banner .banner_pagination .swiper-pagination-bullet:before { display: block; position: absolute; top: 0; right: 0; left: 0; flex-shrink: 0; width: 100%; height: 1px; background: #fff; content: ""; transition: height 0.25s ease, background-color 0.25s ease; }
.main_page .main_banner .banner_pagination .main_banner_paging_title { display: block; font-weight: 600; font-size: clamp(14px, 0.9375vw, 18px); letter-spacing: 0.02em; }
.main_page .main_banner .banner_pagination .swiper-pagination-bullet-active:before { height: 5px; }
.main_page .main_banner .banner_pagination .swiper-pagination-bullet:hover:before { height: 3px; background-color: rgba(255, 255, 255, 0.8); }
.main_page .main_banner .swiper-slide-active .banner_title,
.main_page .main_banner .swiper-slide-duplicate-active .banner_title { bottom: 0; opacity: 1; transition-delay: 0.3s; }
.main_page .main_banner .swiper-slide-active .banner_subtitle,
.main_page .main_banner .swiper-slide-duplicate-active .banner_subtitle { bottom: 0; opacity: 1; transition-delay: 0.45s; }
.main_page .main_banner .swiper-slide-active .banner_desc,
.main_page .main_banner .swiper-slide-duplicate-active .banner_desc { bottom: 0; opacity: 1; transition-delay: 0.6s; }
.main_page .main_banner .swiper-slide-active .banner_link,
.main_page .main_banner .swiper-slide-duplicate-active .banner_link { bottom: 0; opacity: 1; transition-delay: 0.75s; }
.main_page .main_banner .swiper-slide-active .banner_img { animation: bgZoomAnimation 3.5s ease-out forwards; }
.main_page .news_contents { display: flex; flex-wrap: wrap; align-items: flex-end; gap: clamp(10px, 1.25vw, 24px); }
.main_page .news_board { width: 56.6%; min-width: 0; }
.main_page .news_popup { position: relative; flex: 1; min-width: 0; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.main_page .news_popup .swiper { padding-top: 4px; }
.main_page .news_popup .swiper-slide > a { display: block; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.main_page .news_popup .swiper-slide > a img { aspect-ratio: 610/343; width: 100%; object-fit: fill; }
.main_page .news_popup .swiper-slide > a:hover { transform: translateY(-4px); }
.main_page .news_popup .cm_swiper_control1 { z-index: 1; position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); }
.main_page .main_news { margin-top: clamp(40px, 4.1666666667vw, 80px); margin-bottom: clamp(10px, 1.5625vw, 30px); }
.main_page .main_news .news_title { margin-bottom: clamp(20px, 2.0833333333vw, 40px); }
.main_page .main_news .news_tab_wrap { position: relative; }
.main_page .main_news .news_tab_head { display: flex; align-items: center; justify-content: space-between; gap: clamp(10px, 1.25vw, 24px); }
.main_page .main_news .news_more { position: absolute; top: 14px; right: 0; color: #555; font-size: clamp(14px, 1.25vw, 24px); transition: color 0.2s ease, transform 0.2s ease; }
.main_page .main_news .news_more:hover { transform: translateY(-2px); color: #000; }
.main_page .main_news .news_panel_list { margin-top: clamp(10px, 1.25vw, 24px); }
.main_page .main_news .news_panel { display: none; }
.main_page .main_news .news_panel.active { display: block; }
.main_page .main_news .news_content { display: flex; gap: clamp(10px, 1.25vw, 24px); }
.main_page .info_section { margin-bottom: clamp(40px, 4.1666666667vw, 80px); }
.main_page .info_section .info_grid { display: flex; flex-wrap: wrap; gap: clamp(10px, 1.25vw, 24px); }
.main_page .info_section .info_item { width: calc((100% - clamp(10px, 1.25vw, 24px)) / 2); }
.main_page .info_section .info_card { display: flex; flex-direction: column; height: 100%; padding: clamp(20px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-position: right 5% bottom; background-repeat: no-repeat; color: #fff; }
.main_page .info_section .info_card.link_type { position: relative; background-image: url(../../images/main/icon_info1.svg); background-size: auto 60%; background-color: #28997d; transition: transform 0.25s ease; }
.main_page .info_section .info_card.link_type:before { display: block; position: absolute; top: 50%; right: clamp(20px, 2.0833333333vw, 40px); aspect-ratio: 1/1; width: clamp(35px, 3.75vw, 72px); transform: translateY(-50%); border: 1px solid #fff; border-radius: 1000px; background-image: url(../../images/common/icon_link3_wt.svg); background-position: center; background-size: 54%; background-repeat: no-repeat; background-color: rgba(0, 0, 0, 0.2); content: ""; transition: background-color 0.25s ease; }
.main_page .info_section .info_card.link_type:hover { transform: translateY(-4px); }
.main_page .info_section .info_card.link_type:hover:before { background-color: rgba(255, 255, 255, 0.35); }
.main_page .info_section .info_card.static_type { padding-top: clamp(20px, 1.6666666667vw, 32px); background-image: url(../../images/main/icon_info2.svg); background-size: auto 70%; background-color: #006da6; }
.main_page .info_section .info_card.static_type .info_title { font-size: clamp(18px, 1.6666666667vw, 32px); }
.main_page .info_section .info_desc { font-weight: 500; font-size: clamp(14px, 1.25vw, 24px); }
.main_page .innovation_section { position: relative; padding: 80px 0; overflow: hidden; background: radial-gradient(ellipse at 50% 50%, #1b8aaa 0%, #157a96 20%, #106782 40%, #0c526a 60%, #0a3f52 80%, #082c3d 100%); color: #fff; }
.main_page .innovation_section > .inner { z-index: 2; position: relative; }
.main_page .innovation_section #innovation-particles { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: overlay; pointer-events: none; }
.main_page .innovation_section #innovation-particles canvas { display: block; width: 100%; height: 100%; }
.main_page .innovation_section .innovation_title { margin-bottom: clamp(20px, 2.0833333333vw, 40px); }
.main_page .innovation_section .innovation_contents { display: flex; align-items: flex-start; gap: clamp(20px, 4.1666666667vw, 80px); }
.main_page .innovation_section .innovation_view { flex: 1; min-width: 0; }
.main_page .innovation_section .innovation_card { display: block; color: inherit; }
.main_page .innovation_section .innovation_img { aspect-ratio: 16/9; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-position: center; background-size: cover; background-repeat: no-repeat; }
.main_page .innovation_section .innovation_text { margin-top: clamp(14px, 1.4583333333vw, 28px); }
.main_page .innovation_section .innovation_name { font-weight: 700; font-size: clamp(26px, 2.5vw, 48px); line-height: 1.2; letter-spacing: -0.02em; }
.main_page .innovation_section .innovation_desc { margin-top: clamp(10px, 0.625vw, 12px); font-weight: 400; font-size: clamp(14px, 1.0416666667vw, 20px); }
.main_page .innovation_section .innovation_side { flex-shrink: 0; width: 45%; }
.main_page .innovation_section .innovation_item { display: grid; grid-template-rows: auto auto; grid-template-columns: 1fr auto; column-gap: clamp(12px, 1.0416666667vw, 20px); row-gap: clamp(10px, 0.4166666667vw, 8px); margin-bottom: clamp(12px, 1.25vw, 24px); }
.main_page .innovation_section .innovation_item_title { grid-column: 1/2; font-weight: bold; font-size: clamp(26px, 2.5vw, 48px); }
.main_page .innovation_section .innovation_item_desc { grid-column: 1/2; font-weight: 400; font-size: clamp(14px, 1.25vw, 24px); }
.main_page .innovation_section .innovation_item_desc span { font-weight: 700; }
.main_page .innovation_section .innovation_more { grid-row: 1/3; grid-column: 2/3; align-self: center; justify-self: end; aspect-ratio: 1/1; width: clamp(44px, 3.75vw, 72px); border: 2px solid rgba(255, 255, 255, 0.85); border-radius: 1000px; background: url(../../images/common/icon_link2_wt.svg) no-repeat center/46%; transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease; }
.main_page .innovation_section .innovation_more:hover { transform: translateY(-2px); border-color: #fff; background-color: rgba(255, 255, 255, 0.18); }
.main_page .innovation_section .innovation_nav_wrap { position: relative; padding-right: clamp(56px, 4.6875vw, 90px); }
.main_page .innovation_section .innovation_nav_swiper { height: clamp(220px, 20.8333333333vw, 400px); }
.main_page .innovation_section .innovation_nav_swiper .swiper-slide { height: auto; }
.main_page .innovation_section .innovation_nav_btn { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: clamp(14px, 0.78125vw, 15px) 0; padding-right: clamp(32px, 2.0833333333vw, 40px); gap: clamp(10px, 0.8333333333vw, 16px); border-bottom: 1px solid rgba(255, 255, 255, 0.3); color: inherit; text-align: left; cursor: pointer; }
.main_page .innovation_section .innovation_nav_swiper .swiper-wrapper .swiper-slide:last-child .innovation_nav_btn { border-bottom: 1px solid rgba(255, 255, 255, 0.22); }
.main_page .innovation_section .innovation_nav_txt { font-weight: 400; font-size: clamp(16px, 1.0416666667vw, 20px); line-height: 1.25; opacity: 0.85; }
.main_page .innovation_section .innovation_nav_icon { flex: 0 0 auto; aspect-ratio: 1/1; width: clamp(25.6px, 1.6666666667vw, 32px); transform: translateX(-6px); border-radius: 1000px; background: url(../../images/common/icon_link3.svg) no-repeat center/80%; background-color: #fff; opacity: 0; transition: opacity 0.25s ease, transform 0.25s ease, background-color 0.25s ease; }
.main_page .innovation_section .innovation_nav_swiper .swiper-slide-active .innovation_nav_txt { font-weight: bold; font-size: clamp(18px, 1.25vw, 24px); opacity: 1; }
.main_page .innovation_section .innovation_nav_swiper .swiper-slide-active .innovation_nav_icon { transform: translateX(0); opacity: 1; }
.main_page .innovation_section .innovation_nav_swiper .swiper-slide-active .innovation_nav_btn { border-bottom: 2px solid #fff; }

/* 컨트롤 */
.main_page .innovation_section .innovation_controls { display: flex; position: absolute; right: 0; bottom: 0; flex-direction: column; gap: clamp(9.6px, 0.625vw, 12px); }
.main_page .innovation_section .innovation_ctrl { aspect-ratio: 1/1; width: clamp(30px, 1.8229166667vw, 35px); background-position: center; background-size: 86%; background-repeat: no-repeat; cursor: pointer; transition: transform 0.2s ease, background-color 0.2s ease, border-color 0.2s ease; }
.main_page .innovation_section .innovation_ctrl_prev { transform: rotate(180deg); background-image: url(../../images/common/icon_arr_down3_wt.svg); }
.main_page .innovation_section .innovation_ctrl_next { background-image: url(../../images/common/icon_arr_down3_wt.svg); }
.main_page .innovation_section .innovation_ctrl_toggle { background-image: url(../../images/common/icon_pause.svg); background-size: 90%; }
.main_page .innovation_section .innovation_ctrl_toggle.is_paused { background-image: url(../../images/common/icon_play.svg); }

/* 서브 - 마이페이지 */
.mypage_wrap .mypage_content .cm_form_write .form_write_box { max-width: 100%; padding: 6rem 4rem; }
.mypage_wrap .mypage_content .cm_form_write .form_write_box .cm_terms_container { margin-top: 8rem; }

/* 서브 - 멤버 페이지 */
.layout_membership .sub_page_head_title_area { display: block; text-align: center; }
.layout_membership .sub_page_head_desc { margin-top: 4rem; font-size: 2rem; line-height: 1.5; }
.layout_membership .sub_page_head_desc .text_strong { display: block; color: #051b35; font-weight: 700; font-size: 2.2rem; }
.layout_membership .box_login { max-width: 600px; margin: 2.4rem auto 0; border-top: 1px solid #ddd; }
.layout_membership .box_login .box_inner { padding-right: 8rem; padding-left: 8rem; }
.layout_membership .box_login .cm_toggle { margin: 2.4rem 0 3.2rem; }
.layout_membership .box_login .cm_form_group ~ .cm_form_group { margin-top: 1.2rem; }
.layout_membership .box_login .cm_form_group .form_control { max-width: 100%; }
.layout_membership .box_login .box_head { margin-bottom: 3.2rem; text-align: center; }
.layout_membership .box_login .box_head .title { font-weight: 700; font-size: 2.4rem; line-height: 1.5; }
.layout_membership .box_login .box_foot .foot_title { position: relative; margin-top: 2.4rem; margin-bottom: 2rem; color: #444; font-size: 1.8rem; line-height: 1; text-align: center; }
.layout_membership .box_login .box_foot .foot_title:before { position: absolute; top: 50%; left: 0; width: 30%; height: 1px; background: #ddd; content: ""; }
.layout_membership .box_login .box_foot .foot_title:after { position: absolute; top: 50%; right: 0; width: 30%; height: 1px; background: #ddd; content: ""; }
.layout_membership .box_login .box_foot .foot_content { display: flex; align-items: center; justify-content: space-between; color: #444; font-weight: 500; font-size: 18px; }
.layout_membership .box_login .box_foot .foot_content .text > b { color: #1d1d1d; }
.layout_membership .box_login .box_foot .foot_content .sns_list { display: flex; gap: 1.2rem; }
.layout_membership .box_login .box_foot .foot_content .sns_list .sns_icon { display: inline-flex; width: 40px; height: 40px; border-radius: 100px; background-size: contain; background-repeat: no-repeat; background-color: position; }
.layout_membership .box_login .box_foot .foot_content .sns_list .sns_icon.sns_naver { background-image: url(../../images/common/icon_naver.svg); }
.layout_membership .box_login .box_foot .foot_content .sns_list .sns_icon.sns_kakao { background-image: url(../../images/common/icon_kakao.svg); }
.layout_membership .box_login .box_foot .foot_content .sns_list .sns_icon.sns_google { background-image: url(../../images/common/icon_google.svg); }
.layout_membership .box_login.user_find { position: relative; max-width: 100%; border-top: 0; }
.layout_membership .box_login.user_find:before { position: absolute; top: 0; left: 50%; width: 100%; max-width: 60rem; height: 1px; transform: translateX(-50%); background: #ddd; content: ""; }
.layout_membership .box_login.user_find .box_form_container { max-width: 44rem; margin-right: auto; margin-left: auto; }
.page_member_join_terms .page_title_area .title { margin-bottom: 2.4rem; font-weight: 700; font-size: 2rem; text-align: center; word-break: keep-all; }
.page_member_join_terms .cm_terms_container { margin-top: 4rem; }
.page_member_join_terms .cm_terms_container ~ .cm_terms_container { margin-top: 8rem; }
.page_member_join_verification .verification_box { padding-top: 6rem; padding-bottom: 6rem; text-align: center; }
.page_member_join_verification .verification_box .text { font-weight: 700; font-size: 2.4rem; }
.page_member_join_verification .verification_box .text strong { color: #f18900; }
.page_member_join_verification .verification_box .desc { font-size: 2rem; }
.page_member_join_verification .verification_box .form_input { max-width: 44rem; margin-top: 2.4rem; margin-right: auto; margin-left: auto; }
.page_member_join_verification .verification_box .cm_btn { width: 24rem; margin-top: 2.4rem; }
.page_member_join_verification .verification_box .cm_btn.wd-auto { width: auto; }
.page_member_join_verification .verification_box .form_input ~ .cm_btn { width: 100%; max-width: 44rem; }
.page_member_join_terms .btns_area { display: flex; justify-content: center; margin-top: 8rem; gap: 1.6rem; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .content_top { position: relative; margin-bottom: 2.4rem; padding-bottom: 2.4rem; text-align: center; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .content_top:after { position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 60rem; height: 1px; transform: translateX(-50%); background: #ddd; content: ""; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .content_top .title { margin-bottom: 2.4rem; font-weight: 700; font-size: 2.2rem; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .content_top .desc { font-size: 1.7rem; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .content_bottom { width: 100%; max-width: 44rem; margin-right: auto; margin-left: auto; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .modal_foot_btn { margin-top: 3.2rem; }
.cm_modal .modal_container .modal_body .notice_pwd_modal .modal_foot_btn .cm_btn { flex: 1; width: 100%; }

/* 서브 - 공통 */
.cm_intro_subtxt { margin-bottom: 8rem; font-weight: 600; font-size: clamp(23px, 2.083333vw, 40px); }
.cm_intro_subtxt.v2 { margin-bottom: 4rem; color: var(--Primary-900); }
.cm_intro_mainimg { margin-bottom: 12rem; border-radius: 8px; }
.cm_intro_mainimg.mobile { display: none; }

/* 서브 - 인사말 페이지 */
.layout_greeting .content { position: relative; }
.layout_greeting .content .point_img { position: absolute; top: 0; right: 4rem; width: clamp(100px, 20vw, 235px); }
.layout_greeting .content .major_text { margin-bottom: 4rem; font-weight: 400; font-size: clamp(14px, 1.25vw, 24px); }
.layout_greeting .content .major_text span.bold { font-weight: 700; }
.layout_greeting .content .bottom_txts { display: flex; flex-direction: column; align-items: flex-end; }
.layout_greeting .content .bottom_txts .text1 { margin-bottom: 0.5rem; font-weight: 700; font-size: clamp(11px, 0.9375vw, 18px); }
.layout_greeting .content .bottom_txts .text2 { font-weight: 800; font-size: clamp(16px, 1.4583vw, 28px); }
.layout_greeting .content .bottom_txts .text3 { font-weight: 400; font-size: clamp(10px, 0.78125vw, 15px); }

/* 연혁 */
.page_GSVA32 .year { margin-bottom: 6rem; font-weight: 800; font-size: 8rem; letter-spacing: -0.02em; text-align: center; transition: color 0.25s; }
.page_GSVA32 .year span { color: var(--Primary-500); }
.page_GSVA32 .scroll { position: absolute; top: 2.8rem; left: 50%; width: 1px; height: 100%; min-height: 30rem; background: var(--Gray-200); }
.page_GSVA32 .scroll .scroll-dot { position: absolute; top: -1.5rem; left: 50%; width: 2.6rem; height: 2.6rem; transform: translate(-50%, -50%); border-radius: 50%; background: var(--Gray-100); }
.page_GSVA32 .scroll .scroll-dot::after { position: absolute; top: 6px; left: 6px; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--Gray-500); content: ""; }
.page_GSVA32 .scroll .scroll-dot.bottom { top: auto; bottom: -4rem; }
.page_GSVA32 .on .scroll .scroll-dot { background: var(--Primary-100); }
.page_GSVA32 .on .scroll .scroll-dot:after { background: var(--Primary-400); }
.page_GSVA32 .current .scroll .scroll-dot.bottom { background: var(--Gray-100); }
.page_GSVA32 .current .scroll .scroll-dot.bottom:after { background: var(--Gray-500); }
.page_GSVA32 .scroll .bar { width: 100%; background: var(--Primary-500); }
.page_GSVA32 .flex_box { display: flex; position: relative; padding: 4rem 0; }
.page_GSVA32 .history_img,
.page_GSVA32 .history_content { width: 50%; }
.page_GSVA32 .history_img { margin-top: -4rem; }
.page_GSVA32 .history_img .img { position: relative; aspect-ratio: 480/270; width: 48rem; overflow: hidden; border-radius: 1.2rem; opacity: 1; }
.page_GSVA32 .history_img .img::after { z-index: 10; position: absolute; top: 0; left: 0; width: 200%; height: 100%; transform: translateX(-50%); background: linear-gradient(to left, #fff 50%, var(--Primary-500) 50%); content: ""; transition: transform 1.6s cubic-bezier(0.86, 0, 0.07, 1); }
.page_GSVA32 .history_img .img.aos-animate::after { transform: translateX(50%); animation: imgCover 1.5s cubic-bezier(0.86, 0, 0.07, 1) both; }
.page_GSVA32 .history_img .img img { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); }
.page_GSVA32 .history_section { min-height: 53rem; }
.page_GSVA32 .history_section ~ .history_section { margin-top: 6rem; }
.page_GSVA32 .history_section .history_content { font-size: 1.9rem; line-height: 1.5; }
.page_GSVA32 .history_section .history_content em { width: 3rem; font-weight: 700; font-size: 2.4rem; }
.page_GSVA32 .history_section .history_content span { flex: 1; }
.page_GSVA32 .history_section .history_content .cm_bul_list > li { display: flex; gap: 6rem; }
.page_GSVA32 .history_section .history_content .cm_bul_list > li > span { margin-top: 0.4rem; }
.page_GSVA32 .history_section .history_content .cm_bul_list > li ~ li { margin-top: 2rem; }
.page_GSVA32 .history_section .history_content .cm_bul_list > li span:before { top: 1.3rem; background: #999; }
.page_GSVA32 .history_section:nth-child(even) .flex_box { flex-direction: row-reverse; }
.page_GSVA32 .history_section:nth-child(even) .history_img { padding-left: 12rem; }
.page_GSVA32 .history_section:nth-child(even) .history_content { padding-right: 7rem; text-align: right; }
.page_GSVA32 .history_section:nth-child(even) .history_content .cm_bul_list > li { flex-direction: row-reverse; }
.page_GSVA32 .history_section:nth-child(even) .history_content .cm_bul_list > li span { padding-right: 1.4rem; padding-left: 0; }
.page_GSVA32 .history_section:nth-child(even) .history_content .cm_bul_list > li span:before { right: 0; left: auto; }
.page_GSVA32 .history_section:nth-child(odd) .history_img { padding-right: 12rem; }
.page_GSVA32 .history_section:nth-child(odd) .history_img .img { margin-left: auto; }
.page_GSVA32 .history_section:nth-child(odd) .history_content { padding-left: 7rem; }
.page_GSVA32 .history_section:nth-child(odd) .history_content .cm_bul_list > li { text-align: left; }

/* 서브 - 비전 페이지 */
.layout_vision .content { text-align: center; }

/* 서브 - CI 페이지 */
.layout_ci .txts { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 5.6rem; text-align: center; }
.layout_ci .txts .text1 { margin-bottom: 4rem; font-weight: 700; font-size: clamp(14px, 1.25vw, 24px); }
.layout_ci .txts .text2 { margin-bottom: 2.4rem; color: var(--Primary-600); font-weight: 800; font-size: clamp(28px, 2.5vw, 48px); }
.layout_ci .txts .text3 { font-weight: 400; font-size: clamp(12px, 0.9896vw, 19px); }
.layout_ci .txts .text3 span { color: var(--Secondary-500); font-weight: 700; }
.layout_ci .box { box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding: 3rem; border: 1px solid var(--Gray-200); border-radius: 8px; background-color: var(--Gray-white); }
.layout_ci .box.type1 { height: 31.6rem; }
.layout_ci .box.type2 { height: 40rem; }
.layout_ci .box.type3 { height: 41.7rem; gap: 6rem; }
.layout_ci .box.type4 { height: 40.7rem; }
.layout_ci .box .b_in { display: flex; flex-direction: column; width: clamp(335px, 30.2083vw, 580px); max-width: 100%; gap: 4rem; }
.layout_ci .box .b_in.type2 { width: clamp(335px, 35.9375vw, 690px); }
.layout_ci .box .b_in.type3 { width: clamp(283px, 25.5208vw, 490px); }
.layout_ci .img_size1 { width: clamp(189px, 17.0313vw, 327px); }
.layout_ci .img_size2 { width: clamp(256px, 23.0901vw, 443.51px); }
.layout_ci .img_size3 { width: clamp(144px, 12.9688vw, 249px); }
.layout_ci .img_size4 { width: clamp(162px, 14.5833vw, 280px); }
.layout_ci .img_size5 { width: clamp(202.5px, 18.2813vw, 351px); }
.layout_ci .img_center { margin: 0 auto; }
.layout_ci .btns { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 2.4rem; margin-bottom: 4rem; gap: 1.6rem; }
.layout_ci .box_place { display: flex; align-items: flex-end; margin-bottom: 4rem; gap: 5.6rem; }
.layout_ci .box_place.gap2 { gap: 4rem; }
.layout_ci .box_place:last-child { margin-bottom: unset; }
.layout_ci .box_place .b_wrap { box-sizing: border-box; display: flex; flex-direction: column; width: 100%; gap: 2.4rem; }
.layout_ci .box_place .b_wrap.width2 { width: 58%; }
.layout_ci .box_place .b_wrap.width3 { width: 42%; }
.layout_ci .m_txt { font-weight: 800; font-size: clamp(18.46px, 1.6667vw, 32px); }
.layout_ci .s_txt { color: var(--Primary-600); font-weight: 800; font-size: clamp(13px, 1.0417vw, 20px); }
.layout_ci .color_system { display: flex; margin: 0 auto; gap: 8rem; }
.layout_ci .color_system .color_wrap { display: flex; flex-direction: column; gap: 0.8rem; }
.layout_ci .color_system .color_wrap .color { width: clamp(86.54px, 7.8125vw, 150px); height: clamp(86.54px, 7.8125vw, 150px); border-radius: 4px; }
.layout_ci .color_system .color_wrap .color.c1 { background-color: #004ea2; }
.layout_ci .color_system .color_wrap .color.c2 { background-color: var(--Secondary-500); }
.layout_ci .color_system .color_wrap .color.c3 { background-color: #393636; }
.layout_ci .color_system .color_wrap .c_txts { display: flex; flex-direction: column; gap: 0.4rem; }
.layout_ci .color_system .color_wrap .c_txts .txt { font-weight: 700; font-size: clamp(11px, 0.9375vw, 18px); }
.layout_ci .color_system .color_wrap .c_txts .txt.c1 { color: var(--Primary-600); }
.layout_ci .color_system .color_wrap .c_txts .txt.c2 { color: var(--Secondary-500); }
.layout_ci .color_system .color_wrap .c_txts .txt.c3 { color: #393636; }

/* 서브 - 조직도 페이지 */
.layout_org .org_img { margin-bottom: 8rem; text-align: center; }

/* 서브 - 오시는 길 페이지 */
.layout_location { display: flex; gap: 4rem; }
.layout_location .con { max-width: 100%; }
.layout_location .con.left { width: 55%; text-align: center; }
.layout_location .con.right { width: 45%; }
.layout_location .con .box1 { box-sizing: border-box; margin-bottom: 4rem; padding: 4rem; border-bottom: 1px solid var(--Gray-200); background-color: var(--Primary-600); }
.layout_location .con .box1 .logo { width: clamp(115px, 10.4167vw, 200px); margin-bottom: 2.4rem; }
.layout_location .con .box1 .info { display: flex; flex-direction: column; gap: 2rem; }
.layout_location .con .box1 .info .info_in { display: flex; gap: 2rem; }
.layout_location .con .box1 .info .info_in .info_title { display: flex; flex-shrink: 0; gap: 4px; color: var(--Gray-white); font-weight: 700; font-size: clamp(11px, 0.9375vw, 18px); }
.layout_location .con .box1 .info .info_in .info_title::before { width: clamp(11.54px, 1.0417vw, 20px); margin-top: 0.2rem; background-color: var(--Gray-white); content: ""; mask-position: top; mask-repeat: no-repeat; mask-size: contain; }
.layout_location .con .box1 .info .info_in:nth-child(1) .info_title::before { mask-image: url("../../images/common/icon_map.svg"); }
.layout_location .con .box1 .info .info_in:nth-child(2) .info_title::before { mask-image: url("../../images/common/icon_call.svg"); }
.layout_location .con .box1 .info .info_in .info_major { color: var(--Gray-white); font-weight: 400; font-size: clamp(11px, 0.9375vw, 18px); }
.layout_location .con .box2 { padding-left: 4rem; }
.layout_location .con .box2 .title { margin-bottom: 2rem; font-weight: 800; font-size: clamp(18.46px, 1.6667vw, 32px); }
.layout_location .con .box2 .transit { display: flex; flex-direction: column; gap: 4rem; }
.layout_location .con .box2 .transit .transit_in { display: flex; align-items: center; gap: 2.4rem; }
.layout_location .con .box2 .transit .transit_in .icon_img { position: relative; width: clamp(47px, 4.2708vw, 82px); height: clamp(47px, 4.2708vw, 82px); border-radius: 50%; background-color: var(--Gray-50); }
.layout_location .con .box2 .transit .transit_in .icon_img::after { position: absolute; top: 50%; left: 50%; width: clamp(24px, 2.1875vw, 42px); height: clamp(24px, 2.1875vw, 42px); transform: translate(-50%, -50%); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.layout_location .con .box2 .transit .transit_in:nth-child(1) .icon_img::after { background-image: url("../../images/common/icon_subway.svg"); }
.layout_location .con .box2 .transit .transit_in:nth-child(2) .icon_img::after { background-image: url("../../images/common/icon_bus.svg"); }
.layout_location .con .box2 .transit .transit_in .explain_txt { display: flex; flex-direction: column; gap: 1.6rem; }
.layout_location .con .box2 .transit .transit_in .explain_txt .txt1 { font-weight: 700; font-size: clamp(11px, 0.9375vw, 18px); }
.layout_location .con .box2 .transit .transit_in .explain_txt .txt_wrap { display: flex; align-items: center; gap: 1.2rem; }
.layout_location .con .box2 .transit .transit_in .explain_txt .txt_wrap .point { display: flex; flex-shrink: 0; align-items: center; justify-content: center; color: var(--Gray-white); font-weight: 500; font-size: clamp(10px, 0.6771vw, 13px); text-align: center; }
.layout_location .con .box2 .transit .transit_in:nth-child(1) .explain_txt .txt_wrap .point { width: clamp(25px, 1.875vw, 36px); height: clamp(25px, 1.875vw, 36px); border-radius: 50%; background-color: #688acb; }
.layout_location .con .box2 .transit .transit_in:nth-child(2) .explain_txt .txt_wrap .point { width: clamp(30px, 2.4479vw, 47px); height: clamp(20px, 1.5104vw, 29px); border-radius: 999px; background-color: var(--Primary-800); }
.layout_location .con .box2 .transit .transit_in .explain_txt .txt_wrap .txt2 { font-weight: 400; font-size: clamp(12px, 0.9896vw, 19px); }

/* 관악S밸리 개요 */
.page_GSVA11 { margin-bottom: clamp(-240px, -15.625vw, -300px); overflow: hidden; }
.page_GSVA11 .section.section1 { position: relative; }
.page_GSVA11 .section.section1 > .inner { position: relative; max-width: none; height: 100vh; padding-right: 0; padding-left: 0; }
.page_GSVA11 .section.section1 .image_wrap { position: absolute; top: 0; left: 50%; width: var(--inner); height: clamp(384px, 25vw, 480px); transform: translateX(-50%); will-change: width, height, transform; }
.page_GSVA11 .section.section1 .clipped_container { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; transform-origin: center center; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.page_GSVA11 .section.section1 .main_image { width: 100%; height: 100%; object-fit: cover; }
.page_GSVA11 .section.section1 .dim_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); opacity: 0; pointer-events: none; }
.page_GSVA11 .section.section1 .text_content { z-index: 10; position: absolute; top: 50%; left: 10%; transform: translateY(-30%); color: #fff; font-weight: 800; font-size: clamp(20px, 3.3333333333vw, 64px); text-align: left; opacity: 0; }
.page_GSVA11 .section.section1 .text_content .line { display: block; }
.page_GSVA11 .section.section2 { position: relative; }
.page_GSVA11 .section.section2 .section2_bg { z-index: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: url(../../images/sub/sub11_img_bg.png) no-repeat center/100%; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); will-change: clip-path; }
.page_GSVA11 .section.section2 .section2_content { display: flex; align-items: center; justify-content: center; height: 100vh; overflow: hidden; }
.page_GSVA11 .section.section2 .section2_title_wrap { z-index: 2; position: relative; margin-top: clamp(40px, 2.6041666667vw, 50px); text-align: center; }
.page_GSVA11 .section.section2 .section2_stitle { font-weight: 600; font-size: clamp(20px, 2.0833333333vw, 40px); }
.page_GSVA11 .section.section2 .section2_title { color: #004998; font-weight: 800; font-size: clamp(26px, 2.7083333333vw, 52px); }
.page_GSVA11 .section.section2 .section2_stitle .char { display: inline-block; }
.page_GSVA11 .section.section2 .section2_gallery { z-index: 1; position: absolute; inset: 0; pointer-events: none; }
.page_GSVA11 .section.section2 .section2_gallery .img { position: absolute; overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); will-change: transform, opacity, filter; }
.page_GSVA11 .section.section2 .section2_gallery .img.img1 { top: 15.5%; left: 21.4%; aspect-ratio: 265/330; width: clamp(110px, 13.8020833333vw, 265px); }
.page_GSVA11 .section.section2 .section2_gallery .img.img2 { top: 16%; right: 28.7%; aspect-ratio: 290/163; width: clamp(120px, 15.1041666667vw, 290px); }
.page_GSVA11 .section.section2 .section2_gallery .img.img3 { bottom: 12%; left: 18%; aspect-ratio: 248/140; width: clamp(100px, 12.9166666667vw, 248px); }
.page_GSVA11 .section.section2 .section2_gallery .img.img4 { bottom: -5%; left: 42.8%; aspect-ratio: 282/211; width: clamp(110px, 14.6875vw, 282px); }
.page_GSVA11 .section.section2 .section2_gallery .img.img5 { right: 14.6%; bottom: 3%; aspect-ratio: 303/403; width: clamp(120px, 15.78125vw, 303px); }
.page_GSVA11 .section.section2 .section2_gallery .img img { width: 100%; height: 100%; object-fit: cover; }
.page_GSVA11 .section.section3 { padding-top: clamp(80px, 5.2083333333vw, 100px); }
.page_GSVA11 .section.section3 .section3_content { position: relative; aspect-ratio: 1/1; width: clamp(308px, 32.0833333333vw, 616px); margin: 0 auto; background: url(../../images/sub/sub11_circle.png) no-repeat center/contain; }
.page_GSVA11 .section.section3 .section3_logo { position: absolute; top: 17%; left: 50%; width: clamp(93px, 9.6875vw, 186px); transform: translateX(-50%); }
.page_GSVA11 .section.section3 .section3_name { position: absolute; bottom: 10%; transform: translate(-50%, -50%); color: #004998; font-weight: 800; font-size: clamp(18px, 1.875vw, 36px); text-align: center; }
.page_GSVA11 .section.section3 .section3_name:before { display: block; aspect-ratio: 1/1; width: clamp(30px, 3.125vw, 60px); margin: 0 auto; margin-bottom: clamp(12px, 0.78125vw, 15px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.page_GSVA11 .section.section3 .section3_name.left { left: 33%; transform: translate(-50%, -50%); color: var(--Secondary-500); }
.page_GSVA11 .section.section3 .section3_name.right { right: 33%; transform: translate(50%, -50%); color: var(--Primary-600); }
.page_GSVA11 .section.section3 .section3_name.left:before { background-image: url(../../images/sub/sub11_icon2.svg); }
.page_GSVA11 .section.section3 .section3_name.right:before { background-image: url(../../images/sub/sub11_icon3.svg); }
.page_GSVA11 .section.section3 .section3_arrow_animation { display: flex; position: absolute; top: 32%; left: 50%; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(41px, 4.2708333333vw, 82px); overflow: hidden; transform: translateX(-50%); border-radius: 1000px; background-color: #fff; box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08); }
.page_GSVA11 .section.section3 .section3_arrow_animation span { width: clamp(19px, 1.9791666667vw, 38px); height: clamp(7px, 0.7291666667vw, 14px); margin-bottom: clamp(-2.4px, -0.15625vw, -3px); background-image: url(../../images/sub/sub11_arr.svg); background-position: center; background-size: contain; background-repeat: no-repeat; }
.page_GSVA11 .section.section4 { padding-top: clamp(40px, 2.6041666667vw, 50px); }
.page_GSVA11 .section.section4 .section4_content { font-size: clamp(14px, 1.25vw, 24px); text-align: center; }
.page_GSVA11 .section.section4 .section4_content .section4_desc { margin-bottom: clamp(28px, 1.8229166667vw, 35px); }
.page_GSVA11 .section.section4 .section4_content .section4_desc:last-child { margin-bottom: 0; }
.page_GSVA11 .section.section5 { padding-top: clamp(64px, 4.1666666667vw, 80px); padding-bottom: clamp(80px, 5.2083333333vw, 100px); }
.page_GSVA11 .section.section5 .section5_title { margin-bottom: clamp(32px, 2.0833333333vw, 40px); font-weight: 800; font-size: clamp(25.6px, 1.6666666667vw, 32px); text-align: center; }
.page_GSVA11 .section.section5 .section5_more_link { margin-bottom: clamp(16px, 1.0416666667vw, 20px); font-size: clamp(14px, 1.25vw, 24px); text-align: right; }
.page_GSVA11 .section.section5 .cm_overview5 .ovw5_box { transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease; }
@media screen and (min-width:1081px) {
	.header .header_bottom .mobile_view_logo,
	.header .header_bottom .gnb_area_head,
	.header .header_bottom .gnb_area_foot,
	.header .header_bottom .util { display: none; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link:hover { color: var(--Primary-600); font-weight: bold; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link span { padding: 1rem 2.4rem; border-radius: 999px; background: transparent; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link.active span { background: #f6f6f6; color: #00486e; }
	.header .header_bottom .gnb_area .gnb_depth2 { visibility: hidden; position: absolute; top: 100%; left: 50%; min-width: 16.5rem; height: 0; padding: 2.2rem 4rem 2.8rem; overflow: hidden; transform: translateX(-50%); border: 1px solid #eee; border-radius: 0 0 1.2rem 1.2rem; background: #fff; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_inner { display: flex; flex-direction: column; gap: 2rem; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link { display: block; position: relative; padding: 4px 0; color: #222; font-weight: 500; font-size: 1.7rem; line-height: 1.4; text-align: center; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link:before { display: block; position: absolute; right: 0; bottom: -4px; left: 0; transform: scaleX(0); border-bottom: 2px solid var(--Primary-600); content: ""; transition: transform 0.15s ease-in-out; }
	.header .header_bottom .gnb_area .gnb_depth1_item:hover .gnb_depth2,
	.header .header_bottom .gnb_area .gnb_depth1_item:focus-within > .gnb_depth2 { visibility: visible; height: auto; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link:hover { color: var(--Primary-600); font-weight: bold; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link:hover:before { transform: scaleX(1); }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link span { position: relative; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link span:before { display: block; position: absolute; top: 0; right: -10px; width: 5px; height: 5px; border-radius: 1000px; background-color: var(--Secondary-500); content: ""; opacity: 0; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link.active { color: var(--Primary-600); font-weight: 700; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link.active span:before { opacity: 1; }
}
@media screen and (max-width:1280px) {
	.header .header_top { padding: 1.2rem 0; font-size: 1.3rem; }
	.header .header_bottom .gnb_area .logo { height: 3rem; }
	.header .header_bottom .gnb_area .gnb_wrap { gap: 4rem; }
	.header .header_bottom .gnb_area .gnb_service:after { height: 1.8rem; }
	.header .header_bottom .gnb_area .gnb_depth1 { gap: 1rem; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link { height: 8.2rem; font-size: 1.6rem; }
	.header .header_bottom .gnb_area .gnb_depth2 { padding: 1.8rem 2.4rem; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link { font-size: 1.5rem; }
	.container { padding-top: 121px; }
	.sub_page { padding-top: 60px; }
	.mypage_wrap { flex-direction: column; }
	.mypage_wrap .sidebar_wrap,
	.mypage_wrap .mypage_content { width: 100%; }
	.mypage_wrap .sidebar_wrap { padding: 2rem; border-radius: 8px; background: var(--Primary-500) url(../../images/sub/mypage_bg.png) no-repeat left -1px bottom -1.8rem; }
	.mypage_wrap .sidebar_wrap .sidebar_head { height: auto; background: none; }
	.mypage_wrap .sidebar_wrap .sidebar_nav_wrap { padding: 6px; overflow: auto; border-radius: 4px; background: #fff; }
	.mypage_wrap .sidebar_wrap .sidebar_nav_wrap .sidebar_nav_list { display: flex; width: max-content; margin-top: 0; gap: 12px; }
	.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item { margin: 0 !important; }
	.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item a { padding: 4px 12px; border: 0; }
	.mypage_wrap .sidebar_wrap .sidebar_nav_list .sidebar_nav_item.active a { border-radius: 4px; }
	.cm_intro_subtxt { margin-bottom: 6rem; }
	.cm_intro_mainimg { margin-bottom: 10rem; }
	.page_GSVA32 .history_section:nth-child(even) .history_img { padding-left: 50px; }
	.page_GSVA32 .history_section:nth-child(even) .history_content { padding-right: 40px; }
	.page_GSVA32 .history_section:nth-child(odd) .history_img { padding-right: 50px; }
	.page_GSVA32 .history_section:nth-child(odd) .history_content { padding-left: 40px; }
	.layout_ci .txts { margin-bottom: 3.6rem; }
	.layout_ci .txts .text1 { margin-bottom: 2rem; }
	.layout_ci .txts .text2 { margin-bottom: 1.4rem; }
	.layout_ci .box.type1 { height: 28.6rem; }
	.layout_ci .box.type2 { height: 37rem; }
	.layout_ci .box.type3 { height: 38.7rem; gap: 4rem; }
	.layout_ci .box.type4 { height: 37.7rem; }
	.layout_ci .box_place { gap: 3.6rem; }
	.layout_ci .box_place.gap2 { gap: 3rem; }
	.layout_location { gap: 2rem; }
}
@media screen and (max-width:1080px) {
	.header .header_top { display: none; }
	.header .header_bottom .gnb_nav_list { display: none; }
	.header .header_bottom .gnb_area { display: none; }
	.header .header_bottom > .inner { display: flex; align-items: center; justify-content: space-between; height: 80px; }
	.header .header_bottom .mobile_view_logo .logo { width: 140px; height: 33px; }
	.header .header_bottom .util .m_menu_btn { display: flex; width: 32px; height: 32px; background: url(../../images/common/icon_menu.svg) no-repeat center/contain; }
	.header .header_bottom .gnb_area .m_menu_btn.close { display: none; position: absolute; top: 24px; right: 8px; width: 32px; height: 32px; background: url(../../images/common/icon_close_wt.svg) no-repeat center/contain; }
	.header .header_bottom .gnb_area .gnb_area_head { height: 163px; padding: 24px 24px 32px; background: var(--Primary-600); color: #fff; }
	.header .header_bottom .gnb_area .gnb_area_head .head_title { margin-top: 32px; font-weight: 300; font-size: 20px; line-height: 1.5; }
	.header .header_bottom .gnb_area .gnb_area_head .head_title .link { display: inline-block; position: relative; margin-top: 4px; padding-right: 32px; }
	.header .header_bottom .gnb_area .gnb_area_head .head_title .link:after { position: absolute; top: 50%; right: 0; width: 24px; height: 24px; transform: translateY(-50%); background: url(../../images/common/icon_arr_right_wt.svg) no-repeat center/contain; content: ""; }
	.header .header_bottom .gnb_area .gnb_area_head .head_title .link strong { font-weight: 600; font-size: 22px; }
	.header .header_bottom .gnb_area .gnb_area_content { flex: 1; flex-direction: column; height: calc(100% - 238px); padding: 24px; gap: 24px; }
	.header .header_bottom .gnb_area .gnb_wrap { flex-direction: column; align-items: start; width: 100%; gap: 8px; }
	.header .header_bottom .gnb_area .gnb_wrap .logo { width: 100%; height: 66px; border-radius: 8px; background: var(--Primary-25); }
	.header .header_bottom .gnb_area .gnb_wrap.gnb_service .logo_img { width: 79px; height: 26px; }
	.header .header_bottom .gnb_area .gnb_wrap.gnb_agency .logo_img { width: 145px; height: 34px; }
	.header .header_bottom .gnb_area .gnb_service:after { display: none; }
	.header .header_bottom .gnb_area .gnb_nav_list { display: block; width: 100%; }
	.header .header_bottom .gnb_area .gnb_depth1 { display: block; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link { width: 100%; height: auto; padding: 14px 16px; background: url(../../images/common/icon_arr_down2.svg) no-repeat center right 16px/24px; font-weight: 400; font-size: 18px; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link.active { color: var(--Primary-600); font-weight: 700; }
	.header .header_bottom .gnb_area .gnb_depth1 .gnb_depth1_link span { padding: 0; }
	.header .header_bottom .gnb_area .gnb_depth2 { display: grid; visibility: hidden; grid-template-rows: 0fr; padding: 0; overflow: hidden; opacity: 0; transition: grid-template-rows 0.35s ease, opacity 0.2s ease, visibility 0s linear 0.35s; }
	.header .header_bottom .gnb_area .gnb_depth2 > .gnb_depth2_inner { min-height: 0; }
	.header .header_bottom .gnb_area .gnb_depth2.visible { visibility: visible; grid-template-rows: 1fr; opacity: 1; transition: grid-template-rows 0.35s ease, opacity 0.2s ease, visibility 0s; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_item { padding: 8px 28px; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link { position: relative; padding-left: 12px; font-size: 17px; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link.active { font-weight: 700; }
	.header .header_bottom .gnb_area .gnb_depth2 .gnb_depth2_link:before { position: absolute; top: 50%; left: 0; width: 3px; height: 3px; transform: translateY(-50%); border-radius: 10px; background: #1d1d1d; content: ""; }
	.header .header_bottom .gnb_area .gnb_area_foot { padding: 12px 24px; }
	.header .header_bottom .gnb_area .gnb_area_foot .inner { padding-top: 12px; padding-right: 0; padding-left: 0; border-top: 1px solid var(--Gray-200); }
	.header .header_bottom .gnb_area .gnb_area_foot .gnb_area_foot_link { display: inline-block; padding: 8px 12px; color: var(--Gray-600); font-weight: 500; font-size: 15px; }
	.header.m_menu_open .gnb_area { display: flex; position: fixed; top: 0; left: 0; flex-direction: column; width: 100vw; height: 100vh; overflow: auto; background: #fff; }
	.header.m_menu_open .header_bottom .util .m_menu_btn { display: none; }
	.header.m_menu_open .header_bottom .gnb_area .m_menu_btn.close { display: flex; }
	.container { padding-top: 81px; }
	.sub_page { padding-top: 40px; }
	.page_GSVA32 .scroll-box .history_section:not(:last-of-type) { margin-bottom: 50px; }
	.page_GSVA32 .flex_box { flex-direction: column !important; padding: 5px 0 20px; padding-left: 50px; }
	.page_GSVA32 .scroll { top: 0; left: 9px; transform: translateX(0); }
	.page_GSVA32 .scroll .scroll-dot::after { top: 5px; left: 5px; }
	.page_GSVA32 .history_img,
	.page_GSVA32 .history_content { width: 100%; }
	.page_GSVA32 .history_content { padding-top: 20px; }
	.page_GSVA32 .year { font-size: 4rem; text-align: left; }
	.page_GSVA32 .history_section { min-height: 45rem; }
	.page_GSVA32 .history_section .history_content .cm_bul_list > li { gap: 2.5rem; }
	.page_GSVA32 .history_section:nth-of-type(even) .history_img { padding-left: 0; }
	.page_GSVA32 .history_section:nth-of-type(even) .history_content { padding-right: 0; text-align: left; }
	.page_GSVA32 .history_section:nth-child(even) .history_content .cm_bul_list > li { flex-direction: row; }
	.page_GSVA32 .history_section:nth-of-type(odd) .history_img { padding-right: 0; }
	.page_GSVA32 .history_section:nth-child(odd) .history_img .img { margin-left: 0; }
	.page_GSVA32 .history_section:nth-of-type(odd) .history_content { padding-left: 0; }
	.layout_location { flex-direction: column; }
	.layout_location .con.left { width: 100%; }
	.layout_location .con.right { width: 100%; }
}
@media (max-width:1023px) {
	.footer .footer_info_group { flex-direction: column; align-items: stretch; }
	.footer .footer_logo_group { margin-top: 0; }
	.footer .footer_familysite_wrap { margin-top: 16px; }
	.footer .footer_familysite { width: 100%; }
	.footer .footer_copyright_group { flex-direction: column; align-items: stretch; }
	.footer .footer_copyright { text-align: center; }
	.footer .footer_policy_links { flex-direction: column; }
	.footer .footer_blank_list { gap: 8px; }
}
@media screen and (max-width:1023px) {
	.main_page .news_board { width: 100%; }
	.main_page .info_section .info_item { width: 100%; }
}
@media screen and (max-width:768px) {
	.main_page .innovation_section { padding: 40px 0; }
	.main_page .innovation_section .innovation_nav_swiper { height: 100px; }
	.main_page .innovation_section .innovation_contents { display: grid; grid-template-columns: 1fr; grid-template-areas: "item" "view" "nav"; row-gap: clamp(16px, 2.0833333333vw, 40px); }
	.main_page .innovation_section .innovation_view { grid-area: view; width: 100%; }
	.main_page .innovation_section .innovation_side { display: contents; width: 100%; }
	.main_page .innovation_section .innovation_item { grid-area: item; }
	.main_page .innovation_section .innovation_nav_wrap { grid-area: nav; padding-right: 0; }
	.main_page .innovation_section .innovation_controls { position: static; flex-direction: row; justify-content: center; margin-top: 14px; transform: none; }
	.main_page .innovation_section .innovation_ctrl_prev { transform: rotate(90deg); }
	.main_page .innovation_section .innovation_ctrl_next { transform: rotate(-90deg); }
	.layout_membership .box_login .box_inner { padding-right: 2rem; padding-left: 2rem; }
	.layout_membership .box_login .box_head .title { font-size: 2.1rem; }
	.layout_membership .box_login .box_foot .foot_content { font-size: 17px; }
	.layout_membership .box_login .box_foot .foot_content .sns_list .sns_icon { width: 36px; }
	.layout_membership .box_login.chg_pwd .box_inner { padding: 0; }
	.page_member_join_terms .cm_terms_container ~ .cm_terms_container { margin-top: 4rem; }
	.page_member_join_terms .btns_area { margin-top: 6rem; }
	.page_member_join_verification .verification_box .icon { margin-bottom: 2.5rem; }
	.page_member_join_verification .verification_box .text { font-size: 2.1rem; }
	.cm_intro_subtxt { margin-bottom: 4rem; }
	.cm_intro_mainimg { display: none; margin-bottom: 8rem; }
	.cm_intro_mainimg.mobile { display: block; }
	.layout_greeting .content .point_img { right: 0; }
	.layout_greeting .content .major_text { margin-bottom: 2rem; }
	.page_GSVA32 .history_img .img { width: 100%; }
	.layout_ci .box_place { flex-direction: column; gap: 4rem; }
	.layout_ci .box_place.gap2 { gap: 4rem; }
	.layout_ci .box_place .b_wrap { gap: 1.4rem; }
	.layout_ci .box.type1 { height: 24.6rem; }
	.layout_ci .box.type2 { height: 33rem; }
	.layout_ci .box.type3 { flex-direction: column; height: 55.7rem; gap: 4rem; }
	.layout_ci .box.type4 { height: 33.7rem; }
	.layout_ci .box.type5 { height: 40.7rem; }
	.layout_ci .btns { gap: 1.2rem; }
	.layout_ci .box_place .b_wrap.width2 { width: 100%; }
	.layout_ci .box_place .b_wrap.width3 { width: 100%; }
	.layout_ci .box .b_in { gap: 2rem; }
	.layout_org .org_img { margin-bottom: 4rem; }
	.layout_location .con .box1 { margin-bottom: 3rem; padding: 3rem; }
	.layout_location .con .box1 .info { gap: 1.5rem; }
	.layout_location .con .box1 .info .info_in { gap: 1.5rem; }
	.layout_location .con .box1 .info .info_in .info_title::before { margin-top: 0.1rem; }
	.layout_location .con .box2 { padding-left: 3rem; }
	.layout_location .con .box2 .transit { gap: 3rem; }
	.layout_location .con .box2 .transit .transit_in { gap: 1.5rem; }
	.layout_location .con .box2 .transit .transit_in .explain_txt { gap: 1rem; }
}
@media screen and (max-width:640px) {
	.main_page .main_banner .banner_img { height: auto; min-height: 420px; }
	.main_page .main_banner .banner_pagination .banner_pagination_item { display: flex; width: fit-content; margin: 0 auto; padding: 1.4rem 1.2rem; gap: 0; border-radius: 50px; background: rgba(0, 0, 0, 0.7); }
	.main_page .main_banner .banner_pagination .swiper-pagination-bullet { width: 1rem; height: 1rem; margin-right: 4px; margin-left: 4px; padding: 0; border-radius: 10px; background: rgba(255, 255, 255, 0.6); opacity: 1; }
	.main_page .main_banner .banner_pagination .swiper-pagination-bullet:before { display: none; }
	.main_page .main_banner .banner_pagination .main_banner_paging_title { display: none; }
	.main_page .main_banner .banner_pagination .swiper-pagination-bullet-active { width: 3.6rem; background: #fff; }
	.main_page .main_banner .banner_pagination .swiper-pagination-bullet:hover { background: rgba(255, 255, 255, 0.85); }
	.main_page .news_board .cm_tab2 .tab_list { gap: 5px; }
	.main_page .news_board .cm_tab2 .tab_list .tab_btn { padding: 6px 12px; font-size: 15px; }
	.page_GSVA11 .section.section2 .section2_content { height: 500px; }
	.page_GSVA11 .section.section2 .section2_gallery .img.img1 { top: 10%; left: 10%; }
	.page_GSVA11 .section.section2 .section2_gallery .img.img2 { top: 10%; right: 10%; }
	.page_GSVA11 .section.section2 .section2_gallery .img.img3 { bottom: 6%; left: 6%; }
	.page_GSVA11 .section.section2 .section2_gallery .img.img4 { bottom: -10%; left: 38%; }
	.page_GSVA11 .section.section2 .section2_gallery .img.img5 { right: 4%; bottom: 1%; }
}
@media screen and (max-width:500px) {
	.layout_ci .color_system { gap: 6rem; }
}