@charset "utf-8";

/* EVENT 231130 */

.evtContainer .evtTitWrap {width: 100%; height: 1116px; background: #ffead4 url(/resources/images/event/2023/event231130/evtTit.png)no-repeat center; background-size: auto 100%;}
.evtContainer .evtTitWrap .inner {width: 1202px;}
.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;}

.evtSection {background: #ffbdd8;}
.evtContWrap {margin-top: -73px;  }
.evtContWrap .cont {position: relative; width: 1000px; border: 1px solid #000000; border-radius: 30px; box-shadow: 2px 2px 0 rgba(35, 35, 35, 1);}
.evtContWrap .cont.cont1 {padding: 70px 32px 73px; background: #fbe3ec;}
.evtContWrap .cont.cont2 {background: #d3f1fa;}

.evtContWrap .cont .evtBadge {position: absolute; left: 50%; top: -70px; transform: translateX(-50%);}
.evtContWrap .cont .contTxt { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;}
.evtContWrap .cont.cont1 .txtBox { display: flex; flex-direction: column; align-items: center; position: relative; width: 100%; padding: 53px 0; margin-top: 66px; background: #fff; border: 1px solid #ecc5d4; border-radius: 30px; z-index: 10;}
.evtContWrap .cont.cont1 .txtBox h4 {position: absolute; left: 50%; top: -22px; transform: translateX(-50%);}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList {margin-top: 25px;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li { display: inline-block; margin-left: 35px; text-align: center; vertical-align: bottom;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li:first-child {margin-left: 0;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li img {display: inline-block; margin-bottom: 20px; }
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li .info span.sc_name {display: block; width: 169px; font-family: "GmarketSansMedium", "Noto Sans KR", sans-serif; font-size: 23px; color: #6b6a6a; line-height: 1.05; letter-spacing: -0.045em;  text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li.rank_1st .info span.sc_name {color: #f8558c;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li.rank_3rd .info span.sc_name {color: #724a2e;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li .info span.person {display: block; margin-top: 7px; }
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li .info span.person strong {font-family: "GmarketSansBold","Noto Sans KR",sans-serif; font-size: 25px; color: #000; line-height: 1; letter-spacing: -0.045em;}
.evtContWrap .cont.cont1 .txtBox .realTime_rankingList li .info span.person span {font-family: "GmarketSansMedium","Noto Sans KR",sans-serif; font-size: 25px; color: #000; line-height: 1; letter-spacing: -0.045em;}

.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap {display: flex; justify-content: space-between; position: absolute; left: 50%; top: 18px; width: 890px; margin-left: -445px; z-index: 10;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .btnShare1 {height: 40px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content {display: flex; flex-direction: column; align-items: flex-end; gap: 10px; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap {display: block; width: 195px; height: 114px; background: #addfcc; border: 1px solid #96cfb9; border-radius: 12px; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_before {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; text-align: center; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_before p {font-size: 16px; font-weight: 500; color: #031321; line-height: 19px; letter-spacing: -0.045em;  text-align: left; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_before p strong {font-size:initial; font-weight: 600; color: #e2176a; letter-spacing: -0.045em; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after {display: block; width: 100%; height: 100%; padding: 14px 4px 3px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after > p {margin-bottom: 5px; font-family: 'GmarketSansMedium',"Noto Sans KR", sans-serif; font-size: 18px; color: #031321; line-height: 21px; letter-spacing: -0.045em;  text-align: center;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after p strong {font-family: 'GmarketSansBold',"Noto Sans KR", sans-serif; font-size: 18px; color: #031321; line-height: 21px; letter-spacing: -0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after .join_view {display: flex; justify-content: flex-end; align-items: center; gap: 4px; width: 100%; height: 46px; padding: 0 16px;  background: #fff; border: 1px solid #96cfb9; border-radius: 10px; }
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after .join_view p {font-size: 25px; font-weight: 600; color: #e2176a; letter-spacing: -0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .join_wrap .login_after .join_view span {font-size: 20px; font-weight: 500; color: #031321; letter-spacing: -0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap { width: 126px; height: 27px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .btnViewRanking {display: inline-block; height: 100%;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop { display: none; position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%);  width: 426px; height: 460px; background: #fff; border: 2px solid #000; border-radius: 20px; overflow: hidden; z-index: 10;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop.on {display: block;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_head { display: flex; justify-content: space-between; align-items: center; position: relative; width: 100%; height: 60px; padding: 0 22px 0 40px;  background: #53ab71;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_head .btnPopClose {display: inline-block; width: 13px; height: 13px; background: url(/resources/images/event/2023/event231130/popClose.png)no-repeat center;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body {padding: 11px 48px 29px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body .table_wrap {min-height: 316px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body table {width: 100%;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body thead th {height: 42px; font-size: 19px; font-weight: 600; color: #161616; letter-spacing: -0.045em; text-align: center; vertical-align: middle;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body thead {border-bottom: 1px solid #cfcfcf;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody td { height: 27px;  text-align: center; vertical-align: middle;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody tr:first-child td {padding-top: 8px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody td.rank {font-size: 15px; font-weight: 600; color: #161616; letter-spacing: 0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody td.school {font-size: 15px; font-weight: 500; color: #161616; letter-spacing: 0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody td.join {font-size: 15px; font-weight: 400; color: #161616; letter-spacing: 0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .pop_body tbody td.join strong {font-size: 15px; font-weight: 600; color: #cd346a; letter-spacing: -0.045em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .eventPagingNav {display: flex; justify-content: center; gap: 12px; margin-top: 22px;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .eventPagingNav .pagingPrev {display: inline-block; width: 10px;  background: url(/resources/images/event/2023/event231130/paging_prev.png)no-repeat center;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .eventPagingNav .pagingNext {display: inline-block; width: 10px;  background: url(/resources/images/event/2023/event231130/paging_next.png)no-repeat center;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .eventPagingNav button   {font-size: 14px; font-weight: 400; color: #666; letter-spacing: -0.04em;}
.evtContWrap .cont.cont1 .txtBox .absolute_content_wrap .right_content .ranking_view_wrap .join_ranking_pop .eventPagingNav button.on {font-weight: 600; color: #ce396d;}
.evtContWrap .cont.cont1 .contTxt .btnApply {display: inline-block; margin-top: 30px;}


.evtContWrap .cont.cont2 { position: relative; margin: 114px 0 110px; padding: 68px 0;}
.evtContWrap .cont.cont2 .contTxt_inner { display: flex; flex-direction: column; align-items: center; position: relative; width: 565px; padding:40px 0 30px; margin-top: 57px;  background: #fff; border: 1px solid #a7d7e5; border-radius: 30px;}
.evtContWrap .cont.cont2 .contTxt_inner .evtInnerBadge {display: inline-block; position: absolute; left: 50%; top: -19px; transform: translateX(-50%);}
.evtContWrap .cont.cont2 .contTxt_inner .contImg {display: block; position: relative; padding-left: 42px; margin-bottom: 40px;}
.evtContWrap .cont.cont2 .contTxt .btnApply {display: inline-block; margin-top: 30px;}








.evtFooterWrap {background: #2c2c2c;}
.evtFooterWrap .inner {display: flex; gap: 20px; width: 1000px; padding: 45px 0 50px 15px;}
.evtFooterWrap .inner strong {font-size: 20px; font-weight: 600; color: #ffffff; letter-spacing: -0.06em;}
.evtFooterWrap .inner ul li {position: relative; padding-left: 12px; font-size: 15px; font-weight: 300; color: #cfcfd3; 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;}
#eventPopWrap .eventPop.pop_type02 .popInfoWrap {padding-top: 20px;}
#eventPopWrap .eventPop.pop_type02.pop2 .titWrap .tit span {color: #3c7ce6;}
#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;}