학평 사전준비

<!-- 2026-03-03 : 알림방 --> <style> /* 링크부분 */ .notice_normal_wrap {position:relative; max-width:1020px; margin:0 auto; padding-bottom:50px; overflow: hidden;} .notice_normal_wrap .alt_hidden{display:block;width:1px;height:1px;overflow:hidden;position:absolute;top:-1000em;left:0;} .notice_normal_wrap img {width:100%; vertical-align:top;} .notice_normal_wrap .pc_img {display:block;} .notice_normal_wrap .m_img {display:none;} .notice_normal_wrap .conts_wr {position:relative;} .notice_normal_wrap .link_all {display:block; position:absolute; font-size:0; /*background:rgba(255,0,0,0.5);*/} .notice_normal_wrap .link_all2 {display:inline-flex; font-size:0;} .notice_normal_wrap .link_all.m_link {display:none;} .notice_normal_wrap .link_wrap {position:absolute; top:0; left:0; display:flex; justify-content: center; align-items:center; width:100%; height:100%; text-align:center;} .notice_normal_wrap .conts_txt {margin-top:3rem;} .notice_normal_wrap .conts_txt > p {position:relative; width:100%; text-align:left; font-weight:bold; font-size:1.6rem; line-height:1.4; color:rgb(255, 58, 197); padding-left:2.5rem;} .notice_normal_wrap .conts_txt > p:before {content:'※'; position:absolute; left:0; top:0; text-align:left; font-weight:bold; font-size:1.6rem; color:rgb(255, 58, 197);} .notice_normal_wrap .conts_txt > p:last-child {margin-top:1rem;} .notice_normal_wrap .mv_box {position:absolute; top:30.9%; left:11.8%;width:76.5%; height:auto; overflow: hidden;} .notice_normal_wrap .mv_box video {width:100%;height:100%;outline:none;cursor:pointer;} .notice_normal_wrap .mv_box video[poster] {width:100%; height:100%;} .notice_normal_wrap .mv_box .mv_ex {top:0; left:0; width:100%; height:100%; z-index:2;} .notice_normal_wrap .mv_box .mv_ex.is-playing {display:none;} .notice_normal_wrap .mv_box .video-top {position: relative;z-index:2;} /* 롤링 공통 */ .notice_normal_wrap .evnSlide_wrap {position: absolute; } .notice_normal_wrap .evnSlide_wrap .evnSlide {width:100%; overflow: hidden;} .notice_normal_wrap .evnSlide_wrap01 {top:auto; bottom: 19.2%; left: 11.7%; width: 76.8%;} .notice_normal_wrap .evnSlide_wrap01 .swiper-slide {position: relative; transform: scale(.8); vertical-align: bottom; transform-origin: bottom center; filter: grayscale(100%); transition: transform 0.8s ease, filter 0.8s ease; display: flex; align-items: flex-end;} .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-slide-active {transform: scale(1);filter: grayscale(0);} .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-slide::before {content: ''; position: absolute; top: 0; left: 0; width: 96.5%; height: 97.3%; border: 1px solid #c5c5c5; background-repeat: no-repeat; background-size: 100% 100%; z-index: 1;} .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_01::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_01.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_02::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_02.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_03::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_03.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_04::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_04.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_05::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_05.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_06::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_06.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_07::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_07.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_08::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_08.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_09::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_09.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_10::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_10.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_11::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_11.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_12::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_12.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_13::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_13.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_14::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_14.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_15::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_15.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .list_16::before { background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_16.jpg'); } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-button-prev, .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-button-next {position: absolute; top: 50%; width: 6.6%; height: 15.8%; background: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/btn_arrow.png') no-repeat center / 100% 100%; transform: translateY(-50%); z-index:2; cursor: pointer;} .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-button-prev {left: -5.6%; } .notice_normal_wrap .evnSlide_wrap.evnSlide_wrap01 .swiper-button-next {right: -5.6%; transform: translateY(-50%) rotate(180deg); } .swiper-button-prev:after, .swiper-button-next:after {display: none;} .notice_normal_wrap .conts01 {background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_01_bg.jpg'); background-repeat: no-repeat; background-size:100% 100%;} .notice_normal_wrap .conts01 img {position: relative; z-index: 2;} .notice_normal_wrap .link04_01 {width:45.1%; height:7.5%; top:36%; left:27.5%; background-image: url('https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_04_btn.jpg'); background-repeat: no-repeat; background-size:100% 100%;} .notice_normal_wrap .spark {position: absolute; width:2rem; height:2rem;} .notice_normal_wrap .spark span {position: absolute; width:.1rem; height:2rem; pointer-events: none; transform-origin: bottom; overflow: hidden;} .notice_normal_wrap .spark span::before {content:''; position: absolute; width:100%; height:100%; background:#0f0; animation:spark_animate 2.5s ease-in-out forwards;} @keyframes spark_animate{ 0%{transform: translateY(100%);} 100%{transform: translateY(-101%) ;} } /* 꽃가루 */ .notice_normal_wrap canvas {pointer-events:none; position:absolute; top:0; left:0; z-index:1;} .notice_normal_wrap #confetti {width:100%; height:70%;} .notice_normal_wrap #canvas {transform: scale(1.1);} .notice_normal_wrap .one_spark { position: absolute; width: 1rem; height: 1rem; } .notice_normal_wrap .one_spark div { position: absolute; top: 0; left: 0; } .notice_normal_wrap .one_spark div.big { width: 100%; height: 100%; } .notice_normal_wrap .one_spark div.small { width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); } .notice_normal_wrap .one_spark div span { position: absolute; top:50%; left:50%; width:1rem; height:1rem; background-color: var(--color-big); border-radius: 50%; margin: -4px 0 0 -4px; } .notice_normal_wrap .one_spark div.small span { width:.4rem; height:.4rem; background-color:var(--color-small); margin: -2px 0 0 -2px; } /* Big 원 배치 (16개, 22.5도 간격, 거리 75px) */ .notice_normal_wrap .one_spark div.big span:nth-child(1) { transform: rotate(0deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(2) { transform: rotate(22.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(3) { transform: rotate(45deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(4) { transform: rotate(67.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(5) { transform: rotate(90deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(6) { transform: rotate(112.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(7) { transform: rotate(135deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(8) { transform: rotate(157.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(9) { transform: rotate(180deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(10) { transform: rotate(202.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(11) { transform: rotate(225deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(12) { transform: rotate(247.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(13) { transform: rotate(270deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(14) { transform: rotate(292.5deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(15) { transform: rotate(315deg) translateY(-75px); } .notice_normal_wrap .one_spark div.big span:nth-child(16) { transform: rotate(337.5deg) translateY(-75px); } /* Small 원 배치 (16개, 22.5도 간격, 70% 거리인 52.5px) */ .notice_normal_wrap .one_spark div.small span:nth-child(1) { transform: rotate(0deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(2) { transform: rotate(22.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(3) { transform: rotate(45deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(4) { transform: rotate(67.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(5) { transform: rotate(90deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(6) { transform: rotate(112.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(7) { transform: rotate(135deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(8) { transform: rotate(157.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(9) { transform: rotate(180deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(10) { transform: rotate(202.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(11) { transform: rotate(225deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(12) { transform: rotate(247.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(13) { transform: rotate(270deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(14) { transform: rotate(292.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(15) { transform: rotate(315deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.small span:nth-child(16) { transform: rotate(337.5deg) translateY(-52.5px); } .notice_normal_wrap .one_spark div.big { animation: explode-rotate 1.5s ease-out forwards; } .notice_normal_wrap .one_spark div.small { animation: explode-rotate-reverse 1.5s ease-out forwards; } @keyframes explode-rotate { 0% { transform: scale(0); opacity: 1; } 50% {opacity: 1;} 100% { transform: scale(1.5) rotate(90deg); opacity:0; } } @keyframes explode-rotate-reverse { 0% { transform: scale(0) rotate(0deg); opacity: 1; } 50% {opacity: 1;} 100% { transform: scale(1.5) rotate(-90deg); opacity:0; } } /* 지렁이 */ .notice_normal_wrap .wave_border { position: absolute; bottom:5%; left:0; width: 45rem; height:8rem; overflow: hidden; transform: rotate(90deg); animation: wavy 2s linear infinite; } .notice_normal_wrap .wave_border::before { content: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa'; position: absolute; top: 0%; left: 0; font-size:4.6rem; text-decoration-style: wavy; text-decoration-color: #a0e6d9; text-decoration-line: underline; color: transparent; } .notice_normal_wrap .wave_border.wave01 {left:8%;} .notice_normal_wrap .wave_border.wave02 {left:40%; animation-delay:1s;} .notice_normal_wrap .wave_border.wave03 {left:28%; animation-delay:1.5s;} .notice_normal_wrap .wave_border.wave02::before {text-decoration-color: #bd74fb;} .notice_normal_wrap .wave_border.wave03::before {text-decoration-color: #db5b69;} @keyframes wavy { 0% {bottom:0;} 100% {bottom:65%; opacity:.45;} } @media all and (max-width:1023px){ .notice_normal_wrap .conts_txt > p {font-size:1.8rem;} .notice_normal_wrap .link_all.pc_link {display:none;} .notice_normal_wrap .link_all.m_link {display:block;} } @media all and (max-width:719px){ .notice_normal_wrap .conts_txt > p {font-size:2.4rem; padding-left:3rem;} .notice_normal_wrap .conts_txt > p:before {font-size:2.4rem;} .notice_normal_wrap .pc_img {display:none;} .notice_normal_wrap .m_img {display:block;} .notice_normal_wrap .conts_wr .m_img {width:100%;} /* 지렁이 */ .notice_normal_wrap .wave_border.wave01 {left:6%;} .notice_normal_wrap .wave_border.wave02 {left:34%;} .notice_normal_wrap .wave_border.wave03 {left:24%;} } </style> <div class="notice_normal_wrap"> <div class="conts"> <div class="conts01 conts_wr"><!-- 이미지 경로 https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/ --> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_01.png" alt="수능특강" /> <div class="alt_hidden"> <p>변별력 갖춘 공정 수능ㆍEBS 밀접 연계 수능ㆍEBSi+교재로 대비!</p> 30th <strong>수능특강</strong> <p> 수능특강은 1996년 3월 4일 첫 방송 이후, 수많은 수험생의 꿈을 현실로 이끌어왔습니다. 세대가 바뀌어도 언제나 같은 자리에서, 수험생의 시간을 함께해 온 수능특강 2027학년도 수능, 그리고 앞으로의 미래까지 대한민국 수험생에게 가장 든든한 이름으로 함께하겠습니다. </p> </div> <!-- 지렁이 --> <span class="wave_border wave01"></span> <span class="wave_border wave02"></span> <span class="wave_border wave03"></span> <!-- 꽃가루 --> <canvas id="confetti"></canvas> <button id="fire" style="display: none;">불꽃 버튼</button> <script src="https://cdn.jsdelivr.net/npm/canvas-confetti/dist/confetti.browser.min.js"></script> <script> //////// 라인 폭죽 const container = document.querySelector('.conts01'); function createSpark() { let spark = document.createElement('div'); spark.classList.add('spark'); // 화면 전체가 아닌 컨테이너(.conts01)의 가로세로 크기를 기준으로 랜덤 좌표 생성 let randomX = Math.random() * container.offsetWidth; let randomY = Math.random() * container.offsetHeight; spark.style.left = randomX + 'px'; spark.style.top = randomY + 'px'; spark.style.filter = 'hue-rotate(' + Math.random() * 360 + 'deg)'; spark.style.transform = 'scale(' + Math.random() * 5 + ')'; for (var i = 0; i <= 7; i++) { let span = document.createElement('span'); span.style.transform = 'rotate(' + (i * 45) + 'deg)'; spark.appendChild(span); } // body가 아닌 container 안에 불꽃 추가 container.appendChild(spark); setTimeout(function() { spark.remove(); }, 2000); } setInterval(createSpark, 200); //////// 원형 폭죽 function createOneSpark() { let spark = document.createElement('div'); spark.classList.add('one_spark'); let randomX = Math.random() * container.offsetWidth; let randomY = Math.random() * container.offsetHeight; let randomHue = Math.random() * 360; let randomScale = Math.random() * 1 + 0.3; // 0.3 ~ 1.3 크기 spark.style.left = randomX + 'px'; spark.style.top = randomY + 'px'; //spark.style.filter = 'hue-rotate(' + randomHue + 'deg)'; 기본톤 spark.style.setProperty('--color-big', `hsl(${randomHue}, 100%, 75%)`);//파스텔톤 spark.style.setProperty('--color-small', `hsl(${randomHue + 40}, 100%, 85%)`);//파스텔톤 spark.style.transform = 'translate(-50%, -50%) scale(' + randomScale + ')'; let big = document.createElement('div'); big.classList.add('big'); let small = document.createElement('div'); small.classList.add('small'); // 16개의 span 생성 for (var i = 0; i < 16; i++) { big.appendChild(document.createElement('span')); small.appendChild(document.createElement('span')); } spark.appendChild(big); spark.appendChild(small); container.appendChild(spark); setTimeout(function() { spark.remove(); }, 1500); } setInterval(createOneSpark, 500); //////// 꽃가루 시작 const canvas = document.getElementById("confetti"); const myConfetti = confetti.create(canvas, { resize: true, useWorker: true, }); // 공통 const baseParticleCount = window.innerWidth < 768 ? 100 : 100; function makeShot(originX, particleRatio, opts) { myConfetti(Object.assign({}, opts, { origin: { x: originX, y: 0.8 }, particleCount: Math.floor(baseParticleCount * particleRatio), })); } // 양쪽 폭죽 function fire() { // 왼쪽 makeShot(0.1, 0.25, { spread: 26, startVelocity: 55 }); makeShot(0.1, 0.2, { spread: 20 }); makeShot(0.1, 0.35, { spread: 100, decay: 0.91, scalar: 0.8 }); makeShot(0.1, 0.1, { spread: 120, startVelocity: 25, decay: 0.92, scalar: 1.2 }); makeShot(0.1, 0.1, { spread: 120, startVelocity: 45 }); // 오른쪽 makeShot(0.9, 0.25, { spread: 26, startVelocity: 55 }); makeShot(0.9, 0.2, { spread: 20 }); makeShot(0.9, 0.35, { spread: 100, decay: 0.91, scalar: 0.8 }); makeShot(0.9, 0.1, { spread: 120, startVelocity: 25, decay: 0.92, scalar: 1.2 }); makeShot(0.9, 0.1, { spread: 120, startVelocity: 45 }); } // 전체 낙하 /*function fallConfetti() { myConfetti({ particleCount: window.innerWidth < 768 ? 50 : 50, spread: 180, startVelocity: 15, gravity: 0.9, ticks: 150, scalar: window.innerWidth < 768 ? 0.8 : 1.2, origin: { x: Math.random(), y: 0 }, colors: ['#ffcc00', '#ff6699', '#66ccff', '#99ff99', '#ffffff'], }); }*/ // 실행 function hybridFire() { fire(); // 양쪽 폭죽 // 낙하를 8회 연속으로 약간씩 지연 실행 (자연스러운 흐름) /*for (let i = 0; i < 8; i++) { setTimeout(fallConfetti, i * 200); }*/ } // 버튼 const fireBtn = document.getElementById("fire"); fireBtn.addEventListener("click", hybridFire); window.addEventListener("load", () => { hybridFire(); // 페이지 로드 시 즉시 실행 setInterval(() => fireBtn.click(), 4000); // 이후 초마다 자동 반복 }); </script> </div> <div class="conts02 conts_wr"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_02.jpg" alt="교재" /> <!-- 롤링 --> <div class="evnSlide_wrap evnSlide_wrap01"> <div class="evnSlide swiper"> <ul class="swiper-wrapper"> <li class="list_01 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링1" /> </li> <li class="list_02 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링2" /> </li> <li class="list_03 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링3" /> </li> <li class="list_04 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링4" /> </li> <li class="list_05 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링5" /> </li> <li class="list_06 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링6" /> </li> <li class="list_07 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링7" /> </li> <li class="list_08 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링8" /> </li> <li class="list_09 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링9" /> </li> <li class="list_10 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링10" /> </li> <li class="list_11 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링11" /> </li> <li class="list_12 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링12" /> </li> <li class="list_13 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링13" /> </li> <li class="list_14 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링14" /> </li> <li class="list_15 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링15" /> </li> <li class="list_16 swiper-slide"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/book_bg.png" alt="롤링16" /> </li> </ul> </div> <div class="swiper-button-prev"><br /></div> <div class="swiper-button-next"><br /></div> </div> <!-- //롤링 --> </div> <div class="conts03 conts_wr"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_03.jpg" alt="영상" /> <div class="alt_hidden"> <strong>30년이 만든 신뢰, 또 다른 30년을 향해</strong> </div> <!-- 영상 --> <div class="mv_box" name="mediaPlayer01"> <video controls="1" poster="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_mv.png"> <source src="http://WSTR.ebsi.co.kr/M41M2601/S20190000709/S20190000709_1M4_100030080127.mp4" type="video/mp4"></source> </video> <a href="#none" target="_self" class="link_all mv_ex">재생</a> </div> <script> document.querySelector('.mv_ex').addEventListener('click', function(e) { e.preventDefault(); const btn = this; const video = document.querySelector('video'); if (video) { video.play(); btn.classList.add('is-playing'); video.classList.add('video-top'); } }); document.querySelector('video').addEventListener('ended', function() { document.querySelector('.mv_ex').classList.remove('is-playing'); }); </script> <!-- //영상 --> </div> <div class="conts04 conts_wr"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_04.jpg" alt="참여" /> <div class="alt_hidden"> <strong>2027학년도 수능특강과 함께할 1년, 여러분의 다짐을 들려주세요!</strong> <ul> <li><span>이벤트 기간</span> 2026년 3월 6일(금) ~ 2026년 3월 31일(화)</li> <li><span>당첨자 발표</span> 2026년 4월 1일(수), 당첨자에 한해 문자 안내</li> </ul> <dl> <dt>상품</dt> <dd>수능특강 랜덤 키링 - 5명</dd> <dd>수능특강 30주년 특별 프레임 인생네컷 촬영권 - 1000명</dd> <dd>수능특강 30주년 타월북 - 3명</dd> </dl> </div> <a href="https://form.naver.com/response/NTanROZJvHTo5EzUDkP9WQ" target="_blank" class="link_all link04_01">이벤트 참여하기</a> </div> <div class="conts05 conts_wr"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0306_ebsi30/images/img_notice_05.jpg" alt="하단" /> <div class="alt_hidden"> <ul> <li>제출된 내용은 EBS 마케팅 자료로 활용될 수 있습니다.</li> <li>타인의 개인정보를 도용하거나 부정한 방법으로 이벤트에 참여한 경우에는 당첨이 취소될 수 있습니다.</li> <li>발송 후 잘못된 개인정보로 인한 미배송이나 오배송은 재발송이 불가합니다.</li> <li>경품은 사정에 의해 변경될 수 있으며, 발표일과 발송 일정은 사정에 의해 지연될 수 있습니다.</li> </ul> </div> </div> </div> </div> <script type="text/javascript"> //롤링 $(function() { // 설정값만 여기서 편하게 수정하세요! const slideOptions = { speed: 1000, // 넘어가는 속도 delay: 3000, // 대기 시간 viewCount: 3, // 보여질 개수 }; const swiper = new Swiper('.evnSlide_wrap01 .evnSlide', { initialSlide: 15, // 16번째 슬라이드 loop: true, centeredSlides: true, slidesPerView: slideOptions.viewCount, speed: slideOptions.speed, autoplay: { delay: slideOptions.delay, disableOnInteraction: false, }, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, // 클릭 시에도 해당 슬라이드로 이동하게 하려면 true slideToClickedSlide: true, }); }); </script><!-- //2026-03-03 : 알림방 -->