/* NELT 지인초대(invitation) 페이지 — 원본 legacy/.../pages/nelt/invitation.asp inline CSS(L59-185) 1:1.
   전역영향 셀렉터(.ne-footer/.ne-chatbot/.inner)만 .event_wrap 스코프로 격리(grammar-pkg.css 선례). 이미지=renew/pc CDN. */
body:has(.event_wrap) .ne-footer{margin-top:0;}
body:has(.event_wrap) .ne-chatbot{display:none;}
.event_wrap{background:#EAEDF2;font-family:'Paperlogy','맑은 고딕',system-ui,-apple-system,sans-serif;}
.event_wrap .inner{max-width:920px;margin:0 auto;}

/* ===== VISUAL (Hero) ===== */
.visual{position:relative;overflow:hidden;}
.visual .tit{position:relative;height:980px;}
.visual .tit > p{position:absolute;top:120px;left:0;right:0;margin:0;text-align:center;font-size:32px;font-weight:600;color:#323232;letter-spacing:-0.02em;white-space:nowrap;}
.visual .tit > p strong{font-weight:800;color:#e96d0a;text-decoration:underline;text-underline-offset:4px;}
.visual h2{position:absolute;top:194px;left:0;right:0;height:320px;margin:0;padding:0;text-align:center;z-index:3;}
.visual h2 span{position:absolute;left:0;right:0;}
.visual h2 span:first-child{top:0;}
.visual h2 span:nth-child(2){top:92px;font-size:116px;font-weight:900;color:#001865;letter-spacing:-1px;line-height:1;}
.visual h2 span:last-child{top:188px;}
.ico_nelt{display:inline-block;overflow:hidden;text-indent:-9999em;font-style:normal;}
.visual h2 .ico_nelt{width:341px;height:89px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/nelt_logo.svg) no-repeat center / contain;}
.visual h2 .ico_event{display:block;width:332px;height:123px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/visual_event.png) no-repeat center / 100% auto;overflow:hidden;text-indent:-9999em;font-size:0;margin:0 auto;}

/* ===== 캐릭터 영역 ===== */
.visual_box{position:absolute;top:410px;left:0;right:0;height:570px;z-index:1;}
.visual_box::before{content:'';position:absolute;left:-32px;top:224px;width:994px;height:994px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/bg_ellipse.svg) no-repeat 0 0 / 100%;pointer-events:none;z-index:0;}
.item_human{position:absolute;left:100px;top:193px;width:754px;height:377px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/visual_characters.png) no-repeat center / 100% auto;z-index:3;}
.item_balloon{position:absolute;display:block;text-align:center;color:#fff;font-size:18px;font-weight:500;line-height:1.2;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(24px);animation:balloon-fadein 0.5s ease-out 0.55s both,label-float 1.8s linear infinite alternate;}
.item_balloon strong{font-size:22px;font-weight:800;}
.item_balloon.orange{left:112px;top:155px;width:265px;height:94px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/balloon_orange.svg) no-repeat center / 100% 100%;padding:16px 20px 28px;animation-delay:0.3s;}
.item_balloon.navy{left:579px;top:124px;width:243px;height:97px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/balloon_navy.svg) no-repeat center / 100% 100%;padding:15px 20px 28px;animation-delay:0.55s;}
@keyframes balloon-fadein{to{opacity:1;transform:translateY(0);}}
.kakao{position:absolute;left:435px;top:336px;width:54px;height:54px;background:#fee500 url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/ico_kakao.svg) no-repeat center / 56% auto;border-radius:14px;border:2px solid #e8ebf4;box-sizing:border-box;z-index:2;opacity:0;transform:scale(0);transform-origin:center;animation:kakao-pop 0.45s cubic-bezier(0.34,1.56,0.64,1) 1.8s forwards;}
.dotted_line{position:absolute;left:256px;top:361px;width:388px;height:8px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/line_dotted.png) no-repeat center / 100% auto;z-index:2;-webkit-mask-image:linear-gradient(to right,#000,#000),linear-gradient(to left,#000,#000);mask-image:linear-gradient(to right,#000,#000),linear-gradient(to left,#000,#000);-webkit-mask-size:0% 100%,0% 100%;mask-size:0% 100%,0% 100%;-webkit-mask-position:left center,right center;mask-position:left center,right center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:dotline-reveal 1s ease-out 0.7s both;}
@keyframes dotline-reveal{from{-webkit-mask-size:0% 100%,0% 100%;mask-size:0% 100%,0% 100%;}to{-webkit-mask-size:50% 100%,50% 100%;mask-size:50% 100%,50% 100%;}}
@keyframes kakao-pop{to{opacity:1;transform:scale(1);}}

/* ===== SECTION 2 & 3 공통 ===== */
.section2,.section3{background:#fcfcfe;padding:120px 0;text-align:center;}
.section2 h2 span,.section3 h2 span{margin:0;display:block;}

/* ===== SECTION 2 ===== */
.section2 h2{margin:0 0 40px;font-size:48px;font-weight:800;line-height:60px;color:#171717;}
.section2 h2 .ico_nelt{width:161px;height:42px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/nelt_logo.svg) no-repeat center / contain;margin:0 4px;}
.section2 .sub_tit{font-size:22px;font-weight:600;line-height:28px;color:#323232;margin:0 0 80px;}
.section2 .sub_tit strong{font-weight:800;position:relative;}
.section2 .sub_tit strong::after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:14px;background:#fffb21;z-index:-1;}
.section2 .coupon_box{display:flex;justify-content:center;gap:40px;}
.section2 .coupon_item{display:flex;flex-direction:column;align-items:center;gap:13px;width:378px;}
.section2 .coupon_item .label{display:block;width:300px;height:62px;padding:15px 0 0;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/coupon_label.svg) no-repeat center / 100% 100%;font-size:18px;font-weight:800;line-height:1;color:#fff;box-sizing:border-box;animation:label-fadein 0.5s ease-out both,label-float 2.4s ease-in-out 0.5s infinite alternate;}
@keyframes label-fadein{from{opacity:0;}to{opacity:1;}}
@keyframes label-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}

/* 쿠폰 카드 공통 */
.coupon{position:relative;width:378px;height:218px;}
.coupon.navy{background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/coupon_navy.svg) no-repeat center / 100% 100%;}
.coupon.orange{background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/coupon_orange.svg) no-repeat center / 100% 100%;}
.coupon em,.coupon strong,.coupon .date{position:absolute;left:0;right:0;}
.coupon em{top:27px;display:flex;align-items:center;justify-content:center;gap:2px;font-size:22px;font-weight:700;font-style:normal;color:#fff;letter-spacing:0.22px;line-height:1;}
.coupon .ico_nelt{width:66px;height:17px;flex-shrink:0;}
.coupon.navy .ico_nelt{background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/coupon_nelt_navy.svg) no-repeat center / contain;}
.coupon.orange .ico_nelt{background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/coupon_nelt_orange.svg) no-repeat center / contain;}
.coupon strong{top:67px;font-size:80px;font-weight:800;color:#fff;letter-spacing:3.2px;line-height:1;}
.coupon .date{top:165px;font-size:18px;font-weight:500;color:rgba(255,255,255,0.6);letter-spacing:0.18px;line-height:1;}

/* ===== SECTION 3 ===== */
.section3 h2{display:flex;flex-direction:column;gap:10px;margin:0 0 60px;}
.section3 h2 span{line-height:60px;color:#171717;}
.section3 h2 span:first-child{font-size:32px;font-weight:600;line-height:48px;}
.section3 h2 span:nth-child(2){font-size:54px;font-weight:900;}
.section3 h2 span:nth-child(2) em{color:#ff7100;margin-right:12px;}
.section3 .inner > p{margin:0;font-size:22px;font-weight:600;line-height:36px;color:#303030;}
#cntInviteUser,#cntNeltCoupon{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:32px;padding:0 4px;background:#ececec;border-radius:4px;font-size:22px;font-weight:700;line-height:1;color:#000;box-sizing:border-box;overflow:hidden;}
#cntInviteUser .num,#cntNeltCoupon .num{display:block;}
.section3 .coupon_container{position:relative;height:251px;margin-top:39px;}
.section3 .coupon_container .coupon{position:absolute;left:271px;top:33px;}
.section3 .ico_count{position:absolute;left:609px;top:2px;width:80px;height:80px;background:#323232;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:400;color:#fff;letter-spacing:2px;line-height:1;}
.section3 .ico_count strong{font-size:40px;font-weight:800;color:#fff;letter-spacing:2px;}

/* ===== SECTION 4 ===== */
.section4{background:#253772;padding:120px 0;text-align:center;}
.section4 h2{font-size:48px;font-weight:800;line-height:60px;color:#fff;margin:0 0 80px;}
.section4 .step_swiper{overflow:hidden;padding-bottom:24px;position:relative;}
.section4 .swiper-slide{height:516px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;}
.section4 .swiper-slide .label{display:block;width:110px;height:40px;background:#fff;border-radius:30px;font-size:18px;font-weight:800;color:#323232;line-height:40px;text-align:center;flex-shrink:0;margin-bottom:40px;}
.section4 .swiper-slide .desc{display:flex;flex-direction:column;align-items:center;gap:40px;}
.section4 .swiper-slide .desc p{margin:0;font-size:22px;font-weight:600;line-height:28px;color:#fff;text-align:center;}
.section4 .swiper-slide .desc p strong{font-weight:700;color:#ffeb3b;}
.section4 .swiper-slide .desc p > span:not(.sub){font-weight:300;}
.section4 .swiper-slide .desc p .sub{display:block;font-size:16px;font-weight:400;color:rgba(255,255,255,0.8);line-height:24px;margin-top:8px;}
.section4 .swiper-slide .desc img{display:block;max-width:380px;height:auto;position:absolute;bottom:30px;}
.section4 .step_swiper .swiper-scrollbar{left:50%;transform:translateX(-50%);width:546px;height:6px;background:rgba(255,255,255,0.2);border-radius:3px;bottom:3px;}
.section4 .step_swiper .swiper-scrollbar-drag{background:#fff;border-radius:3px;cursor:grab;}
.section4 .step_swiper .swiper-scrollbar-drag:active{cursor:grabbing;}

/* ===== SECTION invite ===== */
.invite{background:#f07b1e;padding:120px 0;}
.invite .inner{display:flex;flex-direction:column;align-items:center;}
.invite h2{font-size:48px;font-weight:700;color:#fff;text-align:center;margin:0 0 40px;}
.invite h2.thin{font-size:40px;font-weight:400;line-height:28px;}
.invite .inner p{font-size:24px;font-weight:600;color:#fff;text-align:center;margin:0 0 80px;}
.invite .code_box{position:relative;width:100%;height:120px;background:#fff;border:1px solid #bebebe;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;overflow:hidden;box-sizing:border-box;}
.invite .code_box .nums{font-size:42px;font-weight:500;letter-spacing:6px;color:#000;margin:0;text-align:center;}
.invite .code_box .btn_clip{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;padding:0 20px;font-size:18px;font-weight:500;color:#e96d0a;text-decoration:none;}
.invite .code_box .btn_clip::before{content:'';flex-shrink:0;width:18px;height:17px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/ico_clip.svg) no-repeat center / contain;}
.invite .inner > div:not([class]){display:flex;flex-wrap:wrap;gap:20px;width:100%;}
.invite .item{flex:0 0 calc(50% - 10px);height:240px;background:#fff;border-radius:20px;position:relative;overflow:hidden;text-align:center;}
.invite .item .label,.invite .item .counts,.invite .item .sub_txt{position:absolute;left:0;right:0;transform:translateY(-50%);}
.invite .item .label{top:54px;font-size:22px;font-weight:400;color:#171717;line-height:28px;}
.invite .item .counts{top:130px;margin:0;font-size:24px;font-weight:400;color:#171717;line-height:1;text-align:center;}
.invite .item .counts strong{font-size:80px;font-weight:800;color:#ff7100;vertical-align:baseline;}
.invite .item .sub_txt{top:199px;font-size:14px;font-weight:400;color:#171717;line-height:28px;text-align:center;}
.invite .item .sub_txt span{color:#FF7100;font-weight:700;}
.invite .inner .btn_wrap{display:flex;gap:14px;margin:80px 0;}
.invite .btn_wrap a {display:inline-flex;align-items:center;justify-content:center;font-family:"Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;font-size:24px;font-weight:700;}
.invite .btn_wrap a span {display:inline-flex;align-items:center;justify-content:center;gap:10px;width:450px;height:72px;}
.invite .btn_check,.invite .btn_invite {border-radius:8px;background:linear-gradient(90deg,rgba(0,0,0,.20) 0%,rgba(102,102,102,.20) 100%),radial-gradient(42.71% 85.42% at 50% 0%,rgba(255,255,255,.20) 0%,rgba(255,255,255,.00) 100%),#FFE92B;background-blend-mode:multiply,overlay,normal;box-shadow:0 3px 8.4px 1px rgba(0,0,0,.24);}
.invite .btn_check span,.invite .btn_invite span {border-radius:8px;border:1.5px solid rgba(255,255,255,.78);background-blend-mode:multiply,overlay,normal;}
.invite .btn_check {border:3px solid #525252;}
.invite .btn_check span {background:linear-gradient(346deg,rgba(161,161,161,.20) 9.69%,rgba(254,231,17,.00) 97.16%),radial-gradient(42.71% 85.42% at 50% 0%,rgba(255,255,255,.67) 0%,rgba(255,255,255,.00) 100%),#FFF;}
.invite .btn_invite {border:3px solid #553218;}
.invite .btn_invite span {background:linear-gradient(346deg,rgba(216,166,0,.20) 9.69%,rgba(254,231,17,.00) 97.16%),radial-gradient(42.71% 85.42% at 50% 0%,rgba(255,255,255,.67) 0%,rgba(255,255,255,.00) 100%),#FFE92B;}
.invite .btn_invite span::before {content:'';flex-shrink:0;width:27px;height:25px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/ico_kakao_bubble.svg) no-repeat center/contain;}
.invite .noti_box{width:100%;background:rgba(0,0,0,0.1);border-radius:20px;padding:40px 90px;box-sizing:border-box;text-align:left;}
.invite .noti_box h3{font-size:22px;font-weight:800;color:#fff;margin:0 0 16px;padding-left:12px;}
.invite .noti_box ul{list-style:disc;padding-left:21px;margin:0;}
.invite .noti_box li{font-size:14px;font-weight:400;color:#fff;line-height:28px;position:relative;}
.invite .noti_box li::before{content:'';position:absolute;left:-13px;top:12px;width:2px;height:2px;border-radius:50%;background:#fff;}
.invite .noti_box li a{font-family:"Pretendard Variable", Pretendard, -apple-system, system-ui, sans-serif;display:inline-flex;align-items:center;gap:4px;background:#fff;color:#323232;font-size:15px;font-weight:700;text-decoration:none;padding:0 10px;border-radius:2px;height:26px;}
.invite .noti_box li a::after{content:'';flex-shrink:0;width:7px;height:14px;background:url(https://pic.neungyule.com/netutor/renew/pc/membership/invitation/ico_arrow_r.svg) no-repeat center / contain;}