@charset "UTF-8";

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

.event250704 .inner{width: 1200px; text-align: center;}
.event250704 .evtTitWrap{position:relative;background:url('/resources/images/event/2025/event250704/evtBg1.jpg') repeat-x 50% 0;z-index:0;}
.event250704 .evtTitWrap:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:url('/resources/images/event/2025/event250704/evtBg1_2.png') repeat-x 50% 0;}
.event250704 .evtTitWrap .inner{width:1150px; height: 1312px; background: url('/resources/images/event/2025/event250704/evtTit1.png') no-repeat 50% 0;}
.event250704 .evtTitWrap .con {position: absolute; right: 60px; top: 100px; width: 127px; height: 201px;}
.event250704 .evtTitWrap .evtObj{position:absolute;}
.event250704 .evtTitWrap .evtObj.obj1{top:20px; left:-75px; width:314px; height:313px; background:url('/resources/images/event/2025/event250704/obj1.png') no-repeat center;z-index:-1;}
.event250704 .evtTitWrap .evtObj.obj2{bottom:210px; left:96px; width:233px; height:253px; background:url('/resources/images/event/2025/event250704/obj2.png') no-repeat center;z-index:-1;}
.event250704 .evtTitWrap .evtObj.obj3{top:100px; right:-8px; width:452px; height:304px; background:url('/resources/images/event/2025/event250704/obj3.png') no-repeat center;z-index:-1;}

.obj1.ani-bounce{animation:bounce infinite 1.5s alternate linear;}
.obj2.ani-bounce{animation:bounce infinite 1.9s alternate linear;}
.obj3.ani-bounce{animation:bounce infinite 1.7s alternate linear;}

@keyframes bounce{
    100%{transform:translateY(-20px);}
}

