@font-face {font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}

.evt_wp{position: relative; width: 100%; overflow: hidden; font-weight: 500;}
.evt_wp .evt_con .inner{position: relative; height: fit-content;}

.evt_wp .quick_fixed{position: fixed; right: 0; top: 320px; z-index: 2; }

.evt_wp .quick_fixed p{background: #000; text-align: center; color: #fff; padding: 10px 0; border-top-left-radius: 10px; width: 150px;}
.evt_wp .quick_fixed a{position: relative; display: block; padding: 15px 20px; border-bottom: 1px solid #000; color: #eaff00; font-size: 16px; background: #0042ff; font-weight: 800;}

.evt_wp .quick_fixed a:hover{background: #001f77;}
.evt_wp .quick_fixed a::after{background: #000; border-radius: 50%; width: 20px; height: 20px; display: inline-grid; align-items: center; text-align: center; content: '\25BC'; color: #fff; font-size: 8px; position: absolute; right: 10px;}

.evt_wp .evt_con img{vertical-align: top; width: 100%;}
.evt_wp strong{font-weight: 900;}

.evt_wp .tit{font-size: 45px; font-weight: 900; text-align: center; line-height: 1.2;}
.evt_wp .tit i{display: block; color: #768fd3; font-size: 25px;}

.evt_wp .benefit{overflow: hidden; margin-top: 20px; width: 100%;}
.evt_wp .benefit li{float: left; background: #fff; width: 32%; margin: 5px 0 5px 2%;padding: 40px 0 40px; border-radius: 10px; font-weight: 900; text-align: center;}
.evt_wp .benefit li:first-child{margin-left: 0;}
.evt_wp .benefit .txt{height: 96px;}
.evt_wp .benefit strong{font-size: 20px;}
.evt_wp .benefit em{display: block; font-size: 26px; color: #0042ff; padding-bottom: 10px;}
.evt_wp .benefit .ico_img{width: 102px; height: 90px; margin: 15px auto 0;}

.evt_wp .red{color: #ff0054;}
.evt_wp .blue{color: #0042ff;}
.yellow{color: #fff000}

* [class^="btn_"] {display: block; text-align: center; color: #fff;}
* [class^="btn_"] span{position: relative;}
* [class^="btn_"] span::after{position: absolute; content: ''; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); display: block;}

.btn_01{background: #000; width: 50%; margin: 0 auto; border-radius: 5px; padding: 7px 0; font-weight: 500; font-size: 14px;}
.btn_02{background: #0042ff; width: 100%; margin: 20px auto 0; padding: 20px 0;  font-weight: 900;border-radius: 5px; font-size: 22px;}
.btn_01 span::after{top: 4px; right: -20px;}
.btn_02 span::after{top: 10px; right: -24px;}

.evt_wp .small{font-size: 13px; font-weight: 500;}

.evt_wp .discount{counter-reset: number; width: 100%; }
.evt_wp .discount > li{overflow: hidden; margin: 10px 0; display: inline-flex; width: 100%; align-items: center; border-radius: 8px;}
.evt_wp .discount > li:first-child{margin-top: 40px;}
.evt_wp .discount .txt{/* float: left; */ width: 620px; font-size: 32px; font-weight: 900; padding: 50px 0 50px 80px;}
.evt_wp .discount .object{/* float: right; */  padding: 0 45px; width: fit-content; margin: 0 auto;}

.evt_wp .discount .detail{margin-top: 10px;} 
.evt_wp .discount .detail p{padding: 3px 0 3px 20px; font-weight: 600; letter-spacing: -1px;}

.evt_wp .discount .no::before{counter-increment: number 1; content: '0' counter(number) '.'; margin-left: -50px; padding-right: 5px; font-weight: 200; color: #768fd3; text-align: right;}

.evt_wp .detail p{font-size: 18px; padding: 3px 5px; font-weight: 600;}
.evt_wp .detail.notice p{font-weight: 400; font-size: 16px;}
.evt_wp .detail p::before{content: '-'; margin-left: -12px; margin-right: 5px;}
.evt_wp .detail.notice p::before{content: '*'; margin-right: 5px;}

.evt_wp .detail em{color: #0042ff; font-size: 19px;}
.evt_wp .detail .cate{background: #0042ff; color: #fff; padding: 3px 5px; border-radius: 3px; font-size: 16px; font-weight: 400; text-align: center; display: inline-block; margin-bottom: 7px;}

.evt_wp .bg_02 .discount > li{background: #e8eef7;}
.evt_wp .bg_02 .discount .lec-view{background: transparent; border: 1px solid #ccc;}
.evt_wp .bg_03 .discount > li{background: #fff;}
.evt_wp .bg_02 .discount > li:nth-child(4),
.evt_wp .bg_03 .discount > li:first-child{align-items: end;}
.evt_wp .discount .lec-view .detail p{padding: 3px 0 3px 15px; font-size: 17px;}
.evt_wp .discount .lec-view .txt{padding-left: 40px}

.summ{background: #000;}

* [class^="bg_"]{position: relative; padding: 100px 0;}
.evt_wp .bg_01{background: #e8eef7;}
.evt_wp .bg_02{background: #fff;}
.evt_wp .bg_03{background: #eff4fa;}


.evt_wp .file_wp{margin-top: 15px;}
.evt_wp select{width: 200px; padding: 5px; font-size: 17px; margin: 0 20px 0 10px;}
.evt_wp .file_up{position: relative; overflow: hidden; height: 76px; border-top: 1px solid #ccc; text-align: center; padding-top: 25px;}
.evt_wp .file_up li{position: relative; display: inline-block;}
.evt_wp .file-button{position: absolute; top: 0; left: 0; background: #000; color: #fff; padding: 10px 12px; cursor: pointer; font-size: 14px; border-radius: 3px;font-weight: 500;}
.evt_wp .file_wp input[type='file'] {width: 290px; background: none; border: 0; padding: 9px 0 0 35px; font-size: 14px;}
.evt_wp .file_wp .btn-up{background: #0042ff; font-size: 18px; border-radius: 30px; color: #fff; padding: 8px 25px;}
.evt_wp .file_wp .btn-up.confirm{background: none !important; border: 1px solid #0042ff; color: #0042ff;}

.blink{animation: blink 1s infinite;}
.dungdung{animation: updown 1s both infinite alternate;}
.arrow-slide{animation: slide-right .5s both infinite alternate;}

.up-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);}}
@keyframes slide-right{0%{transform: translateX(0);} 100%{transform: translateX(5px);}}

.evt_wp details{position: relative;}
.evt_wp details summary{background: #222; text-align: center; font-weight: 900; padding: 28px 0; cursor: pointer; color: #fff; font-size: 32px; list-style-type: none;}
summary::-webkit-details-marker{display: none;}

.evt_wp details[open] summary .arrow::after{position: absolute; top: 15px; margin-left: 30px; content: ''; width: 12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(-45deg);}
.evt_wp details summary .arrow::after{position: absolute; top: 5px; margin-left: 30px; content: ''; width: 12px; height: 12px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(135deg);}

.evt_wp .evt-detail{padding: 55px 0 100px;}
.evt_wp .evt-detail.gr{background: linear-gradient(to bottom, #dee4e9,  #fff 30%, #fff);}
.evt_wp .evt-tit{position: relative; font-size: 22px; font-weight: 900; margin-bottom: 10px;}
.evt_wp .evt-tit .select_box{position: absolute; top: 40px; right: 0; font-size: 14px; font-weight: 500; cursor: pointer;}
.evt_wp .evt-tit .select_box input[type='checkbox']{width: 18px; height: 18px; margin-right: 5px; vertical-align: middle;}
.evt_wp .evt-detail > .inner > .detail p{padding: 3px 15px;}

.evt_wp .evt-detail strong{font-size: 30px;}
.evt_wp .notice-box{margin-top: 20px; padding: 35px 40px; border-radius: 5px; border: 1px solid #000;}
.evt_wp .notice-box .detail{padding-left: 10px;}
.evt_wp .notice-tit{font-size: 20px; border-bottom: 2px solid #000; font-weight: 900; margin-bottom: 10px; padding-bottom: 5px;}
.evt_wp .notice-box .detail em{font-size: 18px; margin: 20px 0 0 -10px; font-weight: 900; display: block;}
.evt_wp .notice-box i::before{content: '*'; margin-left: -10px; margin-right: 5px;}

.evt_wp .notice-box .link{font-size: 16px; color: #0042ff; border-bottom: 1px solid #0042ff; display: inline-block; margin: 15px 0 0 -8px; letter-spacing: -1px;}

.evt_wp .file_view{position: relative;width: 100%; height: fit-content; margin: 20px auto;text-align: center; padding: 30px 0; background: rgba(153,169,188,0.35); border-radius: 5px; display: none;}
.evt_wp .file_view img{width: 50%;}

/* PC */
@media screen and (min-width: 769px){
    .evt_wp .visual{background: #3c2fb7 url('imgs/visual_coin.png') no-repeat center 0; height: 678px;}
    .evt_wp .visual .data{font-size: 20px; color: #fff; position: absolute; top: 430px; right: 24px;}
    .evt_wp .visual .inner{position: relative; width: 800px; margin: 0 auto;}
    .evt_wp .evt_con .inner{width: 900px; margin: 0 auto;}
    .evt_wp .discount .lec-view .detail p br,
    .evt_wp .tit br,
    .evt_wp .benefit em br{display: contents}
    
    .evt_wp .evt-tit .select_box.mo{display: none;}
}

/* mobile */

@media screen and (max-width: 768px){
    .evt_wp .visual{background: #3c2fb7 url('imgs/visual_coin.png') no-repeat center 0; background-size: 130%;}
    .evt_wp .visual .data{font-size: 3.2vw; color: #fff; position: absolute; top: 64%; right: 3%;}
    .evt_wp .visual .inner{position: relative; width: 100%; margin: 0 auto;}
    .evt_wp .visual .inner img{width: 100%;}
    .evt_con .inner{width: 95%; margin: 0 auto;}

    * [class^="bg_"]{position: relative; padding: 10% 0;}
    .evt_wp .tit{font-size: 2.2rem;}
    .evt_wp .tit i{font-size: 1.2rem;}

    .evt_wp .benefit li{padding: 30px 0;}
    .evt_wp .benefit strong{font-size: 1rem;}
    .evt_wp .benefit em{font-size: 1.3rem;}
    .evt_wp .benefit .ico_img{height: 60px;}
    .evt_wp .benefit .ico_img img{width: 72%;}

    .evt_wp .btn_01{width: 70%; padding: 5px 0; font-size: 12px;}
    .btn_01 span::after{right: -10px; width: 5px; height: 5px;} 

    .evt_wp details summary{padding: 18px; font-size: 22px; text-align: left; letter-spacing: -1px; padding-left: 12%;}    
    .evt_wp .evt-tit .select_box{top: 60px; left: 0; right: 0;}
    .evt_wp .evt-tit .select_box.pc{display: none;}
    .evt_wp .file-preview{padding-top: 30px; border-top: 1px solid #ccc; text-align: center;}
    .evt_wp details[open] summary .arrow::after{top: 10px; width: 10px; height: 10px;margin-left: 15px;}
    .evt_wp details summary .arrow::after {top: 3px; width: 10px; height: 10px; margin-left: 15px;}
    .evt_wp .file_wp{position: unset; margin-top: 10px; background: #d7dce4; padding: 20px; border-radius: 5px; margin-top: 30px;}
    .evt_wp .file_wp ul{border-bottom: 0; text-align: center; height: fit-content;}
    .evt_wp select{margin-top: 5px;}
    .evt_wp .file_up{border-top: 0;}
    .evt_wp .file_up li:nth-child(2){margin-top: 10px;}
    .evt_wp .file_wp input[type='file']{width: 100%; border-bottom: 1px solid #000;padding-bottom: 9px; font-size: 17px; border-radius: 0;}
    .evt_wp .file-button{font-size: 16px; padding: 11px 22px;}
    .evt_wp .file_wp .btn-up{margin-top: 20px;}
    
    .evt_wp .file_view{background: #d7dce4; margin: -20px auto 20px; border-radius: 0 0 5px 5px;}
    .evt_wp .file_view img{width: 65%;}

    .evt_wp .notice-box{padding: 20px}
    .evt_wp .evt-detail strong{font-size: 26px; letter-spacing: -1px;}
    .evt_wp .evt-detail{padding: 35px 0 50px;}
}

/* 태블릿 가로 사이즈 (최소 지정, 스트롤) */
@media screen and (min-width: 820px) and (max-width: 1024px){
    body{min-width: 950px;} /* PC 기준 컨텐츠 가로 900px */
}

@media screen and (min-width: 1025px){
    body{min-width: 1300px;}
}

@media screen and (max-width: 1024px) {
.evt_wp .quick_fixed{display: none;}
}

@media screen and (max-width: 980px) {
.evt_wp .discount > li{display: block;}
.evt_wp .discount > li:first-child{margin-top: 20px;}
.evt_wp .discount .txt{width: 100%; padding: 30px 0 30px 30px;}
.evt_wp .discount .txt li:first-child{font-size: 22px;}
.evt_wp .discount .object{width: 75%; margin: 0 auto;}
.evt_wp .lec-view{padding-bottom: 20px;}
.evt_wp .discount .no::before{margin-left: 0;}
.evt_wp .discount .lec-view .txt{padding: 30px 0 10px 20px}
.evt_wp .discount .lec-view .detail p{padding: 0 0 0 15px; width: 95%; margin-left: -10px;}
}

/* 모바일 푸터 간격 조절 2024.04.05 EYH inserted. (Jang Manager Code) */
@media (max-width: 895px){
    .footerMo{display: block;  padding-bottom: 30px; background:#2e2b36
    }
}