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


/* 22감사제 */

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

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

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

.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: 1100px; 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 .tch-area { position: absolute; top: 28.9%; left: 3.7%; width: 92.6%; height: 36.2%; display: flex; flex-wrap: wrap; background: #350e60; padding: 10px; box-sizing: border-box; border-radius: 24px; } 
.thank-event-22 .sec-01 .tch-area a { display: block; width: calc(20% - 8px); cursor: pointer; overflow: hidden; border-radius: 22px; border: 2px solid #020722; box-sizing: border-box; margin: 4px; } 
.thank-event-22 .sec-01 .tch-area a:hover img { transform: scale(1.1); opacity: 1; } 
.thank-event-22 .sec-01 .tch-area img { display: block; width: 100%; transition: transform 0.35s ease-in-out; opacity: 0.8; } 
.thank-event-22 .sec-01 .tch-area a.logoimg img{opacity: 1; } 
.thank-event-22 .sec-01 .time {position: absolute;top: 68.5%;left: 50%;transform: translateX(-50%);width: 63%;text-align: center;} 
.thank-event-22 .sec-01 .time span{font-family: 'GmarketSansBold' !important;}
.thank-event-22 .sec-01 .time span {font-size: 63px !important;font-weight: bold;color: #050e3a;letter-spacing: -1px;} 
.thank-event-22 .sec-01 .time span.num { padding-right:15px; } 


.thank-event-22 .class-list {position: relative;max-width: 850px;margin: 30px auto 0 !important;} 
.thank-event-22 .class-list .class-title {margin: 0 auto 2px !important;position: relative;} 
.thank-event-22 .class-list .class-title img { } 
/* font-family: 'GmarketSansMedium'; */
.thank-event-22 .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-22 .class-list .class-btn { display: flex; justify-content: space-between; width: 99.1%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-22 .class-list .class-btn li {width: calc(50% - 2px);margin-top: 14px !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: 20px !important;color: #fff;display: block;padding: 20px;font-family: 'GmarketSansMedium';word-break: keep-all;text-align: left;} 
.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;} 
.thank-event-22 .thankSwiper .youtube-btn {position: relative;width: 100%;display: block;} 
.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: 50%; z-index: 1; left: 50%; transform: translate(-50%,-50%); } 
.thank-event-22 .thankSwiper .thank-slide-button-next { left: 74.2%; } 
.thank-event-22 .thankSwiper .thank-slide-button-prev { left: 25.5%; } 

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


/* 23감사제 */


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

.thank-event-23 { position: relative; } 
.thank-event-23.active { position: fixed; top: 0; 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;} 


.thank-event-23 .slide1 {position: absolute;top: 22%;left: 50%;transform: translateX(-50%);max-width: 100%;} 
.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: 100%;} 
.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: 17%; cursor: pointer;} 
.thank-event-23 .slide2 .slick-arrow2.slick-right {left: 82%; 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.8%; 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: 55px !important; font-weight: bold; color: #254967; letter-spacing: -2px; } 
.thank-event-23 .sec-03 .countdown span.txt { padding-right:20px; } 

.thank-event-23 .class-list { position: relative; max-width: 850px; 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: 30px !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: 14px !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: 20px !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; } 

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

/* 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%; height: 47.5%; 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감사제 끝 */

@charset "Utf-8"; 

.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: -12px; right: -60px; background: url(/public_html/images/event/hand_icon.png); width: 76px; height: 61px; background-size: cover; 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: -12px; right: -60px; background: url(/public_html/images/event/hand_icon2.png); width: 76px; height: 61px; background-size: cover; 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-icon3 { position: absolute; transform: translateX(-50%); text-indent: -999999px;z-index: 9; } 
.hand-icon3:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(/public_html/images/event/hand_icon3.png); width: 68px; height: 59px; background-size: cover; 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-icon4 { position: absolute; transform: translateX(-50%); text-indent: -999999px;z-index: 9; } 
.hand-icon4:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(/public_html/images/event/hand_icon4.png);  width: 68px; height: 59px; background-size: cover; 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%); } 
}
/*움직이는 손동작 end*/

/* event-230331 */
.event-230331 { position: relative;}
.event-230331 .event-230331-btn01 { position: absolute; top: 79.5%; left: 51%; width: 16%; height: 2%;}
.event-230331 .event-230331-btn02 { position: absolute; top: 79.5%; left: 67%; width: 16%; height: 2%;}
.event-230331 .event-230331-btn03 { position: absolute; top: 81.7%; left: 51%; width: 16%; height: 2%;}
.event-230331 .event-230331-btn04 { position: absolute; top: 81.7%; left: 67%; width: 16%; height: 2%;}

/* event-230411 */
.event-230411 { position: relative;}
.event-230411 .event-230411-btn01 { position: absolute; top: 59%; left: 16%; width: 33%; height: 2%;}
.event-230411 .event-230411-btn02 { position: absolute; top: 59%; left: 51%; width: 33%; height: 2%;}
.event-230411 .event-230411-btn03 { position: absolute; top: 72%; left: 16%; width: 32%; height: 9%;}
.event-230411 .event-230411-btn04 { position: absolute; top: 72%; left: 51%; width: 32%; height: 9%;}


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


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

/* 전체이벤트*/
.event_250625 .time { position: absolute; top: 57%; left: 50%; transform: translateX(-50%);text-align: center; } 
.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;}