/* 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; } 
.A-btn { position: absolute; text-indent: -9999px; opacity: 0; background-color: red; z-index: 1; cursor: pointer; } 
#scB.thanks_21 .all-rev { position: relative; } 
#scB.thanks_21 .all-rev .btn-0 { top: 0; left: 1%; width: 32%; height: 100%; text-indent: -9999px; } 
#scB.thanks_21 .all-rev .btn-1 { top: 0; left: 50%; margin-left: -125px; width: 250px; height: 100%; text-indent: -9999px; } 
#scB.thanks_21 .all-rev .btn-2 { top: 0; left: 50%; margin-left: 134px; width: 250px; height: 100%; text-indent: -9999px; } 

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




/* 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: 0;left: 0;z-index: 99999999999999999;width: 100%;height: 40px;/* border-bottom: 1px solid #fff; */box-sizing: border-box;background: #291964;} 
.fixed-event-1 img{display: block;margin: 0 auto;height: 40px;}
.fixed-event-1 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;} 
.fixed-event-1 a {display: block;width: 33.333%;height: 100%;} 

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


}
/* 감사제배너 */
.thanks-banner {position: relative;width: 100%;background: url(/Public_html/Images/Main/mbanner/thank_banner22_m_bg.jpg);} 
.thanks-banner .banner { position: relative; max-width: 1100px; margin: 0 auto; } 
.thanks-banner .banner .sec-content{ position: relative; } 
.thanks-banner .banner a {display: block;width: 100%;height: 100%;position: absolute;} 




/* 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; } 


.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;} 
.fixed-event-2 img{display: block;margin: 0 auto;height: 40px;}
.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;} 
.fixed-event-2 a {display: block;width: 33.333%;height: 100%;}

/* 23 감사제 끝 */


/* 24 감사제 */

