@charset "utf-8";
/*-------------------------------------------------
Contents Style Sheet - #154886 [초등] 체험웹 게이트 페이지 (웹)
Author: salee1311@chunjae.co.kr
Create date: 2026.04
-------------------------------------------------*/

/* 웹폰트 - CDN */
@font-face {font-family:'Noto Sans KR Event';font-weight:400;src:url(//cdndata.milkt.co.kr/milktCom/font/notokr-regular.woff2) format('woff2')}
@font-face {font-family:'Noto Sans KR Event';font-weight:500;src:url(//cdndata.milkt.co.kr/milktCom/font/notokr-medium.woff2) format('woff2')}
@font-face {font-family:'Noto Sans KR Event';font-weight:700;src:url(//cdndata.milkt.co.kr/milktCom/font/notokr-bold.woff2) format('woff2')}
@font-face {font-family:'Noto Sans KR Event';font-weight:900;src:url(//cdndata.milkt.co.kr/milktCom/font/notokr-black.woff2) format('woff2')}
@font-face {font-family:'Paperlogy Event';font-weight:500;src:url(//cdndata.milkt.co.kr/milktCom/font/paperlogy/Paperlogy-5Medium.woff2) format('woff2')}
@font-face {font-family:'Paperlogy Event';font-weight:700;src:url(//cdndata.milkt.co.kr/milktCom/font/paperlogy/Paperlogy-7Bold.woff2) format('woff2')}
@font-face {font-family:'Paperlogy Event';font-weight:800;src:url(//cdndata.milkt.co.kr/milktCom/font/paperlogy/Paperlogy-8ExtraBold.woff2) format('woff2')}
@font-face {font-family:'Paperlogy Event';font-weight:900;src:url(//cdndata.milkt.co.kr/milktCom/font/paperlogy/Paperlogy-9Black.woff2) format('woff2')}
@font-face {font-family:'Pretendard Event';font-weight:100 900;src:url(//cdndata.milkt.co.kr/milktCom/font/pretendard/PretendardVariable.woff2) format('woff2-variations')}

/* common */
.wrapEvent *,
.wrapEvent *::before,
.wrapEvent *::after{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}

/* 공통 CSS overflow 초기화 (sticky/fixed 요소 잘림 방지) */
.wrap,
.wrap > div,
body > #wrapper,
#container{overflow:visible !important}

/* 공통 CSS 스타일 리셋 */
.wrapEvent h1,.wrapEvent h2,.wrapEvent h3,.wrapEvent h4,.wrapEvent h5,.wrapEvent h6{font-size:inherit;line-height:inherit}
.wrapEvent em,.wrapEvent address,.wrapEvent caption,.wrapEvent cite,.wrapEvent code,.wrapEvent dfn,.wrapEvent var{font-weight:inherit;font-style:inherit}

/* common */
.wrapEvent{width:100%;max-width:1920px;min-width:1440px;overflow:hidden;margin:0 auto;font-size:16px;font-family:'Noto Sans KR Event',sans-serif;font-weight:400;color:#222;line-height:1}
.wrapEvent strong,.wrapEvent h1,.wrapEvent h2,.wrapEvent h3,.wrapEvent h4,.wrapEvent h5,.wrapEvent h6,
.wrapEvent th{font-weight:700}
.wrapEvent a{display:inline-block;text-decoration:none;color:inherit}
.wrapEvent button{border:0;outline:none;cursor:pointer;background:transparent;font-family:inherit;height:auto;line-height:1;padding:0}
.wrapEvent img{vertical-align:top;max-width:100%;height:auto;width:auto}
.wrapEvent ul,.wrapEvent ol{list-style:none}
.wrapEvent .hide_txt{position:absolute;left:0;top:-999999px;width:0;height:0;font-size:0;line-height:0}

/* ============================================
   visual
============================================ */
.wrapEvent .visual{position:relative;height:1396px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/visual_bg.png) no-repeat center top;background-size:1920px auto}

/* --- visual top --- */
.wrapEvent .visualTop{position:relative;z-index:5;padding-top:95px;text-align:center}

.wrapEvent .visualTit{font-family:'Paperlogy Event',sans-serif;font-weight:900;font-size:70px;color:#222;letter-spacing:-0.7px}
.wrapEvent .visualTit .gradient{background:linear-gradient(90deg, #2773ff 57.21%, #ff36ec 87.98%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

.wrapEvent .visualBox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:16px;margin-top:40px}
.wrapEvent .visualBox li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:20px;width:274px;height:100px;background:#fff;border-radius:99px}
.wrapEvent .visualBox .icoBox{display:block;width:60px;height:60px;-webkit-flex-shrink:0;flex-shrink:0}
.wrapEvent .visualBox .icoBox img{width:100%;height:100%;object-fit:contain}
.wrapEvent .visualBox .txtBox{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:5px;text-align:center}
.wrapEvent .visualBox .txtBox .sub{font-size:18px;font-weight:500;color:#000;letter-spacing:-0.18px}
.wrapEvent .visualBox .txtBox strong{font-size:24px;font-weight:800;letter-spacing:-0.24px}
.wrapEvent .visualBox .txtBox .point01{color:#1b76ff}
.wrapEvent .visualBox .txtBox .point02{color:#6e3ced}
.wrapEvent .visualBox .txtBox .point03{color:#ff4c90}

/* --- visual motion --- */
.wrapEvent .visualMotion{position:relative;z-index:3;height:540px;margin-top:54px}

.wrapEvent .videoArea{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:836px;height:479px;z-index:1}
.wrapEvent .videoWrap{position:relative;width:100%;height:100%;background:#000;border:10px solid #a554ff;border-radius:40px;overflow:hidden}
.wrapEvent .videoWrap iframe{display:block;width:100%;height:100%;border:0}

.wrapEvent .chaLeft{position:absolute;left:calc(50% - 780px);top:69px;width:477px;height:471px;z-index:2}
.wrapEvent .chaRight{position:absolute;left:calc(50% + 278px);top:29px;width:559px;height:503px;z-index:2}

/* --- visual cont --- */
.wrapEvent .visualCont{position:relative;z-index:4;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:50px;width:1140px;margin:0 auto;padding:60px 0 52px;background:linear-gradient(108.92deg, rgba(235,243,255,0.6) 1.99%, rgba(246,238,255,0.6) 99.19%);border-radius:40px}

.wrapEvent .contItem{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:20px}
.wrapEvent .contTit{margin-bottom:6px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:26px;color:#000;text-align:center}
.wrapEvent .contTit em{color:#622aff}
.wrapEvent .contImg{width:292px}
.wrapEvent .contImg img{display:block;width:100%;border-radius:14px}
.wrapEvent .contDesc{font-size:18px;font-weight:500;color:#666;text-align:center;line-height:1.33;letter-spacing:-0.18px}

/* --- visual btn area --- */
.wrapEvent .visualBtnArea{position:fixed;bottom:0;left:50%;z-index:100;display:-webkit-box;display:-webkit-flex;display:flex;gap:10px;width:1140px;margin:0 auto;padding:20px 0;max-width:1920px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);-webkit-transition:opacity 0.35s ease, visibility 0.35s ease, -webkit-transform 0.35s ease;transition:opacity 0.35s ease, visibility 0.35s ease, transform 0.35s ease}
.wrapEvent .visualBtnArea.isHidden{opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translate(-50%,120px);transform:translate(-50%,120px)}

.wrapEvent .btnStart{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:18px;width:853px;height:80px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/btn_visual_start.png) no-repeat center / 100% 100%;-webkit-filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2));filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2))}
.wrapEvent .btnStart .badge{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:10px 25px;margin-right:18px;background:rgba(0,0,0,0.3);border-radius:99px;font-size:18px;font-weight:500;color:#fff;white-space:pre}
.wrapEvent .btnStart .badge .accent{color:#0cfffc}
.wrapEvent .btnStart .btnTxt{font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:35px;color:#fff;letter-spacing:-0.35px;white-space:nowrap}
.wrapEvent .btnStart .btnTxt em{color:#0cfffc}
.wrapEvent .btnStart .btnArrow{display:block;width:32px;height:36px;-webkit-flex-shrink:0;flex-shrink:0;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_start_arrow.png) no-repeat center / contain}

.wrapEvent .btnShortcut{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:7px;width:277px;height:80px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/btn_visual_shortcut.png) no-repeat center / 100% 100%;-webkit-filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2));filter:drop-shadow(0 5px 10px rgba(0,0,0,0.2))}
.wrapEvent .btnShortcut .subTxt{font-size:16px;font-weight:500;color:#fff}
.wrapEvent .btnShortcut .btnTxt2{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:7px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:23px;color:#fff;white-space:nowrap}
.wrapEvent .btnShortcut .btnTxt2 em{color:#ffff35}
.wrapEvent .btnShortcut .btnIco{display:inline-block;width:22px;height:22px;vertical-align:middle;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_shortcut.png) no-repeat center / contain}

/* --- visual tag --- */
.wrapEvent .visualTag{position:absolute;top:80px;left:calc(50% + 638px);z-index:10}
.wrapEvent .tagLink{display:block}
.wrapEvent .tagLink img{display:block;width:168px;height:auto}
.wrapEvent .btnTagClose{position:absolute;top:3px;right:0;width:36px;height:36px}
.wrapEvent .btnTagClose img{width:100%;height:100%}

/* ============================================
   section01: 바로가기 TIP
============================================ */
.wrapEvent .section01{position:relative;background:#b936ff;overflow:hidden}
.wrapEvent .section01.on{padding-bottom:60px}

/* tip bar */
.wrapEvent .tipBar{background:#9000c9}
.wrapEvent .tipBtn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:10px;width:100%;height:90px;font-size:28px;font-weight:700;color:#fff;font-family:'Pretendard Event',sans-serif}
.wrapEvent .tipBtn em{color:#03f6ff}
.wrapEvent .tipIco{display:inline-block;width:26px;height:26px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_tip_arrow.png) no-repeat center / contain;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}
.wrapEvent .tipBar.on .tipIco{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/* tip content */
.wrapEvent .tipContent{display:none;width:1140px;margin:50px auto 0}
.wrapEvent .section01.on .tipContent{display:block}
.wrapEvent .tipTop{background:#af00f5;border-radius:30px 30px 0 0;padding:56px 0;text-align:center}
.wrapEvent .tipTitle{font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:30px;color:#fff;line-height:42px;text-align:center}
.wrapEvent .tipTitle em{color:#03f6ff}
.wrapEvent .tipTitle span{text-decoration:underline;text-decoration-color:rgba(255,255,255,0.22);text-underline-offset:4px}

/* step area */
.wrapEvent .tipStepArea{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:0;margin-top:50px}
.wrapEvent .tipStep{width:259px;text-align:center}
.wrapEvent .stepImg{width:259px;height:181px;margin:0 auto}
.wrapEvent .stepImg img{width:100%;height:100%;object-fit:contain}
.wrapEvent .stepInfo{margin-top:20px}
.wrapEvent .stepBadge{display:inline-block;padding:8px 14px;background:#7800a8;border-radius:200px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:13px;color:#fff}
.wrapEvent .stepTit{margin-top:12px;font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:21px;color:#fff}
.wrapEvent .stepDesc{margin-top:12px;font-family:'Pretendard Event',sans-serif;font-weight:500;font-size:16px;color:#b6d3ff;line-height:22px;letter-spacing:-0.16px}
.wrapEvent .stepDesc em{font-weight:700;color:#03f6ff}
.wrapEvent .stepArrow{-webkit-flex-shrink:0;flex-shrink:0;width:26px;height:26px;margin:78px 40px 0;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_step_arrow.png) no-repeat center / contain}

/* tip info */
.wrapEvent .tipInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:30px 60px;background:#5e0382;border-radius:0 0 30px 30px}
.wrapEvent .tipInfoLeft{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start;gap:44px}
.wrapEvent .tipInfoTitArea{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:12px;-webkit-flex-shrink:0;flex-shrink:0}
.wrapEvent .tipInfoIco{width:36px;height:36px;-webkit-flex-shrink:0;flex-shrink:0}
.wrapEvent .tipInfoIco img{width:100%;height:100%}
.wrapEvent .tipInfoTit{font-family:'Pretendard Event',sans-serif;font-weight:700;font-size:20px;color:#fff;line-height:22px}
.wrapEvent .tipInfoDesc{font-family:'Pretendard Event',sans-serif;font-weight:500;font-size:14px;color:#ddb0ef;line-height:20px;letter-spacing:-0.14px}
.wrapEvent .tipInfoDesc em{font-style:normal;font-weight:700;color:#03f6ff}
.wrapEvent .tipInfoRight{display:-webkit-box;display:-webkit-flex;display:flex;gap:14px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;flex-shrink:0}
.wrapEvent .tipDownload{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:6px}
.wrapEvent .tipDownloadImg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:40px}
.wrapEvent .tipDownloadImg img{width:auto;height:40px}
.wrapEvent .tipDownloadBtn{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:5px 8px;border:1px solid #9d79c8;border-radius:999px;font-family:'Pretendard Event',sans-serif;font-weight:500;font-size:14px;color:#ddb0ef;line-height:1}

/* ============================================
   event area (탭 + EVENT 1, 2, 3)
============================================ */
.wrapEvent .eventArea{background:#fff;position:relative}

/* event tab */
.wrapEvent .eventTab{display:-webkit-box;display:-webkit-flex;display:flex;width:1140px;margin:0 auto;background:#fff}
.wrapEvent .eventTab.fixed{position:fixed;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:50;width:100%;max-width:1920px;background:#fff;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}
.wrapEvent .eventTab.fixed li{max-width:570px}
.wrapEvent .eventTab li{-webkit-flex:1;flex:1}
.wrapEvent .eventTab .tabBtn{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:110px;background:#fff;-webkit-transition:background 0.3s ease, color 0.3s ease;transition:background 0.3s ease, color 0.3s ease}
.wrapEvent .eventTab .tabBtn strong{font-family:'Paperlogy Event',sans-serif;font-weight:900;font-size:30px;color:#a8a8a8;line-height:34px;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}
.wrapEvent .eventTab .tabBtn span{font-family:'Paperlogy Event',sans-serif;font-weight:500;font-size:22px;color:#a8a8a8;line-height:34px;-webkit-transition:color 0.3s ease;transition:color 0.3s ease}
.wrapEvent .eventTab li.on .tabBtn.tabBlue{background:#1b76ff}
.wrapEvent .eventTab li.on .tabBtn.tabPurple{background:#a136ff}
.wrapEvent .eventTab li.on .tabBtn strong{color:#fff}
.wrapEvent .eventTab li.on .tabBtn span{color:#fff}

/* event cont */
.wrapEvent .eventInner{width:1140px;margin:0 auto}

/* --- EVENT 1 --- */
.wrapEvent .event01{background:#e5f0ff;padding:80px 0 100px}

/* event header */
.wrapEvent .eventHeader{text-align:center}
.wrapEvent .eventBadge{display:inline-block;position:relative;padding:10px 20px;border-radius:200px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:18px;color:#fff}
.wrapEvent .eventBadge::after{content:'';position:absolute;bottom:-7px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:13px;height:10px;background-repeat:no-repeat;background-size:100% 100%}
.wrapEvent .eventBadge.blue{background:#1b76ff}
.wrapEvent .eventBadge.blue::after{background-image:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_badge_arrow01.png)}
.wrapEvent .eventSubTit{margin-top:20px;font-family:'Paperlogy Event',sans-serif;font-weight:500;font-size:32px;color:#222}
.wrapEvent .eventTit{margin-top:10px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:62px;color:#222;letter-spacing:-0.62px}
.wrapEvent .eventTit em{color:#1b76ff}
.wrapEvent .eventDesc{margin-top:15px;font-family:'Pretendard Event',sans-serif;font-weight:400;font-size:20px;color:#666;line-height:30px;letter-spacing:-0.16px}
.wrapEvent .eventDesc em{font-weight:600;color:#1b76ff}

/* event info bar */
.wrapEvent .eventInfoBar{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:30px;height:80px;margin-top:30px;background:#cfe2ff;border-radius:200px;font-family:'Pretendard Event',sans-serif;font-size:20px;color:#666;font-weight:500;letter-spacing:-0.2px}
.wrapEvent .eventInfoBar strong{font-weight:700;color:#000;margin-right:10px}
.wrapEvent .eventInfoBar small{margin-left:10px;font-size:16px;color:rgba(0,0,0,0.4);letter-spacing:-0.16px;vertical-align:2px}

/* mission area */
.wrapEvent .missionArea{display:-webkit-box;display:-webkit-flex;display:flex;gap:20px;margin-top:50px}
.wrapEvent .missionCard{-webkit-flex:1;flex:1;background:#fff;border-radius:30px;padding-bottom:40px;text-align:center;overflow:hidden}
.wrapEvent .missionBadge{display:inline-block;padding:12px 30px;background:#79c3ff;border-radius:0 0 20px 20px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:18px;color:#fff}
.wrapEvent .missionTit{margin-top:25px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:32px;color:#222;line-height:38px;letter-spacing:-0.64px}
.wrapEvent .missionTit em{color:#1b76ff}
.wrapEvent .missionImg{width:480px;height:200px;margin:15px auto 0;overflow:hidden}
.wrapEvent .missionImg img{width:100%;height:100%;object-fit:contain}
.wrapEvent .missionDesc{margin-top:16px;font-family:'Pretendard Event',sans-serif;font-weight:400;font-size:18px;color:#222;letter-spacing:-0.18px}

/* event bottom */
.wrapEvent .eventBottom{margin-top:50px;text-align:center}
.wrapEvent .eventBottomTxt{font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:28px;color:#222;letter-spacing:-0.56px;line-height:36px}
.wrapEvent .eventBottomTxt em{color:#1b76ff}
.wrapEvent .eventBottomDesc{margin-top:10px;font-family:'Pretendard Event',sans-serif;font-weight:400;font-size:18px;color:#666;letter-spacing:-0.18px;line-height:normal}
.wrapEvent .btnEventStart{display:-webkit-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:12px;margin-top:30px;padding:0 60px;height:100px;background:#1b76ff;border-radius:200px;font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:32px;color:#fff}
.wrapEvent .btnEventArrow{display:inline-block;width:12px;height:18px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_event_arrow.png) no-repeat center / contain}

/* --- EVENT 2 --- */
.wrapEvent .event02Cont{background:#f5e9ff;padding:80px 0 100px;overflow:hidden}
.wrapEvent .eventBadge.purple{background:#a136ff}
.wrapEvent .eventBadge.purple::after{background-image:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_badge_arrow02.png)}
.wrapEvent .eventTit em.purple{color:#a136ff}
.wrapEvent .eventDesc em.purple{font-weight:600;color:#a136ff}
.wrapEvent .eventInfoBar.purple{background:#ebd4ff}

/* prize */
.wrapEvent .prizeArea{margin-top:50px;text-align:center}
.wrapEvent .prizeArea img{max-width:100%}

/* step cards */
.wrapEvent .stepCardArea{display:-webkit-box;display:-webkit-flex;display:flex;gap:20px;margin-top:50px}
.wrapEvent .stepCard{-webkit-flex:1;flex:1;background:#fff;border-radius:30px;padding-bottom:40px;text-align:center;overflow:hidden;position:relative}
.wrapEvent .stepCard.wide{width:530px;-webkit-flex:none;flex:none}
.wrapEvent .stepCardBadge{display:inline-block;padding:12px 30px;background:#e6a7ff;border-radius:0 0 20px 20px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:18px;color:#fff}
.wrapEvent .stepCardTit{margin-top:25px;font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:25px;color:#222;line-height:32px;letter-spacing:-0.5px}
.wrapEvent .stepCardTit em{color:#a136ff}
.wrapEvent .stepCardImg{margin:0 auto;overflow:hidden;border-radius:10px}
.wrapEvent .stepCardImg img{display:block;width:100%;height:auto}

/* step1 */
.wrapEvent .step1 .stepCardImg{width:210px;margin-top:15px}
/* step2 */
.wrapEvent .step2 .stepCardSns{width:380px;margin:30px auto 0}
.wrapEvent .step2 .stepCardSns img{display:block;width:100%;height:auto}
/* step3 */
.wrapEvent .step3 .stepCardImg{width:200px;margin-top:30px;border-radius:0}
.wrapEvent .stepCardBtns{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;gap:10px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-top:20px}
.wrapEvent .btnStep{display:-webkit-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:6px;width:230px;height:55px;border-radius:200px;font-family:'Pretendard Event',sans-serif;font-weight:700;font-size:18px;color:#fff;letter-spacing:-0.18px}
.wrapEvent .btnStep.purple{background:#9d2cff}
.wrapEvent .btnStepIco{display:inline-block;width:25px;height:25px;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:contain}
.wrapEvent .btnStepIco.icoLink{background-image:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_link.png)}
.wrapEvent .btnStepIco.icoDownload{background-image:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_download.png)}
.wrapEvent .btnStepIco.icoCopy{background-image:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_copy.png)}
.wrapEvent .stepCardTag{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:30px auto 0;background:#f5e9ff;border-radius:30px;width:440px;height:186px;text-align:center}
.wrapEvent .stepCardTag .tagTxt{font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:21px;color:#222;line-height:34px;letter-spacing:-0.42px}
.wrapEvent .stepCardTag .tagTxt em{color:#a136ff}
.wrapEvent .stepCardTag .btnStep{margin-top:15px}
.wrapEvent .stepCardNote{margin-top:38px;font-family:'Pretendard Event',sans-serif;font-weight:500;font-size:18px;color:#222;line-height:26px;letter-spacing:-0.16px}
.wrapEvent .stepCardNote em{color:#a136ff}

/* reg form */
.wrapEvent .regForm{margin-top:40px}
.wrapEvent .regInputArea{display:-webkit-box;display:-webkit-flex;display:flex;gap:10px}
.wrapEvent .regInput{-webkit-flex:1;flex:1;height:65px;padding:0 30px;border:1px solid #000;border-radius:10px;font-family:'Pretendard Event',sans-serif;font-size:18px;color:#222;letter-spacing:-0.18px;outline:none}
.wrapEvent .btnReg{width:200px;height:65px;background:#222;border-radius:200px;font-family:'Pretendard Event',sans-serif;font-weight:700;font-size:20px;color:#fff;letter-spacing:-0.2px}
.wrapEvent .regNotice{margin-top:20px;font-family:'Pretendard Event',sans-serif;font-weight:400;font-size:16px;color:#777;line-height:26px;letter-spacing:-0.32px}

/* sns review */
.wrapEvent .snsReview{background:#f5e9ff;padding:0 0 100px}
.wrapEvent .snsReviewHead{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid #000}
.wrapEvent .snsReviewTit{font-family:'Pretendard Event',sans-serif;font-weight:600;font-size:24px;color:#000;letter-spacing:-0.48px}
.wrapEvent .snsToggle{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:14px;font-family:'Pretendard Event',sans-serif;font-weight:600;font-size:20px;color:#3d3d3d;letter-spacing:-0.4px}
.wrapEvent .btnToggle{width:100px;height:50px;background:#dbc6ed;border-radius:200px;position:relative;-webkit-transition:background 0.3s ease;transition:background 0.3s ease}
.wrapEvent .btnToggle::after{content:'';position:absolute;top:8px;left:10px;width:34px;height:34px;background:#fff;border-radius:50%;-webkit-transition:left 0.3s ease;transition:left 0.3s ease}
.wrapEvent .btnToggle.on{background:#a136ff}
.wrapEvent .btnToggle.on::after{left:56px}
.wrapEvent .snsList{margin-top:40px}
.wrapEvent .snsList li{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;padding:20px;background:#fff;border:1px solid #ebd4ff}
.wrapEvent .snsList li + li{margin-top:10px}
.wrapEvent .snsItem{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:20px}
.wrapEvent .snsProfile{width:70px;height:70px;border-radius:50%;-webkit-flex-shrink:0;flex-shrink:0}
.wrapEvent .snsTxtArea{line-height:normal}
.wrapEvent .snsInfo{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;gap:30px;font-size:14px;color:#000}
.wrapEvent .snsInfo .snsName{display:inline-block;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.wrapEvent .snsInfo .snsDate{position:relative;padding-left:30px}
.wrapEvent .snsInfo .snsDate::before{content:'';position:absolute;left:14px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:12px;background:#b4b4b4}
.wrapEvent .snsUrl{margin-top:14px;font-size:16px;color:#000}
.wrapEvent .btnDelete{padding:8px 20px;background:#2f2f2f;font-family:'Pretendard Event',sans-serif;font-weight:700;font-size:14px;color:#fff;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-self:flex-start;align-self:flex-start}

/* pagination */
.wrapEvent .pagination{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:18px;margin-top:40px}
.wrapEvent .pagination .btnPrev,.wrapEvent .pagination .btnNext{width:12px;height:18px;margin:0 22px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_page_arrow.png) no-repeat center / contain}
.wrapEvent .pagination .btnPrev{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.wrapEvent .pageNum{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:28px;height:28px;border-radius:15px;font-size:16px;color:#000;cursor:pointer}
.wrapEvent .pageNum.on{background:#a136ff;color:#fff}

/* notification */
.wrapEvent .notification{background:#eed9ff;padding:80px 0}
.wrapEvent .notiTit{display:block;font-family:'Pretendard Event',sans-serif;font-weight:700;font-size:20px;color:#0f0f0f;letter-spacing:-0.2px}
.wrapEvent .notiCont{margin-top:20px;font-family:'Pretendard Event',sans-serif;font-weight:400;font-size:16px;color:#000;line-height:28px;letter-spacing:-0.16px}
.wrapEvent .notiCont strong{font-weight:600}

/* --- EVENT 3 --- */
.wrapEvent .eventTab li.on .tabBtn.tabPink{background:#ff0184}
.wrapEvent .eventBadge.pink{background:#ff0184}
.wrapEvent .eventBadge.pink::after{width:0;height:0;background:none;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ff0184}
.wrapEvent .event03Cont{position:relative;background:#ffe6fa;padding:80px 0 100px;overflow:hidden}
.wrapEvent .event03 .eventInner{position:relative;z-index:2}
.wrapEvent .event03 .notification{background:#ffd9f7}
.wrapEvent .event03 .eventHeader{position:relative}
.wrapEvent .event03 .eventHeader::before{content:'';position:absolute;top:105.77px;left:854.16px;width:83.59px;height:78.37px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/sec04_heart1.png) no-repeat center / 100% 100%;-webkit-transform:rotate(17.81deg);transform:rotate(17.81deg);pointer-events:none}
.wrapEvent .event03 .eventHeader::after{content:'';position:absolute;top:30px;left:892.37px;width:42.67px;height:40px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/sec04_heart2.png) no-repeat center / 100% 100%;-webkit-transform:rotate(-22.48deg);transform:rotate(-22.48deg);pointer-events:none}
.wrapEvent .event03 .eventTit{position:relative;display:inline-block}
.wrapEvent .event03 .eventTit em{color:#ff0184}
.wrapEvent .event03 .eventDesc em{color:#ff0184}
.wrapEvent .ev3X2{position:absolute;z-index:-1;top:-80px;right:-100px;pointer-events:none}
.wrapEvent .ev3X2 img{display:block;width:100%}
.wrapEvent .benefitGroup{margin-top:30px}
.wrapEvent .benefitTit{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:16px;margin-bottom:20px}
.wrapEvent .benefitTag{display:-webkit-inline-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:10px 14px;background:#fff;border-radius:100px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:20px;color:#ff0184;letter-spacing:-0.8px;line-height:24px}
.wrapEvent .benefitTxt{font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:40px;color:#000;line-height:40px}
.wrapEvent .benefitTxt em{color:#ff0184}
/* 더블 혜택 1 - 박스 */
.wrapEvent .benefitBox{position:relative;min-height:430px;padding:30px 0 0;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/sec04_cont01_bg.png)}
.wrapEvent .benefitBox::before{z-index:-1;content:'';position:absolute;top:-124.5px;left:3.5px;width:233px;height:125px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/sec04_giftObj.png) no-repeat center / 100% 100%;pointer-events:none}
.wrapEvent .benefitBoxTit{font-size:20px;color:#000;text-align:center;letter-spacing:-1px;line-height:20px}
.wrapEvent .benefitChoice{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;align-items:flex-start}
.wrapEvent .choiceItem{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center}
.wrapEvent .choiceNum{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:38px;height:38px;background:#000;border-radius:100px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:20px;color:#fff;line-height:20px}
.wrapEvent .choiceTit{margin-top:10px;font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:36px;color:#000;text-align:center;line-height:40px}
.wrapEvent .choiceTit em{color:#ff0184}
.wrapEvent .choiceImg{width:570px;height:190px}
.wrapEvent .choiceImg img{width:100%;height:100%;object-fit:contain}
.wrapEvent .choiceSub{font-size:18px;color:#868686;text-align:center;letter-spacing:-1px;line-height:18px}
.wrapEvent .choiceOr{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:260px;z-index:2}
.wrapEvent .choiceOr img{width:auto;height:100%}
.wrapEvent .benefitPlus{display:block;width:66px;height:66px;margin:30px auto 0}
.wrapEvent .benefitPlus img{width:100%;height:100%}
/* 더블 혜택 2 - 카드 */
.wrapEvent .benefitCards{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;gap:20px}
.wrapEvent .benefitCard{position:relative;width:560px}
.wrapEvent .benefitCard:nth-child(2)::after{content:'';position:absolute;top:-94px;left:422.5px;width:192px;height:182.32px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/sec04_openbadge_260703.png) no-repeat center / 100% 100%;pointer-events:none}
.wrapEvent .cardHead{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;height:50px;background:-webkit-linear-gradient(left,#ff0184 0%,#b443ff 100%);background:linear-gradient(90deg,#ff0184 0%,#b443ff 100%);border-radius:30px 30px 0 0;font-family:'Noto Sans KR Event',sans-serif;font-weight:700;font-size:22px;color:#fff;letter-spacing:-1px}
.wrapEvent .cardBody{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:430px;padding-top:30px;background:#fff;border-radius:0 0 30px 30px}
.wrapEvent .cardTit{font-family:'Paperlogy Event',sans-serif;font-weight:800;font-size:36px;color:#000;text-align:center;line-height:40px}
.wrapEvent .cardTit em{color:#ff0184}
.wrapEvent .cardImg{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:100%;height:240px}
.wrapEvent .cardImg img{max-width:100%;max-height:100%;object-fit:contain}
.wrapEvent .cardSub{font-family:'Noto Sans KR Event',sans-serif;font-weight:400;font-size:18px;color:#868686;text-align:left;letter-spacing:-1px;line-height:18px}
.wrapEvent .cardSub p + p{margin-top:8px}
/* 등록 버튼 */
.wrapEvent .ev3BtnArea{margin-top:50px;text-align:center}
.wrapEvent .btnPay{display:-webkit-box;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;gap:12px;height:100px;padding:0 60px;background:#ff0084;border-radius:200px;font-family:'Paperlogy Event',sans-serif;font-weight:700;font-size:32px;color:#fff}
.wrapEvent .btnPayArrow{display:inline-block;width:12px;height:18px;background:url(//cdndata.milkt.co.kr/ele/www/images/event/260410_expGate/ico_event_arrow.png) no-repeat center / contain}