@charset "UTF-8";

/* EVENT 661 */

.eventWrap.evtFullType .evtTitWrap .logo.logo_fr{top:0;padding:45px 0 0;}
.event261014{text-align:center; background:#fff;}
.event261014 .inner{width:1100px;}
.event261014 *{font-family:'Pretendard';}
/* 타이틀 */
.event261014 .evtTitWrap{padding:0 0 80px; background:url(/resources/images/event/2026/event261014/evtTitBg.png) no-repeat center top, linear-gradient(180deg, #015BF6 38%, #CCFFE6 79.33%);}
.event261014 .evtTitWrap .inner{position:relative;padding-top:18px;width:1204px;}
.event261014 .evtTitWrap .evtTit{margin:0 auto;padding:480px 0 0;width:1112px;height:975px;background:url(/resources/images/event/2026/event261014/evtTit.png) no-repeat left 5px top / 1107px auto;}
.event261014 .evtTitWrap .evtTit .evtDate{margin:0 auto;padding:5px 0;width:522px;background:#fff;border:1px solid #015BF6;box-shadow: 0 12px 5px 0 #00000040;border-radius:16px;}
.event261014 .evtTitWrap .evtTit .evtDate dl{padding:14px 31px;display:flex;flex-wrap:nowrap;align-items: center;gap:7px;}
.event261014 .evtTitWrap .evtTit .evtDate dl dt{font-family:'Pretendard';font-size:28px;color:#2F2F2F;font-weight:700;line-height:1.3;letter-spacing: -0.04em;}
.event261014 .evtTitWrap .evtTit .evtDate dl dd{font-family:'Pretendard';font-size:28px;color:#FE463D;font-weight:700;line-height:1.3;letter-spacing: -0.04em;}
.event261014 .evtTitWrap .evtTit .evtDate dl + dl{border-top:1px solid #E2E2E2;}
.event261014 .evtTitWrap .evtTxt{width:1204px;}
.event261014 .evtTitWrap .evtTxt img{width:100%;}
.event261014 .evtTitWrap h1{font-size:56px; font-weight:800; color:#1d2a6b; line-height:1.2;}
.event261014 .evtTitWrap p{margin-top:16px; font-size:20px; color:#555;}
.event261014 .evtTitWrap ul{display:inline-block; margin-top:40px; text-align:left;}
.event261014 .evtTitWrap ul li{margin-top:10px; font-size:18px; color:#333;}
.event261014 .evtTitWrap .vivacorn{position:absolute; right:-130px; top:90px;}
.event261014 .btnShare{position:absolute; right:46px; top:537px; width:278px; height:353px; background:url(/resources/images/event/2026/event261014/btn_share.png) no-repeat center center / contain;transition:transform 0.2s linear;}
.event261014 .btnShare:hover{transform:scale(1.05)}

/* 섹션 공통 */
.event261014 .evtSection{}
.event261014 .evtSection1{background:#37E694;}
.event261014 .evtSection2{background:#4EA0FF;}
.event261014 .evtSection strong{display:inline-block; padding:6px 20px; background:#1d2a6b; color:#fff; font-size:18px; font-weight:700;}
.event261014 .evtSection h2{margin-top:20px; font-size:36px; font-weight:800; color:#1d2a6b;}
.event261014 .evtSection h2 + p{margin-top:16px; font-size:18px; color:#555; line-height:1.6;}

/* 이벤트1 장점 카드 */
.event261014 .evtSection1 .inner{padding-bottom:90px;width:1160px;}
.event261014 .evtSection1 .BedgeEvt01{margin:0 auto;display:block;width:200px;height:66px;background:url(/resources/images/event/2026/event261014/bedgeEvt01.png) no-repeat center center / 200px auto;}
.event261014 .evtSection1 h3{margin:60px auto 0;width:1100px;}
.event261014 .evtSection1 h3 img{width:100%;}
.event261014 .cardSlide{position:relative; overflow:hidden; margin-top:48px; text-align:center;}
.event261014 .cardSlide h4{margin:0 auto;width:438px;}
.event261014 .cardSlide h4 img{width:100%;}
.event261014 .cardSlide .cardList{margin-top:16px;}
.event261014 .cardSlide .cardList li{padding:0 30px; }
.event261014 .cardSlide .cardList li strong{margin:0 auto;display:inline-flex;padding:20px 48px; background:#333;border-radius:33px;gap:40px;}
.event261014 .cardSlide .cardList li strong span{position:relative;font-family:'Pretendard';font-size:26px;color:#fff;font-weight:700;}
.event261014 .cardSlide .cardList li strong span:first-child{font-family:'Pretendard';font-size:26px;color:#F97E19;font-weight:800;}
.event261014 .cardSlide .cardList li strong span + span:before{content:'';position:absolute;top:50%;left:-21px;margin-top:-9px;width:2px;height:18px;background:#6E6E6E;}
.event261014 .cardSlide .cardList li p{margin-top:20px;text-align:center;}
.event261014 .cardSlide .cardList li p img{max-width:100%;}
.event261014 .cardSlide .cardList li .imgWrap{margin:40px auto 0; border-radius:24px;width:1100px;box-shadow:0 4px 16px rgba(0,0,0,.08);}
.event261014 .cardSlide .cardList li .imgWrap img{width:100%;}
.event261014 .cardSlide .swiper-btn{margin-top:0;top:auto;position:absolute; bottom:250px; width:56px; height:56px; border-radius:50%; }
.event261014 .cardSlide .swiper-button-prev{left:0;background:url(/resources/images/event/2026/event261014/btn_slide.svg) no-repeat center center;}
.event261014 .cardSlide .swiper-button-next{right:0;background:url(/resources/images/event/2026/event261014/btn_slide_next.svg) no-repeat center center;}
.event261014 .cardSlide .swiper-button-prev:after,.event261014 .cardSlide .swiper-button-next:after{content:none;}

/* 이벤트1 퀴즈 */
.event261014 .quizWrap{position:relative; margin:40px 0 0 -19px; padding:150px 100px 40px 134px; width:1160px;height:949px; background:url(/resources/images/event/2026/event261014/quiz_bg.png) no-repeat center center / 1159px auto; border-radius:20px; text-align:left;}
.event261014 .quizWrap .btnHint{margin:16px 0 0 auto;padding:0 26px;display:inline-block; height:40px;line-height:40px;border-radius:20px; background:#222; color:#fff;font-family:'Pretendard'; font-size:15px;font-weight:800;}
.event261014 .quizWrap .quizbox{padding:40px 50px;background:#fff;border:2px solid #F27253;border-radius:20px;text-align:right;}
.event261014 .quizWrap .quizbox + .quizbox{margin-top:16px;border-color:#3F98FF;}
.event261014 .quizWrap dt{font-family:'Pretendard';font-size:26px; font-weight:700; color:#333; line-height:1.6;letter-spacing:-0.02em;text-align:left;}
.event261014 .quizWrap dt span{margin-right:5px;display:inline-block;width:50px;height:50px;background:#333333;border-radius:50%;text-align:center;font-size:24px;font-weight:800;line-height:50px;color:#fff;}
.event261014 .quizWrap dt i{display:inline-block;border:1px solid #171717;height:40px;width:40px;border-radius:4px;line-height:38px;text-align:center;background:#fff;font-size:29px;font-weight:700;}
.event261014 .quizWrap dt i + i{margin-left:8px;}
.event261014 .quizWrap dd{display:block;text-align:center;padding:25px 0; margin-top:16px;background:#F8F8F8;border-radius:10px;}
.event261014 .quizWrap dd label{padding-left:32px;position:relative;display:inline-block;font-size:24px;font-weight:600; color:#333; cursor:pointer;}
.event261014 .quizWrap dd label input{appearance: none;}
.event261014 .quizWrap dd label:before{content:'';position:absolute;left:0;top:4px;margin-right:8px;display:inline-block;width:24px;height:24px;border-radius:12px;background:#fff;border:1px solid #989C9F;vertical-align: middle;box-sizing: border-box;}
.event261014 .quizWrap dd label:has(input[type="radio"]:checked):before{border-color:#FF7E00;}
.event261014 .quizWrap dd label:has(input[type="radio"]:checked):after{content:'';position:absolute;left:4px;top:8px;width:16px;height:16px;background:#ff7e00;border-radius:8px;box-sizing: border-box;}
.event261014 .quizWrap dd div p{color:#147FFA;font-size:24px;font-weight:600;text-align:center;}
.event261014 .quizWrap dd div + div{margin-top:20px;}
.event261014 .quizWrap dd label + label{margin-left:50px;}
.event261014 .quizWrap dd label span{font-family:'Pretendard';font-size:24px;font-weight:600; color:#333;line-height:32px;vertical-align: top;}
.event261014 .evtSection1 .inner .quizWrap .btnApply{margin:25px auto 0;display:block;width:424px;height:136px;background:url(/resources/images/event/2026/event261014/btn_apply.png) no-repeat center center / 424px auto; }

/* 이벤트2 참여 방법 */
.event261014 .evtSection2 .BedgeEvt02{margin:0 auto;display:block;width:204px;height:66px;background:url(/resources/images/event/2026/event261014/bedgeEvt02.png) no-repeat center center / 204px auto;}
.event261014 .evtSection2 .inner{position:relative;padding-bottom:100px;}
.event261014 .evtSection2 h3{margin:60px auto 0;width:1100px;}
.event261014 .evtSection2 h3 img{width:100%;}

.event261014 .evt_howto{margin:32px auto 0;border-radius:24px;overflow:hidden;background:#fff;}
.event261014 .evt_howto .evt_head{position:relative;padding:28px 0;text-align:center;background:#333;}
.event261014 .evt_howto .evt_head h3{margin:0;display:inline-block;width:153px;}
.event261014 .evt_howto .evt_head .btnGuide{position:absolute; right:32px; top:26px; padding:0 12px;height:40px; border-radius:20px; background:#fff; color:#fff; font-size:15px;}
.event261014 .evt_howto .evt_head .btnGuide span{display:block;padding-left:30px;font-size:18px;font-weight:800;color:#3F3C3C;line-height:40px;letter-spacing:-0.01em;background:url(/resources/images/event/2026/event261014/ico_guide.svg) no-repeat left center;}
.event261014 .evt_howto .evtEnter{padding:66px 50px 50px;}
.event261014 .modeTab{position:relative;margin:0 auto;display:flex; justify-content:center;width:304px;height:56px;border:1px solid #DADADA;border-radius:28px;}
.event261014 .modeTab:after{content:'';position:absolute;top:-52px;right:-42px;width:229px;height:52px;background:url(/resources/images/event/2026/event261014/txt_mode.svg) no-repeat center center;}
.event261014 .modeTab button{flex:1;min-width:0;padding:0 16px; height:56px; border-radius:28px; line-height:56px;text-align:center;color:#878787; font-size:18px; font-weight:700;text-align:center;}
.event261014 .modeTab button:first-child{padding-right:0;}
.event261014 .modeTab button:last-child{padding-left:0;}
.event261014 .modeTab button.on{flex-shrink:0;flex:none;padding:0;width:164px;color:#fff;background:#ff7a21;box-shadow: 5px 7px 13px 0px #F97E1959;}

.event261014 .modeCont{display:none; margin-top:32px; gap:33px;align-self: center;}
.event261014 .modeCont.on{display:flex;}
.event261014 .modeCont li{position:relative;flex:1; padding:0 7px 36px; min-height:200px; background:#FFF2E5; border-radius:16px; font-size:20px;font-weight:600; color:#333; line-height:1.2;text-align:center;letter-spacing:-0.05em;}
.event261014 .modeCont li + li:before{content:'';position:absolute;left:-33px;top:50%;display:inline-block;width:25px;height:25px;margin:-12px 4px 0;background:url(/resources/images/event/2026/event261014/arr.svg) no-repeat center center;}
.event261014 .modeCont li strong{display:block; margin:0 auto 24px; padding:0; width:94px;line-height:36px; border-radius:0 0 20px 20px; font-size:16px;font-weight:800;color:#fff;background:#F97E19;}
.event261014 .modeCont li .img{margin:0 auto 24px;width:180px;}
.event261014 .modeCont li .img img{width:100%;}
.event261014 .modeCont li span{font:inherit;font-weight:800;color:inherit;letter-spacing:-0.05em;}
.event261014 .modeCont li span.c_blue{color:#1581FF;}
.event261014 .evtSection2 .modeCont + .blind{margin-top:40px; padding:30px 40px; background:#fff; border-radius:16px; text-align:left;}
.event261014 .evtSection2 .modeCont + .blind strong{padding:0; background:none; color:#222;}
.event261014 .evtSection2 .modeCont + .blind li{margin-top:8px; font-size:15px; color:#444; line-height:1.6;}
.event261014 .evtSection2 .bnr{margin:32px auto 0;width:1100px;}
.event261014 .evtSection2 .bnr img{width:100%;}
/* 버튼 */
.event261014 .btns{padding:0;width:100%;display:flex; justify-content:center; gap:48px; margin-top:32px;align-items: center;}
.event261014 .btns .btnSamquiz{width:377px;height:109px;background:url(/resources/images/event/2026/event261014/btn_samquiz.png) no-repeat center center / contain;}
.event261014 .btns .btnApply2{width:401px;height:106px;background:url(/resources/images/event/2026/event261014/btn_apply_2.png) no-repeat center center / contain;}

/* 샘퀴즈 이용 후기 */
.event261014 .evtComment{padding:80px 0 100px;background:url(/resources/images/event/2026/event261014/review_bg.png) no-repeat center 50px / 1420px auto, linear-gradient(180deg, #FFF2CF 0%, #FFFFFF 100%);}
.event261014 .evtComment h3{margin:20px auto 0;width:1100px;}
.event261014 .evtComment h3 img{width:100%}
.event261014 .evtComment .inner > .blind h2{font-size:36px; font-weight:800; color:#1d2a6b;}
.event261014 .evtComment .inner > .blind p{margin-top:16px; font-size:18px; color:#555; line-height:1.6;}
.event261014 .replyWrap{margin-top:48px;}
.event261014 .evtReplyInput{padding:0;}
.event261014 .evtReplyInput .inputWrap{margin-top:0; padding:0; border:none; background-color:transparent;}
.event261014 .evtReplyInput .inputBox{display:flex; }
.event261014 .evtReplyInput .inputBox .tx_box{width:100%; flex:1; float:none;}
.event261014 .evtReplyInput .inputBox textarea{width:100%; height:148px; padding:34px; border:1px solid #E2DEB3; font-size:18px;font-weight:600;color:#8E8E8E; resize:none; box-sizing:border-box;border-radius:20px 0 0 20px}
.event261014 .evtReplyInput .inputBox .btnWrap{flex:none;}
.event261014 .evtReplyInput .inputBox button{float:none; width:166px; height:148px; background:#2E323B; color:#fff; font-size:24px; font-weight:700;border-radius:0 20px 20px 0;}
.event261014  .evtReplyInput .inputWrap.login_before .inputBox textarea{border-radius:20px;}
.event261014 .evtReplyList{padding-top:48px;}
.event261014 .replyWrap .cmList{margin-top:0; border-top:none; display:flex; gap:16px; flex-wrap:wrap;}
.event261014 .replyWrap .cmList li{border:none; width:calc(25% - 48px/4); text-align:left;}
.event261014 .replyWrap .cmList li.nodata{width:100%; padding:40px 0; text-align:center; font-size:16px; color:#888;background-color:transparent;}
.event261014 .replyWrap .cmList .cmContents{position:relative; padding:97px 0 24px; border-radius:24px;background-color:#D1EEFD;background-image:url(/resources/images/event/2026/event261014/ico_post.png);background-repeat:no-repeat;background-position:center 32px;background-size:110px auto;}
.event261014 .replyWrap .cmList li:nth-child(8n + 1) .cmContents,
.event261014 .replyWrap .cmList li:nth-child(8n + 3) .cmContents,
.event261014 .replyWrap .cmList li:nth-child(8n + 6) .cmContents,
.event261014 .replyWrap .cmList li:nth-child(8n + 8) .cmContents{background-color:#FFE6BD;}
.event261014 .replyWrap .cmList li .info{margin-top:10px;padding:0 32px; height:auto;}
.event261014 .replyWrap .cmList li .info span.userID{display:block; font-size:14px; color:#5E5E5E; font-weight:700; line-height:21px;}
.event261014 .replyWrap .cmList li .comment{padding:0 32px; height:120px; overflow-y:auto;}
.event261014 .replyWrap .cmList li .comment p{font-size:16px;font-weight:600; color:#333333; line-height:1.3; word-wrap:break-word; white-space:normal;}

.event261014 .pagingWrap{margin-top:40px;}
.event261014 .pagingWrap ul{display:flex; gap:10px; justify-content:center; align-items:center;}
.event261014 .pagingWrap a{display:block; min-width:34px; height:34px; line-height:34px;font-family:'Paperlogy';font-size:18px;font-weight:400; color:#222;border-radius:4px;}
.event261014 .pagingWrap .btnArr i{display:none;}
.event261014 .pagingWrap .btnArr.first{background:url(/resources/images/event/2026/event261014/first.svg) no-repeat center center;}
.event261014 .pagingWrap .btnArr.prev{background:url(/resources/images/event/2026/event261014/prev.svg) no-repeat center center;}
.event261014 .pagingWrap .btnArr.next{background:url(/resources/images/event/2026/event261014/prev.svg) no-repeat center center;transform:rotate(180deg);}
.event261014 .pagingWrap .btnArr.last{background:url(/resources/images/event/2026/event261014/first.svg) no-repeat center center;transform:rotate(180deg);}
.event261014 .pagingWrap .btnNum:hover,
.event261014 .pagingWrap .btnNum.on{font-family:'Paperlogy';font-weight:700; color:#fff;background:#FF7F00}

/* 유의 사항 */
.event261014 .evtFooterWrap{padding:32px 0; background:#E9E9E9; text-align:left;}
.event261014 .evtFooterWrap strong{display:block; font-size:16px;line-height:1.8; font-weight:700; color:#2E323B;}
.event261014 .evtFooterWrap .info{}
.event261014 .evtFooterWrap .info li{position:relative;padding-left:18px;font-size:14px;font-weight:400; color:#2E323B; line-height:1.6;}
.event261014 .evtFooterWrap .info li:before{position:absolute;left:5px;top:0;content:'•';font-size:14px; color:#2E323B; line-height:1.6;}

.popInfoWrap .agreeForm{padding:20px 0 30px;border-top:1px solid #dfdfdf;}
.popInfoWrap .agreeForm .rdo{font-size:14px;color:#393d49;}
.popInfoWrap .agreeForm .rdo label{padding-left:10px;font-weight:500;}
.popInfoWrap .agreeForm .formMulti{margin-top:10px;display:flex;gap:10px;align-items:center;}
.popTblWrap .formMulti.unit{display:flex;gap:5px;align-items:baseline;}