@charset "UTF-8";

/* EVENT 568 */
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {top: 0; left: 50%; width: 1200px; margin-left: -600px; padding-top:50px;z-index:10; }
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{margin:0;}

.event250625 .evtContainer{background:url('/resources/images/event/2025/event250625/evtBg.jpg') repeat-x 50% 0;}
.event250625 .inner{width: 1200px; text-align: center;}

.event250625 .evtTitWrap{background:url('/resources/images/event/2025/event250625/evtBgTit.png') no-repeat 50% 0;}
.event250625 .evtTitWrap .inner{width:1223px; height: 873px; background: url('/resources/images/event/2025/event250625/evtTit1.png') no-repeat 50% 0;}
.event250625 .evtTitWrap .con {position: absolute; right: -48px; top: 100px; width: 127px; height: 201px;}

.event250625 .evtCont1 .inner {width: 2568px; height: 412px; padding: 42px 12px; background: url('/resources/images/event/2025/event250625/evtBg1.png') repeat-x 0;}
.event250625 .evtCont1 .evtSwiper.swiper-container {width: 100%;}
.event250625 .evtCont1 .evtSwiper .swiper-wrapper {animation:70s linear 0.5s infinite normal none running rolling;}
.event250625 .evtCont1 .evtSwiper .swiper-wrapper.stop{animation-play-state:paused;}
.event250625 .evtCont1 .evtSwiper .swiper-slide {width: 248px;}
.event250625 .evtCont1 .evtSwiper .swiper-slide .thumb {overflow: hidden; display: block; box-sizing: content-box; width: 100%; height: 330px; transform-origin: 50%;}
.event250625 .evtCont1 .evtSwiper .swiper-slide .thumb img {width: 100%; height: 100%;}
.event250625 .evtCont1 .evtSwiper .swiper-slide .thumb:hover img {transform: scale(105%);}

@keyframes rolling{
	0% {
		transform: translateX(0px);
	}
	100% {
		transform: translateX(calc(0% - (248px + 10px) * 16));
	}
}

