@charset "utf-8";



/* EVENT 241209 */
.evtContainer { }
.evtContainer .evtTitWrap {width: 100%; height: 760px;  background: url(/resources/images/event/2024/event241209_2/evtBg.png) repeat-x; }
.evtContainer .evtTitWrap .conWrap {display: flex; justify-content: flex-end; width: 1200px; position: absolute; left: 50%; top: 111px; transform: translateX(-50%); }
.evtContainer .evtTitWrap .conWrap .con {display: inline-block; width: 113px;}
.evtContainer .evtTitWrap .conWrap .con img {width: 100%;}
.evtContainer .evtTitWrap .inner {position: relative; width: 100%; height: 100%;}
.evtContainer .evtTitWrap .inner .tit > img {display: inline-block;}
.evtContainer .evtTitWrap .inner .tit .evtGift {position: absolute; left: 50%; bottom: -53px; transform: translateX(-50%); z-index: 10;}

.eventWrap.evtFullType.event241209{min-width:1200px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {  top: 0; width: 100%; padding-top: 83px;z-index:10; }
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {width:100%;min-width: 1200px; left: 50%; top: 24px; transform: translateX(-50%);}
.eventWrap.evtFullType .evtTitWrap .logo .logoVivasam{float:left;margin-right:25px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner .logoVisang{float:right;position: relative;top:5px;margin-left: 0;display: inline-block;}
.eventWrap .evtTit {position: relative; text-align: center;}


.evtContainer .eventCont1 {position:relative;padding: 130px 0;background: rgb(127,31,244);background: linear-gradient(180deg, rgba(127,31,244,1) 41%, rgba(88,7,203,1) 100%);}
.evtContainer .eventCont1:before{content:'';position:absolute;left:50%;top:-60px;width:1355px;height:124px;background:url(/resources/images/event/2024/event241209_2/evt_bg_cloud.png) no-repeat center top;transform:translateX(-50%);}

.evtContainer .evtContsWrap .inner {width: 1200px; margin: 0 auto;}

.evtContainer .evtContsWrap .eventCont1 .inner .cont{display:flex;flex-wrap:nowrap;justify-content: space-between;}
.evtContainer .evtContsWrap .eventCont1 .inner .contTit {}
.evtContainer .evtContsWrap .eventCont1 .inner .evtLink {position:relative;}
.evtContainer .evtContsWrap .eventCont1 .inner .evtLink .btn_txtbook_link{position:absolute;left:46px;top:144px;display:block;width:172px;height:48px;}


.evtContainer .evtContsWrap .inner .btnWrap {margin-top: 40px; text-align: center;}
.evtContainer .evtContsWrap .inner .eventCont1 .btnWrap  {margin-top: 45px;}
.evtContainer .evtContsWrap .inner .btnWrap .btnApply {display: inline-block; width: 409px; height: 107px; background: url(/resources/images/event/2024/event241209_2/btn_party_guest.png)no-repeat center; }


.evtContainer .evtContsWrap .eventCont2 {padding:120px 0;background: rgb(244,227,255);
    background: linear-gradient(180deg, rgba(244,227,255,1) 0%, rgba(205,191,255,1) 100%);}
.evtContainer .evtContsWrap .eventCont2 .contTit{border-bottom:1px solid #742ACF;}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab{margin-top:-24px;}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab ul{display:flex;justify-content: flex-end;}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab ul li{display:inline-block;width:160px;height:60px;background:rgba(255,255,255,0.7);border-radius:20px 20px 0 0;box-shadow:0 4px 6px rgba(116, 42, 207, 0.22);}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab ul li a{display:block;text-align:center;font-size:24px;font-weight:600;line-height:60px;}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab ul li.on{background: rgb(125,0,197);background: linear-gradient(180deg, rgba(125,0,197,1) 0%, rgba(113,0,197,1) 100%);}
.evtContainer .evtContsWrap .eventCont2 .contTit .tab ul li.on a{color:#fff;}
.evtContainer .evtContsWrap .eventCont2 .post{padding:70px 0;}
.tagWrap{display:flex;flex-wrap:nowrap;justify-content: space-between}
.sublist{max-width:650px;display:flex;flex-wrap:wrap;gap:7px;}
.sublist li{background:rgba(255,255,255,0.7);border-radius:8px;min-width:74px;height:48px;}
.sublist li a{display:block;padding:0 20px;width:100%;text-align:center;line-height: 48px;font-size:18px;color:#000;}
.sublist li.on{background: rgb(255,224,100);
    background: linear-gradient(180deg, rgba(255,224,100,1) 0%, rgba(252,255,158,1) 100%);}
.sublist li.on a{font-weight:600;}
.right_txt{margin-top:-15px;}
.right_txt p{text-align:right;font-size:20px;font-weight:500;color:#2B2E37;line-height:1.6;}
.right_txt p span{font-size:32px;font-weight:600;color:#742ACF;}
.right_txt p i{font:inherit;}



.evtComment {padding: 35px 0 70px;}
.evtComment h3 {text-align: center;}
.evtCommentList_wrap {position: relative; margin-top: 20px; border: 0;}
.evtCommentList_wrap .evtCommentList {display: flex; flex-wrap: wrap; gap:35px 20px; position: relative; width: 100%; border: 0;}
.evtCommentList_wrap .evtCommentList .listItem { width: calc(25% - 15px); min-height: 230px; padding: 20px 10px 20px 30px; background: #fff;  border-radius: 24px;box-shadow:0 4px 4px rgba(86, 46, 142, 0.25);}
.evtCommentList_wrap .evtCommentList .listItem:hover{box-shadow:0 19px 10px rgba(86, 46, 142, 0.21);}
.evtCommentList_wrap .evtCommentList .listItem.nodata {display: none}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner{ display: flex; flex-direction: column; height: 100%; padding: 0;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .school_id{margin-right:20px;height:60px;border-radius:30px;background:rgba(176, 39, 255, 0.1);text-align:center;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .school_id p{font-size:24px;line-height:60px;font-weight:600;color:#2B2E37;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .school_id p span{font:inherit;color:#742ACF;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .teacher_id {display: inline-block;padding-right:20px;width: 100%;margin-top:5px; margin-bottom: 17px; font-size: 14px; color: #A4A5A9; line-height: 1.8; letter-spacing: -0.045em;text-align:center; }
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .comment {height: 150px; padding-right: 5px;  overflow-x: hidden; overflow-y: auto;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .comment p {padding: 6px 0 0 0; font-size: 16px; font-weight: 400; color: #2B2E37; line-height: 1.8; letter-spacing: -0.045em;}
.evtCommentList_wrap .evtCommentList .listItem .info .btnBox {display: none;}
.eventPaging_arrow .arr.left {display: inline-block; width: 40px; height: 32px; position: absolute; left: -40px; top: 50%; transform: translateY(-50%); background: url(/resources/images/event/2024/event241209_2/page_prev.png)no-repeat center;}
.eventPaging_arrow .arr.right {display: inline-block; width: 40px; height: 32px; position: absolute; right: -40px; top: 50%; transform: translateY(-50%); background: url(/resources/images/event/2024/event241209_2/page_next.png)no-repeat center;}

/* paging */
.pagingWrap {padding: 35px 0 0; text-align: center;}
.pagingWrap > *{display:inline-block;box-sizing:border-box;width:30px;height:30px;margin:0 4px;padding:0;font-size:18px; font-weight: 400; color:#0f1c3a;vertical-align:top; border-radius: 50%;}
.pagingWrap button, .pagingWrap button:hover{border:0; font-weight: 500; color:#171d2e;line-height:30px;}
.pagingWrap button.on {border: 0; font-weight: 600;color: #273FA1; line-height:30px; }
.pagingWrap [class^="btnPage"]{position:relative; width: 40px;height:33px;}
.pagingWrap .btnPagePrev {margin-right: 10px;}
.pagingWrap .btnPageNext {margin-left: 10px;}
.pagingWrap .btnPagePrev {background:url(/resources/images/event/2024/event241209_2/btn_prev.png)no-repeat center;}
.pagingWrap .btnPageNext{background:url(/resources/images/event/2024/event241209_2/btn_next.png)no-repeat center;}



.evtFooterWrap {background: #765AD7;}
.evtFooterWrap .inner {display: flex; flex-direction: column; gap: 15px; width: 1200px; padding: 45px 0;}
.evtFooterWrap .inner strong {font-size: 18px; font-weight: 600; color: #ffffff; letter-spacing: -0.06em;}
.evtFooterWrap .inner ul li {position: relative; padding-left: 12px; font-size: 14px; font-weight: 400; color: #ffffff; line-height: 1.8; letter-spacing: -0.025em; }
.evtFooterWrap .inner ul li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 11px; width: 3px; height: 3px; background: #cfcfd3; border-radius: 50%; }

#eventPopWrap {width: 603px;}
.popTblWrap .thTit .point_o {font-size: 12px;}
.applyTextarea .textareaWrap textarea {height: 132px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btnZipCode{vertical-align: top;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap th.multiline{line-height:1.4;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .coltxtwrap td{padding:0 34px 10px 34px}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .coltxtwrap td .textareaWrap{margin-top:0;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .coltxtwrap td .textareaWrap textarea:disabled{background:#f0f0f0;border:1px solid #cecece;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.half .ui-select-parent {width: 130px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex.write_info.class_info input[type="text"] {width:130px;text-align:left;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap input[type="text"]:read-only{background:#f0f0f0;border:1px solid #cecece;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap td dl{display:flex;align-items: center;gap:34px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap td dl dt{padding:0 0 0 34px;font-size:14px;font-weight:500;color:#191919;letter-spacing: -0.045em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap td dl dd{flex:1;}