@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
.KoLangPractice_m * { font-family: "Pretendard", sans-serif; text-align: center; }
.KoLangPractice_m { position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; }
.KoLangPractice_m .inner { width: 100%; padding: 14vw 0 0 0; position: relative; }
.KoLangPractice_m .title { margin-bottom: 8vw; }
.KoLangPractice_m .title h1 { font-size: 8vw; font-weight: 900; color: #111; line-height: 1.2; }
.KoLangPractice_m .title h2 { margin-top: 3vw; font-size: 5vw; font-weight: 700; color: #111; line-height: 1.5; }
.KoLangPractice_m .title h2 strong { color: #e42614; font-weight: 700; }
.KoLangPractice_m .title h3 { height: 7vw; padding: 0 4vw; margin: 0 auto 3vw; border: 0.3vw solid #111; border-radius: 14vw; display: inline-flex; justify-content: center; align-items: center; font-size: 4vw; font-weight: 700; background: transparent; box-sizing: border-box; }
.KoLangPractice_m .mainTop { position: relative; overflow: hidden; background: url("https://cdn.kystudy.co.kr/User/Content/imagesM/event/2026/KoLangPractice_0326/imgs/mainTop_bg.jpg") top center/cover no-repeat; position: relative; z-index: 1; }
.KoLangPractice_m .mainTop .inner { padding: 12vw 0; position: relative; z-index: 2; }
.KoLangPractice_m .mainTop .inner .mainTop_title { position: relative; }
.KoLangPractice_m .mainTop .inner .mainTop_title li { opacity: 0; transform: translateY(4vw); animation: titleFadeUp 0.7s ease-out forwards; }
.KoLangPractice_m .mainTop .inner .mainTop_title li:nth-of-type(1) { margin-bottom: 6vw; animation-delay: 0.2s; }
.KoLangPractice_m .mainTop .inner .mainTop_title li:nth-of-type(2) { margin-bottom: 5vw; animation-delay: 0.4s; }
.KoLangPractice_m .mainTop .inner .mainTop_title li:nth-of-type(3) { margin-bottom: 10vw; animation-delay: 0.6s; }
.KoLangPractice_m .mainTop .inner .mainTop_title li:nth-of-type(4) { margin-bottom: 4vw; animation-delay: 0.8s; }
.KoLangPractice_m .full { width: 88vw; height: 14vw; border-radius: 2vw; display: flex; justify-content: center; align-items: center; margin: 8vw auto 0; z-index: 10; }
.KoLangPractice_m .full span { font-size: 4.4vw; font-weight: 700; color: #fff; }
.KoLangPractice_m .full.gray { background: #333; }
.KoLangPractice_m .full.yellow { background: #ffb745; }
.KoLangPractice_m .full.yellow span { color: #111; }
.KoLangPractice_m .stn-wrap { background: url(https://cdn.kystudy.co.kr/User/Content/imagesM/event/2026/KoLangPractice_0326/imgs/stn_bg.jpg) top center/cover no-repeat; padding-bottom: 14vw; }
.KoLangPractice_m .stn01 .boxList { display: flex; justify-content: center; align-items: center; margin-top: 8vw; gap: 5vw; flex-direction: column; }
.KoLangPractice_m .bottom { background: url(https://cdn.kystudy.co.kr/User/Content/imagesM/event/2026/KoLangPractice_0326/imgs/bottom_bg.jpg) center/cover no-repeat; }
.KoLangPractice_m .bottom .inner { padding: 10vw 0; text-align: center; }
.KoLangPractice_m .bottom .inner .title p { font-size: 5vw; color: #fff; font-weight: 700; margin-bottom: 1vw; }
.KoLangPractice_m .bottom .inner .title h1 { color: #ffb745; }
.KoLangPractice_m .bottom .inner .title h2 { color: #fff; opacity: 0.8; font-weight: 500; font-size: 4vw; line-height: 1.5; word-break: keep-all; }
.KoLangPractice_m .bottom .button-wrap { display: flex; flex-direction: column; justify-content: center; gap: 2vw; }
.KoLangPractice_m .bottom .button-wrap button { margin: 0 auto; }
@keyframes titleFadeUp {
  0% { opacity: 0; transform: translateY(4vw); }
  100% { opacity: 1; transform: translateY(0); }
}