.youtube-btn:after { clear: both; content:''; display: block; background: url(https://www.epasskorea.com/Typec_Image/play_btn.png); position: absolute; top: 50%; left: 50%; width: 50%; height: 50%; transform: translate(-50%, -50%); background-repeat: no-repeat; background-position: center center; background-size: contain; } 

/*모달 영상 팝업 관련*/
.fixed-a { position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; box-shadow: 0 0 8px rgb(0 0 0 / 30%); transition: visibility .3s ease; box-sizing: border-box; width: 100vw; height: 100vh; /* visibility: hidden; */z-index: 9999999999; display: none; } 
.fixed-a .dim { width: 100%; height: 100%; position: absolute; top:0; left:0; background: rgba(0,0,0,0.35); } 
.fixed-a .youtube-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80vw; height: 34.5vw; max-width: calc(100% - 40%); } 
.fixed-a iframe { width:100%; height: 100%; transition-duration: 1s; opacity: 0; transition-cer: opacity,transform; transition-timing-function: cubic-bezier(.175,.885,.32,1.275); transform: translate3d(0,100px,0); } 
.fixed-a.open { /* visibility: visible; */display: block; } 
.fixed-a .on iframe { transform: translateZ(0); opacity: 1; } 

 /* 감사제 서브메인 배너 */
 .thanks-banner { position: relative; width: 100%; background: #f6403a; } 
 .thanks-banner .banner { display: flex; justify-content: center; } 
 .thanks-banner .banner .sec-content { position: relative; } 
 .thanks-banner .banner a { display: block; width: 100%; height: 100%; position: absolute; } 
 
 .thanks-banner .banner.nth-1 a { top: 0; left: 0; } 
 .thanks-banner .banner.nth-2 { } 
 .thanks-banner .banner.nth-2 a.btn-1 { bottom: 0; left: 0; width: 50%; height: 30%; } 
 .thanks-banner .banner.nth-2 a.btn-2 { bottom: 0; left: 50%; width: 50%; height: 30%;} 
 .thanks-banner .banner.nth-3 { } 
 .thanks-banner .banner.nth-3 a.btn-1 { bottom: 0%; left: 0; width: 33%; height: 30%; } 
 .thanks-banner .banner.nth-3 a.btn-2 { bottom: 0%; left: 33.3%; width: 33%; height: 30%;  } 
 .thanks-banner .banner.nth-3 a.btn-3 { bottom: 0%; left: 67%; width: 33%; height: 30%;  } 
 .thanks-banner img { display: block; margin: 0 auto; width: 1100px; } 

 .section .sec-content { position: relative; width:1100px; margin: 0px auto; } 
 .section .sec-content img { display:block; margin:0 auto; } 

/* 2021 thanks_event */

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

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

#scB.thanks_21 .video-bg { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); z-index: 0; background: #274942; overflow: hidden; } 
#scB.thanks_21 .video-bg::before { clear: both; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); } 
#scB.thanks_21 .video-bg video { width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1.58); z-index: -1; min-height: 793px; } 

#scB.thanks_21 img { display: block; width: 100%; } 
#scB.thanks_21 { position: relative; width: 100%; } 
#scB.thanks_21 { } .section { position: relative; } 
#scB.thanks_21 .sec-content { position: relative; width: 100%; margin: 0px auto 0px; } 
#scB.thanks_21 .sec-00 { } 
#scB.thanks_21 .sec-01 { background: #f7363b; } 
#scB.thanks_21 .sec-02 { background: #ffba00; } 
#scB.thanks_21 .sec-03 { background: #f7363b; } 
#scB.thanks_21 .sec-04 { background: #333; } 

#scB.thanks_21 .time-area { position: relative; } 
#scB.thanks_21 .time-count { position: absolute; top: 15.1%; left: 18.6%; width: 62.8%; height: 13.2%; background: #333333; border-radius: 20px; } 

#scB.thanks_21 #countDay { font-family: 'GmarketSansMedium'; text-align: center; display: flex; justify-content: space-around; padding: 12px 10px 0; align-items: center; height: 100%; } 
#scB.thanks_21 #countDay span { font-size: 24px; color: #fff; letter-spacing: 5px; line-height: 24px; width:74px; } 
#scB.thanks_21 #countDay span:nth-child(even) { font-size: 14px; width:20px; } 

#scB.thanks_21 .video-slide { margin: 40px auto 0px; /* height: 195px; */padding-bottom: 100px; overflow: hidden; } 
#scB.thanks_21 .video-slide .slick-list { overflow: inherit; } 
#scB.thanks_21 .youtubeSlide img { width: 100%; transition: all ease 0.35s; max-width: 340px; margin: 0 auto; } 
#scB.thanks_21 .youtubeSlide .slide.slick-center img { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } 
#scB.thanks_21 .youtubeSlide .slide { margin: 0 8px; height:100%; padding: 15px 0; opacity: 0.45; transition: all ease 0.35s; } 
#scB.thanks_21 .youtubeSlide .slide iframe { width: 100%; height:160px; transition: all ease 0.35s; } 
#scB.thanks_21 .youtubeSlide .slide.slick-center { /* padding:0; */opacity: 1; } 
#scB.thanks_21 .youtubeSlide .slide.slick-center iframe { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } 
#scB.thanks_21 .youtubeSlide button { position: absolute; top: 38%; z-index: 99; width: 53px; height: 52px; padding: 0; text-indent: -10000px; } 
#scB.thanks_21 .youtubeSlide button.slick-prev { left:50%; margin-left: -195px; background: url(/Public_html/Images/event/thanks/info_etax_left_arrow.png); } 
#scB.thanks_21 .youtubeSlide button.slick-next { left:50%; margin-left: 140px; background: url(/Public_html/Images/event/thanks/info_etax_right_arrow.png); } 
#scB.thanks_21 .review-area { position: relative; margin: 20px auto 40px; font-family: 'GmarketSansMedium'; width: 96%; } 
#scB.thanks_21 .review-area .review-box { background: #fff; border: 2px solid #000; margin: 60px auto 0; position: relative; padding: 23px 34px; box-sizing: border-box; } 
#scB.thanks_21 .review-area .review-box::before { clear: both; content:''; display: block; position: absolute; top: -55px; left: calc(50% - 55px); background: #fff; width: 110px; height: 55px; border-top-left-radius: 70px; border-top-right-radius: 70px; border-top: 2px solid #000; border-left: 2px solid #000; border-right: 2px solid #000; box-sizing: border-box; } 
#scB.thanks_21 .review-area .rev-icon { background: url(/Public_html/Images/event/thanks/211125_thanks_10.png); position: absolute; top: -28px; left: calc(50% - 24px); width: 49px; height: 48px; } 
#scB.thanks_21 .review-area .rev-tit { font-size: 20px; text-align: center; padding-bottom: 20px; } 
#scB.thanks_21 .review-area .rev-text { background: url(/Public_html/Images/event/thanks/211125_thanks_11.jpg); position: relative; } 
#scB.thanks_21 .review-area .rev-text i { background: url(/Public_html/Images/event/thanks/211125_thanks_11.png); width: 37px; height: 33px; display: inline; position: absolute; top: -6px; left: 0; } 
#scB.thanks_21 .review-area .rev-text p { font-size: 16px; letter-spacing: -1px; line-height: 31px; } 
#scB.thanks_21 .review-area .rev-text p span { padding-left: 46px; } 
#scB.thanks_21 .arrow_right { position: absolute; top: 50%; left: 2%; } 
#scB.thanks_21 .arrow_left { position: absolute; top: 50%; right: 2%; cursor: pointer; } 

#scB.thanks_21 .all-rev { position: relative; } 
#scB.thanks_21 .all-rev .btn-0 { top: 0; left: 1%; width: 32%; height: 100%; } 
#scB.thanks_21 .all-rev .btn-1 { top: 0; left: 50%; margin-left: -125px; width: 250px; height: 100%; } 
#scB.thanks_21 .all-rev .btn-2 { top: 0; left: 50%; margin-left: 134px; width: 250px; height: 100%; } 

#scB.thanks_21 .link-btn-area { margin: 0 auto; max-width: 786px; } 
#scB.thanks_21 .link-btn-area.pb-100 { padding-bottom: 150px; } 
#scB.thanks_21 .link-tit { text-align: center; position: relative; } 
#scB.thanks_21 .link-tit .tit-bg { background: url(/Public_html/Images/event/thanks/211125_thanks_09.jpg); width: 100%; height: 20px; position: absolute; top: 4px; left: 0; } 
#scB.thanks_21 .link-tit p { font-family: 'GmarketSansLight'; color: #fdc30f; font-size: 36px; font-weight: bold; display: inline-block; background: #f7363b; padding: 0 20px; z-index: 1; position: relative; line-height: 36px; } 
#scB.thanks_21 .link-tit.ty-3 { margin-top: 20px; } 
#scB.thanks_21 .link-tit.ty-3 .flex-ly { display: flex; justify-content: space-between; } 

#scB.thanks_21 .link-btn-area ul { font-family: 'GmarketSansMedium'; width: 96%; margin: 10px auto 0; } 
#scB.thanks_21 .link-btn-area ul::after { clear: both; content: ''; display: block; } 
#scB.thanks_21 .link-btn-area ul.wd-50 { } 
#scB.thanks_21 .link-btn-area ul.wd-50 li { width: 100%; float: left; margin-bottom: 10px; } 
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-1) { /* margin-right: 5px; */ } 
#scB.thanks_21 .link-btn-area ul.wd-50 li:nth-child(2n-0) { /* margin-left: 5px; */ } 
#scB.thanks_21 .link-btn-area ul.wd-33 li { } 
#scB.thanks_21 .link-btn-area .link-btn { display: block; width: 100%; background: #fff; border: 1px solid #000; padding: 17px 0 14px; position: relative; line-height: 1; z-index: 1; overflow: hidden; } 
#scB.thanks_21 .link-btn-area .link-btn .o-l { width: 8px; height: 100%; background: #ffba00; position: absolute; top: 0; left: 0; } 
#scB.thanks_21 .link-btn-area .link-btn .info-tt { font-size: 18px; display: inline-block; line-height: 18px; padding: 0 10px 0 18px; vertical-align: baseline; letter-spacing: -1.8px; } 
#scB.thanks_21 .link-btn-area .link-btn .r-arrow { background: url(/Public_html/Images/event/thanks/211125_thanks_08.png); display: inline-block; width: 8px; height: 12px; background-repeat: no-repeat; background-position: center center; } 

#scB.thanks_21 .info-ess { font-family: 'GmarketSansMedium'; width: 96%; margin: 0 auto; } 
#scB.thanks_21 .info-ess::after { clear: both; content:''; display: block; position: absolute; top: -94px; left: calc(50% - 94px); background: #333; width: 188px; height: 94px; border-top-left-radius: 94px; border-top-right-radius: 94px; box-sizing: border-box; } 
#scB.thanks_21 .info-ess .ess-icon { background: url(/Public_html/Images/event/thanks/211125_thanks_12.png); width: 110px; height: 108px; position: absolute; top: -55px; left: 50%; margin-left: -52px; z-index: 1; } 
#scB.thanks_21 .info-ess .ess-tt { padding: 88px 0 50px; } 
#scB.thanks_21 .info-ess .ess-tt p { font-size: 16px !important; color: #fff; } 
#scB.thanks_21 .info-ess .ess-tt p.tit { font-weight: bold; font-size: 20px !important; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test { padding: 30px 0 0; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test p { display: table-cell; width: 60%; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test p.sub-tit { text-align: left; font-size: 18px !important; display: block; } 

#scB.thanks_21 .info-ess .ess-tt .ess-test p > span { /* display: table-cell; */
 display: block; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test p > span span { display: table-cell; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test .line { display: inline-block; padding: 0 20px; } 
#scB.thanks_21 .info-ess .ess-tt .ess-test .color { color: #fff100; } 



#set { position: absolute; width: 100%; height: 4658px; top: 0; left: 0; max-width: 6254px; } 

/* main-banner */
.main-banner { } 
.main-banner .swiper-slide { background-size: contain; } 
.main-banner .main-banner-btn { position: relative; margin: 0 auto; } 
.main-banner .main-banner-btn img { display: block; width: 100%; margin: 0 auto; } 
.main-banner .main-banner-btn .bn-btn-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
/* .main-banner .main-banner-btn .bn-btn-area.nth-1 { } */
.main-banner .main-banner-btn .bn-btn-area a { display: block; width: 100%; height: 100%; position: absolute; text-indent: -999999px; } 

/* 버튼이 한개 */
.main-banner .main-banner-btn .bn-btn-area.nth-1 a:nth-child(1) { top: 0; left: 0; } 

/* 버튼이 두개 */
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(1) { bottom: 0; left: 0; width: 50%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-2 a:nth-child(2) { bottom: 0%; left: 50%; width: 50%; height: 100%; } 

/* 버튼이 세개 */
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(1) { bottom: 0%; left: 0; width: 33.33%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(2) { bottom: 0%; left: 33.33%; width: 33.33%; height: 100%; } 
.main-banner .main-banner-btn .bn-btn-area.nth-3 a:nth-child(3) { bottom: 0%; left: 66.66%; width: 33.33%; height: 100%; } 



/* 22감사제 끝 */



/* 상단고정 */
html.event,
body.fixed { overflow: hidden; } 

.thank-event-22 { position: relative; } 

.thank-event-22.active {position: fixed;top: 40px;left: 0;z-index: 99999999999999999;width: 100%;overflow-y: auto;height: 100%;overflow-x: hidden;} 

.thank-event-22 { } 
.thank-event-22 .section { } 
.thank-event-22 .section .sec-content { z-index: 1; } 
.thank-event-22 .sec-01 { background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/22_thanks_01_bg.png); } 
.thank-event-22 .sec-02 { background: #fe492a; padding-bottom: 100px; } 
.thank-event-22 .sec-03 { background: #006e49; } 
.thank-event-22 .sec-04 { background: #242424; } 
.thank-event-22 .star-area {position: absolute;top: 0;left: 50%;width: 100%;z-index: 1;transform: translateX(-50%);max-width: 768px;overflow: hidden;height: 100%;} 
.thank-event-22 .star-area .alt { position: absolute; top: 0; left: 0; width: 100%; } 
.thank-event-22 .star-area .alt-1 { animation-name: star1; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count: infinite; transition: all ease-in-out; } 
.thank-event-22 .star-area .alt-2 { animation-name: star2; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count: infinite; transition: all ease-in-out; } 
@keyframes star1 { 
 0% { opacity: 1; } 
 50% { opacity: 0; } 
 100% { opacity: 1; } 
 }
@keyframes star2 { 
 0% { opacity: 0; } 
 50% { opacity: 1; } 
 100% { opacity: 0; } 
 }
.thank-event-22 .sec-01 .thank-tch-slide{position: absolute;top: 36.2%;left: 2%;width: 96% !important;padding: 10px 0;box-sizing: border-box;max-width: 768px;height: 18.7%;} 
.thank-event-22 .sec-01 .thank-tch-slide a {display: block;/* cursor: pointer; */overflow: hidden;border-radius: 22px;border: 2px solid #020722;box-sizing: border-box;background: #fff;max-width: 42%;margin: 0 auto;} 
.thank-event-22 .sec-01 .thank-tch-slide a:hover img {
} 
.thank-event-22 .sec-01 .thank-tch-slide img {display: block;width: 100%;margin: 0 auto;/* max-width: 313px; */} 

.thank-event-22 .sec-01 .time {position: absolute;top: 58.8%;left: 51%;transform: translateX(-50%);width: 74%;text-align: center;} 
.thank-event-22 .sec-01 .time span {font-size: 7vw !important;font-weight: bold;color: #050e3a;letter-spacing: -1px;font-family: 'GmarketSansBold' !important;} 
.thank-event-22 .sec-01 .time span.num { padding-right:3%; } 
.thank-event-22 .sec-03 .thank-slide-tch{position: relative;width: 100%;} 


.thank-event-22 .class-list {position: relative;max-width: 850px;margin: 30px auto 0 !important;width: 96% !important;} 
.thank-event-22 .class-list .class-title {margin: 0 auto 2px !important;position: relative;} 
.thank-event-22 .class-list .class-title img {margin: 0 auto;display: block;width: 100%;} 
/* font-family: 'GmarketSansMedium'; */
.thank-event-22 .class-list .class-title p {position: absolute;top: 54%;left: 50%;transform: translate(-50%, -50%);font-size: 6vw !important;font-family: 'GmarketSansBold' !important;font-weight: bold;line-height: 1;margin: 0;padding: 0;width: 100%;text-align: center;} 
.thank-event-22 .class-list .class-btn {display: flex;justify-content: space-between;width: 100%;margin: 0 auto;flex-wrap: wrap;} 
.thank-event-22 .class-list .class-btn li {width: calc(50% - 2px);margin-top: 10px !important;background: #b01b02;border-top: 1px solid #fff;position: relative;display: flex;align-items: center;} 
.thank-event-22 .class-list .class-btn li a {font-size: 3.1vw !important;color: #fff;display: block;padding: 20px !important;font-family: 'GmarketSansMedium' !important;word-break: keep-all;line-height: 1 !important;} 
.thank-event-22 .class-list .class-btn li a::after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 8px); right: 4%; background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/22_thanks_04.png); width: 11px; height: 15px; } 
.thank-event-22 .thank-slide {/* max-height: 280px; *//* padding-bottom: 20px; */position: relative;} 
.thank-event-22 .thankSwiper .youtube-btn {position: relative;max-width: 60%;margin: 0 auto;display: block;border-radius: 20px;overflow: hidden;} 
.thank-event-22 .thankSwiper .youtube-btn img { width: 100%; } 
.thank-event-22 .thankSwiper .swiper-slide {border-radius: 20px;overflow: hidden;} 

.thank-event-22 .thankSwiper .thank-slide-button {position: absolute;top: 57%;z-index: 1;width: 20% !important;transform: translate(0%,-50%);} 
.thank-event-22 .thankSwiper .thank-slide-button-next {left: 71.2%;} 
.thank-event-22 .thankSwiper .thank-slide-button-prev {left: 9.2%;} 


.thank-event-22 .thank-tch-slide {/* max-height: 280px; */padding-bottom: 20px;width: 100%;} 
.thank-event-22 .tchthankSwiper .thank-youtube-btn { position: relative; } 
.thank-event-22 .tchthankSwiper .swiper-slide { border-radius: 20px; overflow: hidden;} 
.thank-event-22 .tchthankSwiper .thank-slide-button {position: absolute;top: 54%;z-index: 1;width: 20% !important;transform: translate(-50%,-50%);} 
.thank-event-22 .tchthankSwiper .thank-slide-button-next { left: 74.2%; } 
.thank-event-22 .tchthankSwiper .thank-slide-button-prev { left: 25.5%; } 

.thank-event-22 .thank-slide-tch {/* max-height: 280px; *//* padding-bottom: 20px; */width: 100%;} 
.thank-event-22 .thanktchSwiper img {width: 96%;margin: 0 auto;display: block;} 
.thank-event-22 .thanktchSwiper .swiper-slide { border-radius: 20px; overflow: hidden;} 
.thank-event-22 .thanktchSwiper .thank-slide-button {position: absolute;top: 41%;z-index: 1;width: 20% !important;transform: translate(0%,-50%);} 
.thank-event-22 .thanktchSwiper .thank-slide-button-next {right: -1%;} 
.thank-event-22 .thanktchSwiper .thank-slide-button-prev {left: -2%;} 


.fixed-event-1 { position: fixed; top: 30px; right: 50px; z-index: 9999999; width: 130px; } 
.fixed-event-1 a { } 

@media (min-width: 768px) {
    .thank-event-22 .sec-01 .time span {font-size: 52px !important;} 
    .thank-event-22 .class-list .class-title p {font-size: 30px !important;} 
    .thank-event-22 .class-list .class-btn li a {font-size: 20px !important;} 


}



/* 23감사제 */


.thank-event-23 { position: relative; } 
.thank-event-23.active { position: fixed; top: 4%; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 

.thank-event-23 { } 
.thank-event-23 .section { } 
.thank-event-23 .section .sec-content { z-index: 1; position: relative; } 
.thank-event-23 .sec-01 { background: #cae5ff;} 
.thank-event-23 .sec-02 { background: #e3f0fd;} 
.thank-event-23 .sec-03 { background: #e3f0fd;} 
.thank-event-23 .sec-04 { background: #82bcfc; padding-bottom:100px;} 
.thank-event-23 .sec-05 { background: #142442;} 
.thank-event-23 .sec-06 { background: #142442;}
.thank-event-23 .sec-07 { background: #202020; padding-bottom:100px;} 


.thank-event-23 .slide1 {position: absolute;top: 22%;left: 50%;transform: translateX(-50%);max-width: 87%;} 
.thank-event-23 .slide1 .list1 { max-width:85%; margin: 0 auto; } 
.thank-event-23 .slide1 .list1 .slick-slide { margin: 0 10px; } 
.thank-event-23 .slide1 .slick-arrow1 {transform: translateX(-50%);top: calc(50% - 36px);position: absolute;width: 10%;height: 24%;} 
.thank-event-23 .slide1 .slick-arrow1.slick-left { top:32%; left: 10%; cursor: pointer;} 
.thank-event-23 .slide1 .slick-arrow1.slick-right { top:32%; left: 90%; cursor: pointer;}

.thank-event-23 .slide2 {position: absolute;top: 38%;left: 50%;transform: translateX(-50%);max-width: 70%;} 
.thank-event-23 .slide2 .list2 { max-width:87%; margin: 0 auto; } 
.thank-event-23 .slide2 .list2 .slick-slide { margin: 0 10px; } 
.thank-event-23 .slide2 .slick-arrow2 {transform: translateX(-50%);top: calc(50% - 36px);position: absolute;width: 10%;height: 24%;} 
.thank-event-23 .slide2 .slick-arrow2.slick-left {left: 4%; cursor: pointer;} 
.thank-event-23 .slide2 .slick-arrow2.slick-right {left: 96%; cursor: pointer;}

.thank-event-23 .slide3 {position: absolute;top: 25%;left: 50%;transform: translateX(-50%);max-width: 100%;} 
.thank-event-23 .slide3 .list3 { max-width:100%; margin: 0 auto; } 
.thank-event-23 .slide3 .list3 .slick-slide { margin: 0 10px; } 

.thank-event-23 .sec-03 { text-align: center;}
.thank-event-23 .sec-03 .time { position: absolute; top: 4.5%; left: 50%; transform: translateX(-50%); width: 63%; text-align: center; } 
.thank-event-23 .sec-03 .countdown span { font-family: 'GmarketSansBold' !important; } 
.thank-event-23 .sec-03 .countdown span { font-size: 25px !important; font-weight: bold; color: #254967; letter-spacing: -2px; } 
.thank-event-23 .sec-03 .countdown span.txt { padding-right:10px; } 

.thank-event-23 .class-list { position: relative; max-width: 95%; margin: 30px auto 0 !important; } 
.thank-event-23 .class-list .class-title { margin: 0 auto 2px !important; position: relative; } 
.thank-event-23 .class-list .class-title img { } 
/* font-family: 'GmarketSansMedium'; */
.thank-event-23 .class-list .class-title p { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); font-size: 5vw !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; } 
.thank-event-23 .class-list .class-btn { display: flex; justify-content: space-between; width: 99.1%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-23 .class-list .class-btn li { width: calc(50% - 2px); margin-top: 5px !important; background: #1967c3; border-top: 1px solid #fff; position: relative; display: flex; align-items: center; } 
.thank-event-23 .class-list .class-btn li a { font-size: 3.1vw !important; color: #fff; display: block; padding: 20px; font-family: 'GmarketSansMedium'; word-break: keep-all; text-align: left; } 
.thank-event-23 .class-list .class-btn li a::after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 8px); right: 4%; background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/22_thanks_04.png); width: 11px; height: 15px; } 


.thank-event-23 .fixed-event-2 {position: fixed;top: 0;left: 0;z-index: 99999999999999999;width: 100%;height: 40px;/* border-bottom: 1px solid #fff; */box-sizing: border-box;background: #cae4fe;} 
.thank-event-23 .fixed-event-2 img{display: block;margin: 0 auto;height: 40px;}
.thank-event-23 .fixed-event-2 div {position: absolute;top: 0;left: 50%;width: 100%;height: 100%;display: flex;padding: 0 4.3%;max-width: 384px;transform: translateX(-50%);box-sizing: border-box;} 
.thank-event-23 .fixed-event-2 a {display: block;width: 33.333%;height: 100%;}

/* 23 감사제 끝 */


/* 24 감사제 */

.thank-event-24 { position: relative; } 
.thank-event-24.active { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 

.thank-event-24 { } 
.thank-event-24 .section { } 
.thank-event-24 .section .sec-content { z-index: 1; position: relative; } 
.thank-event-24 .sec-01 { background: #f6403b;} 
.thank-event-24 .sec-02 { background: #008c4c;} 
.thank-event-24 .sec-03 { background: #8dae40;} 
.thank-event-24 .sec-04 { background: #008c4c;} 
.thank-event-24 .sec-05 { background: #00ae9e;} 
.thank-event-24 .sec-06 { background: #f6403b;}
.thank-event-24 .sec-07 { background: #1c1c1c;} 

.thank-event-24 .class-list { position: relative; /*max-width: 850px;*/ margin: 40px auto 0 !important; } 
.thank-event-24 .class-list.first_tit{margin:0 auto !important;}
.thank-event-24 .class-list .class-title { padding:3% 0; position: relative; border-radius: 5px; background: #fbe285; } 
.thank-event-24 .class-list .class-title p { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); font-size: 30px !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; } 

.thank-event-24 .class-list .class-btn { display: flex; justify-content: space-between; width: 99.1%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-24 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; width: calc(50% - 6px); margin-top: 14px !important; border-radius: 5px;  } 
.thank-event-24 .class-list .class-btn li a { width:100%; font-size: 1.5em !important; display: block; padding: 20px; font-family: 'GmarketSansMedium'; word-break: keep-all; } 
.thank-event-24 .class-list .class-btn li a:hover{color:#d7232a; text-decoration: none;}
.thank-event-24 .class-list .class-btn li a::after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 8px); right: 4%; background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/241202_06_arrow.png); width: 11px; height: 15px; } 

.thank-event-24 .event-slide-area .event-slide-box { position: absolute; top: 24.1%; left: 11%; width: 78%; border: solid 2px #222;} 
.thank-event-24 .event-slide-area .slick-left { position: absolute; top: 44%; left: 5%; width: 6%; z-index: 10; cursor: pointer;} 
.thank-event-24 .event-slide-area .slick-right { position: absolute; top: 44%; right: 5%; width:6%; z-index: 10; cursor: pointer;} 

/* 24감사제 끝 */


/* 25 감사제 */

.thank-event-25 { position: relative; } 
.thank-event-25.active { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 

.thank-event-25 { } 
.thank-event-25 .section { } 
.thank-event-25 .section .sec-content { z-index: 1; position: relative; } 
.thank-event-25 .sec-01 { background: #fbecdc;} 
.thank-event-25 .sec-02 { background: #f8d9bb;} 
.thank-event-25 .sec-03 { background: #4e2c20;} 
.thank-event-25 .sec-04 { background: #ffb9b3;} 
.thank-event-25 .sec-05 { background: #edfab4;} 
.thank-event-25 .sec-06 { background: #ffeba5;}
.thank-event-25 .sec-07 { background: #fbecdc; padding-bottom:8%;} 
.thank-event-25 .sec-08 { background: #161616;}

.thank-event-25 .class-list { position: relative; /*max-width: 850px;*/ margin: 40px auto 0 !important; width: 95%; } 
.thank-event-25 .class-list.first_tit{margin:0 auto !important;}
.thank-event-25 .class-list .class-title { padding:3% 0; position: relative; border-radius: 5px; background: #cb301f; } 
.thank-event-25 .class-list .class-title p { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); font-size: 30px !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; color:#fff;} 

.thank-event-25 .class-list .class-btn { display: flex; justify-content: space-between; width: 99.1%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-25 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; width: calc(50% - 6px); margin-top: 14px !important; border-radius: 5px;  } 
.thank-event-25 .class-list .class-btn li a { width:100%; font-size: 1.5em !important; display: block; padding: 20px; font-family: 'GmarketSansMedium'; word-break: keep-all; } 
.thank-event-25 .class-list .class-btn li a:hover{color:#d7232a; text-decoration: none;}
.thank-event-25 .class-list .class-btn li a::after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 8px); right: 4%; background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/241202_06_arrow.png); width: 11px; height: 15px; } 

.thank-event-25 .video-btn-0 img { width: 100%; height: 100%; } 
.thank-event-25 .thanks-area { position: absolute; top: 40%; left: 50%; width: 100%; transform: translateX(-50%); } 
.thank-event-25 .thanks-slide { width: 100%; height: auto; } 
.thank-event-25 .swiper-slide img { width: 100%; } 
.thank-event-25 .thanks-area .thanks-slide-button { position: absolute; top: calc(50% - 16px); z-index: 97; width: 18px; height: 32px; padding: 0; text-indent: -9999px; cursor: pointer; } 

.thank-event-25 .thanks-area .thanks-slide-button-prev { top:29%; left: -8%;  } 
.thank-event-25 .thanks-area .thanks-slide-button-next { top:29%; right: -5%; } 

.thank-event-25 .model-a { display: none; position: absolute; top: 60%; left: 20%;z-index: 999; }
.thank-event-25 .model-a .close-btn { position: absolute; top: 1%; right: 1%; } 
.thank-event-25 .model-a .close-btn i { font-size: 30px; }

/* 25감사제 끝 */

/* 이벤트 */
  .borderB_none {border-bottom:none !important;}
  .borderR_c0caff_wrap {background-color:#f2f2f2; padding:30px 3%;}
  .borderR_c0caff {border-right:1px solid #c0caff;}
  .m_event_table_style .m_td_title{border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; text-align:center;}
  .m_event_table_style th {background:#3947ca; color:#fff; font-weight:600; padding:8px; font-size:0.9em;}
  .m_event_table_style td {background:#fff; padding:10px; border-bottom:1px solid #c8c8c8; font-size:0.9em;}
  .m_event_table_style a {color:#333; text-decoration:none;}
.borderR_c0caff_wrap p { color:#33C; font-size:1.1em; text-align:center; font-weight:bold;}
.borderR_c0caff_wrap span { color:#999; font-size:0.9em; text-align:center; font-weight:normal;}

.A-btn { position: absolute; text-indent: -9999px; opacity: 0; z-index: 1; cursor: pointer; } 

/*start 움직이는 손동작*/

.hand-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; z-index: 9; } 
.hand-icon:after { clear: both; content:''; display: block; position: absolute; bottom: 7px; right: -60px; background: url(/public_html/images/event/hand_icon.png); width: 76px; height: 61px; background-size: 70%;  z-index: 1; background-repeat: no-repeat; animation: event-hand 2s 1.25s ease-in-out infinite; } 
@keyframes event-hand { 
    0% { transform: translate(-00%,00%); } 
    50% { transform: translate(-50%,-20%); } 
    100% { transform: translate(-00%,00%); } 
}
.hand-icon2 { position: absolute; transform: translateX(-50%); text-indent: -999999px; z-index: 9;} 
.hand-icon2:after { clear: both; content:''; display: block; position: absolute;bottom: -52px; right: -60px; background: url(/public_html/images/event/hand_icon2.png); width: 76px; height: 61px; background-size: 70%;  z-index: 1; background-repeat: no-repeat; animation: event-hand 2s 1.25s ease-in-out infinite; } 
@keyframes event-hand2 { 
    0% { transform: translate(-00%,00%); } 
    50% { transform: translate(-50%,-20%); } 
    100% { transform: translate(-00%,00%); } 
}
.hand-icon3 { position: absolute; transform: translateX(-50%); text-indent: -999999px; z-index: 9;} 
.hand-icon3:after { clear: both; content:''; display: block; position: absolute; bottom: -52px; right: -60px; background: url(/public_html/images/event/hand_icon3.png); width: 68px; height: 59px; background-size: 70%;   z-index: 1; background-repeat: no-repeat; animation: event-hand 2s 1.25s ease-in-out infinite; } 
@keyframes event-hand3 { 
    0% { transform: translate(-00%,00%); } 
    50% { transform: translate(-50%,-20%); } 
    100% { transform: translate(-00%,00%); } 
}
.hand-icon4 { position: absolute; transform: translateX(-50%); text-indent: -999999px;z-index: 9; } 
.hand-icon4:after { clear: both; content:''; display: block; position: absolute; bottom: -52px; right: -60px; background: url(/public_html/images/event/hand_icon4.png);  width: 68px; height: 59px; background-size: 70%;  z-index: 1; background-repeat: no-repeat; animation: event-hand 2s 1.25s ease-in-out infinite; } 
@keyframes event-hand4 { 
    0% { transform: translate(-00%,00%); } 
    50% { transform: translate(-50%,-20%); } 
    100% { transform: translate(-00%,00%); } 
}
/*움직이는 손동작 end*/

/* pro-event css */

.pro-event{position: relative;width: 100%;max-width: 768px;}
.pro-event .down-btn{top: 48%;left: 29%;width: 29%;height: 7%;}
.pro-event .urlcopy-btn{top: 48%;left: 59%;width: 29%;height: 7%;}
.pro-event .com-btn-0{top: 67%;left: 31%;width: 18%;height: 8%;}
.pro-event .com-btn-1{top: 67%;left: 49%;width: 16%;height: 8%;}
.pro-event .com-btn-2{top: 67%;left: 66%;width: 17%;height: 8%;}

/* 이벤트 */
  .borderB_none {border-bottom:none !important;}
  .borderR_c0caff_wrap {background-color:#f2f2f2; padding:30px 3%;}
  .borderR_c0caff {border-right:1px solid #c0caff;}
  .m_event_table_style .m_td_title{border-right:1px solid #c8c8c8; border-bottom:1px solid #c8c8c8; text-align:center;}
  .m_event_table_style th {background:#3947ca; color:#fff; font-weight:600; padding:8px; font-size:0.9em;}
  .m_event_table_style td {background:#fff; padding:10px; border-bottom:1px solid #c8c8c8; font-size:0.9em;}
  .m_event_table_style a {color:#333; text-decoration:none;}
.borderR_c0caff_wrap p { color:#33C; font-size:1.1em; text-align:center; font-weight:bold;}
.borderR_c0caff_wrap span { color:#999; font-size:0.9em; text-align:center; font-weight:normal;}


/* event_230125 */
.event_230125 .pro-event .down-btn{top: 51%;left: 33%;transform: translateX(-50%);width: 30%;height: 5%;}
.event_230125 .pro-event .urlcopy-btn{top: 51%;left: 68%;transform: translateX(-50%);width: 30%;height: 5%;}
.event_230125 .pro-event .com-btn-0{top: 66%;left: 28%;transform: translateX(-50%);width: 22%;height: 7%;}
.event_230125 .pro-event .com-btn-1{top: 66%;left: 51%;transform: translateX(-50%);width: 22%;height: 7%;}
.event_230125 .pro-event .com-btn-2{top: 66%;left: 73%;transform: translateX(-50%);width: 22%;height: 7%;}

/* event_230216 */
.event_230216 img { display: block; margin: 0 auto;}
.event_230216 .event_btn { position: relative;}
.event_230216 .event_btn .btn_01 { width: 67%; position: absolute; top: 65%; left: 23.5%;}
.event_230216 .event_btn .btn_01 li { width: 26%; float: left; margin: 0 5px 0;}
.event_230216 .event_btn .btn_02 { width: 67%; position: absolute; top: 74%; left: 23.5%;}
.event_230216 .event_btn .btn_02 li { width: 26%; float: left; margin: 0 5px 0;}

/* event_230411 */
.event_230411 img { display: block; margin: 0 auto;}
.event_230411 div{position: relative;}
.event_230411 .event_btn { position: absolute; text-indent: -9999px; opacity: 0; z-index:1;}
.event_230411 .btn_01 { top:70%; left:50%; margin-left:-29%; width:59%; height: 12%;}

.event_230411 .btn_02 { top:72%; left:50%; margin-left:-44%; width:29%; height: 16%;}
.event_230411 .btn_03 { top:72%; left:50%; margin-left:-15.5%; width:29%; height: 16%;}
.event_230411 .btn_04 { top:72%; left:50%; margin-left:14.5%; width:29%; height: 16%;}

.event_230411 .btn_05 { top:61.5%; left:50%; margin-left:-32%; width:32.5%; height: 7%;}
.event_230411 .btn_06 { top:61.5%; left:50%; margin-left:0.5%; width:32.5%; height: 7%;}

.event_230411 .btn_07 { top:79.5%; left:50%; margin-left:-32.5%; width:27.5%; height: 7%;}
.event_230411 .btn_08 { top:79.5%; left:50%; margin-left:-5%; width:27.5%; height: 7%;}
.event_230411 .btn_09 { top:79.5%; left:50%; margin-left:22%; width:26.5%; height: 7%;}

/*240920*/
.event-240920 .tab-info-a {margin: 0 auto !important; background: #5a00c9; } 
.event-240920 .tab-info-a .tab_easy { display: flex; justify-content: center; } 
.event-240920 .tab-info-a .tab_easy li { line-height: 0;  cursor: pointer; } 
.event-240920 .tab-info-a .cont_easy {  } 
.event-240920 .tab-info-a .cont_easy li{position: absolute; top:40.2%; left:10.3%; width: 80.2%; }
.event-240920 .tab-info-a .cont_easy li > div { display: flex; padding: 0; } 
.event-240920 .tab-info-a .cont_easy li > div img{width: 100%;}

/*250312*/
.event_250312 .youtube-area {position: absolute;top: 32.5%;left: 42.8%;width: 63.5%;height: 51.1%;transform: translateX(-50%);} 
.event_250312 .youtube-area iframe { width: 100%; height: 100%; } 
.event_250312 .th-name {position: relative;display: flex;justify-content: center;width: 1100px;margin: 0 auto 40px;} 
.event_250312 .th-name li {margin: 0 5px;} 
.event_250312 .th-img {display: flex;} 
.event_250312 .th-img li { position: relative; } 


/* // 2024 여름 이벤트 - 240621 */

/* 전체이벤트*/
.event_240621.event_240621_07 .time { position: absolute; top: 68%; left: 50%; transform: translateX(-50%); width: 80%; text-align: center; } 
.event_240621.event_240621_07 .countdown{ display: flex; align-items: baseline; justify-content: center;}
.event_240621.event_240621_07 .countdown div.num { width: 17%; font-family: 'GmarketSansLight' !important; font-size: 2.4em !important; color: #ff33ff; letter-spacing: -2px; } 
.event_240621.event_240621_07 .countdown div.txt { font-family: 'GmarketSansBold' !important; font-size:1.2em; color: #000;} 

@media (min-width: 768px) {
    .event_240621.event_240621_07 .time { top: 70%; }
    .event_240621.event_240621_07 .countdown div.num { width: 17%;  font-size: 5em !important; } 
    .event_240621.event_240621_07 .countdown div.txt{ font-size:2em; }
}

/**** 2025 여름 이벤트 - 250625 *****/

/* 전체이벤트*/
.event_250625 .time { position: absolute; top: 47%; left: 50%; transform: translateX(-50%);text-align: center; display: block !important;} 
.event_250625 .countdown{ display: flex; align-items: baseline; justify-content: center;}
.event_250625 .countdown div.num { width: 130px !important; font-family: 'GmarketSansLight' !important; font-size: 80px !important; color: #1f5b33; letter-spacing: -2px; } 
.event_250625 .countdown div.txt { font-family: 'GmarketSansBold' !important; font-size:27px; padding-right:20px; color: #000;} 


/*서브메인 배너용*/
.summer-banner .banner{display: flex; justify-content: center; background: #efefe6;}
/* 2024 여름 이벤트 - 240621 // */

/* 2025 감사제 배너용 */
.thank-banner .banner{display: flex; justify-content: center; background: #fbecdc;}


/* 25 감사제 */

.thank-event-25 { position: relative; } 
.thank-event-25.active { position: fixed; top: 0; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 

.thank-event-25 { } 
.thank-event-25 .section { } 
.thank-event-25 .section .sec-content { z-index: 1; position: relative; } 
.thank-event-25 .sec-01 { background: #fbecdc;} 
.thank-event-25 .sec-02 { background: #f8d9bb;} 
.thank-event-25 .sec-03 { background: #4e2c20;} 
.thank-event-25 .sec-04 { background: #ffb9b3;} 
.thank-event-25 .sec-05 { background: #edfab4;} 
.thank-event-25 .sec-06 { background: #ffeba5;}
.thank-event-25 .sec-07 { background: #fbecdc; padding-bottom:8%;} 
.thank-event-25 .sec-08 { background: #161616;}

.thank-event-25 .class-list { position: relative; /*max-width: 850px;*/ margin: 40px auto 0 !important; width: 95%; } 
.thank-event-25 .class-list.first_tit{margin:0 auto !important;}
.thank-event-25 .class-list .class-title { padding:3% 0; position: relative; border-radius: 5px; background: #cb301f; } 
.thank-event-25 .class-list .class-title p { position: absolute; top: 54%; left: 50%; transform: translate(-50%, -50%); font-size: 30px !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; color:#fff;} 

.thank-event-25 .class-list .class-btn { display: flex; justify-content: space-between; width: 99.1%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-25 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; width: calc(50% - 6px); margin-top: 14px !important; border-radius: 5px;  } 
.thank-event-25 .class-list .class-btn li a { width:100%; font-size: 1.5em !important; display: block; padding: 20px; font-family: 'GmarketSansMedium'; word-break: keep-all; } 
.thank-event-25 .class-list .class-btn li a:hover{color:#d7232a; text-decoration: none;}
.thank-event-25 .class-list .class-btn li a::after { clear:both; content:''; display: block; position: absolute; top: calc(50% - 8px); right: 4%; background: url(https://www.epasskorea.com/Public_html/Images/event/thanks/241202_06_arrow.png); width: 11px; height: 15px; } 

.thank-event-25 .video-btn-0 img { width: 100%; height: 100%; } 
.thank-event-25 .thanks-area { position: absolute; top: 40%; left: 50%; width: 100%; transform: translateX(-50%); } 
.thank-event-25 .thanks-slide { width: 100%; height: auto; } 
.thank-event-25 .swiper-slide img { width: 100%; } 
.thank-event-25 .thanks-area .thanks-slide-button { position: absolute; top: calc(50% - 16px); z-index: 97; width: 18px; height: 32px; padding: 0; text-indent: -9999px; cursor: pointer; } 

.thank-event-25 .thanks-area .thanks-slide-button-prev { top:29%; left: -8%;  } 
.thank-event-25 .thanks-area .thanks-slide-button-next { top:29%; right: -5%; } 


/* 25감사제 끝 */