@charset "UTF-8";

@font-face {font-family:'Lato'; src:url('/resources/font/Lato-Regular.woff2') format('woff2'); font-weight:400 500; font-style:normal; font-display:swap;}
@font-face {font-family:'Jalnan'; src:url('/resources/font/JalnanOTF00.woff') format('woff'), url('/resources/font/JalnanOTF.otf') format('opentype'), url('/resources/font/Jalnan.ttf') format('truetype'); font-weight:400 800; font-style:normal; font-display:swap;}
@font-face {font-family:'Paperlogy'; src:url('/resources/font/Paperlogy-4Regular.woff2') format('woff2'), url('/resources/font/Paperlogy-4Regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap;}
@font-face {font-family:'Paperlogy'; src:url('/resources/font/Paperlogy-5Medium.woff2') format('woff2'), url('/resources/font/Paperlogy-5Medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap;}
@font-face {font-family:'Paperlogy'; src:url('/resources/font/Paperlogy-6SemiBold.woff2') format('woff2'), url('/resources/font/Paperlogy-6SemiBold.woff') format('woff'); font-weight:600; font-style:normal; font-display:swap;}
@font-face {font-family:'Paperlogy'; src:url('/resources/font/Paperlogy-7Bold.woff2') format('woff2'), url('/resources/font/Paperlogy-7Bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap;}
@font-face {font-family:'Paperlogy'; src:url('/resources/font/Paperlogy-8ExtraBold.woff2') format('woff2'), url('/resources/font/Paperlogy-8ExtraBold.woff') format('woff'); font-weight:800; font-style:normal; font-display:swap;}

/* EVENT 649 - 9월 출석체크 */
.event260831 img {display:block; max-width:100%;}
.event260831,
.event260831 * {font-family:'Pretendard', 'Noto Sans KR', sans-serif; letter-spacing:-0.025em;}
.eventWrap.event260831 .inner {width:1100px;}
.eventWrap.evtFullType.event260831 .icoEvtEnd {position:absolute; right:50%; z-index:999; transform:translateX(250%);}

/* Hero */
.event260831 .evtTitWrap {position:relative; height:1154px; background:#8ec8e8 url('/resources/images/event/2026/event260831/bg_tit.jpg') no-repeat 50% 0 / auto 1154px;}
.event260831 .evtTitWrap .inner {z-index:5; width:1200px; height:100%; padding:48px 0 0;}
.event260831 .evtTitWrap .logo.logo_f {top:48px; padding:0;}
.event260831 .evtTitWrap .logo .logoVivasam {float:right;}
.event260831 .evtTitWrap .logo .logoVivasam a {display:block; width:174px; height:24px;}
.event260831 .evtTitWrap .logo .logoVivasam img {width:174px; height:24px;}

/* Content */
.event260831 .evtCont01 {padding:0 0 100px; background:#ffcb6b;}
.event260831 .evtCont02 {padding:74px 0 100px; background:#865233;}
.event260831 .benefitList li + li {margin-top:16px;}

/* Calendar */
.event260831 .dailyCheckIn h2 {width:736px; height:106px; margin:72px auto 8px;}
.event260831 .evtTicker {display:flex; position:relative; align-items:center; justify-content:center; width:727px; min-height:88px; margin:10px auto 32px; padding:12px 28px; background:#fff; border-radius:999px;}
.event260831 .evtTicker::before {content:''; position:absolute; top:-10px; left:50%; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:12px solid #fff; transform:translateX(-50%);}
.event260831 .evtTicker .tickerItem {display:none; flex-direction:column; align-items:center; justify-content:center; font-size:22px; font-weight:400; line-height:1.3; letter-spacing:-0.02em; color:#111; text-align:center;}
.event260831 .evtTicker .tickerItem.on {display:flex;}
.event260831 .evtTicker .tickerItem strong {display:inline-flex; align-items:center; margin:0; font:inherit; font-weight:600;}
.event260831 .evtTicker .tickerItem strong::before {content:''; display:block; width:23px; height:23px; margin-right:6px; background:url('/resources/images/event/2026/event260831/ico_confetti.png') no-repeat 50% / contain;}
.event260831 .evtTicker .tickerItem span {display:block; margin:4px 0 0; font:inherit;}
.event260831 .calWrap {display:flex; flex-direction:column; gap:5px; padding:32px 36px; background:rgba(255,255,255,.7); border:1px solid #4b1501; border-radius:30px;}
.event260831 .calHead,
.event260831 .calGrid {display:grid; grid-template-columns:repeat(7, 1fr); gap:5px;}
.event260831 .calHead span {display:flex; align-items:center; justify-content:center; height:48px; border-radius:5px; font-size:20px; font-weight:700; color:#fff;}
.event260831 .calHead .sun {background:#ff3737;}
.event260831 .calHead .sat {background:#1178ff;}
.event260831 .calHead .day {background:#4b1501;}
.event260831 .calCell {overflow:hidden; position:relative; min-height:167px; padding:10px 15px; background:#fddcb0; border-radius:5px;}
.event260831 .calCell .date {display:block; position:relative; z-index:1; font-family:'Lato', sans-serif; font-size:19px; font-weight:500; color:#010101;}
.event260831 .calCell.sun .date {color:#eb0000;}
.event260831 .calCell.sat .date {color:#006fff;}
.event260831 .calCell.off {background:#f1e1c5;}
.event260831 .calCell.off .date {color:#b3a182;}
.event260831 .calCell.on {background:#fff url('/resources/images/event/2026/event260831/ico_stamp.png') no-repeat 50% 47px / 96px 102px;}
.event260831 .calCell.today {background:#fff; border:1px solid #4b1501;}
.event260831 .calCell.lucky::before,
.event260831 .calCell.bonus::before {content:''; position:absolute; top:79px; left:56px; width:73px; height:73px; background:no-repeat 50% / contain;}
.event260831 .calCell.lucky::before {background-image:url('/resources/images/event/2026/event260831/ico_lucky.png');}
.event260831 .calCell.bonus::before {background-image:url('/resources/images/event/2026/event260831/ico_bonus.png');}
.event260831 .calCell .btnAttend,
.event260831 .calCell .btnCheck {display:none; position:absolute; top:50%; left:50%; z-index:3; padding:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50%; font-size:0; line-height:0; transform:translate(-50%,-50%); cursor:pointer;}
.event260831 .calCell.today .btnAttend {display:block; width:98px; height:44px; background-image:url('/resources/images/event/2026/event260831/btn_check.png');}
.event260831 .calCell.on::after {content:''; display:none; position:absolute; inset:0; z-index:2; background:rgba(1,1,1,.25); border-radius:5px; pointer-events:none;}
.event260831 .calCell.on:hover::after {display:block;}
.event260831 .calCell.on .btnCheck {width:114px; height:44px; background-image:url('/resources/images/event/2026/event260831/btn_confirm.png');}
.event260831 .calCell.on:hover .btnCheck {display:block;}

/* Cheer */
.event260831 .evtCont02 h2 {width:804px; height:166px; margin:0 auto 60px;}
.event260831 .evtCont02 .textareaWrap {display:flex; flex-direction:column; background:#fff; border:1px solid #8c481b; border-radius:8px;}
.event260831 .evtCont02 .textareaWrap textarea {display:block; width:100%; height:130px; padding:24px 20px 0; border:0; outline:0; background:transparent; font-size:20px; font-weight:500; line-height:1.5; color:#3c3c52;}
.event260831 .evtCont02 .textareaWrap textarea::placeholder {color:#888;}
.event260831 .evtCont02 .textareaWrap .count {padding:0 20px 24px; font-size:16px; font-weight:600; line-height:1; color:#3c3c52; text-align:right;}
.event260831 .evtCont02 .textareaWrap .count span {font:inherit;}
.event260831 .evtCont02 .btnApply {display:block; width:461px; height:115px; margin:30px auto 0; background:url('/resources/images/event/2026/event260831/btn_apply.png') no-repeat 50% / 100% 100%; cursor:pointer;}

.event260831 .evtComment {margin:40px 0 0;}
.event260831 .evtList {display:flex; flex-wrap:wrap; gap:10px 15px;}
.event260831 .evtList li {width:356px;}
.event260831 .evtList .cmContents {display:flex; flex-direction:column; height:384px; padding:22px 0; background:rgba(255,255,255,.9); border:3px solid #fff; border-radius:20px; box-shadow:0 4px 15px 0 #43210b;}
.event260831 .evtList .cmContents .comment {overflow-y:auto; flex:1; order:1;}
.event260831 .evtList .cmContents .comment .mCSB_inside > .mCSB_container {margin-right:0;}
.event260831 .evtList .cmContents .comment .mCSB_container .mCSB_inside {padding:0 30px; font-size:20px; font-weight:500; line-height:1.5; letter-spacing:-0.04em; color:#5c5959; word-break:keep-all;}
.event260831 .evtList .cmContents .comment .mCSB_scrollTools {background:transparent;}
.event260831 .evtList .cmContents .comment .mCSB_scrollTools .mCSB_draggerRail {width:8px; background:transparent;}
.event260831 .evtList .cmContents .comment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.event260831 .evtList .cmContents .comment .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.event260831 .evtList .cmContents .comment .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {width:8px; background:#b4b4b4; border-radius:10px;}
.event260831 .evtList .cmContents .info {order:2; margin:10px 0 0; padding:0 26px; text-align:right;}
.event260831 .evtList .cmContents .userID {font-size:20px; font-weight:700; color:#758194;}
.event260831 .evtList li.nodata {display:flex; align-items:center; justify-content:center; width:100%; height:150px; border:0; background:transparent; color:#888;}

.event260831 .pagingWrap {margin-top:40px;}
.event260831 .pagingWrap .innerPaging {display:flex; align-items:center; justify-content:center; gap:24px;}
.event260831 .pagingWrap .pageNum,
.event260831 .pagingWrap .pagingPrev,
.event260831 .pagingWrap .pagingNext {display:flex; align-items:center;}
.event260831 .pagingWrap .pagingPrev,
.event260831 .pagingWrap .pagingNext {gap:24px;}
.event260831 .pagingWrap .pageNum {gap:22px;}
.event260831 .pagingWrap [class^='btnPage'] {padding:0; border:0; background-color:transparent; background-repeat:no-repeat; background-position:50%; background-size:contain; cursor:pointer;}
.event260831 .pagingWrap .first {width:14px; height:35px; background-image:url('/resources/images/event/2026/event260831/ico_page_first.svg');}
.event260831 .pagingWrap .prev {width:10px; height:35px; background-image:url('/resources/images/event/2026/event260831/ico_page_prev.svg');}
.event260831 .pagingWrap .next {width:10px; height:35px; background-image:url('/resources/images/event/2026/event260831/ico_page_next.svg');}
.event260831 .pagingWrap .last {width:14px; height:35px; background-image:url('/resources/images/event/2026/event260831/ico_page_last.svg');}
.event260831 .pagingWrap .pageNum button {height:35px; padding:0; border:0; background:transparent; font-size:18px; font-weight:400; line-height:1.6; letter-spacing:-0.02em; color:#fff;}
.event260831 .pagingWrap .pageNum button.on {min-width:35px; background:#ffcb6b; border-radius:4px; font-weight:700; color:#43210b;}

/* Footer */
.event260831 .evtFooter {background:#403630;}
.event260831 .evtFooter .inner {display:block; width:1200px; padding:40px 0 60px;}
.event260831 .evtFooter strong {display:block; margin:0 0 16px; font-size:18px; font-weight:700; color:#ccbeb5;}
.event260831 .evtFooter .evtInfoList li {position:relative; padding-left:14px; font-size:14px; line-height:1.7; color:#ccbeb5;}
.event260831 .evtFooter .evtInfoList li::before {content:''; position:absolute; top:10px; left:0; width:4px; height:4px; background:#e8d9cc; border-radius:50%;}

/* Apply popup */
#eventPopWrap .popInfoWrap input[type="checkbox"] {overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
#eventPopWrap .popInfoWrap input[type="checkbox"] + label {display:inline-block; position:relative; padding:0; font-size:14px; font-weight:500; line-height:1.64; color:#393d49;}
#eventPopWrap .popInfoWrap input[type="checkbox"] + label:before {content:''; position:relative; display:inline-block; width:23px; height:23px; margin:0 8px 0 0; background:url('/resources/images/educourse/ic_checkbox.png') no-repeat center top; vertical-align:middle;}
#eventPopWrap .popInfoWrap input[type="checkbox"]:checked + label:before {background-position:center -24px;}

/* Result popup */
#eventPopWrap .evtResultPop,
#eventPopWrap .evtResultPop * {font-family:'Pretendard', 'Noto Sans KR', sans-serif;}
#eventPopWrap .evtResultPop {display:none; overflow:visible; position:fixed; top:50%; left:50%; z-index:2; width:488px; margin:0; background:#fff; border-radius:22px; box-shadow:8px 8px 20px rgba(0,0,0,.25); transform:translate(-50%,-50%);}
#eventPopWrap .evtResultPop.on {display:block;}
#eventPopWrap .evtResultPop::after {content:''; position:absolute; z-index:2; background:no-repeat 0 0 / contain; pointer-events:none;}
#eventPopWrap .evtResultPop.pop-win::after {top:246px; left:353px; width:237px; height:190px; background-image:url('/resources/images/event/2026/event260831/obj_prizes.png');}
#eventPopWrap .evtResultPop.pop-lucky::after {top:246px; left:363px; width:240px; height:194px; background-image:url('/resources/images/event/2026/event260831/obj_lucky.png');}
#eventPopWrap .evtResultPop.pop-perfect::after {top:246px; left:347px; width:248px; height:190px; background-image:url('/resources/images/event/2026/event260831/obj_perfect.png');}
#eventPopWrap .evtResultPop.pop-miss::after {top:102px; left:433px; width:203px; height:147px; background-image:url('/resources/images/event/2026/event260831/obj_miss.png');}
#eventPopWrap .evtResultPop .btnEvtPopClose {position:absolute; top:36px; right:36px; z-index:3; width:20px; height:20px; background:url('/resources/images/event/common/btn_popclose.png') 0 0 no-repeat;}
#eventPopWrap .evtResultPop .popInner {padding:48px 48px 32px; text-align:center;}
#eventPopWrap .evtResultPop .badge {display:inline-flex; align-items:center; align-self:center; justify-content:center; width:auto; min-height:47px; padding:15px 24px 10px; background:#f37023; border-radius:999px; font-family:'Jalnan', 'Pretendard', sans-serif; font-size:20px; font-weight:400; line-height:1.1; letter-spacing:-0.02em; color:#fff;}
#eventPopWrap .evtResultPop .badge em {font:inherit; font-style:normal; color:#5b3319;}
#eventPopWrap .evtResultPop .popTit {margin:16px 0 0; font-family:'Jalnan', 'Pretendard', sans-serif; font-size:28px; font-weight:400; line-height:1.2; letter-spacing:-0.04em; color:#4e4b49;}
#eventPopWrap .evtResultPop .popTit em {font:inherit; font-style:normal; color:#df5900;}
#eventPopWrap .evtResultPop .popSub {margin:10px 0 0; font-size:20px; font-weight:600; line-height:1.2; letter-spacing:-0.04em; color:#008bff;}
#eventPopWrap .evtResultPop .visualBox {display:flex; overflow:hidden; flex-direction:column; align-items:center; justify-content:center; width:100%; height:220px; margin:28px 0 0; padding:12px 28px; background:#eaeaea; border-radius:9999px;}
#eventPopWrap .evtResultPop .visualBox img {display:block; width:auto; height:auto; object-fit:contain;}
#eventPopWrap .evtResultPop .visualBox img[src=""] {display:none;}
#eventPopWrap .evtResultPop .prizeTxt {margin:16px 0 0; font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; color:#000; text-align:center; word-break:keep-all;}
#eventPopWrap .evtResultPop .prizeTxt span {font:inherit; color:#3183ff;}
#eventPopWrap .evtResultPop .btnInfo {display:flex; align-items:center; justify-content:center; width:100%; height:54px; margin:24px 0 0; padding:0; border:0; background:#e05900; border-radius:999px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.25); font-size:20px; font-weight:700; letter-spacing:-0.03em; color:#fff; text-decoration:none; cursor:pointer;}
#eventPopWrap .evtResultPop .btnInfo::after {content:''; display:block; width:26px; height:26px; background:url('/resources/images/event/2026/event260831/ico_chevron_right.svg') no-repeat 50% / contain;}
#eventPopWrap .evtResultPop .popNote {margin:10px 0 0; font-size:14px; font-weight:600; color:#e05900;}
#eventPopWrap .evtResultPop .popFoot {display:flex; align-items:center; justify-content:center; gap:6px; height:50px; background:#ffe7cb; border-radius:0 0 22px 22px; font-size:16px; font-weight:600; letter-spacing:-0.02em; color:#5f3e32;}
#eventPopWrap .evtResultPop .popFoot .ico {display:block; width:24px; height:24px; background:url('/resources/images/event/2026/event260831/ico_info.svg') no-repeat 50% / contain;}
#eventPopWrap .evtResultPop.pop-lucky .badge {background:#47c14b;}
#eventPopWrap .evtResultPop.pop-lucky .popTit em {color:#559e2e;}
#eventPopWrap .evtResultPop.pop-lucky .btnInfo {background:#559e2e;}
#eventPopWrap .evtResultPop.pop-lucky .popFoot {background:#d5f5d6;}
#eventPopWrap .evtResultPop.pop-perfect .badge {background:#ff7400; font-size:17px;}
#eventPopWrap .evtResultPop.pop-perfect .popTit em {color:#ff7400;}
#eventPopWrap .evtResultPop.pop-perfect .btnInfo {background:#df5900;}
#eventPopWrap .evtResultPop.pop-lucky .popNote,
#eventPopWrap .evtResultPop.pop-perfect .popNote {color:#559e2e;}
#eventPopWrap .evtResultPop .promoBanner {display:flex; align-items:center; gap:20px; width:100%; min-height:170px; margin:28px 0 0; padding:32px 24px 32px 32px; background:#cae8ff; border-radius:20px; text-align:left;}
#eventPopWrap .evtResultPop .promoThumb {display:flex; flex:none; align-items:center; justify-content:center; width:106px; height:106px; background:#fff; border-radius:13px;}
#eventPopWrap .evtResultPop .promoThumb img {width:85px; height:85px; object-fit:contain;}
#eventPopWrap .evtResultPop .promoThumb img[src=""] {display:none;}
#eventPopWrap .evtResultPop .promoBody {display:flex; flex-direction:column; gap:6px; min-width:0;}
#eventPopWrap .evtResultPop .promoTit {font-size:22px; font-weight:800; line-height:1.25; letter-spacing:-0.02em; color:#3183ff; word-break:keep-all;}
#eventPopWrap .evtResultPop .promoTit em {font-style:normal;}
#eventPopWrap .evtResultPop .promoHilite {font-style:normal; font-size:16px; font-weight:800; line-height:1.3; color:#f37023; word-break:keep-all;}
#eventPopWrap .evtResultPop .promoHilite:empty {display:none;}
#eventPopWrap .evtResultPop .promoDesc {font-size:16px; font-weight:700; line-height:1.3; letter-spacing:-0.01em; color:#626262; word-break:keep-all;}
#eventPopWrap .evtResultPop .promoDesc em,
#eventPopWrap .evtResultPop .promoDesc span {font:inherit; font-style:normal; color:#c45a2a;}
#eventPopWrap .evtResultPop.pop-miss,
#eventPopWrap .evtResultPop.pop-dup {width:538px;}
#eventPopWrap .evtResultPop.pop-miss {height:543px;}
#eventPopWrap .evtResultPop.pop-dup {height:436px;}
#eventPopWrap .evtResultPop.pop-miss .popInner,
#eventPopWrap .evtResultPop.pop-dup .popInner {display:flex; flex-direction:column; height:100%; padding-bottom:40px;}
#eventPopWrap .evtResultPop.pop-miss .promoBanner,
#eventPopWrap .evtResultPop.pop-dup .promoBanner {flex:1;}
#eventPopWrap .evtResultPop.pop-miss .btnInfo,
#eventPopWrap .evtResultPop.pop-dup .btnInfo {background:#008bff;}
#eventPopWrap .evtResultPop.pop-dup .popTit {margin:0;}
#eventPopWrap .evtResultPop.pop-dup .popTit em {color:#008bff;}
#eventPopWrap .evtResultPop.pop-dup .btnInfo {height:62px; border-radius:16px;}