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

section h2 {font-size: 7.78vw; font-weight: 800; color: #002F5B; text-align: center; padding: 13.89vw 0 5.56vw; line-height: 1.25; letter-spacing: -0.02em; white-space: nowrap;} 
section h2 b {color: #00C2A8;} 
#content {padding-bottom: 0;}
.main_content .inner {padding: 0 5.56vw; max-width: 640px; margin: 0 auto;}

/* 메인 상단 */
.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: 7.22vw; font-weight: 600; color: #fff; margin-bottom: 11.11vw; white-space: nowrap;} 
.mv_section .title1 h1 img {position: absolute; left: -13.89vw; top: -12.78vw; z-index: -1; width: 27.78vw;}
.mv_section .title1 > img {width: 56.94vw; max-width: 410px;}
.mv_section .title2 h1 {font-size: 12.92vw; font-weight: 800; color: #fff; margin-bottom: 8.75vw; white-space: nowrap;} 
.mv_section .title2 h1 img {display: block;; margin-top: 4.86vw; margin-inline: auto; max-width: 583px; width: 80.97%;}
.mv_section .title2 p {font-size: 4.17vw; line-height: 1.4; color: #DCE6EF;} 
.mv_section .title2 p b {font-weight: 800; color: #fff;} 
.mv_section .title2 {opacity: 0;} 
.mv_section .title2 {width: 100%;}
.mv_section .title .btn_apply {position: relative; display: inline-block; margin: 13.89vw 11.11vw 0 0; width: 41.67vw; height: 13.89vw; background: #00C2A8; font-size: 4.72vw; 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; background-size: 4.72vw; position: absolute; display: inline-block; width: 13.89vw; height: 13.89vw; border-radius: 50%; top: 0; right: -11.11vw; align-content: center;} 

.mv_section .line_wrap {display: flex; flex-direction: row; justify-content: center; width: 100%; height: 100%; gap: 2.78vw; transform-origin: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 1;} 
.mv_section .line {display: flex; flex-direction: column; gap: 4.17vw; flex-shrink: 0; width: 61.67%; position: relative; z-index: 1;}
.mv_section .line img {width: 100%;}
.mv_section .line1 {transform: translateY(-0)}
.mv_section .line2 {transform: translateY(-60px)}
.mv_section .line3 {transform: translateY(-120px)}

.main_content {background: #DCE6EF; margin-top: -100vh; position: relative; z-index: 50;} 
.event_wrap .main_content {border-radius: 0;}
/*
.main_content .rounded_bg_wrapper {z-index: 20; width: 100%; height: 6.94vw; 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: 13.89vw;} 
.recruit .tab_wrap .tab {flex: 1; background: #002F5B; color: rgba(172, 215, 255, .4); font-size: 4.45vw; 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: 7.64vw 0;} 
.recruit .tab_content.active_tab {display: flex;} 
.recruit .tab_content ul li {line-height: 1.43; font-size: 3.89vw;}
.recruit .tab_content ul li + li {margin-top: 3.47vw;} 
.recruit .tab_content ul li span {display: block; font-weight: 800; color: #00C2A8; font-size: 4.45vw;}
.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: 2.78vw; text-align: center;}
.recruit .tab_content .apply_closed .title {font-size: 5.56vw; font-weight: 800; color: #DF0000;}
.recruit .tab_content .apply_closed .txt {font-size: 3.88vw; font-weight: 500; line-height: 1.33; color: #fff;}

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

/* NE First Partner 활동 기간 */
.period .date {display: flex; height: 13.19vw; margin-bottom: 2.78vw; background: #002F5B; padding: 0 1.39vw;} 
.period .date li {position: relative; flex: 1; display: flex; justify-content: center; align-items: center; gap: 2.08vw;} 
.period .date li:first-child:after {content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #306CA5; width: 1px; height: 10.83vw;} 
.period .date li span {color: #00C2A8; font-size: 3.61vw; border-radius: 20px; font-weight: 700;} 
.period .date li p {font-size: 3.89vw; font-weight: 500; color: #fff;} 
.period .notice {margin-top: 4.86vw; line-height: 1.5; color: #666; font-size: 3.33vw; margin-bottom: 13.89vw; font-weight: 500;} 
.period .notice li {position: relative; margin-left: 1.53vw; word-break: keep-all;}
.period .notice li:before {content: '·'; position: absolute; left: -1.53vw;}

/* 능률VOCA 시리즈 이렇게 달라졌어요! */
.about_series {background: #F5F5F5; padding: 0 0 13.89vw;} 
.about_series h2 {color: #151515;} 
.about_series img + img {margin-top: 5.56vw;} 

/* 실시간 신청 현황 */
.application_status {padding: 0 0 9.72vw;}
.application_status h2 {font-size: 8.89vw;}
.application_status h3:after {content: ''; position: relative; width: 5vw; height: 2.78vw; background: url(https://pic.neungyule.com/netutor/event/2025/0910/m/arrow_down_ico.png) no-repeat 50% 50% / cover;}
.application_status h3.on:after {transform: rotate(180deg)}
.application_status .reply_list {background: #fff; padding: 2.78vw 6.94vw 0; margin-bottom: 11.11vw;}
.application_status .reply_list li {padding: 4.17vw 0; font-size: 3.61vw; font-weight: 500; border-bottom: 1px solid #DCE6EF;}
.application_status .reply_list li .content {margin-bottom: 1.39vw; line-height: 1.38; color: #666;}
.application_status .reply_list li .user_name {font-weight: 700; margin-right: 4.87vw;}
.application_status .reply_list li .series_name {color: #00C2A8}
.application_status .list_paging {display: flex; justify-content: space-between; padding: 6.94vw 0;}
.application_status .list_paging a {display: inline-block; width: 8.33vw; height: 8.33vw; border-radius: 3px; font-size: 4.17vw; 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; background-size: 1.94vw; font-size: 0; margin-right: 2.78vw;}
.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; background-size: 1.94vw; font-size: 0; margin-left: 2.78vw;}
.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: 0.83vw;}
.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 {display: flex; gap: 2.78vw; align-items: center; font-size: 5.56vw; font-weight: 800; margin-bottom: 5.69vw;}
.application_status .notice h3 img {width: 5vw;}
.application_status .notice .cont {display: none;}
.application_status .notice h3.on ~ .cont {display: block;}
.application_status .notice h4 {font-size: 3.3vw; font-weight: 700; margin-bottom: 2.5vw;} 
.application_status .notice p {font-size: 3.06vw; line-height: 1.45; font-weight: 300; margin-bottom: 5.14vw;} 

.application_status .info_box {margin-bottom: 2.78vw; margin-top: -2.08vw;}
.application_status .info_box li {font-size: 2.78vw; padding: 2.08vw 0 2.08vw 2.78vw; border: 1px solid #76AADB; line-height: 1.6;}
.application_status .info_box li + li {border-top: none;}
.application_status .info_box li:last-child {border: none}
.application_status .info_box li:last-of-type {border: none}
.application_status .info_box li h5 {font-weight: 700; margin-bottom: 2px;}
.application_status .info_box li .txt {display: flex; gap: 1.39vw;}
.application_status .info_box li .txt span {font-weight: 700; flex-basis: 10.83vw; flex-grow: 0;}
.application_status .info_box li .txt .desc {font-weight: 300;}
.application_status .info_box li .txt .desc a {color: #0063BF; text-decoration: underline; font-size: 2.5vw;}

.application_status table {font-weight: 300; margin-bottom: 5.56vw;} 
.application_status table th,
.application_status table td {border: 1px solid #76AADB; color: #002F5B; font-size: 2.78vw; padding: 3.06vw 4.86vw; text-align: center;} 
.application_status table th {font-weight: 700;} 
.application_status table td {padding-inline: 4.86vw; line-height: 1.6;} 
.application_status table td a {color: #0063BF; text-decoration: underline; font-size: 2.78vw;} 

/* 능률VOCA 미션 수행 */
.mission {background: #002F5B; padding-bottom: 22.23vw;}
.mission h2 {color: #fff; font-size: 8.89vw;}
.mission .date {display: flex; height: 13.19vw; margin-bottom: 2.78vw; background: #031D36; padding: 0 1.39vw;}
.mission .date li {position: relative; flex: 1; display: flex; justify-content: center; align-items: center; gap: 2.08vw;} 
.mission .date li span {color: #00C2A8; font-size: 3.61vw; border-radius: 20px; font-weight: 700;} 
.mission .date li p {font-size: 3.89vw; font-weight: 500; color: #fff; }

.mission .proceed {background: #fff; padding: 16.67vw 0 7.78vw; text-align: center; margin-bottom: 4.86vw;}
.mission .proceed > img {width: 15.42vw;}
.mission .proceed .title span {display: inline-block; background: #00C2A8; color: #fff; font-size: 3.89vw; border-radius: 50px; padding: 1.53vw 3.06vw; font-weight: 700; margin: 4.86vw 0 5.28vw;} 
.mission .proceed .title .series_name {font-size: 6.39vw; font-weight: 700; margin-bottom: 8.33vw;} 
.mission .proceed a {display: block; width: 84.3%; margin: 0 auto; height: 13.89vw; text-align: center; align-content: center; background: #151515; color:#fff; font-size: 4.17vw; font-weight: 800;} 
.mission .proceed a + a {margin-top: 1.39vw;} 
.mission .proceed a b {color: #00C2A8;} 
.mission .notice {font-size: 3.06vw; font-weight: 500; color: #507497; line-height: 1.81;} 
.mission .notice li {position: relative; margin-left: 1.53vw; word-break: keep-all;}
.mission .notice li:before {content: '·'; position: absolute; left: -1.53vw;}

/* 고정 버튼 */
.kakao_share_btn {position: fixed; top: 4.86vw; right: 5.56vw; z-index: 100; width: 5vw; min-width: 20px;}
.apply_fixed_btn {opacity: 0; visibility: hidden; position: fixed; display: flex; align-items: center; left: 50%; transform: translateX(-50%); bottom: 4.17vw; height: 13.89vw; color: #fff !important; font-size: 4.17vw; font-weight: 700; z-index: 100; text-align: center; transition: opacity .5s, visibility 0s linear .5s; width: 69.44%; max-width: 500px; 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: 4.72vw; 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 {width: 88.89%; max-width: 640px;}
.apply_fixed_btn.btn2 a {font-size: 3.61vw;}
.apply_fixed_btn.btn2 a:nth-child(1) {border-radius: 13.89vw 0 0 13.89vw;}
.apply_fixed_btn.btn2 a:nth-child(2) {border-radius: 0 13.89vw 13.89vw 0;}


@media screen and (min-width:720px){
    section h2 {font-size: 56px; padding: 100px 0 40px;} 

    .mv_section .title1 h1 {font-size: 52px; margin-bottom: 80px;} 
    .mv_section .title1 h1 img {left: -100px; top: -92px; width: 200px;}
    .mv_section .title2 h1 {font-size: 93px; margin-bottom: 63px;}
    .mv_section .title2 h1 img {margin-top: 35px;}
    .mv_section .title2 p {font-size: 30px;} 
    .mv_section .title .btn_apply {margin: 100px 80px 0 0; width: 300px; height: 100px; font-size: 34px;} 
    .mv_section .title .btn_apply:after {background-size: 34px; width: 100px; height: 100px; right: -80px;} 
    .mv_section .line_wrap {gap: 20px;}
    .mv_section .line {gap: 30px;}
    /*
    .main_content .rounded_bg_wrapper {height: 50px;}
    */

    .recruit .tab_wrap {height: 100px;}
    .recruit .tab_wrap .tab {font-size: 32px;} 
    .recruit .tab_content {padding: 55px 0;} 
    .recruit .tab_content ul li {font-size: 28px;}
    .recruit .tab_content ul li + li {margin-top: 25px;} 
    .recruit .tab_content ul li span {font-size: 32px;}
    .recruit .tab_content .apply_closed {gap: 20px;}
    .recruit .tab_content .apply_closed .title {font-size: 40px;}
    .recruit .tab_content .apply_closed .txt {font-size: 28px;}

    .benefit .benefit_box img + img {margin-top: 40px;} 

    .period .date {height: 95px; margin-bottom: 20px; padding: 0 10px;} 
    .period .date li {gap: 15px;} 
    .period .date li:first-child:after {height: 78px;} 
    .period .date li span {font-size: 26px;} 
    .period .date li p {font-size: 28px;} 
    .period .notice {margin-top: 35px; font-size: 24px; margin-bottom:100px;} 
    .period .notice li {margin-left: 11px;}
    .period .notice li:before {left: -11px;}

    .about_series {padding: 0 0 100px;} 
    .about_series img + img {margin-top: 40px;} 

    .application_status {padding: 0 0 70px;}
    .application_status h2 {font-size: 64px;}
    .application_status h3:after {width: 36px; height: 20px;}
    .application_status .reply_list {padding: 20px 50px 0; margin-bottom: 80px;}
    .application_status .reply_list li {padding: 30px 0; font-size: 26px;}
    .application_status .reply_list li .content {margin-bottom: 10px;}
    .application_status .reply_list li .user_name {margin-right: 35px;}
    .application_status .list_paging {padding: 50px 0;}
    .application_status .list_paging a {width: 60px; height: 60px; font-size: 30px;}
    .application_status .list_paging .page_left {margin-right: 20px; background-size: 14px;}
    .application_status .list_paging .page_right {margin-left: 20px; background-size: 14px;}
    .application_status .list_paging .page_num_box {gap: 6px;}
    .application_status .notice h3 {gap: 20px; font-size: 40px; margin-bottom: 41px;} 
    .application_status .notice h3 img {width: 36px;}
    .application_status .notice h4 {font-size: 24px; margin-bottom: 18px;} 
    .application_status .notice p {font-size: 22px;  margin-bottom: 37px;} 

    .application_status .info_box {margin-bottom: 20px; margin-top: -15px;}
    .application_status .info_box li {font-size: 20px; padding: 15px 0 15px 20px;}
    .application_status .info_box li .txt {gap: 10px;}
    .application_status .info_box li .txt span {flex-basis: 78px;}
    .application_status .info_box li .txt .desc a {font-size: 18px;}

    .application_status table {margin-bottom: 40px;} 
    .application_status table th,
    .application_status table td {font-size: 20px; padding: 22px 35px;}
    .application_status table th {font-weight: 700;} 
    .application_status table td {padding-inline: 35px;} 
    .application_status table td a {font-size: 20px;} 

    .mission {padding-bottom: 160px;}
    .mission h2 {font-size: 64px;}
    .mission .date {height: 95px; margin-bottom: 20px; padding: 0 10px;}
    .mission .date li {gap: 15px;} 
    .mission .date li span {font-size: 26px; border-radius: 20px;} 
    .mission .date li p {font-size: 28px;}

    .mission .proceed { padding: 120px 0 56px; margin-bottom: 35px;}
    .mission .proceed > img {width: 111px;}
    .mission .proceed .title span {font-size: 28px; padding: 11px 22px; margin: 35px 0 38px;} 
    .mission .proceed .title .series_name {font-size: 46px; margin-bottom: 60px;} 
    .mission .proceed a {font-size: 30px; height: 100px;}
    .mission .proceed a + a {margin-top: 10px;}
    .mission .notice {font-size: 22px;} 
    .mission .notice li {margin-left: 11px;}
    .mission .notice li:before {left: -11px;}

    .kakao_share_btn {top: 35px; right: 40px; width: 36px;}
    .apply_fixed_btn {bottom: 30px; height: 100px; font-size: 30px;}
    .apply_fixed_btn a {font-size: 34px;}
    .apply_fixed_btn.btn2 a {font-size: 26px;}
    .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;}

}