@charset "utf-8";


/* EVENT 456 */
.eventWrap { width: 100%; background: #7debff; }
.eventWrap .inner {position: relative; width: 100%;}
.eventWrap .logo_fr {position: absolute; right: 42px; top: 31px;}
.eventWrap .logo_fr .fr_inner {display: flex; gap: 15px; align-items: center;}
.eventWrap .logo_fr .fr_inner .logoVisang img {width: 69px;}
.eventWrap .logo_fr .fr_inner .logoVivasam img {width: 66px;}
.eventWrap .con {position: absolute; right: 30px; top: 75px;}
.eventWrap .tit {padding-top: 75px; padding-left: 67px}

.eventWrap .evtSection .evtContWrap {padding: 0 70px 65px;  margin-top: 45px;}
.eventWrap .evtSection .evtContWrap [class^="eventCont"] {width: 100%; }
.eventWrap .evtSection .evtContWrap [class^="eventCont"] > h3 {width: 100%; height: 55px; font-size: 0; background: #0e0e40; border-radius: 27px 27px 0 0;}
.eventWrap .evtSection .evtContWrap [class^="eventCont"] .cont {width: 100%; background: #fff; border-radius: 0 0 27px 27px;}

.eventWrap .evtSection .evtContWrap .eventCont1 h3 {background-image: url('/resources/images/event/2023/event230615/contTit1.png');background-repeat: no-repeat; background-position: center; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont {display: flex; justify-content: space-between; padding: 38px;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] {position: relative; padding: 58px 17px 20px; border: 2px solid #000808; border-radius: 10px; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont .giftList1:after {content: "다작 챌린저"; display: inline-block; position: absolute; left: 50%; top: -13px; transform: translateX(-50%); width: 101px; font-size: 16px; font-weight: 500; color: #fff;  line-height: 27px; text-align: center;letter-spacing: -0.045px;  background: #000; border-radius: 13px;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont .giftList2:after {content: "참여상"; display: inline-block; position: absolute; left: 50%; top: -13px; transform: translateX(-50%); width: 101px; font-size: 16px; font-weight: 500; color: #fff; line-height: 27px; text-align: center; letter-spacing: -0.045px; background: #000; border-radius: 13px;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] {display: flex; gap: 0 15px;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box {position: relative; width: 142px; text-align: center;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box.box1:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -26px; transform: translateX(-50%); width: 52px; height: 75px; background: url('/resources/images/event/2023/event230615/giftRanking1.png')no-repeat center; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box.box2:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -17px; transform: translateX(-50%); width: 74px; height: 36px; background: url('/resources/images/event/2023/event230615/giftRanking2.png')no-repeat center; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box.box3:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -17px; transform: translateX(-50%); width: 74px; height: 36px; background: url('/resources/images/event/2023/event230615/giftRanking3.png')no-repeat center; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box.box4:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -17px; transform: translateX(-50%); width: 114px; height: 36px; background: url('/resources/images/event/2023/event230615/giftRanking4.png')no-repeat center; }
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box .imgSect {position: relative; width: 100%; height: 172px; padding-bottom: 9px; background: #e9e9e9; border-radius: 10px 10px 0 0;}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box .imgSect img {position: absolute; left: 50%; bottom: 9px; transform: translateX(-50%);}
.eventWrap .evtSection .evtContWrap .eventCont1 .cont [class^="giftList"] .box p {padding: 8px 0; font-size: 15px; font-weight: 400; color: #0e0e40; line-height: 17px; letter-spacing: -0.045em; background: #bfbfbf; border-radius: 0 0 10px 10px;}


.eventWrap .evtSection .evtContWrap .eventCont2 {margin-top: 45px;}
.eventWrap .evtSection .evtContWrap .eventCont2 h3 {position: relative; background-image: url('/resources/images/event/2023/event230615/contTit2.png');background-repeat: no-repeat; background-position: center; }
.eventWrap .evtSection .evtContWrap .eventCont2 h3:after {content: ""; display: inline-block; position: absolute; left: 50%; top: -35px; transform: translateX(-50%); width: 49px; height: 38px; background: url('/resources/images/event/2023/event230615/ranking.png')no-repeat center;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont {text-align: center; padding-bottom: 45px;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .timeTxt {padding: 22px 0; font-size: 15px; font-weight: 400; color: #6f6f6f; letter-spacing: -0.04em;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap {position: relative; width: 400px; margin: 0 auto; border: 1px solid #a5a5a5; border-radius: 10px; overflow: hidden;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div { display: flex; background: #f1f1f1; border-bottom: 1px solid #dedede;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div > p {height: 45px; line-height: 45px;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div > p:nth-of-type(1) {width: 188px; font-size: 15px; font-weight: 500; color: #191919; letter-spacing: -0.045em; text-align: center;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div > p:nth-last-of-type(1) {flex: 1; padding-left: 55px; font-size: 16px; font-weight: 500; color: #191919; letter-spacing: -0.045em; text-align: left;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.title{ background: #a5a5a5;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.title p {font-size: 16px; font-weight: 500; color: #fff; letter-spacing: -0.045em;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.title p:last-child {padding-left: 60px;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap .ranking1 {border-top: 1px solid #f1f1f1;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap .ranking1 p:first-child {font-size: 0; background: url('/resources/images/event/2023/event230615/medal1.png')no-repeat center;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap .ranking2 p:first-child {font-size: 0; background: url('/resources/images/event/2023/event230615/medal2.png')no-repeat center;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap .ranking3 p:first-child {font-size: 0; background: url('/resources/images/event/2023/event230615/medal3.png')no-repeat center;}

.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap {flex-wrap: wrap; padding-top: 15px; border-bottom: 0; text-align: center; background: #ffec9a;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .rankingTit { display: inline-block; width: 100%; height: 29px; font-size: 0; background: url('/resources/images/event/2023/event230615/myRanking.png')no-repeat center;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap p {padding: 11px 0 21px; font-size: 16px; font-weight: 500; color: #e6563c; letter-spacing: -0.045em; line-height: 1;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap p:last-child {padding-left: 68px;}

.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .myRanking {display: none;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .myRanking.apply {display: flex;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .myRanking p:first-child {width: 188px}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .myRanking p:last-child {flex: 1;}

.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .beforeApply {display: block; width: 100%; text-align: center;}
/*.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap.apply >div.myRankingWrap .beforeApply {display: none;}*/
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.myRankingWrap .beforeApply p {padding-left: 0;}


.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.logindim {display: none; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); border-radius: 10px;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.logindim.on {display: flex;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.logindim div {padding-left: 0; font-size: 22px; font-weight: 500; color: #fff; text-align: center; line-height: 30px; letter-spacing: -0.045em; }
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.logindim div span {display: block; font-size: 22px; font-weight: 500; color: #ffe77d; letter-spacing: -0.045em; line-height: 30px;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingWrap >div.logindim div span.challenger {color: #7debff;}

.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingNotice {margin: 20px 0 0;}
.eventWrap .evtSection .evtContWrap .eventCont2 .cont .rankingNotice li {font-size: 15px; font-weight: 300; color: #4a4a4a; line-height: 23px; letter-spacing: -0.04em;}


.eventWrap .evtSection .evtContWrap .eventCont3 h3 {margin-top: 35px; background-image: url('/resources/images/event/2023/event230615/contTit3.png');background-repeat: no-repeat; background-position: center; }
.eventWrap .evtSection .evtContWrap .eventCont3 .cont { padding: 28px 60px 50px; }
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo {margin-bottom: 20px;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li {position: relative; margin-bottom: 35px; text-align: center; }
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li p {display: inline-block; padding-left: 36px; margin-bottom: 15px; font-size: 19px; font-weight: 500; color: #000808; line-height: 27px; letter-spacing: -0.045em; }
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li:nth-of-type(1) p {background: url('/resources/images/event/2023/event230615/applyInfoNum1.png')no-repeat left center;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li:nth-of-type(2) p {background: url('/resources/images/event/2023/event230615/applyInfoNum2.png')no-repeat left center;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li:nth-of-type(2) a {display: inline-block; position: absolute; left: 267px; top: 121px;  width: 133px; height: 59px;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li:nth-of-type(3) p {background: url('/resources/images/event/2023/event230615/applyInfoNum3.png')no-repeat left center;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li:nth-of-type(4) p {background: url('/resources/images/event/2023/event230615/applyInfoNum4.png')no-repeat left center;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li p .point {font-size: 19px; font-weight: 500; color: #ed2729; letter-spacing: -0.045em;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .applyInfo li .evtDownload_btn {display: inline-block; position: absolute; right: 28px; bottom: 34px; width: 175px; height: 40px; }

.eventWrap .evtSection .evtContWrap .eventCont3 .cont .checkInfo { text-align: center; }
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .checkInfo strong {display: inline-block; width: 359px; height: 27px; margin-bottom: 8px; font-size: 0; background: url('/resources/images/event/2023/event230615/eventNotice.png')no-repeat center;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .checkInfo ul {margin-bottom: 35px;}
.eventWrap .evtSection .evtContWrap .eventCont3 .cont .checkInfo ul li {font-size: 15px; font-weight: 400; color: #0e0e40; line-height: 1.4; letter-spacing: -0.045em;}

.eventWrap .evtSection .evtFooterWrap {width: 100%; padding: 48px 72px 60px;  background: #316172; }
.eventWrap .evtSection .evtFooterWrap strong {display: inline-block; margin-bottom: 18px; font-size: 22px; font-weight: 600; color: #ffe153;  line-height: 1; letter-spacing: -0.025em;}
.eventWrap .evtSection .evtFooterWrap ul li {position: relative; padding-left: 11px;  font-size: 15px; font-weight: 300; color: #fff; line-height: 24px; letter-spacing: -0.03em;}
.eventWrap .evtSection .evtFooterWrap ul li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 12px;  width: 2px; height: 2px; background: #fff; border-radius: 50%;}
.eventWrap .evtSection .evtFooterWrap ul li:first-child {color: #F24474;}
.eventWrap .evtSection .evtFooterWrap ul li:first-child:after {background: #F24474;}

/*이벤트 관련 공지안내*/
#eventPopWrap456 {position: absolute;top: 0;left: 50%;display: none;width: auto;margin: 0 0 0 -284px;z-index: 1000;}
#eventPopWrap456.on {display: block;}
#eventPopWrap456 .dimed {position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(66, 69, 77, 0.9);z-index: 1;}
#eventPopWrap456 .eventPop {overflow: hidden;position: relative;background: #fff;z-index: 1;box-shadow: 8px 8px 5px rgba(0, 0, 0, 0.4);}
#eventPopWrap456 .eventPop img {display: block;}
#eventPopWrap456 #btnHideForm2 {display: inline-block; position: absolute; right: 21px; top: 16px; width: 21px; height: 21px; }
#eventPopWrap456 .banner_close2 {display: inline-block; position: absolute; left: 17px; bottom: 18px; width: 100px; height: 15px; }