@charset "UTF-8";
:root { --gnb_height1:clamp(80px, 6.2500vw, 120px); --gnb_height2:clamp(50px, 4.5833vw, 88px); --header_gnb_panel_width: 1620px; --header_gnb_title_width: clamp(250px, 15.6250vw, 300px); }
.header .search_overlay { display: flex; visibility: hidden; z-index: 9999; position: fixed; top: calc(var(--gnb_height1) + var(--gnb_height2) + 1px); right: 0; bottom: 0; left: 0; align-items: flex-start; justify-content: center; cursor: pointer; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
.header .search_overlay.is_open { visibility: visible; opacity: 1; }
.header .search_overlay_inner { position: relative; width: 100%; padding: clamp(40px, 3.3333333333vw, 64px) clamp(15px, 2.0833333333vw, 40px) clamp(60px, 4.5833333333vw, 88px); transform: translateY(-20px); background: #fff; box-shadow: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.08); cursor: default; transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.header .search_overlay_inner::before { display: block; z-index: 0; position: absolute; top: 0; right: 0; width: clamp(140px, 34.4791666667vw, 662px); height: 100%; background: url(../../images/common/bg_point2.svg) no-repeat left/cover; content: ""; }
.header .search_overlay.is_open .search_overlay_inner { transform: translateY(0); }
.header .search_overlay_form { display: flex; z-index: 1; position: relative; flex-direction: column; align-items: center; }
.header .search_overlay_input_wrap { display: flex; position: relative; align-items: center; width: 100%; max-width: clamp(448px, 29.1666666667vw, 560px); height: clamp(51.2px, 3.3333333333vw, 64px); border: 2px solid transparent; border-radius: clamp(79.2px, 5.15625vw, 99px); background: linear-gradient(#fff, #fff) padding-box, linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%) border-box; }
.header .search_overlay_input { flex: 1; width: 100%; height: 100%; margin: 0; padding: clamp(8px, 0.5208333333vw, 10px) clamp(60px, 4.1666666667vw, 80px) clamp(8px, 0.5208333333vw, 10px) clamp(20px, 1.6666666667vw, 32px); border: none; background-color: transparent; font-size: clamp(16px, 1.09375vw, 21px); }
.header .search_overlay_placeholder { display: -webkit-box; position: absolute; left: clamp(20px, 1.6666666667vw, 32px); width: 100%; max-width: 75%; font-size: clamp(16px, 1.09375vw, 21px); white-space: nowrap; pointer-events: none; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.header .search_overlay_btn { display: flex; z-index: 10; position: absolute; top: 50%; right: 0; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(51.2px, 3.3333333333vw, 64px); transform: translateY(-50%); border-radius: 50%; background: linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%); color: #fff; transition: opacity 0.2s, transform 0.2s; }
.header .search_overlay_btn:hover { transform: translateY(-50%) scale(1.05); opacity: 0.9; }
.header .search_overlay_close_btn_bg { display: flex; position: absolute; bottom: clamp(-24px, -1.25vw, -19.2px); left: 50%; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(64px, 4.1666666667vw, 80px); transform: translateX(-50%); border: none; border-radius: 50%; background: transparent; }

/* 오버레이 아래로 튀어나온 부분에만 그림자 (윗부분은 잘라냄) */
.header .search_overlay_close_btn_bg::before { position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) rgba(0, 0, 0, 0.12); content: ""; clip-path: inset(70% -50% -50% -50%); }
.header .search_overlay_close_btn_bg::after { position: absolute; inset: 0; border-radius: 50%; background: #fff; content: ""; }
.header .search_overlay_close_btn { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); border-radius: 50%; background: #222; cursor: pointer; transition: background 0.2s; }
.header .search_overlay_close_btn::before { aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(../../images/common/icon_cross.svg); background-color: #fff; mask-image: url(../../images/common/icon_cross.svg); }
.header .search_overlay_close_btn:hover { background: var(--color-primary-70); }

/* footer */
.footer { position: relative; font-size: clamp(13px, 0.8854166667vw, 17px); }
.footer .footer_content { padding: clamp(24px, 2.5vw, 48px) 0 40px; background: #eeeef3; }
.footer .inner { display: flex; flex-direction: column; max-width: calc(1600px + var(--inner_padding) * 2); gap: 24px; }
.footer .footer_logo img { width: clamp(288px, 16.875vw, 324px); }
.footer .footer_top { display: flex; flex-direction: column; padding-bottom: 24px; gap: 16px; border-bottom: 1px solid #ccc; }
.footer .footer_bottom { display: flex; flex-direction: column; gap: 24px; }
.footer .footer_address { font-size: clamp(16px, 0.9895833333vw, 19px); }
.footer_copyright { color: #6a6a6a; font-size: clamp(15px, 0.9895833333vw, 19px); word-break: break-all; }
.footer .js_top_btn { display: none; z-index: 5; position: fixed; right: clamp(16px, 2.0833333333vw, 40px); bottom: clamp(20px, 2.0833333333vw, 40px); flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(55px, 3.3333333333vw, 64px); border: 1px solid #999; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; box-shadow: clamp(3.2px, 0.2083333333vw, 4px) clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) 0 rgba(0, 0, 0, 0.12); color: #6a6a6a; font-weight: 600; font-size: clamp(14px, 0.78125vw, 15px); }
.footer .js_top_btn.active { display: flex; }
.footer .js_top_btn.position_static { position: absolute; }
.footer .js_top_btn .cm_icon { color: #333; }
.footer .js_top_btn .cm_icon:before { width: clamp(19.2px, 1.25vw, 24px); }
.footer .js_top_btn .top_text { margin-top: -1px; }

/* layout */
.inner { max-width: calc(var(--inner) + var(--inner_padding) * 2); padding-right: var(--inner_padding); padding-left: var(--inner_padding); }
.sub_page { z-index: 1; position: relative; padding-top: clamp(40px, 2.9166666667vw, 56px); padding-right: clamp(10px, 1.0416666667vw, 20px); padding-left: clamp(10px, 1.0416666667vw, 20px); overflow: hidden; background: linear-gradient(90deg, #eefce3 0%, #e0f5ef 100%); }
.sub_page::before { z-index: -1; position: absolute; top: 0%; left: 50%; aspect-ratio: 1920/662; width: 100%; transform: translateX(-50%); background: url(../../images/sub/bg_point.svg) no-repeat center/contain; content: ""; }
.sub_page .inner { --inner: 1712px; }
.sub_page_head { display: flex; align-items: center; justify-content: center; margin-bottom: clamp(30px, 2.9166666667vw, 56px); }
.sub_page_head_title { margin: 0; color: #167e58; font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.4; text-align: center; }
.sub_page_head_title > span { display: inline; }
.sub_page_head_title .title_last { white-space: nowrap; }
.sub_page_head_title .title_last i { display: inline-block; aspect-ratio: 1/1; width: clamp(6px, 0.625vw, 12px); margin-bottom: clamp(0.8px, 0.0520833333vw, 1px); margin-left: clamp(6px, 0.625vw, 12px); border-radius: 50%; background-color: #167e58; }

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

/* width */

/* 상단 배너영역 */

/* 인증문자 */

/* 통합검색 */

/* 지도 */

/* 메인 */
.main_page .inner { max-width: calc(1600px + var(--inner_padding) * 2); }
.main_page .pc_only { display: block; }
.main_page .mainpage_main_txt { font-weight: 700; font-size: clamp(28px, 2.0833333333vw, 40px); line-height: 1.4; }
.main_page .mainpage_sub_txt1 { font-weight: 700; font-size: clamp(22px, 1.4583333333vw, 28px); line-height: 1.4; }
.main_page .mainpage_sub_txt2 { font-weight: 700; font-size: clamp(24px, 1.5625vw, 30px); line-height: 1.4; }

/* 섹션1 */
.main_page .section1 { padding: clamp(40px, 3.3333333333vw, 64px) 0 clamp(40px, 4.1666666667vw, 80px); background-color: #fff; }
.main_page .section1 .inner { display: flex; align-items: stretch; gap: clamp(24px, 2.0833333333vw, 40px); }
.main_page .section1 .banner_swiper { position: relative; flex: 1; aspect-ratio: 1120/629; width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.main_page .section1 .banner_swiper .swiper { width: 100%; height: 100%; }
.main_page .section1 .banner_swiper .swiper-wrapper { height: 100%; }
.main_page .section1 .banner_swiper .swiper-slide { height: 100%; }
.main_page .section1 .banner_swiper .banner_link { display: block; width: 100%; height: 100%; }
.main_page .section1 .banner_swiper .banner_img { width: 100%; height: 100%; object-fit: cover; }
.main_page .section1 .language_box { display: flex; flex-direction: column; align-items: stretch; width: clamp(400px, 22.9166666667vw, 440px); gap: clamp(16px, 1.25vw, 24px); }
.main_page .section1 .language_search { width: 100%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.12); }
.main_page .section1 .language_search_top { display: flex; position: relative; flex-direction: column; padding: clamp(20px, 1.6666666667vw, 32px); overflow: hidden; gap: clamp(16px, 1.25vw, 24px); background-color: var(--color-primary-70); }
.main_page .section1 .search_title { color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); line-height: 1.4; }
.main_page .section1 .language_deco { position: absolute; inset: 0; pointer-events: none; }
.main_page .section1 .language_deco > img { position: absolute; transform-origin: center; animation: decoBounce 2.8s ease-in-out infinite; }
.main_page .section1 .deco_g { top: clamp(41.712px, 2.715625vw, 52.14px); right: clamp(73.36px, 4.7760416667vw, 91.7px); width: clamp(48.7632px, 3.1746875vw, 60.954px); animation-delay: 0s !important; }
.main_page .section1 .deco_r { top: clamp(39.72px, 2.5859375vw, 49.65px); right: clamp(11.128px, 0.7244791667vw, 13.91px); width: clamp(53.9416px, 3.5118229167vw, 67.427px); animation-delay: 0.35s !important; }
.main_page .section1 .deco_m { top: clamp(49.576px, 3.2276041667vw, 61.97px); right: clamp(-28.54px, -1.4864583333vw, -22.832px); width: clamp(56.584px, 3.6838541667vw, 70.73px); animation-delay: 0.7s !important; }
.main_page .section1 .deco_g.v2 { top: clamp(12.112px, 0.7885416667vw, 15.14px); right: clamp(87.76px, 5.7135416667vw, 109.7px); animation-delay: 0.3s !important; }
.main_page .section1 .deco_r.v2 { top: clamp(10.12px, 0.6588541667vw, 12.65px); right: clamp(25.528px, 1.6619791667vw, 31.91px); animation-delay: 0.65s !important; }
.main_page .section1 .deco_m.v2 { top: clamp(19.976px, 1.3005208333vw, 24.97px); right: clamp(-10.54px, -0.5489583333vw, -8.432px); animation-delay: 1s !important; }
@keyframes decoBounce {
	0%,
	100% { transform: translateY(0) rotate(0deg) scale(1); }
	15% { transform: translateY(clamp(-7px, -0.3645833333vw, -5.6px)) rotate(-2deg) scale(1.03); }
	30% { transform: translateY(clamp(1.6px, 0.1041666667vw, 2px)) rotate(2deg) scale(0.98); }
	45% { transform: translateY(clamp(-4px, -0.2083333333vw, -3.2px)) rotate(-1deg) scale(1.01); }
	60% { transform: translateY(0) rotate(0deg) scale(1); }
}
.main_page .section1 .search_content { display: flex; z-index: 1; position: relative; align-items: center; justify-content: space-between; min-height: clamp(48px, 3.3333333333vw, 64px); padding: 4px 4px 4px clamp(20px, 1.25vw, 24px); gap: 10px; border-radius: clamp(30px, 5.15625vw, 99px); background-color: #fff; }
.main_page .section1 .search_content .search_input { display: flex; position: relative; flex: 1; align-items: center; min-width: 0; height: 100%; }
.main_page .section1 .search_content .search_text { width: 100%; height: 100%; padding: 0; border: 0; background-color: transparent; font-size: clamp(17px, 0.9895833333vw, 19px); }
.main_page .section1 .search_content .search_text:focus-visible { outline-offset: -2px; }
.main_page .section1 .search_content .search_placeholder { display: -webkit-box; position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); font-size: clamp(17px, 0.9895833333vw, 19px); white-space: nowrap; pointer-events: none; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }
.main_page .section1 .search_btn { display: flex; flex-shrink: 0; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(40px, 2.9166666667vw, 56px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; background: linear-gradient(0deg, #222 60%, #049a5d 100%); transition: transform 0.3s ease; }
.main_page .section1 .search_btn:hover { transform: scale(1.06); }
.main_page .section1 .language_search_center { display: flex; flex-direction: column; padding: clamp(20px, 1.25vw, 24px) clamp(16px, 1.6666666667vw, 32px); overflow: hidden; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.main_page .section1 .language_search_center .cm_title { flex-shrink: 0; }
.main_page .section1 .recommended_list { display: block; width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_page .section1 .recommended_txt { display: inline; font-size: clamp(15px, 0.9895833333vw, 19px); white-space: nowrap; }
.main_page .section1 .recommended_txt span:first-child { margin-right: clamp(2px, 0.4166666667vw, 8px); }
.main_page .section1 .recommended_txt:not(:last-child) { margin-right: clamp(6px, 0.8333333333vw, 16px); }
.main_page .section1 .recommended_link:hover { text-decoration: underline; }
.main_page .section1 .language_today { display: flex; position: relative; flex: 1; flex-direction: column; width: 100%; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.12); }
.main_page .section1 .language_today_top { display: flex; align-items: center; justify-content: space-between; padding: clamp(8px, 1.0416666667vw, 20px) clamp(16px, 1.6666666667vw, 32px); gap: clamp(8px, 0.5208333333vw, 10px); background-color: #34a640; }
.main_page .section1 .language_today_top_in { display: flex; align-items: center; gap: 6px; }
.main_page .section1 .language_today_top .today_txt { color: #fff; font-weight: 700; font-size: clamp(20px, 1.6666666667vw, 32px); }
.main_page .section1 .language_today_top .today_btn { display: flex; position: absolute; right: clamp(12.8px, 0.8333333333vw, 16px); bottom: clamp(12.8px, 0.8333333333vw, 16px); align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(40px, 2.5vw, 48px); border-radius: 50%; background-color: #34a640; transition: background-color 0.3s ease, transform 0.3s ease; }
.main_page .section1 .language_today_top .today_btn .cm_icon { --icon-size: 24px; }
.main_page .section1 .language_today_top .today_btn:hover { transform: translateY(-3px); background-color: #278330; }
.main_page .section1 .language_today_top .arrow_btn { display: none; }
.main_page .section1 .language_today_top .arrow_btn .cm_icon { --icon-size: 24px; transform: rotate(180deg); transition: transform 0.3s ease; }
.main_page .section1 .language_today.open .arrow_btn .cm_icon { transform: rotate(0deg); }
.main_page .section1 .language_today_content { display: flex; flex: 1; flex-direction: column; padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6666666667vw, 32px); overflow: hidden; gap: clamp(6px, 0.625vw, 12px); background-color: #f4fff5; }
.main_page .section1 .language_today_content .today_word { display: flex; align-items: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.main_page .section1 .language_today_content .today_word_txt { color: #34a640; font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1.3; }
.main_page .section1 .language_today_content .cm_badge { padding: clamp(2.4px, 0.15625vw, 3px) clamp(12.8px, 0.8333333333vw, 16px); font-size: clamp(14px, 0.78125vw, 15px); line-height: 1.3; }
.main_page .section1 .language_today_content .today_desc { display: -webkit-box; padding-right: clamp(40px, 2.6041666667vw, 50px); font-size: clamp(16px, 0.9895833333vw, 19px); -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

/* 섹션2 */
.main_page .section2 { position: relative; padding: clamp(32px, 5.4166666667vw, 104px) 0; overflow: hidden; background: linear-gradient(180deg, #eef8f4 50%, #fff 100%); }
.main_page .section2::before { z-index: 0; position: absolute; top: clamp(-20px, -1.0416666667vw, -16px); right: clamp(16px, 1.0416666667vw, 20px); aspect-ratio: 233.87/186.37; width: clamp(140px, 12.1809895833vw, 233.875px); background: url(../../images/main/point.svg) no-repeat center/contain; content: ""; }
.main_page .section2 .cm_dl2.type5 dt { min-width: clamp(75px, 4.5833333333vw, 88px); }
.main_page .section2 .north_south_box { display: flex; z-index: 1; position: relative; align-items: stretch; justify-content: space-between; gap: clamp(24px, 3.3333333333vw, 64px); }
.main_page .section2 .ns_card { display: flex; flex-shrink: 0; flex-direction: column; width: clamp(280px, 25vw, 480px); }
.main_page .section2 .ns_value { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(24px, 2.0833333333vw, 40px); }
.main_page .section2 .card_area { display: flex; position: relative; flex-direction: column; width: 100%; height: 100%; overflow: hidden; border: 1px solid #cacaca; border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; }
.main_page .section2 .meeting_swiper { width: 100%; }
.main_page .section2 .meeting_swiper .swiper-slide { height: auto; }
.main_page .section2 .meeting_card { display: flex; flex-direction: column; height: 100%; }
.main_page .section2 .meeting_thumb { flex-shrink: 0; aspect-ratio: 10/7; width: 100%; overflow: hidden; }
.main_page .section2 .meeting_thumb .metting_img { width: 100%; height: 100%; object-fit: cover; }
.main_page .section2 .info_area { display: flex; flex: 1; flex-direction: column; min-height: clamp(240px, 15.625vw, 300px); padding: clamp(19.2px, 1.25vw, 24px) clamp(25.6px, 1.6666666667vw, 32px); gap: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; }
.main_page .section2 .info_title { font-weight: 700; font-size: clamp(19px, 1.25vw, 24px); line-height: 1.4; }
.main_page .section2 .cm_dl2 { font-size: clamp(15px, 0.9895833333vw, 19px); }
.main_page .section2 .cm_dl2.type5 dd { line-height: 1.6; }
.main_page .section2 .meeting_control { flex-shrink: 0; margin: clamp(25.6px, 1.6666666667vw, 32px); margin-top: 0; }
.main_page .section2 .stats_area { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.main_page .section2 .stats_item { display: flex; flex-direction: column; align-items: center; padding: clamp(32px, 2.0833333333vw, 40px) clamp(20px, 1.6666666667vw, 32px); gap: clamp(12px, 1.6666666667vw, 32px); border: 1px solid #b8ddce; border-radius: clamp(19.2px, 1.25vw, 24px); }
.main_page .section2 .stats_txt { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; font-weight: 700; font-size: clamp(15px, 1.09375vw, 21px); text-align: center; }
.main_page .section2 .stats_txt::before { aspect-ratio: 1/1; width: 48px; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; animation: iconFloat 4.5s ease-in-out infinite; }
.main_page .section2 .stats_txt.icon1::before { background-image: url(../../images/main/icon1.svg); }
.main_page .section2 .stats_txt.icon2::before { background-image: url(../../images/main/icon2.svg); animation-delay: -0.8s; }
.main_page .section2 .stats_txt.icon3::before { background-image: url(../../images/main/icon3.svg); animation-delay: -1.6s; }
.main_page .section2 .stats_txt.icon4::before { background-image: url(../../images/main/icon4.svg); animation-delay: -2.4s; }
.main_page .section2 .stats_value_list { display: flex; align-items: center; gap: 12px; }
.main_page .section2 .stats_value_txt { font-size: clamp(15px, 1.09375vw, 21px); }
.main_page .section2 .stats_value_txt span { font-weight: 700; font-size: clamp(30px, 2.0833333333vw, 40px); line-height: 1.4; }
@keyframes iconFloat {
	0%,
	100% { transform: translate3d(0, 0, 0) rotate(0deg); }
	25% { transform: translate3d(0, -3px, 0) rotate(-1deg); }
	50% { transform: translate3d(0, -6px, 0) rotate(1deg); }
	75% { transform: translate3d(0, -3px, 0) rotate(-0.5deg); }
}
.main_page .section2 .progress_area { display: flex; flex: 1; padding: clamp(32px, 2.0833333333vw, 40px); gap: clamp(24px, 2.5vw, 48px); border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.08); }
.main_page .section2 .progress_left { display: flex; flex: 1; flex-direction: column; justify-content: center; min-width: 0; }
.main_page .section2 .progress_title { display: flex; align-items: center; justify-content: space-between; margin-bottom: clamp(16px, 1.5625vw, 30px); gap: clamp(16px, 1.0416666667vw, 20px); }
.main_page .section2 .progress_title_item { display: flex; align-items: flex-start; gap: clamp(6.4px, 0.4166666667vw, 8px); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; }
.main_page .section2 .progress_title_item.complete { color: var(--color-primary-70); }
.main_page .section2 .progress_title_item::before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(20px, 1.6666666667vw, 32px); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; }
.main_page .section2 .progress_title_item.complete::before { -webkit-mask-image: url(../../images/common/icon_success.svg); background-color: var(--color-primary-70); mask-image: url(../../images/common/icon_success.svg); }
.main_page .section2 .progress_title_item.plan::before { -webkit-mask-image: url(../../images/common/icon_ellipsis_horizontal.svg); background-color: #999; mask-image: url(../../images/common/icon_ellipsis_horizontal.svg); }
.main_page .section2 .progress_title_item br { display: none; }
.main_page .section2 .progress_bar { position: relative; height: 96px; overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #f3f4fb; }
.main_page .section2 .progress_bar_bg { position: absolute; inset: 0; background-color: #f3f4fb; }
.main_page .section2 .progress_bar_fill { display: flex; position: absolute; top: 0; left: 0; align-items: center; justify-content: flex-end; height: 100%; overflow: hidden; border-radius: 0 clamp(9.6px, 0.625vw, 12px) clamp(9.6px, 0.625vw, 12px) 0; background: linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%); box-shadow: clamp(6.4px, 0.4166666667vw, 8px) 0 clamp(32px, 2.0833333333vw, 40px) 0 rgba(12, 150, 0, 0.4); color: #fff; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; opacity: 0; transition: width 2.6s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease; }
.main_page .section2 .progress_bar_fill .fill_in { display: flex; z-index: 1; align-items: center; padding-right: clamp(19.2px, 1.25vw, 24px); }
.main_page .section2 .progress_bar_fill .counter { min-width: clamp(104px, 6.7708333333vw, 130px); text-align: right; }
.main_page .section2 .progress_bar_total { display: flex; position: absolute; top: 0; right: 24px; align-items: center; height: 100%; color: #333; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; }
.main_page .section2 .progress_date { display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: fit-content; min-height: 36px; margin-top: clamp(22.4px, 1.4583333333vw, 28px); margin-left: auto; padding: 5px 16px; border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #f4f4f4; color: #333; font-size: clamp(15px, 0.8854166667vw, 17px); text-align: center; }
.main_page .section2 .progress_date.view_mb { display: none; margin: 0 auto; }
.main_page .section2 .progress_date_box_mb { display: none; flex-direction: column; gap: 8px; }
.main_page .section2 .progress_date_txt { display: none; font-weight: 700; font-size: 19px; }
.main_page .section2 .progress_right { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; gap: 12px; }
.main_page .section2 .circle_progress { position: relative; aspect-ratio: 1/1; width: clamp(160px, 11.6666666667vw, 224px); }
.main_page .section2 .circle_progress canvas { display: block; width: 100%; height: 100%; }
.main_page .section2 .circle_text { display: flex; position: absolute; flex-direction: column; align-items: center; justify-content: center; inset: 0; text-align: center; pointer-events: none; }
.main_page .section2 .circle_text > span { font-weight: 700; font-size: clamp(15px, 1.09375vw, 21px); }
.main_page .section2 .circle_text strong { color: var(--color-primary-70); font-weight: 700; font-size: clamp(24px, 2.0833333333vw, 40px); line-height: 1.4; }

/* 섹션3 */
.main_page .section3 { background-color: #fff; }
.main_page .section3 .promotion_box { display: flex; flex-direction: column; gap: clamp(16px, 1.6666666667vw, 32px); }
.main_page .section3 .promotion_list { display: grid; grid-template-columns: 604fr 340fr 576fr; align-items: stretch; gap: clamp(20px, 2.0833333333vw, 40px); }
.main_page .section3 .promotion_item { display: flex; flex-direction: column; min-width: 0; gap: 16px; }
.main_page .section3 .promotion_titlebox { display: flex; align-items: center; justify-content: space-between; min-height: clamp(40px, 2.5vw, 48px); gap: clamp(16px, 1.0416666667vw, 20px); }
.main_page .section3 .promotion_title { display: flex; align-items: center; gap: clamp(6px, 0.4166666667vw, 8px); }
.main_page .section3 .promotion_more { display: flex; align-items: center; justify-content: center; color: #333; transition: color 0.2s; }
.main_page .section3 .promotion_more:hover { color: var(--color-primary-70); }
.main_page .section3 .promotion_more .cm_icon { --icon-size: 24px; }
.main_page .section3 .promotion_swiperbox { display: flex; flex-direction: column; gap: 16px; }
.main_page .section3 .tv_swiper { aspect-ratio: 151/85; width: 100%; border: clamp(2.4px, 0.15625vw, 3px) solid transparent; border-radius: clamp(12.8px, 0.8333333333vw, 16px); transition: border-color 0.3s ease; }
.main_page .section3 .tv_swiper:hover { border-color: var(--color-primary-70); }
.main_page .section3 .tv_link { display: block; width: 100%; height: 100%; }
.main_page .section3 .tv_img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; }
.main_page .section3 .tv_link:hover .tv_img { transform: scale(1.06); }
.main_page .section3 .news_swiper { aspect-ratio: 1/1; width: 100%; border: clamp(2.4px, 0.15625vw, 3px) solid transparent; border-radius: clamp(12.8px, 0.8333333333vw, 16px); transition: border-color 0.3s ease; }
.main_page .section3 .news_swiper:hover { border-color: var(--color-primary-70); }
.main_page .section3 .news_link { display: block; width: 100%; height: 100%; }
.main_page .section3 .news_img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; }
.main_page .section3 .news_link:hover .news_img { transform: scale(1.06); }
.main_page .section3 .hall3d_link { aspect-ratio: 576/340; width: 100%; overflow: hidden; border: clamp(2.4px, 0.15625vw, 3px) solid transparent; border-radius: clamp(12.8px, 0.8333333333vw, 16px); transition: border-color 0.3s ease; }
.main_page .section3 .hall3d_link:hover { border-color: var(--color-primary-70); }
.main_page .section3 .hall3d_img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; }
.main_page .section3 .hall3d_link:hover .hall3d_img { transform: scale(1.06); }
.main_page .section3 .cm_nodata1 { height: 100%; min-height: 190px; }

/* 섹션4 */
.main_page .section4 { padding: clamp(40px, 5.4166666667vw, 104px) 0 clamp(64px, 6.25vw, 120px); background-color: #fff; }
.main_page .section4_inner { display: grid; grid-template-columns: minmax(0, 1fr) clamp(350px, 27.2395833333vw, 523px); align-items: stretch; width: calc(100% - max(var(--inner_padding), (100vw - 1600px) / 2)); margin-left: max(var(--inner_padding), (100vw - 1600px) / 2); gap: clamp(64px, 4.1666666667vw, 80px); }
.main_page .section4 .board_area { display: flex; flex-direction: column; gap: 32px; }
.main_page .section4 .board_top { display: flex; flex-direction: column; gap: 8px; }
.main_page .section4 .board_top .mainpage_sub_txt2 { display: none; }
.main_page .section4 .board_top_in { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
.main_page .section4 .board_top .cm_tab { flex: 1; width: 100%; margin-bottom: 0; }
.main_page .section4 .board_content1 { display: flex; gap: 40px; }
.main_page .section4 .board_form1 { display: flex; flex-direction: column; width: clamp(300px, 18.9583333333vw, 364px); overflow: hidden; border: clamp(2.4px, 0.15625vw, 3px) solid transparent; border-radius: clamp(12.8px, 0.8333333333vw, 16px); transition: border-color 0.3s ease; }
.main_page .section4 .board_form1:hover { border-color: var(--color-primary-70); }
.main_page .section4 .board_form1_thumb { aspect-ratio: 4/3; width: 100%; overflow: hidden; }
.main_page .section4 .board_form1_thumb_img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform 0.5s ease; }
.main_page .section4 .board_form1:hover .board_form1_thumb_img { transform: scale(1.06); }
.main_page .section4 .board_form1_content { position: relative; flex: 1; padding: clamp(23px, 2.0833333333vw, 40px) clamp(24px, 1.6666666667vw, 32px) 32px clamp(24px, 1.6666666667vw, 32px); background-color: #f3f4fb; }
.main_page .section4 .board_form1_title { font-weight: 700; font-size: clamp(21px, 1.25vw, 24px); line-height: 1.4; transition: color 0.2s; }
.main_page .section4 .board_form1:hover .board_form1_title { color: var(--color-primary-70); }
.main_page .section4 .board_form1_date { display: flex; position: absolute; top: clamp(-56px, -2.9166666667vw, -50px); left: 32px; flex-direction: column; align-items: center; justify-content: center; min-width: clamp(70.4px, 4.5833333333vw, 88px); min-height: clamp(64px, 4.1666666667vw, 80px); padding: clamp(8px, 0.5208333333vw, 10px); border: 2px solid var(--color-primary-70); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #fff; }
.main_page .section4 .board_form1_date_year { color: #333; font-size: clamp(12px, 0.78125vw, 15px); }
.main_page .section4 .board_form1_date_day { margin-top: clamp(-3px, -0.15625vw, -2.4px); color: var(--color-primary-70); font-weight: 700; font-size: clamp(16.8px, 1.09375vw, 21px); }
.main_page .section4 .board_form2 { flex: 1; min-width: 0; }
.main_page .section4 .board_form2_list { border-top: 2px solid #000; }
.main_page .section4 .board_form2_item { border-bottom: 1px solid #cacaca; }
.main_page .section4 .board_form2_link { display: flex; align-items: center; justify-content: space-between; padding: clamp(20px, 1.875vw, 36px) 16px; gap: 24px; transition: color 0.2s; }
.main_page .section4 .board_form2_link.type2 { padding: clamp(20px, 1.328125vw, 25.5px) 16px; }
.main_page .section4 .board_form2_link:hover { color: var(--color-primary-70); }
.main_page .section4 .board_form2_title { flex: 1; min-width: 0; font-size: clamp(16px, 1.09375vw, 21px); }
.main_page .section4 .board_form2_date { display: flex; align-items: center; gap: 8px; color: #6a6a6a; font-size: clamp(15px, 0.9895833333vw, 19px); }
.main_page .section4 .board_form2_date::before { aspect-ratio: 1/1; width: clamp(20px, 1.25vw, 24px); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(../../images/common/icon_date.svg); background-color: #999; mask-image: url(../../images/common/icon_date.svg); }
.main_page .section4 .sns_area { display: flex; position: relative; flex-direction: column; width: 100%; padding-bottom: clamp(32px, 2.0833333333vw, 40px); padding-left: clamp(64px, 4.1666666667vw, 80px); gap: clamp(24px, 1.6666666667vw, 32px); border-radius: 0 0 0 clamp(160px, 10.4166666667vw, 200px); background: linear-gradient(0deg, #e6faf6 61.88%, #fff 100%); }
.main_page .section4 .sns_area::before { position: absolute; bottom: clamp(-47px, -2.4479166667vw, -37.6px); left: -65px; aspect-ratio: 1/1; width: clamp(121.6px, 7.9166666667vw, 152px); background: url(../../images/main/point2.svg) no-repeat center/contain; content: ""; animation: sns_point 3s ease-in-out infinite; }
@keyframes sns_point {
	0%,
	100% { transform: translateY(0) rotate(0deg); }
	50% { transform: translateY(clamp(-15px, -0.78125vw, -12px)) rotate(5deg); }
}
.main_page .section4 .sns_list { display: grid; grid-template-columns: repeat(1, 1fr); gap: clamp(9.6px, 0.625vw, 12px); }
.main_page .section4 .sns_item { width: fit-content; min-width: clamp(200.8px, 13.0729166667vw, 251px); min-height: 72px; }
.main_page .section4 .sns_link { display: flex; align-items: center; width: 100%; height: 100%; padding: 0 16px; gap: clamp(8px, 0.625vw, 12px); border-radius: clamp(16px, 1.0416666667vw, 20px); background-color: #fff; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.16); color: #333; font-size: clamp(16px, 1.09375vw, 21px); transition: background-color 0.3s, color 0.3s; }
.main_page .section4 .sns_link:hover { background-color: #222; color: #fff; }
.main_page .section4 .sns_link::before { aspect-ratio: 1/1; width: clamp(35px, 2.0833333333vw, 40px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
.main_page .section4 .sns_item.naver .sns_link::before { background-image: url(../../images/common/sns_naver.svg); }
.main_page .section4 .sns_item.youtube .sns_link::before { background-image: url(../../images/common/sns_youtube.svg); }
.main_page .section4 .sns_item.facebook .sns_link::before { background-image: url(../../images/common/sns_facebook.svg); }
.main_page .section4 .sns_item.insta .sns_link::before { background-image: url(../../images/common/sns_insta.svg); }

/* 섹션5 */
.main_page .section5 { padding: 20px 0; border-top: 1px solid #ccc; background-color: #fff; }
.main_page .section5 .partner_box { display: flex; align-items: center; justify-content: center; gap: clamp(14px, 2.0833333333vw, 40px); }
.main_page .section5 .partner_swiper { flex: 1; min-width: 0; overflow: hidden; }
.main_page .section5 .partner_list { display: flex; align-items: center; }
.main_page .section5 .partner_item { display: flex; align-items: center; justify-content: center; }
.main_page .section5 .partner_link { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }
.main_page .section5 .partner_logo { display: block; width: auto; height: auto; max-height: clamp(25px, 1.5625vw, 30px); object-fit: contain; }

/* 프린트 페이지 */

/* 탭 */
.js_tab_panel { display: none; }
.js_tab_panel.active { display: block; }

/* 3D 홍보관 */
.promotion3d_page { position: relative; width: 100%; min-height: clamp(420px, 35.4166666667vw, 680px); overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); background: url("../../images/sub/bg_promotion3d.png") no-repeat center/cover; }
.promotion3d_page::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%); content: ""; }
.promotion3d_page .pr3d_texts { display: flex; position: absolute; top: clamp(80px, 12.3958333333vw, 238px); left: clamp(20px, 4.1666666667vw, 80px); flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.promotion3d_page .pr3d_texts::before { width: clamp(32px, 2.0833333333vw, 40px); height: clamp(4.8px, 0.3125vw, 6px); background: linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%); content: ""; }
.promotion3d_page .pr3d_texts_in { display: flex; flex-direction: column; }
.promotion3d_page .pr3d_text1 { color: #fff; font-weight: 700; font-size: clamp(18px, 1.6666666667vw, 32px); line-height: 1.4; }
.promotion3d_page .pr3d_text2 { color: #fff; font-weight: 700; font-size: clamp(22px, 2.0833333333vw, 40px); line-height: 1.4; }
.promotion3d_page .pr3d_text3 { color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); }
.promotion3d_page .pr3d_info { display: flex; position: absolute; bottom: 0; left: 0; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; padding: clamp(18px, 2.0833333333vw, 40px) clamp(20px, 2.9166666667vw, 56px); gap: clamp(16px, 1.0416666667vw, 20px); backdrop-filter: blur(clamp(9.6px, 0.625vw, 12px)); background: rgba(0, 0, 0, 0.4); }
.promotion3d_page .pr3d_btn { display: flex; align-items: center; min-height: clamp(44px, 3.3333333333vw, 64px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(16px, 1.4583333333vw, 28px) clamp(8px, 0.5208333333vw, 10px) clamp(18px, 1.6666666667vw, 32px); gap: clamp(4.8px, 0.3125vw, 6px); border-radius: clamp(79.2px, 5.15625vw, 99px); background: linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%); box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.12); color: #fff; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }

/* 유네스코·겨레말큰사전 국제학술포럼 > 개최 현황 */
.event_page { padding-top: clamp(25px, 2.9166666667vw, 56px); border-top: 1px solid #000; }
.event_page .event_content { display: flex; gap: clamp(32px, 2.0833333333vw, 40px) clamp(20px, 4.1666666667vw, 80px); }
.event_page .event_img_box { display: flex; flex-direction: column; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.event_page .event_year { color: #e2e4f0; font-weight: 700; font-size: clamp(20px, 1.5625vw, 30px); line-height: 1.2; }
.event_page .event_info_box { display: flex; flex: 1; flex-direction: column; gap: clamp(20px, 2.0833333333vw, 40px); }
.event_page .event_title { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: clamp(12px, 0.78125vw, 15px) clamp(20px, 1.3020833333vw, 25px); }
.event_page .event_title .cm_title { flex-shrink: 0; }
.event_page .event_btns { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); }

/* 인사말 */
.greeting_page .greeting_top { z-index: -1; position: relative; aspect-ratio: 1280/344; width: 100%; border-radius: clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px) 0 0; background: url("../../images/sub/greeting.png") no-repeat center/cover; }
.greeting_page .main_txt { position: absolute; top: 50%; left: 50%; width: 100%; padding: 0 clamp(8px, 0.5208333333vw, 10px); transform: translate(-50%, -50%); color: #fff; font-weight: 600; font-size: clamp(18px, 1.875vw, 36px); line-height: 1.4; font-family: "NanumMyeongjo"; letter-spacing: 1.44px; text-align: center; }
.greeting_page .sub_txt { position: absolute; right: clamp(12px, 1.5625vw, 30px); bottom: clamp(39.2px, 2.5520833333vw, 49px); color: #ddd; font-weight: 600; font-size: clamp(12px, 0.8854166667vw, 17px); line-height: 1.4; font-family: "NanumMyeongjo"; letter-spacing: 0.68px; text-align: right; }
.greeting_page .greeting_content { display: flex; flex-direction: column; margin-top: clamp(-32px, -1.6666666667vw, -25.6px); padding: clamp(22px, 2.9166666667vw, 56px) clamp(20px, 2.9166666667vw, 56px); gap: clamp(20px, 1.6666666667vw, 32px); border: 1px solid var(--color-primary-70); border-radius: clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px) clamp(19.2px, 1.25vw, 24px) clamp(19.2px, 1.25vw, 24px); background-color: #fff; box-shadow: clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.08); word-break: keep-all; }
.greeting_page .name_txt { color: #333; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }

/* 사전 소개 */
.dictionary_page { display: flex; flex-direction: column; gap: clamp(40px, 4.1666666667vw, 80px); word-break: keep-all; }
.dictionary_page .dictionary_box2 { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.dictionary_page .dictionary_box_in1 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(12.8px, 0.8333333333vw, 16px); }
.dictionary_page .dictionary_box_in1.quotation::before { aspect-ratio: 22/20; width: clamp(17.6px, 1.1458333333vw, 22px); background: url("../../images/sub/quotation_marks.svg") no-repeat center/contain; content: ""; }
.dictionary_page .dictionary_box_in2 { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(5px, 0.5208333333vw, 10px); }
.dictionary_page .dictionary_box_in3 { display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(6.4px, 0.4166666667vw, 8px); }
.dictionary_page .dictionary_box_in4 { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(28px, 2.0833333333vw, 40px) clamp(15px, 4.1666666667vw, 80px); gap: clamp(20px, 1.6666666667vw, 32px); border: 1px solid #000; border-right: 0; border-left: 0; background-color: #f8f8f8; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(9.6px, 0.625vw, 12px) 0 rgba(0, 139, 53, 0.12); }
.dictionary_page .dictionary_img1 { aspect-ratio: 1280/360; width: 100%; border-radius: clamp(12px, 1.25vw, 24px); }
.dictionary_page .dictionary_collage { position: relative; aspect-ratio: 1099/614; width: 100%; max-width: 1099px; margin: 0 auto; }
.dictionary_page .collage_item { position: absolute; overflow: hidden; transform: translateY(clamp(28px, 2.9166666667vw, 56px)) scale(0.94); border: clamp(2.4px, 0.15625vw, 3px) solid #fff; border-radius: clamp(12px, 1.25vw, 24px); box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(12.8px, 0.8333333333vw, 16px) 0 rgba(0, 0, 0, 0.2); filter: blur(clamp(2px, 0.2083333333vw, 4px)); opacity: 0; }
.dictionary_page .collage_item > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dictionary_page .collage_item.item1 { z-index: 1; top: 0; left: 5.096%; aspect-ratio: 167/85; width: 45.587%; }
.dictionary_page .collage_item.item2 { z-index: 2; top: 7.166%; right: 0; aspect-ratio: 157/80; width: 53.503%; }
.dictionary_page .collage_item.item3 { z-index: 3; top: 53.421%; right: 3.731%; aspect-ratio: 169/86; width: 51.137%; }
.dictionary_page .collage_item.item4 { z-index: 4; top: 39.74%; left: 0; aspect-ratio: 267/136; width: 48.59%; }
.dictionary_page .collage_item.is_show { animation: collagePop 1.2s cubic-bezier(0.16, 0.8, 0.24, 1) forwards; }
@keyframes collagePop {
	0% { transform: translateY(clamp(28px, 2.9166666667vw, 56px)) scale(0.94); filter: blur(clamp(3px, 0.3125vw, 6px)); opacity: 0; }
	100% { transform: translateY(0) scale(1); filter: blur(0); opacity: 1; }
}
.dictionary_page .js_reveal { transform: translateY(clamp(20px, 1.6666666667vw, 32px)); opacity: 0; }
.dictionary_page .js_reveal.is_show { animation: revealUp 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) forwards; }
.dictionary_page .js_reveal_item { transform: translateY(clamp(20px, 1.6666666667vw, 32px)); opacity: 0; }
.dictionary_page .js_reveal_group.is_show .js_reveal_item { animation: revealUp 0.9s cubic-bezier(0.16, 0.8, 0.24, 1) forwards; }
@keyframes revealUp {
	0% { transform: translateY(clamp(20px, 1.6666666667vw, 32px)); opacity: 0; }
	100% { transform: translateY(0); opacity: 1; }
}
.dictionary_page .dictionary_img2 { aspect-ratio: 1280/320; width: 100%; border-radius: 0 0 clamp(12px, 1.25vw, 24px) clamp(12px, 1.25vw, 24px); }
.dictionary_page .dictionary_text1 { width: clamp(720px, 46.875vw, 900px); max-width: 100%; font-weight: 700; font-size: clamp(20px, 1.4583333333vw, 28px); line-height: 1.4; text-align: center; }
.dictionary_page .dictionary_text1 br { display: block; }
.dictionary_page .dictionary_text2 { width: clamp(728px, 47.3958333333vw, 910px); max-width: 100%; text-align: center; }
.dictionary_page .dictionary_text3 { text-align: center; }
.dictionary_page .dictionary_text5 { color: #000; font-size: clamp(14px, 0.8854166667vw, 17px); }
.dictionary_page .dictionary_text6 { margin-bottom: clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(18px, 1.25vw, 24px); line-height: 1.4; }
.dictionary_page .dictionary_circle { aspect-ratio: 1/1; width: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; background-color: var(--color-primary-70); }
.dictionary_page .dictionary_line { width: clamp(1.6px, 0.1041666667vw, 2px); height: clamp(60px, 3.75vw, 72px); background-color: var(--color-primary-70); }

/* 미리 보는 겨레말큰사전 */
.preview_page { display: flex; flex-direction: column; gap: clamp(40px, 4.1666666667vw, 80px); }
.preview_page .preview_area { display: flex; flex-direction: column; gap: clamp(16px, 1.0416666667vw, 20px); }
.preview_page .ebook_box { display: flex; position: relative; align-items: stretch; gap: clamp(20px, 2.9166666667vw, 56px); }
.preview_page .ebook_visual { display: flex; flex-shrink: 0; flex-direction: column; align-items: center; justify-content: center; width: 43.75%; padding: clamp(20px, 1.6666666667vw, 32px) clamp(10px, 2.0833333333vw, 40px); overflow: hidden; gap: clamp(8px, 0.625vw, 12px); border-radius: clamp(19.2px, 1.25vw, 24px); background-color: #f3f4fb; }
.preview_page .ebook_visual > img { display: block; aspect-ratio: 560/420; width: 100%; max-width: 480px; height: auto; object-fit: cover; object-position: center top; }
.preview_page .ebook_preview_btn { flex-shrink: 0; white-space: nowrap; }
.preview_page .ebook_info { display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-width: 0; gap: clamp(20px, 1.25vw, 24px); }
.preview_page .ebook_info_in { display: flex; flex-direction: column; gap: clamp(19.2px, 1.25vw, 24px); }
.preview_page .ebook_titles { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.preview_page .ebook_text1 { font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); line-height: 1.4; }
.preview_page .ebook_text2 { color: var(--color-primary-70); font-weight: 700; font-size: clamp(22px, 1.875vw, 36px); line-height: 1.4; }
.preview_page .ebook_points { display: flex; align-items: center; justify-content: center; }
.preview_page .ebook_point_item { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: clamp(76.8px, 5vw, 96px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); }
.preview_page .ebook_point_item.item1 { z-index: 3; border: 3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%) border-box; }
.preview_page .ebook_point_item.item2 { z-index: 2; margin-left: clamp(-80px, -4.1666666667vw, -64px); border-radius: 0 clamp(79.2px, 5.15625vw, 99px) clamp(79.2px, 5.15625vw, 99px) 0; background-color: var(--color-primary-70); }
.preview_page .ebook_point_item.item3 { z-index: 1; margin-left: clamp(-80px, -4.1666666667vw, -64px); border-radius: 0 clamp(79.2px, 5.15625vw, 99px) clamp(79.2px, 5.15625vw, 99px) 0; background-color: var(--color-primary-80); }
.preview_page .point_text1 { font-size: clamp(15px, 0.9895833333vw, 19px); }
.preview_page .point_text2 { padding-left: clamp(24px, 1.5625vw, 30px); color: var(--color-primary-70); font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); line-height: 1.4; }
.preview_page .point_text3 { padding-left: clamp(24px, 1.5625vw, 30px); color: #fff; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.preview_page .ebook_stores { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(10px, 0.8333333333vw, 16px); }
.preview_page .ebook_stores > li { height: clamp(96px, 5.8333333333vw, 112px); }
.preview_page .ebook_store_link { display: flex; flex-direction: column; width: 100%; height: 100%; overflow: hidden; border: 1px solid #cacaca; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #fff; transition: border-color 0.2s; }
.preview_page a.ebook_store_link:hover { border-color: var(--color-primary-70); }
.preview_page .store_logo { display: flex; flex: 1; align-items: center; justify-content: center; width: 100%; }
.preview_page .store_logo > img { transition: transform 0.2s; }
.preview_page .ebook_store_link.kyobo .store_logo > img { width: clamp(56px, 3.6979166667vw, 71px); }
.preview_page .ebook_store_link.yes24 .store_logo > img { width: clamp(64px, 4.375vw, 84px); }
.preview_page .ebook_store_link.aladin .store_logo > img { width: clamp(96px, 6.6145833333vw, 127px); }
.preview_page .ebook_store_link.welaaa .store_logo > img { width: clamp(44px, 2.8645833333vw, 55px); }
.preview_page .ebook_store_link.millie .store_logo > img { width: clamp(30px, 1.9791666667vw, 38px); }
.preview_page .ebook_store_link.ridi .store_logo > img { width: clamp(48px, 3.1770833333vw, 61px); }
.preview_page a.ebook_store_link:hover .store_logo > img { transform: scale(1.06); }
.preview_page .store_txt { display: flex; align-items: center; justify-content: center; width: 100%; height: clamp(40px, 2.5vw, 48px); padding: 0 clamp(4px, 0.4166666667vw, 8px); background-color: #f8f8f8; color: #333; font-size: clamp(13px, 0.78125vw, 15px); text-align: center; }
.preview_page .store_txt .cm_icon { transition: color 0.2s; }
.preview_page a.ebook_store_link:hover .store_txt .cm_icon { color: var(--color-primary-70); }

/* 아카이브 - 프로그램 */
.archive_page .archive_title_box { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: clamp(32px, 2.0833333333vw, 40px) clamp(16px, 1.0416666667vw, 20px); gap: clamp(12.8px, 0.8333333333vw, 16px); border: 1px solid #000; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.archive_page .archive_section.type1 .archive_title_box { border-color: #134a83; background-color: #f1f7fd; }
.archive_page .archive_section.type2 .archive_title_box { border-color: #605b82; background-color: #f1effa; }
.archive_page .archive_section.type3 .archive_title_box { border-color: #5ec4c1; background-color: #f4fbfb; }
.archive_page .archive_section.type4 .archive_title_box { border-color: #9881c5; background-color: #faf5ff; }
.archive_page .archive_section.type5 .archive_title_box { border-color: #046784; background-color: #f0f6fb; }
.archive_page .archive_section.type6 .archive_title_box { border-color: #02a91a; background-color: #f0fbf2; }
.archive_page .archive_title_text1 { font-weight: 700; font-size: clamp(22px, 1.6666666667vw, 32px); line-height: 1.4; text-align: center; word-break: keep-all; }
.archive_page .archive_section.type1 .archive_title_text1 { color: #134a83; }
.archive_page .archive_section.type2 .archive_title_text1 { color: #605b82; }
.archive_page .archive_section.type3 .archive_title_text1 { color: #5ec4c1; }
.archive_page .archive_section.type4 .archive_title_text1 { color: #9881c5; }
.archive_page .archive_section.type5 .archive_title_text1 { color: #046784; }
.archive_page .archive_section.type6 .archive_title_text1 { color: #02a91a; }
.archive_page .archive_title_text2 { color: #333; font-size: clamp(16px, 1.25vw, 24px); line-height: 1.4; text-align: center; word-break: keep-all; }
.archive_page .archive_date { margin: 10px 0 clamp(5px, 0.5208333333vw, 10px); }
.archive_page .archive_section .cm_table2 .session { font-weight: 700; }
.archive_page .archive_section.type1 .cm_table2 .session { background-color: #134a83; }
.archive_page .archive_section.type2 .cm_table2 .session { background-color: #605b82; }
.archive_page .archive_section.type3 .cm_table2 .session { background-color: #5ec4c1; }
.archive_page .archive_section.type4 .cm_table2 .session { background-color: #9881c5; }
.archive_page .archive_section.type5 .cm_table2 .session { background-color: #046784; }
.archive_page .archive_section.type6 .cm_table2 .session { background-color: #02a91a; }

/* 조직 및 구성 */
.organization_page #directors,
.organization_page #auditor,
.organization_page #south { scroll-margin-top: clamp(130px, 12.5vw, 240px); }
.organization_page #office,
.organization_page #tel { scroll-margin-top: clamp(60px, 6.5104166667vw, 125px); }
.organization_page { display: flex; flex-direction: column; gap: clamp(30px, 2.9166666667vw, 56px); }
.organization_page .group_box { padding: clamp(40px, 4.1666666667vw, 80px) clamp(16px, 1.0416666667vw, 20px) clamp(160px, 11.25vw, 216px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f4fb; }
.organization_page .group_top { display: flex; position: relative; justify-content: center; margin-bottom: clamp(22.4px, 1.4583333333vw, 28px); }
.organization_page .group_top::before { position: absolute; width: 1px; height: clamp(240px, 15.625vw, 300px); background-color: #999; content: ""; }
.organization_page .group_head { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(110px, 8.3333333333vw, 160px); border-radius: 50%; background-color: var(--color-primary-70); box-shadow: 4px 8px 16px 0 rgba(3, 128, 55, 0.25); color: #fff; font-weight: 700; font-size: clamp(16px, 1.09375vw, 21px); text-align: center; }
.organization_page .group_head::before { position: absolute; right: 0; bottom: 0; aspect-ratio: 143/114; width: clamp(90px, 7.4479166667vw, 143px); background: url("../../images/sub/bg_point2.svg") no-repeat center/contain; content: ""; }
.organization_page .group_head:hover { text-decoration: underline; }
.organization_page .group_middle { display: flex; position: relative; align-items: center; justify-content: space-between; width: clamp(609.6px, 39.6875vw, 762px); margin: 0 auto; margin-bottom: clamp(22.4px, 1.4583333333vw, 28px); }
.organization_page .group_middle::before { position: absolute; width: 100%; height: 1px; background-color: #999; content: ""; }
.organization_page .group_center { display: flex; position: relative; justify-content: center; margin-bottom: clamp(80px, 5.2083333333vw, 100px); }
.organization_page .group_center::before { position: absolute; top: 100%; left: 50%; width: 1px; height: clamp(40px, 2.6041666667vw, 50px); background-color: #999; content: ""; }
.organization_page .group_bottom { display: flex; position: relative; align-items: center; justify-content: space-between; width: clamp(609.6px, 39.6875vw, 762px); margin: 0 auto; }
.organization_page .group_bottom::before { position: absolute; top: clamp(-50px, -2.6041666667vw, -40px); left: 50%; width: 71.6%; height: 1px; transform: translateX(-50%); background-color: #999; content: ""; }
.organization_page .group_item { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: fit-content; min-width: clamp(172.8px, 11.25vw, 216px); min-height: clamp(51.2px, 3.3333333333vw, 64px); padding: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); background-color: #1192ac; color: #fff; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.organization_page .group_item:hover { text-decoration: underline; }
.organization_page .group_item2 { display: flex; z-index: 1; align-items: center; justify-content: center; width: fit-content; min-width: clamp(160px, 10.4166666667vw, 200px); min-height: clamp(64px, 4.1666666667vw, 80px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #0c6dc8; color: #fff; font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); }
.organization_page .group_item2:hover { text-decoration: underline; }
.organization_page .group_item3 { display: flex; z-index: 1; position: relative; align-items: center; justify-content: center; width: fit-content; min-width: clamp(172.8px, 11.25vw, 216px); min-height: clamp(51.2px, 3.3333333333vw, 64px); margin: 0 auto; border: 1px solid var(--color-primary-70); border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; color: var(--color-primary-70); font-weight: 700; font-size: clamp(15px, 0.9895833333vw, 19px); text-align: center; }
.organization_page .group_item3:hover { text-decoration: underline; }
.organization_page .group_item4 { display: flex; z-index: 1; align-items: center; justify-content: center; width: fit-content; min-width: clamp(128px, 8.3333333333vw, 160px); min-height: clamp(44.8px, 2.9166666667vw, 56px); border: 1px solid #999; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); text-align: center; }
.organization_page .group_item4.line { position: relative; }
.organization_page .group_item4.line::before { position: absolute; bottom: 100%; left: 50%; width: 1px; height: clamp(33.6px, 2.1875vw, 42px); background-color: #999; content: ""; }
.organization_page .group_item4:hover { text-decoration: underline; }
.organization_page .group_column { position: relative; }
.organization_page .group_column::before { position: absolute; top: clamp(-50px, -2.6041666667vw, -40px); left: 50%; width: 1px; height: clamp(40px, 2.6041666667vw, 50px); background-color: #999; content: ""; }
.organization_page .group_column::after { position: absolute; top: 100%; left: 50%; width: 1px; height: clamp(30.4px, 1.9791666667vw, 38px); background-color: #999; content: ""; }
.organization_page .group_list { display: flex; position: absolute; left: 50%; align-items: center; margin-top: clamp(64px, 4.1666666667vw, 80px); gap: clamp(12.8px, 0.8333333333vw, 16px); transform: translateX(-50%); }
.organization_page .group_list::before { position: absolute; top: clamp(-42px, -2.1875vw, -33.6px); left: 50%; width: clamp(140.8px, 9.1666666667vw, 176px); height: 1px; transform: translateX(-50%); background-color: #999; content: ""; }
.organization_page .group_list.list2::before { width: clamp(281.6px, 18.3333333333vw, 352px); }

/* 오시는 길 */
.map_page .map { position: relative; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.map_page .map_img { width: 100%; object-fit: contain; }
.map_page .root_daum_roughmap { width: 100% !important; }
.map_page .root_daum_roughmap .wrap_map { height: clamp(300px, 36.4583333333vw, 700px) !important; }
.map_page .root_daum_roughmap .cont { display: none; }
.map_page .map_info { display: flex; z-index: 10; position: absolute; right: 0; bottom: 0; flex-direction: column; padding: clamp(20px, 1.6666666667vw, 32px) clamp(24px, 2.0833333333vw, 40px) clamp(18px, 1.25vw, 24px); gap: clamp(12.8px, 0.8333333333vw, 16px); border-radius: clamp(32px, 2.0833333333vw, 40px) 0 0 0; background: linear-gradient(254deg, #44af18 -10.38%, #098da7 95.96%); box-shadow: 0 -4px 12px 0 rgba(0, 0, 0, 0.12); }
.map_page .map_info .info_text { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #fff; font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); }
.map_page .map_info .info_text::before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(../../images/common/icon_location.svg); background-color: #fff; mask-image: url(../../images/common/icon_location.svg); }
.map_page .map_info .info_list { display: flex; flex-wrap: wrap; gap: 8px clamp(32px, 2.0833333333vw, 40px); }
.map_page .map_info .item_txt { display: flex; align-items: center; gap: clamp(6.4px, 0.4166666667vw, 8px); color: #fff; font-size: clamp(14px, 0.8854166667vw, 17px); }
.map_page .map_info .item_txt::before { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; background-color: #fff; mask-position: center; }
.map_page .map_info .item_txt.call::before { -webkit-mask-image: url(../../images/common/icon_call.svg); mask-image: url(../../images/common/icon_call.svg); }
.map_page .map_info .item_txt.print::before { -webkit-mask-image: url(../../images/common/icon_print.svg); mask-image: url(../../images/common/icon_print.svg); }

/* 겨레말큰사전·몽골국립대학 국제학술포럼 - 연사소개 */
.speaker_page { display: flex; flex-direction: column; gap: clamp(30px, 2.9166666667vw, 56px); }
.speaker_page .speaker_box { overflow: hidden; border: 1px solid #cacaca; border-radius: clamp(12.8px, 0.8333333333vw, 16px); }
.speaker_page .speaker_box_title { padding: clamp(16px, 1.0416666667vw, 20px) clamp(20px, 2.0833333333vw, 40px); background-color: var(--color-primary-70); color: #fff; font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.4; }
.speaker_page .speaker_list { display: flex; flex-direction: column; }
.speaker_page .speaker_item { display: flex; align-items: flex-start; padding: clamp(24px, 2.0833333333vw, 40px); gap: clamp(20px, 2.0833333333vw, 40px); border-top: 1px solid #cacaca; }
.speaker_page .speaker_item:first-child { border-top: 0; }
.speaker_page .speaker_thumb { flex-shrink: 0; aspect-ratio: 140/187; width: clamp(100px, 7.2916666667vw, 140px); overflow: hidden; border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #d9d9d9; }
.speaker_page .speaker_img { width: 100%; height: 100%; object-fit: cover; }
.speaker_page .speaker_info { display: flex; flex: 1; flex-direction: column; align-items: flex-start; min-width: 0; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.speaker_page .speaker_info .cm_badge { min-width: auto; }
.speaker_page .speaker_name { font-weight: 700; font-size: clamp(17px, 1.25vw, 24px); line-height: 1.4; }
.speaker_page .speaker_career { display: flex; flex-direction: column; margin-top: clamp(6.4px, 0.4166666667vw, 8px); gap: clamp(3.2px, 0.2083333333vw, 4px); color: #333; font-size: clamp(14px, 0.8854166667vw, 17px); line-height: 1.6; word-break: keep-all; }
.speaker_page .speaker_career > li.dot { position: relative; padding-left: clamp(10px, 0.625vw, 12px); }
.speaker_page .speaker_career > li.dot::before { position: absolute; top: clamp(10px, 0.6770833333vw, 13px); left: 0; aspect-ratio: 1/1; width: clamp(2px, 0.15625vw, 3px); border-radius: 50%; background-color: #333; content: ""; }

/* 한눈에 들어오는 남북 언어 */
.language_page { display: flex; flex-direction: column; gap: clamp(60px, 6.25vw, 120px); word-break: keep-all; }
.language_page .lang_block { display: flex; position: relative; flex-direction: column; gap: clamp(32px, 2.9166666667vw, 56px); }
.language_page .lang_block.line { padding-top: clamp(32px, 3.3333333333vw, 64px); gap: clamp(24px, 2.0833333333vw, 40px); border-top: 1px solid var(--color-primary-70); }
.language_page .lang_title_area { display: flex; flex-direction: column; align-items: flex-start; gap: clamp(8px, 0.625vw, 12px); }
.language_page .lang_intro { display: flex; gap: clamp(32px, 4.1666666667vw, 80px); }
.language_page .lang_intro_text { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(16px, 1.0416666667vw, 20px); }
.language_page .lang_desc { font-size: clamp(15px, 0.8854166667vw, 17px); }
.language_page .lang_intro_img { flex-shrink: 0; aspect-ratio: 600/337; width: 46.875%; overflow: hidden; border-radius: clamp(19.2px, 1.25vw, 24px); }
.language_page .lang_intro_img > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.language_page .lang_book_list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(24px, 2.0833333333vw, 40px) clamp(12px, 1.25vw, 24px); }
.language_page .lang_book_link { display: flex; flex-direction: column; gap: clamp(10px, 0.8333333333vw, 16px); }
.language_page .lang_book_cover { display: flex; position: relative; align-items: center; justify-content: center; aspect-ratio: 237/320; overflow: hidden; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f7f7fc; }
.language_page .lang_book_cover > img { width: 67.5%; box-shadow: 0 clamp(3.2px, 0.2083333333vw, 4px) clamp(6.4px, 0.4166666667vw, 8px) 0 rgba(0, 0, 0, 0.16); }
.language_page a.lang_book_link .lang_book_cover::before { z-index: 1; position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; opacity: 0; transition: opacity 0.2s; }
.language_page .lang_book_preview { z-index: 2; position: absolute; top: 50%; left: 50%; min-height: clamp(34px, 2.0833333333vw, 40px); padding: 0 clamp(10px, 0.8333333333vw, 16px); transform: translate(-50%, -50%); border-radius: clamp(4.8px, 0.3125vw, 6px); background-color: #333; font-size: clamp(13px, 0.78125vw, 15px); white-space: nowrap; opacity: 0; transition: opacity 0.2s; }
.language_page a.lang_book_link:hover .lang_book_cover::before,
.language_page a.lang_book_link:focus-visible .lang_book_cover::before,
.language_page a.lang_book_link:hover .lang_book_preview,
.language_page a.lang_book_link:focus-visible .lang_book_preview { opacity: 1; }
.language_page .lang_book_name { color: #000; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; overflow-wrap: anywhere; }
.language_page .lang_link_area { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(12px, 1.25vw, 24px); }
.language_page .lang_link_box { display: flex; flex-wrap: wrap; align-items: center; padding: clamp(16px, 1.25vw, 24px) clamp(20px, 1.6666666667vw, 32px); gap: clamp(12px, 0.8333333333vw, 16px) clamp(16px, 1.4583333333vw, 28px); border: 1px solid #cacaca; border-radius: clamp(9.6px, 0.625vw, 12px); }
.language_page .lang_link_box.gray { background-color: #f8f8f8; }
.language_page .lang_link_title { --icon-gap: clamp(8px, 0.625vw, 12px); flex: 999 0 auto; font-weight: 700; font-size: clamp(17px, 1.09375vw, 21px); }
.language_page .lang_link_title::before { background-color: var(--color-primary-70); }
.language_page .lang_store_list { display: flex; flex: 1 0 auto; align-items: center; gap: clamp(16px, 1.4583333333vw, 28px); }
.language_page .lang_store_list > li { display: flex; position: relative; flex: 1 0 auto; align-items: center; justify-content: center; }
.language_page .lang_store_list > li + li::before { position: absolute; top: 50%; left: clamp(-14px, -0.7291666667vw, -8px); width: 1px; height: clamp(19.2px, 1.25vw, 24px); transform: translateY(-50%); background-color: #cacaca; content: ""; }
.language_page .lang_store_link { display: flex; align-items: center; }
.language_page .lang_store_link > img { transition: transform 0.2s; }
.language_page .lang_store_link:hover > img { transform: scale(1.06); }
.language_page .lang_store_link.kyobo > img { width: clamp(50px, 3.4375vw, 66px); }
.language_page .lang_store_link.aladin > img { width: clamp(88px, 6.1458333333vw, 118px); }
.language_page .lang_store_link.yes24 > img { width: clamp(56px, 3.8541666667vw, 74px); }
.language_page .lang_search_area { display: flex; gap: clamp(32px, 4.1666666667vw, 80px); }
.language_page .lang_search_info { display: flex; flex: 1; flex-direction: column; justify-content: space-between; min-width: 0; gap: clamp(20px, 1.40625vw, 27px); }
.language_page .lang_check_list { border-top: 1px solid #cacaca; }
.language_page .lang_check_item { --icon-gap: clamp(8px, 0.625vw, 12px); width: 100%; padding: clamp(16px, 1.25vw, 24px); border-bottom: 1px solid #cacaca; }
.language_page .lang_check_item::before,
.language_page .lang_app_item::before { background-color: var(--color-primary-70); }
.language_page .lang_check_text { flex: 1; min-width: 0; font-size: clamp(15px, 0.9895833333vw, 19px); }
.language_page .lang_search_area .cm_overview14 { flex: 1; }
.language_page .lang_web_img { overflow: hidden; border-radius: clamp(16px, 1.25vw, 24px); background-color: #f7f7fc; }
.language_page .lang_web_img > img { display: block; width: 100%; }
.language_page .lang_app { display: flex; align-items: flex-start; gap: clamp(32px, 2.9166666667vw, 56px); }
.language_page .lang_app_info { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(16px, 1.25vw, 24px); }
.language_page .lang_app_content { display: flex; flex-direction: column; gap: clamp(24px, 2.0833333333vw, 40px); }
.language_page .lang_app_list { display: flex; flex-direction: column; gap: clamp(10px, 0.8333333333vw, 16px); }
.language_page .lang_app_item { width: 100%; padding: clamp(12px, 0.8333333333vw, 16px) clamp(18px, 1.25vw, 24px); border-radius: clamp(24px, 1.5625vw, 30px); background-color: #f7f7fc; }
.language_page .lang_app_store { display: flex; flex-wrap: wrap; gap: clamp(6.4px, 0.4166666667vw, 8px); }
.language_page .lang_app_btn { display: flex; align-items: center; min-height: clamp(48px, 3.3333333333vw, 64px); padding: 0 clamp(9px, 0.8333333333vw, 16px); gap: clamp(5px, 0.4166666667vw, 8px); border: 1px solid #999; border-radius: clamp(6.4px, 0.4166666667vw, 8px); background-color: #fff; transition: border-color 0.2s; }
.language_page .lang_app_btn:hover { border-color: var(--color-primary-70); }
.language_page .app_btn_logo { flex-shrink: 0; height: auto; }
.language_page .app_btn_logo.apple { width: clamp(20px, 1.6145833333vw, 31px); }
.language_page .app_btn_logo.google { width: clamp(19px, 1.5104166667vw, 29px); }
.language_page .app_btn_texts { display: flex; flex-direction: column; gap: clamp(2px, 0.2083333333vw, 4px); color: #000; line-height: 1.1; white-space: nowrap; }
.language_page .app_btn_text1 { font-size: clamp(10px, 0.6770833333vw, 13px); letter-spacing: -0.02em; }
.language_page .app_btn_text2 { font-size: clamp(14px, 1.09375vw, 21px); letter-spacing: -0.02em; }
.language_page .lang_app_img { flex-shrink: 0; width: 58.906%; }
.language_page .lang_app_img > img { display: block; width: 100%; }
.language_page .lang_feature_list { display: flex; flex-direction: column; margin-top: clamp(16px, 2.0833333333vw, 40px); gap: clamp(40px, 4.1666666667vw, 80px); }
.language_page .lang_feature_item { display: flex; align-items: center; gap: clamp(32px, 4.1666666667vw, 80px); border-bottom: 1px solid #cacaca; }
.language_page .lang_feature_item.reverse { flex-direction: row-reverse; padding-left: 12.1875%; }
.language_page .lang_feature_img { flex-shrink: 0; width: 43.75%; }
.language_page .lang_feature_item.reverse .lang_feature_img { flex-shrink: 1; width: 67.082%; min-width: 0; }
.language_page .lang_feature_img > img { display: block; width: 100%; }
.language_page .lang_feature_text { display: flex; flex: 1; flex-direction: column; min-width: 0; gap: clamp(12px, 0.8333333333vw, 16px); }
.language_page .lang_feature_item.reverse .lang_feature_text { min-width: clamp(260px, 15.1041666667vw, 290px); }
.language_page .lang_feature_title { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
.language_page .lang_feature_desc { color: #000; font-size: clamp(15px, 0.9895833333vw, 19px); line-height: 1.5; }

/* 시스템 점검 */
.system_check_page { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: clamp(30px, 2.6041666667vw, 50px) clamp(12px, 2.6041666667vw, 50px); background: #fff; word-break: keep-all; }
.system_check_page .system_check_inner { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; gap: clamp(20px, 2.0833333333vw, 40px); }
.system_check_page .system_check_visual { width: clamp(300px, 27.8645833333vw, 535px); max-width: 100%; margin: 0 auto; }
.system_check_page .system_check_visual img { width: 100%; }
.system_check_page .system_check_title { font-weight: 700; font-size: clamp(22px, 2.0833333333vw, 40px); line-height: 1.4; text-align: center; }
.system_check_page .system_check_desc { font-size: clamp(16px, 0.9895833333vw, 19px); line-height: 1.4; text-align: center; }
.system_check_page .system_check_schedule { display: flex; height: clamp(132px, 8.59375vw, 165px); }
.system_check_page .system_check_schedule_label { display: flex; z-index: 1; align-items: center; justify-content: center; height: 100%; padding: 16px clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: var(--color-primary-70); color: #fff; font-weight: 700; font-size: clamp(18px, 1.4583333333vw, 28px); line-height: 1.4; text-align: center; }
.system_check_page .system_check_schedule_content { display: flex; flex-direction: column; justify-content: center; height: 100%; margin-left: clamp(-24px, -1.25vw, -19.2px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(25.6px, 1.6666666667vw, 32px) clamp(8px, 0.5208333333vw, 10px) clamp(44.8px, 2.9166666667vw, 56px); gap: clamp(4.8px, 0.3125vw, 6px); border-radius: 0 12px 12px 0; background-color: #e7f9f2; }
.system_check_page .system_check_info { display: flex; flex-direction: column; justify-content: center; width: 100%; font-weight: 500; font-size: clamp(18px, 1.4583333333vw, 28px); letter-spacing: -2px; }
.system_check_page .system_check_info .point { color: var(--color-primary-70); font-weight: 700; }
.system_check_page .system_check_note { color: #333; font-size: clamp(14px, 0.9375vw, 18px); }
@media screen and (min-width:1281px) {
	.header { z-index: 100; position: sticky; top: 0; border-bottom: 1px solid #cacaca; background-color: #fff; }
	.header_top { height: var(--gnb_height1); padding: clamp(20px, 1.5104166667vw, 29px) 0; border-bottom: 1px solid #dadada; }
	.header_top .inner { display: flex; align-items: center; justify-content: space-between; max-width: calc(1600px + var(--inner_padding) * 2); height: 100%; }
	.header_body .inner { max-width: calc(1600px + var(--inner_padding) * 2); }
	.header_top .logo { flex-shrink: 0; }
	.header_top .logo img { width: clamp(160px, 12.5vw, 240px); object-fit: contain; }
	.header_top .menu_list { display: flex; align-items: center; gap: clamp(19.2px, 1.25vw, 24px); }
	.header_top .menu_list .menu_item.mb_menu_btn { display: none; }
	.header_top .menu_link { display: flex; align-items: center; gap: clamp(9.6px, 0.625vw, 12px); color: #333; font-weight: 700; font-size: clamp(18px, 1.1458333333vw, 22px); line-height: 1.4; cursor: pointer; transition: color 0.2s; }
	.header_top .menu_link:hover { color: var(--color-primary-80); }
	.header_top .menu_link .cm_icon { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: clamp(32px, 2.0833333333vw, 40px); border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f4fb; color: #333; }
	.header_top .menu_link .cm_icon:before { transition: transform 0.2s; }
	.header_top .menu_link:hover .cm_icon:before { transform: scale(1.1); }
	.header .gnb_depth1 { display: flex; align-items: center; gap: 0 clamp(30px, 2.5vw, 48px); }
	.header .gnb_depth1 .gnb_item1 { display: flex; align-items: center; }
	.header .gnb_depth1 .gnb_item1 .gnb_link1 { display: flex; position: relative; align-items: center; justify-content: center; height: var(--gnb_height2); padding: 0 clamp(9.6px, 0.625vw, 12px); font-weight: 700; font-size: clamp(16px, 1.25vw, 24px); line-height: 1.4; text-decoration: none; white-space: nowrap; transition: color 0.2s; }
	.header .gnb_depth1 .gnb_item1 .gnb_link1:hover { color: var(--color-primary-80); }
	.header .gnb_depth1 .gnb_item1 .gnb_link1::after { position: absolute; bottom: 0; left: 0; width: 100%; height: clamp(3.2px, 0.2083333333vw, 4px); transform: scaleX(0); background-color: var(--color-primary-80); content: ""; transition: transform 0.2s; }
	.header .gnb_depth1 .gnb_item1.active .gnb_link1::after,
	.header .gnb_depth1 .gnb_item1.is_open .gnb_link1::after,
	.header .gnb_depth1 .gnb_link1.active::after,
	.header .gnb_depth1 .gnb_link1:hover::after { transform: scaleX(1); }
	.header .gnb_depth1 .gnb_item1 .gnb_text1 { display: inline-flex; gap: clamp(6.4px, 0.4166666667vw, 8px); pointer-events: none; }
	.header .gnb_depth1 .gnb_item1 .gnb_text1::after { display: none; aspect-ratio: 1/1; width: clamp(19.2px, 1.25vw, 24px); background-color: #333; content: ""; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-position: center; mask-position: center; -webkit-mask-image: url(../../images/common/icon_arrow_down.svg); mask-image: url(../../images/common/icon_arrow_down.svg); transition: transform 0.2s, background-color 0.2s; }
	.header .gnb_depth1 .gnb_link1:hover .gnb_text1::after { background-color: var(--color-primary-80); }
	.header .gnb_depth1 .gnb_item1.has-depth .gnb_text1::after { display: block; -webkit-mask-image: url(../../images/common/icon_arrow_down.svg); mask-image: url(../../images/common/icon_arrow_down.svg); }
	.header .gnb_depth1 .gnb_item1.active.has-depth .gnb_text1::after,
	.header .gnb_depth1 .gnb_item1.is_open.has-depth .gnb_link1:not([target=_blank]):not(.blank_icon) .gnb_text1::after,
	.header .gnb_depth1 .gnb_item1 .gnb_link1.active:not([target=_blank]):not(.blank_icon) .gnb_text1::after { transform: rotate(180deg); }
	.header .gnb_depth1 .gnb_item1 .gnb_link1[target=_blank] .gnb_text1::after { display: block; -webkit-mask-image: url(../../images/common/icon_window.svg); mask-image: url(../../images/common/icon_window.svg); }
	.header .gnb_depth2_wrap { visibility: hidden; z-index: 110; position: absolute; top: calc(var(--gnb_height1) + var(--gnb_height2)); left: 50%; width: 98%; max-width: var(--header_gnb_panel_width); padding: 0 0 clamp(16px, 1.0416666667vw, 20px); transform: translateX(-50%); opacity: 0; pointer-events: none; transition: opacity 0.3s ease, visibility 0.3s ease; }
	.header .gnb_depth2_wrap:before { position: absolute; right: 0; bottom: 0; left: 0; height: clamp(120px, 7.8125vw, 150px); border-radius: 0 0 clamp(64px, 4.1666666667vw, 80px) clamp(64px, 4.1666666667vw, 80px); background-color: var(--color-primary-80); content: ""; pointer-events: none; }
	.header .gnb_item1.is_open > .gnb_depth2_wrap,
	.header .gnb_depth2_wrap.is-open { visibility: visible; opacity: 1; pointer-events: auto; }
	.header .gnb_panel { display: grid; z-index: 2; position: relative; grid-template-columns: var(--header_gnb_title_width) minmax(0, 1fr); overflow: hidden; border: 1px solid var(--color-primary-70); border-radius: clamp(32px, 2.0833333333vw, 40px) clamp(32px, 2.0833333333vw, 40px) clamp(64px, 4.1666666667vw, 80px) clamp(64px, 4.1666666667vw, 80px); background-color: #fff; box-shadow: 0 clamp(11.2px, 0.7291666667vw, 14px) clamp(19.2px, 1.25vw, 24px) 0 rgba(0, 0, 0, 0.05); }
	.header .gnb_panel_title { z-index: 2; position: relative; padding: clamp(20px, 2.0833333333vw, 40px) clamp(20px, 2.0833333333vw, 40px); overflow: hidden; border-radius: clamp(32px, 2.0833333333vw, 40px); background: linear-gradient(180deg, #ecf8f3 80%, #fff 100%); }
	.header .gnb_panel_title:after { position: absolute; right: clamp(-20px, -1.0416666667vw, -16px); bottom: clamp(10px, 1.3020833333vw, 25px); aspect-ratio: 255.579/189; width: clamp(150px, 13.31140625vw, 255.579px); background: url(../../images/common/gnb_panel_logo.svg) no-repeat right bottom/contain; content: ""; pointer-events: none; }
	.header .gnb_depth2_header_title { display: block; z-index: 1; position: relative; color: var(--color-primary-70); font-weight: 700; font-size: clamp(30px, 2.0833333333vw, 40px); }
	.header .gnb_panel_content { display: flex; z-index: 2; position: relative; min-width: 0; min-height: 0; padding: clamp(20px, 2.0833333333vw, 40px) clamp(20px, 1.5625vw, 30px) clamp(50px, 5.2083333333vw, 100px) clamp(20px, 1.5625vw, 30px); }
	.header .gnb_panel_scroll { flex: 1 1 auto; min-width: 0; min-height: 0; }
	.header .gnb_depth2 { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: flex-start; gap: clamp(16px, 1.0416666667vw, 20px) clamp(16px, 1.0416666667vw, 20px); }
	.header .gnb_depth2 .gnb_item2 { display: flex; flex-direction: column; min-width: 0; gap: clamp(8px, 0.8333333333vw, 16px); }
	.header .gnb_depth2 .gnb_link2 { display: flex; position: relative; align-items: center; justify-content: space-between; min-height: clamp(48.8px, 3.1770833333vw, 61px); padding: clamp(8px, 0.5208333333vw, 10px) clamp(16px, 1.0416666667vw, 20px) clamp(8px, 0.5208333333vw, 10px) clamp(19.2px, 1.25vw, 24px); gap: clamp(8px, 0.5208333333vw, 10px); border-radius: clamp(9.6px, 0.625vw, 12px); background-color: #f4f4f4; font-size: clamp(15px, 0.9895833333vw, 19px); transition: background-color 0.2s ease; }
	.header .gnb_depth2 .gnb_link2::after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(16px, 1.0416666667vw, 20px); background-color: #333; content: ""; -webkit-mask: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; mask: url(../../images/common/icon_arrow_forward.svg) no-repeat center/contain; }
	.header .gnb_depth2 .gnb_link2[target=_blank]:after,
	.header .gnb_depth2 .gnb_link2.blank_icon:after { background-image: url(../../images/common/icon_window.svg); }
	.header .gnb_depth2 .gnb_link2:hover,
	.header .gnb_depth2 .gnb_item2.active .gnb_link2 { background-color: #f3f4fb; }
	.header .gnb_depth3_wrap { min-width: 0; }
	.header .gnb_depth3 { display: flex; flex-direction: column; gap: clamp(3.2px, 0.2083333333vw, 4px); }
	.header .gnb_depth3 .gnb_item3 { min-width: 0; }
	.header .gnb_depth3 .gnb_link3 { display: flex; position: relative; align-items: center; justify-content: space-between; color: #333; font-size: clamp(13px, 0.8854166667vw, 17px); transition: color 0.2s; }
	.header .gnb_depth3 .gnb_link3[target=_blank]::after,
	.header .gnb_depth3 .gnb_link3.blank_icon::after { flex-shrink: 0; aspect-ratio: 1/1; width: clamp(14.4px, 0.9375vw, 18px); background-color: #333; content: ""; -webkit-mask: url(../../images/common/icon_window.svg) no-repeat center/contain; mask: url(../../images/common/icon_window.svg) no-repeat center/contain; transition: background-color 0.2s; }
	.header .gnb_depth3 .gnb_text3 { display: flex; padding: clamp(4px, 0.4166666667vw, 8px) 0 clamp(4px, 0.4166666667vw, 8px) clamp(10.4px, 0.6770833333vw, 13px); }
	.header .gnb_depth3 .gnb_text3::before { position: absolute; left: 0; aspect-ratio: 1/1; width: clamp(4px, 0.2604166667vw, 5px); margin-top: clamp(8px, 0.5208333333vw, 10px); border-radius: 50%; background-color: #999; content: ""; transition: background-color 0.2s; }
	.header .gnb_depth3 .gnb_link3:hover,
	.header .gnb_depth3 .gnb_item3.active .gnb_link3 { color: #000; font-weight: 700; }
	.header .gnb_depth3 .gnb_link3[target=_blank]:hover::after,
	.header .gnb_depth3 .gnb_item3.active .gnb_link3[target=_blank]::after,
	.header .gnb_depth3 .gnb_link3.blank_icon:hover::after,
	.header .gnb_depth3 .gnb_item3:active .gnb_link3.blank_icon::after { background-color: #000; }
	.header .gnb_depth3 .gnb_link3:hover .gnb_text3::before,
	.header .gnb_depth3 .gnb_item3.active .gnb_text3::before { background-color: #000; }
	.header .mobile_menu_layer { display: none; }
}
@media screen and (max-width:1280px) {
	.header .search_overlay { top: var(--gnb_height); }
	:root { --gnb_height: 72px; }
	.header { z-index: 200; position: sticky; top: 0; height: var(--gnb_height); border-bottom: 1px solid #dadada; background: #fff; }
	.header_top { height: 100%; }
	.header_top .inner { display: flex; align-items: center; justify-content: space-between; height: 100%; padding: 0 16px; }
	.header_top .logo img { width: clamp(150px, 9.375vw, 180px); }
	.header_top .menu_list { display: flex; align-items: center; gap: 24px; }
	.header_top .menu_list .menu_item.pc_total_btn { display: none; }
	.header_top .menu_link { display: flex; align-items: center; gap: 8px; color: #333; font-weight: 700; font-size: 17px; line-height: 1.4; transition: color 0.2s; }
	.header_top .menu_link:hover { color: var(--color-primary-80); }
	.header_top .menu_link .cm_icon,
	.header_top .menu_link .hamburger_box { display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; width: 36px; border-radius: clamp(12.8px, 0.8333333333vw, 16px); background-color: #f3f4fb; color: #333; }
	.header_top .menu_link .cm_icon:before { --icon-size: 20px; transition: transform 0.2s; }
	.header_top .menu_link:hover .cm_icon:before { transform: scale(1.1); }
	.header .hamburger_box_in { display: flex; flex-direction: column; align-items: flex-end; gap: 4px; }
	.header .btn_hamburger .hamburger_line { display: block; width: 15px; height: 2px; border-radius: 2px; background: #333; transition: transform 0.3s ease, opacity 0.3s ease; }
	.header .btn_hamburger .hamburger_line:nth-child(2) { width: 12px; }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(1) { transform: translateY(6px) rotate(-45deg); }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(2) { opacity: 0; }
	.header .btn_hamburger.is_active .hamburger_line:nth-child(3) { transform: translateY(-6px) rotate(45deg); }
	.header .header_gnb_row { display: none; }
	.header .mobile_menu_layer { display: none; visibility: hidden; z-index: 240; position: fixed; margin-top: var(--gnb_height); inset: 0; background: #fff; opacity: 0; transition: opacity 0.3s ease, visibility 0.3s ease; }
	.header .mobile_menu_layer.is-opened { display: block; visibility: visible; opacity: 1; }
	.header .mobile_menu_layer .mobile_gnb_area,
	.header .mobile_menu_layer .gnb,
	.header .mobile_menu_layer .gnb_inner,
	.header .mobile_menu_layer .gnb_depth1_wrap { height: 100%; }
	.header .mobile_menu_layer .gnb_depth1_wrap { background-color: #f2fdf8; }
	.header .mobile_menu_layer .gnb_depth1 { display: flex; flex-direction: column; width: 144px; height: 100%; overflow: auto; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1 { display: flex; position: relative; align-items: center; padding: 16px 20px; gap: 4px; font-weight: 700; font-size: 19px; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth1 .gnb_link1.blank_icon:after { display: block; aspect-ratio: 1/1; width: 18px; content: ""; -webkit-mask: url(../../images/common/icon_window.svg) no-repeat center/contain; flex-shrink: 0; background-color: #000; mask: url(../../images/common/icon_window.svg) no-repeat center/contain; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_link1 { background-color: var(--color-primary-70); color: #fff; }
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_link1[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth1 .gnb_item1.active .gnb_link1.blank_icon:after { background-color: #fff; }
	.header .mobile_menu_layer .gnb_depth2_wrap { display: none; position: absolute; top: 0; right: 0; width: calc(100% - 144px); height: 100%; padding: 0 16px; padding-bottom: 12px; overflow: auto; background: #fff; }
	.header .mobile_menu_layer .gnb_item2 { border-bottom: 1px solid #cacaca; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2 { display: flex; position: relative; padding: 12px 8px; padding-right: 30px; font-size: 17px; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2:after { display: none; position: absolute; top: 50%; right: 0; aspect-ratio: 1/1; width: 20px; transform: translateY(-50%); content: ""; -webkit-mask: url(../../images/common/icon_arrow_down.svg) no-repeat center/contain; background-color: #000; mask: url(../../images/common/icon_arrow_down.svg) no-repeat center/contain; transition: transform 0.3s ease; }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_link2.blank_icon:after { display: block; -webkit-mask-image: url(../../images/common/icon_window.svg); transform: translateY(-50%) rotate(0) !important; mask-image: url(../../images/common/icon_window.svg); }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2:has(.gnb_depth3_wrap) .gnb_link2:after { display: block; }
	.header .mobile_menu_layer .gnb_item1.active .gnb_depth2_wrap { display: block; }
	.header .mobile_menu_layer .gnb_item2.active .gnb_link2 { color: var(--color-primary-70); font-weight: 700; }
	.header .mobile_menu_layer .gnb_depth3_wrap { display: grid; visibility: hidden; grid-template-rows: 0fr; background-color: #f4f4f4; transition: grid-template-rows 0.3s ease, visibility 0s linear 0.3s; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 { display: flex; flex-direction: column; min-height: 0; overflow: hidden; gap: 8px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 { position: relative; margin: 0 12px; padding-left: 12px; font-size: 15px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3:first-child { margin-top: 16px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3:last-child { margin-bottom: 16px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a { display: flex; align-items: center; justify-content: space-between; gap: 4px; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3 a.blank_icon:after { display: block; aspect-ratio: 1/1; width: 16px; content: ""; -webkit-mask: url(../../images/common/icon_window.svg) no-repeat center/contain; flex-shrink: 0; background-color: #000; mask: url(../../images/common/icon_window.svg) no-repeat center/contain; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3:before { position: absolute; top: 8px; left: 0; width: 4px; height: 4px; background: #000; content: ""; }
	.header .mobile_menu_layer .gnb_item2.active .gnb_depth3_wrap { visibility: visible; grid-template-rows: 1fr; transition: grid-template-rows 0.3s ease, visibility 0s; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3.active a { color: var(--color-primary-70); font-weight: 700; }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3.active:before { background-color: var(--color-primary-70); }
	.header .mobile_menu_layer .gnb_depth2_wrap .gnb_item2.active .gnb_link2:not([target=_blank]):not(.blank_icon):after { transform: translateY(-50%) rotate(180deg); }
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3.active a[target=_blank]:after,
	.header .mobile_menu_layer .gnb_depth3_wrap .gnb_depth3 .gnb_item3.active a.blank_icon:after { background-color: var(--color-primary-70); }
	.cm_tb_none { display: none; }
	.main_page .pc_only { display: none; }
	.main_page .section1 .language_box { width: 327px; }
	.main_page .section1 .language_search_center { flex-direction: row; padding: 20px; gap: 18px; }
	.main_page .section1 .recommended_txt span:first-child { margin-right: 2px; }
	.main_page .section1 .recommended_txt:not(:last-child) { margin-right: 4px; }
	.main_page .section1 .deco_g { top: 12.31px; right: 55.13px; width: 32.148px; }
	.main_page .section1 .deco_r { top: 11px; right: 14.11px; width: 35.562px; }
	.main_page .section1 .deco_m { top: 17.5px; right: -8.28px; width: 37.304px; }
	.main_page .section1 .deco_g.v2 { top: 6.31px; right: 55.13px; }
	.main_page .section1 .deco_r.v2 { top: 5px; right: 14.11px; }
	.main_page .section1 .deco_m.v2 { top: 11.5px; right: -8.28px; }
	.main_page .section1 .language_today_top .today_btn { position: unset; width: auto; border-radius: 0; background-color: transparent; }
	.main_page .section1 .language_today_top .today_btn:hover { transform: none; background-color: unset; }
	.main_page .section1 .language_today_content .today_desc { padding-right: 0; }
	.main_page .section2 .north_south_box { gap: 24px; }
	.main_page .section2 .cm_dl2.type5 > li { flex-direction: column; }
	.main_page .section2 .progress_title_item.plan { text-align: right; }
	.main_page .section2 .progress_title_item br { display: block; }
	.main_page .section2 .progress_date_box_mb { display: flex; }
	.main_page .section2 .progress_date.view_pc { display: none; }
	.main_page .section2 .progress_date.view_mb { display: block; }
	.main_page .section4 { padding: 40px 0 64px; background: linear-gradient(180deg, #fff 70%, #e6faf6 100%); }
	.main_page .section4_inner { display: flex; flex-direction: column; width: 100%; max-width: calc(1600px + var(--inner_padding) * 2); margin-right: auto; margin-left: auto; padding-right: var(--inner_padding); padding-left: var(--inner_padding); gap: 40px; }
	.main_page .section4 .board_form1 { border-radius: clamp(19.2px, 1.25vw, 24px); }
	.main_page .section4 .sns_area { padding: 0; background: unset; }
	.main_page .section4 .sns_area::before { display: none; }
	.main_page .section4 .sns_list { grid-template-columns: repeat(4, 1fr); }
	.main_page .section4 .sns_item { min-width: 100%; }
	.event_page .event_content { flex-direction: column; }
	.event_page .event_year { text-align: center; }
	.preview_page .ebook_box { flex-direction: column; }
	.preview_page .ebook_visual { width: 100%; }
	.organization_page #directors,
	.organization_page #auditor,
	.organization_page #south { scroll-margin-top: 0px; }
	.organization_page #office,
	.organization_page #tel { scroll-margin-top: -80px; }
	.organization_page .group_box { padding-bottom: 230px; }
	.organization_page .group_middle { width: 500px; }
	.organization_page .group_bottom { width: 500px; }
	.organization_page .group_bottom::before { width: 65.6%; }
	.organization_page .group_list { flex-direction: column; margin-top: 20px; gap: 12px; }
	.organization_page .group_item4.line::before { display: none; }
	.organization_page .group_column::after { height: 20px; }
	.organization_page .group_list::before { top: 0; width: 1px; height: 100%; transform: unset; }
	.organization_page .group_list.list2::before { width: 1px; }
	.language_page .lang_book_list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media screen and (max-width:1024px) {
	.cm_breadcrumb .nav_list { display: flex; }
	.language_page .lang_intro { flex-direction: column; }
	.language_page .lang_intro_img { align-self: center; width: 100%; max-width: 600px; }
	.language_page .lang_link_area { grid-template-columns: 1fr; }
	.language_page .lang_search_area { flex-direction: column; }
	.language_page .lang_app { flex-direction: column; align-items: stretch; }
	.language_page .lang_app_store { justify-content: center; }
	.language_page .lang_app_img { align-self: center; width: 100%; max-width: 754px; }
}
@media screen and (max-width:1023px) {
	.main_page .section1 .inner { flex-direction: column; }
	.main_page .section1 .language_box { flex-direction: row; width: 100%; }
	.main_page .section1 .language_search { flex: 1; }
	.main_page .section2 .north_south_box { flex-direction: column; }
	.main_page .section2 .ns_card { width: 100%; }
	.main_page .section2 .info_area { padding: 24px 24px 16px; gap: 16px; }
	.main_page .section2 .meeting_control { margin: 0 24px 24px; }
	.main_page .section2 .cm_dl2.type5 { gap: 8px; }
	.main_page .section2 .cm_dl2.type5 > li { flex-direction: row; font-size: 16px; }
	.main_page .section2 .stats_area { grid-template-columns: repeat(2, 1fr); }
	.main_page .section2 .stats_item { padding: 20px 10px; gap: 8px; }
	.main_page .section2 .stats_txt { gap: 12px; font-size: 17px; }
	.main_page .section2 .stats_value_txt { font-size: 17px; }
	.main_page .section2 .stats_value_list { gap: 4px; }
	.main_page .section2 .progress_area { flex-direction: column; padding: 32px 24px 24px; gap: 20px; }
	.main_page .section2 .progress_title { margin-bottom: 12px; }
	.main_page .section2 .progress_bar { height: 88px; }
	.main_page .section2 .progress_bar_fill .fill_in { padding-right: 16px; }
	.main_page .section2 .progress_right { flex-direction: row-reverse; justify-content: space-between; width: 100%; gap: 10px; }
	.main_page .section2 .progress_date_box_mb { flex: 1; }
	.main_page .section2 .progress_date.view_mb { margin: 0; }
	.main_page .section2 .progress_date_txt { display: block; }
	.main_page .section2 .circle_text > span { display: none; }
	.main_page .section2 .circle_text strong { font-size: 21px; }
	.main_page .section3 .promotion_list { grid-template-columns: 604fr 340fr; }
	.main_page .section3 .promotion_item:last-child { grid-column: 1/-1; }
	.main_page .section4 .board_content1 { gap: 15px; }
	.main_page .section4 .board_form1 { width: 260px; }
}
@media (max-width:768px) {
	.system_check_page .system_check_schedule { flex-direction: column; height: auto; }
	.system_check_page .system_check_schedule_label br { display: none; }
	.system_check_page .system_check_schedule_content { margin-top: clamp(-20px, -1.0416666667vw, -16px); margin-left: 0; padding: 30px 20px 20px; border-radius: 0 0 12px 12px; }
}
@media screen and (max-width:768px) {
	.header .search_overlay { top: var(--gnb_height); }
	.header_top .menu_list { gap: 8px; }
	.header_top .menu_list .menu_link_txt { display: none; }
	.header_top .menu_link .cm_icon,
	.header_top .menu_link .hamburger_box { width: 40px; }
	.header_top .menu_link .cm_icon:before { --icon-size: 20px; }
	.footer .js_top_btn { bottom: 106px; }
	.main_page .section1 .language_box { flex-direction: column; gap: 8px; }
	.main_page .section1 .language_search { box-shadow: unset; }
	.main_page .section1 .language_search_top { padding: 0; background-color: transparent; }
	.main_page .section1 .language_search_top .language_deco { display: none; }
	.main_page .section1 .search_content { padding: 4px 8px 4px 24px; gap: 20px; border: 2px solid var(--color-primary-70); }
	.main_page .section1 .search_content .search_text { font-size: 16px; }
	.main_page .section1 .search_content .search_placeholder { font-size: 16px; }
	.main_page .section1 .search_btn { width: 44px; }
	.main_page .section1 .search_title { display: none; }
	.main_page .section1 .language_search_center { display: none; }
	.main_page .section1 .language_today_top { padding: 12px 20px; }
	.main_page .section1 .deco_g { width: 33.79px; }
	.main_page .section1 .deco_r { width: 37.378px; }
	.main_page .section1 .deco_m { width: 39.21px; }
	.main_page .section1 .deco_g.v2 { top: 11.01px; right: 122.47px; }
	.main_page .section1 .deco_r.v2 { top: 9.62px; right: 79.35px; }
	.main_page .section1 .deco_m.v2 { top: 16.45px; right: 55.82px; }
	.main_page .section1 .language_today_top .arrow_btn { display: block; }
	.main_page .section1 .language_today_content { max-height: 115px; padding: 12px 20px 16px; overflow: hidden; gap: 8px; transition: max-height 0.35s ease, padding 0.35s ease; }
	.main_page .section1 .language_today:not(.open) .language_today_content { max-height: 0; padding-top: 0; padding-bottom: 0; }
	.main_page .section1 .language_today_content .today_word { gap: 16px; }
	.main_page .section2 .progress_title_item::before { display: none; }
	.main_page .section2 .circle_progress { width: 112px; }
	.main_page .section3 { padding: 32px 0; background-color: #f3f4fb; }
	.main_page .section3 .promotion_list { grid-template-columns: 1fr; }
	.main_page .section3 .promotion_titlebox { min-height: auto; }
	.main_page .section3 .cm_btn_link { width: 48px; }
	.main_page .section3 .cm_btn_link::before { width: 20px; }
	.main_page .section4 .board_top .mainpage_sub_txt2 { display: block; }
	.main_page .section4 .cm_btn_link { width: 48px; }
	.main_page .section4 .board_area { gap: 16px; }
	.main_page .section4 .board_content1 { flex-direction: column; gap: 24px; }
	.main_page .section4 .board_form1 { width: 100%; }
	.main_page .section4 .board_form1_date { top: -72px; left: 24px; min-width: 94px; min-height: 86px; }
	.main_page .section4 .board_form1_date_year { font-size: 15px; }
	.main_page .section4 .board_form1_date_day { font-size: 21px; }
	.main_page .section4 .board_form1_content { padding: 24px; }
	.main_page .section4 .board_form1_title { font-size: 19px; }
	.main_page .section4 .board_form2_link { flex-direction: column; align-items: flex-start; gap: 12px; }
	.main_page .section4 .board_form2_link.type2 { padding: 24px 16px; }
	.main_page .section4_inner { gap: 32px; }
	.main_page .section4 .sns_list { grid-template-columns: repeat(2, 1fr); }
	.greeting_page .greeting_top { display: flex; justify-content: center; aspect-ratio: auto; padding: 26.875% 12px 34px; background: url("../../images/sub/greeting.png") no-repeat center top/100% auto, #2d4458; }
	.greeting_page .main_txt { top: 0; margin-top: 13.4375%; }
	.greeting_page .sub_txt { position: static; margin-top: 8px; text-align: center; }
	.dictionary_page .dictionary_collage { aspect-ratio: 100/137.33; max-width: 560px; }
	.dictionary_page .collage_item.item1 { top: 0; right: auto; left: 0; aspect-ratio: 167/85; width: 71.57%; }
	.dictionary_page .collage_item.item2 { top: 21.75%; right: 0; left: auto; aspect-ratio: 157/80; width: 84%; }
	.dictionary_page .collage_item.item3 { top: 47.31%; right: auto; left: 0; aspect-ratio: 169/86; width: 80.29%; }
	.dictionary_page .collage_item.item4 { top: 71.7%; right: 0; left: auto; aspect-ratio: 267/136; width: 76.29%; }
	.preview_page .ebook_points { flex-direction: column; }
	.preview_page .ebook_point_item.item2 { margin-top: -10px; margin-left: 0; padding-top: calc(clamp(8px, 0.5208333333vw, 10px) + 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); }
	.preview_page .ebook_point_item.item3 { margin-top: -10px; margin-left: 0; padding-top: calc(clamp(8px, 0.5208333333vw, 10px) + 10px); border-radius: clamp(79.2px, 5.15625vw, 99px); }
	.preview_page .ebook_point_item { text-align: center; }
	.preview_page .point_text2,
	.preview_page .point_text3 { padding-left: 0; }
	.preview_page .ebook_stores { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.organization_page .group_middle { width: 380px; }
	.organization_page .group_bottom { width: 380px; }
	.organization_page .group_bottom::before { width: 60.5%; }
	.organization_page .group_item { min-width: 150px; min-height: 48px; }
	.organization_page .group_item2 { min-width: 140px; min-height: 55px; }
	.organization_page .group_item3 { min-width: 150px; min-height: 48px; }
	.organization_page .group_item4 { min-width: 120px; min-height: 42px; }
	.map_page .map .map_info { position: unset; padding: clamp(16px, 1.0416666667vw, 20px); border-radius: 0; }
	.speaker_page .speaker_item { flex-direction: column; align-items: center; }
	.speaker_page .speaker_info { width: 100%; }
	.language_page .lang_book_cover > img { width: 72%; }
	.language_page .lang_feature_item,
	.language_page .lang_feature_item.reverse { flex-direction: column-reverse; align-items: stretch; padding-left: 0; }
	.language_page .lang_feature_img,
	.language_page .lang_feature_item.reverse .lang_feature_img { width: 100%; }
	.language_page .lang_feature_item.reverse .lang_feature_text { min-width: 0; }
	.language_page .lang_feature_item.reverse .lang_feature_img > img { aspect-ratio: 560/400; object-fit: cover; object-position: -21.8% 100%; }
	.language_page .lang_app_img > img { aspect-ratio: 560/440; object-fit: cover; object-position: 50% 100%; }
	.language_page .lang_web_img > img { aspect-ratio: 4/3; object-fit: cover; object-position: 50% 100%; }
}
@media screen and (max-width:500px) {
	.organization_page .group_box { padding: 40px 16px 210px; }
	.organization_page .group_middle { width: 100%; margin-bottom: 24px; gap: 16px; }
	.organization_page .group_item { flex: 1 1 0; min-width: 0; max-width: 160px; padding: 10px 8px; }
	.organization_page .group_center { margin-bottom: 48px; }
	.organization_page .group_center::before { height: 24px; }
	.organization_page .group_bottom { width: 280px; }
	.organization_page .group_bottom::before { top: -24px; width: 57%; }
	.organization_page .group_item3 { min-width: 120px; }
	.organization_page .group_item4 { min-width: 100px; }
	.organization_page .group_column::before { top: -24px; height: 24px; }
	.language_page .lang_book_list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media screen and (max-width:500px) and (max-width:339px) {
	.organization_page .group_middle { gap: 12px; }
	.organization_page .group_item { padding: 10px 4px; font-size: 14px; }
}
@media screen and (max-width:450px) {
	.dictionary_page .dictionary_text1 br { display: none; }
}
@media (prefers-reduced-motion:reduce) {
	.dictionary_page .collage_item { transform: none; filter: none; opacity: 1; }
	.dictionary_page .collage_item.is_show { animation: none; }
	.dictionary_page .js_reveal { transform: none; opacity: 1; }
	.dictionary_page .js_reveal.is_show { animation: none; }
	.dictionary_page .js_reveal_item { transform: none; opacity: 1; }
	.dictionary_page .js_reveal_group.is_show .js_reveal_item { animation: none; }
}
@media print {
	body { -webkit-print-color-adjust: exact; }
	.page_print .cm_btn.print { display: none; }
}