@charset "utf-8";

/* EVENT 231004 */
.evtContainer {background: #304e5e; }
.evtContainer .evtTitWrap {width: 100%; height: 1200px;  background: url(/resources/images/event/2023/event231018/evtBg.png)repeat-x; }
.evtContainer .evtTitWrap .conWrap {display: flex; justify-content: flex-end; width: 1020px; 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 .evtTitWrap .logo.logo_fr {  top: 0; width: 100%; padding-top: 83px; }
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {width: 1020px; left: 50%; top: 36px; transform: translateX(-50%);}
.eventWrap .evtTit {position: relative; padding-top:100px; text-align: center;}
.eventWrap .evtTit:after {content: ""; display: inline-block; position: absolute; left: 50%; top: 885px; transform: translateX(-50%); width: 1265px; height: 548px; background: url(/resources/images/event/2023/event231018/evtObj.png)no-repeat center; z-index: 10;}

.evtContainer .evtContsWrap {padding-top: 323px; background: #bde0ff;}
.evtContainer .evtContsWrap .inner {width: 1080px; margin: 0 auto;}
.evtContainer .evtContsWrap .inner .contTit {margin-bottom: 44px; text-align: center; }
.evtContainer .evtContsWrap .inner .cont {display:flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; border: 1px solid #1c2330; border-radius: 35px; box-shadow: 6px 8px 0px rgba(0, 0, 0, 0.2);}
.evtContainer .evtContsWrap .inner .cont1 {padding: 67px 0 60px; margin-bottom: 30px;  background: #ffd7dd;}
.evtContainer .evtContsWrap .inner .cont2 {padding: 55px 0 80px; background: #ebf6ff;}
.evtContainer .evtContsWrap .inner .cont3 {padding: 66px 0 90px;  background: #fffef5;}
.evtContainer .evtContsWrap .inner .cont2 .vote {margin-bottom: 50px;}
.evtContainer .evtContsWrap .inner .cont2 .vote p {margin: 14px 0 19px; font-size: 18px; font-weight: 600; color: #1c2330; line-height: 1; letter-spacing: -0.045em; text-align: center;}
.evtContainer .evtContsWrap .inner .cont2 .vote ul li {position: relative; }
.evtContainer .evtContsWrap .inner .cont2 .vote ul li .video_wrap {border-radius: 12px; overflow: hidden;}
.evtContainer .evtContsWrap .inner .cont2 .vote ul li .video_wrap .thumb {position: absolute; left: 0; top: 0;}
.evtContainer .evtContsWrap .inner .cont2 .vote ul li .video_wrap .thumb .btnPlay {display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 62px; height: 62px; background: url(/resources/images/event/2023/event231018/btnPlay.png)no-repeat center; border-radius: 50%; box-shadow: 2px 4px 13px rgba(45, 45, 45, 0.55); z-index: 10; }
.evtContainer .evtContsWrap .inner .cont2 .vote ul li .video_wrap  iframe {display: block; width: 308px; height: 178px; }
.evtContainer .evtContsWrap .inner .cont2 .vote .radioBtn {text-align: center;}
.evtContainer .evtContsWrap .inner .cont2 .vote .radioBtn input[type='radio'] {display: none;}
.evtContainer .evtContsWrap .inner .cont2 .vote .radioBtn input[type='radio'] + label {display: inline-block; width: 27px; height: 27px; background: url(/resources/images/event/2023/event231018/ico_radio.png)no-repeat center top;}
.evtContainer .evtContsWrap .inner .cont2 .vote .radioBtn input[type='radio']:checked + label {background-position: center bottom;}
.evtContainer .evtContsWrap .inner .cont2 .tit {margin-bottom: 25px; text-align: center}
.evtContainer .evtContsWrap .inner .cont2 .vote ul {display: flex; gap: 11px; }
.evtContainer .evtContsWrap .inner .cont2 .line_poem {width: 810px; }
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul {position: relative; width: 100%; padding: 35px 63px; background: #fff; border: 1px solid #9eb7cb; border-radius: 27px;}
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul:after {content: ""; display: inline-block; position: absolute; right: -81px; bottom: -73px;  width: 162px; height: 178px; background: url(/resources/images/event/2023/event231018/evtCharacter.png)no-repeat center;}
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul li {position: relative; width: 100%; padding-left: 40px; background: url(/resources/images/event/2023/event231018/line.png)repeat-y left top;}
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul li textarea {width: 100%; line-height: 40px; background: none; border: none; outline: none; }
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul li:nth-of-type(1):after {content: ""; display: inline-block; position: absolute; left: 4px; top: 4px; width: 32px; height: 32px; background: url(/resources/images/event/2023/event231018/poem_tit1.png)no-repeat center;}
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul li:nth-of-type(2):after {content: ""; display: inline-block; position: absolute; left: 4px; top: 4px; width: 32px; height: 32px; background: url(/resources/images/event/2023/event231018/poem_tit2.png)no-repeat center;}
.evtContainer .evtContsWrap .inner .cont2 .line_poem ul li:nth-of-type(3):after {content: ""; display: inline-block; position: absolute; left: 4px; top: 4px; width: 32px; height: 32px; background: url(/resources/images/event/2023/event231018/poem_tit3.png)no-repeat center;}
.evtContainer .evtContsWrap .inner .cont2 .countWarp {display: flex; justify-content: end; width: 810px; padding-right: 70px;  }
.evtContainer .evtContsWrap .inner .cont2 .countWarp .count {display: inline-block; margin-top: 10px;  font-size: 16px; font-weight: 500; color: #1c2330; letter-spacing: -0.02em;}
.evtContainer .evtContsWrap .inner .cont2 .countWarp .count .currentCount {font-size: 16px; font-weight: 500; color: #1c2330; letter-spacing: -0.02em;}



/*.evtContainer .evtContsWrap .inner .cont2 .line_poem textarea.autoResize {min-height: 43px; font-size: 19px; font-weight: 400; color: #333; line-height: 43px;  border: none; outline: none; overflow: hidden; }*/
.evtContainer .evtContsWrap .eventCont2 {padding-bottom: 58px; margin-top: 82px;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap {display: flex; gap: 11px; position: relative; width: 945px; padding: 20px 50px; margin-top: 36px; background: #f1f1f1; border: 1px solid #d2d2d2; border-radius: 27px;  }
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap:after {content: ""; display: inline-block; position: absolute; left: -2px; top: -303px;  width: 249px; height: 331px; background: url(/resources/images/event/2023/event231018/evtCharacter2.png)no-repeat center; z-index: 10;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap .btnShare {display: flex; justify-content: center; align-items: center; position: relative; width: 163px; height: 62px; font-size: 15px; font-weight: 300; color: #fff;  background: #02a368; border: 1px solid #028756; border-radius: 31px; z-index: 11;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap .btnShare span {font-size: inherit; font-weight: 500; color: #fff;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap .urlForm {flex: 1; display: flex; justify-content: space-between; background: #fff;  border: 1px solid #0f1c3a; border-radius: 31px; overflow: hidden;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap .urlForm input[type='text'] {flex: 1; padding: 0 29px;}
.evtContainer .evtContsWrap .inner .cont3 .urlShareWrap .urlForm .btnSubmit {display: inline-block; width: 154px; height: 62px; background: #0f1c3a url(/resources/images/event/2023/event231018/btnRegist.png)no-repeat center; border-radius: 31px;}

.evtContainer .evtContsWrap .inner .btnWrap {margin-top: 40px; text-align: center;}
.evtContainer .evtContsWrap .inner .cont2 .btnWrap  {margin-top: 10px;}
.evtContainer .evtContsWrap .inner .btnWrap .btnApply {display: inline-block; width: 264px; height: 75px; background: url(/resources/images/event/2023/event231018/btnApply.png)no-repeat center; }


.evtComment {padding: 35px 0 70px; background: #ffced5;}
.evtComment h3 {text-align: center;}
.evtCommentList_wrap {position: relative; padding: 10px; margin-top: 20px; background: #ff8899; border: 0; border-radius: 25px;}
.evtCommentList_wrap .evtCommentList {display: flex; flex-wrap: wrap; gap: 6px; position: relative; width: 100%; border: 0;}
.evtCommentList_wrap .evtCommentList .listItem { width: calc(25% - 5px); min-height: 298px; padding: 27px 10px 17px 27px; background: #fff;  border: 1px solid #ff697e; border-radius: 20px;}
.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 .teacher_id {display: inline-block; width: 100%; margin-bottom: 17px; font-size: 17px; font-weight: 500; color: #f03596; line-height: 1; letter-spacing: -0.045em; }
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .comment {height: 270px; padding-right: 15px;  overflow-x: hidden; overflow-y: auto;}
.evtCommentList_wrap .evtCommentList .listItem .comment_inner .comment p {padding: 10px 0 0 0; font-size: 15px; font-weight: 400; color: #201c1e; line-height: 24px; letter-spacing: -0.045em;}
.evtCommentList_wrap .evtCommentList .listItem .info .btnBox {display: none;}
.eventPaging_arrow .arr.left {display: inline-block; width: 27px; height: 55px; position: absolute; left: -27px; top: 50%; transform: translateY(-50%); background: url(/resources/images/event/2023/event231018/page_prev.png)no-repeat center;}
.eventPaging_arrow .arr.right {display: inline-block; width: 27px; height: 55px; position: absolute; right: -27px; top: 50%; transform: translateY(-50%); background: url(/resources/images/event/2023/event231018/page_next.png)no-repeat center;}

/* paging */
.pagingWrap {padding: 22px 0 0; text-align: center;}
.pagingWrap > *{display:inline-block;box-sizing:border-box;width:30px;height:30px;margin:0 1px;padding:0;font-size:15px; font-weight: 500; 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 {width: 30px; border: 0; font-size: 15px; font-weight: 500;color: #f03596; line-height:30px; background: #fff; }
.pagingWrap [class^="btnPage"]{position:relative; width: 20px;}
.pagingWrap .btnPagePrev {margin-right: 5px;}
.pagingWrap .btnPageNext {margin-left: 5px;}
.pagingWrap .btnPageFirst,
.pagingWrap .btnPageLast {background:url(/resources/images/event/2023/event231018/btnPageFirst.png)no-repeat center;}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageNext{background:url(/resources/images/event/2023/event231018/btnPageNext.png)no-repeat center;}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageLast{transform:rotate(180deg);}


.evtFooterWrap {background: #1c2330;}
.evtFooterWrap .inner {display: flex; flex-direction: column; gap: 15px; width: 1080px; padding: 45px 0 45px 40px;}
.evtFooterWrap .inner strong {font-size: 22px; font-weight: 600; color: #ffffff; letter-spacing: -0.06em;}
.evtFooterWrap .inner ul li {position: relative; padding-left: 12px; font-size: 16px; font-weight: 400; color: #ffffff; line-height: 1.6; 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 .formMulti.half .ui-select-parent {width: 130px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .formMulti.multiFlex.write_info.class_info input[type="text"] {width: 56px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btn_date_wrap {display: inline-flex; gap: 2px; margin-left: 5px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btn_date_wrap .btn_add_date {display: inline-block; width: 34px; height: 32px; font-size: 0; line-height: 32px; background: url(/resources/images/event/2023/event231018/dateAdd.png)no-repeat center; }
#eventPopWrap .eventPop.pop_type02 .popTblWrap .btn_date_wrap .btn_remove_date {display: inline-block; width: 34px; height: 32px; font-size: 0; line-height: 32px; background: url(/resources/images/event/2023/event231018/dateRemove.png)no-repeat center; }