@charset "utf-8";

/* EVENT 417 */
.eventWrap .inner{width:926px; position:relative;}

/* evtTitWrap*/
.eventWrap {background:#d5edd9; text-align:center;}
.eventWrap.evtFullType .evtTitWrap .logo{padding:40px 15px 0;}
/*.evtTitWrap{position:relative; height:882px; text-align:center;z-index:1;}*/
.evtTitWrap .inner{ height:100%; padding-top:125px; padding-bottom:33px;}
.evtTitWrap .inner .evtTit {width:791px; height:287px; margin:0 auto 35px; background:url(/resources/images/event/2022/event220919/evtTit.png)no-repeat center;}
.evtTitWrap .inner .evtPeriod {width:468px; height:212px; margin-left:48px; background:url(/resources/images/event/2022/event220919/evtTxt.png)no-repeat center;}
.evtTitWrap .evtGift{position:absolute; right:45px; bottom:-52px; width:298px; height:303px; margin:39px auto 0; background:url(/resources/images/event/2022/event220919/evtGift.png)no-repeat center; z-index:99;}


/* evtCont */
.evtContsWrap .evtCont{position:relative;padding:60px 53px 62px; border-radius:40px;}
.evtContsWrap .event01 {width:100%; margin-bottom:60px; padding:20px 0 0; border:1px solid #bfe6bd; background:#fff; }
.evtContsWrap .event01 .inner {padding:0 54px;}
.evtContsWrap .event01 h2 {width:446px; height:77px; font-size:0; background:url(/resources/images/event/2022/event220919/evt1_Tit.png)no-repeat center;}
.evtContsWrap .event01 img {width:100%;}
.evtContsWrap .event01 .noteInfo {display:flex; justify-content:space-between; width:100%; margin-top:45px; background:#fff3cc; padding:18px 70px; }
.evtContsWrap .event01 .noteInfo span {display:inline-block; padding-left:33px; font-size:17px; font-weight:500; color:#644f33; letter-spacing:-0.045em; background:url(/resources/images/event/2022/event220919/evtIco.png)no-repeat left center;}

.evtContsWrap .event02 {margin-bottom:92px;}
.evtContsWrap .event02 h2 {width:696px; height:65px; margin:0 auto 27px; font-size:0; background:url(/resources/images/event/2022/event220919/evt2_Tit.png)no-repeat center; }
.evtContsWrap .event02 h2 span {font-size:0;}
.evtContsWrap .event02 .evtForm {display:flex; width:100%; border:2px solid #1ab26b; border-radius:15px; overflow:hidden;}
.evtContsWrap .event02 .evtForm textarea {width:696px; height:100%; min-height:130px; padding:21px 45px 21px 21px; font-size:16px; color:#000; background:#fff; border:0; outline:0;}
.evtContsWrap .event02 .evtForm textarea::placeholder{ font-size:16px; color:#969696;}
.evtContsWrap .event02 .evtForm .formBox {position:relative;}
.evtContsWrap .event02 .evtForm .formBox .count {position:absolute; right:21px; bottom:13px;}
.evtContsWrap .event02 .evtForm .formBox .count .currentCount {color:#f6791d;}
.evtContsWrap .event02 .evtForm .btnWrap {flex:1; margin-top:0;}
.evtContsWrap .event02 .evtForm .btnWrap button {display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:#1ab26b; border-radius:0;}
.evtContsWrap .event02 .evtForm .btnWrap button span {display:inline-block; color:#fff; font-size:28px; font-weight:600; padding-right:40px; box-shadow:0; background:url(/resources/images/event/2022/event220919/ico_btnApply.png)no-repeat 99% center;}

.evtComment {padding:65px 0 92px; background:#76608e;}
.evtContsWrap .commentWrap{position:relative; margin-top: 40px; padding:0 39px;}
.evtContsWrap .commentWrap .evtList{overflow:hidden; text-align:left;}
.evtContsWrap .commentWrap .evtList .listItem {padding-top:38px; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
.evtContsWrap .commentWrap .evtList .listItem:first-child {padding-top:0;}
.evtContsWrap .commentWrap .evtList .listItem .teacher_id {display:inline-block; font-size:16px; margin-bottom:15px; font-weight:500; color:#fdda5f; letter-spacing:-0.04em;}
.evtContsWrap .commentWrap .evtList .listItem p {padding-bottom:25px; font-size:16px; color: #fff; letter-spacing:-0.04em; }


/* paging */
.pagingWrap{position:relative; width:430px; height:42px; margin:36px auto 0; text-align:center; overflow:hidden;}
.pagingWrap .pageNum {position:absolute; left:50%; width:245px; transform:translateX(-50%);}
.pagingWrap button{display:inline-block;width:42px;height:42px;font-size:18px;font-weight:400;color:#fff;  text-align:center;vertical-align:top;line-height:42px; border-radius:50%; border:1px solid rgba(255,255,255,0.1);}
.pagingWrap .pageNum button + button{margin-left:8px;}
.pagingWrap .on{background:#fec20f;font-weight:600;color:#000000;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;background-color:transparent; border:none;}
.pagingWrap .pagingPrev .btnPageFirst,
.pagingWrap .pagingNext .btnPageLast{background-image:url(/resources/images/event/2022/event220919/ico_page01.png);}
.pagingWrap .pagingPrev .btnPagePrev,
.pagingWrap .pagingNext .btnPageNext{background-image:url(/resources/images/event/2022/event220919/ico_page02.png);}
.pagingWrap .pagingNext .btnPageNext,
.pagingWrap .pagingNext .btnPageLast{transform:rotate(180deg);}
.pagingWrap .pagingPrev {display:inline-block; float:left;}
.pagingWrap .pagingNext {display:inline-block; float:right;}

.evtContsWrap .btnWrap{margin-top:30px;}
.evtContsWrap .evtCont.ty2 .btnWrap {margin-top:20px; margin-bottom:50px;}
.evtfooter{ width:100%; padding:45px 0; text-align:left; background:#dadada;}
.evtfooter .inner{display:flex; padding-left:170px;}
.evtfooter strong{margin-right:24px; font-size:20px; color:#745656; font-weight:600; line-height:28px; letter-spacing:-0.04em; }
.evtfooter .evtInfoList li{font-size:16px;color:#6b766f; line-height:28px; padding-left: 19px; text-indent: -19px; font-weight:400; letter-spacing:-0.04em;}
.evtfooter p{margin-top:15px; height:33px; font-size:15px; color:#2f2f2f; line-height:33px; background:#d6bc78; border-radius: 17px; letter-spacing: -0.04em; text-align: center;}

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