@charset "utf-8";

/* EVENT 250318 */
.eventWrap.evtFullType{min-width:1470px;}
.eventWrap .inner{width:1200px;}
.evtContainer .evtTitWrap {width: 100%; background:#6EEAE2 url('/resources/images/event/2025/event250318/evtBg1.png') repeat-x center top;}
.evtContainer .evtTitWrap .inner {padding:79px 0 0; width: 1651px;}
.eventWrap.evtFullType .evtTitWrap .logo {top: 0; left:50%; transform:translateX(-50%); max-width:1200px;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr {padding:56px 0 0;}
.eventWrap.evtFullType .evtTitWrap .logo.logo_fr .fr_inner {right: 0;}
.btn_share_fix{position:fixed; top:149px; margin:0 auto; width:1390px; z-index:10;}
.btn_evt_share{position:absolute; top:0; right:0; width:172px; height:116px; background:url('/resources/images/event/2025/event250318/icoShare.png') no-repeat center;}

.evtSection{position:relative; background:#6EEAE2;}

.evtCont1{background:url('/resources/images/event/2025/event250318/evtBg2.png') repeat-x center bottom;}
.evtCont1 h3{position:relative; margin:0 auto; max-width:1846px; height:541px; background:url('/resources/images/event/2025/event250318/evtTxt.png') no-repeat center;}

.evtCont2{padding:93px 0 95px; background:url('/resources/images/event/2025/event250318/evtBg3.png') repeat-x center bottom; text-align:center;}
.evtCont2 .contInner{margin:0 auto; width:100%;}
.evtCont2 .cont1{position:relative; cursor:url('/resources/images/event/2025/event250318/ico_marker.png') 20 50, auto;}
.evtCont2 .cont1 .contInner{max-width:1509px;}
.evtCont2 .cont1 .hoverLayer{position:fixed; display:none; transform:translateX(15px); z-index:5;}
.evtCont2 .cont1 .hoverLayer .tooltip{padding:0 30px; min-width:240px; border:2px solid #FFBE2E; background:#fff; border-radius:17px;}
.evtCont2 .cont1 .hoverLayer .tooltip:after{content:''; position:absolute; left:-10px; top:12px; width:11px; height:16px; background:url('/resources/images/event/2025/event250318/obj_txt.png') no-repeat center;}
.evtCont2 .cont1 .hoverLayer .tooltip p{font-size:28px; color:#000; font-weight:600; font-family:'SUIT', 'Noto Sans Korean', sans-serif; line-height:73px; white-space:nowrap;}
.evtCont2 .cont2{margin-top:-25px;}
.evtCont2 .cont2 .contInner{max-width:1200px;}
.evtCont2 .evtMap{position:relative; margin:21px auto 0; width:1470px; user-select:none;}
.evtCont2 .evtMap img{max-width:100%;}
.evtCont2 .evtMap .mapUpBox{position:relative; z-index:5;}
.evtCont2 .evtMap .mapDownBox{position:absolute; left:0; top:0; z-index:0;}
.evtCont2 .evtMap .mapDownBox .korea-map-item{position:absolute; z-index:1; opacity:0;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item01{top:22.818%;left:49.32%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item02{top:38.818%;left:50.952%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item03{top:37.818%;left:30.884%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item04{top:43.091%;left:49.456%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item05{top:46.909%;left:48.776%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item06{top:39.364%;right:13.81%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item07{top:54.364%;right:26.395%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item08{top:52%;left:50.408%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item09{top:56.727%;right:9.66%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item10{top:69.364%;right:14.626%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item11{top:48.727%;left:29.048%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item12{top:57.273%;left:23.061%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item13{top:62%;left:28.299%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item14{top:76.364%;left:0;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item15{top:19.818%;right:7.075%;}
.evtCont2 .evtMap .mapDownBox .korea-map-item.map-item16{top:27.455%;right:0;}
.evtCont2 .evtMap.map01 .mapDownBox .korea-map-item.map-item01{opacity:1;}
.evtCont2 .evtMap.map02 .mapDownBox .korea-map-item.map-item02{opacity:1;}
.evtCont2 .evtMap.map03 .mapDownBox .korea-map-item.map-item03{opacity:1;}
.evtCont2 .evtMap.map04 .mapDownBox .korea-map-item.map-item04{opacity:1;}
.evtCont2 .evtMap.map05 .mapDownBox .korea-map-item.map-item05{opacity:1;}
.evtCont2 .evtMap.map06 .mapDownBox .korea-map-item.map-item06{opacity:1;}
.evtCont2 .evtMap.map07 .mapDownBox .korea-map-item.map-item07{opacity:1;}
.evtCont2 .evtMap.map08 .mapDownBox .korea-map-item.map-item08{opacity:1;}
.evtCont2 .evtMap.map09 .mapDownBox .korea-map-item.map-item09{opacity:1;}
.evtCont2 .evtMap.map10 .mapDownBox .korea-map-item.map-item10{opacity:1;}
.evtCont2 .evtMap.map11 .mapDownBox .korea-map-item.map-item11{opacity:1;}
.evtCont2 .evtMap.map12 .mapDownBox .korea-map-item.map-item12{opacity:1;}
.evtCont2 .evtMap.map13 .mapDownBox .korea-map-item.map-item13{opacity:1;}
.evtCont2 .evtMap.map14 .mapDownBox .korea-map-item.map-item14{opacity:1;}
.evtCont2 .evtMap.map15 .mapDownBox .korea-map-item.map-item15{opacity:1;}
.evtCont2 .evtMap.map16 .mapDownBox .korea-map-item.map-item16{opacity:1;}
.evtCont2 .cont1:hover .hoverLayer{display:block;}

.evtCont2 .evt_ranking_wrap{position:relative; margin:30px auto 0; width:877px; height:438px;}
.evtCont2 .realTime_rankingList{padding:0 9px 50px 8px; display:flex; align-items:flex-end; width:100%; height:100%; background:url('/resources/images/event/2025/event250318/rankBg.png') no-repeat center;}
.evtCont2 .realTime_rankingList li{flex:1;}
.evtCont2 .realTime_rankingList li h6{font-size:34px; color:#fff; font-weight:700; line-height:1; font-family:'SUIT', 'Noto Sans Korean', sans-serif;}
.evtCont2 .realTime_rankingList li p{margin-top:20px; font-size:30px; color:#21659A; font-weight:700; line-height:1; font-family:'SUIT', 'Noto Sans Korean', sans-serif;}
.evtCont2 .realTime_rankingList li:nth-child(1){padding-bottom:4px; order:1;}
.evtCont2 .realTime_rankingList li:nth-child(1) p{color:#98D2FF;}
.evtCont2 .realTime_rankingList li:nth-child(2){order:0;}
.evtCont2 .realTime_rankingList li:nth-child(3){order:2;}
.evtCont2 .btnViewRanking{position:absolute; bottom:-13px; right:-232px; }
.evtCont2 .rank_txt{margin-top:20px; font-size:28px; color:#0A4F4B; font-weight:400; line-height:1; text-align:center;}

.evtCont2 .join_ranking_pop{display:none; position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:420px; background:#fff; border-radius:35px; overflow:hidden; z-index:11;}
.evtCont2 .join_ranking_pop *{font-family:'SUIT', 'Noto Sans Korean', sans-serif;}
.evtCont2 .join_ranking_pop .pop_head{position:relative; padding:23px 30px; background:#F24269;}
.evtCont2 .join_ranking_pop .pop_head h3{font-size:30px; color:#fff; font-weight:800; line-height:1;}
.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;}
.evtCont2 .join_ranking_pop .pop_body{padding:25px 0;}
.evtCont2 .join_ranking_pop .table_wrap{padding:0 25px;}
.evtCont2 .join_ranking_pop .table_wrap table{width:100%; max-width:370px;}
.evtCont2 .join_ranking_pop .table_wrap table th{padding:6px 0; font-size:30px; color:#000; font-weight:600;line-height:33px; border-bottom:1px solid #CACACA;}
.evtCont2 .join_ranking_pop .table_wrap table td{padding:10px; font-size:25px; color:#000; font-weight:500; line-height:25px;}
.evtCont2 .join_ranking_pop .table_wrap table td p{font:inherit;}
.evtCont2 .join_ranking_pop .scroll-area{padding-top:10px; padding-right:0; max-height:325px; overflow-y:scroll;}
.evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav{display: flex; justify-content: center; gap: 12px; margin-top: 22px;}
.evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav .pagingPrev {display: inline-block; width: 10px;  background: url('/resources/images/event/2024/event240222/paging_prev.png') no-repeat center;}
.evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav .pagingNext {display: inline-block; width: 10px;  background: url('/resources/images/event/2024/event240222/paging_next.png') no-repeat center;}
.evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav button   {font-size: 14px; font-weight: 400; color: #666; letter-spacing: -0.04em;}
.evtCont2 .join_ranking_pop .eventPagingNaveventPagingNav button.on {font-weight: 600; color: #ce396d;}
.evtCont2 .evtBtnWrap{margin-top:106px; display:flex; justify-content:space-between;}

.evtFooterWrap {background:#1659AC;}
.evtFooterWrap .inner {padding:40px 0 60px;}
.evtFooterWrap .inner strong {display:block; font-size: 18px; font-weight: 600; color: #fff; line-height:1;}
.evtFooterWrap .inner ul{margin-top:25px;}
.evtFooterWrap .inner ul li{position:relative; padding-left:20px; font-size:14px; font-weight:400; color: #fff; line-height: 1.8;}
.evtFooterWrap .inner ul li:before{content:''; position:absolute; left:5px; top:50%; transform:translateY(-50%); width:5px;height:5px; background:#fff; border-radius:50%;}

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