@charset "utf-8";

/* EVENT 231130 */
.eventWrap .inner{width:943px;}
.evtContainer .evtTitWrap {width: 100%; background: #01af58;}
.evtContainer .evtTitWrap .inner {padding:106px 0 194px; width: 1274px;}
.eventWrap.evtFullType .evtTitWrap .logo {top: 0;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {padding: 75px 0 0;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {right: 0;}

.btn_share_fix{position:fixed; top:98px; margin:0 auto; width:1274px; z-index:10;}
.btn_evt_share{position:absolute; top:0; right:0; width:130px; height:139px; background:url('/resources/images/event/2024/event240222/ico_share.png') no-repeat center;}

.evtSection{position:relative; border-top:1px solid #005128;}
.evtSection .tab_menu{position:absolute; top:-161px; left:0; right:0; background:#01af58; display:flex; justify-content: center; z-index:1;}
.evtSection .tab_menu li+li{margin-left:-1px;}
.evtSection .tab_menu li a{padding:29px 78px 11px; display:block; border-radius:20px 20px 0 0; border:1px solid #19171b; border-bottom-color:#005128; background:#009048;}
.evtSection .tab_menu li a span{display:block; width:159px; height:120px;}
.evtSection .tab_menu li.tab01 a span{background:url('/resources/images/event/2024/event240222/tab01_txt.png') no-repeat center top;}
.evtSection .tab_menu li.tab01.on a{background:#f8cfc9; border-bottom-color:#f8cfc9;}
.evtSection .tab_menu li.tab02 a span{background:url('/resources/images/event/2024/event240222/tab02_txt.png') no-repeat center top;}
.evtSection .tab_menu li.tab02.on a{background:#cee8f8; border-bottom-color:#cee8f8;}
.evtSection .tab_menu li.tab03 a span{background:url('/resources/images/event/2024/event240222/tab03_txt.png') no-repeat center top;}
.evtSection .tab_menu li.tab03.on a{background:#f9eacb; border-bottom-color:#f9eacb;}
.evtSection .tab_menu li.on a span{background-position-y:bottom;}
.evtSection .evtContWrap{position:relative;}
.evtSection .tab_conts{padding:88px 0 511px;}
.evtSection .evtCont1{background:#f8cfc9;}
.evtSection .evtCont1 .tab01_tit{text-align:center;}
.evtSection .evtCont1 .evt_txt_box{border:1px solid #d8a899; border-radius:20px;}
.evtSection .evtCont1 .evt_noti_box{margin-top:40px; padding:40px 60px; background:#fff;}
.evtSection .evtCont1 .evt_noti_box dl{display:flex; gap:10px;}
.evtSection .evtCont1 .evt_noti_box dl+dl{margin-top:10px;}
.evtSection .evtCont1 .evt_noti_box dl dt{flex:none;}
.evtSection .evtCont1 .evt_noti_box dl dd{padding-top:5px; flex:1;}
.evtSection .evtCont1 .evt_noti_box dl dd p{font-size:19px; color:#040102; font-weight:400; letter-spacing:-0.04em; line-height:28px;}
.evtSection .evtCont1 .evt_noti_box dl dd p.g{margin-top:12px; font-size:16px; color:#767676; line-height:1;}
.evtSection .evtCont1 .evt_noti_box dl dd p em{padding:0 12px; display:inline-block; font-size:16px; color:#fff; font-weight:500; background:#eb4967; line-height:24px; border-radius:12px;}
.evtSection .evtCont1 .evt_noti_box dl dd p strong{font-size:inherit; font-weight:600; color:inherit;}
.evtSection .evtCont1 .evt_agree_box{margin-top:10px; padding:45px 80px; background:#fff5ce;}
.evtSection .evtCont1 .evt_agree_box h5{font-size:22px; color:#2a2a2a; font-weight:600; line-height:1;}
.evtSection .evtCont1 .evt_agree_box ul{margin-top:13px;}
.evtSection .evtCont1 .evt_agree_box ul li{position:relative; padding-left:12px; font-size:16px; color:#2a2a2a; font-weight:400; line-height:1.5;}
.evtSection .evtCont1 .evt_agree_box ul li:before{content:''; position:absolute; left:0; top:10px; width:3px; height:3px; border-radius:50%; background:#2a2a2a;}
.evtSection .evtCont1 .evt_agree_box ul li span{font-size:inherit; font-weight:500;}
.evtSection .evtCont1 .evt_agree_box p{margin-top:26px; font-size:16px; color:#2a2a2a; font-weight:400; line-height:1.5;}
.evtSection .evtCont1 .evt_agree_item{margin-top:28px; text-align:center;}
.evtSection .evtCont1 .evt_agree_item input[type=checkbox] + label{padding-left:27px; font-size:19px; font-weight:500; color:#2a2a2a; line-height:1; cursor:pointer}
.evtSection .evtCont1 .evt_agree_item input[type=checkbox] + label:before{top:0; margin-top:0; width:19px; height:19px; background:url('/resources/images/event/2024/event240222/ico_chkbox.png') no-repeat center;}
.evtSection .evtCont1 .evt_agree_item input[type=checkbox]:checked + label:after{content:''; position:absolute; left:2px; bottom:3px; width:20px; height:20px; background:url('/resources/images/event/2024/event240222/ico_chk.png') no-repeat center;}
.evtSection .evtCont1 .evt_btn_wrap{margin-top:35px;}
.evtSection .evtCont1 .evt_btn_wrap .btn_apply{margin:0 auto; display:block; width:375px; height:88px; background:url('/resources/images/event/2024/event240222/btn_apply1.png') no-repeat center;}
.evtSection .evtCont2{background:#cee8f8;}
.evtSection .evtCont2 .evt_ranking_wrap{position:relative; margin-top:43px; padding:50px 45px 45px 60px; border:1px solid #b2daf3; background:#fff; border-radius:30px;}
.evtSection .evtCont2 .evt_ranking_wrap .evt_rank_tit{position:absolute; top:-23px; left:50%; transform:translateX(-50%);}
.evtSection .evtCont2 .ranking_top{display:flex; justify-content:space-between;}
.evtSection .evtCont2 .ranking_top p{font-size:14px; color:#232323; font-weight:500; line-height:35px;}
.evtSection .evtCont2 .ranking_top .btnViewRanking{}
.evtSection .evtCont2 .realTime_rankingList{display:flex; align-items:flex-end; gap:52px; /*justify-content:space-between;*/}
.evtSection .evtCont2 .realTime_rankingList li{text-align:center;}
.evtSection .evtCont2 .realTime_rankingList li img{max-width:100%;}
.evtSection .evtCont2 .realTime_rankingList li h6{margin-top:17px; font-size:20px; color:#724a2e; font-weight:500; line-height:1;}
.evtSection .evtCont2 .realTime_rankingList li.rank1 h6{color:#f8558c;}
.evtSection .evtCont2 .realTime_rankingList li.rank2 h6{color:#6b6a6a;}
.evtSection .evtCont2 .realTime_rankingList li p{margin-top:8px; font-size:18px; color:#031321; line-height:1;}
.evtSection .evtCont2 .rank_evt_info{margin-top:14px; padding-left:10px; font-size:15px; color:#514c4c; font-weight:400; line-height:1;}
.evtSection .evtCont2 .rank_evt_info+.rank_evt_info{margin-top:5px;}
.evtSection .evtCont2 .rank_evt_info span{text-decoration: underline; font:inherit;}
.evtSection .evtCont2 .btnApply{margin:30px auto 0; display:block; width:363px;}
.evtSection .evtCont2 .join_ranking_pop{display:none;position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:426px; border:2px solid #000; background:#fff; border-radius:20px; overflow:hidden; z-index:11;}
.evtSection .evtCont2 .join_ranking_pop .pop_head{position:relative; padding:20px 30px; background:#0ebb5f;}
.evtSection .evtCont2 .join_ranking_pop .pop_head .btnPopClose{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:23px; height:23px; background:url('/resources/images/event/2024/event240222/btn_rank_close.png') no-repeat center;}
.evtSection .evtCont2 .join_ranking_pop .pop_body{padding:25px 0;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap{padding:0 35px;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table{width:100%; max-width:352px;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table th{padding-bottom:13px; font-size:19px; color:#161616; font-weight:800; text-align:center; line-height:1; border-bottom:1px solid #cfcfcf;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table tr:first-child td{padding-top:10px;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td{padding:3px 10px; font-size:15px; color:#071320; font-weight:400; line-height:23px; text-align:center;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td.rank{font-weight:600;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td.school{font-weight:500;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td.join{text-align:right;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td.join strong{font-weight:800; color:#cd346a;}
.evtSection .evtCont2 .join_ranking_pop .table_wrap table td p{font:inherit;}
.evtSection .evtCont2 .join_ranking_pop .scroll-area{padding-right:0; max-height:442px; overflow-y:auto;}
.evtSection .evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav{display: flex; justify-content: center; gap: 12px; margin-top: 22px;}
.evtSection .evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav .pagingPrev {display: inline-block; width: 10px;  background: url('/resources/images/event/2024/event240222/paging_prev.png') no-repeat center;}
.evtSection .evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav .pagingNext {display: inline-block; width: 10px;  background: url('/resources/images/event/2024/event240222/paging_next.png') no-repeat center;}
.evtSection .evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav button   {font-size: 14px; font-weight: 400; color: #666; letter-spacing: -0.04em;}
.evtSection .evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav button.on {font-weight: 600; color: #ce396d;}
.evtSection .evtCont3{background:#f9eacb;}
.evtSection .evtCont3 .cont{position:relative;}
.evtSection .evtCont3 .btnJoin{position:absolute; right:35px; bottom:99px;}
.evtSection .evtCont3 .evt_btn_wrap{margin-top:45px;}
.evtSection .evtCont3 .evt_btn_wrap .btn_apply{margin:0 auto; display:block; width:264px; height:88px; background:url('/resources/images/event/2024/event240222/btn_apply3.png') no-repeat center;}

/*451px*/
.evtFooterWrap {position:absolute; left:0; right:0; bottom:0; background: rgba(34,34,34,.65);}
.evtFooterWrap .inner {padding: 38px 0 40px;}
.evtFooterWrap .inner strong {font-size: 22px; font-weight: 600; color: #fff; letter-spacing: -0.05em; line-height:1;}
.evtFooterWrap .inner ul{margin-top:13px;}
.evtFooterWrap .inner ul li{padding-left:10px; text-indent:-10px; font-size: 16px; font-weight:400; color: #fff; line-height: 1.5;}
.evtFooterWrap .inner ul li span{font:inherit; text-decoration:underline; text-underline-position:under;}

#eventPopWrap {width: 603px;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap {padding-top: 20px;}
#eventPopWrap .popInfoWrap li span {color: #555555;}
.popTblWrap .thTit .point_o {font-size: 12px;}
.applyTextarea .textareaWrap textarea {height: 132px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap td {padding: 9px 35px 15px; border-bottom: 1px solid #e1e1e1; }
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap td p {font-size: 13px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap textarea { box-sizing: border-box; width: 100%; height: 157px; padding:15px 20px; margin-top: 7px; border:1px solid #9f9f9f;color: #393d49;font:14px 'Noto Sans Korean','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif; border-radius:5px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap textarea::placeholder {color: #b1b2ba;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap .remaining {margin: 3px 0 0; font-size:14px; color:#393d49; text-align:right; font-weight:400;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .remaining_wrap .remaining span {color: #393d49;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap {float: right;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap #maxLength {font-size: 12px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table .count_wrap .count {font-size: 12px; font-weight: 300; color: #888888; letter-spacing: -0.04em;}

#eventPopWrap .eventPop.pop_type02 .popTblWrap table td.sectionInfo { padding: 11px 0; text-align: center; background: #ffeac7;}
#eventPopWrap .eventPop.pop_type02.pop2 .popTblWrap table td.sectionInfo {border-bottom: 1px solid #ebd0a2;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table td.sectionInfo p {margin-top: 0; font-size: 13px; font-weight: 300; color: #ec863f; line-height: 1; letter-spacing: -0.04em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table td.sectionInfo p:before {display: none;}

#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td { position: relative; padding: 10px;  }
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox {display: flex; position: relative; width: 100%; padding: 21px 0 23px; background: #dff4fc; border: 1px dashed #c1e4f2; border-radius: 10px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox .table_head {width: 125px; padding-left: 23px;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox .table_head strong {font-size: 14px; font-weight: 500; color: #191919; letter-spacing: -0.045em;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox .table_body .recommenderCheck {display: inline-block; padding: 0 12px; font-size: 13px; font-weight: 500; color: #ffffff; line-height: 32px; letter-spacing: -0.02em; background: #505050; border-radius: 5px; vertical-align: bottom;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox .table_body .recommend_noti {display: inline-block; padding-left: 4px; vertical-align: bottom}
#eventPopWrap .eventPop.pop_type02 .popTblWrap table tr.recommend td .bluebox .table_body .recommend_noti li {font-size: 11px; font-weight: 300; color: #dc752d; line-height: 1.5; letter-spacing: -0.04em;}

#eventPopWrap .eventPop.pop_type02 .popTblWrap .formInfoTxt{padding-left:0; font-size:13px; color:#da3d33;}
#eventPopWrap .eventPop.pop_type02 .popTblWrap .formInfoTxt:before{display:none;}