/*상단 닫기 이미지*/
.thank-event-24-fixed{position: fixed;top: 0;left: 0;z-index: 99999999999999999;width: 100%;height: 40px;/* border-bottom: 1px solid #fff; */box-sizing: border-box;background: #2140d6;} 
.thank-event-24-fixed img{display: block;margin: 0 auto;height: 40px;}
.thank-event-24-fixed 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-24-fixed a {display: block;width: 33.333%;height: 100%;}

.thank-event-24 { position: relative; } 
.thank-event-24.active { position: fixed; top: 3.8%; 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; padding-bottom:100px;} 

.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 { position: relative; width: 95%; border-radius: 5px; background: #fbe285; margin: 0 auto;  } 
.thank-event-24 .class-list .class-title p { padding:3% 0; text-align: center; font-size: 1.8em !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; } 

.thank-event-24 .class-list .class-btn { width: 95%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-24 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; margin-top: 3% !important; border-radius: 5px;  } 
.thank-event-24 .class-list .class-btn li a { width:98%; font-size: 1.5em !important; display: block; padding: 20px 10px; 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% !important; border: solid 2px #222;} 
.thank-event-24 .event-slide-area .slick-left { position: absolute; top: 44%; left: 5%; width: 6% !important; z-index: 10; cursor: pointer;} 
.thank-event-24 .event-slide-area .slick-right { position: absolute; top: 44%; right: 5%; width:6% !important; z-index: 10; cursor: pointer;} 


@media all and (min-width:769px) and (max-width:1023px){
    .thank-event-24.active { /*top: 8%; */}
    .thank-event-24 .class-list .class-title {width: 100%; }
    .thank-event-24 .class-list .class-title p{  font-size: 2em !important; } 
    .thank-event-24 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .thank-event-24 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .thank-event-24 .class-list .class-btn li a {padding: 20px; }
}
@media all and (min-width:1024px) {
    .thank-event-24.active { top: 3%; }
    .thank-event-24 .class-list .class-title {width: 100%; }
    .thank-event-24 .class-list .class-title p{  font-size: 2em !important; } 
    .thank-event-24 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .thank-event-24 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .thank-event-24 .class-list .class-btn li a {padding: 20px; }
}

/* 24감사제 끝 */


/* 25 감사제 */

/*상단 닫기 이미지*/
.thank-event-25-fixed{position: fixed;top: 0;left: 0;z-index: 99999999999999999;width: 100%;height: 40px;/* border-bottom: 1px solid #fff; */box-sizing: border-box;background: #f8d9bb;} 
.thank-event-25-fixed img{display: block;margin: 0 auto;height: 40px;}
.thank-event-25-fixed 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-25-fixed a {display: block;width: 33.333%;height: 100%;}

.thank-event-25 { position: relative; } 
.thank-event-25.active { position: fixed; top: 3.8%; 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:10%;} 
.thank-event-25 .sec-08 { background: #161616;}

.thank-event-25 .class-list { position: relative; /*max-width: 850px;*/ margin: 40px auto 0 !important; } 
.thank-event-25 .class-list.first_tit{margin:0 auto !important;}
.thank-event-25 .class-list .class-title { position: relative; width: 95%; border-radius: 5px; background: #cb301f; margin: 0 auto;  } 
.thank-event-25 .class-list .class-title p { padding:3% 0; text-align: center; font-size: 1.8em !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; color:#fff;} 

.thank-event-25 .class-list .class-btn { width: 95%; margin: 0 auto; flex-wrap: wrap; } 
.thank-event-25 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; margin-top: 3% !important; border-radius: 5px;  } 
.thank-event-25 .class-list .class-btn li a { width:98%; font-size: 1.5em !important; display: block; padding: 20px 10px; 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: 82%; 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-slide-button-prev { position:absolute; width: 4% !important; top:46%; left: 3%;  } 
.thank-event-25 .thanks-slide-button-next { position:absolute; width: 4% !important; top:46%; right: 3%; } 

.thank-event-25 .model-a { display: none; position: absolute; top: 40%; 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; }

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

@media all and (min-width:769px) and (max-width:1023px){
    .thank-event-25.active { /*top: 8%;*/ }
    .thank-event-25 .class-list .class-title {width: 100%; }
    .thank-event-25 .class-list .class-title p{  font-size: 2em !important; } 
    .thank-event-25 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .thank-event-25 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .thank-event-25 .class-list .class-btn li a {padding: 20px; }
}
@media all and (min-width:1024px) {
    .thank-event-25.active { top: 3%; }
    .thank-event-25 .class-list .class-title {width: 100%; }
    .thank-event-25 .class-list .class-title p{  font-size: 2em !important; } 
    .thank-event-25 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .thank-event-25 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .thank-event-25 .class-list .class-btn li a {padding: 20px; }
}

/* 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; } 
.hand-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -52px; 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; } 
.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; } 
.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; } 
.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*/

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

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



/* adm_pm01 */

.adm_pm01 div { text-align:center; } 

.adm_pm01 .sec-01{background: #b2ebf8;}
.adm_pm01 .sec-02{background: #0090ff;}
.adm_pm01 .sec-03{background: #dbf5fc;}
.adm_pm01 .sec-04{background: #00063c;}
.adm_pm01 .sec-05{background: #f8f7b3;}
.adm_pm01 .sec-06{background: #84e6ff;}

.adm_pm01 .event-slide-area2 .event-slide-box2 { position: absolute; top: 17%; width: 82%; height: 100%; left:9%; }
.adm_pm01 .event-slide-area2 .event-slide-box2 iframe {position: absolute; top: 43.5%; left: 14.5%; width: 71%; height: 50%;}
.adm_pm01 .event-slide-area2  .slick-left2 { position: absolute; top: 39%; left: 1%; width: 6%; z-index: 10;cursor: pointer; } 
.adm_pm01 .event-slide-area2 .slick-right2 { position: absolute; top: 39%; right: 1%; width:6%; z-index: 10;cursor: pointer; }

.adm_pm01 .youtube-area iframe { width: 66%; height: 20%; position: absolute; top: 26.2%; left: 50%; transform: translateX(-50%); } 


/* adm_pm02 */
.adm_pm02 div { text-align:center; } 
.adm_pm02 .sec-01{background: #ededed;}
.adm_pm02 .sec-02{background: #021482;}
.adm_pm02 .sec-03{background: #e0e2f0;}
.adm_pm02 .sec-04{background: #ededed;}
.adm_pm02 .sec-05{background: #fff;}
.adm_pm02 .sec-06{background: #e0e2f0;}
.adm_pm02 .sec-07{background: #ededed;}
.adm_pm02 .sec-08{background: #313131;}


/* adm_pm03 */
.adm_pm03 div { text-align:center; } 
.adm_pm03 .sec-01{background: #270656;}
.adm_pm03 .sec-02{background: #190a43;}
.adm_pm03 .sec-03{background: #6f42b9;}
.adm_pm03 .sec-04{background: #270656;}


/* adm_pm04 */

.adm_pm04 div { text-align:center; } 
.adm_pm04 .sec-01{background: url(https://epass-adm.com/Public_html/Images/Event/adm_pm04_01_bg.jpg);}
.adm_pm04 .sec-02{background: #6d8a68;}
.adm_pm04 .sec-03{background: #4e8861;}
.adm_pm04 .sec-04{background: #d7ffd2;}
.adm_pm04 .sec-05{background: #214d2f;}


/* adm_pm05 */
.adm_pm05 div { text-align:center; } 
.adm_pm05 .sec-01{background: #0791ff;}
.adm_pm05 .sec-02{background: #c7e5fc;}
.adm_pm05 .sec-03{background: #006ac0;}
.adm_pm05 .sec-04{background: #feffd3;}
.adm_pm05 .sec-05{background: #0791ff;}
.adm_pm05 .sec-06{background: #dceffd;}


/* .index_promotion */

.index_promotion div { text-align:center; } 
.index_promotion.active { position: fixed; top: 3.8%; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 

.index_promotion .sec-01{background: #3073f2;}
.index_promotion .sec-02{background: #1853c1;}
.index_promotion .sec-03{background: #11429c;}
.index_promotion .sec-04{background: #f1ffd1;}
.index_promotion .sec-05{background: #02d4de;}
.index_promotion .sec-06{background: #cafffd;}
.index_promotion .sec-07{background: #3073f2;}
.index_promotion .sec-08{background: #1853c1;}

.index_promotion .event-slide-area .event-slide-box {position: absolute; top: 35%; left: 17.8%; width: 64.6%; height: 28%;}
.index_promotion .event-slide-area .slick-left { position: absolute; top: 55%; left: 8%; width: 6% !important; z-index: 10; cursor: pointer;} 
.index_promotion .event-slide-area .slick-right { position: absolute; top: 55%; right: 8%; width:6% !important; z-index: 10; cursor: pointer;} 

.index_promotion .event-slide-area2 .event-slide-box2 div{width: 78%;}
.index_promotion .event-slide-area2 .event-slide-box2 { position: absolute; top: 5%; width: 100%; height: 100%; left:11%; }
.index_promotion .event-slide-area2 .slick-left2 { position: absolute; top: 39%; left: 1%; width: 6% !important; z-index: 10;cursor: pointer; } 
.index_promotion .event-slide-area2 .slick-right2 { position: absolute; top: 39%; right: 1%; width:6% !important; z-index: 10;cursor: pointer; } 


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

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

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

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

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

/**** 2026 여름 이벤트 - 260616 *****/
.event_260616 .time { position: absolute; top: 42%; left: 50%; transform: translateX(-50%); width: 80%; text-align: center; } 
.event_260616 .countdown{ display: flex; align-items: baseline; justify-content: center;}
.event_260616 .countdown div.num { width: 17%; font-family: 'GmarketSansLight' !important; font-size: 3em !important; color: #00b3ff; letter-spacing: -2px; } 
.event_260616 .countdown div.txt { font-family: 'GmarketSansBold' !important; font-size:1.2em; color: #000;} 

.event_260616 .sec-03 { background: #f4e7d6; padding-bottom: 10px;} 

.event_260616 .class-list { position: relative; /*max-width: 850px;*/ margin: 40px auto 0 !important; } 
.event_260616 .class-list.first_tit{margin:0 auto !important;}
.event_260616 .class-list .class-title { position: relative; width: 95%; border-radius: 5px; background: #0048ff; margin: 0 auto;  } 
.event_260616 .class-list .class-title p { padding:3% 0; text-align: center; font-size: 1.8em !important; font-family: 'GmarketSansBold' !important; font-weight: bold; line-height: 1 !important; color:#fff;} 

.event_260616 .class-list .class-btn { width: 95%; margin: 0 auto 60px; flex-wrap: wrap; } 
.event_260616 .class-list .class-btn li { position: relative; display: flex; align-items: center; background: #fff; margin-top: 3% !important; border-radius: 5px;  } 
.event_260616 .class-list .class-btn li a { width:98%; font-size: 1.5em !important; display: block; padding: 20px 10px; font-family: 'GmarketSansMedium'; word-break: keep-all; } 
.event_260616 .class-list .class-btn li a:hover{color:#0048ff; text-decoration: none;}
.event_260616 .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; } 


@media all and (min-width:769px) and (max-width:1023px){
    .event_260616.active { /*top: 8%;*/ }
    .event_260616 .class-list .class-title {width: 100%; }
    .event_260616 .class-list .class-title p{  font-size: 2em !important; } 
    .event_260616 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .event_260616 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .event_260616 .class-list .class-btn li a {padding: 20px; }
}
@media all and (min-width:1024px) {
    .event_260616.active { top: 3%; }
    .event_260616 .class-list .class-title {width: 100%; }
    .event_260616 .class-list .class-title p{  font-size: 2em !important; } 
    .event_260616 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .event_260616 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .event_260616 .class-list .class-btn li a {padding: 20px; }
}


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

.event_260914 div { text-align:center; } 
.event_260914 { position: relative; } 
.event_260914.active { position: fixed; left: 0; z-index: 999999; width: 100%; overflow-y: auto; height: 100%; } 
.event_260914 .sec-content { position: relative; width: 100%; max-width: 768px; margin: 0 auto;}
.event_260914 .sec-content img { display: block; width: 100%; height: auto; margin: 0 auto;}

.event_260914 .sec-01 { background: url(https://www.sonsakorea.com/Public_html/Images/event/260914_01_bg.jpg); } 
.event_260914 .sec-02{background: #4c3824;}
.event_260914 .sec-03{background: #ed8e55;}
.event_260914 .sec-04{background: #eaddc5;}

@media all and (min-width:769px) and (max-width:1023px){
    .event_260914.active { /*top: 8%;*/ }
    .event_260914 .class-list .class-title {width: 100%; }
    .event_260914 .class-list .class-title p{  font-size: 2em !important; } 
    .event_260914 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .event_260914 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .event_260914 .class-list .class-btn li a {padding: 20px; }
}
@media all and (min-width:1024px) {
    .event_260914.active { top: 3%; }
    .event_260914 .class-list .class-title {width: 100%; }
    .event_260914 .class-list .class-title p{  font-size: 2em !important; } 
    .event_260914 .class-list .class-btn  { width: 99.1%; display: flex; justify-content: space-between; } 
    .event_260914 .class-list .class-btn li {width: calc(50% - 6px);  } 
    .event_260914 .class-list .class-btn li a {padding: 20px; }
}