변별력 갖춘 공정 수능 ∙ EBS 밀접 연계 수능 ∙ EBSi+교재로 대비!
입시정보
[7/1 오픈] 2027 수시 합격예측 & 모의지원 서비스ㅣ합격권 슥, 내 위치 딱, 리포트 쏙!
- 작성자 운영자
- 등록일 26.06.04
- 조회수 432
<div class="modal_wrap small" id="modalShare"><section class="modal modal_share"><div class="modal_head"><h4 class="modal_tit">공유하기</h4></div><div class="modal_container"><div class="modal_content"><ul class="share_list"><li><button type="button" id="btn_share_band" class="btn_share_band"><span>밴드</span></button></li><li><button type="button" id="btn_share_facebook" class="btn_share_facebook"><span>페이스북</span></button></li><li><button type="button" id="btn_share_blog" class="btn_share_blog"><span>블로그</span></button></li><li><button type="button" id="btn_share_url" class="btn_share_url"><span>URL복사</span></button></li></ul></div></div><button type="button" class="modal_top_close modal_close"><span>닫기</span></button></section></div><div id="url_alert"style="background: url('https://www.ebsi.co.kr/ebs/public_hsp/images/portal/bg_dim.png') repeat 0 0;color: #fff; font-size: 14px;text-align: center; position: fixed;top: 50%;z-index: 9999;padding: 10px 0;width: 300px; left: 50%;margin-left: -150px;display: none;">URL이 복사되었습니다.</div><button type="button" class="btn_share3 modal_btn" data-modal-id="modalShare"><span>공유</span></button>
<!-- 2026-06-02 : STEP 3 하단 박스 영역 전체 삭제 및 TOP 버튼만 유지 완료 -->
<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:3.5%; left:11.8%;width:76.5%; height:auto; border-radius:1.2rem; 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 .fut_tab {width:100%;} .notice_normal_wrap .tabEvent {width:100%;overflow:hidden;display:flex;justify-content: center; margin-bottom:5rem;} .notice_normal_wrap .tabEvent li {display:inline-flex; width:100%; flex:1 1 auto; height:10rem; border:1px solid #e4e4e9; border-left-width:0;} .notice_normal_wrap .tabEvent li:first-child {border-left-width:1px;} /* [PC 탭] 기본 상태 볼드 해제 및 자간/줄바꿈 최적화 */ .notice_normal_wrap .tabEvent li > a {position:relative; display:flex; align-items: center; justify-content: center; flex-direction: column; width:100%; height:100%; font-size:2.0rem; font-weight:500; letter-spacing:-1.5px; line-height:1.3; padding:0 .5rem; box-sizing: border-box; text-align: center; color:#888; background-color: #f8f8fa; word-break: keep-all;} .notice_normal_wrap .tabEvent li > a strong {display: block; font-size:1.5rem; font-weight:500; margin-bottom:.3rem; width:100%; text-align: center;} .notice_normal_wrap .tabEvent li > a br.m_br {display: none;} .notice_normal_wrap .tabEvent li > a::after {content:''; display:none; width:100%; height:1rem; position:absolute; top:0; left:0; background-color: #1377f3;} .notice_normal_wrap .tabEvent li.on {border-bottom-width: 0;} /* [PC 탭] 선택 시에만 볼드 활성화 */ .notice_normal_wrap .tabEvent li.on > a {background-color:#fff; color:#1377f3; font-weight:bold;} .notice_normal_wrap .tabEvent li.on > a strong {font-weight:bold;} .notice_normal_wrap .tabEvent li.on > a::after {display:block;} .notice_normal_wrap .btn_bottom_wrap {display:flex; justify-content: flex-end; width:100%; margin-top:3rem; padding:0 2.5rem;} /* 탑 버튼 헤더 침범 방지 최적화 */ .notice_normal_wrap .btn_top {position: relative !important; z-index: 10 !important; display:inline-flex; align-items: center; justify-content: center; width:5rem; height:5rem; background-color:#0B408A; border-radius:50%; overflow:hidden; border:none; cursor:pointer;} .notice_normal_wrap .btn_top span { display: inline-block; width: 1.5rem; height: 1.5rem; border-top: 3px solid #ffffff; border-left: 3px solid #ffffff; transform: rotate(45deg); margin-top: 0.5rem; } .notice_normal_wrap .link01_01 {width:49%; height:10%; left:25.5%; bottom:10.6%;} /* 텍스트 영역 기본 (PC) */ .notice_normal_wrap .con_txt_box {padding:0 2.5rem;} .notice_normal_wrap .con_txt_box img {width:100%;} .notice_normal_wrap .con_txt_box dl {width:100%; font-size:1.6rem; font-weight:400; color:#888; line-height:1.3; padding:4rem; border:10px solid #eee;} .notice_normal_wrap .con_txt_box dl + dl {margin-top:2rem;} .notice_normal_wrap .con_txt_box dl dt {position:relative; padding-left:5.5rem; margin-bottom:3rem;} .notice_normal_wrap .con_txt_box dl dt::before {content:''; position: absolute; top:.2rem; left:0; width:4rem; height:4rem; background-repeat: no-repeat; background-position:center; background-size:100% 100%; border-radius: 50%; overflow: hidden;} .notice_normal_wrap .con_txt_box dl dt strong {display:block; font-size:3.2rem; color:#212121; font-weight:bold; margin-bottom:1rem;} .notice_normal_wrap .con_txt_box dl dd + dd {margin-top:2rem;} .notice_normal_wrap .con_bottom_box {width:100%; margin-top:3rem; padding:0 2.5rem; font-size:1.6rem; font-weight:400; color:#888; line-height:1.3;} /* 하단 박스 PC 기본 스타일 */ .notice_normal_wrap .con_bottom_box .inner_box {position: relative; display:flex; flex-direction: column; width:100%; padding:3rem 3rem 3rem 11rem; background-color:#eee;} .notice_normal_wrap .con_bottom_box .inner_box::before {content:''; position: absolute; top:50%; left:3rem; transform:translateY(-50%); display:flex; width:8rem; height:8rem; background-color:#fff; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; border-radius:50%; overflow: hidden;} .notice_normal_wrap .con_bottom_box .icon_info {position: relative; display:flex; padding:0 25rem 0 2rem;} .notice_normal_wrap .con_bottom_box .icon_info strong {display:flex; width:100%; font-size:2rem; font-weight:bold; color:#212121;} .notice_normal_wrap .con_bottom_box .btn_step {position: absolute; top:50%; right:3rem; transform:translateY(-50%); display:flex; align-items: center; justify-content: center; text-align: center; width:auto; min-width:23.6rem; height:5rem; padding:2rem; font-size:1.6rem; font-weight:400; line-height:1.3; color:#fff; border-radius:1rem;} .notice_normal_wrap .con_bottom_box .btn_step b {font-weight:bold;} .notice_normal_wrap .con_bottom_box .mob_ex_tx {position: relative; display:flex; padding:1rem 25rem 0 2rem;} .notice_normal_wrap .con_bottom_box .expt_box {display:flex; flex-direction: column; align-items: center; width:100%; text-align: center; font-size:1.6rem;} /* 기본 상태(PC)에서는 모바일 전용 줄바꿈 숨김 */ .notice_normal_wrap br.m_text_br {display: none;} .notice_normal_wrap .tab_box1 .con_txt_box dl:nth-child(1) {border-image:linear-gradient(180deg, #8C95F0 0%, #DDDEF9 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box1 .con_txt_box dl:nth-child(1) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_01_01.svg);} .notice_normal_wrap .tab_box1 .con_txt_box dl:nth-child(2) {border-image:linear-gradient(180deg, #C8B6DE 0%, #E2DBED 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box1 .con_txt_box dl:nth-child(2) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_01_02.svg);} .notice_normal_wrap .tab_box1 .con_bottom_box .inner_box {background-color:#8C95F04D;} .notice_normal_wrap .tab_box1 .con_bottom_box .inner_box::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_01_03.svg);} .notice_normal_wrap .tab_box1 .con_bottom_box .btn_step {background-color:#8C95F0;} .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(1) {border-image:linear-gradient(180deg, #AFDA9B 0%, #E5F2E0 100%); border-image-slice: 1; } .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(1) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_02_01.svg);} .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(2) {border-image:linear-gradient(180deg, #91DEA2 0%, #DEF3E2 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(2) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_02_02.svg);} .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(3) {border-image:linear-gradient(180deg, #A7C896 0%, #E3E5E1 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box2 .con_txt_box dl:nth-child(3) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_02_03.svg);} .notice_normal_wrap .tab_box2 .con_bottom_box .inner_box {background-color:#91DEA24D;} .notice_normal_wrap .tab_box2 .con_bottom_box .inner_box::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_02_04.svg);} .notice_normal_wrap .tab_box2 .con_bottom_box .btn_step {background-color:#4BC767;} .notice_normal_wrap .tab_box3 .con_txt_box dl:nth-child(1) {border-image:linear-gradient(180deg, #84D3FF 0%, #D9EFFF 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box3 .con_txt_box dl:nth-child(1) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_03_01.svg);} .notice_normal_wrap .tab_box3 .con_txt_box dl:nth-child(2) {border-image:linear-gradient(180deg, #8DAEEA 0%, #DDE5F7 100%); border-image-slice: 1;} .notice_normal_wrap .tab_box3 .con_txt_box dl:nth-child(2) dt::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_03_02.svg);} /* STEP 3 전용 PC 여백 제어 (불필요한 마진 제거) */ .notice_normal_wrap .tab_box3 .con_bottom_box {margin-top: 0;} @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;} } /* ----------------------------------------- [모바일 해상도 구간 조율: 719px 이하] ----------------------------------------- */ @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 .tabEvent {display: flex; flex-wrap: nowrap;} .notice_normal_wrap .tabEvent li {height:15rem; flex: 1 1 33.333%; width: 33.333%;} /* 모바일 탭 디자인 세팅 */ .notice_normal_wrap .tabEvent li > a {font-size:2.8rem; font-weight: 500; letter-spacing:-2px; line-height: 1.3; justify-content: center; align-items: center; padding: 0 0.1rem; word-break: keep-all; display: flex; flex-direction: column; box-sizing: border-box;} .notice_normal_wrap .tabEvent li > a strong {font-size:2.2rem; font-weight: 500; margin-bottom: 0.6rem;} .notice_normal_wrap .tabEvent li > a br.m_br {display: block;} .notice_normal_wrap .tabEvent li.on > a {font-weight: bold;} .notice_normal_wrap .tabEvent li.on > a strong {font-weight: bold;} /* 모바일 전용 개행 활성화 */ .notice_normal_wrap br.m_text_br {display: block;} /* 모바일 본문 가로 중앙정렬 */ .notice_normal_wrap .con_txt_box dl {font-size:2.4rem; text-align: center; padding: 4rem 2rem;} .notice_normal_wrap .con_txt_box dl dt {padding-left: 0; padding-top: 7rem; margin-bottom: 3rem;} /* 본문 박스 아이콘 이미지를 텍스트 상단 한가운데 배치 */ .notice_normal_wrap .con_txt_box dl dt::before {width:6rem; height:6rem; left: 50%; top: 0; transform: translateX(-50%);} .notice_normal_wrap .con_txt_box dl dt strong {font-size:4rem; text-align: center;} /* 중복 노출을 제거하기 위해 PC 가상요소(왼쪽 구석 아이콘) 절대 비활성화 */ .notice_normal_wrap .con_bottom_box .inner_box {padding: 4rem 2.5rem; display: flex; flex-direction: column; align-items: center; justify-content: center;} .notice_normal_wrap .con_bottom_box .inner_box::before {display: none !important;} /* 가로 flex 세팅으로 글자 왼쪽에 아이콘이 착 붙도록 수정 */ .notice_normal_wrap .con_bottom_box .icon_info {position: relative; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; width: auto; max-width: 100%; padding: 0; margin-bottom: 3rem; gap: 1.8rem; text-align: left;} /* 글자 왼쪽에 뜨는 원형 썸네일 크기 및 정렬 제어 */ .notice_normal_wrap .con_bottom_box .icon_info::before {content:''; display: block; flex-shrink: 0; width: 7.5rem; height: 7.5rem; background-color:#fff; background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; border-radius:50%; overflow: hidden;} .notice_normal_wrap .con_bottom_box .icon_info strong {font-size: 2.6rem; font-weight: bold; color: #212121; line-height: 1.4; width: auto; text-align: left;} /* 하단 다음스텝 이동 버튼 */ .notice_normal_wrap .con_bottom_box .btn_step {position: relative; right: auto; top: auto; transform: none; display: flex; align-items: center; justify-content: center; text-align: center; width: 100%; max-width: 44rem; height: 7.5rem; font-size: 2.4rem; border-radius: 1.2rem; margin-top: 0; box-shadow: 0 4px 10px rgba(0,0,0,0.05); cursor: pointer;} .notice_normal_wrap .con_bottom_box .btn_step b {font-weight: bold; margin-right: 0.8rem;} /* 하단 주의사항 안내문구 정렬 */ .notice_normal_wrap .con_bottom_box .mob_ex_tx {font-size: 2.0rem; color: #777; padding: 0; margin-top: 2.5rem; text-align: center; line-height: 1.4; width: 100%; display: block;} .notice_normal_wrap .con_bottom_box .expt_box {font-size:2.4rem; width: 100%;} /* 모바일 각 탭별 푸터 아이콘 매핑 정상화 */ .notice_normal_wrap .tab_box1 .con_bottom_box .icon_info::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_01_03.svg);} .notice_normal_wrap .tab_box2 .con_bottom_box .icon_info::before {background-image: url(https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/icon_02_04.svg);} }
</style>
<div class="notice_normal_wrap">
<div class="conts"> <!-- 상단 비주얼 영역 -->
<div class="conts01 conts_wr"> <img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_top.png" alt="합격예측 &amp; 모의지원" />
<div class="alt_hidden"> <span>수시</span> <strong>합격예측 &amp; 모의지원</strong>
<ul>
<li>합격권 대학을 한 눈에 슥!</li>
<li>지원자들 사이 내 위치를 딱!</li>
<li>합격 리포트까지 든든하게 쏙!</li>
</ul> </div> <a href="#none" onclick="alert('7/1 오픈 예정입니다.')" target="_self" class="link_all link01_01">지금 대학 지원하기</a> </div> <!-- 탭 및 본문 시작 컨테이너 -->
<div class="conts02 conts_wr" id="go_tab">
<div class="fut_tab tab">
<ul class="fut_tabmenu tabEvent">
<li class="evn_tab1 on" data-id="evn11"> <a href="#none"> <strong>STEP 1</strong> 원클릭<br class="m_br" /> 성적분석 </a> </li>
<li class="evn_tab2" data-id="evn12"> <a href="#none"> <strong>STEP 2</strong> 개인맞춤<br class="m_br" /> 합격예측 </a> </li>
<li class="evn_tab3" data-id="evn13"> <a href="#none"> <strong>STEP 3</strong> 전략적<br class="m_br" /> 모의지원 </a> </li>
</ul> <!-- ========================================= [STEP 1] 본문 콘텐츠 영역 ========================================= -->
<div class="con_box tab_box1 on" id="evn11">
<div class="con_txt_box conts_wr"> <!-- 1) 학생부 성적 입력 --> <dl> <dt> <strong>학생부 성적 입력</strong> 학생부 정보만 연동하면,<br class="m_text_br" /> 입력은 알아서 척척! </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_01_11.png" alt="" /></dd> </dl> <!-- 2) 학생부 성적 리포트 --> <dl> <dt> <strong>학생부 성적 리포트</strong> 불러온 성적 데이터로<br class="m_text_br" /> 성적을 꼼꼼하게 분석해요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_01_12.png" alt="" /></dd> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_01_13.png" alt="" /></dd> </dl> </div> <!-- 3) 하단 푸터 영역 -->
<div class="con_bottom_box conts_wr">
<div class="inner_box">
<p class="icon_info"><strong>성적 분석 결과를 토대로<br class="m_text_br" />
합격을 예측하는 방법<br class="m_text_br" /> 알아볼까요?</strong></p> <button type="button" class="btn_step"><span><b>STEP 2</b> 개인맞춤 합격예측 &gt;</span></button> </div>
<div class="btn_bottom_wrap"> <a href="#go_tab" class="link_all btn_top"><span>맨위로</span></a> </div> </div> </div> <!-- ========================================= [STEP 2] 본문 콘텐츠 영역 ========================================= -->
<div class="con_box tab_box2" id="evn12">
<div class="con_txt_box conts_wr"> <!-- 1) 맞춤 대학 진단 --> <dl> <dt> <strong>맞춤 대학 진단</strong> 구간과 배치표로 내 위치를 확인하고<br class="m_text_br" /> 지원대학을 확인해 보세요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_02_11.png" alt="" /></dd> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_02_12.png" alt="" /></dd> </dl> <!-- 2) 맞춤 조건 검색 --> <dl> <dt> <strong>맞춤 조건 검색</strong> 대학별 복잡한 조건들,<br class="m_text_br" /> 필요한 것만 체크하면 맞춤 리스트가 나와요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_02_13.png" alt="" /></dd> </dl> <!-- 3) 합격 리포트 --> <dl> <dt> <strong>합격 리포트</strong> 3개년 입결 데이터와 내 성적을 비교하여<br class="m_text_br" /> 빈틈없는 데이터 리포트를 받아보세요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_02_14.png" alt="" /></dd> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_02_15.png" alt="" /></dd> </dl> </div>
<div class="con_bottom_box conts_wr">
<div class="inner_box">
<p class="icon_info"><strong>합격 예측을 확인했다면, <br /> 이제 모의지원을 살펴볼까요?</strong></p> <button type="button" class="btn_step"><span><b>STEP 3</b> 전략적 모의지원 &gt;</span></button> </div>
<div class="btn_bottom_wrap"> <a href="#go_tab" class="link_all btn_top"><span>맨위로</span></a> </div> </div> </div> <!-- ========================================= [STEP 3] 본문 콘텐츠 영역 ========================================= -->
<div class="con_box tab_box3" id="evn13">
<div class="con_txt_box conts_wr"> <!-- 1) 대학 포트폴리오 만들기 --> <dl> <dt> <strong>대학 포트폴리오 만들기</strong> 가고 싶은 대학들을 체계적으로<br class="m_text_br" /> 정리해 보세요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_03_11.png" alt="" /></dd> </dl> <!-- 2) 실시간 모의지원 리포트 --> <dl> <dt> <strong>실시간 모의지원 리포트</strong> 지원자 성적 추이를 확인하고<br class="m_text_br" /> 최종 전략을 세우세요. </dt> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_03_12.png" alt="" /></dd> <dd><img src="https://www.ebsi.co.kr/ebs/public_hsp/html/html_working/series/2026/0601_prediction/images/img_notice_03_13.png" alt="" /></dd> </dl> </div> <!-- 하단 박스 영역 전면 삭제 후 TOP 버튼만 활성화 -->
<div class="con_bottom_box conts_wr">
<div class="btn_bottom_wrap"> <a href="#go_tab" class="link_all btn_top"><span>맨위로</span></a> </div> </div> </div> </div> <!-- 스크립트 영역 -->
<script>
(function() {
const initTabs = () => {
const targetElement = document.querySelector('.tabEvent');
if (!targetElement) return;
const tabLists = targetElement.querySelectorAll('li');
const conBoxes = document.querySelectorAll('.con_box');
tabLists.forEach((tab) => {
const anchor = tab.querySelector('a');
if (anchor) {
anchor.addEventListener('click', (e) => {
e.preventDefault();
tabLists.forEach(li => li.classList.remove('on'));
tab.classList.add('on');
const targetId = tab.getAttribute('data-id');
conBoxes.forEach((box) => {
if (box.id === targetId) {
box.classList.add('on');
} else {
box.classList.remove('on');
}
});
});
}
});
const stepButtons = document.querySelectorAll('.btn_step');
stepButtons.forEach((button) => {
button.addEventListener('click', (e) => {
e.preventDefault();
const currentBox = button.closest('.con_box');
if (currentBox) {
const currentId = currentBox.id;
for (let i = 0; i < tabLists.length; i++) {
if (tabLists[i].getAttribute('data-id') === currentId) {
const nextTab = tabLists[i + 1];
if (nextTab) {
const anchor = nextTab.querySelector('a');
if (anchor) {
anchor.click();
document.getElementById('go_tab').scrollIntoView({behavior:'smooth'});
}
}
break;
}
}
}
});
});
const topButtons = document.querySelectorAll('.btn_top');
topButtons.forEach((btn) => {
btn.addEventListener('click', (e) => {
e.preventDefault();
document.getElementById('go_tab').scrollIntoView({behavior:'smooth'});
});
});
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initTabs);
} else {
initTabs();
}
})();
</script> </div> </div> </div>