.event250625 .evtCont2 {padding: 78px 0 64px; background: url('/resources/images/event/2025/event250625/evtBg2.png') repeat-x 50% 100%;}
.event250625 .evtCont2 .inner .btnWrap {position: absolute; left: 50%; transform: translateX(-50%);}
.event250625 .evtCont2 .inner:first-child {height: 1068px; background:url('/resources/images/event/2025/event250625/img2_1.png') no-repeat  50% 0;}
.event250625 .evtCont2 .inner:first-child .linkWrap {position: absolute; right: 40px; top: 47px; width: 221px; height: 64px;}
.event250625 .evtCont2 .inner:first-child .linkWrap a {display: block; width: 100%; height: 100%;}
.event250625 .evtCont2 .inner:first-child .evtItemBox {display: flex; flex-wrap: wrap; gap: 31px 24px; padding: 332px 48px 0;}
.event250625 .evtCont2 .inner:first-child .evtItemBox li {position: relative; width: 258px; height: 258px;}
.event250625 .evtCont2 .inner:first-child .thumb {overflow: hidden; position: absolute; z-index: 5; left: 14px; top: 14px; width: 229px; height: 129px; border-radius: 17px;}
.event250625 .evtCont2 .inner:first-child .thumb img {width: 100%; height: 100%;}
.event250625 .evtCont2 .inner:first-child .thumb:hover img {transform: scale(105%);}
.event250625 .evtCont2 .inner:first-child .evtItemBox input {appearance: none; overflow: hidden; position: absolute; width: 1px; height: 1px; }
.event250625 .evtCont2 .inner:first-child .evtItemBox label {position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer;}
.event250625 .evtCont2 .inner:first-child .evtItemBox input:checked + label::before {content: ''; position: absolute; left: 125px; top: 159px; width: 8px; height: 8px; background: #636363; border-radius: 100%;}
.event250625 .evtCont2 .inner:first-child .btnWrap {bottom: 69px;}
.event250625 .evtCont2 .inner:first-child .btnApply{display: block; margin: 0 auto; width: 512px; height: 72px;}
.event250625 .evtCont2 .inner:last-child {height: 877px; margin-top: 30px; background:url('/resources/images/event/2025/event250625/img2_2.png') no-repeat  50% 0;}
.event250625 .evtCont2 .inner:last-child::after {content: ''; position: absolute; right: -145px; bottom: -47px; width: 407px; height: 407px; background:url('/resources/images/event/2025/event250625/img2_3.png') no-repeat  50% 0;}
.event250625 .evtCont2 .inner:last-child .btnWrap {bottom: 50px;}
.event250625 .evtCont2 .inner:last-child .btnLink{display: block; margin: 0 auto; width: 512px; height: 72px;}

.event250625 .evtCont3 {padding: 60px 0 97px; background:#b0f26a;}
.event250625 .evtComment {position: relative;}
.event250625 .evtComment .evtList{display: flex; flex-wrap: wrap; gap: 31px 27px; width: 1186px; margin: 0 auto;}
.event250625 .evtComment .evtList > li {overflow: hidden; position: relative; width: 377px; height: 416px; background: #fff; border-radius: 30px;}
.event250625 .evtComment .evtList > li .teacher {display: block; height: 64px; font-size: 24px; line-height: 60px; color: #fff; font-weight: 400; text-align: center; background-color: #3face2;}
.event250625 .evtComment .evtList > li .content {padding: 19px 0 0;}
.event250625 .evtComment .evtList > li .titWrap {display: flex; gap: 6px; justify-content: center; align-items: center; margin: 0 0 19px;}
.event250625 .evtComment .evtList > li .titWrap .tit {width: 78px; height: 38px; font-size: 20px; line-height: 36px; color: #3f9b0a; font-weight: 500; text-align: center; background: #d2fe25; border-radius: 200px; }
.event250625 .evtComment .evtList > li .titWrap .cate {font-size: 20px; line-height: 36px; color: #3f9b0a; font-weight: 500;}
.event250625 .evtComment .evtList > li .txtWrap {width: 346px; height: 248px; margin: 0 auto; padding: 22px 10px 20px 20px;background: #f9f9f9; border-radius: 20px;}
.event250625 .evtComment .evtList > li .txtWrap .inner {overflow-y: auto; width: 100%; height: 100%; padding: 0 10px 0 0; font-size: 20px; line-height: 1.5; color: #333; text-align: left; word-break: break-all;}
.event250625 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar {width: 10px;}
.event250625 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar-thumb {top: 0; bottom: 0; background: rgba(0,0,0,0.2); border-radius: 10px;}
.event250625 .evtComment .evtList .nodata {flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 100%; height: 416px; background: #fff; border-radius: 30px;}
.event250625 .evtComment .evtList .nodata p {font-size: 20px; color: #333;}
.event250625 .evtComment .pagingWrap {margin: 27px 0 0;}
.event250625 .evtComment .pagingWrap .innerPaging {display: flex; justify-content: center;}
.event250625 .evtComment .pagingWrap .pageNum button,
.event250625 .evtComment .pagingWrap .pagingPrev button,
.event250625 .evtComment .pagingWrap .pagingNext button {height: 34px;}
.event250625 .evtComment .pagingWrap .pageNum {display: flex; gap: 24px; margin: 0 10px;}
.event250625 .evtComment .pagingWrap .pageNum button {font-size: 18px; line-height: 30px; color: #000; text-align: center;}
.event250625 .evtComment .pagingWrap .pageNum button.on {width: 34px; margin: 0 -13px; color: #fff; background: #0db1eb; border-radius: 4px;}
.event250625 .evtComment .pagingWrap .pageNum button:first-child.on {margin-left: 0;}
.event250625 .evtComment .pagingWrap .pageNum button:last-child.on {margin-right: 0;}
.event250625 .evtComment .pagingWrap .pagingNext {display: flex; gap: 0;}
.event250625 .evtComment .pagingWrap .pagingPrev button,
.event250625 .evtComment .pagingWrap .pagingNext button {width: 34px;}
.event250625 .evtComment .pagingWrap .pagingPrev button::before,
.event250625 .evtComment .pagingWrap .pagingNext button::before {content: ''; display: inline-block; height: }
.event250625 .evtComment .pagingWrap .pagingPrev .btnPageFirst {background: url('/resources/images/event/2025/event250625/btn_first_on.png') no-repeat 50%;}
.event250625 .evtComment .pagingWrap .pagingPrev .btnPagePrev {background: url('/resources/images/event/2025/event250625/btn_prev_on.png') no-repeat 50% /11px auto;}
.event250625 .evtComment .pagingWrap .pagingNext .btnPageNext {background: url('/resources/images/event/2025/event250625/btn_next_on.png') no-repeat 50% /11px auto;}
.event250625 .evtComment .pagingWrap .pagingNext .btnPageLast {background: url('/resources/images/event/2025/event250625/btn_last_on.png') no-repeat 50% /15px auto;}
.event250625 .evtComment .pagingWrap .pagingPrev button:disabled,
.event250625 .evtComment .pagingWrap .pagingPrev button:disabled,
.event250625 .evtComment .pagingWrap .pagingNext button:disabled,
.event250625 .evtComment .pagingWrap .pagingNext button:disabled {cursor: default;}
.event250625 .evtComment .pagingWrap .pagingPrev .btnPageFirst:disabled {background-image: url('/resources/images/event/2025/event250625/btn_first_off.png');}
.event250625 .evtComment .pagingWrap .pagingPrev .btnPagePrev:disabled {background-image: url('/resources/images/event/2025/event250625/btn_prev_off.png');}
.event250625 .evtComment .pagingWrap .pagingNext .btnPageNext:disabled {background-image: url('/resources/images/event/2025/event250625/btn_next_off.png');}
.event250625 .evtComment .pagingWrap .pagingNext .btnPageLast:disabled {background-image: url('/resources/images/event/2025/event250625/btn_last_off.png');}

.event250625 .evtfooter{width:100%; padding:33px 0 60px; background:#2D4F62;}
.event250625 .evtfooter .inner {text-align:left;}
.event250625 .evtfooter strong{font-size:22px; color:#fff; font-weight:600; line-height:1;}
.event250625 .evtfooter .evtInfoList{margin-top:15px;}
.event250625 .evtfooter .evtInfoList li{position:relative; font-size:14px; color:#fff; line-height:1.8; padding-left: 13px;font-weight:400; letter-spacing:-0.04em;}
.event250625 .evtfooter .evtInfoList li:before {content: ""; position: absolute; left:0; top: 10px; width: 3px; height: 3px; background: #fff; border-radius: 100%;}

.publicEvtFooter_wrap.type02 {width:100%; padding:46px 0 80px; background:#fff; }
.publicEvtFooter_wrap.type02 .publicEvtFooter {display:flex; width:1100px; padding-left:150px; margin:0 auto; }.publicEvtFooter_wrap .publicEvtFooter h2 {margin-right:45px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info {text-align:left;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul {display:flex; margin-bottom:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li {position:relative; padding-right:10px; padding-left:10px; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:first-child {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:12px; background-color:#8b8989; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li:last-child:after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info ul li a {font-size:14px; color:#636774; font-weight:500;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span { position:relative; padding:0 6px; color:#636774; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2) {padding-left:0;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(2):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:nth-child(6):after {display:none;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span:after {content:""; display:block; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:9px; background-color:#aeaaaa; }
.publicEvtFooter_wrap.type02 .publicEvtFooter .info span a {color:#aeaaaa; font-size:12px;}
.publicEvtFooter_wrap.type02 .publicEvtFooter .info p {font-size:12px;  color:#aeaaaa;}

#eventPopWrap .eventPop .titWrap .tit{font-size:20px; line-height:72px; font-weight:600;}
.popTblWrap table td.pl38{padding-left:38px;}
.popTblWrap .textareaWrap textarea {height: 150px;border-radius: 4px;}
.popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}
.popInfoWrap .agreeWrap .infoList li{letter-spacing:-.05em;}
.popInfoWrap .agreeWrap .infoList.ls6 li {letter-spacing: -.06em;}
.popInfoWrap .agreeForm {display: flex; gap: 10px; align-items: center;}
.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%; box-sizing: border-box; margin-top: -10px; width: 20px; height: 20px; border: 1px solid #c8c8c8; border-radius: 100%; /* background: url('/resources/images/educourse/ic_today_check.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: url('/resources/images/educourse/ic_today_check.png') no-repeat 50% 97% / 20px ; border: 0;}
.popInfoWrap .agreeForm .chk label {padding-left: 30px; line-height: 1.2;}
.popInfoWrap .agreeForm .chk + .chk {margin: 0 0 0 5px;}

#eventPopWrap .eventPop.pop_type02 .popTblWrap table th {padding-right: 10px; word-break: keep-all;}