/* generated by event-publishing stage4_codegen */
* { margin:0; padding:0; box-sizing:border-box; }
html,body { width:100%; }
body { font-family:'Noto Sans KR','Apple SD Gothic Neo',sans-serif; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
.event-wrap { position:relative; width:100%; overflow:hidden; }
.con-outer { position:relative; width:100%; overflow:hidden; }
/* bxSlider 기본 테마(흰 배경/테두리/그림자) 무력화 — 샘플 common.css 계약 */
.bx-wrapper { background: transparent; border: 0; box-shadow: none; margin: 0 auto; }
.bx-wrapper .bx-viewport{background: transparent !important;}
.con01{position:relative;width:2540px;height:680px;left:50%;margin-left:-1270px;background-color:#ffffff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con01.png);background-repeat:no-repeat;background-position:center top;}
.con01-outer{background-color:#ffffff;}
.anim-item{opacity:0;transition:opacity .6s ease,transform .6s ease;}.anim-item.visible{opacity:1;transform:none!important;}
.con02{position:relative;width:2540px;height:1618px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#ffffff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con03.png);background-repeat:no-repeat;background-position:center top;}
#benefit1Img{position:absolute;top:1177px;left:996px;}
#benefit2Img{position:absolute;top:1177px;left:1276px;}
.con02-outer{background-color:#ffffff;}
.con03{position:relative;width:2540px;height:1623px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#ffffff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con05.png);background-repeat:no-repeat;background-position:center top;}
.con03-outer{background-color:#ffffff;}
.con03 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con03 .btn:hover{background:rgba(255,255,255,.10);}.con03 .btn:active{background:rgba(0,0,0,.08);}
.con03 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con03 .btn:hover{background:rgba(255,255,255,.10);}.con03 .btn:active{background:rgba(0,0,0,.08);}
.con03 .form-el{background:transparent;border:0;outline:none;font-size:18px;padding:0 14px;box-sizing:border-box;color:#222;}
.con03 .opt-hit{display:flex;align-items:center;cursor:pointer;}.con03 .opt-hit input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;}.con03 .opt-ind{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;border-radius:4px;}.con03 .opt-ind.r{border-radius:50%;}.con03 .opt-hit input:checked + .opt-ind.r::after{content:'';width:58%;height:58%;border-radius:50%;background:#1848f0;}.con03 .opt-hit input:checked + .opt-ind.c{background:#1848f0;}.con03 .opt-hit input:checked + .opt-ind.c::after{content:'✓';color:#fff;font-size:72%;font-weight:700;line-height:1;}.con03 .opt-hit .opt-on{display:none;}.con03 .opt-hit input:checked ~ .opt-on{display:block;}
.con03 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con03 .btn:hover{background:rgba(255,255,255,.10);}.con03 .btn:active{background:rgba(0,0,0,.08);}
.con03 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con03 .btn:hover{background:rgba(255,255,255,.10);}.con03 .btn:active{background:rgba(0,0,0,.08);}
.con04{width:2540px;left:50%;margin-left:-1270px;position:relative;}

.con04 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con04 .btn:hover{background:rgba(255,255,255,.10);}.con04 .btn:active{background:rgba(0,0,0,.08);}
.con05{position:relative;width:2540px;height:688px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#cae6ff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con09.png);background-repeat:no-repeat;background-position:center top;}
.con05-outer{background-color:#cae6ff;}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con05 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con05 .btn:hover{background:rgba(255,255,255,.10);}.con05 .btn:active{background:rgba(0,0,0,.08);}
.con06{position:relative;width:2540px;height:869px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con11.png),linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con06-outer{background:linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);}
.con07{position:relative;width:2540px;height:1199px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con13.png),linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con07-outer{background:linear-gradient(180deg, #cae6ff 0%, #ffffff 100%);}
.con08{position:relative;width:2540px;height:744px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#60b4ff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con15.png);background-repeat:no-repeat;background-position:center top;}
.con08-outer{background-color:#60b4ff;}
.anim-item{opacity:0;transition:opacity .6s ease,transform .6s ease;}.anim-item.visible{opacity:1;transform:none!important;}
.con08 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con08 .btn:hover{background:rgba(255,255,255,.10);}.con08 .btn:active{background:rgba(0,0,0,.08);}
.con09{position:relative;width:2540px;height:1195px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con17.png),linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con09-outer{background:linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);}
/* 슬4: con09 '다음 주인공' 카드 롤링 이미지 둥근 모서리 (기존 디자인 형태 — 네모 노출 방지) */
#con09Slider li img{border-radius:16px;}
#con09Slider2{display:flex;margin:0 0 0 0px;padding:0;width:4780px;animation:con09Slider2roll 30s linear infinite normal;touch-action:pan-y;will-change:transform;cursor:grab;user-select:none;}#con09Slider2:hover{animation-play-state:paused;}@keyframes con09Slider2roll{from{transform:translateX(0);}to{transform:translateX(-2390px);}}
.con10{position:relative;width:2540px;height:1600px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#ffffff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con19.png);background-repeat:no-repeat;background-position:center top;}
.con10-outer{background-color:#ffffff;}
.con11{position:relative;width:2540px;height:1091px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #40a3fe 0%, #ffffff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con21.png),linear-gradient(180deg, #40a3fe 0%, #ffffff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con11-outer{background:linear-gradient(180deg, #40a3fe 0%, #ffffff 100%);}
.con11 img.tab-on[data-tg='con11Tab'][data-tab='0']{display:none;}.con11 img.tab-on[data-tg='con11Tab'][data-tab='0'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab'][data-tab='0'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab'][data-tab='1']{display:none;}.con11 img.tab-on[data-tg='con11Tab'][data-tab='1'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab'][data-tab='1'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab'][data-tab='2']{display:none;}.con11 img.tab-on[data-tg='con11Tab'][data-tab='2'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab'][data-tab='2'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab'][data-tab='3']{display:none;}.con11 img.tab-on[data-tg='con11Tab'][data-tab='3'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab'][data-tab='3'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='0']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='0'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='0'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='1']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='1'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='1'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='2']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='2'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='2'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='3']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='3'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='3'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='4']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='4'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='4'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='5']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='5'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='5'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='6']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='6'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='6'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='7']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='7'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='7'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='8']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='8'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='8'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='9']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p0'][data-tab='9'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p0'][data-tab='9'].active{display:none;}
.con11 .tab-btn[data-tg='con11Tab_p0']{transition:opacity .2s;}
.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='0']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='0'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p1'][data-tab='0'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='1']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='1'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p1'][data-tab='1'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='2']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='2'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p1'][data-tab='2'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='3']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='3'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p1'][data-tab='3'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='4']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p1'][data-tab='4'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p1'][data-tab='4'].active{display:none;}
.con11 .tab-btn[data-tg='con11Tab_p1']{transition:opacity .2s;}
.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='0']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='0'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p2'][data-tab='0'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='1']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='1'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p2'][data-tab='1'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='2']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='2'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p2'][data-tab='2'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='3']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='3'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p2'][data-tab='3'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='4']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p2'][data-tab='4'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p2'][data-tab='4'].active{display:none;}
.con11 .tab-btn[data-tg='con11Tab_p2']{transition:opacity .2s;}
.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='0']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='0'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p3'][data-tab='0'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='1']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='1'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p3'][data-tab='1'].active{display:none;}
.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='2']{display:none;}.con11 img.tab-on[data-tg='con11Tab_p3'][data-tab='2'].active{display:block;}.con11 img.tab-off[data-tg='con11Tab_p3'][data-tab='2'].active{display:none;}
.con11 .tab-btn[data-tg='con11Tab_p3']{transition:opacity .2s;}
.con11 .tab-btn[data-tg='con11Tab']{transition:opacity .2s;}
.con12{position:relative;width:2540px;height:1685px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#e2f7ff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con23.png);background-repeat:no-repeat;background-position:center top;}
.con12-outer{background-color:#e2f7ff;}
.con12 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con12 .btn:hover{background:rgba(255,255,255,.10);}.con12 .btn:active{background:rgba(0,0,0,.08);}
.con13{position:relative;width:2540px;height:1626px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con25.png),linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con13-outer{background:linear-gradient(180deg, #5fb3ff 0%, #e6f8ff 100%);}
.anim-item{opacity:0;transition:opacity .6s ease,transform .6s ease;}.anim-item.visible{opacity:1;transform:none!important;}
.con14{position:relative;width:2540px;height:925px;left:50%;margin-left:-1270px;overflow:hidden;background:linear-gradient(180deg, #9d99ff 0%, #f4f4ff 100%);background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con27.png),linear-gradient(180deg, #9d99ff 0%, #f4f4ff 100%);background-repeat:no-repeat,no-repeat;background-position:center top,center top;background-size:auto,100% 100%;}
.con14-outer{background:linear-gradient(180deg, #9d99ff 0%, #f4f4ff 100%);}
.con15{position:relative;width:2540px;height:556px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#f3f3ff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con29.png);background-repeat:no-repeat;background-position:center top;}
.con15-outer{background-color:#f3f3ff;}
.con16{position:relative;width:2540px;height:1659px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#ffffff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con31.png);background-repeat:no-repeat;background-position:center top;}
.con16-outer{background-color:#ffffff;}
.con16 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con16 .btn:hover{background:rgba(255,255,255,.10);}.con16 .btn:active{background:rgba(0,0,0,.08);}
.con16 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con16 .btn:hover{background:rgba(255,255,255,.10);}.con16 .btn:active{background:rgba(0,0,0,.08);}
.con16 .form-el{background:transparent;border:0;outline:none;font-size:18px;padding:0 14px;box-sizing:border-box;color:#222;}
.con16 .opt-hit{display:flex;align-items:center;cursor:pointer;}.con16 .opt-hit input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer;}.con16 .opt-ind{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:none;border-radius:4px;}.con16 .opt-ind.r{border-radius:50%;}.con16 .opt-hit input:checked + .opt-ind.r::after{content:'';width:58%;height:58%;border-radius:50%;background:#1848f0;}.con16 .opt-hit input:checked + .opt-ind.c{background:#1848f0;}.con16 .opt-hit input:checked + .opt-ind.c::after{content:'✓';color:#fff;font-size:72%;font-weight:700;line-height:1;}.con16 .opt-hit .opt-on{display:none;}.con16 .opt-hit input:checked ~ .opt-on{display:block;}
.con16 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con16 .btn:hover{background:rgba(255,255,255,.10);}.con16 .btn:active{background:rgba(0,0,0,.08);}
.con16 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con16 .btn:hover{background:rgba(255,255,255,.10);}.con16 .btn:active{background:rgba(0,0,0,.08);}
.con17{position:relative;width:2540px;height:715px;left:50%;margin-left:-1270px;overflow:hidden;background-color:#cae6ff;background-image:url(https://cdn.hackersut.com/www/images/event/2026/06/1100/con33.png);background-repeat:no-repeat;background-position:center top;}
.con17-outer{background-color:#cae6ff;}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
.con17 .btn{background:transparent;border:none;cursor:pointer;font-size:0;padding:0;transition:background .2s;}.con17 .btn:hover{background:rgba(255,255,255,.10);}.con17 .btn:active{background:rgba(0,0,0,.08);}
/* quick 배너 — 우측 고정 플로팅 퀵메뉴 (figma ' quick' 588:2193) */
html{scroll-behavior:smooth;}
.quick-banner{position:fixed;right:24px;top:50%;transform:translateY(-50%);width:150px;z-index:900;filter:drop-shadow(0 6px 18px rgba(0,0,0,.18));}
.quick-banner img{display:block;width:100%;height:auto;border-radius:14px;user-select:none;}
.quick-banner .quick-link{position:absolute;left:0;width:100%;display:block;cursor:pointer;border-radius:6px;transition:background .15s;}
.quick-banner .quick-link:hover{background:rgba(0,0,0,.06);}
.quick-banner .quick-link:active{background:rgba(0,0,0,.12);}
@media (max-width:1400px){.quick-banner{width:120px;right:12px;}}
@media (max-width:900px){.quick-banner{display:none;}}

/* ===== 수강료 지원 인증 팝업 (해킹패스 스킨 이식) ===== */
.cert-popup .cert-pop-box{position:relative;margin:8vh auto;width:90%;max-width:690px;background:#fff4f6;border-radius:12px;overflow:hidden;padding:40px 30px 34px;box-sizing:border-box;}
.cert-popup .cert-close{position:absolute;right:18px;top:14px;font-size:30px;line-height:1;color:#b1828b;text-decoration:none;font-weight:bold;}
.cert-popup .cert-pop-tit{color:#f83f5e;font-size:30px;font-weight:bold;text-align:center;margin-bottom:14px;line-height:1.3;}
.cert-popup .cert-pop-tit span{color:#222;}
.cert-popup .cert-sale-txt{font-size:26px;font-weight:bold;color:#f83f5e;text-align:center;margin-bottom:18px;}
.cert-popup .cert-file-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px;}
.cert-popup .cert-file-wrap strong{color:#222;font-size:18px;flex:none;}
.cert-popup .cert-file-wrap input[type="file"]{display:none;}
.cert-popup .cert-file-wrap label{display:flex;align-items:center;flex:1;max-width:480px;height:46px;position:relative;overflow:hidden;border-radius:6px;cursor:pointer;}
.cert-popup .cert-file-wrap .cert-file-name{flex:1;height:46px;line-height:46px;background:#fff;border:1px solid #e2e2e2;border-radius:6px;padding:0 110px 0 12px;color:#888;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;}
.cert-popup .cert-file-wrap label::after{content:"파일선택";position:absolute;right:0;top:0;width:100px;height:46px;line-height:46px;text-align:center;background:#222;color:#fff;font-size:16px;border-radius:0 6px 6px 0;}
.cert-popup .cert-user-info{max-height:140px;overflow-y:auto;padding:14px;background:#f3dde1;border-radius:10px;text-align:left;color:#8a5b64;line-height:1.5;font-size:14px;margin-bottom:16px;}
.cert-popup .cert-user-info strong{color:#c0392b;font-size:13px;}
.cert-popup .cert-agree{text-align:left;margin-bottom:18px;}
.cert-popup .cert-agree label{display:flex;align-items:flex-start;gap:8px;font-size:14px;color:#735056;margin-bottom:8px;line-height:1.4;cursor:pointer;}
.cert-popup .cert-agree input[type="checkbox"]{width:20px;height:20px;flex:none;margin-top:1px;}
.cert-popup .cert-submit{display:block;width:100%;height:54px;background:#f83f5e;color:#fff;font-size:18px;font-weight:bold;border:none;border-radius:8px;cursor:pointer;}

/* ===== 구매 전 필수 확인사항 팝업 (해킹패스식 탭/표) ===== */
.lect-info-box .lect-info-h2{margin:0;padding:20px;text-align:center;color:#fff;background:#8d969d;font-size:20px;font-weight:700;}
.lect-info-box .lect-tab{display:flex;list-style:none;margin:0;padding:16px 20px 0;gap:8px;}
.lect-info-box .lect-tab li{flex:1;text-align:center;padding:12px 0;border:2px solid #ccc;color:#888;font-size:15px;font-weight:600;cursor:pointer;border-radius:6px;background:#fff;}
.lect-info-box .lect-tab li.on{color:#fff;background:#1190e6;border-color:#1190e6;}
.lect-info-box .lect-tab-wrap{padding:16px 20px 0;max-height:64vh;overflow-y:auto;}
.lect-info-box .lect-tab-con{display:none;}
.lect-info-box .lect-tab-con.on{display:block;}
.lect-tbl{width:100%;border-collapse:collapse;font-size:13px;line-height:1.6;}
.lect-tbl th,.lect-tbl td{border:1px solid #e2e2e2;padding:10px;text-align:left;vertical-align:top;color:#333;word-break:break-all;}
.lect-tbl th{background:#f7f8fa;font-weight:600;color:#444;}
.lect-refund-tbl{margin-bottom:14px;table-layout:fixed;}
.lect-refund-tbl .col-group{width:17%;}
.lect-refund-tbl .col-item{width:23%;}
.lect-refund-tbl .col-detail{width:60%;}
.lect-refund-tbl .lect-refund-group,
.lect-refund-tbl .lect-refund-item{word-break:keep-all;}
.lect-refund-tbl td{word-break:keep-all;}
.lect-refund-tbl .lect-refund-head{background:#eef4fb;font-weight:700;color:#1a4f8a;word-break:keep-all;}

/* ===== 기수제 타이머단 (기출적중패스 PC 동일 — 참조 CSS 원본) ===== */
.timer_wrap { position: static; top: 0; left: 50%; background-color: #242424; width:100%; z-index: 10; }
.timer_wrap img { display: block; }
.timer_wrap .in { width: 1000px; margin: 0 auto; text-align: left; position: relative; }
.timer_wrap .timer { position: absolute; top: 42%; left: 23.5%; transform: translateY(-50%); }
.timer_wrap .timer span { display:inline-block; font-size:44px; color:#fff; letter-spacing: 0.55em; font-weight:bold; }
.timer_wrap .timer span.time1 { margin-right: 52px; }
.timer_wrap .timer span.time2, .timer_wrap .timer span.time3, .timer_wrap .timer span.time4 { margin-right: 17px; }
.timer_wrap .timer_txt { position: absolute; right:79%; top: 45%; transform: translateY(-50%); color: #9b9b9b; font-size: 16px; font-weight: bold; }
.timer_wrap .timer_txt p:last-child { color:#9b9b9b; text-align: center; font-size: 1.15rem; }
.timer_wrap .gisu_txt { color: #ccc; position: absolute; left: 50%; bottom: 0; width: 800px; text-align: left; display: flex; justify-content: center; align-items: center; font-size: 12px; word-break: keep-all; transform: translateX(-50%); }
.timer_wrap .gisu_txt p:nth-of-type(1){ margin-right: 10px; }

.lect-tbl-3col thead th{text-align:center;background:#eef1f4;}

/* 슬1: 타이머단 구매하기 → 수강신청(con03) 앵커 스크롤 (timer.jpg 1000px 기준 구매하기 그래픽 위치) */
.timer_wrap .in .timer-buy-btn{position:absolute;top:24px;left:752px;width:165px;height:52px;z-index:11;display:block;cursor:pointer;}

/* 슬9/18: con13 관리 3박스 — on(활성) 오버레이를 1→2→3 무한 순환 (offbase=비활성 베이스 위) */
.con13 .anim-item{opacity:0;transition:opacity .45s ease;transform:none!important;}
.con13 .anim-item.visible{opacity:0;}
.con13 .anim-item.seq-on{opacity:1;}

/* 슬4: con04 영상 썸네일 화질 — youtube 저해상도 썸네일 대신 maxresdefault 파사드 + 재생버튼 */
.yt-facade{overflow:hidden;}
.yt-facade .yt-facade-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90px;height:64px;background:rgba(20,20,20,.6);border-radius:16px;transition:background .2s;}
.yt-facade .yt-facade-play::after{content:"";position:absolute;left:52%;top:50%;transform:translate(-50%,-50%);border-style:solid;border-width:15px 0 15px 26px;border-color:transparent transparent transparent #fff;}
.yt-facade:hover .yt-facade-play{background:#f00;}

/* 로그인 레이어 팝업(#simple_login_bnr)은 content-box 기준으로 제작됨.
   상단 전역 리셋 * { box-sizing:border-box } 가 적용되면 내부 폭/높이가 축소돼
   입력칸·버튼·하단 영역이 깨지므로, 팝업 영역만 content-box 로 복원한다. */
#simple_login_bnr, #simple_login_bnr * { box-sizing: content-box; }

/* 하단 유의사항 e_faq_box (기획안 1782459981) */
.e_faq_box{color:#fff;background:#444;}
.e_faq_box .tit_faq{background:#444;}
.e_faq_box .tit_faq strong{color:#fff;}
.e_faq_box .user_info li{font-size:20px;font-weight:bold;border-bottom:1px solid #666;}
.e_faq_box .user_info li a{width:100%;padding:15px 5px;display:flex;justify-content:space-between;color:#fff;}
.e_faq_box .user_info li .txt{display:none;width:100%;padding:0 5px 20px 5px;font-size:14px;font-weight:normal;}
.e_faq_box .user_info li .txt table{width:100% !important;margin-top:30px;border-collapse:collapse;}
.e_faq_box .user_info li .txt table th,.e_faq_box .user_info li .txt table td{padding:8px;color:#fff;border:1px solid #fff;font-size:13px;line-height:1.6;text-align:left;vertical-align:top;font-weight:normal;}
.e_faq_box .user_info li .txt table th{font-weight:bold;background:rgba(255,255,255,.08);}
.e_faq_box .user_info li .txt table thead th{text-align:center;}
.e_faq_box .user_info li .txt a{color:#8cc8ff;}