@charset "UTF-8";

/* EVENT 644 */
.eventWrap.evtFullType .evtTitWrap .logo{top:25px; padding:0; display:flex; justify-content:flex-end;}
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{margin:0; float:none;}

.event260701{}
.event260701 .inner{max-width: 1110px; text-align: center;}
.event260701 .evtTitWrap{height:631px;background:url('/resources/images/event/2026/event260701/evtTit_bg.png') no-repeat center center;}
.event260701 .evtTitWrap .inner{padding:65px 0 0;}
.event260701 .evtTitWrap .tit{position:relative;height:583px;text-align:center;background:url('/resources/images/event/2026/event260701/evtTitbg.png') no-repeat center top 22px;z-index:10;}
.event260701 .evtTitWrap .tit .book{position:absolute;left:3px;top:78px;width:123px;height:82px;background:url('/resources/images/event/2026/event260701/book.png') no-repeat center center;z-index:20;animation:bounce infinite 1.4s alternate ease-in;}
.event260701 .evtTitWrap .tit .star{position:absolute;left:165px;top:-4px;width:94px;height:68px;background:url('/resources/images/event/2026/event260701/star.png') no-repeat center center;z-index:20;animation:bounce infinite 1.4s alternate ease-in;animation-delay: 200ms}
.event260701 .evtTitWrap .tit .diary{position:absolute;left:228px;bottom:73px;width:299px;height:190px;background:url('/resources/images/event/2026/event260701/diary.png') no-repeat center center;z-index:20;animation:fadeUp 1100ms alternate ease-in;}
.event260701 .evtTitWrap .tit .avatar{position:absolute;right:48px;bottom:-17px;z-index:20;}
.event260701 .evtTitWrap .tit .avatar .hands{position:relative;width:304px;height:279px;background:url('/resources/images/event/2026/event260701/avatar.png') no-repeat center center;}
.event260701 .evtTitWrap .tit .avatar .hands .hand_l{position:absolute;left:30px;top:151px;width:59px;height:55px;background:url('/resources/images/event/2026/event260701/hand_l.png') no-repeat center center;z-index:-1;animation:aniRotateL infinite .6s backwards linear alternate;transform-origin: right top;}
.event260701 .evtTitWrap .tit .avatar .hands .hand_r{position:absolute;right:111px;top:148px;width:59px;height:56px;background:url('/resources/images/event/2026/event260701/hand_r.png') no-repeat center center;z-index:-1;animation:aniRotateR infinite .6s backwards linear alternate;transform-origin: left center;}
.event260701 .evtTitWrap .tit .avatar .hands:before{content:'';position:absolute;left:144px;top:167px;width:10px;height:15px;background:url('/resources/images/event/2026/event260701/line.png') no-repeat center center;z-index:10;}
.event260701 .evtTitWrap .tit .avatar .hands .books{position:absolute;right:0;bottom:17px;width:273px;height:107px;background:url('/resources/images/event/2026/event260701/books.png') no-repeat center center;z-index:-2;}
.event260701 .evtTitWrap .tit .clib{position:absolute;right:82px;bottom:160px;width:56px;height:66px;background:url('/resources/images/event/2026/event260701/clib.png') no-repeat center center;z-index:20;animation:bounce infinite 1.2s alternate linear;animation-delay: 150ms}
.event260701 .evtTitWrap .tit .wave{position:absolute;right:349px;bottom:183px;width:57px;height:43px;background:url('/resources/images/event/2026/event260701/wave.png') no-repeat center center;z-index:20;animation:bounce infinite 1.4s alternate ease-in;animation-delay: 200ms}
.event260701 .evtTitWrap .tit .snow{position:absolute;right:402px;bottom:124px;width:30px;height:30px;background:url('/resources/images/event/2026/event260701/snow.png') no-repeat center center;z-index:20;animation:bounce infinite 1.6s alternate ease-in;animation-delay: 300ms}
.event260701 .evtTitWrap .tit .thumbup{position:absolute;right:339px;bottom:66px;width:39px;height:41px;background:url('/resources/images/event/2026/event260701/thumbup.png') no-repeat center center;z-index:20;animation:bounce infinite 1.4s alternate ease-in;animation-delay: 100ms}
@keyframes fadeUp {
    0%,10%{transform:translateY(100%);opacity:0;}
    60%,100%{transform:translateY(0);opacity:1;}
}
@keyframes bounce {
    0%, 100% {transform: translateY(0);}
    50% {transform: translateY(-10px);}
}
@keyframes aniRotateR {
    0%{transform:rotate(0); }
    100%{transform:rotate(-8deg);}
}
@keyframes aniRotateL{
    0%{transform:rotate(-8deg); }
    100%{transform:rotate(0);}
}
.event260701 .evtCont01{margin-top:-62px;background:#2B6439;}
.event260701 .evtCont01 .inner{padding:112px 0 100px;text-align:center;}
.event260701 .evtCont02{background:#E8FFED url('/resources/images/event/2026/event260701/evt02_bg.png') center top;}
.event260701 .evtCont02 .inner{padding:132px 0 100px;}
.event260701 .evtCont02 .imgwrap{display:flex;flex-wrap:wrap;gap:16px;justify-content: center;}
/*.event260701 .evtCont02 .imgwrap .fade01{animation: fadeUp 400ms ease-in;}*/
/*.event260701 .evtCont02 .imgwrap .fade02{animation: fadeUp 400ms ease-in;animation-delay: 200ms;}*/
/*.event260701 .evtCont02 .imgwrap .fade03{animation: fadeUp 400ms ease-in;animation-delay: 400ms;}*/
/*.event260701 .evtCont02 .imgwrap .fade04{animation: fadeUp 400ms ease-in;animation-delay: 600ms;}*/
.event260701 .evtCont02 .btn_wrap{margin:0 auto;display:flex;align-items:center;flex-direction:column;}
.event260701 .evtCont02 .btn_apply{position:relative; display:inline-block; width:434px; height:97px; background:url('/resources/images/event/2026/event260616/btn_apply.png')no-repeat center center / contain;}
.event260701 .evtCont02 .btn_apply::after{content:''; position:absolute; top:46px; right:-27px; width:68px; height:69px; background:url('/resources/images/event/2026/event260616/obj2.png')no-repeat center center / contain;}
.event260701 .evtCont02 .share_wrap{position:relative; margin-top:34px; padding:14px 22px 14px 29px; display:inline-flex; align-items:center; gap:14px; background:rgba(255,255,255,.7); border-radius:50px;}
.event260701 .evtCont02 .share_wrap:before{content:''; position:absolute; top:-20px; left:50%; transform:translateX(-50%); width:24px; height:27px; background:url('/resources/images/event/2026/event260616/obj_arr.png') no-repeat center / contain;}
.event260701 .evtCont02 .share_wrap p{position:relative; padding-left:30px; font-size:22px; color:#111; font-weight:400; line-height:1.4; letter-spacing:-0.03em;}
.event260701 .evtCont02 .share_wrap p:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:23px; height:23px; background:url('/resources/images/event/2026/event260616/share_ico.png') no-repeat center / contain;}
.event260701 .evtCont02 .share_wrap p span{font:inherit; font-weight:600; color:inherit;}
.event260701 .evtCont02 .share_wrap .event_share_btn{margin:0;width:157px; height:40px; background:url('/resources/images/event/2026/event260616/share_btn.png') no-repeat center / contain;}

.event260701 .evtCont03{position:relative;padding:100px 0;background:#FFF6BD;}
.event260701 .evtCont03:after{content:'';position:absolute;left:50%;bottom:0;margin-left:658px;width:599px;height:469px;background:url(/resources/images/event/2026/event260701/obj4.png) no-repeat center center;}
.event260701 .evtCont03 .inner{position:relative;max-width:1100px;}
.event260701 .evtCont03 .inner:before{content:'';position:absolute;left:-730px;top:1201px;width:492px;height:605px;background:url(/resources/images/event/2026/event260701/Star2.png) no-repeat center center;}
.event260701 .evtCont03 .inner .step1 h3{margin-right:33px;}
.event260701 .evtCont03 .inner .step1 .textbox{margin:50px auto 0;width:800px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #eee;background:#fff;}
.event260701 .evtCont03 .inner .step1 .textbox textarea{padding:24px;width:100%;height:155px;border:none;outline:none;font-family:'SUIT';font-weight:400;font-size:16px;line-height:1.3;}
.event260701 .evtCont03 .inner .step1 .textbox textarea::placeholder{color:#999;}
.event260701 .evtCont03 .inner .step1 .textbox .cnt{margin:0 24px 24px;font-family:'SUIT';font-weight:400;font-size:16px;line-height:1.3;color:#999;text-align:right;}
.event260701 .evtCont03 .inner .step1 .textbox .cnt *{font:inherit;color:inherit;}
.event260701 .evtCont03 .inner .step2{margin:174px auto 0;}
.event260701 .evtCont03 .inner .step2 .short{margin:50px auto 0;padding:63px 0;text-align:center;background:#FFFCDC;}
.event260701 .evtCont03 .inner .step2 .short span{font-family:'SUIT';color:#121212;font-weight:700;font-size:40px;line-height:74px;}
.event260701 .evtCont03 .inner .step2 .short .iptG{margin:0 16px;position:relative;display:inline-block;width:415px;height:74px;border:1px solid #eee;background:#fff;}
.event260701 .evtCont03 .inner .step2 .short input[type=text]{text-align:center;height:72px;width:100%;padding:0 10px;font-size:40px;font-weight:700;color:#121212;}
.event260701 .evtCont03 .inner .step2 .short .iptG .placeholder{position:absolute;left:50%;top:50%;margin:-15px 0 0 -55px;width:109px;height:30px;background:url('/resources/images/event/2026/event260701/img-placeholder.png') no-repeat center center;pointer-events: none;opacity:0;transition:opacity 0.2s ease;}
.event260701 .evtCont03 .inner .step2 .short input[type=text]:placeholder-shown + .placeholder{opacity:1;}
.event260701 .evtCont03 .inner .btn_wrap{margin:50px auto;}
.event260701 .evtCont03 .inner .btn_wrap .btn_apply{margin:0 auto;display:block;width:500px;height:100px;border-radius:20px;text-align:center;background:#22923d;}
.event260701 .evtCont03 .inner .btn_wrap .btn_apply span{padding-right:32px;color:#fff;font-size:34px;font-weight:900;line-height:100px;background:url(/resources/images/event/2026/event260701/btn_arr.png) no-repeat right center;}
.event260701 .evtCont03 .inner .btn_wrap .btn_apply:hover{background-color:#2B6439;}
.event260701 .evtCont03 .evtComment {position: relative;padding-top:100px;}
.event260701 .evtCont03 .evtComment .evtList{margin:20px auto 0;display:flex;flex-wrap:wrap;gap:20px 21px;}
.event260701 .evtCont03 .evtComment .evtList > li{width:calc(33.33% - 14px);padding:16px;text-align:left;border: 1px solid #eee; background:#fff;}
.event260701 .evtCont03 .evtComment .evtList > li .review{padding:10px; display:block;height:168px;overflow-y:auto; font-size:16px; color:#555; font-weight:400; line-height:1.5; border:1px solid #eee;-webkit-overflow-scrolling: touch;}
.event260701 .evtCont03 .evtComment .evtList > li .txtWrap {margin-top:10px;padding:10px;height:101px;overflow-y:auto;-webkit-overflow-scrolling: touch;background:#F3F3F3;border-radius:10px;}
.event260701 .evtCont03 .evtComment .evtList > li ::-webkit-scrollbar{width:8px;}
.event260701 .evtCont03 .evtComment .evtList > li ::-webkit-scrollbar-thumb{background:#D9D9D9;border-radius:10px;}
.event260701 .evtCont03 .evtComment .evtList > li .txtWrap p{font-size:18px; color:#555555; font-weight:700; line-height:1.5;}
.event260701 .evtCont03 .evtComment .evtList > li .txtWrap span{position:relative;display:inline-block;font-size:18px; color:#555555; font-weight:700; line-height:1.5;text-decoration: underline;text-underline-offset: 3px;}
.event260701 .evtCont03 .evtComment .evtList > li .txtWrap span:after{content:'.”';display:inline-block;font-size:18px; color:#555555; font-weight:700; line-height:1.5;}
.event260701 .evtCont03 .evtComment .evtList > li .teacher{margin-top:10px; display:block; font-size:16px; color:#758194;font-family:'SUIT'; font-weight:700; text-align:right; line-height:30px;}
.event260701 .evtCont03 .evtComment .pagingWrap {margin: 46px 0 0;}
.event260701 .evtCont03 .evtComment .pagingWrap .innerPaging {display: flex; justify-content: center; gap:10px;}
.event260701 .evtCont03 .evtComment .pagingWrap button {width:34px;height: 34px;}
.event260701 .evtCont03 .evtComment .pagingWrap .pageNum {display: flex; gap: 10px;}
.event260701 .evtCont03 .evtComment .pagingWrap .pageNum button {font-familyl:'SUIT';font-size: 18px; color: #000;}
.event260701 .evtCont03 .evtComment .pagingWrap .pageNum button.on {color: #fff; background:#333333; border-radius: 4px;}
.event260701 .evtCont03 .evtComment .pagingWrap .pagingPrev .btnPageFirst {background: url('/resources/images/event/2026/event260616/arr_last.png') no-repeat 50%; transform:scaleX(-1);}
.event260701 .evtCont03 .evtComment .pagingWrap .pagingPrev .btnPagePrev {background: url('/resources/images/event/2026/event260616/arr_next.png') no-repeat 50%; transform:scaleX(-1);}
.event260701 .evtCont03 .evtComment .pagingWrap .pagingNext .btnPageNext {background: url('/resources/images/event/2026/event260616/arr_next.png') no-repeat 50%;}
.event260701 .evtCont03 .evtComment .pagingWrap .pagingNext .btnPageLast {background: url('/resources/images/event/2026/event260616/arr_last.png') no-repeat 50%;}
.event260701 .evtCont03 .evtComment #eventMoreBtn{display:none;}

.event260701 .evtFooterWrap{width:100%; padding:50px 0; background:#3F3F3F;}
.event260701 .evtFooterWrap .inner{padding:0 20px; max-width:1080px; text-align:left;}
.event260701 .evtFooterWrap h6{font-size:24px; color:#fff; font-weight:700; line-height:1.5;}
.event260701 .evtFooterWrap ul{margin-top:20px;}
.event260701 .evtFooterWrap ul li{position:relative; padding-left:20px; font-size:18px; color:#fff; line-height:1.6;}
.event260701 .evtFooterWrap ul li:before{content:'\00B7'; position:absolute; left:0; font-size:24px; line-height:1;}

/* POPUP */
#eventPopWrap{}
#eventPopWrap .eventPop .titWrap .tit span{font:inherit;color:#524f4d;}
#eventPopWrap input+label{cursor:pointer;}
.subject_form .formMultiInline{display:flex;gap:20px;}
.popTblWrap .subject_form input[type="checkbox"] + label {display:inline-block;position:relative;padding-left:23px;font-size:14px;line-height:16px;font-weight:600;color:#393d49;letter-spacing:-0.02em;}
.popTblWrap .subject_form input[type="checkbox"] + label:before {content:"";display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:17px;height:17px;margin:0;background:url(/resources/images/event/2026/event260330/ico_check.png) left bottom no-repeat ;background-size:100% auto;}
.popTblWrap .subject_form input[type="checkbox"]:checked + label:before {background-position:left top;}
#eventPopWrap .eventPop.pop_type02{margin:0 auto;}
#eventPopWrap .eventPop.pop_type02 .subject_form .textareaWrap textarea {height:71px;padding:10px;}
#eventPopWrap .eventPop.pop_type02 .textareaWrap textarea::placeholder {font-size:12px;font-weight:300;color:#b1b2ba;line-height:20px;letter-spacing:-0.045em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btnZipCode{line-height:32px;}

.popInfoWrap .agreeForm p{font-size:14px;font-weight:300;color:#4a4f5f;letter-spacing:-0.045em;}
.popInfoWrap .agreeForm .formMulti > * + *{margin-left:10px;vertical-align:top;}
.popInfoWrap .agreeForm input[type="radio"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.popInfoWrap .agreeForm input[type="radio"] + label{position:relative;display:inline-block;padding:0;font-size:14px;font-weight:400;color:#393d49;line-height:2.2;}
.popInfoWrap .agreeForm input[type="radio"] + label:before{content: '';display:inline-block;width:19px;height:19px;margin:0 8px 0 0;background:#fff;border:1px solid #adafb6;border-radius:100%;vertical-align:middle;}
.popInfoWrap .agreeForm input[type="radio"]:checked + label:after{content:'';position:absolute;top:11px;left:4px;width:13px;height:13px;background:#ff8025;border-radius:100%;}
