@charset "utf-8";

/* EVENT 455 */
.eventWrap .inner{width:1138px;}
.evtTitWrap .con{display:block;position: absolute;top: 101px;right: 0px;}

.eventWrap .evtTitWrap {width: 100%; padding-bottom: 42px;  text-align: center; background: #95ce7e url('/resources/images/event/2023/event230607/evtBg1.png')repeat-x center top;  }
.eventWrap .evtContainer .evtTitWrap .inner {padding-top: 125px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {top: 55px; padding: 0; }
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {right: 40px; bottom: unset;}
.evtTitWrap .con {right: -30px; top: 125px;}
.evtTitWrap .plogging {margin-top: 170px; border-radius: 30px; box-shadow: 0px 9px 0px rgba(0,0,0,0.05);}

.evtContWrap {background: #95ce7e;}
.evtContWrap [class^='eventCont'] .inner {box-shadow: 0px 9px 0px rgba(0,0,0,0.05); border-radius: 0 0 30px 30px;}
.evtContWrap .eventCont1 .inner:before {content: ""; display: inline-block; position: absolute; right: -136px; top: 276px; width: 156px; height: 142px; background: url(/resources/images/event/2023/event230607/bg_deco1.png)no-repeat center; }
.evtContWrap [class^='eventCont'] .inner .cont {position: relative; background: #fff; }
.evtContWrap .eventCont1 .cont:nth-of-type(1) {padding: 42px 50px 46px; border-radius: 30px 30px 0 0;}
.evtContWrap .eventCont1 .cont:nth-of-type(2) {padding: 55px 50px 70px; border-radius: 0 0 30px 30px;}
.evtContWrap .eventCont1 .giftWrap li {display:  inline-block;}
.evtContWrap .eventCont1 .giftWrap li:first-child {margin-right: 41px;}
.evtContWrap .eventCont1 .giftInfo {margin-top: 17px; text-align: center; font-size: 20px; font-weight: 400; color: #fa5e28; line-height: 1.25; letter-spacing: -0.045em;}
.evtContWrap .eventCont1 .cont.evt_textarea_wrap  {background: #f9f9e0;}
.evtContWrap .eventCont1 .cont.evt_textarea_wrap textarea {width: 100%; height: 160px; padding: 20px; margin-top: 15px; border: 1px solid #b9b9b9; border-radius: 10px;}
.evtContWrap .eventCont1 .cont.evt_textarea_wrap textarea::placeholder {font-size: 16px; font-weight: 400; color:  #b9b9b9; letter-spacing: -0.05em;}
.evtContWrap .eventCont1 .cont.evt_textarea_wrap .cnt {position: absolute; right: 75px; top: 220px; font-size: 14px; font-weight: 400; color: #969696; letter-spacing: -0.05em;}
.evtContWrap .eventCont1 .cont.evt_textarea_wrap .cnt .cur {font-size: 14px; font-weight: 600; color: #414141; letter-spacing: -0.05em; }
.evtContWrap .eventCont1 .cont.evt_textarea_wrap .btnWrap {margin-top: 40px;}

.evtContWrap .eventCont2 {position: relative; margin-top: 35px; padding-bottom: 553px;}
.evtContWrap .eventCont2:after {content: ""; display: inline-block; position: absolute; left: 50%; bottom: -37px; transform: translateX(-50%); width: 621px; height: 527px; background: url(/resources/images/event/2023/event230607/evtMessage.png)no-repeat center;}
.evtContWrap .eventCont2 .inner:before {content: ""; display: inline-block; position: absolute; left: -70px; top: -28px; width: 246px; height: 67px; background: url(/resources/images/event/2023/event230607/bg_deco2.png)no-repeat center; }
.evtContWrap .eventCont2 .cont.commentWrap {padding: 40px 50px 48px; background: #ebf9e0; border-radius: 30px;}
.evtContWrap .eventCont2 .commentWrap .evtCommentTit {margin-bottom: 30px;}
.evtContWrap .eventCont2 .commentWrap .evtCommentList {display: flex; gap: 0 14px; padding: 0 53px; }
.evtContWrap .eventCont2 .commentWrap .evtCommentList .listItem {position: relative; width: 300px; height: 300px; padding: 23px 21px 23px 23px; background: #fff; border: 1px solid #f2ebb9; border-radius: 25px;}
.evtContWrap .eventCont2 .commentWrap .evtCommentList .listItem .comment_inner{height:100%; padding-right:5px; overflow-x:hidden; overflow-y:auto; text-align:left;}
.evtContWrap .eventCont2 .commentWrap .evtCommentList .listItem .teacher_id {display: inline-block; margin-bottom: 12px; font-size: 15px; font-weight: 400; color: #71aa71; letter-spacing: -0.025em;}
.evtContWrap .eventCont2 .commentWrap .evtCommentList .listItem p {font-size: 14px; font-weight: 400; color: #3f3636; line-height: 22px; letter-spacing: -0.025px; word-break: break-all;}
.evtContWrap .eventCont2 .commentWrap .eventPaging_arrow {position:absolute; left:50%; top:230px; width:1038px; transform: translateX(-50%);}
.evtContWrap .eventCont2 .commentWrap .arr{position:absolute; width:20px; height:32px;}
.evtContWrap .eventCont2 .commentWrap .arr.left{left:0; }
.evtContWrap .eventCont2 .commentWrap .arr.right{right:0;}

/* paging */
.evtContWrap .eventCont2 .commentWrap .pagingWrap{margin-top:36px; text-align:center;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap > button{display:inline-block;width:30px;height:30px;font-size:16px;font-weight:500;color:#171d2e;text-align:center;vertical-align:top;line-height:30px; letter-spacing: -0.025em; border-radius: 30px;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap > button.btnPageNext {margin-right: 4px;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap > button + button{margin-left:4px;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap .on{background:#61a261;font-weight:500;color:#fff;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPageFirst,
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPageLast{display: inline-block; width: 25px; margin: 0; background-image:url(/resources/images/event/2023/event230607/ico_page02.png);}
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPagePrev,
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPageNext{display: inline-block; width: 25px; margin: 0; background-image:url(/resources/images/event/2023/event230607/ico_page01.png);}
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPageNext,
.evtContWrap .eventCont2 .commentWrap .pagingWrap .btnPageLast{transform:rotate(180deg);}

.evtFooterWrap {background: #52803f;}
.evtFooterWrap .inner {width: 760px; padding: 81px 0 40px;}
.evtFooterWrap .inner strong {display: inline-block; margin-bottom: 15px; font-size: 20px; font-weight: 600; color: #fff; line-height: 1; letter-spacing: -0.04em;}
.evtFooterWrap .inner ul li {position: relative; padding-left: 11px; font-size: 15px; font-weight: 300; color: #fff; line-height: 25px;}
.evtFooterWrap .inner ul li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 3px; height: 3px; background: #fff; border-radius: 50%;  }


/*apply*/
#eventPopWrap .eventPop.pop_type02 .titWrap .tit {color: #e6563c;}