@charset "utf-8";

/* EVENT 372 */
.eventWrap .inner{width:1000px;}
.evtTitWrap{height:1214px;background:#f6f6f6;text-align:center;z-index:1;}
.evtTitWrap:before{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:524px;background:url(/resources/images/event/2021/event210902/bg_tit_btm.png) 50% 0 repeat-x;}
.evtTitWrap .inner{height:100%;padding-top:469px;background:url(/resources/images/event/2021/event210902/bg_tit.png) 50% 0 no-repeat;}
.evtTitWrap .evtNoti p.txt{font-size:22px;font-weight:500;color:#000;line-height:1.54;letter-spacing:-0.04em;}
.evtTitWrap .evtNoti p.txt strong{font:inherit;font-weight:600;color:#d33b32;letter-spacing:-0.04em;}
.evtTitWrap .evtNoti .txt + .txt{margin-top:25px;}
.evtTitWrap .evtNoti .evtPeriod{margin-top:64px;padding-top:60px;text-align:left;}
.evtTitWrap .evtNoti .evtPeriod li + li{margin-top:15px;}
.evtTitWrap .evtNoti .evtPeriod .tit,
.evtTitWrap .evtNoti .evtPeriod .txt{display:inline-block;font-size:20px;font-weight:600;color:#fff;line-height:1;vertical-align:middle;letter-spacing:-0.04em;}
.evtTitWrap .evtNoti .evtPeriod .tit:before{content:'';display:inline-block;width:5px;height:5px;margin-right:8px;background:#fff;border-radius:100%;vertical-align:middle;}
.evtTitWrap .evtNoti .evtPeriod .txt{margin-left:30px;font-weight:500;}
.evtSection:nth-child(2){height:539px;padding:80px 0;background:url(/resources/images/event/2021/event210902/bg_step.png) 50% 0 no-repeat #fff;}
.evtSection:nth-child(3){height:787px;padding:80px 0;background:url(/resources/images/event/2021/event210902/bg_intro.png) 50% 0 no-repeat #f6f6f6;}
.evtSection:nth-child(3) .btnWrap{position:absolute;bottom:88px;left:50%;transform:translateX(-281px);}
.evtSection:nth-child(3) .btnWrap .btnPreview{display:inline-block;width:86px;height:33px;background:#999;font-size:16px;font-weight:500;color:#fff;text-align:center;line-height:2;letter-spacing:-0.04em;}
.evtSection:nth-child(4) .evtFormWrap{position:relative;padding:80px 0 0;background:#fff;z-index:1;}
.evtSection:nth-child(4) .evtFormWrap:after{content:'';position:absolute;bottom:0;left:0;display:block;width:100%;height:80px;background:#303030;z-index:-1;}
.evtFormWrap .formTit{height:32px;background:url(/resources/images/event/2021/event210902/form_tit.png) 50% 0 no-repeat;background-size:auto 100%;}
.evtFormWrap .formTblWrap{margin-top:40px;padding:60px 40px 0;background:#fff;box-shadow:0 13px 43px rgba(0, 0, 0, 0.16);}
.evtFormWrap .formTblWrap .tblInfoTxt{margin-bottom:10px;font-size:16px;font-weight:500;color:#666;text-align:right;line-height:1;}
.evtFormWrap .formTblWrap table{width:100%;}
.evtFormWrap .formTblWrap th{background:#444;border-top:1px solid #e7e7e7;font-size:20px;font-weight:600;color:#fff;}
.evtFormWrap .formTblWrap td{padding:16px 30px;background:#f6f6f6;border-top:1px solid #e7e7e7;}
.evtFormWrap .formTblWrap tr:first-child th,
.evtFormWrap .formTblWrap tr:first-child td{border-top:0;}
.evtFormWrap .formTblWrap td > span{overflow:hidden;position:relative;display:inline-block;min-width:142px;line-height:2.8;}
/* rdo */
.evtFormWrap .formTblWrap input[type="radio"]{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;margin:0;}
.evtFormWrap .formTblWrap input[type="radio"] + label{padding-left:30px;font-size:18px;font-weight:500;color:#222;letter-spacing:-0.04em;}
.evtFormWrap .formTblWrap input[type="radio"] + label:before{content:'';position:absolute;top:50%;left:0;display:inline-block;box-sizing:border-box;width:22px;height:22px;margin-right:8px;background:#fff;border:1px solid #ccc;border-radius:100%;vertical-align:middle;transform:translateY(-50%);}
.evtFormWrap .formTblWrap input[type="radio"]:checked + label:before{border:1px solid #cb4d48;}
.evtFormWrap .formTblWrap input[type="radio"]:checked + label:after{content:'';position:absolute;top:50%;left:6px;display:inline-block;width:10px;height:10px;background:#df493d;border-radius:100%;transform:translateY(-50%);}
.evtFormWrap .formTblWrap input[type="radio"]:disabled + label{color:rgba(34, 34, 34, 0.4);}
.evtFormWrap .formTblWrap input[type="radio"]:disabled + label:after{content:'';position:absolute;top:50%;left:50%;display:inline-block;width:70px;height:47px;background:url(/resources/images/event/2021/event210902/end_badge.png) 50% 50% no-repeat;transform:translate(-50%, -50%);}
/* */
.evtFormWrap .formTblWrap .subFormTit{margin:38px 0 18px;padding-left:36px;background:url(/resources/images/event/2021/event210902/ico_q.png) 0 50% no-repeat;font-size:20px;font-weight:600;color:#222;}
.evtFormWrap .formTblWrap .evtTextarea{background:#f6f6f6;}
.evtFormWrap .formTblWrap .evtTextarea textarea{width:100%;height:96px;padding:16px 13px;background:transparent;border:0;outline:0;font-size:16px;font-weight:400;letter-spacing:-0.04em;}
.evtFormWrap .formTblWrap .evtTextarea .count{padding:0 13px 16px;font-size:14px;color:#969696;text-align:right;line-height:1;}
.evtFormWrap .formTblWrap .evtTextarea .count span{font:inherit;color:#3c5863;}
.evtFormWrap .formTblWrap .btnWrap{padding:40px 0 60px;text-align:center;}
.evtFormWrap .formTblWrap .btnApply{display:inline-block;width:260px;height:70px;background:url(/resources/images/event/2021/event210902/btn_apply.png) 0 0 no-repeat;}
.evtSection .evtListWrap{padding:50px 0 80px;background:#333;}
.evtSection .evtListWrap .listItem{padding:26px 0;border-bottom:1px solid #666;}
.evtSection .evtListWrap .listItem .user{font-size:16px;font-weight:500;color:#fff;line-height:1;}
.evtSection .evtListWrap .listItem .txt{margin-top:15px;font-size:16px;font-weight:400;color:#fff;line-height:1.375;}
/* paging */
.evtListWrap .pagingWrap{margin-top:52px;}
.pagingWrap{font-size:0;text-align:center;}
.pagingWrap > button{display:inline-block;width:25px;height:25px;font-size:14px;font-weight:400;color:#676767;text-align:center;vertical-align:middle;}
.pagingWrap > button + button{margin-left:8px;}
.pagingWrap .on{background:#fff;font-weight:600;color:#444;}
.pagingWrap [class^="btnPage"]{background-position:50% 50%;background-repeat:no-repeat;border:0;}
.pagingWrap .btnPageFirst,
.pagingWrap .btnPageLast{background-image:url(/resources/images/event/common/ico_page01_y.png);}
.pagingWrap .btnPagePrev,
.pagingWrap .btnPageNext{background-image:url(/resources/images/event/common/ico_page02_y.png);}
.pagingWrap .btnPageNext,
.pagingWrap .btnPageLast{transform:rotate(180deg);}