@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
.Formula_260811 * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; overflow: hidden; }
.Formula_260811 { min-width: 1400px; overflow-y: hidden; color: #111; }
.Formula_260811 section:not(.mainTop, .bottom) .inner { position: relative; width: 1000px; margin: 0 auto; text-align: left; padding: 120px 0; }
.Formula_260811 .title h1 { display: flex; align-items: center; font-size: 36px; font-weight: 800; color: #111; }
.Formula_260811 .title h1 span { display: flex; margin-right: 30px; }
.Formula_260811 .title h2 { margin: 20px 0 40px 0; font-size: 26px; font-weight: 600; color: #555; }
.Formula_260811 .small { font-size: 16px; color: #555; margin-top: 16px; }
.Formula_260811 .w520 { width: 520px; height: 80px; border-radius: 10px; display: flex; justify-content: center; align-items: center; margin: 60px auto 0; z-index: 10; }
.Formula_260811 .w520 span { font-size: 24px; font-weight: 700; color: #fff; display: inline-flex; align-items: center; gap: 8px; }
.Formula_260811 .w520.black { background: #111; }
.Formula_260811 .w520.black:hover { background: rgb(4.25, 4.25, 4.25); }
.Formula_260811 .w520.yellow { background: #ffd323; }
.Formula_260811 .w520.yellow:hover { background: rgb(255, 205.9, 9.5); }
.Formula_260811 .w520.yellow span { color: #111; }
.Formula_260811 .mainTop { position: relative; overflow: hidden; padding: 110px 0; background: url("https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/mainTop_bg.jpg") center/cover no-repeat; position: relative; z-index: 1; }
.Formula_260811 .mainTop::before { content: ""; background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/mainTop_deco_L.png); width: 493px; height: 665px; position: absolute; left: 0; bottom: 0; z-index: 1; display: inline-block; }
.Formula_260811 .mainTop::after { content: ""; background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/mainTop_deco_R.png); width: 382px; height: 433px; position: absolute; right: 0; top: 0; z-index: 1; }
.Formula_260811 .mainTop .inner { position: relative; width: 1200px; margin: 0 auto; text-align: center; z-index: 2; }
.Formula_260811 .mainTop .mainTop_title li:nth-of-type(2) { margin-top: 40px; animation: fadeIn_up 0.65s 0.2s cubic-bezier(0.22, 1, 0.36, 1) both; }
.Formula_260811 .mainTop .mainTop_title li:nth-of-type(3) { margin-top: 40px; animation: fadeIn_up 0.65s 0.5s cubic-bezier(0.22, 1, 0.36, 1) both; }
.Formula_260811 .mainTop .mainTop_title li:nth-of-type(4) { margin-top: 30px; animation: lineReveal 0.8s 0.8s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }
.Formula_260811 .mainTop .mainTop_title li:nth-of-type(5) { margin-top: 30px; animation: lineReveal 0.8s 1.2s cubic-bezier(0.25, 0.45, 0.45, 0.95) both; }
.Formula_260811 .mainTop .mainTop_img { position: relative; margin-top: 80px; display: flex; justify-content: center; gap: 20px; }
.Formula_260811 .mainTop .mainTop_img li:nth-of-type(1) { animation: fadeIn_up 0.5s 1s linear both; }
.Formula_260811 .mainTop .mainTop_img li:nth-of-type(2) { animation: fadeIn_up 0.5s 1.2s linear both; }
.Formula_260811 .mainTop .mainTop_img li:nth-of-type(3) { animation: fadeIn_up 0.5s 1.4s linear both; }
.Formula_260811 .bridge { background: #ff821e url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/gridge_bg.jpg) center; height: 200px; padding: 0 !important; display: flex; align-items: center; justify-content: center; }
.Formula_260811 .point02 .inner { padding: 0 0 120px 0 !important; }
.Formula_260811 .point03 { background: #212121 url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/point03_bg.jpg) left top; }
.Formula_260811 .point03 h1 { color: #fff; }
.Formula_260811 .point03 h2 { color: #fff; }
.Formula_260811 .point03 ul { display: flex; margin-bottom: 50px; }
.Formula_260811 .point03 ul li.circle { position: absolute; z-index: 2; right: 0; top: 350px; }
.Formula_260811 .point03 ul li.circle.is-visible { animation: scale_02 0.75s cubic-bezier(0.22, 1, 0.36, 1) both; }
.Formula_260811 .point03 ul li.circle span { position: absolute; z-index: 3; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.Formula_260811 .point04 .img_wrap { display: flex; justify-content: space-between; margin: 30px 0; }
.Formula_260811 .point04 .img_wrap li { cursor: pointer; }
.Formula_260811 .bottom { background: url(https://cdn.kystudy.co.kr/User/Content/images/event/2026/Formula_260811/imgs/bottom_bg.jpg) center/cover no-repeat; }
.Formula_260811 .bottom .inner { padding: 80px 0 !important; text-align: center; }
.Formula_260811 .bottom .inner p { font-size: 44px; color: #ffd323; font-weight: 700; }
.Formula_260811 .bottom .inner h1 { font-size: 52px; color: #fff; font-weight: 800; }
.Formula_260811 .bottom .inner div { margin: 30px 0; }
.Formula_260811 .bottom .inner h2 { color: #fff; opacity: 0.8; font-weight: 500; font-size: 28px; }
.Formula_260811 .modal_layer { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 394px; z-index: 1001; overflow: visible; }
.Formula_260811 .modal_layer .youTube_view { position: relative; width: 700px; height: 394px; background: #000; overflow: visible; }
.Formula_260811 .modal_layer .youTube_view iframe { display: block; width: 700px; height: 394px; max-width: none; border: 0; overflow: visible; }
.Formula_260811 .modal_layer .btn_modalClose { position: absolute; right: -48px; top: 0; z-index: 1002; }
.Formula_260811 .modal_layer .btn_modalClose img { display: block; }
.Formula_260811 .modal_layerBg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; display: none; pointer-events: auto; }
.Formula_260811 .quick { position: fixed; top: 35%; right: 30px; z-index: 99; display: flex; flex-direction: column; align-items: flex-end; }
@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scale_02 {
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes lineReveal {
  0% { clip-path: inset(0 100% 0 0); opacity: 0; }
  100% { clip-path: inset(0 0 0 0); opacity: 1; }
}
/*# sourceMappingURL=style.css.map */