@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
.partnerEL * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; }
.partnerEL { min-width: 1400px; overflow-y: hidden; color: #111; }
.partnerEL section[class^=stn] .inner, .partnerEL .mainTop .inner { position: relative; width: 1200px; padding: 120px 0; margin: 0 auto; text-align: center; }
.partnerEL h1 { margin-bottom: 50px; }
.partnerEL .mainTop { height: 1008px; position: relative; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2026/partnerEL_260731/imgs/mainTop_bg.jpg) center/cover;  animation: heroBgZoom 1.8s ease-out both; }
.partnerEL .mainTop .mainTop_title { z-index: 3; margin-top: 62px; animation: heroReveal 0.9s 0.15s cubic-bezier(0.22, 1, 0.36, 1) both; }
.partnerEL .mainTop .mainTop_title li:nth-of-type(1) { animation: fadeIn_up 0.4s linear both; }
.partnerEL .mainTop .mainTop_title li:nth-of-type(2) { margin-top: 35px; animation: fadeIn_up 0.5s 0.5s linear both; }
.partnerEL .mainTop .mainTop_title li:nth-of-type(3) { margin-top: 30px; animation: scale_02 0.3s 0.8s ease-out both; }
.partnerEL .mainTop .mainTop_img { position: relative; display: flex; width: 100%; gap: 20px; justify-content: center; margin: 50px 0 40px 0; animation: heroReveal 1s 0.45s cubic-bezier(0.22, 1, 0.36, 1) both; }
.partnerEL .mainTop .mainTop_img li { opacity: 0; animation: fadeIn_up 0.6s ease-out both; }
.partnerEL .mainTop .mainTop_img li:nth-of-type(1) { animation-delay: 0.65s; }
.partnerEL .mainTop .mainTop_img li:nth-of-type(2) { animation-delay: 0.8s; }
.partnerEL .mainTop .mainTop_img li:nth-of-type(3) { animation-delay: 0.95s; }
.partnerEL .stn01 { background: #fff url(https://cdn.ibstudy.co.kr/Content_new/event/2026/partnerEL_260731/imgs/stn01_bg.jpg) no-repeat center top/cover;}
.partnerEL .stn01 .zone01 div:last-of-type { margin: 32px 0 120px 0; }
.partnerEL .stn01 .zone02 .step { display: flex; justify-content: space-between; }
.partnerEL .stn01 .zone02 .step li { position: relative; z-index: 1; }
.partnerEL .stn01 .zone02 .step li a.blue { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); margin: 0 auto; width: 248px; height: 60px; background: #286ef0; display: flex; justify-content: center; align-items: center; border-radius: 8px; z-index: 2; text-align: center; }
.partnerEL .stn01 .zone02 .step li a.blue p { display: block; width: 100%; color: #fff; font-size: 20px; font-weight: 500; line-height: 1; margin: 0; text-align: center; }
.partnerEL .stn01 .zone02 .step li a.blue:hover { background: #2061da; }
.partnerEL .stn02 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2026/partnerEL_260731/imgs/stn02_bg.jpg) top center/cover;}
.partnerEL .stn02 .zone02 { margin-top: 120px; }
.partnerEL .stn03 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2026/partnerEL_260731/imgs/stn03_bg.jpg) no-repeat left top/cover;}
.partnerEL .stn03 ul { display: flex; justify-content: space-between; }
.partnerEL .stn03 ul li { position: relative; z-index: 1; }
.partnerEL .stn03 ul li a.black { position: absolute; bottom: 24px; left: 50%; transform: translateX(-50%); margin: 0 auto; width: 518px; height: 60px; background: #333; display: flex; justify-content: center; align-items: center; border-radius: 8px; z-index: 2; text-align: center; }
.partnerEL .stn03 ul li a.black p { display: block; width: 100%; color: #fff; font-size: 20px; font-weight: 500; line-height: 1; margin: 0; text-align: center; }
.partnerEL .stn03 ul li a.black:hover { background: #1f1f1f; }
.partnerEL .stn04 { background: url(https://cdn.ibstudy.co.kr/Content_new/event/2026/partnerEL_260731/imgs/stn04_bg.jpg) top center/cover;}
.partnerEL .stn04 .txt { margin: 60px 0; }
.partnerEL .stn04 ul { display: flex; flex-direction: column; gap: 20px; }
.partnerEL .stn04 ul li { position: relative; }
.partnerEL .stn04 ul li a.black { margin: 0 auto; width: 800px; height: 80px; background: #333; display: flex; justify-content: center; align-items: center; border-radius: 8px; z-index: 2; text-align: center; }
.partnerEL .stn04 ul li a.black p { display: block; width: 100%; color: #fff; font-size: 20px; font-weight: 500; line-height: 1; margin: 0; text-align: center; }
.partnerEL .stn04 ul li a.black:hover { background: #1f1f1f; }

@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes scale {
  0% { opacity: 0; transform: scale(0); }
  80% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes scale_02 {
  0% { opacity: 0; transform: scale(1.5); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes line {
  0% { width: 0; }
  100% { width: 1100px; }
}
@keyframes bgScale {
  0% { background-size: 120% 120%; }
  100% { background-size: 100% 100%; }
}
@keyframes dungdung {
  0% { transform: translateY(5%); }
  100% { transform: translateY(-5%); }
}
@keyframes blurBg {
  from { filter: blur(0px); transform: scale(1.1); }
  to { filter: blur(5px); transform: scale(1.1); }
}
@keyframes heroReveal {
  0% { opacity: 0; transform: translateY(32px) scale(0.98); filter: blur(10px); }
  100% { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}
@keyframes heroBgZoom {
  0% { background-size: 105% 105%; background-position: center 42%; }
  100% { background-size: 100% 100%; background-position: center center; }
}
/*# sourceMappingURL=style.css.map */