.event250704 .evtCont1{padding: 80px 0 100px; background: #C2EFE0 url('/resources/images/event/2025/event250704/evtBg2.png') repeat-x 50% 0;}
.event250704 .evtCont1 .inner {max-width: 1022px; margin: 0 auto;}
.event250704 .evtCont1 .videoWrap {position:relative;width:100%;height:0;padding-top:54.25%;border:19px solid #12D58F;border-radius:44px;box-sizing: border-box;overflow:hidden;}
.event250704 .evtCont1 .videoWrap iframe{width:100%;height:100%;position:absolute;top:0;left:0;}
.event250704 .evtCont1 .videoWrap .btnPlay{position:absolute;top:52%;left:50%;transform:translate(-50%, -50%);display:inline-block;width:180px;height:138px;background:url('/resources/images/event/2025/event250704/btn_play.png')no-repeat center center / contain;}
.event250704 .evtCont1 .evtTit1{margin-top:101px;width:100%;height:256px;background:url('/resources/images/event/2025/event250704/evtTit2.png') no-repeat center center / contain;}
.event250704 .evtCont1 .answerWrap{margin-top:45px;}
.event250704 .evtCont1 .answerWrap li{margin:0 155px;text-align:left;}
.event250704 .evtCont1 .answerWrap li + li {margin-top:20px;}
.event250704 .evtCont1 .answerWrap li input[type=radio]{margin:2px 17px 0 0;display:inline-block;box-sizing:border-box;width:28px;height:28px;background:#fff;border-radius:50%;border:1px solid #0CA264;vertical-align: middle;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.event250704 .evtCont1 .answerWrap li input[type=radio]:checked{background:#0CA264;border: 5px solid #fff;box-shadow: 0 0 0 1px #0CA264;}
.event250704 .evtCont1 .answerWrap li input[type=radio] + label {height:100%;display:inline-block;cursor:pointer;}
.event250704 .evtCont1 .btnApply{margin-top:70px;}
.event250704 .evtCont1 .btnApply img{max-width:100%;}

.event250704 .evtCont2{padding: 55px 0 72px; background:#C3E5FF}
.event250704 .evtCont2 .inner {max-width: 1022px;}
.event250704 .evtCont2 .evtTit2{width:100%;height:259px;background:url('/resources/images/event/2025/event250704/evtTit3.png') no-repeat center center / contain;}
.event250704 .evtCont2 textarea{margin-top:36px;padding:22px 26px;width:715px;height:247px;font-size:25px;color:#222;line-height:150%;outline:10px solid #81BCFF;border:none;border-radius:10px;}
.event250704 .evtCont2 textarea::placeholder{font-size:25px;color:#606060;}
.event250704 .evtCont2 .btnApply{margin-top:46px;}
.event250704 .evtCont2 .btnApply img{max-width:100%;}

.event250704 .evtCont3{padding:108px 0 89px; background:#FFFDE6 url('/resources/images/event/2025/event250704/evtBg3.jpg') no-repeat 50% 0;}
.event250704 .evtCont3 .inner{width:1214px;}
.event250704 .evtCont3 .evtTit3{margin:0 auto 55px;width:100%;height:101px;background:url('/resources/images/event/2025/event250704/evtTit4.png') no-repeat center center / contain;}
.event250704 .evtComment .evtList{display:flex;flex-wrap:wrap;gap:24px;}
.event250704 .evtComment .evtList li{position:relative;width:calc(25% - 72px/4); padding:40px 0 30px; background:#fff; border:4px solid #FFF36C; border-radius:35px;}
.event250704 .evtComment .evtList li .info{margin-top:20px; padding:0 20px; text-align:right;}
.event250704 .evtComment .evtList li .info .userID{display:inline-block; padding:0 12px; height:30px; font-size:15px;font-weight:500; font-family:"GmarketSansMedium", "Noto Sans KR", sans-serif; line-height:32px;color:#fff;letter-spacing:-.025em; background:#797979; border-radius:15px;}
.event250704 .evtComment .evtList li .comment{height:13.66em; overflow-y:auto; font-size:18px;line-height:1.4; font-weight:300; word-break:keep-all; word-wrap:break-word; font-family:'GmarketSansLight', "Noto Sans KR", sans-serif;}
.event250704 .evtComment .evtList li .comment *{font:inherit;color:#000;letter-spacing:-.025em; word-break:keep-all; word-wrap:break-word;}
.event250704 .evtComment .evtList li .comment .mCSB_inside{padding:0 13px 0 17px; text-align: left;}
.event250704 .evtComment .evtList li .comment .mCSB_inside>.mCSB_container{margin-right:0;}
.event250704 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{height:189px;width:3px; background:#bababa; border-radius:10px;}
.event250704 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.event250704 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#bababa;}
.event250704 .evtComment .evtList li .comment .mCSB_scrollTools .mCSB_draggerRail{width:3px; background:transparent; border-radius:0;}
.event250704 .evtComment .evtList li.nodata{padding:75px 0 117px; width:100%; background:none; border:none;}
.event250704 .evtComment .evtList li.nodata p{font-size:18px; color:#121212; text-align:center;}

.event250704 .evtComment .pagingWrap {margin: 54px 0 0;}
.event250704 .evtComment .pagingWrap .innerPaging {display: flex; gap: 8px; justify-content: center;}
.event250704 .evtComment .pagingWrap .pageNum button,
.event250704 .evtComment .pagingWrap .pagingPrev button,
.event250704 .evtComment .pagingWrap .pagingNext button {height: 34px;}
.event250704 .evtComment .pagingWrap .pageNum {display: flex; gap: 24px; margin: 0 15px;}
.event250704 .evtComment .pagingWrap .pageNum button {font-size: 18px; line-height: 30px; font-family: "Pretendard", "Noto Sans KR", sans-serif; color: #000; text-align: center;}
.event250704 .evtComment .pagingWrap .pageNum button.on {width: 34px; margin: 0 -13px; color: #fff; font-weight:700; background: #FF8544; border-radius: 4px;}
.event250704 .evtComment .pagingWrap .pagingNext {display: flex; gap: 0;}
.event250704 .evtComment .pagingWrap .pagingPrev button,
.event250704 .evtComment .pagingWrap .pagingNext button {width: 34px;}
.event250704 .evtComment .pagingWrap .pagingPrev .btnPageFirst {background: url('/resources/images/event/2025/event250421/btn_first.png') no-repeat 50% 0/100% auto;}
.event250704 .evtComment .pagingWrap .pagingPrev .btnPagePrev {background: url('/resources/images/event/2025/event250421/btn_prev.png') no-repeat 50% 0/100% auto;}
.event250704 .evtComment .pagingWrap .pagingNext .btnPageNext {background: url('/resources/images/event/2025/event250421/btn_next.png') no-repeat 50% 0/100% auto;}
.event250704 .evtComment .pagingWrap .pagingNext .btnPageLast {background: url('/resources/images/event/2025/event250421/btn_last.png') no-repeat 50% 0/100% auto;}
.event250704 .evtComment .pagingWrap .pagingPrev button:disabled,
.event250704 .evtComment .pagingWrap .pagingNext button:disabled {opacity: 0.5; cursor: default;}

.event250704 .evtfooter{width:100%; padding:120px 0; background:#164D44;}
.event250704 .evtfooter .inner {width:1600px;text-align:left;}
.event250704 .evtfooter strong{font-size:30px; color:#fff; font-weight:500; line-height:1;font-family: "Pretendard", "Noto Sans KR", sans-serif;}
.event250704 .evtfooter .evtInfoList{margin-top:5px;padding-left:10px;}
.event250704 .evtfooter .evtInfoList li{position:relative; padding-left: 22px; font-size:22px; color:#fff; font-family: "Pretendard", "Noto Sans KR", sans-serif; font-weight:300; line-height: 150%; letter-spacing: -0.03em;}
.event250704 .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;}
.popInfoWrap .agreeWrap .infoTxt a {color:#01aeff;}

#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 .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;}