@charset "utf-8";
body.lock{overflow:hidden;}
.ne-footer{margin-top:0;}
header.f_header{height:60px;position:absolute;}
.ne #content.event_wrap{position:relative;}

.timer_bar{background:rgba(36,36,36,0.94);width:100%;height:40px;position:absolute;top:0;left:0;z-index:9;}
.timer_bar.sticky{position:fixed;top:52px;}
.timer_bar .item{width:50%;height:40px;float:left;display:flex;align-items:center;box-sizing:border-box;}
.timer_bar .item.left{justify-content:flex-end;color:#fff;padding-right:6px;}
.timer_bar .item.right{padding-left:6px;}
.timer_bar .item em{margin:0 2px;display:inline-block;font-size:18px;color:#999;}
.timer_bar .item .digit{color:#fff;letter-spacing:-0.04em;font-weight:600;font-size:18px;}
.timer_bar .item .txt{font-size:12px;letter-spacing:-0.04em;margin-left:4px;color:#999;}
.timer_bar .item .days{position:relative;}
.timer_bar .item .days .digit{color:#fff;font-size:13px;letter-spacing:0;margin-left:4px;}
.timer_bar .item .done{color:#fff;}

/* 레이어 팝업 */
.layer_wrap{z-index:99999;width:100%;position:fixed;left:0;bottom:-100%;background:#fff;border-radius:6.94vw 6.94vw 0 0;max-height:89%;opacity:0;transition:all .3s ease;padding:0 0 45px;}
.layer_wrap.open{bottom:0;}
.layer_wrap .pop_head{position:relative;color:#171717;font-weight:800;letter-spacing:-.03em;text-align:center;height:58px;padding:0 5.56%;box-sizing:border-box;}
.layer_wrap .pop_head p.tit{font-size:18px;margin:0 auto;padding:20px 0;border-bottom:1px solid #ccc;height:100%;box-sizing:border-box;}
.layer_wrap .pop_body{padding:5.56%;max-height:calc(89vh - 112px);overflow-y:scroll;box-sizing:border-box;}
.layer_wrap .pop_body h4{font-size:14px;font-weight:900;letter-spacing:-.04em;color:#171717;margin-bottom:5px;padding-left:15px;position:relative;}
.layer_wrap .pop_body h4:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:#171717;position:absolute;top:4px;left:4px;}
.layer_wrap .pop_body h5{font-size:13px;font-weight:800;letter-spacing:-.04em;color:#171717;margin-bottom:3px;padding-left:3px;}
.layer_wrap .pop_body p{color:#171717;font-size:12px;line-height:1.42;letter-spacing:0;word-break:keep-all;font-weight:300;padding-left:12px;}
.layer_wrap .pop_body p + h4{margin-top:15px;}
.layer_wrap .pop_body p + h5{margin-top:4px;}
.layer_wrap .pop_body p:last-child{margin-bottom:0;}
.layer_wrap .pop_body p.noti{color:#555;text-align:center;margin-top:8px;}
.layer_wrap .pop_body a{color:#3D51FF;font-weight:500;}
.layer_wrap .pop_body .img_box{text-align:center;margin-top:15px;}
.layer_wrap .pop_body .img_box img{width:80%;min-width:160px;}
.layer_wrap .pop_foot{width:100%;height:45px;font-size:12px;border-top:1px solid #E5E5E5;position:relative;background:#fff;position:absolute;bottom:0;left:0;}
.layer_wrap .pop_foot a{display:block;padding:0 5.56%;line-height:45px;text-align:center;}
.layer_wrap .pop_foot a.btn_close{position:absolute;top:0;right:0;}
.layer_wrap.bg_gray{background:#E5E5E5;}
.layer_wrap.bg_gray .pop_head p.tit{border-bottom:0;}
.layer_wrap.bg_gray .pop_body{padding-top:0;}

.pop_dim{display:none;position:fixed;left:0;top:0;z-index:99998;width:100%;height:100%;background-color: rgba(0,0,0,.6);}
.pop_event_dim{position:fixed;left:0;top:0;width:100%;height:100%;z-index:99998;background-color:rgba(0,0,0,.65);}

/* 참가 신청 Popup */
.pop_nelt_contest *{box-sizing:border-box;}
.pop_nelt_contest{background:#FFF;height:100% !important;}
.pop_nelt_contest .pop_body{height:calc(100% - 52px);overflow-y:auto;box-sizing:border-box;}
.pop_nelt_contest .nt_section .g_tx{text-align:center;font-size:15px;line-height:20px;color:#0D0D0D;}
.pop_nelt_contest .nt_section .g_tx strong{color:#172E55;font-weight:700;}
.pop_nelt_contest .nt_section + .nt_section{border-top:10px solid #F9F9F9;}
.pop_nelt_contest .nt_section h3{color:#191919;font-weight:700;font-size:18px;margin:0 0 20px;}
.pop_nelt_contest .nt_section .req{display:inline-block;color:var(--color-secondary);vertical-align:top;}
.pop_nelt_contest .nt_section .red{color:#CC3333}
.pop_nelt_contest .nt_section .ip_form dt{position:relative;font-size:16px;line-height:20px;font-weight:700;color:#191919;}
.pop_nelt_contest .nt_section .ip_form dt .ref_mark{position:absolute;right:0;top:0;font-size:12px;font-weight:700;color:#ccc;line-height:20px;}
.pop_nelt_contest .nt_section .ip_form dd{margin-top:8px;}
.pop_nelt_contest .nt_section .ip_form dd input[type=text],
.pop_nelt_contest .nt_section .ip_form dd input[type=number]{width:100%;height:48px;border-radius:48px;padding:0 20px;font-size:16px;line-height:38px;color:#323232;border:1px solid #E1E1E1;}
.pop_nelt_contest .nt_section .ip_form dd input[type=text]:read-only,
.pop_nelt_contest .nt_section .ip_form dd input[type=number]:read-only{border-color:#EDEDED;color:rgba(0,0,0,.4);background-color:#F3F3F3;}
.pop_nelt_contest .nt_section .ip_form dd.phone_box{display:flex;justify-content:space-between;align-items:center;}
.pop_nelt_contest .nt_section .ip_form dd.phone_box input[type=text]{width:30%;text-align:center;}
.pop_nelt_contest .nt_section .ip_form dd select{width:100%;height:48px;border:1px solid #E1E1E1;border-radius:48px;line-height:46px;padding:0 36px 0 0;box-sizing:border-box;font-size:16px;color:#323232;background: url(https://pic.neungyule.com/netutor/m/toggle_ccc.png) no-repeat top 50% right 15px / 11px 8px;text-indent:20px;}
.pop_nelt_contest .nt_section .ip_form dd select option{padding:0;}
.pop_nelt_contest .nt_section .ip_form dd select:focus{border-color:#172E55;outline:0;}
.pop_nelt_contest .ip_form.mkt .noti2{margin:5px 0 15px;font-size:14px;line-height:20px;letter-spacing:-0.04rem;}
.pop_nelt_contest .ip_form.mkt .noti2 span{color:#172E55}
.pop_nelt_contest .nt_section .ip_form + .ip_form{margin-top:22px;}
.pop_nelt_contest .nt_section .ip_form .ra_wrap,
.pop_nelt_contest .nt_section .ip_form .ch_wrap{position:relative;}
.pop_nelt_contest .nt_section .ip_form .ra_wrap input[type=radio],
.pop_nelt_contest .nt_section .ip_form .ch_wrap input[type=checkbox]{position:absolute;left:-9999em;top:-9999em;width:1px;height:1px;font-size:0;visibility:hidden;}
.pop_nelt_contest .nt_section .ip_form .ch_wrap input + label,
.pop_nelt_contest .nt_section .ip_form .ra_wrap input + label{display:block;position:relative;height:48px;line-height:48px;font-size:16px;color:#969696;border:1px solid #E1E1E1;text-align:center;border-radius:48px;}
.pop_nelt_contest .nt_section .ip_form .ch_wrap input:checked + label,
.pop_nelt_contest .nt_section .ip_form .ra_wrap input:checked + label{font-weight:700;color:#172E55;border:1px solid #172E55;}
.pop_nelt_contest .nt_section .ip_form .d2{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:-10px;}
.pop_nelt_contest .nt_section .ip_form .d2 li{width:calc(50% - 5px);margin-top:10px;}
.pop_nelt_contest .nt_section .ip_form .d2 li.full{width:100%;}
.pop_nelt_contest .nt_section .ip_form .list_calbox{margin-top:10px;position:relative;}
.pop_nelt_contest .nt_section .ip_form .list_calbox input + ._btn_cal{position:absolute;right:15px;top:5px;display:block;width:21px;height:25px;background:url(https://pic.neungyule.com/netutor/img/membership/ico_cal.png) no-repeat 0 0;text-indent:-9999em;}
.pop_nelt_contest .nt_section .ip_form .nelt_type .ra_wrap input + label{line-height:20px;box-sizing:border-box;}
.pop_nelt_contest .nt_section .ip_form .nelt_type.d2 .ra_wrap input + label{height:56px;}
.pop_nelt_contest .nt_section .ip_form .nelt_type .ra_wrap.ra1 label{line-height:54px;font-size:13px;}
.pop_nelt_contest .nt_section .ip_form .nelt_type .ra_wrap.ra2 label{padding:8px 0;font-size:13px;}
.pop_nelt_contest .nt_section .ip_form .noti{color:#CC3333;font-weight:700;font-size:13px;margin-top:12px;}
.pop_nelt_contest .nt_section .q_noti{color:#555;font-size:11px;margin-top:12px;line-height:17px;position:relative;padding-left:66px;}
.pop_nelt_contest .nt_section .q_noti span{display:inline-block;position:absolute;top:0;left:0;font-weight:700;color:#333;}
.pop_nelt_contest .nt_section .qmark{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #ccc;font-style:normal;text-align:center;color:#666;margin-left:2px;}
.pop_nelt_contest .nt_section .ip_form dd .tx_box{padding:22px 20px;border:1px solid #E1E1E1;border-radius:6px;font-size:16px;line-height:24px;color:#323232;background:#F3F3F3;letter-spacing:-0.04rem;}
.pop_nelt_contest .nt_section .ip_form dd .tx_line{font-size:14px;line-height:20px;letter-spacing:-0.04rem;margin:-10px 0 15px;}
.pop_nelt_contest .nt_section .ip_form select{width:30%;text-align:center;height:40px;border:1px solid #ccc;border-radius:3px;line-height:38px;padding:0 15px;box-sizing:border-box;font-size:14px;color:#555;background:url(https://pic.neungyule.com/netutor/m/toggle_ccc.png) no-repeat top 50% right 15px / 11px 8px;}
.pop_nelt_contest .nt_section .btn_agree{display:block;height:60px;line-height:60px;text-align:center;color:#fff;background-color:#172E55;font-size:16px;font-weight:500;}
.pop_nelt_contest .nt_section.nt_sec05{padding:0;border:0;}
.pop_nelt_contest .mkt_ch{margin-top:15px;margin-bottom:15px;}
.pop_nelt_contest .mkt_ch.ch_wrap input{position:absolute;left:-9999em;top:-9999em;width:1px;height:1px;font-size:0;visibility:hidden;}
.pop_nelt_contest .mkt_ch.ch_wrap input + label{display:block;position:relative;padding-left:32px;height:24px;line-height:24px;font-size:14px;font-weight:700;color:#555;}
.pop_nelt_contest .mkt_ch.ch_wrap input + label:after{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:url(https://pic.neungyule.com/netutor/m/tutorplus/ico_ck.png) no-repeat 0 0 / 24px 24px;}
.pop_nelt_contest .mkt_ch.ch_wrap input:checked + label:after{background:url(https://pic.neungyule.com/netutor/m/tutorplus/ico_ck_on.png) no-repeat 0 0 / 24px 24px;}
.pop_nelt_contest .mkt_ch.marketing{margin-bottom:0;}
.pop_nelt_contest .mkt_ch.marketing + .st_box{margin-top:30px;}
.pop_nelt_contest .nt_sec01{padding:20px 0;}
.pop_nelt_contest .nt_sec02{padding:30px 20px;}
.pop_nelt_contest .nt_sec03{padding:30px 20px;}
.pop_nelt_contest .nt_sec04{padding:30px 20px;}
.pop_nelt_contest .nt_sec05{padding:30px 20px;}
.pop_nelt_contest .ui-widget.ui-widget-content{width:100%;box-sizing:border-box;}
.pop_nelt_contest .tab_box{overflow:hidden;margin-bottom:10px;}
.pop_nelt_contest .tab_box li{width:33.3%;float:left;}
.pop_nelt_contest .tab_box li a{display:block;padding:10px 0;text-align:center;font-size:16px;font-weight:400;line-height:18px;border-bottom:2px solid transparent;}
.pop_nelt_contest .tab_box li.on a{font-weight:900;color:#172E55;border-bottom:2px solid #172E55;}
.pop_nelt_contest .addr_box .noti{margin:10px 0 16px;line-height:18px;}
.pop_nelt_contest .addr_box input.post_no{float:left;display:block;width:calc(100% - 127px) !important}
.pop_nelt_contest .addr_box .btn_post{display:block;width:117px;float:right;margin-left:10px;background-color:#999;color:#fff;font-size:14px;line-height:40px;text-align:center;border-radius:3px;}
.pop_nelt_contest .addr_box .btn_post.lock{color:#ccc;}
.pop_nelt_contest .addr_box input[readonly]{background-color:#F9F9F9;border:1px solid #F9F9F9;color:#999;}
.pop_nelt_contest .addr_box input[readonly]::placeholder{color:#F9F9F9;}
.pop_nelt_contest .addr_box .ip_box:after{content:'';clear:both;overflow:hidden;display:block;}
.pop_nelt_contest .addr_box .ip_box + .ip_box{margin-top:10px;}
.pop_nelt_contest .addr_box .ip_box + .addr_noti{margin-top:10px;font-size:14px;}
.pop_nelt_contest .addr_box .ip_box select{width:100%;height:40px;line-height:38px;border:1px solid #ccc;box-sizing:border-box;padding: 0 45px 0 15px;background: url(https://pic.neungyule.com/netutor/m/toggle_ccc.png) no-repeat top 50% right 15px / 11px 8px;border-radius:3px;color:#555;}
.pop_nelt_contest .btn_send{height:50px;line-height:50px;border-top:1px solid #eee;background-color:#fff;position:fixed;left:0;bottom:0;width:100%;text-align:center;font-size:14px;font-weight:700;color:#555;}
.pop_nelt_contest .txt_notice_red{display:flex;padding:15px 0 0 0;line-height:1.2;word-break:keep-all;color:#CC3333}
.pop_nelt_contest .txt_notice_red:before{content:'※';margin-right:5px;}
.pop_nelt_contest .addr_box > input{height:50px;line-height:50px;}
.pop_nelt_contest .addr_box .btn_zipcode{display:inline-block;width:145px;height:50px;margin-left:10px;line-height:50px;font-size:17px;text-align:center;color:#fff;background:#999}
.pop_nelt_contest .addr_box span{display:block;padding-top:15px;}
.pop_nelt_contest .addr_box span + p{margin-top:6px;}
.pop_nelt_contest .dp_flex_center{display:flex;align-items:center;gap:10px}
.pop_nelt_contest .dp_flex_center .it_wrap{width:100%}
.pop_nelt_contest .dp_flex_center + .info_mark_txt{padding:15px 0 0 20px;background:url(https://pic.neungyule.com/netutor/img/ico_circle_i.png) no-repeat 0 15px / 14px auto;line-height:1.2;word-break:keep-all}
.pop_nelt_contest .dp_flex_center .inp_recmnd_code[readonly]{background-color:#F9F9F9;border:1px solid #F9F9F9;color:#999;}
.pop_nelt_contest .dp_flex_center .inp_recmnd_code[readonly]::placeholder{color:#F9F9F9;}
.pop_nelt_contest .dp_flex_center .ch_wrap2{flex-shrink:0}
.pop_nelt_contest .dp_flex_center .ch_wrap2 input + label{display:block;position:relative;padding-left:32px;height:24px;line-height:24px;font-size:14px;font-weight:700;color:#555;}
.pop_nelt_contest .dp_flex_center .ch_wrap2 input + label:after{content:'';position:absolute;left:0;top:0;width:24px;height:24px;background:url(https://pic.neungyule.com/netutor/m/tutorplus/ico_ck.png) no-repeat 0 0 / 24px 24px;}
.pop_nelt_contest .dp_flex_center .ch_wrap2 input:checked + label:after{background:url(https://pic.neungyule.com/netutor/m/tutorplus/ico_ck_on.png) no-repeat 0 0 / 24px 24px;}
.pop_nelt_contest .nt_section .tx_box{padding:15px;border:1px solid #ccc;border-radius:3px;font-size:12px;line-height:18px;color:#555;background:#fff;}
.pop_nelt_contest .tx_box strong{font-weight:700;}
.pop_nelt_contest .gray_box strong{color:#172E55;}
.pop_nelt_contest .gray_box em{color:#CC3333;font-weight:700;}
.pop_nelt_contest .gray_box{padding:18px 10px 3px;margin-top:30px;background:#f5f5f5;border-radius:5px;}
.pop_nelt_contest .mkt_ch.noti{margin:15px 0}
.pop_nelt_contest .pop_header{font-size:16px;}
.pop_nelt_contest .ip_form.mkt{margin-top:30px;}
.pop_nelt_contest .chk_box_wrap{margin-top:15px;}
.pop_nelt_contest .ne-checkbox + .ne-checkbox{margin-left:15px;}


/* ===== 공통 ===== */
.event_wrap{max-width:720px;min-width:360px;margin:0 auto;color:#222;}
.event_wrap img{display:block;max-width:100%;}

/* ===== Timer Bar - 카운트다운 (Figma 224:413) ===== */
.event_wrap .timer_bar{position:sticky;top:52px;left:0;right:0;width:100%;height:40px;background:#000;z-index:99;transition:box-shadow 0.2s ease;}
.event_wrap .timer_bar .inner{display:flex;align-items:center;justify-content:center;gap:10px;height:100%;padding:0 12px;width:100%;}
.event_wrap .timer_bar .item{display:flex;align-items:center;gap:10px;}

/* 좌측: "대회 접수 종료" + D-pill */
.event_wrap .timer_bar .item.left .days{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:14px;line-height:1;color:#ff8422;letter-spacing:-.3px;white-space:nowrap;}
.event_wrap .timer_bar .item.left .digit{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:24px;padding:0 10px;border:1px solid #ffb57a;border-radius:20px;background:rgba(255,205,104,.2);font-weight:600;font-size:12px;line-height:1;color:#ff8422;letter-spacing:0;}

/* 우측: 시:분:초 + 남음 */
.event_wrap .timer_bar .item.right{gap:5px;}
.event_wrap .timer_bar .item.right .digit{display:inline-block;min-width:26px;text-align:center;font-weight:600;font-size:20px;line-height:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.5px;}
.event_wrap .timer_bar .item.right em{font-style:normal;font-weight:600;font-size:20px;line-height:1;color:rgba(255,255,255,.5);}
.event_wrap .timer_bar .item.right .txt{margin-left:6px;font-weight:500;font-size:10px;line-height:1;color:#999;letter-spacing:-.2px;}

/* ===== Fix Menu - 섹션 네비게이션 (Figma 224:407) — ne-header(52) + timer_bar(40) = 92px 아래에 sticky ===== */
.fix_menu{position:sticky;top:92px;z-index:98;width:100%;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#e5e5e5;}

/* 섹션 anchor 들이 sticky 레이어(ne-header 52 + timer_bar 40 + fix_menu 80 = 172px) 만큼 위에서 보이도록 fallback */
#sec-data,#sec-cert,#sec-zero,#sec-benefit,#sec-apply{scroll-margin-top:172px;}
.fix_menu ul{display:grid;grid-template-columns:1fr 1fr;gap:1px;list-style:none;margin:0;padding:0;background:#e5e5e5;}
.fix_menu li{background:#fff;transition:background .15s ease;}
.fix_menu li.active{background:#2e2e2e;}
.fix_menu li a{display:flex;align-items:center;justify-content:center;width:100%;height:40px;font-weight:500;font-size:14px;line-height:1;color:#1b1b1b;text-decoration:none;letter-spacing:-.3px;text-align:center;}
.fix_menu li.active a{color:#fff;font-weight:700;}

/* ===== FAQ 버튼 - visual 우측 하단 floating (Figma 224:420) ===== */
a.btn_faq{position:fixed;right:12px;bottom:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(157.068deg,#207bff 13.137%,#004fc1 88.061%);box-shadow:0 2px 4px rgba(0,0,0,.25);color:#fff;font-weight:700;font-size:11px;line-height:1.2;letter-spacing:-.3px;text-decoration:none;text-align:center;z-index:999;overflow:hidden;}
.btn_faq::before{content:"";position:absolute;left:15.3px;top:7.5px;width:27.7px;height:43.4px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/btn_faq_icon.svg') no-repeat center/100% 100%;pointer-events:none;z-index:0;}
.btn_faq > *{position:relative;z-index:1;}
.btn_faq span{display:block;margin-top:2px;font-size:16px;font-weight:700;line-height:1;letter-spacing:-.4px;}

/* ===== Visual ===== */
/* 페이지 로딩 cascade fade-up — 모든 요소가 아래에서 위로 올라옴 */
@keyframes visualFadeUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}
/* 트로피 전용 keyframe — translate(-50%,-50%) 센터링 보존하면서 아래→위로 */
@keyframes visualObjFadeUp{from{opacity:0;transform:translate(-50%,-50%) translateY(50px);}to{opacity:1;transform:translate(-50%,-50%) translateY(0);}}

/* Figma hero 720 x 1000 비율 유지(aspect-ratio) → 모든 요소를 % 기준 absolute 배치 */
.visual{position:relative;background:#000d3d;overflow:hidden;color:#fff;text-align:center;padding:100px 0;min-height:80vh}
.visual::before{content:"";position:absolute;inset:0;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/visual_bg.png') no-repeat center top/cover;mix-blend-mode:luminosity;opacity:.45;pointer-events:none;z-index:0;}

/* 타이틀 (Figma top:81/1000 = 8.1%) — cascade fade-up */
.visual_tit{position:absolute;top:8.1%;left:0;right:0;z-index:3;margin:0;padding:0;text-shadow:0 1.27px 1.27px rgba(0,0,0,.25);}
.visual_tit .line1{display:inline-flex;align-items:center;justify-content:center;gap:5px;font-weight:700;font-size:27px;line-height:1;letter-spacing:-.3px;opacity:0;animation:visualFadeUp 0.35s ease-out 0s forwards;}
.visual_tit .line1 .ord em{font-style:normal;font-weight:700;}
.visual_tit .line1 .logo{display:inline-block;width:82px;line-height:0;}
.visual_tit .line1 .logo img{width:100%;height:auto;}
.visual_tit .line2,
.visual_tit .line3{display:block;font-weight:900;font-size:50px;line-height:55px;letter-spacing:-1.5px;}
.visual_tit .line2{margin-top:6px;opacity:0;animation:visualFadeUp 0.4s ease-out 0.1s forwards;}
.visual_tit .line3{opacity:0;animation:visualFadeUp 0.4s ease-out 0.18s forwards;}
.visual_tit .line2 em{font-style:normal;color:#e96d0a;}

/* 트로피 (Figma image frame: x:0,y:233 / w:720 h:500 → top:23.3%, h:50%) — 아래에서 위로 fade-up */
.visual_obj{position:absolute;top:23.3%;left:0;width:100%;height:50%;z-index:1;pointer-events:none;}
.visual_obj img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:102.2%;height:auto;max-width:none;opacity:0;animation:visualObjFadeUp 0.55s ease-out 0.15s forwards;}

/* 인포 영역 (Figma frame: x:130,y:711 / w:451 → top:71.1%, left:18.05%, w:62.6%) */
.visual .inner{position:absolute;top:71.1%;left:50%;transform:translateX(-50%);width:62.6%;max-width:451px;z-index:2;padding:0;}
.visual .lead{margin:0 0 8px;font-weight:700;font-size:14px;line-height:16px;color:#ff790e;letter-spacing:-.3px;opacity:0;animation:visualFadeUp 0.3s ease-out 0.3s forwards;}
.visual .check_list{list-style:none;margin:0 0 18px;padding:0;}
.visual .check_list li{position:relative;padding:3px 0 3px 18px;font-size:11px;line-height:16px;color:#fff;letter-spacing:-.3px;text-align:left;display:inline-block;}
.visual .check_list li + li{margin-top:2px;}
.visual .check_list li:nth-child(1){opacity:0;animation:visualFadeUp 0.3s ease-out 0.45s forwards;}
.visual .check_list li:nth-child(2){opacity:0;animation:visualFadeUp 0.3s ease-out 0.55s forwards;}
.visual .check_list li::before{content:"";position:absolute;left:0;top:50%;width:12px;height:12px;margin-top:-6px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/ico_check.svg') no-repeat center/contain;}

/* 버튼 영역 */
.visual .btn_box{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;}
.visual .btn_apply{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 16px;border-radius:30px;background:#ff790e;color:#fff;font-weight:700;font-size:14px;letter-spacing:-.3px;text-decoration:none;box-shadow:0 2px 6px rgba(0,0,0,.2);opacity:0;animation:visualFadeUp 0.4s ease-out 0.65s forwards;}
.visual .btn_apply::after{content:"";width:6px;height:10px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10' fill='none'><path d='M1 1l4 4-4 4' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/contain;}
.visual .btn_apply.done{background:#7E7E7E;}

.visual .btn_faq{flex:0 0 auto;width:54px;height:54px;border-radius:50%;background:#3061ff;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;font-size:10px;line-height:1.2;text-align:center;letter-spacing:-.2px;box-shadow:0 2px 6px rgba(0,0,0,.25);}
.visual .btn_faq span{display:block;}

/* ===== Section1 - 카운트 영역 (Figma 224:58 / 720x1000) ===== */
.section1{background:#eaedf2;padding:125px 0;}
.section1 .inner{display:flex;flex-direction:column;gap:50px;text-align:center;}
.section1 .count_box{color:#0a1a53;}
.section1 .count_box .label{display:block;font-weight:700;font-size:15px;line-height:1.2;letter-spacing:-.45px;color:#0a1a53;margin:0 0 8px;}
.section1 .count_box p{display:block;margin:0;font-weight:600;font-size:15px;line-height:1;letter-spacing:-.45px;color:#0a1a53;}
.section1 .count_box .count_item{display:inline-block;font-weight:800;font-size:60px;line-height:1;letter-spacing:-1.8px;color:#0a1a53;margin-right:4px;vertical-align:baseline;}
.section1 .count_box .count_item.orange{color:#f0660b;}

/* ===== 공통 - round_box (section2/3/4 흰색 라운드 카드) + sub_desc 안내문 ===== */
.round_box{position:relative;background:#fff;border-radius:10px;overflow:hidden;}
.section2,.section3,.section4{background:#eaedf2;}

/* ===== Section2 - 그래프/평가결과/인용 (Figma 224:67) ===== */
.section2{padding:0 20px 40px;}
.section2 .round_box{padding:50px 0 0;}

/* 메인 타이틀 - 공신력 */
.section2 .tit_main{margin:0;font-weight:900;font-size:30px;line-height:1.18;letter-spacing:-.9px;color:#081e6a;text-align:center;}

/* 그래프 영역 - 막대를 SVG 베이크에서 분리해 sequential 애니메이션, 점선 곡선은 ::after로 분리 */
.graph_box{position:relative;width:90%;max-width:276px;margin:32px auto 0;padding-bottom:18px;}
.graph_box ul{position:relative;display:flex;align-items:flex-end;justify-content:space-between;width:100%;aspect-ratio:551.287/321.961;height:auto;list-style:none;margin:0;padding:0;}
.graph_box ul::after{content:"";position:absolute;inset:0;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/graph_dashed_curve.svg') no-repeat center/100% 100%;opacity:0;transition:opacity 0.4s ease-out;pointer-events:none;z-index:2;}
.graph_box li{position:relative;flex:0 0 16%;height:100%;}
.graph_box li .bar{display:block;position:absolute;bottom:0;left:0;right:0;background:#F6EBE0;border-radius:3px 3px 0 0;transform:scaleY(0);transform-origin:50% 100%;transition:transform 0.4s ease-out;z-index:1;}
.graph_box li:nth-child(1) .bar{height:8.46%;}
.graph_box li:nth-child(2) .bar{height:23.06%;}
.graph_box li:nth-child(3) .bar{height:63.69%;}
.graph_box li:nth-child(4) .bar{height:81.68%;}
.graph_box li:nth-child(5) .bar{height:97.76%;background:linear-gradient(to bottom, #FFF4E9 0%, #EF6001 100%);}
.graph_box li > span:last-child{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:400;color:#1b1b1b;line-height:1;opacity:0;transition:opacity 0.3s ease-out;}
.graph_box .circle{position:absolute;left:50%;transform:translate(-50%,-50%) scale(0);width:28px;height:28px;border-radius:50%;color:#fff;font-weight:700;font-size:10px;line-height:1;display:flex;align-items:center;justify-content:center;border:1px solid #fff;box-shadow:0 1px 2px rgba(0,0,0,.1);z-index:3;transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1);}

/* 원형 마커 위치(SVG 막대 상단 좌표 %) + 색상 */
.graph_box li:nth-child(1) .circle{top:91.5%;background:#ffad6d;}   /* 5만  */
.graph_box li:nth-child(2) .circle{top:76.9%;background:#ff9c4d;}   /* 15만 */
.graph_box li:nth-child(3) .circle{top:36.3%;background:#ff8421;}   /* 40만 */
.graph_box li:nth-child(4) .circle{top:18.3%;background:#ff7100;}   /* 60만 */
.graph_box li:nth-child(5) .circle{top:2.2%;width:36px;height:36px;font-size:16px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/graph_2026.svg') no-repeat center/contain;border:0;box-shadow:none;}  /* 2026 ? */

/* graph_box .animate — 시퀀스: 막대 5개 sequential 상승(2022→2026) → 원형 마커 sequential pop → 점선 곡선 fade */
.graph_box.animate li .bar{transform:scaleY(1);}
.graph_box.animate li:nth-child(1) .bar{transition-delay:0s;}
.graph_box.animate li:nth-child(2) .bar{transition-delay:0.25s;}
.graph_box.animate li:nth-child(3) .bar{transition-delay:0.5s;}
.graph_box.animate li:nth-child(4) .bar{transition-delay:0.75s;}
.graph_box.animate li:nth-child(5) .bar{transition-delay:1.0s;}

.graph_box.animate li > span:last-child{opacity:1;transition-delay:0.2s;}

.graph_box.animate .circle{transform:translate(-50%,-50%) scale(1);}
.graph_box.animate li:nth-child(1) .circle{transition-delay:1.4s;}
.graph_box.animate li:nth-child(2) .circle{transition-delay:1.55s;}
.graph_box.animate li:nth-child(3) .circle{transition-delay:1.7s;}
.graph_box.animate li:nth-child(4) .circle{transition-delay:1.85s;}
.graph_box.animate li:nth-child(5) .circle{transition-delay:2.0s;}

.graph_box.animate ul::after{opacity:1;transition-delay:2.2s;}

/* 안내 문구 - "우리 학원 아이들은 전국 몇 등?" */
.section2 #sec-data{margin:20px 0 10px;padding:60px 0 0;font-weight:700;font-size:16px;line-height:1.2;letter-spacing:-.48px;color:#1b1b1b;text-align:center;}
.section2 #sec-data + .tit_main{font-weight:800;letter-spacing:-.9px;}
.section2 .sub_desc{margin:14px 0 0;font-size:12px;line-height:1.5;letter-spacing:-.36px;color:#4e4e4e;text-align:center;}

/* 평가 결과 박스(브라우저 mockup 스타일) — 진입 시퀀스 포함 */
.report_box{position:relative;background:#f7f8f9;border-radius:10px;margin:25px 5% 0;padding:34px 25px 25px;overflow:hidden;opacity:0;transform:translateY(15px) scale(0.97);transition:opacity 0.4s ease-out,transform 0.5s cubic-bezier(0.34,1.3,0.64,1);}
.report_box::before{content:"";position:absolute;top:0;left:0;width:100%;height:25px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/browser_bar.svg') no-repeat left top/contain;}
.report_box h4{margin:20px 0 12px;font-weight:700;font-size:14px;line-height:1;letter-spacing:-.84px;color:#000;opacity:0;transform:translateY(6px);transition:opacity 0.3s ease-out 0.4s,transform 0.3s ease-out 0.4s;}
.report_box ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.report_box li{background:#fff;border:1px solid #e3e3e3;border-radius:10px;padding:16px 20px;text-align:center;opacity:0;transform:translateY(8px);transition:opacity 0.35s ease-out,transform 0.35s ease-out;}
.report_box li .label{display:block;font-weight:500;font-size:11px;line-height:1.2;letter-spacing:-.33px;color:#1b1b1b;}
.report_box li strong{display:block;margin-top:6px;font-weight:700;font-size:20px;line-height:1.2;letter-spacing:-.6px;color:#ff7100;}

/* report_box .animate 시퀀스 — 박스 등장 → h4 → 항목 4개 순차 fade-up */
.report_box.animate{opacity:1;transform:translateY(0) scale(1);}
.report_box.animate h4{opacity:1;transform:translateY(0);}
.report_box.animate li{opacity:1;transform:translateY(0);}
.report_box.animate li:nth-child(1){transition-delay:0.6s;}
.report_box.animate li:nth-child(2){transition-delay:0.75s;}
.report_box.animate li:nth-child(3){transition-delay:0.9s;}
.report_box.animate li:nth-child(4){transition-delay:1.05s;}

/* 인용구 박스(네이비) - 캐릭터는 박스 상단 위로 38px 가량 튀어나옴 */
.quot_box{position:relative;display:flex;align-items:center;background:#0a1a53;margin:50px 0 0;padding:25px 20px 25px 122px;min-height:139px;border-radius:0;overflow:visible;}
.quot_box > img{position:absolute;left:-10px;bottom:14px;width:163px;height:auto;pointer-events:none;}
.quot_box .quot_item{position:relative;padding-top:14px;flex:1;}
.quot_box .quot_item::before{content:"";position:absolute;top:0;left:0;width:12px;height:11px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/ico_quote.svg') no-repeat center/contain;}
.quot_box .quot_item p{margin:0;font-size:11px;line-height:15px;letter-spacing:-.33px;color:#fff;font-weight:300;}
.quot_box .quot_item span{display:block;margin-top:14px;font-weight:500;font-size:10px;color:#fd781f;letter-spacing:-.3px;}

/* ===== Section3/4 공통 - 라운드 카드 상단 타이틀 영역 ===== */
.section3,.section4{padding:0 20px 50px;}
.section3 .round_box > h3,
.section4 .round_box > h3{font-weight:700;font-size:16px;line-height:1.18;letter-spacing:-.48px;color:#1b1b1b;text-align:center;}
.section3 .round_box > .tit_main,
.section4 .round_box > .tit_main{margin:0;font-weight:800;line-height:1.18;color:#081e6a;text-align:center;}
.section3 .round_box > .sub_desc,
.section4 .round_box > .sub_desc{margin:20px 0 0;font-size:12px;line-height:1.4;letter-spacing:-.36px;color:#4e4e4e;text-align:center;}

/* ===== Section3 - 인증서/풍선/인용 (Figma 224:146) ===== */
.section3 .round_box{padding:59px 0 0;}
.section3 .round_box > h3{margin:0 0 10px;}
.section3 .round_box > .tit_main{font-size:35px;letter-spacing:-1.05px;}

/* 인증서 카드 묶음 */
.certi_box{margin:40px 35px 0;display:flex;flex-direction:column;gap:25px;}

/* 인증서 카드 한 개 */
.certi_item{position:relative;}
.certi_item .balloon{position:absolute;top:0;right:13px;width:107px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;line-height:1;letter-spacing:-.3px;z-index:3;}
.certi_item .balloon::before{content:"";position:absolute;inset:0;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/balloon_blue.svg') no-repeat center/100% 100%;transform:rotate(180deg);z-index:-1;}
.certi_item.levelup .balloon::before{background-image:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/balloon_orange.svg');}

.certi_item .item{position:relative;margin-top:11px;background:#f5f5f5;border-radius:10px;padding:15px 13px 18px;overflow:hidden;min-height:151px;}
.certi_item .item::after{content:"";position:absolute;left:-19.67%;right:-8.73%;bottom:-43px;height:100px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/certi_bg_curve.svg') no-repeat center/100% 100%;pointer-events:none;z-index:0;}
.certi_item .item > *{position:relative;z-index:1;}

.certi_item .item span{display:block;font-weight:500;font-size:12px;line-height:1.2;color:#999;letter-spacing:-.3px;}
.certi_item .item span strong{color:#1b1b1b;font-weight:500;}
.certi_item .item p{margin:4px 0 12px;font-weight:800;font-size:23px;line-height:1.2;letter-spacing:-.6px;}
.certi_item.grade .item p{color:#081e6a;}
.certi_item.levelup .item p{color:#ed710f;}

.certi_item .item ul{list-style:none;margin:0;padding:0;width:50%;}
.certi_item .item ul li{position:relative;padding-left:8px;font-weight:300;font-size:9px;line-height:12px;color:#000;letter-spacing:-.2px;}
.certi_item .item ul li::before{content:"·";position:absolute;left:0;top:0;}
.certi_item .item ul li + li{margin-top:2px;}

.certi_item .item img{position:absolute;right:0;top:50%;width:55%;max-width:144px;height:auto;transform:translateY(-22%) rotate(7deg);z-index:1;pointer-events:none;}

/* Section3 인용구 박스 - 다른 캐릭터(244x261, 작은 사이즈) 적용 */
.section3 .quot_box{padding:25px 20px 25px 130px;}
.section3 .quot_box > img{left:5px;bottom:36px;width:122px;height:auto;}

/* ===== Section4 - 부담 ZERO step 카드 (Figma 224:179) ===== */
.section4 .round_box{padding:60px 0 0;}
.section4 .round_box > h3{margin:0 0 20px;}
.section4 .round_box > .tit_main{font-size:26px;letter-spacing:-.9px;}
.section4 .round_box > .tit_main strong{display:block;margin-top:4px;font-weight:800;font-size:35px;line-height:1.1;letter-spacing:-1.05px;}

/* step 카드 묶음 */
.step_box{margin:36px 22px 0;display:flex;flex-direction:column;gap:5px;}
.step_item{display:grid;grid-template-columns:1fr 124px;grid-template-rows:auto auto;align-items:center;column-gap:0;row-gap:10px;padding:0 12px 0 20px;background:#fff;border:1px solid #e3e3e3;border-radius:10px;overflow:hidden;min-height:124px;}
.step_item span{grid-column:1;grid-row:1;font-weight:800;font-size:14px;line-height:1;letter-spacing:-.42px;color:#005ce0;align-self:end;}
.step_item p{grid-column:1;grid-row:2;margin:0;font-weight:600;font-size:14px;line-height:1.3;letter-spacing:-.42px;color:#1b1b1b;align-self:start;}
.step_item img{grid-column:2;grid-row:1 / 3;width:124px;height:124px;object-fit:contain;align-self:center;justify-self:end;}

/* step 4 - 강조 (밝은 블루 카드) */
.step_item.highlight{background:#eff5ff;border-color:#cbdaf0;}

/* Section4 인용구 박스 - 다른 캐릭터(211x309) */
.section4 .quot_box{padding:25px 20px 25px 120px;}
.section4 .quot_box > img{left:10px;bottom:23px;width:106px;height:auto;}

/* ===== Gallery - 인증샷 스와이퍼 (Figma 224:382) ===== */
.gallery{position:relative;background:#eaedf2;padding:128px 0;overflow:hidden;}

/* 우상단 풍선 태그 — 활성 슬라이드 상단 우측에 약간 겹치는 듯 위치 (꼬리는 좌하단 향함, rotate 180) */
.gallery__tag{position:absolute;top:-10%;right:3.06%;width:136px;height:27px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;letter-spacing:-.3px;line-height:1;z-index:3;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));}
.gallery__tag-bg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(180deg);z-index:-1;}
.gallery__tag span{position:relative;z-index:1;color:#212121;}

/* 스와이퍼 — 슬라이드 자체를 Figma 메인 사이즈(633.53×353.29)의 절반(317×177)로 설정.
   transform: scale 트릭 대신 슬라이드 본 크기로 렌더링하고 좌우는 opacity로만 구분. */
.gallery__swiper{position:relative;overflow:visible;width:100%;}
.gallery__swiper .swiper-wrapper{align-items:center;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.gallery__swiper .swiper-slide{flex-shrink:0;width:317px;height:177px;background:transparent;display:flex;align-items:center;justify-content:center;}
.gallery__swiper .swiper-slide img{display:block;width:100%;height:88%;background:#d5d9e2;object-fit:cover;opacity:.4;transition:opacity 0.5s ease-out,box-shadow 0.5s ease-out;}
.gallery__swiper .swiper-slide.swiper-slide-active{z-index:2;}
.gallery__swiper .swiper-slide.swiper-slide-active img{opacity:1;box-shadow:0 6px 20px rgba(0,0,0,.18);width:100%;height:100%;}

/* 스와이퍼 미초기화 상태 fallback - 가운데 슬라이드를 active 상태로 표시 */
.gallery__swiper:not(.swiper-initialized) .swiper-slide:nth-child(3) img{opacity:1;}

/* 하단 progress bar */
.gallery__progress{position:relative;width:90%;max-width:317px;height:2px;margin:42px auto 0;background:#fff;border-radius:1px;overflow:hidden;}
.gallery__progress-bar{position:absolute;left:0;top:0;width:20%;height:100%;background:#ed710f;border-radius:1px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1);}

/* ===== Section 참가 혜택 + 대회 요강 (Figma 224:285) ===== */
/* (markup: section.section2#sec-benefit) */
#sec-benefit{background:#0a1a53;padding:60px 0;}
#sec-benefit .inner{padding:0 20px;}
#sec-benefit > .inner > h2{margin:0 0 40px;font-weight:900;font-size:35px;line-height:1.18;letter-spacing:-1.05px;color:#fff;text-align:center;}

/* 혜택 카드 묶음 */
.benefit_box{display:flex;flex-direction:column;gap:10px;margin:0 auto;}

/* 카드 공통 */
.benefit_item{position:relative;width:100%;height:200px;border:1px solid #000;border-radius:20px;box-shadow:0 2px 2px rgba(0,0,0,.25);padding:20px 24px;overflow:hidden;}
.benefit_item > i{display:block;font-style:normal;font-weight:700;font-size:12px;line-height:1;letter-spacing:-.36px;}
.benefit_item > p{margin:8px 0 0;font-weight:800;font-size:20px;line-height:1.18;letter-spacing:-.6px;}
.benefit_item .more{position:absolute;left:24px;bottom:20px;display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border:1px solid;border-radius:10px;font-weight:400;font-size:9px;line-height:1.2;letter-spacing:-.2px;text-decoration:none;}
.benefit_item > img{position:absolute;height:auto;pointer-events:none;}

/* 오렌지 카드 (01, 03) */
.benefit_item.orange{background:#ed710f;color:#fff;}
.benefit_item.orange > i{color:rgba(255,255,255,.8);}
.benefit_item.orange > p{color:#fff;}
.benefit_item.orange .more{border-color:#fff;color:#fff;}

/* 화이트 카드 (02, 04) */
.benefit_item.white{background:#fff;color:#1b1b1b;}
.benefit_item.white > i{color:#0a1a53;}
.benefit_item.white > p{color:#000;}
.benefit_item.white .more{border-color:#303030;color:#000;}
.benefit_item.white:nth-of-type(4) .more{border-color:#000;}

/* 카드01 가격 영역 (Figma 224:306) — "100,000원" 위로 화살표가 관통하며 → "0원" 으로 향하는 디자인.
   화살표 SVG는 가로 라인 + 우측 화살촉이 한 path로 합쳐져 있어 strikethrough + 방향 indicator 역할을 함. */
.benefit_item .price{position:absolute;left:24px;top:92px;display:inline-flex;align-items:center;gap:0;white-space:nowrap;line-height:1;}
.benefit_item .price em{position:relative;font-style:normal;font-weight:500;font-size:11px;color:rgba(255,255,255,.5);letter-spacing:-.3px;line-height:1;}
.benefit_item .price .arrow{flex:0 0 auto;display:inline-block;width:60px;height:7.4px;margin-left:-50px;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/benefit1_arrow.svg') no-repeat left center / 100% 100%;pointer-events:none;}
.benefit_item .price strong{margin-left:2px;display:inline-flex;align-items:baseline;color:#fff;letter-spacing:-.3px;line-height:1;}
.benefit_item .price strong b{font-size:16px;font-weight:800;line-height:1;}
.benefit_item .price strong .won{font-size:11px;font-weight:500;line-height:1;}

/* 카드03 리스트 */
.benefit_item ul{list-style:none;margin:14px 0 0;}
.benefit_item ul li{position:relative;padding-left:8px;font-weight:400;font-size:11px;line-height:1.5;color:inherit;}
.benefit_item ul li::before{content:"·";position:absolute;left:0;top:0;}

/* 카드 우측 이미지 영역 - 단일 PNG 배치 (Figma 각 카드 image frame: 우측, 세로 중앙~하단 정렬) */
.benefit_item:nth-child(1) > img{width:134px;right:20px;bottom:24px;}
.benefit_item:nth-child(2) > img{width:134px;right:20px;bottom:-8px;}
.benefit_item:nth-child(3) > img{width:140px;right:14px;bottom:14px;}
.benefit_item:nth-child(4) > img{width:138px;right:18px;bottom:20px;}

/* ===== 대회 요강 (Figma 224:351) ===== */
.syllabus{position:relative;background:#fff;border-radius:20px;margin:30px auto 0;padding:40px 20px 30px;overflow:hidden;}
.syllabus h2{margin:0 0 28px;font-weight:900;font-size:35px;line-height:1.18;letter-spacing:-1.05px;color:#0a1a53;text-align:center;}
.syllabus > ul{list-style:none;margin:0 0 30px;padding:0;}
.syllabus > ul > li{display:flex;align-items:center;gap:0;padding:10px 0;border-bottom:1px solid #e7e7e7;letter-spacing:-.42px;color:#1b1b1b;}
.syllabus > ul > li > span{flex:0 0 90px;font-weight:800;font-size:14px;line-height:1.18;}
.syllabus > ul > li > span b{display:block;font-weight:600;font-size:14px;line-height:1.18;}
.syllabus > ul > li > p{flex:1;margin:0;font-weight:500;font-size:14px;line-height:1.36;}
.syllabus > ul > li > p em{display:inline-block;margin-top:2px;font-style:normal;color:#7f7f7f;font-size:13px;}
.syllabus > ul > li > p.point{color:#2b46d7;font-size:14px;}
.syllabus > ul > li > p.point strong{display:block;font-weight:800;font-size:20px;line-height:1.2;}

/* 회색 안내 박스 (Figma 224:368) — 좌측 "!" 아이콘 (세로 중앙) + 우측 제목/설명 stack */
.syllabus .noti{position:relative;display:grid;grid-template-columns:33px 1fr;grid-template-rows:auto auto;column-gap:10px;row-gap:5px;align-items:center;background:#f6f6f6;border-radius:7px;padding:13px 16px;margin:0 0 20px;}
.syllabus .noti::before{content:"";grid-column:1;grid-row:1 / span 2;align-self:center;width:33px;height:33px;display:flex;align-items:center;justify-content:center;background:url('https://pic.neungyule.com/netutor/nelt_contest/2026/0519/m/noti_polygon.svg') no-repeat center/contain;color:#171717;font-weight:700;font-size:16px;line-height:1;padding-bottom:4px;box-sizing:border-box;}
.syllabus .noti .tit{grid-column:2;grid-row:1;display:block;font-weight:700;font-size:12px;line-height:1.4;color:#1b1b1b;letter-spacing:-.72px;align-self:end;}
.syllabus .noti p{grid-column:2;grid-row:2;margin:0;font-weight:500;font-size:11px;line-height:1.4;color:#1b1b1b;letter-spacing:-.33px;align-self:start;}
.syllabus .noti p strong{font-weight:700;}

/* 버튼 */
.syllabus .btn_wrap{display:flex;flex-direction:column;gap:8px;}
.syllabus .btn_wrap a{display:flex;align-items:center;justify-content:center;height:40px;border-radius:7px;color:#fff;font-weight:700;font-size:14px;line-height:1;text-decoration:none;letter-spacing:-.42px;}
.syllabus .btn_wrap .btn_orange{background:#ff7100;}
.syllabus .btn_wrap .btn_navy{background:#203273;}
.syllabus .btn_wrap .btn_gray{background:#7E7E7E;}
.syllabus .btn_wrap a::after{content:">";display:inline-block;margin-left:6px;font-weight:400;font-size:14px;}
.syllabus .btn_wrap a.btn_gray:after{display:none;}