@charset "UTF-8";

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

.event250421 img {width: 100%;}
.event250421 .inner {width: 1250px; max-width: none;}
.event250421 .evtTitWrap {background-image: url('/resources/images/event/2025/event250421/evtBg1_2.png'), url('/resources/images/event/2025/event250421/evtBg1_1.png'); background-repeat: repeat-x, no-repeat; background-position: 50% 100%, 50% 0; background-size: 2558px auto, cover;}
.event250421 .evtTitWrap .inner {height: 1119px; background:url('/resources/images/event/2025/event250421/evtTit1.png') no-repeat 50% 100px/1158px auto;}
.event250421 .evtTitWrap .con {position: absolute; right: -48px; top: 100px; width: 127px; height: 201px;}

.event250421 .evtCont1 {padding:59px 0 100px;background:#6fe88f url('/resources/images/event/2025/event250421/evtBg2.png') repeat-x 50% 0/1920px auto;}
.event250421 .evtCont1 .inner {padding:280px 0 0;background:url('/resources/images/event/2025/event250421/img1.png') no-repeat 50% 0/885px auto;}
.event250421 .evtCont1 .cont_video {overflow: hidden; position:relative; width: 100%; height: 660px; border-radius: 20px; background: #fff;}
.event250421 .evtCont1 .cont_video .videoCont {height: 100%;}
.event250421 .evtCont1 .cont_video iframe {width: 100%; height: 100%;}


.event250421 .evtCont2{padding:100px 0; background:#30cf82;}
.event250421 .evtCont2 .tabs{display: flex; width: 1274px; margin: 0 0 31px -12px;}
.event250421 .evtCont2 .tabs .tab {display: block; width: 637px; height: 210px; margin: 0 -2px; background-repeat: no-repeat; background-position: 50% 0; background-size: 100% auto;}
.event250421 .evtCont2 .tabs li:first-child .tab {background-image:url('/resources/images/event/2025/event250421/img3_tab_01.png');}
.event250421 .evtCont2 .tabs li:last-child .tab {background-image:url('/resources/images/event/2025/event250421/img3_tab_02.png');}
.event250421 .evtCont2 .tabs li:first-child .tab.on,
.event250421 .evtCont2 .tabs li:last-child .tab.on {background-position-y: 100%;}
.event250421 .evtCont2 .tabpanel {display: none; position: relative; height: 506px;}
.event250421 .evtCont2 .tabpanel.on {display: block;}
.event250421 .evtCont2 .tabpanel a {position: absolute; left: 105px; bottom: 100px; width: 512px; height: 72px;}
.event250421 .evtCont2 .tabpanel_1 {background:url('/resources/images/event/2025/event250421/img2_1.png') no-repeat 50% 0/100% auto;}
.event250421 .evtCont2 .tabpanel_1 .btn_apply {bottom: 70px;}
.event250421 .evtCont2 .tabpanel_2 {background:url('/resources/images/event/2025/event250421/img2_2.png') no-repeat 50% 0/100% auto;}

.event250421 .evtCont3 {padding: 80px 0; background: url('/resources/images/event/2025/event250421/evtBg3.png') repeat 50% 0/1920px auto;}
.event250421 .evtComment {position: relative;}
.event250421 .evtComment h3 {width: 652px; height: 171px; margin: 0 auto 20px; background: url('/resources/images/event/2025/event250421/img3.png') no-repeat 50% 0/100% auto;}
.event250421 .evtComment .evtList{display: flex; flex-wrap: wrap; gap: 20px 16px;}
.event250421 .evtComment .evtList > li {position: relative; width: 406px; padding: 29px 30px; background: #fff; border-radius: 30px;}
.event250421 .evtComment .evtList > li .teacher {display: block; height: 60px; margin: 0 0 20px; font-size: 24px; line-height: 59px; color: #fff; font-weight: 400; text-align: center; background-color: #1f62af; border-radius: 200px; }
.event250421 .evtComment .evtList > li .info li {display: flex; flex-wrap: wrap; gap: 16px; align-items: center;}
.event250421 .evtComment .evtList > li .info li + li {margin: 16px 0 0;}
.event250421 .evtComment .evtList > li .tit {width: 70px; height: 32px; font-size: 16px; line-height: 31px; color: #1f62af; text-align: center; background-color: #cdf6ff; border-radius: 200px;} 
.event250421 .evtComment .evtList > li .txt {width: calc(100% - 70px - 16px); font-size: 20px; color: #333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} 
.event250421 .evtComment .evtList > li .txtWrap {width: 100%; height: 130px; padding: 20px 10px 20px 20px;background: #f9f9f9; border-radius: 20px;}
.event250421 .evtComment .evtList > li .txtWrap .inner {overflow-y: auto; width: 100%; height: 100%; padding: 0 12px 0 0; font-size: 20px; line-height: 1.5; color: #333; word-break: break-all;}
.event250421 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar {width: 10px;}
.event250421 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar-thumb {top: 0; bottom: 0; background: #c1c1c1; border-radius: 10px;}
.event250421 .evtComment .evtList .no-data {flex: 0 0 auto; display: flex; justify-content: center; align-items: center; width: 100%; height: 416px; background: #fff; border-radius: 30px;}
.event250421 .evtComment .evtList .no-data p {font-size: 20px; color: #333;}
.event250421 .evtComment .pagingWrap {margin: 70px 0 0;}
.event250421 .evtComment .pagingWrap .innerPaging {display: flex; gap: 8px; justify-content: center;}
.event250421 .evtComment .pagingWrap .pageNum button,
.event250421 .evtComment .pagingWrap .pagingPrev button,
.event250421 .evtComment .pagingWrap .pagingNext button {height: 34px;}
.event250421 .evtComment .pagingWrap .pageNum {display: flex; gap: 24px; margin: 0 25px;}
.event250421 .evtComment .pagingWrap .pageNum button {font-size: 18px; line-height: 30px; color: #000; text-align: center;}
.event250421 .evtComment .pagingWrap .pageNum button.on {width: 34px; margin: 0 -13px; color: #fff; background: #0db1eb; border-radius: 4px;}
.event250421 .evtComment .pagingWrap .pagingNext {display: flex; gap: 0;}
.event250421 .evtComment .pagingWrap .pagingPrev button,
.event250421 .evtComment .pagingWrap .pagingNext button {width: 34px;}
.event250421 .evtComment .pagingWrap .pagingPrev .btnPageFirst {background: url('/resources/images/event/2025/event250421/btn_first.png') no-repeat 50% 0/100% auto;}
.event250421 .evtComment .pagingWrap .pagingPrev .btnPagePrev {background: url('/resources/images/event/2025/event250421/btn_prev.png') no-repeat 50% 0/100% auto;}
.event250421 .evtComment .pagingWrap .pagingNext .btnPageNext {background: url('/resources/images/event/2025/event250421/btn_next.png') no-repeat 50% 0/100% auto;}
.event250421 .evtComment .pagingWrap .pagingNext .btnPageLast {background: url('/resources/images/event/2025/event250421/btn_last.png') no-repeat 50% 0/100% auto;}
.event250421 .evtComment .pagingWrap .pagingPrev button:disabled,
.event250421 .evtComment .pagingWrap .pagingNext button:disabled {opacity: 0.5; cursor: default;}
/* .event250421 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar-button:vertical:start:decrement,
.event250421 .evtComment .evtList > li .txtWrap .inner::-webkit-scrollbar-button:vertical:end:decrement {display: block; height: 20px;} */

.event250421 .evtfooter{width:100%; padding:55px 0; text-align:left; background:#e6e6e6;}
.event250421 .evtfooter strong{font-size:22px; color:#121212; font-weight:600; line-height:1;}
.event250421 .evtfooter .evtInfoList{margin-top:15px;}
.event250421 .evtfooter .evtInfoList li{position:relative;font-size:16px; color:#121212; line-height:1.8; padding-left: 22px;font-weight:400; letter-spacing:-0.04em;}
.event250421 .evtfooter .evtInfoList li:before {content: "-"; display: inline-block; position: absolute; left:0;}

.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 .textareaWrap textarea {height: 150px;border-radius: 4px;}
.popTblWrap .lineBreak + .row {display: flex; gap: 8px; align-items: center;}
.popInfoWrap .agreeWrap .infoList li{letter-spacing:-.05em;}
.popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}