@charset "UTF-8";

/* EVENT 577 */
@keyframes bounce1 {
    0%{transform:translateY(0px);}
    50%{transform:translateY(-10px);}
    100%{transform:translateY(0px);}
}

@keyframes bounce2 {
    0%{transform:translateY(0px);}
    50%{transform:translateY(-15px);}
    100%{transform:translateY(0px);}
}

@keyframes bounce3 {
    0%{transform:translateY(0px);}
    50%{transform:translateY(-25px);}
    100%{transform:translateY(0px);}
}

#eventPopWrap .eventPop {margin: 0 auto;}
.popTblWrap table td.pl38{padding-left:38px;}

@media screen and (min-width:1081px){
.e-mo{display:none;}
.eventWrap .inner{width: 1200px; max-width: 2560px; text-align: center;}

.eventWrap .evtContainer .evtTitWrap {background: url('/resources/images/event/2025/event250721/evtTitBg.jpg') repeat-x 50% 0;}
.eventWrap .evtContainer .evtTitWrap .logo.logo_fr {z-index:10; left: 50%; top: 0; width: 100%; max-width: 1300px; transform: translateX(-50%); padding-top: 50px;}
.eventWrap .evtContainer .evtTitWrap .logo.logo_fr .logoVivasam{margin:0;}
.eventWrap .evtTitWrap .inner{height: 895px; padding: 266px 0 97px; background: url('/resources/images/event/2025/event250721/evtTit.png') no-repeat 50% 266px;}
.eventWrap .evtTitWrap .objs {position: absolute; top:0; left:50%; transform:translateX(-50%); width: 2560px; height: 100%;}
.eventWrap .evtTitWrap .objs > span {position: absolute; animation: bounce2 2s infinite;}
.eventWrap .evtTitWrap .objs .obj_01 {top: 121px; left: 50%; width: 817px; height: 110px; margin-left: calc(-817px / 2); background: url('/resources/images/event/2025/event250721/evtTit_title.png') no-repeat 50% 0; animation-name: bounce1;}
.eventWrap .evtTitWrap .objs .obj_02 {top: 306px; left: 224px; width: 109px; height: 109px; background: url('/resources/images/event/2025/event250721/evtTit_obj1.png') no-repeat 50% 0; animation-name: bounce2; animation-duration: 3s; }
.eventWrap .evtTitWrap .objs .obj_03 {top: 515px; left: 330px; width: 338px; height: 338px; background: url('/resources/images/event/2025/event250721/evtTit_obj2.png') no-repeat 50% 0; animation-name: bounce3; animation-delay: 0.7s; animation-duration: 3s;}
.eventWrap .evtTitWrap .objs .obj_04 {top: 10px; right: 232px; width: 363px; height: 381px; background: url('/resources/images/event/2025/event250721/evtTit_obj3.png') no-repeat 50% 0; animation-name: bounce3; animation-delay: 0.9s; animation-duration: 4s;}
.eventWrap .evtTitWrap .objs .obj_05 {top: 704px; right: 355px; width: 126px; height: 126px; background: url('/resources/images/event/2025/event250721/evtTit_obj4.png') no-repeat 50% 0; animation-name: bounce2; animation-delay: 0.3s; animation-duration: 3s;}

.evtCont1{background: #f5f6fa;}
.evtCont1 .inner{width: 1240px; height: 686px; padding: 275px 0 83px; background: url('/resources/images/event/2025/event250721/img1_title.png') no-repeat 50% 86px;}
.evtCont1 .review_wrapper {position: relative; width: 1204px; height: 372px; padding: 0 0 0 50px;}
.evtCont1 .review_wrapper .swiper-container {width: 971px; height: 336px; margin: 0 0 0 72px; padding: 0 0 36px;}
.evtCont1 .review_wrapper .swiper-pagination {bottom: 0;}
.evtCont1 .review_wrapper .swiper-pagination .swiper-pagination-bullet {width: 16px; height: 16px; vertical-align: middle; background: #c2e3ff; border-radius: 200px; opacity: 1;}
.evtCont1 .review_wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 32px; background: #0a43db; }
.evtCont1 .review_wrapper .obj {position: absolute; z-index: 5;}
.evtCont1 .review_wrapper .obj.obj_1 {left: 60px; top: -44px; width: 168px; height: 168px; background: url('/resources/images/event/2025/event250721/img1_1.png') no-repeat 50% 0;}
.evtCont1 .review_wrapper .obj.obj_2 {right: -90px; bottom: 24px; width: 347px; height: 347px; background: url('/resources/images/event/2025/event250721/img1_2.png') no-repeat 50% 0;}

.evtCont2{height: 2778px; padding: 445px 0 150px; background-image: url('/resources/images/event/2025/event250721/img2_title.png'), url('/resources/images/event/2025/event250721/evtBg2.png'); background-repeat: no-repeat, no-repeat; background-position: 50% 167px, 50% 0;}
.evtCont2 .inner > div {position: relative; height: 703px; margin-top: 54px;}
.evtCont2 .inner .inner_1 {margin-top: 0; background: url('/resources/images/event/2025/event250721/img2_1.png') no-repeat 50% 0;}
.evtCont2 .inner .inner_2 {height: 669px; background: url('/resources/images/event/2025/event250721/img2_2.png') no-repeat 50% 0;}
.evtCont2 .inner .inner_3 {background: url('/resources/images/event/2025/event250721/img2_3.png') no-repeat 50% 0;}
.evtCont2 .btnWrap{position: absolute; left: 50%; bottom: 31px; width: 100%; height: 90px; transform:translateX(-50%); }
.evtCont2 .btnWrap a {position: absolute; right: 54px; bottom: 0; width: 357px; height: 100%;}

.evtCont3{height: 2654px; padding: 271px 0 153px; background-image: url('/resources/images/event/2025/event250721/img3_title.png'), url('/resources/images/event/2025/event250721/evtBg3.png'), linear-gradient(270deg, #e8ffe0 0%, #e2f3fd 100%); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 50% 153px, 50% 0, 0 0;}
.evtCont3 .inner > div {position: relative; width: 1230px;}
.evtCont3 .inner .inner_1 {height: 1255px; background: url('/resources/images/event/2025/event250721/img3_1.png') no-repeat 50% 0;}
.evtCont3 .inner .inner_2 {height: 975px; background: url('/resources/images/event/2025/event250721/img3_2.png') no-repeat 50% 0; margin-top: 30px;}
.evtCont3 .btnWrap {position: absolute; left: 0; bottom: 87px; width: 100%; height: 112px; }
.evtCont3 .btnWrap .btnApply,
.evtCont3 .btnWrap .btnLink {position:absolute; left: 50%; bottom: 0; width: 465px; height: 100%; transform:translateX(-50%);}
.evtCont3 .inner_2 .btnWrap {bottom: 82px;}

.evtCont4 {padding: 129px 0 120px; background: #f5f6fa;}
.evtCont4 .inner {height: 406px; background: url('/resources/images/event/2025/event250721/img4.png') no-repeat 50% 0;}

.evtContainer .evtFooterWrap {padding: 120px 0; background: #0e005d;}
.evtContainer .evtFooterWrap .inner {width:1200px; text-align: left;}
.evtContainer .evtFooterWrap h3 {margin: 0 0 15px; font-size: 32px; color: #fff;}
.evtContainer .evtFooterWrap ul li {position: relative; padding: 0 0 0 30px; font-size: 18px; font-weight: 400; color: #fff; line-height: 1.6; letter-spacing: -0.5px;}
.evtContainer .evtFooterWrap ul li::before {content: ''; position: absolute; left: 8px; top: 8px; width: 4px; height: 4px; background: #fff; border-radius: 100%; }


#eventPopWrap .eventPop .titWrap .tit{font-size:20px; line-height:72px; font-weight:600;}
.popTblWrap .textareaWrap textarea {height: 150px;border-radius: 4px;}
.popInfoWrap .agreeWrap .infoList li{letter-spacing:-.05em;}
.popInfoWrap .agreeWrap .infoList.ls6 li {letter-spacing: -.06em;}
.popInfoWrap .agreeForm {display: flex; gap: 10px; justify-content: end; align-items: center;}
.popInfoWrap .agreeForm .txt {margin-right: auto;}
.popInfoWrap .agreeForm input[type="radio"] {appearance: none;-webkit-appearance: none;display: none;}
.popInfoWrap .agreeForm input[type="radio"] + label {position: relative; display: inline-block; padding-left: 30px; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em;}
.popInfoWrap .agreeForm input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url('/resources/images/educourse/ico_checkbox.png') no-repeat center top;}
.popInfoWrap .agreeForm input[type="radio"] + label .txt {display: inline-block; font-size: 14px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em; }
.popInfoWrap .agreeForm input[type="radio"]:checked + label:before {background-position: center -20px;}
.popInfoWrap .agreeForm .chk label {padding-left: 30px; line-height: 1.2;}
.popInfoWrap .agreeForm .chk + .chk {margin: 0 0 0 5px;}

}

@media screen and (max-width:1080px){
.e-pc{display:none;}
.e-mo{display:block;}
.eventWrap .inner{width: 100%; max-width: none;}
.eventWrap img {width: 100%;}
.eventWrap .evtCont1 .inner,
.eventWrap .evtCont4 .inner {position: absolute; left: 0; right: 0; top: 0; bottom: 0;}

.eventWrap .evtContainer .evtTitWrap {background: none;}
.eventWrap .evtContainer .evtTitWrap .logo.logo_fr {display: none;}
.eventWrap .evtTitWrap .inner{height: auto; padding: 0;}

.eventWrap .evtTitWrap .objs {position: absolute; top:0; left:50%; transform:translateX(-50%); width: 100%; height: 100%;}
.eventWrap .evtTitWrap .objs > span {position: absolute; animation: bounce2 3s infinite;}
.eventWrap .evtTitWrap .objs .obj_01 {z-index: 10; top: 14.720vw; left: 50%; width: 58.178vw; height: 21.963vw; margin-left: calc(-58.178vw / 2); background: url('/resources/images/event/2025/event250721/mo/evtTit_title.png') no-repeat 50% 0 / 100%; animation-name: bounce1;}
.eventWrap .evtTitWrap .objs .obj_02 {top: 5.841vw; right: 0; width: 32.477vw; height: 48.832vw; background: url('/resources/images/event/2025/event250721/mo/evtTit_obj1.png') no-repeat 50% 0 / 100%; animation-name: bounce2; animation-duration: 7s; }
.eventWrap .evtTitWrap .objs .obj_03 {bottom: 1.402vw; left: 0; width: 15.187vw; height: 27.103vw; background: url('/resources/images/event/2025/event250721/mo/evtTit_obj2.png') no-repeat 50% 0 / 100%; animation-name: bounce3; /* animation-delay: 0.5s; */ animation-duration: 5s;}

.evtContWrap [class^='evtCont'] {position: relative;}

.evtCont1 .review_wrapper {position: absolute; left: 0; right: 0; top: 42.991vw; height: 89.953vw;}
.evtCont1 .review_wrapper .swiper-container {width: 84.813vw; height: 72.430vw; padding: 0 0 7.477vw;}
.evtCont1 .review_wrapper .swiper-pagination {bottom: 0;}
.evtCont1 .review_wrapper .swiper-pagination .swiper-pagination-bullet {width: 3.738vw; height: 3.738vw; vertical-align: middle; background: #c2e3ff; border-radius: 46.729vw; opacity: 1;}
.evtCont1 .review_wrapper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 7.477vw; background: #0a43db; }
.evtCont1 .review_wrapper .obj {position: absolute; z-index: 5;}
.evtCont1 .review_wrapper .obj.obj_2 {right: 0.131vw; bottom: 12.150vw; width: 32.944vw; height: 35.280vw; background: url('/resources/images/event/2025/event250721/mo/img1_2.png') no-repeat 50% 0 / 100%;}

.evtCont2 {padding: 0 0 14.720vw;}
.evtCont2 .inner {position: static; padding: 0 6.542vw;}
.evtCont2 .inner > div {position: relative;}
.evtCont2 .inner > div + div {margin-top: 10.280vw;}
.evtCont2 .btnWrap{position: absolute; left: 0; right: 0; bottom: 3.972vw; width: 100%; height: 9.813vw;}
.evtCont2 .btnWrap a {position: absolute; left: 50%; bottom: 0; width: 51.168vw; height: 100%; transform:translateX(-50%);}

.evtCont3 {padding: 0 0  9.579vw; background: linear-gradient(180deg, #e3f4fd 0%, #e8fee2 100%);}
.evtCont3 .inner {padding: 0 5.140vw;}
.evtCont3 .inner > div {position: relative;}
.evtCont3 .inner .inner_2 {margin-top: 11.916vw;}
.evtCont3 .btnWrap {position: absolute; left: 0; right: 0; bottom: 10.479vw; height: 11.916vw; }
.evtCont3 .btnWrap .btnApply,
.evtCont3 .btnWrap .btnLink {position:absolute; left: 50%; bottom: 0; width: 49.533vw; height: 100%; transform:translateX(-50%);}
.evtCont3 .inner_2 .btnWrap {bottom: 11.313vw;}

.evtContainer .evtFooterWrap {padding: 17.523vw 4.673vw; background: #0e005d;}
.evtContainer .evtFooterWrap .inner {text-align: left;}
.evtContainer .evtFooterWrap h3 {margin: 0 0 1.168vw; font-size: 3.738vw; color: #fff;}
.evtContainer .evtFooterWrap ul li {position: relative; padding: 0 0 0 4.673vw; font-size: 3.505vw; font-weight: 400; color: #fff; line-height: 1.6; letter-spacing: -0.117vw;}
.evtContainer .evtFooterWrap ul li::before {content: ''; position: absolute; left: 1.869vw; top: 1.869vw; width: 0.935vw; height: 0.935vw; background: #fff; border-radius: 100%; }

/* .popInfoWrap .agreeForm {display: flex; flex-wrap: wrap; gap: 2.336vw; justify-content: center; align-items: center;} */
.popInfoWrap .agreeForm .txt {display: block; width: 100%;}
.popInfoWrap .agreeForm input[type="radio"] {appearance: none;-webkit-appearance: none;display: none;}
.popInfoWrap .agreeForm input[type="radio"] + label {position: relative; display: inline-block; padding-left: 30px; font-weight: 500; color: #4a4f5f; letter-spacing: -0.045em;}
.popInfoWrap .agreeForm input[type="radio"] + label:before {content: ''; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url('/resources/images/educourse/ico_checkbox.png') no-repeat center top;}
.popInfoWrap .agreeForm input[type="radio"]:checked + label:before {background-position-y: 100%;}
.popInfoWrap .agreeForm .chk + .chk {margin-left: 30px;}
}