@charset "UTF-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css");
.onlineLearningEV * { font-family: "Pretendard", sans-serif; text-decoration: none; box-sizing: border-box; letter-spacing: -0.5px; transition: all 0.2s ease-in-out; }
.onlineLearningEV { min-width: 1400px; overflow-y: hidden; color: #111; }
.onlineLearningEV section[class^=stn] .inner { position: relative; width: 1100px; padding: 120px 0; margin: 0 auto; text-align: center; }
.onlineLearningEV h1 { margin-bottom: 50px; }
.onlineLearningEV h4 { font-size: 36px; font-weight: 700; color: #333333; }
.onlineLearningEV a.yellow { margin: 0 auto; width: 680px; height: 80px; background: #ffea00; display: flex; justify-content: center; align-items: center; border-radius: 10px; z-index: 2; text-align: center; }
.onlineLearningEV a.yellow p { display: block; width: 100%; color: #111; font-size: 28px; font-weight: 600; line-height: 1; margin: 0; text-align: center; }
.onlineLearningEV a.yellow:hover { background: #ffd000; }
.onlineLearningEV a.black { margin: 60px auto 0; width: 680px; height: 80px; background: #111; display: flex; justify-content: center; align-items: center; border-radius: 10px; z-index: 2; text-align: center; }
.onlineLearningEV a.black p { display: block; width: 100%; color: #fff; font-size: 28px; font-weight: 600; line-height: 1; margin: 0; text-align: center; }
.onlineLearningEV a.black:hover { background: #2b2b2b; }
.onlineLearningEV a.green { display: inline-flex; margin: 0 0 0 8px; width: 150px; height: 40px; background: #5aad00; justify-content: center; align-items: center; vertical-align: middle; border-radius: 6px; z-index: 2; text-align: center; color: #fff; font-size: 22px; font-weight: 600; margin: 0 0 3px 20px; }
.onlineLearningEV a.green:hover { background: #4b9200; }
.onlineLearningEV .mainTop { height: 1320px; position: relative; background: url(https://cdn.ibstudy.co.kr/Content_new/event/2026/onlineLearningEV_0805/imgs/mainTop_bg.jpg) center/cover; }
.onlineLearningEV .mainTop .inner { position: relative; width: 1100px; padding: 100px 0; margin: 0 auto; text-align: center; }
.onlineLearningEV .mainTop .mainTop_title { z-index: 3; margin-top: 40px; animation: heroReveal 0.9s 0.15s cubic-bezier(0.22, 1, 0.36, 1) both; }
.onlineLearningEV .mainTop .mainTop_title li:nth-of-type(1) { animation: fadeIn_up 0.4s linear both; }
.onlineLearningEV .mainTop .mainTop_title li:nth-of-type(2) { margin-top: 35px; animation: fadeIn_up 0.5s 0.5s linear both; }
.onlineLearningEV .mainTop .mainTop_img { position: relative; width: 100%; margin-top: 40px; }
.onlineLearningEV .mainTop .mainTop_img .mainTop_box { position: relative; }
.onlineLearningEV .mainTop .mainTop_img .mainTop_box p { position: absolute; bottom: 36px; left: 50%; transform: translateX(-50%); }
.onlineLearningEV .stn01 { background: #2c4531; }
.onlineLearningEV .stn01 .stn01_img { display: flex; justify-content: space-between; }
.onlineLearningEV .stn01 .stn01_img li { opacity: 0; transform: translateY(30%); }
.onlineLearningEV .stn01.is-visible .stn01_img li { animation: fadeIn_up 0.5s cubic-bezier(0.22, 1, 0.36, 1) both; }
.onlineLearningEV .stn01.is-visible .stn01_img li:nth-of-type(1) { animation-delay: 0.15s; }
.onlineLearningEV .stn01.is-visible .stn01_img li:nth-of-type(2) { animation-delay: 0.35s; }
.onlineLearningEV .stn01.is-visible .stn01_img li:nth-of-type(3) { animation-delay: 0.55s; }
.onlineLearningEV .stn01 h4 { color: #fff; font-weight: 600; margin: 50px 0; }
.onlineLearningEV .stn02 { background: #f0ffd6 url(https://cdn.ibstudy.co.kr/Content_new/event/2026/onlineLearningEV_0805/imgs/stn02_bg.jpg) bottom center/cover; }
.onlineLearningEV .stn02 .stn02_box { background: #fff; border-radius: 30px; padding: 60px 0 60px; position: relative; }
.onlineLearningEV .stn02 .stn02_box .badge { position: absolute; top: -30px; left: 140px; animation: dungdung 0.7s infinite alternate; }
.onlineLearningEV .stn02 .stn02_box h2 { margin-bottom: 40px; }
.onlineLearningEV .stn02 .stn02_box .stn02_text { width: 900px; margin: 60px auto 30px; text-align: left; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li { padding: 20px 0; color: #111; font-weight: 600; font-size: 24px; border-bottom: 2px solid #e7e7e7; line-height: 1.5; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li:last-child { border-bottom: none; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li::after { content: ""; display: block; clear: both; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li span { font-size: 20px; font-weight: 500; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li span#slash { margin: 0 15px; color: #aaa; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li p { display: flex; float: left; position: relative; top: -3px; justify-content: center; align-items: center; color: #555; font-size: 20px; width: 152px; height: 42px; border-radius: 50px; border: 1px solid #ccc; font-weight: 600; margin: 0 20px 0 0; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li strong { color: #5aad00; font-weight: 700; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li i { display: block; margin-left: 172px; margin-top: 8px; font-style: normal; }
.onlineLearningEV .stn02 .stn02_box .stn02_text li i:first-of-type { margin-top: 0; }
.onlineLearningEV .stn02 .stn02_box .stn02_text + .event_notice { margin-top: 16px; }
.onlineLearningEV .stn02 .stn02_box .event_notice { width: 900px; margin: 0 auto; border: 2px solid #e6e6e6; border-radius: 8px; overflow: hidden; }
.onlineLearningEV .stn02 .stn02_box .event_notice summary { position: relative; list-style: none; padding: 12px 24px; background: #e9e9e9; text-align: center; font-size: 22px; font-weight: 700; color: #222; cursor: pointer; }
.onlineLearningEV .stn02 .stn02_box .event_notice summary::-webkit-details-marker { display: none; }
.onlineLearningEV .stn02 .stn02_box .event_notice summary::after { content: "▲"; display: inline-block; margin-left: 8px; font-size: 18px; transition: transform 0.2s ease-in-out; }
.onlineLearningEV .stn02 .stn02_box .event_notice:not([open]) summary::after { transform: rotate(180deg); }
.onlineLearningEV .stn02 .stn02_box .event_notice .notice_box { padding: 28px 36px 30px; background: #fff; }
.onlineLearningEV .stn02 .stn02_box .event_notice .notice_box p { margin: 0; padding-left: 12px; text-indent: -12px; color: #222; font-size: 17px; font-weight: 500; line-height: 1.5; text-align: left; }
.onlineLearningEV .stn02 .stn02_box .event_notice .notice_box p + p { margin-top: 6px; }
@keyframes fadeIn_up {
  0% { opacity: 0; transform: translateY(30%); }
  100% { opacity: 1; transform: translateY(0); }
}
@keyframes dungdung {
  0% { transform: translateY(5%); }
  100% { transform: translateY(-5%); }
}
@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); }
}
/*# sourceMappingURL=style.css.map */