@charset "utf-8"; 
.evt_wrp{position: relative; width: 100%; overflow: hidden; cursor: default; letter-spacing: -1px;}
.evt_wrp img{width: 100%; vertical-align: top;}

.evt_wrp .inner{position: relative; width: fit-content; margin: 0 auto;}
.evt_wrp strong{font-weight: 900;}

.evt_wrp .tit{font-size: 50px; padding-bottom: 20px; text-align: center; font-weight: 900; position: relative;}
.evt_wrp .tit strong{display: block; font-size: 60px;}
.evt_wrp .tit i{color: #1c56fd;}
.evt_wrp .bg_04 .tit{color: #fff;}

.evt_wrp .small{font-size: 12px; font-weight: 300; opacity: 0.65;}
.evt_wrp .bg_01 .small{position: absolute; left: 261px; top: 140px;}
.evt_wrp .review .small{position: absolute; right: 190px; top: -15px;}
.evt_wrp .review sup{position: absolute; top: 15px; left: 433px; font-size: 25px; font-weight: 300;}

.evt_wrp .visual_wrp{background: #2b2f4a; height: 1020px;}
.evt_wrp .visual{background: #2b2f4a url('imgs/bg_visual.png') no-repeat center 0;}

/* slide */
.evt_wrp .visual_wrp .swiper-wrapper{padding: 50px 0;}
.evt_wrp .visual_wrp .slide_box{position: relative; width: 100%; height: auto; margin: 30px auto; overflow: hidden;}
.evt_wrp .visual_wrp .swiper-container{width: 100%; padding-top: 0 !important;}
.evt_wrp .visual_wrp .swiper-slide{width: auto !important; transform: scale(0.88);}
.evt_wrp .visual_wrp .swiper-slide,
.evt_wrp .visual_wrp .swiper-slide img{border-radius: 10px;}
.evt_wrp .visual_wrp .slide_box img{width: 100%; height: auto; display: block; box-shadow: 20px 0 47px 0 rgba(0, 0, 0, 0.7);}

.evt_wrp .visual_wrp .slide_box .swiper-button-prev{position: absolute; top: 260px; left: 50%; margin-left: -420px; border-radius: 50%; background: rgba(0,0,0,0.8); width: 80px; height: 80px;}
.evt_wrp .visual_wrp .slide_box .swiper-button-next{position: absolute; top: 260px; left: 50%; margin-left: 340px; border-radius: 50%; background: rgba(0,0,0,0.8); width: 80px; height: 80px;}
.evt_wrp .visual_wrp .slide_box .swiper-button-prev:after{content: ''; width: 26px; height: 26px; border-top: 6px solid; border-right: 6px solid; border-color: #fff; transform: rotate(225deg); position: absolute; left: 32px;}
.evt_wrp .visual_wrp .slide_box .swiper-button-next:after{content: ''; width: 26px; height: 26px; border-top: 6px solid; border-right: 6px solid; border-color: #fff; transform: rotate(45deg); position: absolute; right: 32px;}

.evt_wrp .visual_wrp .swiper-slide.swiper-slide-prev,
.evt_wrp .visual_wrp .swiper-slide.swiper-slide-next{background: #222;}
.evt_wrp .visual_wrp .swiper-slide.swiper-slide-prev img,
.evt_wrp .visual_wrp .swiper-slide.swiper-slide-next img{opacity: 0.5;}

.evt_wrp .visual_wrp .swiper-slide.swiper-slide-active{transform: scale(1); z-index: 2;}

/* pass list */
.evt_wrp .eduf-winner-contents{overflow: hidden; width: 1100px; height: 350px; transform: perspective(150px) rotateX(17deg); margin: 0 auto 100px; position: relative;}
.evt_wrp .winner-track{position: absolute; top: 0; left: 0; width: 100%;}
.evt_wrp .winner-slide{display: grid; grid-template-columns: repeat(6, 1fr);}
.evt_wrp .winner-name{white-space: nowrap; font-size: 16px; text-align: center; line-height: 43.75px;}

/* review */
.evt_wrp .review .slide_box{position: relative; width: 100%; height: auto; margin: 0 auto; overflow: hidden;}
.evt_wrp .review .slide_box .swiper-container{width: 100%; padding: 30px 0;}
.evt_wrp .review .slide_box .swiper-wrapper{transition-timing-function: linear !important; /* 부드러운 롤링 */}
.evt_wrp .review .slide_box .swiper-slide{width: auto !important;}
.evt_wrp .review .slide_box img{width: 100%; height: auto; display: block; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3); border-radius: 15px;}

/* search */
.evt_wrp .apply_inner{width: 1200px; margin: 0 auto;}
.evt_wrp .list_search{width: 100%; border-top: 1px solid; margin-top: 30px;}
.evt_wrp .list_search li{border-bottom: 1px solid #ccc; display: flex;}
.evt_wrp .list_search li div{padding: 12px 20px 0;}
.evt_wrp .list_search li div:first-child{background: #efefef; border-right: 1px solid #ccc; width: 10%; text-align: center; align-items: center;}
.evt_wrp .list_search li div:last-child{width: 85%;}
.evt_wrp .list_search label{padding: 0 0 10px 0; cursor: pointer; display: inline-block;}


.evt_wrp .list_search input[type='checkbox'].check{width: 1px; height: 1px; display: none;}
.evt_wrp .list_search input[type='checkbox'].check:checked+span{font-weight: 700; color: #00b8b8;}    

.evt_wrp .list_search input[type='checkbox'].check:checked+span.apply_check:before{color: #00b8b8;}
.evt_wrp .list_search span.apply_check{font-weight: 300; color: #555; list-style-type: none; font-size: 1em;}
.evt_wrp .list_search span.apply_check:before{content: '\2713'; display: inline-block; color: #555; padding: 0 6px 0 0;}

/* list */
.evt_wrp .pass_list{margin-top: 30px; border-top: 1px solid}
.evt_wrp .pass_list li{border-bottom: 1px solid #ddd; padding: 6px 10px; display: flex;     letter-spacing: 0; align-items: center;}
.evt_wrp .pass_list li div:first-child{width: 85%; padding-left: 10px;}
.evt_wrp .pass_list li div:last-child{width: 15%; text-align: center; color: #aaa;}
.evt_wrp .pass_list li p{display: inline-block; padding: 10px 0;}
.evt_wrp .pass_list li p:last-child{font-weight: 500; line-height: 1; font-size: 0.9rem; margin-left: 0; width: fit-content;}
.evt_wrp .pass_list li p span{display: inline-block; text-align: center; color: #555; width: 150px; border-right: 1px solid #ccc;}
.evt_wrp .pass_list li p span::after{/* content: '\007C'; */color: #ccc; padding: 15px;}
.evt_wrp .pass_list li p span:last-child{border-right: 0; width: 120px;}
.evt_wrp .pass_list li p span:last-child::after{content: unset;}

.evt_wrp .pass_list td{text-align: center; letter-spacing: 0;}
.evt_wrp .pass_list thead th{background: #333; color: #fff;}

.evt_wrp .btn_wrp{text-align: right; padding: 15px 0 0;}
.evt_wrp .btn_wrp a,
.evt_wrp .btn_wrp button{color: #fff; padding: 10px 20px; margin-left: 5px; font-size: 16px; font-weight: 700;}
.evt_wrp .btn_search{background: #000;}
.evt_wrp .btn_write{background: #ff4945;}

/* paging */
.evt_wrp .btn_replay{background: #000; width: 145px; text-align: center; color: #fff; padding: 12px 0; font-weight: 800;}
.evt_wrp table.reply_list{margin-top: 50px;}	
.evt_wrp table.reply_list td{color: #333; font-size: 16px; padding: 15px 10px; font-weight: 300; text-align: center; border-bottom: 1px solid #333; line-height: 22px; letter-spacing: 0;}
.evt_wrp table.reply_list td:last-child{text-align: left; padding: 15px 30px;}
	
.evt_wrp .paging_wp{text-align: center; overflow: hidden; margin-top: 20px; margin-bottom: 0;}
.evt_wrp .paging{align-items: center;  display: inline-flex;}
.evt_wrp .paging a{color: #333; border-radius: 50%; background: transparent; margin: 0 2px; width: 24px; height: 24px; display: grid; align-items: center; text-align: center;}
.evt_wrp .paging .arrow{position: relative; width: 28px; height: 28px; border: 1px solid #333; border-radius: 50%;  padding: 0; margin: 5px 7px 0; background: transparent; display: inline-block;}
.evt_wrp .paging .arrow.prev::after{position: absolute; top: 10px; right: 9px; content: ''; width: 5px; height: 5px; border-bottom: 2px solid #333; border-left: 2px solid #333; transform: rotate(45deg);}
.evt_wrp .paging .arrow.next::after{position: absolute; top: 10px; left: 9px; content: ''; width: 5px; height: 5px; border-top: 2px solid #333; border-right: 2px solid #333; transform: rotate(45deg);}	
.evt_wrp .paging .arrow:hover{background: #000; border-color: #fff;}	
.evt_wrp .paging a:hover,
.evt_wrp .paging .active{font-weight: 900; background: #000; color: #fff;}
.evt_wrp .paging .arrow.prev:hover::after,
.evt_wrp .paging .arrow.next:hover::after{border-color: #fff;}	
.evt_wrp .paging .arrow.prev::before,
.evt_wrp .paging .arrow.next::before{display: none;}

.evt_wrp table.spec th,
.evt_wrp table.spec td{padding: 10px 0; font-size: 17px;}
.evt_wrp table.spec th{border-bottom: 2px solid #000;}
.evt_wrp table.spec td{text-align: center; border-bottom: 1px solid #eee;}
.evt_wrp table.spec td:nth-child(2){border: 1px solid #eee; border-top: 0;}
.evt_wrp table.spec tbody tr:first-child{border-top: 3px solid #be1a4c;}
.evt_wrp table.spec tbody tr:last-child td{border-bottom: 3px solid #be1a4c;}
.evt_wrp table.spec tbody td:first-child{border-left: 3px solid #be1a4c;}
.evt_wrp table.spec tbody tr:first-child td:last-child{border: 3px solid #be1a4c; border-left: 0; border-top: 0;}
.evt_wrp table.spec tbody td{color: #be1a4c; font-weight: 700;}


* [class^="bg_"]{position: relative; padding: 100px 0;}
.evt_wrp .bg_01{background: #f2f7f7; padding-top: 250px;}
.evt_wrp .bg_02{background: #fff}
.evt_wrp .bg_03{background: #f5f5f5;}
.evt_wrp .bg_04{background: #252525;}


.evt_wrp .dungdung{animation: updown 1s both infinite alternate;}
.evt_wrp .blink{animation: blink 2s infinite;}
.evt_wrp .up-on-scroll{transition: transform .7s, opacity 1.7s;}

@keyframes blink{0%{opacity: 1} 50%{opacity:.2} 100%{opacity:1}}
@keyframes updown{ 0%{transform: translateY(-5px);} 100%{transform: translateY(5px);}}

/* 팝업 */
.pop_wrp{display: flex; background: rgba(0,0,0,0.7); height: 100%; width: 100%; align-items: center; position: fixed; top: 0; left: 0; z-index: 99; justify-content: center;}
.pop_wrp .div_pop{position: relative; width: 40%; background: #000; height: 50%; max-height: 88%;}
.pop_wrp .closeX{position: absolute; top: -51px; color: #fff; font-size: 3rem; right: 0;}
.pop_wrp .div_pop,
.pop_wrp .div_pop iframe{border-radius: 20px; border: 1px solid #000}

/* PC 와이드 */
@media screen and (min-width: 821px) { 
.evt_wrp .barbnr{display: none;}
.evt_wrp .quick{position: fixed; top: 30%; right: 0; z-index: 15;}
.evt_wrp .quick a{display: block; margin-top: 10px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5); border-radius: 10px 0 0 10px;}
.evt_wrp .quick a img{border-radius: 10px 0 0 10px;}

.evt_wrp .tit br{display: none;}
.evt_wrp .list_search label:nth-child(1){width: 9%;}
.evt_wrp .list_search label:nth-child(2),
.evt_wrp .list_search label:nth-child(6){width: 13%;}
.evt_wrp .list_search label:nth-child(3),
.evt_wrp .list_search label:nth-child(4),
.evt_wrp  .list_search label:nth-child(7){width: 14%;}
.evt_wrp .list_search label:nth-child(5){width: 16%;}
}

/* 모바일 */
@media screen and (max-width: 820px) {
.fixed-btns {bottom: 3%;}
.evt_wrp .barbnr{display: flex; text-align: center; position: fixed; bottom: 0; left: 0; z-index: 9;}
.evt_wrp .barbnr a{width: 50%;}

.evt_wrp .visual_wrp{height: 115vw;}
.evt_wrp .visual_wrp .swiper-wrapper{padding: 0.5rem 0 2rem;}
.evt_wrp .visual_wrp .slide_box {margin: 0 auto;}
* [class^="bg_"]{position: relative; padding: 15% 0;}
.quick{display: none;}
.evt_wrp .tit{font-size: 1.5rem; padding-bottom: 5%;}
.evt_wrp .review .tit{padding-bottom: 2vw;}
.evt_wrp .tit strong{font-size: 2rem; padding-top: 0.5rem;}
.evt_wrp .visual{background-size: 114%;}	

.evt_wrp .visual_wrp .swiper-slide{width: inherit !important;}
.evt_wrp .visual_wrp .swiper-slide.swiper-slide-active{transform: scale(0.85) !important; z-index: unset;}

.evt_wrp .visual_wrp .slide_box .swiper-button-prev{top: 35%; left: 2%; margin-left: unset; width: 2.5rem; height: 2.5rem;}
.evt_wrp .visual_wrp .slide_box .swiper-button-next{top: 35%; left: unset; right: 2%; margin-left: unset; width: 2.5rem; height: 2.5rem;}
.evt_wrp .visual_wrp .slide_box .swiper-button-prev:after{ width: 0.8rem; height: 0.8rem; border-top: 3px solid; border-right: 3px solid; border-color: #fff; left: 39%;}
.evt_wrp .visual_wrp .slide_box .swiper-button-next:after{width: 0.8rem; height: 0.8rem; border-top: 3px solid; border-right: 3px solid; border-color: #fff; right: 39%;}

.evt_wrp .bg_01{padding-top: 30%;} 		
.evt_wrp .eduf-winner-contents{overflow: hidden; width: 72%; height: 55vw; margin: 0 auto;}
.evt_wrp .winner-slide{display: grid; grid-template-columns: repeat(3, 1fr);}

.evt_wrp .bg_01 .small{top: 29.5vw; left: 7%;}
.evt_wrp .review .small{ top: -4vw; left: 16px; width: 100%;}
.evt_wrp .review sup{position: absolute; top: 6px; left: 138px; font-size: 17px; font-weight: 300;}

.evt_wrp .review .slide_box .swiper-container{padding: 20px 0;}
.evt_wrp .review .slide_box .swiper-slide{width: 70% !important; border-radius: 5px !important;}
.evt_wrp .review .slide_box .swiper-slide img{border-radius: 5px !important;}
.evt_wrp .btn_wrp a, .evt_wrp .btn_wrp button{font-size: 0.75rem; padding: 8px 15px;}

.evt_wrp .list_search{margin-top: 0;}
.evt_wrp .list_search li div{font-size: 0.85rem;}
.evt_wrp .list_search li div:first-child{width: 30%;}
.evt_wrp .list_search span.apply_check:before{padding: 0;}
.evt_wrp .list_search label{padding: 0 10px 10px 0;}

.evt_wrp .apply_inner{width: 90%; margin: 0 auto;}
.evt_wrp .pass_list li{padding: 10px 0;}
.evt_wrp .pass_list li p{margin: 0; width: 100%; padding: 2px 0;}
.evt_wrp .pass_list li div{font-size: 1rem;}
.evt_wrp .pass_list li div:first-child{padding-left: 0; width: 100%;}
.evt_wrp .pass_list li div:last-child{font-size: 0.8rem;}
.evt_wrp .pass_list li p span::after{padding: 0 1px 0 5px;}
.evt_wrp .pass_list li p span{padding-right: 10px; font-size: 0.8rem; width: fit-content;}
.evt_wrp .pass_list li p span:last-child{margin-right: 0; width: fit-content; padding-left: 10px;}

.evt_wrp .pass_list li{align-items: end;}

/* 팝업 */ 
.div_pop{width: 90% !important; height: 30% !important;}
.div_pop strong{font-size: 22px;}
}