/* common */
html, body { color: #151515; } 
html { scroll-behavior: smooth; } 

section h2 { font-size: 70px; font-weight: 800; color: #002F5B; text-align: center; padding: 140px 0 60px; } 
section h2 b { color: #00C2A8; } 
.quick_wrap { display: none; } 
#content { padding-bottom: 0; } 

/* 메인 상단 */
.mv_section { position: relative; height: 100vh; display: flex; align-items: center; justify-content: center; z-index: 1000; background: #002F5B; overflow: hidden; } 
.mv_section .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100; text-align: center; } 
.mv_section .title1 h1 { position: relative; font-size: 65px; font-weight: 600; color: #fff; margin-bottom: 60px; } 
.mv_section .title1 h1 img { position: absolute; left: -165px; top: -150px; z-index: -1; } 
.mv_section .title2 { visibility: hidden; } 
.mv_section .title2 h1 { font-size: 140px; font-weight: 800; color: #fff; margin-bottom: 20px; } 
.mv_section .title2 h1 img { margin-top: 20px; } 
.mv_section .title2 p { font-size: 32px; line-height: 1.375; color: #DCE6EF; } 
.mv_section .title2 p b { font-weight: 800; color: #fff; } 
.mv_section .title2 { opacity: 0; } 
.mv_section .title2 { } 
.mv_section .title .btn_apply { position: relative; display: inline-block; margin: 100px 30px 0 0; width: 247px; height: 74px; background: #00C2A8; font-size: 28px; font-weight: 800; align-content: center; border-radius: 100px; color: #002F5B; } 
.mv_section .title .btn_apply:after { content: ''; background: #00C2A8 url(https://pic.neungyule.com/netutor/event/2025/0910/arrow_right_nv.png) no-repeat center; position: absolute; display: inline-block; width: 74px; height: 74px; border-radius: 50%; top: 0; right: -60px; align-content: center; } 

.mv_section .line_wrap { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; gap: 30px; transform-origin: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1; } 
.mv_section .line { display: flex; justify-content: center; gap: 30px; flex-shrink: 0; } 
.mv_section .line:nth-child(odd) { margin-left: 220px; } 
.mv_section .line:nth-child(even) { margin-right: 220px; } 
.mv_section .line img { width: 45.89%; } 

.main_content { background: #DCE6EF; margin-top: -100vh; position: relative; z-index: 100; } 
.main_content .inner {width: 1200px;}
/*
.main_content .rounded_bg_wrapper { z-index: 20; width: 100%; height: 100px; margin-bottom: -1px; position: absolute; overflow: hidden; transform: translateY(-100%); } 
.main_content .rounded_bg { border-radius: 50%; width: 150%; height: 750%; position: absolute; left: 50%; overflow: hidden; transform: translate(-50%); background: #DCE6EF; } 
*/


/* First Partner 모집 */
.recruit .tab_wrap { display: flex; height: 100px; } 
.recruit .tab_wrap .tab { flex: 1; background: #002F5B; color: rgba(172, 215, 255, .4); font-size: 32px; font-weight: 700; text-align: center; align-content: center; cursor: pointer; } 
.recruit .tab_wrap .tab.active { background: #fff; color: #002F5B; } 
.recruit .tab_content { position: relative; display: none; justify-content: center; align-items: center; background: #fff; padding: 100px 0; } 
.recruit .tab_content.active_tab { display: flex; } 
.recruit .tab_content ul li { display: flex; font-size: 26px; line-height: 1.53; } 
.recruit .tab_content ul li + li { margin-top: 30px; } 
.recruit .tab_content ul li span { width: 232px; font-weight: 800; color: #00C2A8; } 
.recruit .tab_content .apply_closed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(21, 21, 21, .9); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 29px; text-align: center; } 
.recruit .tab_content .apply_closed .title { font-size: 40px; font-weight: 800; color: #DF0000; } 
.recruit .tab_content .apply_closed .txt { font-size: 30px; font-weight: 700; line-height: 1.33; color: #fff; } 

/* First Partner 혜택 */
.benefit .benefit_box img + img { margin-top: 59px; } 

/* NE First Partner 활동 기간 */
.period .date { display: flex; height: 122px; margin-bottom: 20px; } 
.period .date li { position: relative; flex: 1; background: #002F5B; display: flex; justify-content: center; align-items: center; gap: 20px; } 
.period .date li:first-child:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #306CA5; width: 1px; height: 78px; } 
.period .date li span { background: #00C2A8; color: #002F5B; font-size: 28px; border-radius: 20px; padding: 5px 18px; font-weight: 700; } 
.period .date li p { font-size: 32px; font-weight: 700; color: #fff; } 
.period .notice { margin-top: 35px; line-height: 1.81; color: #666; font-size: 22px; margin-bottom:148px } 

/* 능률VOCA 시리즈 이렇게 달라졌어요! */
.about_series { background: #F5F5F5; padding: 20px 0 160px; } 
.about_series h2 { color: #151515; } 
.about_series .info1_wrap { position: relative; } 
.about_series .info1_wrap .view_btn { position: absolute; width: 176px; height: 46px; font-size: 18px; font-weight: 600; color: #fff; background: #00C2A8; border-radius: 30px; top: 235px; left: 298px; text-align: center; align-content: center; padding-right: 15px; box-sizing: border-box; } 
.about_series .info1_wrap .view_btn:before { content: ''; position: absolute; top: 50%; right: 22px; transform: translateY(-50%); display: inline-block; width: 10px; height: 2px; background: #fff; } 
.about_series .info1_wrap .view_btn:after { content: ''; position: absolute; top: 50%; right: 26px; transform: translateY(-50%); display: inline-block; height: 10px; width: 2px; background: #fff; } 
.about_series img { margin-bottom: 40px; } 
.about_series img:last-child { margin-bottom: 0; } 

/* 능률VOCA 시리즈 교재 구성 모달 */
.series_comp { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); width: clamp(520px, 80%, 1040px); min-width: 750px; background: #00C2A8; box-sizing: border-box; text-align: center; overflow: auto; z-index: 99999;} 
.series_comp .comp_inner {width: 880px; height: 708px; box-sizing: border-box; width: 100%; height: 90.5vh; max-height: 825px;}
.series_comp .comp_inner.scroll-content {padding: 50px 80px !important; box-sizing: border-box !important;}
.series_comp .comp_inner.scrollbar-inner > .scroll-element .scroll-bar {background: #444;}
.series_comp .close_btn { display: block; position: absolute; right: 25px; top: 25px; padding: 10px; width: 30px; height: 30px; text-indent: -9999em; background-image: none; margin-left: auto;} 
.series_comp .close_btn:before { content: ''; display: block; width: 26px; height: 2px; position: absolute; left: 12px; top: 23px; background-color: #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-radius: 5px; } 
.series_comp .close_btn:after { content: ''; display: block; width: 26px; height: 2px; position: absolute; left: 12px; top: 23px; background-color: #000; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-radius: 5px; } 
.series_comp .title {font-size: 50px; font-weight: 800; color: #fff; margin-bottom: 15px;}
.series_comp .desc {font-size: 18px; font-weight: 600; color: #0F4941; margin-bottom: 32px; letter-spacing: 0;}
.series_comp table thead tr th {background: #078A78; color: #CCF3ED; font-size: 16px; font-weight: 500;}
.series_comp table th, 
.series_comp table td {height: 47px; border-top: 1px solid #00C2A8; border-right: 1px solid #00C2A8; background: #CCF3ED; font-size: 17px; font-weight: 600; color: #232323;}
.series_comp table td:nth-of-type(1) {text-align: left; padding-left: 23px; padding-right: 10px;}
.series_comp table td:nth-of-type(2) {background: #A6E9E0;}
.series_comp table td:first-child,
.series_comp table td:first-child + td {border-top: 1px dashed #00C2A8;}

/* 실시간 신청 현황 */
.application_status { padding: 20px 0 120px; } 
.application_status .reply_list { background: #fff; padding: 20px 70px 0; margin-bottom: 60px; } 
.application_status .reply_list li { padding: 37px 0; font-size: 24px; font-weight: 500; border-bottom: 1px solid #DCE6EF; } 
.application_status .reply_list li .content { margin-bottom: 13px; line-height: 1.67; } 
.application_status .reply_list li .user_name { font-weight: 700; margin-right: 35px; } 
.application_status .reply_list li .series_name { color: #00C2A8 } 
.application_status .list_paging { display: flex; justify-content: center; padding: 60px 0; } 
.application_status .list_paging a { display: inline-block; width: 30px; height: 30px; border-radius: 3px; font-size: 16px; font-weight: 300; color: #ABABAB; text-align: center; align-content: center; } 
.application_status .list_paging .page_left { background: url(https://pic.neungyule.com/netutor/event/2025/0910/page_arw_icon01.png) no-repeat center/ 7px; font-size: 0; margin-right: 20px; } 
.application_status .list_paging .page_left.on { background-image: url(https://pic.neungyule.com/netutor/event/2025/0910/page_arw_icon01_on.png); } 
.application_status .list_paging .page_right { background: url(https://pic.neungyule.com/netutor/event/2025/0910/page_arw_icon02.png) no-repeat center / 7px; font-size: 0; margin-left: 20px; } 
.application_status .list_paging .page_right.on { background-image: url(https://pic.neungyule.com/netutor/event/2025/0910/page_arw_icon02_on.png); } 
.application_status .list_paging .page_num_box { display: inline-flex; gap: 6px; } 
.application_status .list_paging .page_num_box a.on { background: #002F5B; color: #fff; } 
.application_status .notice { color: #002F5B; letter-spacing: 0; } 
.application_status .notice h3 { font-size: 40px; font-weight: 800; margin-bottom: 34px; } 
.application_status .notice h4 { font-size: 24px; font-weight: 700; margin-bottom: 14px; } 
.application_status .notice p { font-size: 20px; line-height: 1.6; font-weight: 300; margin-bottom: 35px; } 
.application_status table { font-weight: 300; margin-bottom: 40px; } 
.application_status table th,
.application_status table td { border: 1px solid #76AADB; color: #002F5B; font-size: 20px; padding: 22px 35px; text-align: center; } 
.application_status table th { font-weight: 700; } 
.application_status table td { padding-inline: 35px; line-height: 1.6; } 
.application_status table td a { color: #0063BF; text-decoration: underline; font-size: 20px; } 

/* 능률VOCA 미션 수행 */
.mission { background: #002F5B; padding-bottom: 160px; } 
.mission h2 { color: #fff; } 
.mission .date { display: flex; height: 122px; margin-bottom: 20px; } 
.mission .date li { position: relative; flex: 1; background: #031D36; display: flex; justify-content: center; align-items: center; gap: 20px; } 
.mission .date li:first-child:after { content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #164C7E; width: 1px; height: 78px; } 
.mission .date li span { background: #00C2A8; color: #002F5B; font-size: 28px; border-radius: 20px; padding: 5px 18px; font-weight: 700; } 
.mission .date li p { font-size: 32px; font-weight: 700; color: #fff; } 
.mission .proceed { background: #fff; padding: 120px 0 107px; text-align: center; margin-bottom: 60px; } 
.mission .proceed .title span { display: inline-block; background: #00C2A8; color: #fff; font-size: 28px; border-radius: 20px; padding: 5px 18px; font-weight: 700; margin: 35px 0 20px; } 
.mission .proceed .title .series_name { font-size: 46px; font-weight: 700; margin-bottom: 30px; } 
.mission .proceed a { display: block; width: 594px; height: 90px; margin: 0 auto; text-align: center; align-content: center; background: #151515; color:#fff; font-size: 26px; font-weight: 800; } 
.mission .proceed a + a { margin-top: 19px; } 
.mission .proceed a b { color: #00C2A8; } 
.mission .notice { font-size: 22px; font-weight: 500; color: #507497; line-height: 1.81; } 

/* 고정 버튼 */
.kakao_share_btn { position: fixed; bottom: 35px; right: 35px; z-index: 100; } 
.apply_fixed_btn { opacity: 0; visibility: hidden; position: fixed; display: flex; align-items: center; left: 50%; transform: translateX(-50%); bottom: 50px; height: 90px; color: #fff !important; font-size: 30px; font-weight: 700; z-index: 100; text-align: center; transition: opacity .5s, visibility 0s linear .5s; min-width: 594px; gap: 1px; } 
.apply_fixed_btn.active { opacity: 1; visibility: visible; transition: opacity .5s; } 
.apply_fixed_btn a { position: relative; flex: 1; display: block; height: 100%; align-content: center; white-space: nowrap; color: #fff; font-size: 26px; background: #001F3B; box-shadow: rgba(12, 40, 67, .69) 5px 5px 10px; border-radius: 100px; } 
.apply_fixed_btn a b { color: #00C2A8; } 
.apply_fixed_btn.btn2 a { width: 520px; } 
.apply_fixed_btn.btn2 a:nth-child(1) { border-radius: 100px 0 0 100px; } 
.apply_fixed_btn.btn2 a:nth-child(2) { border-radius: 0 100px 100px 0; } 


@media screen and (max-width:1450px){
 .kakao_share_btn { bottom: 140px; } 
 }