/* 감사제 서브메인 배너 */ .thanks-banner { position: relative; width: 100%; background: #fbecdc; } .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%; } /* 여름이벤트 서브메인 배너 */ .summer-banner { position: relative; width: 100%; background: #efefe6; } .summer-banner .banner { display: flex; justify-content: center; } .summer-banner .banner .sec-content { position: relative; } .summer-banner .banner a { display: block; width: 100%; height: 100%; position: absolute; } /* 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; position: relative; } .thank-event-22 .sec-01 { background: url(../../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 .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 .sec-06 .btn-aa { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .thank-event-22 .sec-08 .btn-aa { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-wrap: wrap; } .thank-event-22 .sec-06 a { text-indent: -999999px; display: block; width: 50%; height: 50%; } .thank-event-22 .sec-08 a { text-indent: -999999px; display: block; width: 50%; height: 50%; } .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(../../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 { } /* 22감사제 끝 */ /* 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; line-height:30px; } .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(../../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; width: 95%; } .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(../../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(../../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"; @import url(animated.css); ._event .section { position: relative; } ._event .tab_easy { position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; } ._event .tab_easy:after { clear:both; content:''; display: block; } ._event .tab_easy li { float: left; margin: 0 4px; position: relative; } ._event .tab_easy li.new-icon:after { animation-name: new_teacher; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count:infinite; clear:both; content:''; display: block; position: absolute; top: -17%; left: 0; background: url(../../Public_html/Images/event/info_cra_event_210526_sec_01_00_new.png); width: 100%; height: 42px; background-size: cover; } ._event .cont_easy { position: relative; margin: 0 auto; } ._event .cont_easy li:not(:first-child) { display: none; } /*버튼*/ .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: -12px; right: -60px; background: url(https://www.epasskorea.com/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; } .hand-icon2:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/public_html/images/event/hand_icon2.png); width: 76px; height: 70px; 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; } .hand-icon3:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/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; } .hand-icon4:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/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*/ /* 아코디언 FAQ 240723_01 사용*/ .accordion-item {cursor: pointer;} .accordion-title {position: relative;} .accordion-title::after {position: absolute;} .accordion-title.active::after {position: absolute;} .accordion-content {display: none;} .accordion-content.show {display: block;} /* 모달팝업 - 240731 사용 */ .modal-a { display: none; position: absolute; z-index: 2;} .modal-a .close-btn {position:absolute;} /*흐르는 텍스트/이미지*/ /*사용예시: 230727 */ .move-TI .viewBox{position: absolute; width:100%;margin:30px 0;overflow: hidden;z-index:9;} .move-TI .slideBox{width:200%;display: flex;animation: flowText 40s linear infinite;} @keyframes flowText{0%{transform: translateX();} 100%{transform: translateX(-50%);}} .move-TI .leftBox, .move-TI .rightBox{width:100%; height: 100%;display: flex; justify-content: space-between; align-items: center;} .move-TI .viewBox-img{/* 이미지로 사용 시 수정해야 할 부분top:0;*/} .move-TI .slideItem{/* 텍스트로 사용 시 수정해야 할 부분 font-family: 'GmarketSansBold'; background: linear-gradient(180deg, #2871fa, #6717cd); color:transparent; -webkit-background-clip: text; font-size: 3em; white-space: pre;*/} #infoTabCont .teach-area li { cursor: pointer; } /* 230512 상단 움직임 사용 */ @-webkit-keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shakeX { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .animate__shakeX { -webkit-animation-name: shakeX; animation-name: shakeX; animation-iteration-count : infinite; /*무한 반복 */ -webkit-animation-iteration-count : infinite; /*무한 반복 */ } /* 230512 상단 움직임 사용 */ /* 소문내기 이벤트 */ .event_page .voice-event { position: relative; width: 100%; } .event_page img { display:block; } .event_page .voice-event .po-btn { position: absolute; text-indent: -9999px; left: 50%; margin: 0 !important; padding: 0 !important; } .event_page .voice-event .img-down { top: 148px; margin-left: -256px !important; width: 221px; height: 54px; } .event_page .voice-event .url-copy { top: 148px; margin-left: -12px !important; width: 221px; height: 54px; } .event_page .voice-event .cafe-nth3-0 { top: 361px; margin-left: -264px !important; width: 200px; height: 54px; } .event_page .voice-event .cafe-nth3-1 { top: 361px; margin-left: -53px !important; width: 200px; height: 54px; } .event_page .voice-event .cafe-nth3-2 { top: 361px; margin-left: 156px !important; width: 202px; height: 54px; } .event_page .voice-event .voice-input-area { position: absolute; top: 611px; left: 50%; margin-left: -252px !important; width: 558px; height: 51px; } .event_page .voice-event .voice-input-area .url-input { position: absolute; top: 0; left: 0; width: 484px !important; height: 51px !important; padding: 10px !important; margin: 0 !important; box-sizing: border-box; } .event_page .voice-event .voice-input-area .url-sumbit { position: absolute; top: 0; left: 487px; width: 70px; height: 100%; box-sizing: border-box; opacity: 0; margin: 0 !important; padding: 0 !important; } .event_page .voice-event #copyUrlInput { position: absolute; top:0px; left: 0px; opacity: 0; } /* 21-03-05 */ .event_0305 img { display: block; } .event_0305 .btn-tab-area { position: relative; width: 100%; } .event_0305 .btn-tab-area a { text-indent: -9999px; outline: 0px solid red; position: absolute; top: 0; height: 100%; cursor: pointer !important; } .event_0305 .btn-tab-area .btn-tab-0 { left: 0px; width: 337px; } .event_0305 .btn-tab-area .btn-tab-1 { left: 336px; width: 268px; } .event_0305 .btn-tab-area .btn-tab-2 { left: 603px; width: 337px; } .event_0305 .tab-img-0 { position: relative; width: 100%; } .event_0305 .tab-img-0 .youtube-area { position: absolute; top: 29px; left: 212px; width: 516px; height: 292px; } .event_0305 .tab-img-0 .youtube-area iframe { width: 100%; height:100%; } .event_0305 .swiper-area { position: relative; width: 100%; } .event_0305 .swiper-area .slider-area { position: absolute; top: 0; left: 80px; width: 100%; max-width: 780px; visibility:hidden; opacity:0; } .event_0305 .swiper-area .slider-area .bx-wrapper { border: 0; box-shadow: 0px 0px 0px; -webkit-box-shadow: unset; -moz-box-shadow: unset; } .event_0305 .bx-wrapper .bx-prev { left: 10px; background: url(../../m-sub/public_html/images/event/210304_btn_left.png) 0 -0px no-repeat; } .event_0305 .bx-wrapper .bx-next { right: 10px; background: url(../../m-sub/public_html/images/event/210304_btn_right.png) 0 -0px no-repeat; } .event_0305 .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 53px; text-indent: -9999px; z-index: 9999; opacity: 0.5; } .event_0305 .bx-wrapper .bx-controls-direction a:hover { opacity: 1; background-position: 0 0; } .event_0305 .bx-wrapper .bx-controls-direction a:focus { background-position: 0 0; } .event_0305 .btn-tab-area a img { opacity: 0; } .event_0305 .btn-tab-area a.active img { opacity: 1; } .event_0305 .tab-content { display: none; } .event_0305 .tab-content.active { display: block; } .event_0305 .tab-img-0 { position: relative; width: 100%; } /* event 210526 */ .event_210526 .tab_easy { position: relative; width: 100%; max-width:760px; margin: 0 auto; } .event_210526 .tab_easy:after { clear:both; content:''; display: block; } .event_210526 .tab_easy li { float: left; margin: 0 4px; position: relative; } .event_210526 .tab_easy li.new-icon:after { animation-name: new_teacher; animation-duration: 2.5s; animation-timing-function: ease-in-out; animation-iteration-count:infinite; clear:both; content:''; display: block; position: absolute; top: -17%; left: 0; background: url(../../Public_html/Images/event/info_cra_event_210526_sec_01_00_new.png); width: 100%; height: 42px; background-size: cover; } .event_210526 .cont_easy li:not(:first-child) { display: none; } .event_210526 .cont_easy { margin: 56px auto 0; max-width: 772px; } .event_210526 .sec_01 { background: #9a64ed; } @keyframes new_teacher { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } } /* event 210930 */ .event_210930 .sec-01 { background: #fbfbfb; } .event_210930 .sec-00 .btn-0 { top: 520px; left: 50%; width: 702px; height: 58px; margin-left: -351px; } .event_210930 .sec-00 .btn-1 { top: 595px; left: 50%; width: 702px; height: 58px; margin-left: -351px; } .event_210930 .sec-00 .btn-2 { top: 670px; left: 50%; width: 702px; height: 58px; margin-left: -351px; } .event_210930 .sec-02 .btn-0 { top: 160px; left: 50%; width: 702px; height: 98px; margin-left: -351px; } .event_210930 .sec-02 .btn-1 { top: 280px; left: 50%; width: 702px; height: 98px; margin-left: -351px; } .event_210930 .sec-02 .btn-2 { top: 401px; left: 50%; width: 702px; height: 98px; margin-left: -351px; } .event_210930 .tab_easy { max-width: 570px; } /* event 220124 */ .event_220124 { } .event_220124 img { width:100%; display:block; position: relative; max-width: 100%; } .event_220124 .slide-a .slick-list { width:100%; height:100%; } .event_220124 .slide-a .slick-list .slick-track { height:100%; } .event_220124 .slide-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .event_220124 .bg { position: relative; overflow: hidden; } .event_220124 .bg img { transform: scale(1.3); transition: all ease-in-out 1.5s; } .event_220124 .bg.animate img { transform: scale(1); } .event_220124 .slide-a .slick-slide { position: relative; } .event_220124 .slide-a .tch-img { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; transform: translateX(-100px); transition: all ease-in-out 0.45s; } .event_220124 .slide-a .tch-fir-n { position: absolute; bottom: 24px; left: 363px; z-index: 2; opacity: 0; transform: translateX(-160px); transition: all ease-in-out 0.45s; } .event_220124 .slide-a .tch-name { position: absolute; bottom: 0; right: 143px; z-index: 0; overflow: hidden; opacity: 0; transform: translateY(150px); transition: all ease-in-out 0.45s; } .event_220124 .slide-a .tch-name .black { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; /* transform: translateX(-190px); */transition: all ease-in-out 1.4s; } .event_220124 .slide-a .tch-info { position: absolute; top: 0; right: 157px; opacity: 0; transform: translateX(150px); transition: all ease-in-out 0.45s; } .event_220124 .slide-a .video-btn { position: absolute; bottom: 62px; left: 232px; z-index: 3; width: 118px; height: 152px; } .event_220124 .slide-a .video-btn a { transform: translateX(-500px) rotate(-480deg); transition: all ease-in-out 1.25s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .event_220124 .slide-a .video-btn .btn-i { opacity: 0; transform: translateY(150px); transition: all ease-in-out 0.45s; position: absolute; top: 132px; left: 14px; } .event_220124 .slide-a .video-btn img { margin:0 auto; } .event_220124 .sec-01 .slick-left { position: absolute; top: 50%; left: 20px; z-index: 10; } .event_220124 .sec-01 .slick-right { position: absolute; top: 50%; right: 20px; z-index: 10; } .event_220124 .slide-a .slick-slide.animate { position: relative; } .event_220124 .slide-a .slick-slide.animate .move { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .event_220124 .slide-a .slick-slide.animate .move-2 { -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .event_220124 .slide-a .slick-slide.animate .move-3 { -webkit-transition-delay: 0.8s; transition-delay: 0.8s; } .event_220124 .slide-a .animate .tch-img { opacity: 1; transform: translateX(0px); } .event_220124 .slide-a .animate .tch-fir-n { opacity: 1; transform: translateX(0px); } .event_220124 .slide-a .animate .tch-name { opacity: 1; transform: translateY(0px); } .event_220124 .slide-a .animate .tch-name .black { opacity: 1; } .event_220124 .slide-a .animate .tch-info { opacity: 1; transform: translateX(0px); } .event_220124 .slide-a .animate .video-btn a { transform: translateX(0px) rotate(0deg); } .event_220124 .slide-a .animate .video-btn .btn-i { opacity: 1; transform: translateY(0px); } /* event_220210 */ .event_220210 { } .event_220210 img { display:block; } .event_220210 .img { position: absolute; z-index: 1; opacity: 0; transition: all ease-in-out 0.45s; } .event_220210.active .img { opacity: 1; } .event_220210 .img-0 { top: 144px; left: 198px; max-width: 381px; transform: translateX(-150px); } .event_220210 .img-1 { top: 320px; left: 198px; max-width: 390px; transform: translateX(-150px); } .event_220210 .img-2 { top: 492px; left: 198px; max-width: 613px; z-index: 2; transform: translateX(-150px); } .event_220210 .img-3 { bottom: 0; right: 78px; max-width: 532px; transform: translateX(150px); } .event_220210.active .img-0 { transform: translateX(0px); -webkit-transition-delay: 0.25s; transition-delay: 0.25s; } .event_220210.active .img-1 { transform: translateX(0px); -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .event_220210.active .img-2 { transform: translateX(0px); -webkit-transition-delay: 0.65s; transition-delay: 0.65s; } .event_220210.active .img-3 { transform: translateX(0px); } .event_220210 .slide-a { position: absolute; top:0; left:0; width: 100%; height: 100%; } .event_220210 .slide-a .slick-list, .event_220210 .slide-a .slick-track { width:100%; height:100%; } .event_220210 .slide-a .tch-img { top:0; right: 166px; max-width: 423px; z-index: 1; opacity: 0; transform: translateX(150px); } .event_220210 .slide-a .tch-fir-n { bottom: 0; left: 166px; max-width: 768px; z-index: 2; opacity: 0; transform: translateY(150px); } .event_220210 .slide-a .tch-name { top:0; left: 140px; max-width: 521px; z-index: 1; opacity: 0; transform: translateX(-150px); } .event_220210 .slide-a .tch-new { top: 56px; left: 240px; max-width: 44px; z-index: 1; opacity: 0; transform: translateY(-150px); } .event_220210 .slide-a .animate .tch-img { opacity: 1; transform: translateX(0px); } .event_220210 .slide-a .animate .tch-fir-n { opacity: 1; transform: translateY(0px); transition-delay: 0.25s; } .event_220210 .slide-a .animate .tch-name { opacity: 1; transform: translateX(0px); } .event_220210 .slide-a .animate .tch-new { opacity: 1; transform: translateX(0px); transition-delay: 0.4s; } .event_220210 .sec-01 .slick-left { position: absolute; top: 50%; left: 20px; z-index: 10; } .event_220210 .sec-01 .slick-right { position: absolute; top: 50%; right: 20px; z-index: 10; } /* event_220221 */ .event_220221 { } .event_220221 .youtube-area { position: relative; } .event_220221 .youtube-area iframe { position: absolute; top: 0; left: 50%; margin-left: -371px !important; width: 743px; height: 100%; } .event_220221 .bk-slide-area { position: relative; } .event_220221 .bk-slide-box { position: absolute; top: 0; left: 50%; margin-left: -141px; width: 506px; height: 100%; } /* event_220223 */ .event_220223 { } .event_page.event_220223 .voice-event .cafe-nth3-0 { top: 361px; margin-left: -264px !important; width: 200px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-1 { top: 361px; margin-left: -53px !important; width: 200px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-2 { top: 361px; margin-left: 156px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-3 { top: 443px; margin-left: -264px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-4 { top: 443px; margin-left: -53px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-5 { top: 443px; margin-left: 156px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-6 { top: 526px; margin-left: -264px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .cafe-nth3-7 { top: 526px; margin-left: -53px !important; width: 202px; height: 54px; } .event_page.event_220223 .voice-event .voice-input-area { top: 773px; } /* event_220302 */ .event_220302 { } .event_220302 .nth-3-tab, .event_220302 .nth-3-tab-cont { max-width: 768px; margin: 0 auto !important; } .event_220302 .nth-3-tab { margin: 0 auto 40px !important; } .event_220302 .nth-3-tab:after { clear:both; content:''; display:block; } .event_220302 .nth-3-tab li { float: left; width: 33.333%; cursor: pointer; } .event_220302 .nth-3-tab li img { margin: 0 auto; } .event_220302 .nth-3-tab-cont .teach-area { } .event_220302 .nth-3-tab-cont .teach-area:after { clear:both; content:''; display:block; } .event_220302 .nth-3-tab-cont .teach-area li { float: left; width: 16.6667%; cursor: pointer; } .event_220302 .nth-3-tab-cont .teach-area li img { margin:0 auto; } .event_220302 .nth-3-tab-cont .teach-area-cont li { position: relative; } .event_220302 .nth-3-tab-cont .teach-area-cont li iframe { position: absolute; top: 62px; left: 269px; width: 460px; height: 259px; z-index: 1; } .event_220302 .event-succ-intro { position: absolute; top: 84px; left: 281px; width: 435px; height: 214px; overflow: hidden; /* text-align: center; */background: #f5f5f5; } .event_220302 .event-succ-intro #succBg { position: absolute; width: 100%; height: 100%; background: #f5f5f5; z-index: 100; opacity: 1; transition: all ease 5s; } .event_220302 .event-succ-intro.active #succBg { opacity: 0; } .event_220302 .event-succ-intro .text { display: flex; justify-content: space-evenly; margin: 5px 0; } .event_220302 .event-succ-intro p { font-size: 18px; font-weight: 500; letter-spacing: -1.5px; } .event_220302 .event-succ-intro p:first-child { width: 45%; } .event_220302 #infoTabSubCont { position: relative; } .event_220302 .event-succ-intro .succ-text { } .event_220302 .btn-0 { top:0; left:50%; margin-left: -11px; width: 300px; height: 45px; } .event_220302 .btn-1 { top: 62px; left:50%; margin-left: -10px; width: 300px; height: 45px; } .event_220302 .btn-2 { top:0; left:50%; margin-left: -10px; width: 300px; height: 44px; } .event_220302 .btn-3 { top: 61px; left:50%; margin-left: -10px; width: 300px; height: 46px; } .event_220302 .btn-4 { top: 124px; left:50%; margin-left: -10px; width: 300px; height: 46px; } .event_220302 .btn-5 { top: 624px; left:50%; margin-left: -118px; width: 491px; height: 132px; } .event_220302 .btn-6 { top: 766px; left:50%; margin-left: -118px; width: 490px; height: 131px; } .event_220302 .btn-7 { top: 908px; left:50%; margin-left: -118px; width: 491px; height: 131px; } .event_220323 .bk-slide-area { position: relative; } .event_220323 .bk-slide-area .bk-slide-box { position: absolute; top: 0; left: 50%; width: 744px; height: 100%; margin-left: -372px; z-index: -1; } .event_220323 .slick-left { position: absolute; top: 50%; left: 200px; z-index: 10; } .event_220323 .slick-right { position: absolute; top: 50%; right: 200px; z-index: 10; } .event-info .slick-arrow { max-width: 42px; } .event-info .event-succ-list div { text-align: left; } .event-info .event-succ-list div span { } /* event 220516 */ .event_210526 img { display: block; } .event_220516 .tab_easy { position: relative; width: 100%; max-width:760px; margin: 0 auto; } .event_220516 .tab_easy:after { clear:both; content:''; display: block; } .event_220516 .tab_easy li { float: left; margin: 0 4px; position: relative; } .event_220516 .tab_easy li.new-icon:after { animation-name: new_teacher; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; clear:both; content:''; display: block; position: absolute; top: -17%; left: 0; background: url(../../Public_html/Images/event/info_cra_event_210526_sec_01_00_new.png); width: 100%; height: 42px; background-size: cover; } .event_220516 .cont_easy li:not(:first-child) { display: none; } .event_220516 .cont_easy { margin: 56px auto 0; max-width: 772px; } .event_220516 .sec_01 { background: #9a64ed; } /* event 220524 */ .event_210524 img { display: block; } .event_220524 .tab_easy { position: relative; width: 100%; max-width:760px; margin: 0 auto; } .event_220524 .teach-area { position: relative; width: 100%; max-width:760px; margin: 0 auto; } .event_220524 .teach-area.tab { width: 100%; max-width: 700px; justify-content: space-between; margin: 0 auto; display: flex; } .event_220524 .teach-area.tab li { margin: 0 auto 40px !important; position: relative; float: initial; } .event_220524 .sec_01 .tab_easy:after { clear:both; content:''; display: block; } .event_220524 .sec_01 .tab_easy li { margin: 0 !important; position: relative; } .event_220524 .sec_01 .tab_easy li img { display: block; } .event_220524 .cont_easy li:not(:first-child) { display: none; } .event_220524 .cont_easy li img { display: block; } .event_220524 .cont_easy { margin: 0px auto 0; max-width: 772px; } .event_220524 .teach-area-cont.tab { margin: 0px auto 0; max-width: 772px; } .event_220524 .teach-area-cont.tab li:not(:first-child) { display: none; } .event_220524 .sec_01 { background: #9a64ed; } /* event 220530 */ .event_220530 img { display: block; } .event_220530 .tab_easy { position: relative; width: 100%; max-width:760px; margin: 0 auto; } .event_220530 .tab_easy:after { clear:both; content:''; display: block; } .event_220530 .tab_easy li { margin: 0; } .event_220530 .tab_easy li.new-icon:after { animation-name: new_teacher; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; clear:both; content:''; display: block; position: absolute; top: -17%; left: 0; background: url(../../Public_html/Images/event/info_cra_event_210526_sec_01_00_new.png); width: 100%; height: 42px; background-size: cover; } .event_220530 .cont_easy li:not(:first-child) { display: none; } .event_220530 .cont_easy { margin: 0; } .event_220530 .cont_easy li { position: relative; } .event_220530 .sec_01 { background: #9a64ed; } .event_220530 .youtube-area { position: absolute; top: 40px; left: 50%; margin-left: -337px; width: 675px; height: 369px; } .event_220530 .youtube-area iframe { width: 100%; height: 100%; } .event_220530 .hand-icon { position: relative; } .event_220530 .hand-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -45px; left: 50%; margin-left: 31px; width: 87px; height: 74px; background: url(https://www.epasskorea.com/Public_html/Images/event/220530_02_hand.png); } .event_220530 .hand-icon.ty:after { bottom: 3px; left: 50%; margin-left: -424px; } .event_220530 .hand-icon:after { animation-name: hand-icon; animation-duration: 2s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes hand-icon { 0% { transform: translate(-0px, -0px); } 50% { transform: translate(-15px, -15px); } 100% { transform: translate(-0px, -0px); } } /* event_220620 */ .event_220620 { } .event_220620 .nth-3-tab, .event_220620 .nth-3-tab-cont { max-width: 768px; margin: 0 auto !important; } .event_220620 .nth-3-tab { margin: 0 auto 40px !important; } .event_220620 .nth-3-tab:after { clear:both; content:''; display:block; } .event_220620 .nth-3-tab li { float: left; width: 33.333%; cursor: pointer; } .event_220620 .nth-3-tab li img { margin: 0 auto; } .event_220620 .nth-3-tab-cont .teach-area { padding-bottom: 60px !important; } .event_220620 .nth-3-tab-cont .teach-area:after { clear:both; content:''; display:block; } .event_220620 .nth-3-tab-cont .teach-area li { float: left; width: 16.6667%; cursor: pointer; } .event_220620 .nth-3-tab-cont .teach-area li img { margin:0 auto; } .event_220620 .nth-3-tab-cont .teach-area-cont li { position: relative; } .event_220620 .nth-3-tab-cont .teach-area-cont li iframe { position: absolute; top: 32px; left: 263px; width: 460px; height: 259px; z-index: 1; } .event_220620 .event-succ-intro { position: absolute; top: 80px; left: 281px; width: 435px; height: 214px; overflow: hidden; /* text-align: center; */background: #f5f5f5; } .event_220620 .event-succ-intro #succBg { position: absolute; width: 100%; height: 100%; background: #f5f5f5; z-index: 100; opacity: 1; transition: all ease 5s; } .event_220620 .event-succ-intro.active #succBg { opacity: 0; } .event_220620 .event-succ-intro .text { display: flex; justify-content: space-evenly; margin: 5px 0; } .event_220620 .event-succ-intro p { font-size: 18px; font-weight: 500; letter-spacing: -1.5px; } .event_220620 .event-succ-intro p:first-child { width: 45%; } .event_220620 #infoTabSubCont { position: relative; } .event_220620 .event-succ-intro .succ-text { } .event_220620 .btn-1 { top: 823px; left:50%; margin-left: -374px; width: 749px; height: 134px; } .event_220620 .btn-2 { top: 965px; left:50%; margin-left: -374px; width: 749px; height: 134px; } .event_220620 .btn-3 { top: 1107px; left:50%; margin-left: -374px; width: 749px; height: 134px; } .event_220620 .sec-00 { background: #7b91f7; } .event_220620 .bk-slide-area { position: relative; } .event_220620 .bk-slide-area .bk-slide-box { position: absolute; top: 0; left: 50%; width: 744px; height: 100%; margin-left: -372px; z-index: -1; } .event_220620 .slick-left { position: absolute; top: 50%; left: 200px; z-index: 10; } .event_220620 .slick-right { position: absolute; top: 50%; right: 200px; z-index: 10; } /* promotion basc css */ .promotion-p { position: relative; } .promotion-p .section { } .promotion-p .section .sec-content { position: relative; width: 1100px; margin: 0 auto; } /*.promotion-p .section img { width: 100%; display: block; } */ .promotion-p .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; } .promotion-p .video-bg::before { clear: both; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); } .promotion-p .video-bg video { width: 100%; height: auto; position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0) scale(1.18); z-index: -1; min-height: 793px; } .promotion-p .sec-12 { position: relative;} .promotion-p .btn-01 { position: absolute; left: 15%; top: 78%; width: 23%; height: 9%;} .promotion-p .btn-02 { position: absolute; left: 39%; top: 78%; width: 23%; height: 9%;} .promotion-p .btn-03 { position: absolute; left: 62%; top: 78%; width: 23%; height: 9%;} /* epk_pm01 */ .epk_pm01 { } .epk_pm01 .sec-0 img { position: relative; z-index: 1; } .epk_pm01 .sec-0 { background: #101a19 url(../../Typec_Image/info_etax/info_etax_00_bg.jpg) no-repeat top center /contain; } .epk_pm01 .sec-00 { background-color: #eeeeee; } .epk_pm01 .sec-01 { background-color: #974dbe; } .epk_pm01 .sec-02 { background-color: #ff2e72; } .epk_pm01 .sec-03 { background-color: #ffeec2; } .epk_pm01 .sec-04 { background-color: #f2f2f2; } .epk_pm01 .sec-05 { background-color: #36cfca; } .epk_pm01 .sec-06 { background-color: #ffeec2; } .epk_pm01 .sec-07 { background-color: #fff; padding-bottom: 80px; } .epk_pm01 .sec-08 { background-color: #ffeec2; padding-bottom: 80px; } .epk_pm01 .sec-09 { background-color: #f4dfa8; } .epk_pm01 .sec-10 { background-color: #ff2e72; } .epk_pm01 .sec-11 { background-color: #3c3636; } .epk_pm01 .sec-12 { background-color: #e4e4e4; } .epk_pm01 .sec-13 { background: #4fdece; } .epk_pm01 .sec-14 { background: #38cdbc; } .epk_pm01 .sec-15 { background-color: #222; } .epk_pm01 .sec-16 { background-color: #fff; } .epk_pm01 .sec-17 { background-color: #ffeec2; } .epk_pm01 .youtube-aa { position: relative; } .epk_pm01 .youtube-aa iframe { position: absolute; top: 5.4%; left: 50%; transform: translateX(-29%); width: 470px; height: 241px; } .epk_pm01 .youtube-aa.sub iframe { transform: translateX(-70.8%); } .epk_pm01 .sec-05 .youtube-area { padding-bottom: 80px; } .epk_pm01 .sec-07 .youtube-area { position:relative; } .epk_pm01 .sec-17 { position: relative;} .epk_pm01 .sec-17 .sec-17-iframe1 { position: absolute; top: 21%; left: 34%; width: 100%;height: 22%;} .epk_pm01 .sec-17 .sec-17-iframe1 iframe { display: inline-block; width: 33%; height: 220px;} .epk_pm01 .sec-17 .sec-17-iframe2 { position: absolute; top: 50%; left: 31%; width: 80%;height: 22%;} .epk_pm01 .sec-17 .sec-17-iframe2 iframe { display: inline-block; width: 49%; height: 220px;} .epk_pm01 .sec-08 { position: relative;} .epk_pm01 .sec-08 .sec-17-iframe2 { position: absolute; top: 92%; left: 31%; width: 80%;height: 22%;} .epk_pm01 .sec-08 .sec-17-iframe2 iframe { display: inline-block; width: 49%; height: 220px;} .epk_pm01 .btn-0 { bottom: 7%; left: 50%; width: 44%; height: 8%; } /* .epk_pm01 .btn-1 { top: 31%; left: 16%; width: 22%; height: 13.5%; } .epk_pm01 .btn-2 { top: 31%; left: 39%; width: 22%; height: 13.5%; } .epk_pm01 .btn-3 { top: 31%; left: 62%; width: 22%; height: 13.5%; } */ /*500% 환급반 할인혜택 4월,6월 8월 대비반 */ .epk_pm01 .btn-1 { top: 15%; left: 39%; width: 11%; height: 9.5%; } .epk_pm01 .btn-2 { top: 15%; left: 75%; width: 11%; height: 9.5%; } .epk_pm01 .btn-3 { top: 30%; left: 39%; width: 11%; height: 9.5%; } .epk_pm01 .btn-4 { top: 30%; left: 75%; width: 11%; height: 9.5%; } .epk_pm01 .btn-13 { top: 44.5%; left: 39%; width: 11%; height: 9.5%; } .epk_pm01 .btn-14 { top: 44.5%; left: 75%; width: 11%; height: 9.5%; } .epk_pm01 .btn-5 { bottom: 299px; left: 50%; margin-left: -399px; width: 800px; height: 200px; } .epk_pm01 .btn-6 { bottom: 80px; left: 50%; margin-left: -399px; width: 800px; height: 200px; } .epk_pm01 .btn-10 { bottom: 1%; left: 50%; margin-left: -399px; width: 800px; height: 200px; } .epk_pm01 .btn-11 { bottom: 26.6%; left: 0; width: 50%; height: 50%; } .epk_pm01 .btn-12 { bottom: 26.6%; left: 50%; width: 50%; height: 50%; } .epk_pm01 .btn-16 { top: 81%; left: 71%; width: 12%; height: 13.5%; } .epk_pm01 .btn-17 { top: 81%; left: 52%; width: 12%; height: 13.5%; } .epk_pm01 .btn-18 { top: 69%; left: 71%; width: 12%; height: 13.5%; } .epk_pm01 .etax-pre-text { padding: 40px 0 50px; max-width: 786px; margin: 0 auto; } .epk_pm01 .etax-pre-text dt { margin-top: 10px; } .epk_pm01 .etax-pre-text dl { font-size: 20px; } .epk_pm01 .etax-pre-text dd span { display: table-cell; letter-spacing: -1.2px; } .epk_pm01 .etax-pre-text dd span.num { padding-right: 10px; } .epk_pm01 .video-slide { max-width: 1100px; margin: 0 auto 0px; background: #ffeec2; /* height: 195px; padding-bottom: 100px;*/ overflow: hidden; } .epk_pm01 .video-slide .slick-list { overflow: inherit; } .epk_pm01 .youtubeSlide img { width: 340px; transition: all ease 0.35s; } .epk_pm01 .youtubeSlide .slide.slick-center img { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } .epk_pm01 .youtubeSlide .slide { margin: 0 8px; /* height:100%; opacity: 0.45; transition: all ease 0.35s;*/ } .epk_pm01 .youtubeSlide .slide iframe { width: 100%; height:160px; transition: all ease 0.35s; } .epk_pm01 .youtubeSlide .slide.slick-center { /* padding:0; */opacity: 1; } .epk_pm01 .youtubeSlide .slide.slick-center iframe { transform: scaleY(1.23); box-shadow: 0px 10px 14px 2px rgba(0,0,0,0.35); } .epk_pm01 .youtubeSlide button { position: absolute; top: 38%; z-index: 99; width: 41px; height: 41px; padding: 0; text-indent: -9999px; } .epk_pm01 .youtubeSlide button.slick-prev { left:50%; margin-left: -195px; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_left.png); } .epk_pm01 .youtubeSlide button.slick-next { left:50%; margin-left: 140px; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_right.png); } .epk_pm01 .succ-video-intro .succ-text .text p { font-size: 16px; color: #222; text-align: center; } .epk_pm01 .review-list { max-width: 1100px; margin: 0 auto; } .epk_pm01 .sec-99 { background: #3db5a9; } .epk_pm01 .sec-99 .btn-0 { margin-left: -359px; top: 751px; left: 50%; width: 208px; height: 222px; } .epk_pm01 .sec-99 .btn-1 { margin-left: -104px; top: 751px; left: 50%; width: 208px; height: 222px; } .epk_pm01 .sec-99 .btn-2 { margin-left: 152px; top: 751px; left: 50%; width: 208px; height: 222px; } .epk_pm01 .tch-qna-slide { max-width: 755px; margin: 0 auto; } .epk_pm01 .tch-qna-slide button { position: absolute; top: 38%; z-index: 99; width: 41px; height: 41px; padding: 0; text-indent: -9999px; transform: translateX(-50%); } .epk_pm01 .tch-qna-slide button.slick-prev { left: 0%; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_left.png); } .epk_pm01 .tch-qna-slide button.slick-next { left: 100%; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_right.png); } /* pm02 */ .pm02 .section { overflow: hidden; } .pm02 .sec-01 { background: #1c39c1; } .pm02 .sec-02 { background: #1124a5; } .pm02 a { transform: translateX(-50%); } .pm02 .btn-1 { top: 24.7%; left:50%; width: 66%; height: 9.4%; } .pm02 .btn-2 { top: 35.4%; left:50%; width: 66%; height: 9.3%; } .pm02 .btn-3 { top: 46.1%; left:50%; width: 66%; height: 9.4%; } .pm02 .btn-4 { top: 65.7%; left:50%; width: 66%; height: 9.4%; } .pm02 .btn-5 { top: 76.4%; left:50%; width: 66%; height: 9.4%; } .pm02 .btn-6 { top: 87.1%; left:50%; width: 66%; height: 9.4%; } .pm02 .btn-7 { top: 7.3%; left:50%; width: 66%; height: 9%; } .pm02 .btn-8 { top: 17.4%; left:50%; width: 66%; height: 9%; } .pm02 .btn-9 { top: 27.6%; left:50%; width: 66%; height: 9%; } .pm02 .btn-10 { top: 38.1%; left:50%; width: 66%; height: 9%; } .pm02 .btn-11 { top: 48.8%; left:50%; width: 66%; height: 9%; } .pm02 .btn-12 { top: 17.8%; left:50%; width: 66%; height: 24%; } .pm02 .btn-13 { top: 43.9%; left:50%; width: 66%; height: 23%; } .pm02 .btn-14 { top: 69.1%; left:50%; width: 66%; height: 24%; } .pm02 .btn-15 { top: 14.6%; left:50%; width: 66%; height: 14.6%; } .pm02 .btn-16 { top: 53%; left:50%; width: 66%; height: 14.7%; } .pm02 .btn-17 { top: 73%; left:50%; width: 66%; height: 14.6%; } /* pm03 */ .pm03 .sec-05 { position: relative; } .pm03 .youtube-btn::after { display: none; } .pm03 .sec-05 .video-btn-1 { position: absolute; top: 73%; left: 21%; width: 27%; height: 23%; transform: translateX(-50%); } .pm03 .sec-05 .video-btn-2 { position: absolute; top: 73%; left: 50%; width: 27%; height: 23%; transform: translateX(-50%); } .pm03 .sec-05 .video-btn-3 { position: absolute; top: 73%; left: 79%; width: 27%; height: 23%; transform: translateX(-50%); } .pm03 .succ-list { position: absolute; top: 38%; left: 15%; width: 72%; height: 59%; overflow: hidden; } .pm03 .succ-list .slick-slide{ display: flex; } .pm03 .succ-list span { font-size: 22px !important; display: block; text-align: center; } .pm03 .succ-list span:nth-child(1) { width: 20%; } .pm03 .succ-list span:nth-child(2) { width: 30%; } .pm03 .succ-list span:nth-child(3) { width: 20%; } .pm03 .succ-list span:nth-child(4) { width: 30%; } /* epk_pm04 / event_220624 */ .epk_pm04 { } .epk_pm04 .sec-0 { background: #101a19 url(../../Typec_Image/info_etax/info_etax_00_bg.jpg) no-repeat top center /contain; } .epk_pm04 .sec-00 {background-color: #fad2ed;position: relative;} .epk_pm04 .sec-00::before {clear:both;content:'';display:block;background: url(https://www.epasskorea.com/public_html/images/event/220624_01_bg.jpg);position: absolute;top: 0;left: 50%;width: 50%;height: 100%;z-index: 1;} .epk_pm04 .sec-01 { background-color: #6254dd; padding-top: 80px; } .epk_pm04 .sec-02 { background-color: #6254dd; padding-bottom: 80px; } .epk_pm04 .sec-03 { background-color: #fcf3c8; padding-bottom: 80px; } .epk_pm04 .sec-04 { background-color: #b6bbff; padding-bottom: 80px; } .epk_pm04 .sec-05 { background-color: #6254dd; } .epk_pm04 .sec-06 { background-color: #ffeec2; } .epk_pm04 .sec-07 { background-color: #fff; padding-bottom: 80px; } .epk_pm04 .sec-08 { background-color: #ffeec2; padding-bottom: 80px; } .epk_pm04 .sec-09 { background-color: #f4dfa8; } .epk_pm04 .sec-10 { background-color: #ff2e72; } .epk_pm04 .sec-11 { background-color: #3c3636; } .epk_pm04 .sec-12 { background-color: #e4e4e4; } .epk_pm04 .sec-13 { background: #4fdece; } .epk_pm04 .sec-14 { background: #38cdbc; } .epk_pm04 .sec-15 { background-color: #222; } .epk_pm04 .sec-16 { background-color: #ffa04a; } .epk_pm04 .sec-00 img { position:relative; z-index:1; } .epk_pm04 .tab_easy { display: flex; margin: 0 auto; max-width: 747px; } .epk_pm04 .tab_easy li { } .epk_pm04 .cont_easy { } .epk_pm04 .youtube-area { position: absolute; top: 113px; left: 50%; margin-left: -339px; width: 675px; height: 380px; } .epk_pm04 .youtube-area iframe { width: 100%; height: 100%; } .epk_pm04 .hand-icon { position: relative; } .epk_pm04 .hand-icon:after {clear: both;content:'';display: block;position: absolute;top: 50%;left: 50%;margin-left: 310px;width: 87px;height: 74px;background: url(https://www.epasskorea.com/Public_html/Images/event/220621_icon.png);} .epk_pm04 .sec-04 .hand-icon:after { top: 60px; } .epk_pm04 .hand-icon.ty:after { bottom: 3px; left: 50%; margin-left: 76px; } .epk_pm04 .hand-icon:after { animation-name: hand-icon-0624; animation-duration: 2s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes hand-icon-0624 { 0% { transform: translate(-0px, -0px); } 50% { transform: translate(-15px, -15px); } 100% { transform: translate(-0px, -0px); } } /* .epk_pm05 */ .epk_pm05 { } .epk_pm05 .sec-00 { background: #019fff; } .epk_pm05 .sec-01 { background: #ffffff; padding: 80px 0; } .epk_pm05 .sec-02 { background: #0166ff; padding-bottom: 80px; } .epk_pm05 .sec-03 { background: #fff1b4; } .epk_pm05 .sec-04 { background: #74dbfe; padding: 84px 0; } .epk_pm05 .sec-05 { background: #ffeb3e; } .epk_pm05 .sec-06 { background: #4fdece; } .epk_pm05 .sec-07 { background: #38cdbc; } .epk_pm05 .sec-00 a { position: absolute; top: 915px; left: 50%; margin-left: -336px; width: 250px; height: 230px; } .epk_pm05 .hand-icon { } .epk_pm05 .hand-icon.ty { } .epk_pm05 .tab_easy { display: flex; justify-content: center; padding-bottom: 60px; max-width: 768px; margin: 0 auto; } .epk_pm05 .tab_easy li { margin: 0 5px; } .epk_pm05 .cont_easy { max-width: 768px; margin: 0 auto; } .epk_pm05 .cont_easy li { position: relative; } .epk_pm05 .sec-01 .event-slide-area { } .epk_pm05 .sec-01 .event-slide-area .event-slide-box { position: absolute; top: 0%; width: 100%; height: 100%; } .epk_pm05 .sec-01 .slick-left { position: absolute; top: 44%; left: -7%; z-index: 10; cursor: pointer; } .epk_pm05 .sec-01 .slick-right { position: absolute; top: 44%; right: -7%; z-index: 10; cursor: pointer; } .epk_pm05 .cont_easy .youtube-area { position: absolute; top: 0; left: 50%; margin-left: -337px; width: 674px; height: 370px; } .epk_pm05 .cont_easy .youtube-area iframe { width:100%; height:368px; } .epk_pm05 .hand-icon { position: relative; } .epk_pm05 .sec-02 .hand-icon:after {top: 60px;} .epk_pm05 .hand-icon:after { clear: both; content:''; display: block; position: absolute; bottom: 10px; left: 50%; margin-left: 283px; width: 87px; height: 74px; background: url(https://www.epasskorea.com/Public_html/Images/event/220621_icon.png); } .epk_pm05 .hand-icon.ty:after { bottom: 3px; left: 50%; margin-left: 80px; } .epk_pm05 .hand-icon:after { animation-name: hand-icon2; animation-duration: 2s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes hand-icon2 { 0% { transform: translate(-0px, -0px); } 50% { transform: translate(-15px, -15px); } 100% { transform: translate(-0px, -0px); } } /* epk_pm06 */ .epk_pm06 .main-youtube { position: absolute; top: 327px; left: 50%; margin-left: -375px; width: 749px; height: 422px; } .epk_pm06 .sec-00 { background: #74dbfe; } .epk_pm06 .sec-01 { background: #0f67e2; } .epk_pm06 .sec-02 { background: #74dbfe; padding-bottom:200px; } .epk_pm06 .sec-03 { background: #fff; } .epk_pm06 .sec-04 { background: #74dbfe; padding: 84px 0; } .epk_pm06 .sec-05 { background: #ffeb3e; } .epk_pm06 .sec-06 { background: #4fdece; } .epk_pm06 .sec-07 { background: #38cdbc; } .epk_pm06 .bk-slide-a { position: absolute; top: 54%; /*left: 50%; margin-left: -384px; */ width: 100%; overflow: hidden; padding: 150px 0; max-width: 1100px; } .epk_pm06 .bk-slide img { max-width: 700px; margin: 0 auto; } .epk_pm06 .bk-slide { } .epk_pm06 .bk-slide div { opacity: 0.8; transition: transform ease 0.35s; transform: scale(1.2); } .epk_pm06 .bk-slide div.swiper-slide-active { transform: scale(1.85); z-index: 1; opacity: 1; } .epk_pm06 .bk-slide-a .slide-btn { width: 41px; height: 41px; position: absolute; top: calc(50% - 18px); z-index: 1; } .epk_pm06 .bk-slide-a .slide-button-next { background: url(https://www.epasskorea.com/Public_html/Images/event/220621_01_right.png); right: 213px; } .epk_pm06 .bk-slide-a .slide-button-prev { background: url(https://www.epasskorea.com/Public_html/Images/event/220621_01_left.png); left: 213px; } /*.epk_pm06 .hand-icon.ty:after { bottom: 3px; left: 50%; margin-left: 80px; } .epk_pm06 .hand-icon:after {clear: both;content:'';display: block;position: absolute;top: 60px;left: 50%;margin-left: 283px;width: 87px;height: 74px;background: url(https://www.epasskorea.com/Public_html/Images/event/220621_icon.png);z-index: 1;} */ .epk_pm06 .btn-0 { top: 8%; left: 50%; margin-left: 23%;; width: 22%; height: 10%; } .epk_pm06 .btn-1 { top: 28%; left: 50%; margin-left: 23%;; width: 22%; height: 10%; } .epk_pm06 .btn-2 { top: 45%; left: 50%; margin-left: 23%;; width: 22%; height: 10%; } .epk_pm06 .btn-3 { top: 68%; left: 50%; margin-left: 23%;; width: 22%; height: 10%; } .epk_pm06 .btn-4 { top: 84%; left: 50%; margin-left: 23%;; width: 22%; height: 10%; } /* .event_220715 */ .event_220715 .sec-00 { background: #2f89e1; } .event_220715 .nth-3-tab { display: flex; justify-content: space-between; max-width: 768px; margin: 0 auto; } /* .event_220718 */ .event_220718 .sec-00 { background: #293b7d; padding: 0 0 80px; } .event_220718 .sec-01 { position: relative; } .event_220718 .teach-area { display: flex; justify-content: center; max-width: 768px; margin: 0 auto 20px; } .event_220718 .teach-area li { margin: 0 14px; } .event_220718 .tab_easy { position: relative; width: 100%; max-width: 690px; margin: 0 auto; display: flex; justify-content: space-between; } .event_220718 .sec_01 .tab_easy:after { clear:both; content:''; display: block; } .event_220718 .sec_01 .tab_easy li { margin: 0 !important; position: relative; } .event_220718 .sec_01 .tab_easy li img { display: block; } /* .event_220728 */ .event_220728 .sec-00 { background: #00d5ff; } .event_220728 .sec-00::after { clear:both; content:''; display: block; background: url(https://www.epasskorea.com/public_html/images/event/220728_05.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; } .event_220728 .sec-01 { background: #0092ff; } .event_220728 .sec-01::after { clear:both; content:''; display: block; background: url(https://www.epasskorea.com/public_html/images/event/220728_06.png); position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; } .event_220728 .sec-02 { background: #222222; } .event_220728 .abo { position: absolute; bottom: -14%; left: 50%; transform: translateX(-50%); max-width: 546px; width: 49.7%; z-index: 1; } /* .event_220801 */ .event_220801 { } .event_220801 #cookieBtn { top: 0; left: 50%; margin-left: -239px; width: 477px; height: 100%; } .event_220801 .dim-area { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.45); } .event_220801 .cookie-a { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; z-index: 99; } .event_220801 .cookie-a.active { display: block; } .event_220801 .cookie-a .img-aa { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .event_220801 .cookie-a .img-aa .close-btn { position: absolute; top: 0; right: -34px; font-size: 43px; color: #fff; } .event_220801 .cookie-a .img-aa .close-btn span { text-indent: -9999999px; position: relative; display: block; } .event_220801 .cookie-a .img-aa .img-down { bottom: 15%; left: 9%; width: 31%; height: 21%; } .event_220801 .btn-0 { top: 0; left: 50%; margin-left: -390px; width: 24%; height: 100%; } .event_220801 .btn-1 { top: 0; left: 50%; margin-left: -126px; width: 23%; height: 100%; } .event_220801 .btn-2 { top: 0; left: 50%; margin-left: 127px; width: 24%; height: 100%; } .event_220801 .btn-3 { top: 44%; left: 50%; margin-left: -292px; width: 17%; height: 20%; } .event_220801 .btn-4 { top: 44%; left: 50%; margin-left: -84px; width: 18%; height: 20%; } .event_220801 .btn-5 { top: 44%; left: 50%; margin-left: 127px; width: 18%; height: 20%; } .event_220801 .urlcopy-btn { top: 0; left: 50%; margin-left: -286px; width: 16%; height: 14%; } .event_220801 .input-area-c { bottom: 0; left: 50%; margin-left: -283px; width: 55%; height: 13.7%; position: absolute; } .event_220801 .input-area-c input[type="hidden"] { /* top: 0; *//* left: 50%; *//* margin-left: 127px; *//* width: 24%; *//* height: 100%; */ } .event_220801 .input-area-c input[type="text"] { position: absolute; top: 4%; left: 0.3%; width: 70.7%; height: 89%; font-size: 14px; padding-left: 10px; box-sizing: border-box; border: 0; } .event_220801 .input-area-c button { top: 0; left: 50%; margin-left: 428px; width: 28%; height: 100%; opacity: 0; } .event_220801 .A-btn { opacity: 1; background: rgba(0,0,0,0); } .event_220801 .btn-icon:after { clear: both; content:''; display: block; background: url(https://www.epasskorea.com/Public_html/Images/Event/220801_icon.png); position: absolute; top: 68%; right: -15%; width: 103px; height: 82px; z-index: 37; } .event_220801 .btn-icon:after { animation-name: hand-icon; animation-duration: 2s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes hand-icon { 0% { transform: translate(-0px, -0px); } 50% { transform: translate(-15px, -15px); } 100% { transform: translate(-0px, -0px); } } /* event_220809 */ .event_220809 .event-slide { position: absolute; top: 0; left: 50%; margin-left: -375px; width: 749px; height: 100%; border-radius: 100px; overflow: hidden; } /* .event_220819 */ .event_220819 .sec-00 { background: #293b7d; } .event_220819 .sec-01 { position: relative; } .event_220819 .teach-area { display: flex; justify-content: center; max-width: 768px; margin: 0 auto 20px; } .event_220819 .teach-area li { margin: 0 14px; } /* .event_220818 */ .event_220818 .sec-01 { background: #e66e2f; } .event_220818 .sec-02 { background: #e4e4e4; } .event_220818 .sec-03 { background: #ffde53; } .event_220818 .sec-04 { background: #acd6fe; } .event_220818 .sec-05 { background: #007cf8; } .event_220818 .sec-06 { background: #ffde53; } .event_220818 .sec-07 { background: #e4e4e4; } .event_220818 .sec-08 { background: #acd6fe; } .event_220818 .sec-15 { background: #222; } .event_220818 .sec-16 { background: #ffa04a; } .event_220818 .btn-0 { bottom: 11%; right: 3%; width: 33%; height: 41%; } .event_220818 .btn-1 { top: 12%; right: 4.7%; width: 23%; height: 25%; } .event_220818 .btn-a { position: absolute; left: 50%; margin-left: -372px; width: 67.8%; height: 26%; } .event_220818 .btn-a-0 { top: 33.4%; } .event_220818 .btn-a-1 { top: 60.9%; } .event_220818 .model-a { display: none; max-width: 643px; margin: 0 auto; position: relative; z-index: 1; } .event_220818 .model-a .close-btn { position: absolute; top: 27px; right: 41px; } .event_220818 .model-a .close-btn i { font-size: 40px; color: #222; } .event_220818 div iframe { position: absolute; top: 0; left: 50%; margin-left: -372px; width: 745px; height: 100%; } .event_220818 .bk-slide-a { position: absolute; top: 1px; left: 50%; margin-left: -349px; width: 698px; height: 100%; } .event_220818 .bk-slide-a .slick-btn { position: absolute; top: calc(50% - 25px); } .event_220818 .bk-slide-a .slick-btn.left-btn { left: -24px; } .event_220818 .bk-slide-a .slick-btn.right-btn { right: -24px; } .event_220818 .etax-pre-text { padding: 40px 0 50px; max-width: 786px; margin: 0 auto; } .event_220818 .etax-pre-text dt { margin-top: 10px; } .event_220818 .etax-pre-text dl { font-size: 20px; } .event_220818 .etax-pre-text dd span { display: table-cell; letter-spacing: -1.2px; } .event_220818 .etax-pre-text dd span.num { padding-right: 10px; } .event_220818 .tch-qna-slide { max-width: 755px; margin: 0 auto; } .event_220818 .tch-qna-slide button { position: absolute; top: 38%; z-index: 99; width: 41px; height: 41px; padding: 0; text-indent: -9999px; transform: translateX(-50%); } .event_220818 .tch-qna-slide button.slick-prev { left: 0%; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_left.png); } .event_220818 .tch-qna-slide button.slick-next { left: 100%; background: url(https://www.epasskorea.com/Public_html/Images/Event/epk_pm01_right.png); } .event_220818 .btn-11 { bottom: 26.6%; left: 0; width: 50%; height: 50%; } .event_220818 .btn-12 { bottom: 26.6%; left: 50%; width: 50%; height: 50%; } /** event_220825 */ .event_220825 .succ-list { position: absolute; top: 0; left: 50%; margin-left: -149px; width: 497px; height: 100%; background: #fff; } .event_220825 .succ-list .slick-slide { display: flex; text-align: center; } .event_220825 .succ-list .slick-slide span:nth-child(1n) { width: 32.334%; } .event_220825 .succ-list .slick-slide span:nth-child(2n) { width: 27.334%; } .event_220825 .succ-list .slick-slide span:nth-child(3n) { width: 37.334%; } .event_220825 .succ-list.ty2 .slick-slide span:nth-child(1n) { width: 55%; } .event_220825 .succ-list.ty2 .slick-slide span:nth-child(2n) { width: 39%; } .event_220825 .succ-list .slick-slide span { font-size: 25px; width: 47%; position:relative; } .event_220825 .succ-list .slick-slide span sup { position: absolute; top: -5px; right: 18%; color: #ebd05d; } .event_220825 .meta-slide-a { position: absolute; top: 0; left: 50%; margin-left: -374px; width: 68%; height: 100%; } .event_220825 .meta-slide-a .slick-btn { position: absolute; top: 35%; width: 34px; } .event_220825 .meta-slide-a .slick-btn.left-btn { left: 1%; } .event_220825 .meta-slide-a .slick-btn.right-btn { right: 1%; } .event_220825 .teach-area { position: absolute; top: 0; left: 50%; margin-left: -374px; width: 747px; display: flex; justify-content: center; } .event_220825 .teach-area li { margin: 0 20px !important; } .event_220825 .teach-area-cont li { position: relative; } .event_220825 .teach-area-cont iframe { position: absolute; top: 44.9%; right: 20.8%; width: 39.4%; height: 49.2%; } /** event_220826 */ .event_220826 .succ-list { position: absolute; top: 0; left: 50%; margin-left: -267px; width: 535px; height: 100%; background: #fff; overflow: hidden; } .event_220826 .succ-list .slick-slide { display: flex; text-align: center; } .event_220826 .succ-list .slick-slide span:nth-child(1n) { width: 28%; } .event_220826 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_220826 .succ-list .slick-slide span:nth-child(3n) { padding-left:24px; } .event_220826 .succ-list .slick-slide span { font-size: 25px; position:relative; } /* event_220829_01 */ .event_220829_01 #numCount { position: absolute; top: -7%; left: 50%; margin-left: -269px; font-size: 150px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; text-align: right; width: 420px; } .event_220829_01 .company-slide { position: absolute; top: 0; left: 50%; margin-left: -319px; width: 640px; height: 100%; } /* event_220902_01 */ .event_220902_01 .numCount { position: absolute; top: -7%; left: 50%; margin-left: -269px; font-size: 150px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; text-align: right; width: 420px; } .event_220902_01 .company-slide { position: absolute; top: 0; left: 50%; margin-left: -319px; width: 640px; height: 100%; } .event_220902_01 .meta-slide-a { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 57%; height: 100%; max-width: 620px; } .event_220902_01 .meta-slide-a .slick-btn { position: absolute; top: 35%; width: 34px; } .event_220902_01 .meta-slide-a .slick-btn.left-btn { left: -8%; } .event_220902_01 .meta-slide-a .slick-btn.right-btn { right: -8%; } .event_220902_01 .teach-area { display: flex; margin: 0 auto; width: 768px; justify-content: space-evenly; } .event_220902_01 .teach-area-cont .youtube-area { position: relative; } .event_220902_01 .teach-area-cont .youtube-area iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 66%; height: 100%; } /* event_220913 */ .event_220913 .company-slide { position: absolute; top: 0; left: 50%; margin-left: -319px; width: 640px; height: 100%; } /* event_220916 */ .event_220916 .meta-slide-q { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 748px; height: 100%; } .event_220916 .slick-btn { position: absolute; top: calc(50% - 10px); left: 50%; } .event_220916 .slick-btn.left-btn { margin-left: -365px; } .event_220916 .slick-btn.right-btn { margin-left: 340px; } .event_220916 .teach-area { position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: flex; } .event_220916 .youtube-area { position: relative; } .event_220916 .youtube-area iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 650px; height: 100%; } /* event_220921 */ .event_220921 .hand-icon { position: absolute; top: 40%; left: 58%; transform: translate(50% , 0); } .event_220921 .hand-icon { animation-name: hand-icon; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes hand-icon { 0% { transform: translate(50% , 30%); } 50% { transform: translate(50% , 0); } 100% { transform: translate(50% , 30%); } } .event_220921 .btn-1 { top: 0; left: 50%; transform: translateX(-50%); width: 30%; height: 100%; } .event_220921 .btn-2 { top: 0; left: 50%; transform: translateX(-50%); width: 42%; height: 100%; } .event_220921 .input-a { position: absolute; top: 7%; left: 50%; transform: translateX(-50%); width: 45.5%; height: 86%; } .event_220921 .input-a input { width: 100%; height: 100%; padding-left: 10px; font-size: 20px; font-weight: bold; color: #222; border:0px; } .event_220921 .input-a input::placeholder { text-align: center; color: #ccc; } .event_220921 .input-check { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 42.6%; height: 100%; } .event_220921 input[type="checkbox"] { display: none; } .event_220921 input[type="checkbox"] + label { display: inline-block; width: 101.2%; height: 100%; position: relative; box-sizing: border-box; } .event_220921 input[id="check1"]:checked + label::after { content:''; clear: both; display: block; position: absolute; left: 1.1%; top: 13%; background: url(../../Public_html/Images/Event/220921_check.jpg);;;;;;;;;;;;;;;;;;;;;;; width: 8%;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; height: 100%;;;;;;; background-repeat: no-repeat;;;;;;; max-width: 24px;;;;; } .event_220921 label span { display: none; } /* event_220923_01 */ .event_220923_01 { } .event_220923_01 .meta-slide-q { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 66.1%; } .event_220923_01 .meta-slide-q { } .event_220923_01 .slick-btn { position: absolute; top: calc(50% - 10px); left: 50%; } .event_220923_01 .slick-btn.left-btn { margin-left: -355px; } .event_220923_01 .slick-btn.right-btn { margin-left: 330px; } /* .event_220927 */ .event_220927 .teach-area { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 68.2%; display: flex; max-width: 748px; } .event_220927 .teach-area li { } .event_220927 img { display: block; width: 100%; margin: 0 auto; } /* .event_230207 */ .event_230207 .teach-area { position: absolute; top: 43%; left: 66%; transform: translateX(-50%); width: 100%; display: flex; } .event_230207 .teach-area li { } .event_230207 img { display: block; width: 100%; margin: 0 auto; } .event_230207 .tab_img { width: 68%;} .event_230207 .teach-area-cont { position: absolute; top:52%; left:0; width: 100%;} .event_230207 .teach-area02 { position: absolute; top: 14%; left: 66%; transform: translateX(-50%); width: 100%; display: flex; } .event_230207 .teach-area-cont02 { position: absolute; top:22.7%; left:0; width: 100%;} .event_230207 .event { background: #fff492; padding-bottom: 80px;} .event_230207 .event img { width: 68% !important; display: block;} /* .event_230209*/ .event_230209 .teach-area { position: absolute; top: 20%; left: 66%; transform: translateX(-50%); width: 100%; display: flex; } .event_230209 .teach-area li { } .event_230209 img { display: block; width: 100%; margin: 0 auto; } .event_230209 .tab_img { width: 68%;} .event_230209 .teach-area-cont { position: absolute; top:30%; left:3px; width: 100%;} .event_230209 .slide_box { width:712px; position: absolute; left: 17.5%; top:25%;} .event_230209 .bk-slide li { } /* .event_221007 */ .event_221007 { } .event_221007 .btn-1 { /* top: 10.2%; *//* left:50%; *//* transform: translateX(-50%); *//* width: 64%; *//* height: 14%; */ } .event_221007 .btn-2 { top: 9.7%; left:50%; transform: translateX(-50%); width:64%; height: 15%; } .event_221007 .btn-3 { top: 24.9%; left:50%; transform: translateX(-50%); width:64%; height: 14%; } .event_221007 .btn-4 { top: 68%; left: 25%; transform: translateX(-50%); width: 12%; height: 5%; } .event_221007 .btn-5 { top: 68%; left: 39%; transform: translateX(-50%); width: 16%; height: 5%; } .event_221007 .btn-6 { top:68%; left: 59%; transform: translateX(-50%); width:12%; height:5%; } .event_221007 .btn-7 { top:68%; left: 73%; transform: translateX(-50%); width:16%; height:5%; } .event_221007 .btn-8 { top: 88%; left:25%; transform: translateX(-50%); width:12%; height:5%; } .event_221007 .btn-9 { top: 88%; left:39%; transform: translateX(-50%); width:16%; height:5%; } .event_221007 .btn-10 { top: 88%; left: 59%; transform: translateX(-50%); width:12%; height:5%; } .event_221007 .btn-11 { top: 88%; left: 73%; transform: translateX(-50%); width:16%; height:5%; } .event_221007 .teach-area { position: absolute; top: 24%; left: 50%; display: flex; transform: translateX(-50%); width: 67%; justify-content: space-between; } /* .event_221013 */ .event_221013 .teach-area { position: absolute; top: 0; left: 50%; display: flex; transform: translateX(-50%); width: 53%; justify-content: space-between; } /* .event_221018 */ .event_221018 .meta-slide-q { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 68%; max-width: 747px; } .event_221018 .meta-slide-q { } .event_221018 .meta-slide-q div img { max-width: 747px; } .event_221018 .slick-btn { position: absolute; top: 4%; transform: translateX(-50%); z-index: 1; } .event_221018 .slick-btn.left-btn { left: 69%; } .event_221018 .slick-btn.right-btn { left: 75%; } /* .event_221027 */ .event_221027 .meta-slide-q { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 64.5%; max-width: 747px; } .event_221027 .meta-slide-q .slick-dots { position: absolute; top: -8%; left: 50%; display: flex !important; transform: translateX(-50%); } .event_221027 .meta-slide-q .slick-dots { } .event_221027 .meta-slide-q .slick-dots .slick-active button { background:#fff; color:#fff; } .event_221027 .meta-slide-q .slick-dots button { padding: 0; background: #222; color: #222; width: 15px; height: 15px; border-radius: 10px; font-size: 10px; margin: 0 10px; } .event_221027 .meta-slide-q div img { max-width: 747px; } /* .event_221110 */ .event_221110 .slick-dots { position: absolute; bottom: 6%; left: 50%; transform: translateX(-50%); display: flex !important; } .event_221110 .slick-dots li { margin: 0 10px; } .event_221110 .slick-dots button { width: 12px; height: 12px; text-indent: -999999px; padding: 0; border-radius: 10px; color: #fff; background: #fff; opacity: 0.3; } .event_221110 .slick-dots .slick-active button { opacity: 1; } .event_221110 .slick-btn { position: absolute; bottom: 5%; transform: translateX(-50%); z-index: 1; } .event_221110 .slick-btn.left-btn { left: 41%; } .event_221110 .slick-btn.right-btn { left: 59%; } .event_221110 .btn-1 { top: 0; left: 0; width: 50%; height: 100%; } .event_221110 .btn-2 { top: 0; left: 50%; width: 50%; height: 100%; } /* event_221110_02 */ .event_221110_02 .company-slide { position: absolute; top: 0; left: 50%; margin-left: -319px; width: 640px; height: 100%; } .event_221110_02 .event-succ-list { position: absolute; top: 0; left: 50.3%; transform: translateX(-50%); width: 65.4%; height: 100%; overflow: hidden; } .event_221110_02 .event-succ-list .text { display: flex; padding: 15px 0; } .event_221110_02 .event-succ-list .text p { font-family: 'GmarketSansBold'; font-size: 20px; color: #4118eb; text-align: center; } .event_221110_02 .event-succ-list .text p:nth-child(1) { width: 16%; } .event_221110_02 .event-succ-list .text p:nth-child(2) { width: 24%; } .event_221110_02 .event-succ-list .text p:nth-child(3) { width: 37%; } .event_221110_02 .event-succ-list .text p:nth-child(4) { width: 22%; } /* event_221117 */ .event_221117 .exam-slide { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62%; height: 100%; } .event_221117 .slick-btn { position: absolute; top: calc(50% - -10px); transform: translateX(-50%); width: 7%; height: 18%; } .event_221117 .slick-btn.left-btn { left: 17%; } .event_221117 .slick-btn.right-btn { left: 83%; } .event_221117 .teach-area { position: absolute; top: 0; left: 77%; transform: translateX(-50%); } .event_221117 .teach-area li { } .event_221117 .teach-area li:not(:first-child) { margin-top: 3.6%; } .event_221117 .teach-area-cont { position: absolute; top: 0; left: 41.9%; transform: translateX(-50%); width: 50.4%; } .event_221117 .teach-area-cont li { } /* pm03 */ .pm03 .section { overflow: hidden; } .pm03 .video-bg { } .pm03 .sec-01 .title { position: relative; z-index: 1; } .pm03 .fixed-btn-b { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-bottom: 2px solid #fe0000; } .pm03 .fixed-btn-b a { display: block; position: absolute; bottom: 0; left: 19%; transform: translateX(-50%); } .pm03 .fixed-btn-b a img { display:block; } .pm03 .sec-01 { background: #1c39c1; } .pm03 .sec-02 { background: #fff; } .pm03 .sec-03 { background: #ffeec1; } .pm03 .sec-04 { background: #36cfc9; } .pm03 .sec-05 { background: #ffeec1; } .pm03 .sec-06 { background: #3d06ff; } .pm03 .sec-07 { background: #f6e1a9; } .pm03 .sec-08 { background: #f2f2f2; } .pm03 .sec-09 { background: #3d06ff; } .pm03 .sec-10 { background: #4fdece; } .pm03 .sec-11 { background: #38cdbc; } .pm03 .qa-slide { position: relative; } .pm03 .slick-nav { width: 40px; position: absolute; top: calc(50% - 20px); transform: translateX(-50%); cursor: pointer; } .pm03 .slick-nav.slick-left { left: 17.7%; } .pm03 .slick-nav.slick-right { left: 82.2%; } .pm03 .qa-slide .qa-list { max-width: 755px; margin: 0 auto; } .pm03 .card-slide .card-list { margin: 0 auto; padding: 0 0 60px; } .pm03 .card-slide .card-list .slick-slide { padding:0 20px; } .pm03 .book-slide { position: relative; } .pm03 .book-slide .book-list { margin: 0 auto; padding: 0 0 60px; max-width: 755px; } .pm03 .book-slide .book-list .slick-slide { } .pm03 .revi-slide { position: relative; } .pm03 .revi-slide .revi-list { margin: 0 auto; max-width: 755px; } .pm03 .revi-slide .revi-list .slick-slide { } .pm03 .youtube-area { position: relative; } .pm03 .youtube-area .youtube-btn { position: absolute; top: 0; left: 50%; width: 68.7%; height: 100%; overflow: hidden; transform: translateX(-50%); } .pm03 .youtube-area .youtube-btn img { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .pm03 .succ-video-intro.financial:before { left: 0; width: 0; height:60px; background: -moz-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } .pm03 .succ-video-intro.financial:after { left: 0; width: 0; height:60px; background: -moz-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } .pm03 .succ-video-intro.financial .succ-text { left: 50%; width: 69%; height: 100%; top: 0; transform: translateX(-50%); margin: 0; } .pm03 .succ-video-intro.financial .text p { color: #222; } .pm03 .btn-box { position: relative; } .pm03 .btn-a { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 67.1%; height: 100%; } .pm03 .btn-a a { display: block; width: 100%; position: relative; height: 19.7%; left: 50%; transform: translateX(-50%); } .pm03 .btn-a a:nth-child(1) { height: 20.4%; } .pm03 .btn-a a:nth-child(2) { height: 19.8%; } .pm03 .btn-a a:nth-child(3) { height: 19.9%; } .pm03 .btn-a a:nth-child(4) { height: 19.8%; } .pm03 .btn-a a:nth-child(5) { height: 19.9%; } .pm03 #infoTab { display: flex; justify-content: space-evenly; padding: 0 0 50px; max-width: 783px; margin: 0 auto; } .pm03 #infoTabCont { padding: 0 0 60px 0; max-width: 783px; margin: 0 auto; } .pm03 #infoTabCont li > div { display: flex; justify-content: space-evenly; margin: 0 auto; } .pm03 #infoTabCont li > div a { position: relative; } .pm03 #infoTabCont li .ab { position: absolute; top: 0; left: 0; } .pm03 #infoTabCont li .ab { animation-name: pm03-a; animation-duration: 1.0s; animation-timing-function: steps(1); animation-iteration-count: infinite; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } @keyframes pm03-a { 0% { opacity: 0.0; } 50% { opacity: 1; } 100% { opacity: 0.0; } } /* event_221220 */ .event_221220 .exam-slide-a { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62%; height: 100%; } .event_221220 .exam-slide-b { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62%; height: 100%; } .event_221220 .exam .slick-btn { position: absolute; top: calc(36% - -10px); transform: translateX(-50%); width: 7%; height: 22%; } .event_221220 .exam .slick-btn.left-btn { left: 17%; } .event_221220 .exam .slick-btn.right-btn { left: 83%; } /* event_230109_01 */ .event_230109_01 .btn-1 { top:0; left:0; width:50%; height:10%; } .event_230109_01 .btn-2 { top:0; left: 50%; width:50%; height:10%; } .event_230109_01 .btn-3 { top: 10%; left:0; width:50%; height:10%; } .event_230109_01 .btn-4 { top: 10%; left: 50%; width:50%; height:10%; } .event_230109_01 .btn-5 { top: 26%; left:0; width:50%; height:10%; } .event_230109_01 .btn-6 { top: 26%; left: 50%; width:50%; height:10%; } .event_230109_01 .btn-7 { top: 35%; left:0; width:50%; height: 8%; } .event_230109_01 .btn-8 { top: 43%; left:0; width:50%; height:10%; } .event_230109_01 .btn-9 { top: 61%; left:0; width:50%; height:10%; } .event_230109_01 .btn-10 { top: 61%; left: 50%; width:50%; height:10%; } .event_230109_01 .btn-11 { top: 79%; left:0; width:50%; height:10%; } .event_230109_01 .btn-12 { top: 79%; left: 50%; width:50%; height:10%; } .event_230109_01 .btn-13 { top: 89%; left:0; width:50%; height:10%; } .event_230109_01 #infoTab { background: #ff6d3a; } .event_230109_01 .teach-area { display: flex; justify-content: center; } .event_230109_01 .teach-area li { width: 33.33%; max-width: 295px; margin: 0 4px; } .event_230109_01 .teach-area li img { width: 100%; } .event_230109_01 .teach-area-cont li { position: relative; } .event_230109_01 .succ-list { position: absolute; top: 21%; left: 9%; width: 47%; height: 32%; overflow: hidden; } .event_230109_01 .succ-list .slick-slide { display: flex; } .event_230109_01 .succ-list span { font-size: 22px !important; display: block; text-align: center; } .event_230109_01 .succ-list span:nth-child(1) { width: 22%; } .event_230109_01 .succ-list span:nth-child(2) { width: 32%; } .event_230109_01 .succ-list span:nth-child(3) { width: 50%; } .event_230109_01 #infoTabSub { position: absolute; top: 6%; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } .event_230109_01 #infoTabSub li { width: 20%; max-width: 158px; margin: 0 5px; } .event_230109_01 #infoTabSubCont { position: relative; } .event_230109_01 .youtube-btn { position: absolute; bottom: 8%; right: 11.4%; width: 29%; height: 39%; } .event_230109_01 .youtube-btn:after { display: none; } /* event_221223 */ .event_221223 .btn_0 { top: 0; left: 25%; width: 50%; height: 100%; transform: translateX(-50%); } .event_221223 .btn_1 { top: 0; left: 75%; width: 50%; height: 100%; transform: translateX(-50%); } .event_221223 .btn_2 { top: 12.6%; left: 50%; width: 35%; height: 14%; transform: translateX(-50%); } .event_221223 .btn_3 { top: 53%; left: 27%; width: 27%; height: 5%; transform: translateX(-50%); } .event_221223 .btn_4 { top: 74%; left: 47%; width: 27%; height: 5%; transform: translateX(-50%); } .event_221223 .btn_5 { top: 83%; left: 50%; width: 41%; height: 9%; transform: translateX(-50%); } .event_221223 .btn_6 { top: 32.7%; left: 68.3%; width: 35.1%; height: 21.5%; transform: translateX(-50%); } .event_221223 .btn_7 { top: 47%; left: 30%; width: 32%; height: 9%; transform: translateX(-50%); } .event_221223 .btn_8 { top: 63%; left: 71%; width: 32%; height: 9%; transform: translateX(-50%); } .event_221223 .btn_9 { top: 79%; left: 71%; width: 32%; height: 9%; transform: translateX(-50%); } .event_221223 .btn_10 { top: 0%; left: 0%; width: 50%; height: 50%; } .event_221223 .btn_11 { top: 0%; left: 50%; width: 50%; height: 50%; } .event_221223 .btn_12 { top: 50%; left: 0%; width: 50%; height: 50%; } .event_221223 .btn_13 { top: 50%; left: 50%; width: 50%; height: 50%; } .event_221223 .adsp-area { position: relative; width: 100%; /* max-width: 1024px; */ } .event_221223 .adsp-slide { width: 100%; max-width: 900px; } .event_221223 .swiper-slide img { width: 96%; max-width: 446px; } /* event_230102 */ .event_230102 { position: relative; width: 100%; margin: 0 auto; } .event_230102 .section { width: 100%; } .event_230102 .section .sec-content { width: 100%; max-width: 1100px; margin: 0 auto; } .event_230102 .sec_00 { background:url(../../Typec_Image/info_free_pass/info_bfreepass_2203_01_bg.png); } .event_230102 .sec_01 { background:#fb36b9 } .event_230102 .sec_02 { background:#8751fd } .event_230102 .sec_03 { background: #222222; } .event_230102 .youtube-bx { position: relative; } .event_230102 .youtube-bx .video-btn-0 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62.3%; height: 100%; overflow: hidden; } .event_230102 .youtube-bx .youtube-btn img { width: 100%; height: 133.4%; position: absolute; top: -16.7%; left: 50%; transform: translateX(-50%); } .event_230102 .freepass-slide { position: relative; } .event_230102 .freepass-slide .freepassSwiper { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62.2%; height: 100%; } .event_230102 .freepassSwiper .youtube-btn { position: relative; width: 100%; display: block; height: 100%; } .event_230102 .freepassSwiper .youtube-btn img { width: 100%; transform: translateY(-12.5%); } .event_230102 .freepassSwiper .swiper-slide { overflow: hidden; position: relative; } .event_230102 .freepass-slide .freepass-slide-button { position: absolute; top: 50%; z-index: 1; left: 50%; transform: translate(-50%,-50%); width: 4%; height: 16%; } .event_230102 .freepass-slide .freepass-slide-button-next { left: 83%; } .event_230102 .freepass-slide .freepass-slide-button-prev { left: 17%; } .event_230102 .freepass-slide-2 { position: relative; } .event_230102 .freepass-slide-2 .freepassSwiper-2 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 62.2%; height: 100%; } .event_230102 .freepassSwiper-2 .youtube-btn { position: relative; width: 100%; display: block; height: 100%; } .event_230102 .freepassSwiper-2 .youtube-btn img { width: 100%; transform: translateY(-12.5%); } .event_230102 .freepassSwiper-2 .swiper-slide { overflow: hidden; position: relative; } .event_230102 .freepassSwiper-2 .freepass-slide-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 7%; height: 16%; z-index: 1; } .event_230102 .freepassSwiper-2 .freepass-slide-button-next { left: 83%; } .event_230102 .freepassSwiper-2 .freepass-slide-button-prev { left: 17%; } /* event_230116 */ .event_230116 .day-0 { } .event_230116 .day-1 { display: none; } .event_230116 .day-2 { display: none; } .event_230116 .refund-apply { position:relative; } .event_230116 .btn-th {/* display: none; */} .event_230116 .ing, .event_230116 .end, .event_230116 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230116 .ing { display: none; } .event_230116 .end { display: none; } .event_230116.first .day-0 { display: block; } .event_230116.first .day-1 { display: none; } .event_230116.first .day-2 { display: none; } .event_230116.second .day-0 { display: none; } .event_230116.second .day-1 { display: block; } .event_230116.second .day-2 { display: none; } .event_230116.third .day-0 { display: none; } .event_230116.third .day-1 { display: none; } .event_230116.third .day-2 { display: block; } /* event_230127 */ .event_230127 .day-0 { } .event_230127 .day-1 { display: none; } .event_230127 .day-2 { display: none; } .event_230127 .refund-apply { position:relative; } .event_230127 .btn-th {/* display: none; */} .event_230127 .ing, .event_230127 .end, .event_230127 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230127 .ing { display: none; } .event_230127 .end { display: none; } .event_230127.first .day-0 { display: block; } .event_230127.first .day-1 { display: none; } .event_230127.first .day-2 { display: none; } .event_230127.second .day-0 { display: none; } .event_230127.second .day-1 { display: block; } .event_230127.second .day-2 { display: none; } .event_230127.third .day-0 { display: none; } .event_230127.third .day-1 { display: none; } .event_230127.third .day-2 { display: block; } /* event_230127_01 */ .event_230127_01 .day-0 { } .event_230127_01 .day-1 { display: none; } .event_230127_01 .day-2 { display: none; } .event_230127_01 .refund-apply { position:relative; } .event_230127_01 .btn-th {/* display: none; */} .event_230127_01 .ing, .event_230127_01 .end, .event_230127_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230127_01 .ing { display: none; } .event_230127_01 .end { display: none; } .event_230127_01.first .day-0 { display: block; } .event_230127_01.first .day-1 { display: none; } .event_230127_01.first .day-2 { display: none; } .event_230127_01.second .day-0 { display: none; } .event_230127_01.second .day-1 { display: block; } .event_230127_01.second .day-2 { display: none; } .event_230127_01.third .day-0 { display: none; } .event_230127_01.third .day-1 { display: none; } .event_230127_01.third .day-2 { display: block; } /* event_230127_02 */ .event_230127_02 .day-0 { } .event_230127_02 .day-1 { display: none; } .event_230127_02 .day-2 { display: none; } .event_230127_02 .refund-apply { position:relative; } .event_230127_02 .btn-th {/* display: none; */} .event_230127_02 .ing, .event_230127_02 .end, .event_230127_02 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230127_02 .ing { display: none; } .event_230127_02 .end { display: none; } .event_230127_02.first .day-0 { display: block; } .event_230127_02.first .day-1 { display: none; } .event_230127_02.first .day-2 { display: none; } .event_230127_02.second .day-0 { display: none; } .event_230127_02.second .day-1 { display: block; } .event_230127_02.second .day-2 { display: none; } .event_230127_02.third .day-0 { display: none; } .event_230127_02.third .day-1 { display: none; } .event_230127_02.third .day-2 { display: block; } /* 환급이벤트 - 이미지 자동 교체*/ .event_230227 .day-0 { } .event_230227 .day-1 { display: none; } .event_230227 .day-2 { display: none; } .event_230227 .refund-apply { position:relative; } .event_230227 .btn-th {/* display: none; */} .event_230227 .ing, .event_230227 .end, .event_230227 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230227 .ing { display: none; } .event_230227 .end { display: none; } .event_230227.first .day-0 { display: block; } .event_230227.first .day-1 { display: none; } .event_230227.first .day-2 { display: none; } .event_230227.second .day-0 { display: none; } .event_230227.second .day-1 { display: block; } .event_230227.second .day-2 { display: none; } .event_230227.third .day-0 { display: none; } .event_230227.third .day-1 { display: none; } .event_230227.third .day-2 { display: block; } /* 환급이벤트 - 이미지 자동 교체*/ .event_230303 .day-0 { } .event_230303 .day-1 { display: none; } .event_230303 .day-2 { display: none; } .event_230303 .refund-apply { position:relative; } .event_230303 .btn-th {/* display: none; */} .event_230303 .ing, .event_230303 .end, .event_230303 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230303 .ing { display: none; } .event_230303 .end { display: none; } .event_230303.first .day-0 { display: block; } .event_230303.first .day-1 { display: none; } .event_230303.first .day-2 { display: none; } .event_230303.second .day-0 { display: none; } .event_230303.second .day-1 { display: block; } .event_230303.second .day-2 { display: none; } .event_230303.third .day-0 { display: none; } .event_230303.third .day-1 { display: none; } .event_230303.third .day-2 { display: block; } /* event_230117 */ .event_230117 #infoTab { background: #f79b84; } .event_230117 #infoTab ul {display: flex;justify-content: center;} .event_230117 #infoTab ul li { } .event_230117 .exam-slide-a { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; } .event_230117 .exam-a .slick-btn { position: absolute; top: 48%; transform: translateX(-50%); width: 6%; height: 21%; } .event_230117 .exam-a .slick-btn.left-btn { left: 13%; } .event_230117 .exam-a .slick-btn.right-btn { left: 87%; } /* event_230203 */ .event_230203 .day-0 { } .event_230203 .day-1 { display: none; } .event_230203 .day-2 { display: none; } .event_230203 .day-3 { display: none; } .event_230203 .day-4 { display: none; } .event_230203 .refund-apply { position:relative; } .event_230203 .btn-th {/* display: none; */} .event_230203 .ing, .event_230203 .end, .event_230203 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230203 .ing { display: none; } .event_230203 .end { display: none; } .event_230203.first .day-0 { display: block; } .event_230203.first .day-1 { display: none; } .event_230203.first .day-2 { display: none; } .event_230203.first .day-3 { display: none; } .event_230203.first .day-4 { display: none; } .event_230203.second .day-0 { display: none; } .event_230203.second .day-1 { display: block; } .event_230203.second .day-2 { display: none; } .event_230203.second .day-3 { display: none; } .event_230203.second .day-4 { display: none; } .event_230203.third .day-0 { display: none; } .event_230203.third .day-1 { display: none; } .event_230203.third .day-2 { display: block; } .event_230203.third .day-3 { display: none; } .event_230203.third .day-4 { display: none; } .event_230203.Fourth .day-0 { display: none; } .event_230203.Fourth .day-1 { display: none; } .event_230203.Fourth .day-2 { display: none; } .event_230203.Fourth .day-3 { display: block; } .event_230203.Fourth .day-4 { display: none; } .event_230203.Fifth .day-0 { display: none; } .event_230203.Fifth .day-1 { display: none; } .event_230203.Fifth .day-2 { display: none; } .event_230203.Fifth .day-3 { display: none; } .event_230203.Fifth .day-4 { display: block; } /* .event_230328 */ .event_230328 .teach-area { position: absolute; top: 0; left: 47%; transform: translateX(-50%); width: 68.2%; display: flex; } .event_230328 .teach-area li { } .event_230328 img { display: block; margin: 0 auto; } /* event_230329 */ .event_230329 .day-0 { } .event_230329 .day-1 { display: none; } .event_230329 .day-2 { display: none; } .event_230329 .refund-apply { position:relative; } .event_230329 .btn-th {/* display: none; */} .event_230329 .ing, .event_230329 .end, .event_230329 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230329 .ing { display: none; } .event_230329 .end { display: none; } .event_230329.first .day-0 { display: block; } .event_230329.first .day-1 { display: none; } .event_230329.first .day-2 { display: none; } .event_230329.second .day-0 { display: none; } .event_230329.second .day-1 { display: block; } .event_230329.second .day-2 { display: none; } .event_230329.third .day-0 { display: none; } .event_230329.third .day-1 { display: none; } .event_230329.third .day-2 { display: block; } /* event_230330_01 */ .event_230330_01 .day-0 { } .event_230330_01 .day-1 { display: none; } .event_230330_01 .refund-apply { position:relative; } .event_230330_01 .btn-th {/* display: none; */} .event_230330_01 .ing, .event_230330_01 .end, .event_230330_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_230330_01 .ing { display: none; } .event_230330_01 .end { display: none; } .event_230330_01.first .day-0 { display: block; } .event_230330_01.first .day-1 { display: none; } .event_230330_01.second .day-0 { display: none; } .event_230330_01.second .day-1 { display: block; } /* event_230330_02 */ .event_230330_02 .event_230330_02_btn li { display: inline-block; width: 49.7%; margin-top: -4px;} /* event_230403 */ .event_230403 { } .event_230403 .sec-02{background: url(https://www.epasskorea.com/Public_html/Images/Event/230403_04.jpg) no-repeat top center #ececec;padding-bottom:120px; } .event_230403 .nth-3-tab, .event_230403 .nth-3-tab-cont { margin: 0 auto !important;} .event_230403 .nth-3-tab {padding:91px 0 0 13.5%;} .event_230403 .nth-3-tab:after { clear:both; content:''; display:block; } .event_230403 .nth-3-tab li { float: left; padding-right:2%;cursor: pointer; } .event_230403 .nth-3-tab li img { margin: 0 auto; } .event_230403 .nth-3-tab-cont {} .event_230403 .nth-3-tab-cont .teach-area {width: 80%; margin:0 auto; padding-top:30px; } .event_230403 .nth-3-tab-cont .teach-area:after { clear:both; content:''; display:block; } .event_230403 .nth-3-tab-cont .teach-area li { float: left; width: 20%; cursor: pointer; } .event_230403 .nth-3-tab-cont .teach-area li img { margin:0 auto; } .event_230403 .nth-3-tab-cont .teach-area-cont{width: 77%; margin:0 auto; padding-top:20px;} .event_230403 .nth-3-tab-cont .teach-area-cont li { position: relative;width: 840px;} .event_230403 .nth-3-tab-cont .teach-area-cont li iframe { position: absolute; top: 32px; left: 346px; width: 460px; height: 259px; z-index: 1; } .event_230403 .nth-3-tabsub {padding:40px 0 0 16% !important;} .event_230403 .con-cen{width: 77%; margin:30px auto;} /*.event_230403 .event-succ-intro { position: absolute; top: 61px; left: 341px; width: 478px; height: 232px; overflow: hidden;background: #f5f5f5; } .event_230403 .event-succ-intro #succBg { position: absolute; width: 100%; height: 100%; background: #f5f5f5; z-index: 100; opacity: 1;transition: all ease 5s;} .event_230403 .event-succ-intro.active #succBg { opacity: 0; } .event_230403 .event-succ-intro .text { display: flex; justify-content: space-evenly; margin: 5px 0; } .event_230403 .event-succ-intro p { font-size: 18px; font-weight: 500; letter-spacing: -1.5px; } .event_230403 .event-succ-intro p:first-child { width: 45%; } .event_230403 .event-succ-intro .succ-text { } */ .event_230403 #infoTabSubCont { position: relative;} .event_230403 .btn-0 { top:30px; left:50%; margin-left: -47px; width: 445px; height: 60px; } .event_230403 .btn-1 { top: 95px; left:50%; margin-left: -47px; width: 445px; height: 60px; } .event_230403 .btn-2 { top:30px; left:50%; margin-left: -47px; width: 445px; height: 60px; } .event_230403 .btn-3 { top: 95px; left:50%; margin-left: -47px; width: 445px; height: 60px; } .event_230403 .btn-4 { top: 158px; left:50%; margin-left: -47px; width: 445px; height: 60px; } .event_230403 .btn-5 { top: 624px; left:50%; margin-left: -423px; width: 840px; height: 128px; } .event_230403 .btn-6 { top: 760px; left:50%; margin-left: -423px; width: 840px; height: 128px; } .event_230403 .btn-7 { top: 900px; left:50%; margin-left: -423px; width: 840px; height: 128px; } /* epk_pm07 */ .epk_pm07 .sec-01 { background: #0863c6 url(../../public_html/images/event/epk_pm07_01_bg.png) top center; } .epk_pm07 .sec-02 { background-color: #f7f7f7; } .epk_pm07 .sec-03 { background-color: #ebebeb; } .epk_pm07 .sec-04 { background-color: #4ca0fb; } .epk_pm07 .sec-05 { background-color: #5073dd; } .epk_pm07 .sec-06 { background-color: #ebebeb; } .epk_pm07 .sec-07 { background-color: #f7f7f7; } .epk_pm07 .sec-08 { background-color: #0863c6; } .epk_pm07 .sec-09 { background-color: #4ca0fb; } .epk_pm07 .sec-10 { background-color: #222222; } .epk_pm07 .sec-11 { background-color: #4fdece; } .epk_pm07 .sec-12 { background-color: #38cdbc; } .epk_pm07 .sec-13 { background-color: #222; } .epk_pm07 .sec-14 { background-color: #fff; } .epk_pm07 .youtube-area-1 iframe{ position: absolute; top: 52%; left: 50%; margin-left: -25%; width: 50%; height: 28%;} .epk_pm07 .youtube-area-2 iframe{ position: absolute; top: 17%; left: 50%; margin-left: -30%; width: 60%; height: 30%;} .epk_pm07 .event-slide-area .event-slide-box { position: absolute; top: 22%; left: 11%; width: 78%; height: 51%; } .epk_pm07 .event-slide-area .slick-left { position: absolute; top: 46%; left: 3%; width: 4%; z-index: 10; cursor: pointer;} .epk_pm07 .event-slide-area .slick-right { position: absolute; top: 46%; right: 3%; width: 4%; z-index: 10; cursor: pointer;} .epk_pm07 .event-slide-area2 .event-slide-box2 { position: absolute; top: 29.4%; left: 12%; width: 76%; height: 60%; } .epk_pm07 .event-slide-area2 .slick-left2 { position: absolute; top: 52%; left: 3%; width: 4%; z-index: 10;cursor: pointer; } .epk_pm07 .event-slide-area2 .slick-right2 { position: absolute;top: 52%; right: 3%; width: 4%; z-index: 10;cursor: pointer; } .epk_pm07 .lazy {display: inline;} .epk_pm07 .text_roll_wrap { position: absolute; top: 25%; margin-left: 14%;} .epk_pm07 .text_roll{ width: 800px; height: 500px; overflow: hidden; position: relative; transform: perspective(500px) rotateX(26deg);} .epk_pm07 .text_roll ul{ position: absolute; top: 0; left: 0; width: 100%; height: 2000px; animation: text_roll 25s 0ms infinite linear;} .epk_pm07 .text_roll ul li{ height: 50px; display: flex; justify-content: space-between; align-items: center; font-size: 23px; color: #fff;} @keyframes text_roll { 0% {top:0;} 100% {top:-1800px;} } /* 230405 - 실내건축 서브메인과 동일한 이벤트에 사용됨 */ /* .info-interior .sec-00 { background: url(https://www.epasskorea.com/Typec_Image/info_interior/info_interior_01_bg.jpg) no-repeat center; height:803px; position: relative;} .info-interior .sec-00 .interior_top_img img { position: absolute;} .info-interior .sec-00 .interior_top_img img:nth-child(1) { top: 66%; left: 89%;} .info-interior .sec-00 .interior_top_img img:nth-child(2) { top: 5%; left: 4%;} .info-interior .sec-00 .interior_top_img img:nth-child(3) { top: 49%; left: 71%;} .info-interior .sec-00 .interior_top_img img:nth-child(4) { top: 52%; left: 71%;} .info-interior .sec-00 .interior_top_img img:nth-child(5) { top: 52%; left: 88%;} .info-interior .sec-06 .sec-08-img img { position: absolute} .info-interior .sec-06 .sec-08-img img:nth-child(1) { top: 22%; left: 14%;} .info-interior .sec-06 .sec-08-img img:nth-child(2) { top: 27%; left: 41%;} .info-interior .sec-06 .sec-08-img img:nth-child(3) { top: 44%; left: 67%;} .info-interior .sec-01 { background: #2375d1; } .info-interior .sec-02 { background: #f5f8ff; position: relative;} .info-interior .sec-03 { background: #f5de65; padding-bottom: 70px;} .info-interior .sec-04 { background: #fef6ce; padding-bottom: 70px; } .info-interior .sec-05 { background: #d8e4ff;} .info-interior .sec-06 { background: #6189e1; position: relative;} .info-interior .sec-07 { background: #4067bc; position: relative;} .info-interior .sec-08 { background: #dae6ff; position: relative;} .info-interior .sec-09 { background: #f5de65; position: relative;} .info-interior .sec-10 { background: #e2bd3a; position: relative;} .info-interior .btn-0 { top: 27%; left: 64%; width: 34%; height: 34%; } .info-interior .btn-1 { top: 61%; left: 64%; width: 34%; height: 34%; } .info-interior .btn-2 { top: 0; left: 66.66%; width: 33.33%; height: 100%; z-index: 1; } .info-interior .btn-3 { top: 59%; left: 39%; width: 73%; height: 34%; } .info-interior .btn-4 { top: 25%; left: 39%; width: 73%; height: 34%; } .info-interior .btn-5 { top: 59%; left: 75%; width: 73%; height: 34%; } .info-interior .interior-tab-easy { position: absolute; top: 6.8%; left: 50%; transform: translateX(-50%); display: flex; width: 87.3%; } .info-interior .interior-cont-easy .ab { position: absolute; top: 17.4%; left: 30.1%; transform: translateX(-50%); z-index: 2; } .info-interior .youtube-btn { position: absolute; transform: translateX(-50%); width: 46.5%; height: 25.7%; z-index: 1; top: 22.1%; left: 50%; } .info-interior .youtube-btn img { width: 100%; height: 100%; } .info-interior .t-info-video { position: relative; } .info-interior .t-info-video .youtube-btn {position: absolute;top: 29.2%;left: 31.7%;width: 32.7%;height: 39.8%;transform: translateX(-50%);} .info-interior .t-info-video div:not(:first-child) { display: none; } .info-interior .youtube-area iframe { display: block; margin: 0 auto; width: 88%; height: 540px;} .info-interior .sec-04-first-youtube { display: block; margin: 0 auto; width: 88%; height: 540px; padding-bottom: 70px;} .info-interior .tab-aa { max-width: 948px; margin: 0 auto;position: relative;} .info-interior .tab-aa .tab_easy_2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 52%;height: 42%;display: flex;z-index: 1;} .info-interior .tab-aa .tab_easy_2 li {width: 50%;height: 100%;} .info-interior .tab-aa .tab_easy_2 li a{display: block;width: 100%;height: 100%;} .info-interior .tab-aa .cont_easy_2 {} .info-interior .tab-aa .cont_easy_2 li:not(:first-child) { display: none; position: relative; } .info-interior .tab-bb .tab_easy {display: flex;z-index: 1;margin-bottom: 40px;justify-content: center;min-width: 1100px;} .info-interior .tab-bb .tab_easy li {margin: 0 5px;} .info-interior .tab-cc > .cont_easy > li:not(:first-child) { display: none; position: relative; } .info-interior .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } .info-interior .btn-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/Typec_Image/info_interior/info_interior_btn_icon.png); width: 91px; height: 88px; background-size: cover; z-index: 1; background-repeat: no-repeat; animation: fphand-icon 2s 1.25s ease-in-out infinite; } */ @keyframes int-lineWh { 0% { opacity: 0.0; } 50% { opacity: 1; } 100% { opacity: 0.0; } } .bounce01 {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite;} @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}} @keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} .bounce02 {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-duration: 1s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite;} @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}} @keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} .bounce03 {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-duration: 1s;animation-duration: 2.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite;} @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}} @keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} .bounce04 {-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-duration: 1s;animation-duration: 3.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite;} @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}} @keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} .bounce05{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-duration: 1s;animation-duration: 1.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both; animation-iteration-count: infinite;} @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}} @keyframes bounce { 0%, 20%, 53%, 80%, 100% {-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);} 40%, 43% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);} 70% {-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);} 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0);}} /* 230406 */ .event_230406 { position: relative;} .event_230406 .btn-1 { top: 78%; left: 50%; width: 63%; height: 4%; } .event_230406 .btn-2 { top: 83%; left: 50%; width: 63%; height: 4%; } .event_230406 .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } .event_230406 .btn-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/Typec_Image/info_interior/info_interior_btn_icon.png); width: 91px; height: 88px; background-size: cover; z-index: 1; background-repeat: no-repeat; animation: fphand-icon 2s 1.25s ease-in-out infinite; } .event_230406 .cha { position: absolute; top: 12%; left:68%;} /* 230407 */ .event_230407 {position: relative;} .event_230407 .person {position: absolute; top: 8.7%; left: 17%; } .event_230407 .person-01 {position: absolute; top: 5%; left: 70%; } .event_230407 .first-youtube {display: block; position: absolute; top: 75%; left: 50%; margin-left: -34.5%; width: 69%; height: 427px;} /* 230413 */ .event_230413 .sec-01 { background: url(../../Typec_Image/info_welding/info_welding_01_bg.jpg) no-repeat; } .event_230413 .sec-01 .welding_top_img img{ position: absolute; top: 65.4%; left: 50%; margin-left: -21.4%; z-index: 1; } .event_230413 .blink {animation: blink-effect 2s ease-out infinite;} @keyframes blink-effect { 50% { opacity: 0; } } /*움직이는손*/ .event_230413 .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } .event_230413 .btn-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(../../Typec_Image/info_fp/info_fp_hand.png); width: 91px; height: 73px; background-size: cover; z-index: 1; background-repeat: no-repeat; animation: fphand-icon 2s 1.25s ease-in-out infinite; } .event_230413 .sec-02 { background: #d3dadd; } .event_230413 .sec-03 { background: #fff5af; padding-bottom: 100px;} .event_230413 .sec-04 { background: #df4545; padding-bottom: 100px;} .event_230413 .sec-05 { background: #ffca1d; } .event_230413 .sec-06 { background: #000000; } .event_230413 .sec-07 { background: #eceff0; } .event_230413 .sec-08 { background: #dcee98; } .event_230413 .sec-09 { background: url(../../Typec_Image/info_welding/info_welding_09_bg.jpg) no-repeat; } .event_230413 .sec-10 { background: #fff5af; } .event_230413 .sec-11 { background: #363636; } .event_230413 .video-area {position: relative; width: 100%; text-align: center;} .event_230413 .video-area iframe {width: 80%; height: 500px;} .event_230413 .video-area .slide-arrow {position: absolute; top: 50%; margin-top: -4%; cursor: pointer;} .event_230413 .video-area .slide-arrow.left {left: 2%;} .event_230413 .video-area .slide-arrow.right {right: 2%;} /* 230414 */ .event-230414 { position: relative;} .event-230414 .event-slide { position: absolute; top: 48%; left: 50%; margin-left: -375px; width: 749px; overflow: hidden; } .event-230414-text-area { position: absolute; top: 22%; left: 45.3%;} .event-230414-text-area p { font-size: 40px; letter-spacing: 15px;} .event-230414 .event-slide02 { position: absolute; top: 55.8%; left: 7%; width: 85%;} .event-230414 .event-slide02 .t-info-video { position: relative; } .event-230414 .event-slide02 .t-info-video .youtube-btn {position: absolute;top: 29.2%;left: 31.7%;width: 32.7%;height: 39.8%;transform: translateX(-50%);} .event-230414 .event-slide02 .youtube-area iframe { display: block; margin: 0 auto; width: 88%; height: 369px;} .event-230414 .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } .event-230414 .btn-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/Typec_Image/info_interior/info_interior_btn_icon.png); width: 91px; height: 88px; background-size: cover; z-index: 1; background-repeat: no-repeat; animation: fphand-icon 2s 1.25s ease-in-out infinite; } .event-230414 .btn-1 { top: 68.5%; left: 50%; width: 66%; height: 3%; } .event-230414 .btn-2 { top: 72.5%; left: 50%; width: 66%; height: 3%; } .event-230414 .btn-3 { top: 75.5%; left: 50%; width: 66%; height: 3%; } .event-230414 .btn-4 { top: 79.5%; left: 50%; width: 66%; height: 3%; } .event-230414 .btn-5 { top: 90%; left: 50%; width: 59%; height: 2%; } .event-230414 .btn-6 { top: 34%; left: 50%; width: 59%; height: 2%; } /* event-230418 */ .event-230418 .sec-01 { position: relative; } .event-230418 .sec-01 img:nth-child(2) { position: absolute; top: 76%; left: 50%;} .event-230418 .sec-01 img:nth-child(3) { position: absolute; top: 47%; left: 58%;} .event-230418 .tab-aa {/* max-width: 948px; */margin: 0 auto;position: relative;} .event-230418 .tab-aa .tab_easy_2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 52%;height: 42%;display: flex;z-index: 1;} .event-230418 .tab-aa .tab_easy_2 li {width: 50%;height: 100%;} .event-230418 .tab-aa .tab_easy_2 li a{display: block;width: 100%;height: 100%;} .event-230418 .tab-aa .cont_easy_2 {} .event-230418 .tab-aa .cont_easy_2 li:not(:first-child) { display: none; position: relative; } .event-230418 .tab-bb .tab_easy {display: flex;z-index: 1;margin-bottom: 40px;justify-content: center;min-width: 1100px;} .event-230418 .tab-bb .tab_easy li {margin: 0 5px;} .event-230418 .tab-cc > .cont_easy > li:not(:first-child) { display: none; position: relative; } .event-230418 .sec-03 { position: relative;} .event-230418 .sec-04 { position: relative;} .event-230418 .sec-05 { position: relative;} .event-230418 .info-logi-slideRight02 { position: absolute; left: 80%; top: 35%;} .event-230418 .gift-slide-a { background:#f73c96; width: 100%; margin: 0 auto; height: 400px;} .event-230418 .btn-icon { position: absolute; transform: translateX(-50%); text-indent: -999999px; } .event-230418 .btn-icon:after { clear: both; content:''; display: block; position: absolute; bottom: -12px; right: -60px; background: url(https://www.epasskorea.com/Typec_Image/info_interior/info_interior_btn_icon.png); width: 91px; height: 88px; background-size: cover; z-index: 1; background-repeat: no-repeat; animation: fphand-icon 2s 1.25s ease-in-out infinite; } .event-230418 .btn-1 { top: 65.5%; left: 50%; width: 66%; height: 23%; } .event-230418-flash {-webkit-animation-name: flash;animation-name: flash;-webkit-animation-duration: 2s;animation-duration: 2s; -webkit-animation-fill-mode: both;animation-fill-mode: both;animation-iteration-count:infinite;} @-webkit-keyframes flash {0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;}} @keyframes flash {0%, 50%, 100% { opacity: 1;} 25%, 75% {opacity: 0;}} .event-230418-swing {-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-iteration-count:infinite;} @-webkit-keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}60% { -webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}100% {-webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg);}} @keyframes swing {20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}40% {-webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg);}60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}80% {-webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg);}100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}} /* 230420 */ .event-230420 .numCount { position: absolute; top: -7%; left: 50%; margin-left: -269px; font-size: 150px !important; font-weight: bold; font-family: 'GmarketSansBold' !important; text-align: right; width: 420px; } .event-230420 .meta-slide-a { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 57%; height: 100%; max-width: 620px; } .event-230420 .meta-slide-a .slick-btn { position: absolute; top: 35%; width: 34px; cursor: pointer;} .event-230420 .meta-slide-a .slick-btn.left-btn { left: -8%; } .event-230420 .meta-slide-a .slick-btn.right-btn { right: -8%; } .event-230420 .teach-area { display: flex; margin: 0 auto; width: 768px; justify-content: space-evenly;} .event-230420 #infoTabCont {} .event-230420 #infoTabCont .teach-area li {margin-top: 2%;} .event-230420 .teach-area-cont { margin: 0 auto; padding-top: 20px;} .event-230420 .teach-area-cont iframe {position: absolute; top: 41.2%; left: 50%; margin-left: -5.8%; width: 34%; height: 30%; z-index: 1;} .event-230420 .meta-slide-review { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; max-width: 768px; } .event-230420 .meta-slide-review .slick-btn { position: absolute; top: 40%; width: 34px; cursor: pointer;} .event-230420 .meta-slide-review .slick-btn.left-btn-02 { left: 1%; } .event-230420 .meta-slide-review .slick-btn.right-btn-02 { right: 2.5%; } .event-230420 .all-tab { display: flex; margin: 0 auto; width: 768px; justify-content: space-evenly;} .event-230420 #allTabCont {} .event-230420 #allTabCont .all-tab-cont li {margin-top: 2%;} .event-230420 .all-tab-cont { margin: 0 auto; padding-top: 20px;} /* 230425 */ .event-230425 .sec01{ position: relative;} .event-230425 .sec01 .event-230425-title { position: absolute; top: 4%; left: 15%;} .slideRight{animation-name: slideRight;-webkit-animation-name: slideRight;animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; overflow: hidden;} @keyframes slideRight {0% {transform: translateX(-20%);}50%{transform: translateX(8%);}65%{transform: translateX(-4%);}80%{transform: translateX(4%);}95%{transform: translateX(-2%);} 100% {transform: translateX(0%);}} @-webkit-keyframes slideRight {0% {-webkit-transform: translateX(-20%);}50%{-webkit-transform: translateX(8%);}65%{-webkit-transform: translateX(-4%);}80%{-webkit-transform: translateX(4%);}95%{-webkit-transform: translateX(-2%);} 100% {-webkit-transform: translateX(0%);}} /* 230426 */ .event-230426 .sec-01 { position: relative;} .event-230426 .sec-01 img:nth-child(2) { position: absolute; top: 46.4%; left: 30%;} .event-230426 .youtube-area { position: relative; width: 100%; height: 600px; background:#fffdf1;} .event-230426 .sec-05 { position: relative;} .event-230426 .youtube-area iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 650px; height: 100%; } .event-230426 .btn-01 { position: absolute; left: 32%; top: 22%; width: 35%; height: 29%;} .event-230426 .btn-02 { position: absolute; left: 68%; top: 22%; width: 35%; height: 29%;} .event-230426 .btn-03 { position: absolute; left: 32%; top: 59%; width: 35%; height: 29%;} .event-230426 .btn-04 { position: absolute; left: 68%; top: 59%; width: 35%; height: 29%;} .shake {-webkit-animation-name: shake;animation-name: shake;-webkit-animation-duration: 3s;animation-duration: 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-iteration-count:infinite;}@-webkit-keyframes shake {0%, 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}}@keyframes shake {0%, 100% {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}10%, 30%, 50%, 70%, 90% {-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}20%, 40%, 60%, 80% {-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}} /* 230502-01 */ .event-230502-01 .sec-01 { position: relative;} .event-230502-01 .sec-03 { position: relative;} .event-230502-01 .sec-01 img:nth-child(2) { position: absolute; top: 6%; left: 75%;} .event-230502-01 .sec-01 img:nth-child(3) { position: absolute; top: 56%; left: 16%;} .event-230502-01 .sec-01 img:nth-child(4) { position: absolute; top: 68%; left: 67%;} .event-230502-01 .btn-01 { position: absolute; left: 32%; top: 11%; width: 35%; height: 51%;} .event-230502-01 .btn-02 { position: absolute; left: 68%; top: 11%; width: 35%; height: 51%;} .pulse{animation-name: pulse;-webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} @keyframes pulse {0% {transform: scale(0.9);opacity: 0.7; }50% {transform: scale(1);opacity: 1; } 100% {transform: scale(0.9);opacity: 0.7; } } @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 0.7; }50% {-webkit-transform: scale(1);opacity: 1; } 100% {-webkit-transform: scale(0.95);opacity: 0.7; } } /* 230504 */ .event-230504 { position:relative; background:#000; } .event-230504 img { display: block; width: 100%; } .event-230504 .sec-01 { background: #282828; } .event-230504 .sec-02 { background: #485cd0; } .event-230504 .sec-03 { background: #75ff86; padding-bottom: 6%;} .event-230504 .sec-04 { background: #fef6c7; } .event-230504 .sec-05 { background: #d5d9f4; padding-bottom: 6%;} .event-230504 .sec-06 { background: #eceff0; } .event-230504 .sec-07 { background: #dcee98; } .event-230504 .sec-08 { background: #2b2b36; padding-bottom: 6%;} .event-230504 .sec-09 { background: #fff5af; padding-bottom: 6%;} /*흐르는 텍스트*/ .event-230504 .flow-container { width: 1100px; padding: 10px 0; overflow: hidden; margin: 0 auto;} .event-230504 .flow-text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;font-size: 1.5rem; color: #fff; letter-spacing: -0.02em;font-family: 'GmarketSansMedium';} .event-230504 .flow-text span{ padding:0 10px; color: #75ff86;} .event-230504 .flow-wrap {animation: textLoop 100s linear; animation-iteration-count:infinite; padding-right: 0.8vw;} .event-230504 .btn-1 { top: 89.6%; left: 50%; margin-left: 0; width: 69%; height: 9%; } .event-230504 .btn-2 { top: 89.6%; left: 50%; margin-left: 0; width: 69%; height: 9%; } .event-230504 .btn-3 { top: 53.6%; left: 50%; margin-left: 0; width: 69%; height: 9%; } .event-230504 .btn-4 { top: 89.6%; left: 50%; margin-left: 0; width: 69%; height: 9%; } .event-230504 .youtube-area {position: relative; width: 100%; margin: 0 auto;} .event-230504 .youtube-area iframe {position: absolute; top: 0; left: 50%; margin-left: -41%; width: 82%; height: 100%;} /* 230522_01 */ .event-230522 .tab-btn-a { position: absolute; top: 0; left: 16%; width: 68%; height: 100%; display: flex; } .event-230522 .tab-btn-a a { width: 33.333%; height: 100%; position: relative; } .event-230522 .tab_easy { display: flex; /* justify-content: space-around; */max-width: 768px; margin: 0 auto 20px; position: absolute; top: 0; left: 50%; margin-left: -358px; } .event-230522 .tab_easy:before { clear: both; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #ececec; border-radius: 3px; z-index: 1; } .event-230522 .tab_easy:after { clear: both; content: ''; display: block; } .event-230522 .tab_easy li { position: relative; } .event-230522 .tab_easy li:after { clear: both; content: ''; display: block; position: absolute; bottom: -4px; left: 50%; width: 0; height: 13px; background: #4446fd; border-radius: 7px; z-index: 1; transition: all ease 0.35s; } .event-230522 .tab_easy li.active:after { width: 100%; left: 0; } .event-230522 .btn-2 { bottom: 14%; left: 50%; margin-left: -16%; width: 20%; height: 8%; } .event-230522 .story-slick { width: 648px; height: 100%; position: absolute; top: 0; left: 50%; margin-left: -324px; } /*230612*/ .event-230612 .btn-1 { bottom: 5%; left: 25%; width: 50%; height: 20%; z-index: 1; } .event-230612 .btn-2 { bottom: 10%; left: 49%; width: 50%; height: 12%; z-index: 1; } .event-230612 .btn-3 { bottom: 5%; left: 25%; width: 50%; height: 10%; z-index: 1; } .event-230612 .btn-4 { bottom: 5%; left: 72%; width: 45%; height: 10%; z-index: 1; } .event-230612 .btn-5 { bottom: 4%; left: 76%; width: 29%; height: 8%; z-index: 1; } .event-230612 .btn-6 { top: 27%; left: 74%; width: 36%; height: 20%; z-index: 1; } .event-230612 .btn-7 { top: 53%; left: 74%; width: 36%; height: 20%; z-index: 1; } .event-230612 .snow { top: 51%; left: 28.1%; width: 21%; position: absolute; max-width: 231px; z-index: 1; } .event-230612 .youtube-btn { position: absolute; transform: translateX(-50%); width: 32.5%; height: 34.1%; z-index: 1; top: 53%; left: 32.8%; } .event-230612 .youtube-btn img { width: 100%; height: 100%; } .event-230612 .youtube-area iframe { display: block; margin: 0 auto; width: 88%; height: 540px;} .event-230612 .youtube-01 {position: absolute;top:0%;left:50%;margin-left:-48%;width:96%;} .event-230612 .youtube-02 {position: absolute;top:0%;left:50%;margin-left:-48%;width:96%;} .event-230612 .youtube-03 {position: absolute;top:0%;left:50%;margin-left:-48%;width:96%;} .event-230612 .bk-slide-area { position: relative; } .event-230612 .bk-slide-area .bk-slide-box { position: absolute; top: 4%; left: 50%; width: 82%; height: 100%; margin-left: -41%; } .event-230612 .slick-left { position: absolute; top: 43%; left: 4%; z-index: 10; } .event-230612 .slick-right { position: absolute; top: 43%; right: 4%; z-index: 10; } .event-230612 .bk-slide-area .bk-slide-box1 { position: absolute; top: 2%; left: 50%; width: 82%; height: 100%; margin-left: -41%; } .event-230612 .slick-left1 { position: absolute; top: 43%; left: 4%; z-index: 10; } .event-230612 .slick-right1 { position: absolute; top: 43%; right: 4%; z-index: 10; } /*230620*/ .event-230620 .btn-1 { top: 48%; left: 50%; margin-left:17%; width: 39%; height: 12%; z-index: 1; } .event-230620 .bk-slide-area { position: relative; } .event-230620 .bk-slide-area .bk-slide-box { position: absolute; top: 0%; left: 50%; width: 82%; height: 100%; margin-left: -41%; } .event-230620 .slick-left { position: absolute; top: 43%; left: 8%; z-index: 10; } .event-230620 .slick-right { position: absolute; top: 43%; right: 8%; z-index: 10; } /* pm08 */ .pm08 .section { overflow: hidden; } .pm08 .video-bg { } .pm08 .sec-01 .title { position: relative; z-index: 1; } .pm08 .fixed-btn-b { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; border-bottom: 2px solid #fe0000; } .pm08 .fixed-btn-b a { display: block; position: absolute; bottom: 0; left: 19%; transform: translateX(-50%); } .pm08 .fixed-btn-b a img { display:block; } .pm08 .sec-01 { background: #1c39c1; } .pm08 .sec-02 { background: #fff; } .pm08 .sec-03 { background: #ffeec1; } .pm08 .sec-04 { background: #36cfc9; } .pm08 .sec-05 { background: #ffeec1; } .pm08 .sec-06 { background: #3d06ff; } .pm08 .sec-07 { background: #f6e1a9; } .pm08 .sec-08 { background: #f2f2f2; } .pm08 .sec-09 { background: #3d06ff; } .pm08 .sec-10 { background: #4fdece; } .pm08 .sec-11 { background: #38cdbc; } .pm08 .qa-slide { position: relative; } .pm08 .slick-nav { width: 40px; position: absolute; top: calc(50% - 20px); transform: translateX(-50%); cursor: pointer; } .pm08 .slick-nav.slick-left { left: 17.7%; } .pm08 .slick-nav.slick-right { left: 82.2%; } .pm08 .qa-slide .qa-list { max-width: 755px; margin: 0 auto; } .pm08 .card-slide .card-list { margin: 0 auto; padding: 0 0 60px; } .pm08 .card-slide .card-list .slick-slide { padding:0 20px; } .pm08 .book-slide { position: relative; } .pm08 .book-slide .book-list { margin: 0 auto; padding: 0 0 60px; max-width: 755px; } .pm08 .book-slide .book-list .slick-slide { } .pm08 .revi-slide { position: relative; } .pm08 .revi-slide .revi-list { margin: 0 auto; max-width: 755px; } .pm08 .revi-slide .revi-list .slick-slide { } .pm08 .youtube-area { position: relative; } .pm08 .youtube-area .youtube-btn { position: absolute; top: 0; left: 50%; width: 68.7%; height: 100%; overflow: hidden; transform: translateX(-50%); } .pm08 .youtube-area .youtube-btn img { width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } .pm08 .succ-video-intro.financial:before { left: 0; width: 0; height:60px; background: -moz-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(180deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } .pm08 .succ-video-intro.financial:after { left: 0; width: 0; height:60px; background: -moz-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: -webkit-linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); background: linear-gradient(0deg, rgba(255,234,1,1) 0%, rgba(255,234,1,1) 16%, rgba(255,234,1,0.6937149859943977) 54%, rgba(255,234,1,0.5060399159663865) 65%, rgba(255,234,1,0) 84%, rgba(255,234,1,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0050d5",endColorstr="#0050d5",GradientType=1); } .pm08 .succ-video-intro.financial .succ-text { left: 50%; width: 69%; height: 100%; top: 0; transform: translateX(-50%); margin: 0; } .pm08 .succ-video-intro.financial .text p { color: #222; } .pm08 .btn-box { position: relative; } .pm08 .btn-a { position: absolute; top: 0%; left: 50%; transform: translateX(-50%); width: 67.1%; height: 100%; } .pm08 .btn-a a { display: block; width: 100%; position: relative; height: 19.7%; left: 50%; transform: translateX(-50%); } .pm08 .btn-a a:nth-child(1) { height: 20.4%; } .pm08 .btn-a a:nth-child(2) { height: 19.8%; } .pm08 .btn-a a:nth-child(3) { height: 19.9%; } .pm08 .btn-a a:nth-child(4) { height: 19.8%; } .pm08 .btn-a a:nth-child(5) { height: 19.9%; } .pm08 #infoTab { display: flex; justify-content: space-evenly; padding: 0 0 50px; max-width: 783px; margin: 0 auto; } .pm08 #infoTabCont { padding: 0 0 60px 0; max-width: 783px; margin: 0 auto; } .pm08 #infoTabCont li > div { display: flex; justify-content: space-evenly; margin: 0 auto; } .pm08 #infoTabCont li > div a { position: relative; } .pm08 #infoTabCont li .ab { position: absolute; top: 0; left: 0; } .pm08 #infoTabCont li .ab { animation-name: pm08-a; animation-duration: 1.0s; animation-timing-function: steps(1); animation-iteration-count: infinite; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } @keyframes pm08-a { 0% { opacity: 0.0; } 50% { opacity: 1; } 100% { opacity: 0.0; } } /* 230627-01 */ .event-230627-01 .sec-01 { position: relative;} .event-230627-01 .sec-03 { position: relative;} .event-230627-01 .sec-01 img:nth-child(2) { position: absolute; top: 6%; left: 75%;} .event-230627-01 .sec-01 img:nth-child(3) { position: absolute; top: 56%; left: 16%;} .event-230627-01 .sec-01 img:nth-child(4) { position: absolute; top: 68%; left: 67%;} .event-230627-01 .btn-01 { position: absolute; left: 32%; top: 11%; width: 35%; height: 51%;} .event-230627-01 .btn-02 { position: absolute; left: 68%; top: 11%; width: 35%; height: 51%;} .pulse{animation-name: pulse;-webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} @keyframes pulse { 0% {transform: scale(0.9);opacity: 0.7; } 50% {transform: scale(1);opacity: 1; } 100% {transform: scale(0.9);opacity: 0.7; } } @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0.95);opacity: 0.7; } 50% {-webkit-transform: scale(1);opacity: 1; } 100% {-webkit-transform: scale(0.95);opacity: 0.7; } } /* 230628_01 */ .event-230628-01 .tab_easy { position: relative; width: 100%; margin: 0 auto; display: flex; justify-content: space-evenly;} .event-230628-01 .tab_easy:after { clear:both; content:''; display: block; } .event-230628-01 .tab_easy li { float: left; margin: 0 4px; position: relative; } .event-230628-01 .cont_easy li:not(:first-child) { display: none; } .event-230628-01 .cont_easy { margin: 56px auto 0;} .event-230628-01 .cont_easy img { margin: 0 auto; } /*230710*/ .event-230710 .bg-01{background: #e0ecae;padding-bottom:70px;} .event-230710 .bg-02{background: #c0d569;padding-bottom:70px;} .event-230710 .bg-01 img, .event-230710 .bg-02 img{margin: 0 auto;} .event-230710 .btn-1 { top: 50%; left: 50%; margin-left:24%; width: 40%; height: 13%; z-index: 1; } .event-230710 .btn-2 { top: 87%; left: 50%; margin-left:19%; width: 14%; height: 7%; z-index: 1; } .event-230710 .bk-slide-area { position: relative; } .event-230710 .bk-slide-area .bk-slide-box { position: absolute; top: 0%; left: 50%; width: 82%; height: 100%; margin-left: -41%; } .event-230710 .slick-left { position: absolute; top: 43%; left: 8%; z-index: 10; } .event-230710 .slick-right { position: absolute; top: 43%; right: 8%; z-index: 10; } /* 230712 */ /*흐르는 텍스트*/ .event-230712 .viewBox{position: relative; top:0;width:100%;padding:10px 0;background: #403ce5;overflow: hidden;z-index:9;} .event-230712 .slideBox{width:200%;display: flex;animation: flowText 20s linear infinite;} @keyframes flowText{0%{transform: translateX();} 100%{transform: translateX(-50%);}} .event-230712 .leftBox, .event-230712 .rightBox{width:100%; height: 100%;display: flex; justify-content: space-between; align-items: center;} .event-230712 .slideItem{font-family: 'GmarketSansLight'; color:#fff; font-size:1.9em; letter-spacing: -0.03em; white-space: pre;} .event-230712 .slideItem span:nth-child(2){color:#ffff00;} .event-230712 .slideItem span:nth-child(3){color:#00ff00;} .event-230712 .slideItem span:last-child{color:#07ffff;} .event-230712 .btn-01{top:11%; left: 50%; margin-left:-2%; width:43%; height: 4%;} .event-230712 .btn-02{top:27%; left: 50%; margin-left:-2%; width:43%; height: 4%;} .event-230712 .btn-03{top:44%; left: 50%; margin-left:-2%; width:43%; height: 4%;} .event-230712 .btn-04{top:60.5%; left: 50%; margin-left:-2%; width:43%; height: 4%;} .event-230712 .btn-05{top:77%; left: 50%; margin-left:-2%; width:43%; height: 4%;} .event-230712 .btn-06{top:93%; left: 50%; margin-left:8%; width:64%; height: 4%;} /*230727*/ .event-230727.move-TI .viewBox-img{top:8%;left:50%;margin-left:-40%;width:80%;} .event-230727 #infoTabCont ul{float: left;} .event-230727 .teach-area { position: absolute; top: 0; transform: translateX(50%); } .event-230727 .teach-area-cont{ position: absolute; top: 0; left: 50%; transform: translateX(-35%); } /*230728*/ .event-230728 .bk-slide-area { position: relative; } .event-230728 .bk-slide-area .bk-slide-box { position: absolute; top: 0%; left: 50%; width: 76%; height: 100%; margin-left: -38%; } .event-230728 .slick-left { position: absolute; top: 43%; left: 6%; z-index: 10; } .event-230728 .slick-right { position: absolute; top: 43%; right: 6%; z-index: 10; } /* 230803 */ .event-230803 .sec-01 { position: relative;} .event-230803 .sec-03 { position: relative;} .event-230803 .sec-01 img:nth-child(2) { position: absolute; top: 6%; left: 75%;} .event-230803 .sec-01 img:nth-child(3) { position: absolute; top: 56%; left: 16%;} .event-230803 .sec-01 img:nth-child(4) { position: absolute; top: 68%; left: 67%;} .event-230803 .btn-01 { position: absolute; left: 50%; top: 11%; width: 60%; height: 51%;} .pulse{animation-name: pulse;-webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} @keyframes pulse {0% {transform: scale(0.9);opacity: 0.7; }50% {transform: scale(1);opacity: 1; } 100% {transform: scale(0.9);opacity: 0.7; } } @-webkit-keyframes pulse {0% {-webkit-transform: scale(0.95);opacity: 0.7; }50% {-webkit-transform: scale(1);opacity: 1; } 100% {-webkit-transform: scale(0.95);opacity: 0.7; } } /*230807*/ .event_230807 .slide-box {position: absolute; top:5%;left: 52%; transform: translateX(-50%); max-width: 80%;} .event_230807 .slide-box .slide-list { max-width:87%; margin: 0 auto; } .event_230807 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute;width: 10%;height: 24%;} .event_230807 .slide-box .slick-arrow.slick-left {left: 0%; cursor: pointer;} .event_230807 .slide-box .slick-arrow.slick-right {left: 100%; cursor: pointer;} /*pm10*/ .pm10 .section { overflow: hidden; } .pm10 .sec-01 { background: #7d83ff; } .pm10 .sec-02 { background: #cbe6ff; } .pm10 .sec-03 { background: #34b371; } .pm10 .sec-04 { background: #cbe6ff; } .pm10 .sec-05 { background: #7d83ff; } .pm10 .sec-04 .event-slide-area { } .pm10 .sec-04 .event-slide-area .event-slide-box { position: absolute; top: 28%; left: 50%; width: 84.25%; margin-left: -42%; } .pm10 .sec-04 .slick-left { position: absolute; top: 52%; left: 3%; z-index: 10; } .pm10 .sec-04 .slick-right { position: absolute; top: 52%; right: 3%; z-index: 10; } .pm10 .btn-01{top: 82%; left: 50%; width:79%; height:11%;} .pm10 .btn-02{top: 79%; left: 50%; margin-left: -23%; width:45%; height:10%;} .pm10 .btn-03{top: 79%; left: 50%; margin-left: 23%; width:45%; height:10%;} /*230904*/ .event_230904 .sec-02 { position:relative;} .event_230904 .sec-02 .model-a { display: none; position: absolute; top: 40%; left: 20%; z-index: 2;} .event_230904 .sec-02 .model-a .close-btn { position: absolute; top: 1%; right: 1%; } .event_230904 .sec-02 .model-a .close-btn i { font-size: 30px; } .event_230904 .sec-03 .tab-btn-a { position: absolute; top: 0; left: 16%; width: 68%; height: 100%; display: flex; } .event_230904 .sec-03 .tab-btn-a a { width: 33.333%; height: 100%; position: relative; } .event_230904 .sec-02 .btn-1 { top: 31%; left: 46%; width: 20%; height: 8%; } .event_230904 .sec-02 .btn-2 { top: 56%; left: 46%; width: 20%; height: 8%; } .event_230904 .sec-02 .btn-3 { top: 81%; left: 46%; width: 20%; height: 8%; } .event_230904 .sec-03 .btn-8 { top: 64%; left: 40%; width: 20%; height: 10%; } .event_230904 .sec-03 .btn-9 { top: 62%; left: 16%; width: 20%; height: 10%; } .event_230904 .sec-03 .tab_easy { display: flex; /* justify-content: space-around; */max-width: 768px; margin: 0 auto 20px; position: absolute; top: 0; left: 15%;} .event_230904 .sec-03 .tab_easy:before { clear: both; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #ececec; border-radius: 3px; z-index: 1; } .event_230904 .sec-03 .tab_easy:after { clear: both; content: ''; display: block; } .event_230904 .sec-03 .tab_easy li { position: relative; } .event_230904 .sec-03 .tab_easy li:after { clear: both; content: ''; display: block; position: absolute; bottom: -4px; left: 50%; width: 0; height: 13px; background: #e23434; border-radius: 7px; z-index: 1; transition: all ease 0.35s; } .event_230904 .sec-03 .tab_easy li.active:after { width: 100%; left: 0; } .event_230904 .sec-03 .tab_easy_2 li{ display:block; } .event_230904 .sec-03 .cont_easy {position:relative;} .event_230904 .sec-03 .cont_easy li { display:block; } .event_230904 .sec-03 .btn-layout { position: absolute; bottom: 18px; left: 50%; margin-left: -384px; width: 768px; } .event_230904 .sec-03 .btn-layout a { display: inline-block; margin: 0 10px; } .event_230904 .sec-03 .story-slick { width: 100%; position: absolute; top: -550px; left:18%; } /*230906*/ .event-230906.move-TI .viewBox-img{top:9%;left:50%;margin-left:-40%;width:80%;} .event-230906 .Tab01{display: flex; justify-content:center;} .event-230906 #infoTab {display: flex; position: absolute; top: 0;} .event-230906 #infoTab li{cursor: pointer;border:solid 1px #28282b;} .event-230906 #infoTabCont{position: absolute; top: 17.7%;} .event-230906 .Tab02{} .event-230906 #infoTabSub {position: absolute; top: 0; transform: translateX(50%); } .event-230906 #infoTabSubCont{ position: absolute; top: 0; left: 50%; transform: translateX(-35%); } /*230906_01*/ .event_230906_01 .slide {position: absolute;top: 30%;left: 55%;transform: translateX(-50%);max-width: 100%;} .event_230906_01 .slide .list { max-width:87%; margin: 0 auto; } .event_230906_01 .slide .list .slick-slide { margin: 0 10px; } .event_230906_01 .slide .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute;width: 10%;height: 24%;} .event_230906_01 .slide .slick-arrow.slick-left {left: 5%; cursor: pointer;} .event_230906_01 .slide .slick-arrow.slick-right {left: 82%; cursor: pointer;} /*230913_01*/ .event_230913_01 .succ-list { position: absolute; top: 17%; left: 13.5%; width: 72%; height: 76%; overflow: hidden; } .event_230913_01 .succ-list .slick-slide { display: flex; } .event_230913_01 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px !important; line-height: 130%; display: block; text-align: center; } .event_230913_01 .succ-list span:nth-child(1) { width: 22%; } .event_230913_01 .succ-list span:nth-child(2) { width: 36%; } .event_230913_01 .succ-list span:nth-child(3) { width: 43%; } .event_230913_01 .event-slide-area .event-slide-box { position: absolute; top: 36%; left: 16%; width: 68%; height: 49%; } .event_230913_01 .event-slide-area .slick-left { position: absolute; top: 57%; left: 7%; width: 6%; z-index: 10; cursor: pointer;} .event_230913_01 .event-slide-area .slick-right { position: absolute; top: 57%; right: 5%; width:6%; z-index: 10; cursor: pointer;} .event_230913_01 .event-slide-area iframe { width: 746px; height: 391px; } /*230915_02*/ .event_230915_02 .sec-03 {background: #e8684c;} .event_230915_02 .sec-03 .tab-menu { max-width: 822px; margin: 0 auto; } .event_230915_02 .sec-03 .tab-menu .tab-menu-btn { display: flex; justify-content: center; } .event_230915_02 .t-btn-a { position: relative; } .event_230915_02 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_230915_02 .t-btn-a .t-btn-0 { left: 22%; } .event_230915_02 .t-btn-a .t-btn-1 { left: 33%; } .event_230915_02 .t-btn-a .t-btn-2 { left: 44%; } .event_230915_02 .t-btn-a .t-btn-3 { left: 55%; } .event_230915_02 .t-btn-a .t-btn-4 { left: 66%; } .event_230915_02 .t-btn-a .t-btn-5 { left: 77%; } .event_230915_02 .t-btn-a .tch-l .tch-2 { display: none; } .event_230915_02 .t-btn-a .tch-l .tch-3 { display: none; } .event_230915_02 .t-btn-a .tch-l .tch-4 { display: none; } .event_230915_02 .t-btn-a .tch-l .tch-5 { display: none; } .event_230915_02 .t-btn-a .tch-l .tch-6 { display: none; } .event_230915_02 .t-video { position: relative; } .event_230915_02 .t-video .btn-6 { position: absolute; top: 34.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_230915_02 .t-video div:not(:first-child) { display: none; } /*230921*/ .event_230921 .t-btn-a { position: relative; } .event_230921 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_230921 .t-btn-a .t-btn-0 { left: 26%; } .event_230921 .t-btn-a .t-btn-1 { left: 38%; } .event_230921 .t-btn-a .t-btn-2 { left: 50%; } .event_230921 .t-btn-a .t-btn-3 { left: 62%; } .event_230921 .t-btn-a .t-btn-4 { left: 75%; } .event_230921 .t-btn-a .tch-l .tch-2 { display: none; } .event_230921 .t-btn-a .tch-l .tch-3 { display: none; } .event_230921 .t-btn-a .tch-l .tch-4 { display: none; } .event_230921 .t-btn-a .tch-l .tch-5 { display: none; } .event_230921 .t-video { position: relative; } .event_230921 .t-video .btn-6 { position: absolute; top: 14.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_230921 .t-video div:not(:first-child) { display: none; } /*230925*/ .event_230925 .sec-02 { position:relative;} .event_230925 .sec-03 { position:relative;} .event_230925 .sec-02 .btn-1 { top: 40%; left: 27%; width: 8%; height: 8%; } .event_230925 .sec-02 .btn-2 { top: 40%; left: 75%; width: 8%; height: 8%; } .event_230925 .sec-02 .btn-3 { top: 69.5%; left: 27%; width: 8%; height: 8%; } .event_230925 .sec-02 .btn-4 { top: 69.5%; left: 75%; width: 8%; height: 8%; } .event_230925 .sec-03 .btn-5 { top: 35%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-6 { top: 35%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-7 { top: 56%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-8 { top: 77%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-9 { top: 35%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-10 { top: 56%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .btn-11 { top: 77%; left: 78%; width: 17%; height: 12%; } .event_230925 .sec-03 .tab-btn-a { position: absolute; top: 0; left: 10%; width: 80%; height: 100%; display: flex; } .event_230925 .sec-03 .tab-btn-a a { width: 33.333%; height: 100%; position: relative; } .event_230925 .sec-03 .tab_easy { display: flex; /* justify-content: space-around; */max-width: 768px; margin: 0 auto 20px; position: absolute; top: 0; left: 15%;} .event_230925 .sec-03 .tab_easy:before { clear: both; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #ececec; border-radius: 3px; z-index: 1; } .event_230925 .sec-03 .tab_easy:after { clear: both; content: ''; display: block; } .event_230925 .sec-03 .tab_easy li { position: relative; } .event_230925 .sec-03 .tab_easy li:after { clear: both; content: ''; display: block; position: absolute; bottom: -4px; left: 50%; width: 0; height: 13px; background: #e23434; border-radius: 7px; z-index: 1; transition: all ease 0.35s; } .event_230925 .sec-03 .tab_easy li.active:after { width: 100%; left: 0; } .event_230925 .sec-03 .tab_easy_2 li{ display:block; } /*230926_01*/ .event_230926_01 .slide-box {position: absolute; top: 32.3%;left: 65.4%;transform: translateX(-50%); max-width: 100%;} .event_230926_01 .slide-box .slide-list { margin: 0 auto; } .event_230926_01 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_230926_01 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_230926_01 .slide-box .slick-arrow.slick-left { position:absolute; top: 40%; left: -7%; cursor: pointer;} .event_230926_01 .slide-box .slick-arrow.slick-right { position:absolute; top: 40%; left: 76%; cursor: pointer;} .event_230926_01 .slide-list iframe { width: 746px; height: 391px; } /*231004*/ .event_231004 .company-slide { position: absolute; top: 10%; left: 50%; margin-left: -400px; width: 800px; height: 100%; } .event_231004 .succ-list { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); width: 80%; height: 76%; overflow: hidden; } .event_231004 .succ-list div { } .event_231004 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 26px 0; } .event_231004 .succ-list span:nth-child(1) { width: 16%; } .event_231004 .succ-list span:nth-child(2) { width: 24%; } .event_231004 .succ-list span:nth-child(3) { width: 37%; } .event_231004 .succ-list span:nth-child(4) { width: 22%; } /*231005*/ .event_231005 .slide-box { position: relative; background: url(../../Public_html/Images/Event/231005_06.jpg) no-repeat #eee; padding:120px 0 20px 0;} .event_231005 .youtube-review { max-width: 80%; margin: 0 auto; } .event_231005 .youtube-review .slick-box { margin: 190px 4px !important; transition: all ease-in-out 0.45s; position: relative; /* padding: 0 10px; */box-sizing: border-box; } .event_231005 .youtube-review .slick-box:before { clear:both; content:''; display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; } .event_231005 .youtube-review .slick-box.slick-current { transform: scale(2); z-index: 1; padding: 0; } .event_231005 .youtube-review .slick-box.slick-current:before { opacity: 0; } .event_231005 .youtube-review .slick-box img { width: 100%; } .event_231005 .youtube-slick-btn { position: absolute; bottom: 28%; width: 21px; height: 35px; } .event_231005 .youtube-slick-btn.left-btn { background: url(../../Public_html/Images/Event/arrow_left.png); background-size: contain; top: 54%; left: 50%; margin-left: -45%; } .event_231005 .youtube-slick-btn.right-btn { background: url(../../Public_html/Images/Event/arrow_right.png); background-size: contain;top: 54%; left: 50%; margin-left: 43%; } /*231006_01*/ .event_231006_01 .cha { position: absolute; top: 35%; left:65%;} /* .event_231011 */ .event_231011 .teach-area { width:80%; margin: 0 auto; display: flex;padding-bottom:1%;} .event_231011 .teach-area li { } .event_231011 img { display: block; width: 100%; margin: 0 auto; } .event_231011 .succ-list { position: absolute; top: 4%; left: 50%; margin-left: -40.5%; width: 81%; height: 93%; overflow: hidden; font-size: 1.3em; } .event_231011 .succ-list .slick-slide { display: flex; text-align: center; } .event_231011 .succ-list .slick-slide span:nth-child(1n) { width: 22%; padding:2% 0; } .event_231011 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_231011 .succ-list .slick-slide span:nth-child(3n) { width: 22%; } .event_231011 .succ-list .slick-slide span:nth-child(4n) { width: 21%; } .event_231011 .t-btn-a { position: relative; } .event_231011 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_231011 .t-btn-a .t-btn-0 { left: 22%; } .event_231011 .t-btn-a .t-btn-1 { left: 33%; } .event_231011 .t-btn-a .t-btn-2 { left: 44%; } .event_231011 .t-btn-a .t-btn-3 { left: 55%; } .event_231011 .t-btn-a .t-btn-4 { left: 66%; } .event_231011 .t-btn-a .t-btn-5 { left: 77%; } .event_231011 .t-btn-a .tch-l .tch-2 { display: none; } .event_231011 .t-btn-a .tch-l .tch-3 { display: none; } .event_231011 .t-btn-a .tch-l .tch-4 { display: none; } .event_231011 .t-btn-a .tch-l .tch-5 { display: none; } .event_231011 .t-btn-a .tch-l .tch-6 { display: none; } .event_231011 .t-video { position: relative; } .event_231011 .t-video .btn-6 { position: absolute; top: 34.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_231011 .t-video div:not(:first-child) { display: none; } /* event_231013 */ .event_231013 .sec-02 { background: #f17b1c; } .event_231013 .sec-02 .tab_easy { max-width: 951px; margin: 0 auto 15px auto; display: flex; justify-content: center; } .event_231013 .sec-02 .tab_easy li { margin: 0 5px; } .event_231013 .sec-02 .cont_easy { margin: 0 auto; } .event_231013 .sec-02 .cont_easy li { } /* event_231023_01*/ .event_231023_01 .tab-menu { background:#bfd1ff;} .event_231023_01 .tab-menu .tab-menu-btn { display: flex; justify-content: center; margin: 0 auto; flex-wrap:wrap;} /* event_231103 */ .event_231103 .teach-area { width:80%; margin: 0 auto; display: flex;padding-bottom:1%;} .event_231103 .teach-area li { } .event_231103 img { display: block; width: 100%; margin: 0 auto; } .event_231103 .tab-menu { background:#07667f;} .event_231103 .tab-menu .tab-menu-btn { display: flex; justify-content: center; max-width: 822px; margin: 0 auto;} .event_231103 .succ-list { position: absolute; top: 4%; left: 50%; margin-left: -40.5%; width: 81%; height: 80%; overflow: hidden; font-size: 1.3em; } .event_231103 .succ-list .slick-slide { display: flex; text-align: center; } .event_231103 .succ-list .slick-slide span:nth-child(1n) { width: 22%; padding:2% 0; } .event_231103 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_231103 .succ-list .slick-slide span:nth-child(3n) { width: 22%; } .event_231103 .succ-list .slick-slide span:nth-child(4n) { width: 21%; } .event_231103 .t-btn-a { position: relative; } .event_231103 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_231103 .t-btn-a .t-btn-1 { left: 31%; } .event_231103 .t-btn-a .t-btn-2 { left: 44%; } .event_231103 .t-btn-a .t-btn-3 { left: 56%; } .event_231103 .t-btn-a .t-btn-4 { left: 68%; } .event_231103 .t-btn-a .tch-l .tch-2 { display: none; } .event_231103 .t-btn-a .tch-l .tch-3 { display: none; } .event_231103 .t-btn-a .tch-l .tch-4 { display: none; } .event_231103 .t-video { position: relative; } .event_231103 .t-video .btn-5 { position: absolute; top: 14.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_231103 .t-video div:not(:first-child) { display: none; } /* 231106 */ .event-231106 .sec-01 { position: relative;} .event-231106 .sec-03 { position: relative;} .event-231106 .sec-01 img:nth-child(2) { position: absolute; top: 6%; left: 75%;} .event-231106 .sec-01 img:nth-child(3) { position: absolute; top: 56%; left: 16%;} .event-231106 .sec-01 img:nth-child(4) { position: absolute; top: 68%; left: 67%;} .event-231106 .btn-01 { position: absolute; left: 50%; top: 13%; width: 60%; height: 68%;} .pulse{animation-name: pulse;-webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} @keyframes pulse { 0% {transform: scale(0.9);opacity: 0.7;} 50% {transform: scale(1);opacity: 1;} 100% {transform: scale(0.9);opacity: 0.7;} } @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0.95);opacity: 0.7;} 50% {-webkit-transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(0.95);opacity: 0.7;} } /* 231121 */ .event_231121 .video1 .slide-box {position: absolute; top: 39%;left: 50%;transform: translateX(-50%); max-width: 68%;} .event_231121 .video1 .slide-box .slide-list { margin: 0 auto; } .event_231121 .video1 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_231121 .video1 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_231121 .video1 .slide-box .slick-arrow.slick-left1 { position:absolute; top: 38%; left: -4%; cursor: pointer;} .event_231121 .video1 .slide-box .slick-arrow.slick-right1 { position:absolute; top: 38%; left: 104%; cursor: pointer;} .event_231121 .video1 .slide-list iframe { width: 725px; height: 370px; } .event_231121 .video2 .slide-box {position: absolute; top: 22%;left: 50%;transform: translateX(-50%); max-width: 68%;} .event_231121 .video2 .slide-box .slide-list { margin: 0 auto; } .event_231121 .video2 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_231121 .video2 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_231121 .video2 .slide-box .slick-arrow.slick-left2 { position:absolute; top: 38%; left: -4%; cursor: pointer;} .event_231121 .video2 .slide-box .slick-arrow.slick-right2 { position:absolute; top: 38%; left: 104%; cursor: pointer;} .event_231121 .video2 .slide-list iframe { width: 725px; height: 370px; } /* event_231211 */ .event_231211 .sec-02 { background: #e2d0cc;} .event_231211 .sec-02 .tab_easy { max-width: 951px; margin: 0 auto 15px auto; display: flex; justify-content: center; } .event_231211 .sec-02 .tab_easy li { margin: 0 5px; cursor: pointer;} .event_231211 .sec-02 .cont_easy { margin: 0 auto; } .event_231211 .sec-02 .cont_easy li { } .event_231211 .sec-02 .cont_easy .youtube-area iframe { position: absolute; bottom: 21%; left: 50%; margin-left: -10%; width: 48%; height: 28%;} .event_231211 .sec-03 { background: #ededed;} .event_231211 .slide-box {position: absolute; top: 20%; left: 50%; transform: translateX(-50%); max-width: 85%;} .event_231211 .slide-box .slide-list { margin: 0 auto; } .event_231211 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_231211 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_231211 .slide-box .slick-arrow.slick-left { position:absolute; top: 41%; left: -3%; cursor: pointer;} .event_231211 .slide-box .slick-arrow.slick-right { position:absolute; top: 41%; right: -10%; cursor: pointer;} /* .event_231218 */ .event_231218 .teach-area { width:80%; margin: 0 auto; display: flex; padding-bottom: 1%; justify-content: center;} .event_231218 .teach-area li { } .event_231218 .teach-area-cont li img {margin: 0 auto;} .event_231218 .succ-list { position: absolute; top: 4%; left: 50%; margin-left: -40.5%; width: 81%; height: 93%; overflow: hidden; font-size: 1.3em; } .event_231218 .succ-list .slick-slide { display: flex; text-align: center; } .event_231218 .succ-list .slick-slide span:nth-child(1n) { width: 22%; padding:2% 0; } .event_231218 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_231218 .succ-list .slick-slide span:nth-child(3n) { width: 22%; } .event_231218 .succ-list .slick-slide span:nth-child(4n) { width: 21%; } .event_231218 .t-btn-a { position: relative; } .event_231218 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_231218 .t-btn-a .t-btn-0 { left: 22%; } .event_231218 .t-btn-a .t-btn-1 { left: 33%; } .event_231218 .t-btn-a .t-btn-2 { left: 44%; } .event_231218 .t-btn-a .t-btn-3 { left: 55%; } .event_231218 .t-btn-a .t-btn-4 { left: 66%; } .event_231218 .t-btn-a .t-btn-5 { left: 77%; } .event_231218 .t-btn-a .tch-l .tch-2 { display: none; } .event_231218 .t-btn-a .tch-l .tch-3 { display: none; } .event_231218 .t-btn-a .tch-l .tch-4 { display: none; } .event_231218 .t-btn-a .tch-l .tch-5 { display: none; } .event_231218 .t-btn-a .tch-l .tch-6 { display: none; } .event_231218 .t-video { position: relative; } .event_231218 .t-video .btn-6 { position: absolute; top: 12.2%; left: 31.7%; width: 37.7%; height: 38.8%; transform: translateX(-50%); } .event_231218 .t-video div:not(:first-child) { display: none; } /* .event_231226 */ .event_231226 .youtube-area {position: relative;} .event_231226 .youtube-area iframe {position: absolute; top: 24%; left: 50%; margin-left: -34%; width: 68%; height: 66%;} .event_231226 .slide-box {position: absolute; top: 0%; left: 50%; transform: translateX(-50%); max-width: 86%;} .event_231226 .slide-box .slide-list { margin: 0 auto; } .event_231226 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_231226 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_231226 .slide-box .slick-arrow.slick-left { position:absolute; top: 38%; left: 7%; cursor: pointer;} .event_231226 .slide-box .slick-arrow.slick-right { position:absolute; top: 38%; right: -4%; cursor: pointer;} /* event_231228 */ .event_231228 .btn-1 { top:35%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-2 { top:35%; left:53%; width:38%; height:4.5%; } .event_231228 .btn-3 { top: 40%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-4 { top: 40%; left: 50%; width:38%; height:4.5%; } .event_231228 .btn-5 { top: 51.5%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-6 { top: 51.5%; left: 50%; width:38%; height:4.5%; } .event_231228 .btn-7 { top: 56%; left:10%; width:38%; height: 4.5%; } .event_231228 .btn-8 { top: 60.5%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-9 { top: 72%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-10 { top: 72%; left: 50%; width:38%; height:4.5%; } .event_231228 .btn-11 { top: 83.5%; left:10%; width:38%; height:4.5%; } .event_231228 .btn-12 { top: 83.5%; left: 50%; width:38%; height:4.5%; } .event_231228 .btn-13 { top: 88%; left:10%; width:38%; height:4.5%; } .event_231228 #infoTab { background: #00b1ea; } .event_231228 .teach-area { display: flex; justify-content: center; } .event_231228 .teach-area li { margin: 0 4px; } .event_231228 .teach-area li img { width: 100%; } .event_231228 .teach-area-cont{display: flex; justify-content: center;background:#00b1ea;} .event_231228 .teach-area-cont li { position: relative; } .event_231228 .succ-list { position: absolute; top: 21%; left: 2%; width: 56%; height: 32%; overflow: hidden; } .event_231228 .succ-list .slick-slide { display: flex; } .event_231228 .succ-list span { font-size: 22px !important; line-height: 130%; display: block; text-align: center; } .event_231228 .succ-list span:nth-child(1) { width: 22%; } .event_231228 .succ-list span:nth-child(2) { width: 32%; } .event_231228 .succ-list span:nth-child(3) { width: 50%; } .event_231228 #infoTabSub { position: absolute; top: 6%; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } .event_231228 #infoTabSub li { width: 20%; max-width: 158px; margin: 0 5px; } .event_231228 #infoTabSubCont { position: relative; } .event_231228 .youtube-btn { position: absolute; bottom: 8%; right: 11.4%; width: 29%; height: 39%; } .event_231228 .youtube-btn:after { display: none; } .event_231228 .event-slide-area{background:#00b1ea;} .event_231228 .event-slide-area .event-slide-box { padding-bottom:110px;display: flex; justify-content: center;} .event_231228 .event-slide-area .event-slide-box div{width: 87%;} .event_231228 .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_231228 .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } /* 240108_01 */ .event-240108_01 .sec-01 { position: relative;} .event-240108_01 .sec-03 { position: relative;} .event-240108_01 .sec-01 img:nth-child(2) { position: absolute; top: 6%; left: 75%;} .event-240108_01 .sec-01 img:nth-child(3) { position: absolute; top: 56%; left: 16%;} .event-240108_01 .sec-01 img:nth-child(4) { position: absolute; top: 68%; left: 67%;} .event-240108_01 .btn-01 { position: absolute; left: 50%; top: 13%; width: 60%; height: 68%;} .pulse{animation-name: pulse;-webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;} @keyframes pulse { 0% {transform: scale(0.9);opacity: 0.7;} 50% {transform: scale(1);opacity: 1;} 100% {transform: scale(0.9);opacity: 0.7;} } @-webkit-keyframes pulse { 0% {-webkit-transform: scale(0.95);opacity: 0.7;} 50% {-webkit-transform: scale(1);opacity: 1;} 100% {-webkit-transform: scale(0.95);opacity: 0.7;} } /* .event_240111 */ .event_240111 .video1 .slide-box {position: absolute; top: 35%; left: 50%;transform: translateX(-50%); max-width: 68%;} .event_240111 .video1 .slide-box .slide-list { margin: 0 auto; } .event_240111 .video1 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_240111 .video1 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_240111 .video1 .slide-box .slick-arrow.slick-left1 { position:absolute; top: 38%; left: -4%; cursor: pointer;} .event_240111 .video1 .slide-box .slick-arrow.slick-right1 { position:absolute; top: 38%; left: 104%; cursor: pointer;} .event_240111 .video1 .slide-list iframe { width: 725px; height: 370px; } /* event_240115_01 */ .event_240115_01 .day-0 { } .event_240115_01 .day-1 { display: none; } .event_240115_01 .day-2 { display: none; } .event_240115_01 .refund-apply { position:relative; } .event_240115_01 .btn-th {/* display: none; */} .event_240115_01 .ing, .event_240115_01 .end, .event_240115_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_240115_01 .ing { display: none; } .event_240115_01 .end { display: none; } .event_240115_01.first .day-0 { display: block; } .event_240115_01.first .day-1 { display: none; } .event_240115_01.first .day-2 { display: none; } .event_240115_01.second .day-0 { display: none; } .event_240115_01.second .day-1 { display: block; } .event_240115_01.second .day-2 { display: none; } .event_240115_01.third .day-0 { display: none; } .event_240115_01.third .day-1 { display: none; } .event_240115_01.third .day-2 { display: block; } /* event_240117 */ .event_240117 .day-0 { } .event_240117 .day-1 { display: none; } .event_240117 .day-2 { display: none; } .event_240117 .refund-apply { position:relative; } .event_240117 .btn-th {/* display: none; */} .event_240117 .ing, .event_240117 .end, .event_240117 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_240117 .ing { display: none; } .event_240117 .end { display: none; } .event_240117.first .day-0 { display: block; } .event_240117.first .day-1 { display: none; } .event_240117.first .day-2 { display: none; } .event_240117.second .day-0 { display: none; } .event_240117.second .day-1 { display: block; } .event_240117.second .day-2 { display: none; } .event_240117.third .day-0 { display: none; } .event_240117.third .day-1 { display: none; } .event_240117.third .day-2 { display: block; } /* event_240117_01 */ .event_240117_01 .day-0 { } .event_240117_01 .day-1 { display: none; } .event_240117_01 .day-2 { display: none; } .event_240117_01 .refund-apply { position:relative; } .event_240117_01 .btn-th {/* display: none; */} .event_240117_01 .ing, .event_240117_01 .end, .event_240117_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_240117_01 .ing { display: none; } .event_240117_01 .end { display: none; } .event_240117_01.first .day-0 { display: block; } .event_240117_01.first .day-1 { display: none; } .event_240117_01.first .day-2 { display: none; } .event_240117_01.second .day-0 { display: none; } .event_240117_01.second .day-1 { display: block; } .event_240117_01.second .day-2 { display: none; } .event_240117_01.third .day-0 { display: none; } .event_240117_01.third .day-1 { display: none; } .event_240117_01.third .day-2 { display: block; } /* event_240125 */ .event_240125 .btn-1 { top: 26%; left: 50%; margin-left: -6%; width: 27%; height: 5%;} .event_240125 .btn-2 { top: 47%; left: 50%; margin-left: -6%; width: 27%; height: 5%;} .event_240125 .btn-3 { top: 68%; left: 50%; margin-left: -6%; width: 27%; height: 5%;} .event_240125 .btn-4 { top: 89%; left: 50%; margin-left: -6%; width: 27%; height: 5%;} .event_240125 .btn-5 { top: 36.5%; left: 50%; width: 60%; height: 6.5%;} .event_240125 .btn-6 { top: 45%; left: 50%; width: 60%; height: 6.5%;} .event_240125 .btn-7 { top: 72%; left: 50%; width: 60%; height: 6.5%;} .event_240125 .btn-8 { top: 80.5%; left: 50%; width: 60%; height: 6.5%;} .event_240125 .youtube {display: block;} .event_240125 .video-01 {position: absolute; top: 33%; left: 50%; margin-left: -43%; width: 40%; height: 24%;} .event_240125 .video-02 {position: absolute; top: 33%; left: 50%; margin-left: 3%; width: 40%; height: 24%;} .event_240125 .video-03 {position: absolute; top: 60%; left: 50%; margin-left: -43%; width: 40%; height: 24%;} .event_240125 .video-04 {position: absolute; top: 60%; left: 50%; margin-left: 3%; width: 40%; height: 24%;} .event_240125 .tab-aa {/* max-width: 948px; */margin: 0 auto;position: relative;} .event_240125 .tab-aa .tab_easy_2 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 52%;height: 42%;display: flex;z-index: 1;} .event_240125 .tab-aa .tab_easy_2 li {width: 50%;height: 100%;} .event_240125 .tab-aa .tab_easy_2 li a{display: block;width: 100%;height: 100%;} .event_240125 .tab-aa .cont_easy_2 {} .event_240125 .tab-aa .cont_easy_2 li:not(:first-child) { display: none; position: relative; } .event_240125 .tab-bb .tab_easy {display: flex;z-index: 1;margin-bottom: 40px;justify-content: center;min-width: 1100px;} .event_240125 .tab-bb .tab_easy li {margin: 0 5px;} .event_240125 .tab-cc > .cont_easy > li:not(:first-child) { display: none; position: relative; } /* .event_240213 */ .event_240213 .teach-area { width:100%; display: flex; justify-content: center; align-items: center;} .event_240213 .teach-area li {margin-right:10px;} .event_240213 img { display: block; width: 100%; margin: 0 auto; } .event_240213 .succ-list { position: absolute; top: 57%; left: 50%; margin-left: -40%; width: 81%; height: 39%; overflow: hidden; font-size: 1.3em; } .event_240213 .succ-list .slick-slide { display: flex; text-align: center; } .event_240213 .succ-list .slick-slide span:nth-child(1n) { width: 22%; padding:2% 0; } .event_240213 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_240213 .succ-list .slick-slide span:nth-child(3n) { width: 22%; } .event_240213 .succ-list .slick-slide span:nth-child(4n) { width: 21%; } .event_240213 .t-btn-a { position: relative; } .event_240213 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 14%; height: 91%; } .event_240213 .t-btn-a .t-btn-1 { left: 22%; } .event_240213 .t-btn-a .t-btn-2 { left: 37%; } .event_240213 .t-btn-a .t-btn-3 { left: 51%; } .event_240213 .t-btn-a .t-btn-4 { left: 65%; } .event_240213 .t-btn-a .t-btn-5 { left: 79%; } .event_240213 .t-btn-a .tch-l .tch-2 { display: none; } .event_240213 .t-btn-a .tch-l .tch-3 { display: none; } .event_240213 .t-btn-a .tch-l .tch-4 { display: none; } .event_240213 .t-btn-a .tch-l .tch-5 { display: none; } .event_240213 .t-video { position: relative; } .event_240213 .t-video .btn-6 { position: absolute; top: 8%; left: 33%; width: 37%; height: 45%; transform: translateX(-50%); } .event_240213 .t-video div:not(:first-child) { display: none; } /* .event_240319 */ .event_240319 #infoTabCont ul{float: left;} .event_240319 .teach-area { position: absolute; top: 15%; transform: translateX(50%); } .event_240319 .teach-area-cont{ position: absolute; top: 10%; left: 50%; transform: translateX(-35%); } /* .event_240321 */ .event_240321 .slide-box {position: absolute; top: 27%;left: 50%;transform: translateX(-50%); max-width: 100%;} .event_240321 .slide-box .slide-list { margin: 0 auto; } .event_240321 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_240321 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_240321 .slide-box .slick-arrow.slick-left { position:absolute; top: 40%; left: -7%; cursor: pointer;} .event_240321 .slide-box .slick-arrow.slick-right { position:absolute; top: 40%; left: 76%; cursor: pointer;} .event_240321 .slide-list iframe { width: 746px; height: 391px; } /* .event_240325 */ .event_240325 .slide-box {position: absolute; top: 23%;left: 54%;transform: translateX(-50%); max-width: 87%;} .event_240325 .slide-box .slide-list { margin: 0 auto; } .event_240325 .slide-box .slide-list .slick-slide { margin: 0 10px; } .event_240325 .slide-box .slick-arrow {transform: translateX(-50%);top: calc(50% - 36px);position: absolute; width: 10%;height: 24%;} .event_240325 .slide-box .slick-arrow.slick-left { position:absolute; top: 36%; left: -2%; cursor: pointer;} .event_240325 .slide-box .slick-arrow.slick-right { position:absolute; top: 36%; left: 93%; cursor: pointer;} .event_240325 .tab-menu { background:#ffcfe0; text-align: center; padding-bottom:100px;} .event_240325 .tab-menu .tab-menu-btn { display: flex; justify-content: center; max-width: 822px; margin: 0 auto;} /* 후기/환급 작업 시 날짜별 이미지 변경 ex) event_240221.asp - */ .event_refund .day-0 { } .event_refund .day-1 { display: none; } .event_refund .day-2 { display: none; } .event_refund .refund-apply { position:relative; } .event_refund .btn-th {/* display: none; */} .event_refund .ing, .event_refund .end, .event_refund .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_refund .ing { display: none; } .event_refund .end { display: none; } .event_refund.first .day-0 { display: block; } .event_refund.first .day-1 { display: none; } .event_refund.first .day-2 { display: none; } .event_refund.second .day-0 { display: none; } .event_refund.second .day-1 { display: block; } .event_refund.second .day-2 { display: none; } .event_refund.third .day-0 { display: none; } .event_refund.third .day-1 { display: none; } .event_refund.third .day-2 { display: block; } /* 240402 */ .event_240402 #infoTab { background: #d6f7f1; } .event_240402 .teach-area { display: flex; justify-content: center; } .event_240402 .teach-area li { margin: 0 4px; } .event_240402 .teach-area li img { width: 100%; } .event_240402 .teach-area-cont{display: flex; justify-content: center;background:#d6f7f1; padding-bottom: 10%;} .event_240402 .teach-area-cont li { position: relative; } .event_240402 .succ-list { color: #eee; position: absolute; top: 21%; left: 2%; width: 56%; height: 32%; overflow: hidden; } .event_240402 .succ-list .slick-slide { display: flex; } .event_240402 .succ-list span { font-size: 22px !important; line-height: 130%; display: block; text-align: center; } .event_240402 .succ-list span:nth-child(1) { width: 22%; } .event_240402 .succ-list span:nth-child(2) { width: 32%; } .event_240402 .succ-list span:nth-child(3) { width: 50%; } .event_240402 #infoTabSub { position: absolute; top: 6%; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } .event_240402 #infoTabSub li { width: 20%; max-width: 158px; margin: 0 5px; } .event_240402 #infoTabSubCont { position: relative; } .event_240402 .youtube-btn { position: absolute; bottom: 8%; right: 11.4%; width: 29%; height: 39%; } .event_240402 .youtube-btn:after { display: none; } /* .event_240418 */ .event_240418 .teach-area { width:80%; margin: 0 auto; display: flex; padding-bottom: 1%; justify-content: center;} .event_240418 .teach-area li { } .event_240418 .teach-area-cont li img {margin: 0 auto;} .event_240418 .succ-list { position: absolute; top: 4%; left: 50%; margin-left: -40.5%; width: 81%; height: 93%; overflow: hidden; font-size: 1.3em; } .event_240418 .succ-list .slick-slide { display: flex; text-align: center; } .event_240418 .succ-list .slick-slide span:nth-child(1n) { width: 22%; padding:2% 0; } .event_240418 .succ-list .slick-slide span:nth-child(2n) { width: 35%; } .event_240418 .succ-list .slick-slide span:nth-child(3n) { width: 22%; } .event_240418 .succ-list .slick-slide span:nth-child(4n) { width: 21%; } .event_240418 .teach-btn-a { position: relative; } .event_240418 .teach-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_240418 .teach-btn-a .teach-btn-0 { left: 22%; } .event_240418 .teach-btn-a .teach-btn-1 { left: 37%; } .event_240418 .teach-btn-a .teach-btn-2 { left: 50%; } .event_240418 .teach-btn-a .teach-btn-3 { left: 65%; } .event_240418 .teach-btn-a .teach-btn-4 { left: 78%; } .event_240418 .teach-btn-a .teach-l .teach-2 { display: none; } .event_240418 .teach-btn-a .teach-l .teach-3 { display: none; } .event_240418 .teach-btn-a .teach-l .teach-4 { display: none; } .event_240418 .teach-btn-a .teach-l .teach-5 { display: none; } .event_240418 .teach-btn-a .teach-l .teach-6 { display: none; } .event_240418 .teach-video { position: relative; } .event_240418 .teach-video .btn-6 { position: absolute; top: 12.2%; left: 31.7%; width: 37.7%; height: 38.8%; transform: translateX(-50%); } .event_240418 .teach-video div:not(:first-child) { display: none; } .event_240418 .tab-info-a {margin: 0 auto !important; background: #6cf659; } .event_240418 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_240418 .tab-info-a .tab_easy li { margin: 0 15px !important; cursor: pointer; } .event_240418 .tab-info-a .cont_easy { margin: 20px auto 0 !important; } .event_240418 .tab-info-a .cont_easy li > div { display: flex; justify-content:center; padding: 0; } .event_240418 .tab-info-b {margin: 0 auto !important; background: #dfdfdf; } .event_240418 .tab-info-b .tab_easy2 { display: flex; justify-content: center; } .event_240418 .tab-info-b .tab_easy2 li { margin: 0 15px !important; cursor: pointer; } .event_240418 .tab-info-b .cont_easy2 { margin: 20px auto 0 !important; } .event_240418 .tab-info-b .cont_easy2 li > div { display: flex; justify-content:center; padding: 0; } /* event_240423 */ .event_240423 .sec-03 .event-slide-area { position: relative; } .event_240423 .sec-03 .event-slide-area .event-slide-box { position: absolute; top: 25%; left:7%; width: 86%; height: 61%; } .event_240423 .sec-03 .slick-left { position: absolute; top: 50%; left: 2%; width: 6%; z-index: 10; } .event_240423 .sec-03 .slick-right { position: absolute; top: 50%; right: 0%; width:6%; z-index: 10; } /* event_240528 */ .event_240528 .teach-area { width:80%; margin: 0 auto; display: flex; padding-bottom: 1%; justify-content: center;} .event_240528 .teach-area li { } .event_240528 .teach-area-cont li img {margin: 0 auto;} .event_240528 .teach-btn-a { position: relative; } .event_240528 .teach-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_240528 .teach-btn-a .teach-btn-1 { left: 37%; } .event_240528 .teach-btn-a .teach-btn-2 { left: 50%; } .event_240528 .teach-btn-a .teach-btn-3 { left: 65%; } .event_240528 .teach-btn-a .teach-l .teach-2 { display: none; } .event_240528 .teach-btn-a .teach-l .teach-3 { display: none; } .event_240528 .teach-video { position: relative; } .event_240528 .teach-video .btn-6 { position: absolute; top: 12.2%; left: 31.7%; width: 37.7%; height: 38.8%; transform: translateX(-50%); } .event_240528 .teach-video div:not(:first-child) { display: none; } .event_240528 .tab-info-a {margin: 0 auto !important; background: #ffffb8; } .event_240528 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_240528 .tab-info-a .tab_easy li { margin: 0 15px !important; cursor: pointer; } .event_240528 .tab-info-a .cont_easy { margin: 20px auto 0 !important; } .event_240528 .tab-info-a .cont_easy li > div { display: flex; justify-content:center; padding: 0; } /* event_240530 */ .event_240530 { text-align: center;} .event_240530 .sec-03 .event-slide-area { position: relative; } .event_240530 .sec-03 .event-slide-area .event-slide-box { position: absolute; top: 12%; left:7%; width: 86%; height: 90%; } .event_240530 .sec-04 { position: relative; } .event_240530 .sec-04 .logo-move { position: absolute; top: 48%; left: 49.7%; width: 85%; height: 46%; transform: translateX(-50%); background: url(https://www.epasskorea.com/Typec_Image/info_fp/info_fp_07_logo.jpg); -webkit-animation: bgslide 18.00s 2.25s linear infinite; animation: bgslide 18.00s 1.25s linear infinite; background-repeat-y: no-repeat; } .event_240530 .sec-05 { position:relative; } .event_240530 .sec-05 .succ-list { position: absolute; top: 31%; left: 18.5%; transform: translateX(-50%); width: 40%; height: 45%; overflow: hidden; } .event_240530 .sec-05 .succ-list div { } .event_240530 .sec-05 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 30px 0; } .event_240530 .sec-05 .succ-list span:first-child { width: 43%; } .event_240530 .sec-05 .succ-list span:last-child { width: 28%; } /* event_240619 */ .event_240619 .flow-container { width: 1100px; padding: 20px 0; overflow: hidden; margin: 0 auto; background: #0d589e;} .event_240619 .flow-text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;font-size: 2.5rem; letter-spacing: -0.02em;font-family: 'GmarketSansBold';color: #ddff57;} .event_240619 .flow-wrap {animation: textLoop 100s linear; animation-iteration-count:infinite; padding-right: 0.8vw;} .event_240619 .btn-1 { top: 35%; left: 65%; width: 20%; height: 10%; } .event_240619 .btn-2 { top: 58%; left: 65%; width: 20%; height: 10%; } .event_240619 .btn-3 { top: 81%; left: 65%; width: 20%; height: 10%; } .event_240619 .btn-4 { top: 86%; left: 50%; width: 32%; height: 8%; } /* event_240624_01 */ .event_240624_01 .sec-01 { background: #4df9ff; } .event_240624_01 .sec-01 .tab_easy { max-width: 951px; margin: 0 auto 15px auto; display: flex; justify-content: center; } .event_240624_01 .sec-01 .tab_easy li { margin: 0 5px; } .event_240624_01 .sec-01 .cont_easy { margin: 0 auto; } .event_240624_01 .sec-01 .cont_easy li { } /* event_240725 */ .event_240725 .tab-menu { margin: 0 auto; } .event_240725 .tab-menu .tab-menu-btn { display: flex; justify-content: center; background: url(../../public_html/images/event/240725_07.jpg); } .event_240725 .tab-menu .tab-menu-btn li { margin: 0 5px; cursor: pointer; } .event_240725 .tab-menu .tab-menu-con li:not(:first-child) { display: none; position: relative; } /* event_240731_01 */ .event_240731_01 .sec-01 { background: #ffd3fc; padding-bottom:100px; } .event_240731_01 .tab-menu { margin: 0 auto; } .event_240731_01 .tab-menu .tab-menu-btn { display: flex; justify-content: center; background: #ffd3fc; } .event_240731_01 .tab-menu .tab-menu-btn li { margin: 0 5px; cursor: pointer; } .event_240731_01 .tab-menu .tab-menu-con li:not(:first-child) { display: none; position: relative; } /* event_240808 */ .event_240808 .tab-info-a {margin: 0 auto !important; background: #ebebeb; } .event_240808 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_240808 .tab-info-a .tab_easy li { cursor: pointer; } .event_240808 .tab-info-a .cont_easy { margin: 0 auto !important; background: #ebebeb; } .event_240808 .tab-info-a .cont_easy li > div { display: flex; padding: 0; } /*240812_02*/ .event_240812_02 .company-slide { position: absolute; top: 10%; left: 50%; margin-left: -400px; width: 800px; height: 100%; } .event_240812_02 .succ-list { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); width: 80%; height: 76%; overflow: hidden; } .event_240812_02 .succ-list div { } .event_240812_02 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 26px 0; } .event_240812_02 .succ-list span:nth-child(1) { width: 16%; } .event_240812_02 .succ-list span:nth-child(2) { width: 24%; } .event_240812_02 .succ-list span:nth-child(3) { width: 37%; } .event_240812_02 .succ-list span:nth-child(4) { width: 22%; } /*240823*/ .event_240823 .viewBox{position: absolute; top:6.7%; left: 10%; width:80%; overflow: hidden;z-index:9;} .event_240823 .viewBox-img{position:absolute; top:49%;} .event_240823 .slideBox{width:200%;display: flex;animation: flowText 30s linear infinite;} @keyframes flowText{0%{transform: translateX();} 100%{transform: translateX(-50%);}} .event_240823 .leftBox, .event_240823 .rightBox{width:100%; height: 100%;display: flex; justify-content: space-between; align-items: center;} .event_240823 .slideItem{font-family: 'GmarketSansMedium';font-size: 1.5em; white-space: pre; color:#fff; padding:16px 0;} /*240828*/ .event_240828 { text-align: center;} .event_240828 .sec-04 { position:relative; } .event_240828 .sec-04 .succ-list { position: absolute; top: 42%; left: 18.5%; transform: translateX(-50%); width: 40%; height: 45%; overflow: hidden; } .event_240828 .sec-04 .succ-list div { } .event_240828 .sec-04 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 30px 0; } .event_240828 .sec-04 .succ-list span:first-child { width: 43%; } .event_240828 .sec-04 .succ-list span:last-child { width: 28%; } .event_240828 .t-btn-a { position: relative; } .event_240828 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 61%; } .event_240828 .t-btn-a .t-btn-0 { left: 24%; } .event_240828 .t-btn-a .t-btn-1 { left: 37%; } .event_240828 .t-btn-a .t-btn-2 { left: 50%; } .event_240828 .t-btn-a .t-btn-3 { left: 63%; } .event_240828 .t-btn-a .t-btn-4 { left: 76%; } .event_240828 .t-btn-a .tch-l { } .event_240828 .t-btn-a .tch-l .tch-1 { } .event_240828 .t-btn-a .tch-l .tch-2 { display: none; } .event_240828 .t-btn-a .tch-l .tch-3 { display: none; } .event_240828 .t-btn-a .tch-l .tch-4 { display: none; } .event_240828 .t-btn-a .tch-l .tch-5 { display: none; } .event_240828 .youtube-btn::after { display: none; } .event_240828 .t-info-video { position: relative; } .event_240828 .t-info-video .youtube-btn { position: absolute; top: 34.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_240828 .t-info-video div:not(:first-child) { display: none; } .event_240828 .btn-0 { top: 50%; left: 82%; width: 20%; height: 20%; } .event_240828 .btn-1 { top: 73%; left: 82%; width: 20%; height: 20%; } .event_240828 .btn-2 { top: 87%; left: 50%; width: 70%; height: 8.7%; } .event_240828 .btn-3 { top: 71%; left: 81.8%; width: 20%; height: 20%; } .event_240828 .btn-4 { top: 71%; left: 81.8%; width: 20%; height: 12.5%; } /*240902*/ .event_240902 .teach-btn-a { position: relative; } .event_240902 .teach-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_240902 .teach-btn-a .teach-btn-0 { left: 24%; } .event_240902 .teach-btn-a .teach-btn-1 { left: 38%; } .event_240902 .teach-btn-a .teach-btn-2 { left: 50%; } .event_240902 .teach-btn-a .teach-btn-3 { left: 63%; } .event_240902 .teach-btn-a .teach-btn-4 { left: 75%; } .event_240902 .teach-btn-a .teach-l .teach-2 { display: none; } .event_240902 .teach-btn-a .teach-l .teach-3 { display: none; } .event_240902 .teach-btn-a .teach-l .teach-4 { display: none; } .event_240902 .teach-btn-a .teach-l .teach-5 { display: none; } .event_240902 .teach-btn-a .teach-l .teach-6 { display: none; } .event_240902 .teach-video { position: relative; } .event_240902 .teach-video .btn-6 { position: absolute; top: 12.2%; left: 31.7%; width: 37.7%; height: 50%; transform: translateX(-50%); } .event_240902 .teach-video div:not(:first-child) { display: none; } /*241022*/ .event_241022 .btn-1 { top:22%; left:10%; width:38%; height:6%; } .event_241022 .btn-2 { top:22%; left:53%; width:38%; height:6%; } .event_241022 .btn-3 { top: 29%; left:10%; width:38%; height:6%; } .event_241022 .btn-4 { top: 29%; left: 53%; width:38%; height:6%; } .event_241022 .btn-5 { top: 37%; left:10%; width:38%; height:6%; } .event_241022 .btn-6 { top: 37%; left: 53%; width:38%; height:6%; } .event_241022 .logo-move { position: absolute; top: 11%; left: 49.7%; width: 87%; height: 7%; transform: translateX(-50%); background: url(https://epasskorea.com/public_html/images/event/241022_04_01_pc.jpg); -webkit-animation: bgslide 18.00s 2.25s linear infinite; animation: bgslide 18.00s 1.25s linear infinite; background-repeat-y: no-repeat; } .event_241022 .sec-01 { position:relative; } .event_241022 .sec-01 .succ-list { position: absolute; top: 31%; left: 17.5%; transform: translateX(-50%); width: 40%; height: 45%; overflow: hidden; } .event_241022 .sec-01 .succ-list div { } .event_241022 .sec-01 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 30px 0; } .event_241022 .sec-01 .succ-list span:first-child { width: 43%; } .event_241022 .sec-01 .succ-list span:last-child { width: 28%; } /* epk_pm11 */ .epk_pm11 .sec-01 { background-color: #4c00cc; } .epk_pm11 .sec-02 { background-color: #651be2; } .epk_pm11 .sec-03 { background-color: #e3d5ff; } .epk_pm11 .sec-04 { background-color: #5697f1; } .epk_pm11 .sec-05 { background-color: #2a48c8; } .epk_pm11 .sec-06 { background-color: #11288e; } .epk_pm11 .sec-07 { background-color: #db30a3; } .epk_pm11 .sec-08 { background-color: #4c00cc; } .epk_pm11 .sec-09 { background-color: #f2f2f2; } .epk_pm11 .sec-13 { background: #4fdece; } .epk_pm11 .sec-14 { background: #38cdbc; } .epk_pm11 .t-btn-a { position: relative; } .epk_pm11 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .epk_pm11 .t-btn-a .t-btn-1 { left: 18%; } .epk_pm11 .t-btn-a .t-btn-2 { left: 29%; } .epk_pm11 .t-btn-a .t-btn-3 { left: 40%; } .epk_pm11 .t-btn-a .t-btn-4 { left: 50%; } .epk_pm11 .t-btn-a .t-btn-5 { left: 62%; } .epk_pm11 .t-btn-a .t-btn-6 { left: 73%; } .epk_pm11 .t-btn-a .t-btn-7 { left: 83%; } .epk_pm11 .t-btn-a .tch-l .tch-2 { display: none; } .epk_pm11 .t-btn-a .tch-l .tch-3 { display: none; } .epk_pm11 .t-btn-a .tch-l .tch-4 { display: none; } .epk_pm11 .t-btn-a .tch-l .tch-5 { display: none; } .epk_pm11 .t-btn-a .tch-l .tch-6 { display: none; } .epk_pm11 .t-btn-a .tch-l .tch-7 { display: none; } .epk_pm11 .t-info-video { position: relative; } .epk_pm11 .t-info-video div:not(:first-child) { display: none; } .epk_pm11 .btn-1 { top: 26%; left: 73%; width: 20%; height: 5%; } .epk_pm11 .btn-2 { top: 57%; left: 73%; width: 20%; height: 5%; } .epk_pm11 .btn-3 { top: 88.5%; left: 73%; width: 20%; height: 5%; } .epk_pm11 .btn-4 { top: 14%; left: 50%; width: 80%; height: 23%; } .epk_pm11 .btn-5 { top: 39%; left: 50%; width: 80%; height: 23%; } .epk_pm11 .btn-6 { top: 64%; left: 50%; width: 80%; height: 23%; } .epk_pm11 .pm11-area { position: absolute; top: 40%; left: 50%; width: 100%; transform: translateX(-50%); } .epk_pm11 .pm11-slide1 { width: 100%; max-width: 900px; } .epk_pm11 .pm11-slide1 img { width: 100%; } .epk_pm11 .pm11-arrow1 { position: absolute; top: calc(50% - 16px); z-index: 97; width: 18px; height: 32px; padding: 0; text-indent: -9999px; cursor: pointer; } .epk_pm11 .pm11-arrow1.left1 { top:40%; left: 4%; } .epk_pm11 .pm11-arrow1.right1 { top:40%; right: 8%; } .epk_pm11 .event-slide-area .event-slide-box { } .epk_pm11 .event-slide-area .event-slide-box { position: absolute; top: 37%; width: 74%; height: 100%; left:13%; } .epk_pm11 .event-slide-area .slick-left { position: absolute; top: 60%; left: 7%; width: 3%; z-index: 10; cursor: pointer;} .epk_pm11 .event-slide-area .slick-right { position: absolute; top: 60%; right: 7%; width:3%; z-index: 10; cursor: pointer;} /****241028****/ .event_241028 .event-slide-area { } .event_241028 .event-slide-area .event-slide-box { position: absolute; top: 0%; left: 8%; width: 84%; height: 100%; } .event_241028 .event-slide-area .slick-left { position: absolute; top: 30%; left: 2%; z-index: 10; cursor: pointer; } .event_241028 .event-slide-area .slick-right { position: absolute; top: 30%; right: 2%; z-index: 10; cursor: pointer; } .event_241028 .youtube-area {position: relative;} .event_241028 .youtube-area iframe {position: absolute; top: 0%; left: 50%; margin-left: -25%; width: 50%; height: 100%;} .event_241028 .event-slide-area2 .event-slide-box2 { } .event_241028 .event-slide-area2 .event-slide-box2 { position: absolute; top: 0%; left: 8%; width: 84%; height: 100%; } .event_241028 .event-slide-area2 .slick-left2 { position: absolute; top: 39%; left: 2%; width: 6%; z-index: 10;cursor: pointer; } .event_241028 .event-slide-area2 .slick-right2 { position: absolute; top: 39%; right: 0%; width:6%; z-index: 10;cursor: pointer; } /****241129****/ .event_241129 .event-slide-area .event-slide-box { } .event_241129 .event-slide-area .event-slide-box { position: absolute; top: 37%; left:4.5%; width: 90%; height: 100%; } .event_241129 .event-slide-area .slick-left { position: absolute; top: 62%; left: 6%; width: 6%; z-index: 10; cursor: pointer;} .event_241129 .event-slide-area .slick-right { position: absolute; top: 62%; right: 4%; width:6%; z-index: 10; cursor: pointer;} /*241216*/ .event_241216 { text-align: center;} .event_241216 .sec-04 { position:relative; } .event_241216 .sec-04 .succ-list { position: absolute; top: 42%; left: 18.5%; transform: translateX(-50%); width: 40%; height: 45%; overflow: hidden; } .event_241216 .sec-04 .succ-list div { } .event_241216 .sec-04 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 30px 0; } .event_241216 .sec-04 .succ-list span:first-child { width: 43%; } .event_241216 .sec-04 .succ-list span:last-child { width: 28%; } .event_241216 .t-btn-a { position: relative; } .event_241216 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 61%; } .event_241216 .t-btn-a .t-btn-0 { left: 24%; } .event_241216 .t-btn-a .t-btn-1 { left: 37%; } .event_241216 .t-btn-a .t-btn-2 { left: 50%; } .event_241216 .t-btn-a .t-btn-3 { left: 63%; } .event_241216 .t-btn-a .t-btn-4 { left: 76%; } .event_241216 .t-btn-a .tch-l { } .event_241216 .t-btn-a .tch-l .tch-1 { } .event_241216 .t-btn-a .tch-l .tch-2 { display: none; } .event_241216 .t-btn-a .tch-l .tch-3 { display: none; } .event_241216 .t-btn-a .tch-l .tch-4 { display: none; } .event_241216 .t-btn-a .tch-l .tch-5 { display: none; } .event_241216 .youtube-btn::after { display: none; } .event_241216 .t-info-video { position: relative; } .event_241216 .t-info-video .youtube-btn { position: absolute; top: 34.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_241216 .t-info-video div:not(:first-child) { display: none; } .event_241216 .btn-0 { top: 50%; left: 82%; width: 20%; height: 20%; } .event_241216 .btn-1 { top: 73%; left: 82%; width: 20%; height: 20%; } .event_241216 .btn-2 { top: 87%; left: 50%; width: 70%; height: 8.7%; } .event_241216 .btn-3 { top: 71%; left: 81.8%; width: 20%; height: 20%; } .event_241216 .btn-4 { top: 71%; left: 81.8%; width: 20%; height: 12.5%; } /* event_241220 */ .event_241220 .day-0 { } .event_241220 .day-1 { display: none; } .event_241220 .day-2 { display: none; } .event_241220 .day-3 { display: none; } .event_241220 .refund-apply { position:relative; } .event_241220 .btn-th {/* display: none; */} .event_241220 .ing, .event_241220 .end, .event_241220 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_241220 .ing { display: none; } .event_241220 .end { display: none; } .event_241220.first .day-0 { display: block; } .event_241220.first .day-1 { display: none; } .event_241220.first .day-2 { display: none; } .event_241220.first .day-3 { display: none; } .event_241220.second .day-0 { display: none; } .event_241220.second .day-1 { display: block; } .event_241220.second .day-2 { display: none; } .event_241220.second .day-3 { display: none; } .event_241220.third .day-0 { display: none; } .event_241220.third .day-1 { display: none; } .event_241220.third .day-2 { display: block; } .event_241220.third .day-3 { display: none; } .event_241220.Fourth .day-0 { display: none; } .event_241220.Fourth .day-1 { display: none; } .event_241220.Fourth .day-2 { display: none; } .event_241220.Fourth .day-3 { display: block; } /* event_250114 */ .event_250114 .btn-1 { top:35%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-3 { top: 40%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-5 { top: 51.5%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-7 { top: 56%; left:31%; width:38%; height: 4.5%; } .event_250114 .btn-8 { top: 60.5%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-9 { top: 72%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-11 { top: 83.5%; left:31%; width:38%; height:4.5%; } .event_250114 .btn-13 { top: 88%; left:31%; width:38%; height:4.5%; } .event_250114 #infoTab { background: #cceafc; } .event_250114 .teach-area { display: flex; justify-content: center; } .event_250114 .teach-area li { margin: 0 4px; } .event_250114 .teach-area li img { width: 100%; } .event_250114 .teach-area-cont{display: flex; justify-content: center;background:#cceafc;} .event_250114 .teach-area-cont li { position: relative; } .event_250114 .succ-list { position: absolute; top: 21%; left: 2%; width: 56%; height: 32%; overflow: hidden; } .event_250114 .succ-list .slick-slide { display: flex; } .event_250114 .succ-list span { font-size: 22px !important; line-height: 130%; display: block; text-align: center; } .event_250114 .succ-list span:nth-child(1) { width: 22%; } .event_250114 .succ-list span:nth-child(2) { width: 32%; } .event_250114 .succ-list span:nth-child(3) { width: 50%; } .event_250114 #infoTabSub { position: absolute; top: 6%; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } .event_250114 #infoTabSub li { width: 20%; max-width: 158px; margin: 0 5px; } .event_250114 #infoTabSubCont { position: relative; } .event_250114 .youtube-btn { position: absolute; bottom: 8%; right: 11.4%; width: 29%; height: 39%; } .event_250114 .youtube-btn:after { display: none; } .event_250114 .event-slide-area{background:#cceafc;} .event_250114 .event-slide-area .event-slide-box { padding-bottom:110px;display: flex; justify-content: center;} .event_250114 .event-slide-area .event-slide-box div{width: 87%;} .event_250114 .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_250114 .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } /*250115*/ .event_250115 .company-slide { position: absolute; top: 10%; left: 50%; margin-left: -400px; width: 800px; height: 100%; } .event_250115 .succ-list { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); width: 80%; height: 76%; overflow: hidden; } .event_250115 .succ-list div { } .event_250115 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 26px 0; } .event_250115 .succ-list span:nth-child(1) { width: 16%; } .event_250115 .succ-list span:nth-child(2) { width: 24%; } .event_250115 .succ-list span:nth-child(3) { width: 37%; } .event_250115 .succ-list span:nth-child(4) { width: 22%; } /*250117_01*/ .event_250117_01 .event-slide-area{background:#f9daf8;} .event_250117_01 .event-slide-area .event-slide-box { display: flex; justify-content: center;} .event_250117_01 .event-slide-area .event-slide-box div{width: 78%;} .event_250117_01 .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_250117_01 .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } .event_250117_01 .event-slide-area2{background:#f9daf8;} .event_250117_01 .event-slide-area2 .event-slide-box2 { display: flex; justify-content: center;} .event_250117_01 .event-slide-area2 .event-slide-box2 div{width: 87%;} .event_250117_01 .slick-left2 { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_250117_01 .slick-right2 { position: absolute; top: 37%; right: 1.5%; z-index: 10; } /* event_250206 */ .event_250206 .day-0 { } .event_250206 .day-1 { display: none; } .event_250206 .day-2 { display: none; } .event_250206 .day-3 { display: none; } .event_250206 .refund-apply { position:relative; } .event_250206 .btn-th {/* display: none; */} .event_250206 .ing, .event_250206 .end, .event_250206 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_250206 .ing { display: none; } .event_250206 .end { display: none; } .event_250206.first .day-0 { display: block; } .event_250206.first .day-1 { display: none; } .event_250206.first .day-2 { display: none; } .event_250206.first .day-3 { display: none; } .event_250206.second .day-0 { display: none; } .event_250206.second .day-1 { display: block; } .event_250206.second .day-2 { display: none; } .event_250206.second .day-3 { display: none; } .event_250206.third .day-0 { display: none; } .event_250206.third .day-1 { display: none; } .event_250206.third .day-2 { display: block; } .event_250206.third .day-3 { display: none; } /* event_250217 */ .event_250217 .day-0 { } .event_250217 .day-1 { display: none; } .event_250217 .day-2 { display: none; } .event_250217 .refund-apply { position:relative; } .event_250217 .btn-th {/* display: none; */} .event_250217 .ing, .event_250217 .end, .event_250217 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_250217 .ing { display: none; } .event_250217 .end { display: none; } .event_250217.first .day-0 { display: block; } .event_250217.first .day-1 { display: none; } .event_250217.first .day-2 { display: none; } .event_250217.second .day-0 { display: none; } .event_250217.second .day-1 { display: block; } .event_250217.second .day-2 { display: none; } .event_250217.third .day-0 { display: none; } .event_250217.third .day-1 { display: none; } .event_250217.third .day-2 { display: block; } /* event_250217_01 */ .event_250217_01 .day-0 { } .event_250217_01 .day-1 { display: none; } .event_250217_01 .day-2 { display: none; } .event_250217_01 .refund-apply { position:relative; } .event_250217_01 .btn-th {/* display: none; */} .event_250217_01 .ing, .event_250217_01 .end, .event_250217_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_250217_01 .ing { display: none; } .event_250217_01 .end { display: none; } .event_250217_01.first .day-0 { display: block; } .event_250217_01.first .day-1 { display: none; } .event_250217_01.first .day-2 { display: none; } .event_250217_01.second .day-0 { display: none; } .event_250217_01.second .day-1 { display: block; } .event_250217_01.second .day-2 { display: none; } .event_250217_01.third .day-0 { display: none; } .event_250217_01.third .day-1 { display: none; } .event_250217_01.third .day-2 { display: block; } /* event_250220 */ .event_250220 .day-0 { } .event_250220 .day-1 { display: none; } .event_250220 .day-2 { display: none; } .event_250220 .refund-apply { position:relative; } .event_250220 .btn-th {/* display: none; */} .event_250220 .ing, .event_250220 .end, .event_250220 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_250220 .ing { display: none; } .event_250220 .end { display: none; } .event_250220.first .day-0 { display: block; } .event_250220.first .day-1 { display: none; } .event_250220.first .day-2 { display: none; } .event_250220.second .day-0 { display: none; } .event_250220.second .day-1 { display: block; } .event_250220.second .day-2 { display: none; } .event_250220.third .day-0 { display: none; } .event_250220.third .day-1 { display: none; } .event_250220.third .day-2 { display: block; } /* event_250220_01 */ .event_250220_01 .day-0 { } .event_250220_01 .day-1 { display: none; } .event_250220_01 .day-2 { display: none; } .event_250220_01 .refund-apply { position:relative; } .event_250220_01 .btn-th {/* display: none; */} .event_250220_01 .ing, .event_250220_01 .end, .event_250220_01 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_250220_01 .ing { display: none; } .event_250220_01 .end { display: none; } .event_250220_01.first .day-0 { display: block; } .event_250220_01.first .day-1 { display: none; } .event_250220_01.first .day-2 { display: none; } .event_250220_01.second .day-0 { display: none; } .event_250220_01.second .day-1 { display: block; } .event_250220_01.second .day-2 { display: none; } .event_250220_01.third .day-0 { display: none; } .event_250220_01.third .day-1 { display: none; } .event_250220_01.third .day-2 { display: block; } .event_250522 .tab-menu .tab-menu-btn {display: flex; justify-content: center; background: url(https://www.epasskorea.com/Public_html/Images/Event/250522_11.png);} .event_250522 .tab-menu .tab-menu-btn li {margin: 0 5px; cursor: pointer;} /* event_250522_02 */ .event_250522_02 .succ-list { position: absolute; top: 43%; left: 13.5%; width: 72%; height: 39%; overflow: hidden; } .event_250522_02 .succ-list .slick-slide { display: flex; } .event_250522_02 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px !important; line-height: 130%; display: block; text-align: center; color:#fff; } .event_250522_02 .succ-list span:nth-child(1) { width: 22%; } .event_250522_02 .succ-list span:nth-child(2) { width: 36%; } .event_250522_02 .succ-list span:nth-child(3) { width: 43%; } /* event_250526 */ .event_250526 .tab_easy {display: flex; justify-content: center;} .event_250526 .tab_easy li {margin: 0 5px;} .event_250526 .cont_easy {display: flex; justify-content: center;} /* event_250701 */ .event_250701 .event-slide-area{background:#4dd9ff;} .event_250701 .event-slide-area .event-slide-box { display: flex; justify-content: center;} .event_250701 .event-slide-area .event-slide-box div{width: 82%;} .event_250701 .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_250701 .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } /* quick_promotion */ .quick_promotion .sec-01 { background: #a4daff; } .quick_promotion .sec-02 { background: #2b71ee; } .quick_promotion .sec-03 { background: #c8e9ff; } .quick_promotion .sec-04 { background: #ddf1ff; } /**** 2024 여름 이벤트 - 240621 *****/ /* 전체이벤트*/ .event_240621 .time { position: absolute; top: 860px; 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;} /*국내금융*/ .event_240621.event_240621_03 .tab-info-a {margin: 0 auto !important; position: absolute; top:20%; left: 10%;} .event_240621.event_240621_03 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_240621.event_240621_03 .tab-info-a .tab_easy li { cursor: pointer; } .event_240621.event_240621_03 .tab-info-a .cont_easy { margin: 0 auto !important; } .event_240621.event_240621_03 .tab-info-a .cont_easy li > div { display: flex; padding: 0; } .event_240621.event_240621_03 .event-slide-area { } .event_240621.event_240621_03 .event-slide-area .event-slide-box { position: absolute; top: 23%; left: 13.9%; width: 72.5%; border: solid 1px #eee; } .event_240621.event_240621_03 .slick-left { position: absolute; top: 76%; left: 45%; width: 50px; height: 30px; padding:13px 0 7px 0; text-align: center; background: #eee; border-radius: 50%; opacity: 70%; z-index: 10; } .event_240621.event_240621_03 .slick-right { position: absolute; top: 76%; right: 45%; width: 50px; height: 30px; padding:13px 0 7px 0; text-align: center; background: #eee; border-radius: 50%; opacity: 70%; z-index: 10; } /* event_250702*/ .event_250702 .flow-container { width: 1100px; padding: 20px 0; overflow: hidden; margin: 0 auto; background: #255edf;} .event_250702 .flow-text {display: flex;flex: 0 0 auto;white-space: nowrap;overflow: hidden;font-size: 2.5rem; letter-spacing: -0.02em;font-family: 'GmarketSansLight';color: #fff;} .event_250702 .flow-wrap {animation: textLoop 100s linear; animation-iteration-count:infinite; padding-right: 0.8vw;} /* event_250710*/ .event_250710 .tab-info-a {margin: 0 auto !important; background: #f3f3f3; padding-bottom: 100px;} .event_250710 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_250710 .tab-info-a .tab_easy li { margin: 0 4px !important; cursor: pointer; } .event_250710 .tab-info-a .cont_easy { margin: 20px auto 0 !important; } .event_250710 .tab-info-a .cont_easy li > div { display: flex; justify-content:center; padding: 0; } /* event_250711*/ .event_250711 .tab-info-a {margin: 0 auto !important; background: #d4dffb; padding: 100px 0 100px 0;} .event_250711 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_250711 .tab-info-a .tab_easy li { margin: 0 4px !important; cursor: pointer; } .event_250711 .tab-info-a .cont_easy { margin: 20px auto 0 !important; } .event_250711 .tab-info-a .cont_easy li > div { display: flex; justify-content:center; padding: 0; } .event_250711 .tab-info-b {} .event_250711 .tab-info-b .tab_easy2 {display: flex; justify-content: center; width: 80%; position: absolute; top: 40%; left: 10%;} .event_250711 .tab-info-b .tab_easy2::before {clear: both; content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 6px; background: #ececec; border-radius: 3px; z-index: 1;} .event_250711 .tab-info-b .tab_easy2 li {position: relative; cursor: pointer; padding-bottom: 10px; } .event_250711 .tab-info-b .cont_easy2 { } .event_250711 .tab-info-b .cont_easy2 li > div {} .event_250711 .btn-1 {bottom: 16%; left: 25%; width: 28%; height: 9%;} .event_250711 .event-slide-area {} .event_250711 .event-slide-area .event-slide-box {position: absolute; top: 56%; left: 20%; width: 63%; height: 28%;} .event_250711 .event-slide-area .slick-left { position: absolute; top: 67%; left: 12%; width: 6%; z-index: 10;} .event_250711 .event-slide-area .slick-right { position: absolute; top: 67%; right: 12%; width: 6%; z-index: 10;} /*250721*/ .event_250721 { text-align: center;} .event_250721 .t-btn-a { position: relative; } .event_250721 .t-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 61%; } .event_250721 .t-btn-a .t-btn-0 { left: 24%; } .event_250721 .t-btn-a .t-btn-1 { left: 37%; } .event_250721 .t-btn-a .t-btn-2 { left: 50%; } .event_250721 .t-btn-a .t-btn-3 { left: 63%; } .event_250721 .t-btn-a .t-btn-4 { left: 76%; } .event_250721 .t-btn-a .tch-l { } .event_250721 .t-btn-a .tch-l .tch-1 { } .event_250721 .t-btn-a .tch-l .tch-2 { display: none; } .event_250721 .t-btn-a .tch-l .tch-3 { display: none; } .event_250721 .t-btn-a .tch-l .tch-4 { display: none; } .event_250721 .t-btn-a .tch-l .tch-5 { display: none; } .event_250721 .youtube-btn::after { display: none; } .event_250721 .t-info-video { position: relative; } .event_250721 .t-info-video .youtube-btn { position: absolute; top: 34.2%; left: 28.7%; width: 37.7%; height: 45.8%; transform: translateX(-50%); } .event_250721 .t-info-video div:not(:first-child) { display: none; } .event_250721 .btn-0 { top: 50%; left: 82%; width: 20%; height: 20%; } .event_250721 .btn-1 { top: 73%; left: 82%; width: 20%; height: 20%; } .event_250721 .btn-2 { top: 87%; left: 50%; width: 70%; height: 8.7%; } .event_250721 .btn-3 { top: 71%; left: 81.8%; width: 20%; height: 20%; } .event_250721 .btn-4 { top: 71%; left: 81.8%; width: 20%; height: 12.5%; } /*250808*/ .event_250808 .event-slide-area{} .event_250808 .event-slide-area .event-slide-box {position: absolute; top: 8%; left: 7%; width: 87%; height: 100%;} .event_250808 .event-slide-area .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_250808 .event-slide-area .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } .event_250808 .event-slide-area2{} .event_250808 .event-slide-area2 .event-slide-box2 {position: absolute; top: 0%; left: 15.5%; width: 87%; height: 100%;} .event_250808 .event-slide-area2 .slick-left2 { position: absolute; top: 37%; left: 10%; z-index: 10; } .event_250808 .event-slide-area2 .slick-right2 { position: absolute; top: 37%; right: 10%; z-index: 10; } /*250812*/ .event_250812 .tab-menu .tab-menu-btn { display: flex; justify-content: center; background: #b6f0ff; } .event_250812 .tab-menu .tab-menu-btn li { margin: 0 5px; cursor: pointer; } .event_250812 .tab-menu .tab-menu-con li:not(:first-child) { display: none; position: relative; } /*250825*/ .event_250825 .event-slide-area { position: relative;} .event_250825 .event-slide-area .event-slide-box { position: absolute; top: 0%; left: 10%; width: 80%; height: 100%; } .event_250825 .event-slide-area .slick-left { position: absolute; top: 39%; left: 5%; width: 6%; z-index: 10; cursor: pointer;} .event_250825 .event-slide-area .slick-right { position: absolute; top: 39%; right: 5%; width:6%; z-index: 10; cursor: pointer;} /*250814*/ .event_250814 .event-slide-area{position: relative;} .event_250814 .event-slide-area .event-slide-box {background: #3c50a0;} .event_250814 .event-slide-area .event-slide-box img {margin: 0 auto;} .event_250814 .event-slide-area .slick-left { position: absolute; top: 12%; left: 8%; z-index: 10; } .event_250814 .event-slide-area .slick-right { position: absolute; top: 12%; right: 8%; z-index: 10; } /*250901*/ .event_250901 .succ-list { position: absolute; top: 12%; left: 50%; transform: translateX(-50%); width: 80%; height: 76%; overflow: hidden; } .event_250901 .succ-list div { } .event_250901 .succ-list span { font-family: 'GmarketSansMedium' !important; font-size: 22px; text-align: center; display: inline-block; letter-spacing: -1px; padding: 0 0 26px 0; } .event_250901 .succ-list span:nth-child(1) { width: 16%; } .event_250901 .succ-list span:nth-child(2) { width: 24%; } .event_250901 .succ-list span:nth-child(3) { width: 37%; } .event_250901 .succ-list span:nth-child(4) { width: 22%; } /*250902*/ .event_250902 .event-slide-area .event-slide-box {position: absolute; top: 32%; left: 7%; width: 87%; height: 100%;} .event_250902 .event-slide-area .slick-left { position: absolute; top: 58%; left: 1%; z-index: 10; } .event_250902 .event-slide-area .slick-right { position: absolute; top: 58%; right: 1%; z-index: 10; } .event_250902 .event-slide-area2 .event-slide-box2 {position: absolute; top: 37%; left: 7%; width: 87%; height: 100%;} .event_250902 .event-slide-area2 .slick-left2 { position: absolute; top: 62%; left: 1%; z-index: 10; } .event_250902 .event-slide-area2 .slick-right2 { position: absolute; top: 62%; right: 1%; z-index: 10; } .event_250902 .event-slide-area3 .event-slide-box3 {position: absolute; top: 41%; left: 10%; width: 87%; height: 100%;} .event_250902 .event-slide-area3 .slick-left3 { position: absolute; top: 63%; left: 1%; z-index: 10; } .event_250902 .event-slide-area3 .slick-right3 { position: absolute; top: 63%; right: 1%; z-index: 10; } /*250910*/ .event_250910 .event-slide-area .event-slide-box {position: absolute; top: 20%; left: 7%; width: 87%; height: 71%;} .event_250910 .event-slide-area .slick-left { position: absolute; top: 50%; left: 1%; z-index: 10; } .event_250910 .event-slide-area .slick-right { position: absolute; top: 50%; right: 1%; z-index: 10; } .event_250910 .teach-btn-a { position: relative; } .event_250910 .teach-btn-a a { transform: translateX(-50%); bottom: 0; width: 13%; height: 70%; } .event_250910 .teach-btn-a .teach-btn-0 { left: 24%; } .event_250910 .teach-btn-a .teach-btn-1 { left: 38%; } .event_250910 .teach-btn-a .teach-btn-2 { left: 50%; } .event_250910 .teach-btn-a .teach-btn-3 { left: 63%; } .event_250910 .teach-btn-a .teach-btn-4 { left: 75%; } .event_250910 .teach-btn-a .teach-l .teach-2 { display: none; } .event_250910 .teach-btn-a .teach-l .teach-3 { display: none; } .event_250910 .teach-btn-a .teach-l .teach-4 { display: none; } .event_250910 .teach-btn-a .teach-l .teach-5 { display: none; } .event_250910 .teach-btn-a .teach-l .teach-6 { display: none; } .event_250910 .teach-video { position: relative; } .event_250910 .teach-video .btn-6 { position: absolute; top: 12.2%; left: 31.7%; width: 37.7%; height: 50%; transform: translateX(-50%); } .event_250910 .teach-video div:not(:first-child) { display: none; } /*250915*/ .event_250915 { } .event_250915 .sec-02 {position: relative;} .event_250915 .model-a { display: none; position: absolute; top: 39%; left: 24%;z-index: 999; } .event_250915 .model-a .close-btn { position: absolute; top: 2%; right: 2%; } .event_250915 .model-a .close-btn i { font-size: 30px; } /*250916*/ .event_250916 .event-slide-area .event-slide-box {position: absolute; top: 32%; left: 5.5%; width: 100%; height: 71%;} .event_250916 .event-slide-area .slick-left { position: absolute; top: 55%; left: 1%; z-index: 10; } .event_250916 .event-slide-area .slick-right { position: absolute; top: 55%; right: 1%; z-index: 10; } /* event_251023 */ .event_251023 .day-0 { } .event_251023 .day-1 { display: none; } .event_251023 .day-2 { display: none; } .event_251023 .day-3 { display: none; } .event_251023 .refund-apply { position:relative; } .event_251023 .btn-th {/* display: none; */} .event_251023 .ing, .event_251023 .end, .event_251023 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_251023 .ing { display: none; } .event_251023 .end { display: none; } .event_251023.first .day-0 { display: block; } .event_251023.first .day-1 { display: none; } .event_251023.first .day-2 { display: none; } .event_251023.first .day-3 { display: none; } .event_251023.second .day-0 { display: none; } .event_251023.second .day-1 { display: block; } .event_251023.second .day-2 { display: none; } .event_251023.second .day-3 { display: none; } .event_251023.third .day-0 { display: none; } .event_251023.third .day-1 { display: none; } .event_251023.third .day-2 { display: block; } .event_251023.third .day-3 { display: none; } .event_251023.Fourth .day-0 { display: none; } .event_251023.Fourth .day-1 { display: none; } .event_251023.Fourth .day-2 { display: none; } .event_251023.Fourth .day-3 { display: block; } /* event_251121_01 */ .event_251121_01 .event-slide-area .event-slide-box { } .event_251121_01 .event-slide-area .event-slide-box { position: absolute; top: 35%; left: 5%; width: 100%; height: 100%; } .event_251121_01 .event-slide-area .slick-left { position: absolute; top: 62%; left: 5%; width: 1%; z-index: 10; cursor: pointer;} .event_251121_01 .event-slide-area .slick-right { position: absolute; top: 62%; right: 8%; width:1%; z-index: 10; cursor: pointer;} .event_251121_01 .event-slide-area2 .event-slide-box2 { } .event_251121_01 .event-slide-area2 .event-slide-box2 { position: absolute; top: 35%; left: 5%; width: 100%; height: 100%; } .event_251121_01 .event-slide-area2 .slick-left2 { position: absolute; top: 46%; left: 5%; width: 1%; z-index: 10; cursor: pointer;} .event_251121_01 .event-slide-area2 .slick-right2 { position: absolute; top: 46%; right: 8%; width:1%; z-index: 10; cursor: pointer;} /* event_251208 */ .event_251208 .event-slide-area .event-slide-box {position: absolute; top: 34%; left: 15%; width: 85%; height: 60%;} .event_251208 .event-slide-area .slick-left { position: absolute; top: 55%; left: 8%; z-index: 10; cursor: pointer;} .event_251208 .event-slide-area .slick-right { position: absolute; top: 55%; right: 8%; z-index: 10; cursor: pointer;} /* event_260108 */ .event_260108 .day-0 { } .event_260108 .day-1 { display: none; } .event_260108 .day-2 { display: none; } .event_260108 .day-3 { display: none; } .event_260108 .refund-apply { position:relative; } .event_260108 .btn-th {/* display: none; */} .event_260108 .ing, .event_260108 .end, .event_260108 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_260108 .ing { display: none; } .event_260108 .end { display: none; } .event_260108.first .day-0 { display: block; } .event_260108.first .day-1 { display: none; } .event_260108.first .day-2 { display: none; } .event_260108.first .day-3 { display: none; } .event_260108.second .day-0 { display: none; } .event_260108.second .day-1 { display: block; } .event_260108.second .day-2 { display: none; } .event_260108.second .day-3 { display: none; } .event_260108.third .day-0 { display: none; } .event_260108.third .day-1 { display: none; } .event_260108.third .day-2 { display: block; } .event_260108.third .day-3 { display: none; } .event_260108.Fourth .day-0 { display: none; } .event_260108.Fourth .day-1 { display: none; } .event_260108.Fourth .day-2 { display: none; } .event_260108.Fourth .day-3 { display: block; } /* event_260109 */ .event_260109 .tab-info-a {margin: 0 auto;} .event_260109 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_260109 .tab-info-a .tab_easy li {cursor: pointer; } .event_260109 .tab-info-a .tab_easy li:nth-child(2) { padding: 0 13px;} .event_260109 .tab-info-a .cont_easy { margin: -4px auto 0; } .event_260109 .scroll_con {position: absolute; top: 35%; left: 9%; width: 87%; height: 65%; overflow: auto;} .event_260109 .btn-01 {top: 57%; left: 13%; width: 10%; height: 5%;} .event_260109 .btn-02 {top: 57%; left: 26%; width: 10%; height: 5%;} .event_260109 .btn-03 {top: 57%; left: 38%; width: 10%; height: 5%;} .event_260109 .btn-04 {top: 57%; left: 50%; width: 10%; height: 5%;} .event_260109 .btn-05 {top: 57%; left: 63%; width: 10%; height: 5%;} .event_260109 .btn-06 {top: 57%; left: 76%; width: 10%; height: 5%;} .event_260109 .btn-07 {top: 86%; left: 12%; width: 10%; height: 5%;} .event_260109 .btn-08 {top: 86%; left: 27%; width: 10%; height: 5%;} .event_260109 .btn-09 {top: 86%; left: 39%; width: 10%; height: 5%;} .event_260109 .btn-10 {top: 86%; left: 51%; width: 10%; height: 5%;} .event_260109 .btn-11 {top: 86%; left: 64%; width: 10%; height: 5%;} .event_260109 .btn-12 {top: 86%; left: 78%; width: 10%; height: 5%;} /* event_260112 */ .event_260112 .btn-1 { top: 29%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-3 { top: 35%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-5 { top: 46.5%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-7 { top: 52%; left:31%; width:38%; height: 4.5%; } .event_260112 .btn-8 { top: 57.5%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-9 { top: 69%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-11 { top: 81.5%; left:31%; width:38%; height:4.5%; } .event_260112 .btn-13 { top: 86%; left:31%; width:38%; height:4.5%; } .event_260112 #infoTab { background: #f3e4d9; } .event_260112 .teach-area { display: flex; justify-content: center; } .event_260112 .teach-area li { margin: 0 4px; } .event_260112 .teach-area li img { width: 100%; } .event_260112 .teach-area-cont{display: flex; justify-content: center;background:#f3e4d9;} .event_260112 .teach-area-cont li { position: relative; } .event_260112 .succ-list { position: absolute; top: 21%; left: 2%; width: 56%; height: 32%; overflow: hidden; } .event_260112 .succ-list .slick-slide { display: flex; } .event_260112 .succ-list span { font-size: 22px !important; line-height: 130%; display: block; text-align: center; } .event_260112 .succ-list span:nth-child(1) { width: 22%; } .event_260112 .succ-list span:nth-child(2) { width: 32%; } .event_260112 .succ-list span:nth-child(3) { width: 50%; } .event_260112 #infoTabSub { position: absolute; top: 6%; left: 0; width: 100%; z-index: 1; display: flex; justify-content: center; } .event_260112 #infoTabSub li { width: 20%; max-width: 158px; margin: 0 5px; } .event_260112 #infoTabSubCont { position: relative; } .event_260112 .youtube-btn { position: absolute; bottom: 8%; right: 11.4%; width: 29%; height: 39%; } .event_260112 .youtube-btn:after { display: none; } .event_260112 .event-slide-area{background:#f3e4d9;} .event_260112 .event-slide-area .event-slide-box { padding-bottom:110px;display: flex; justify-content: center;} .event_260112 .event-slide-area .event-slide-box div{width: 87%;} .event_260112 .slick-left { position: absolute; top: 37%; left: 1%; z-index: 10; } .event_260112 .slick-right { position: absolute; top: 37%; right: 1.5%; z-index: 10; } .event_260120 .event-slide-area {position: relative;} .event_260120 .event-slide-area .event-slide-box { } .event_260120 .event-slide-area .event-slide-box { position: absolute; top: 38%; width: 100%; height: 100%; overflow: hidden;} .event_260120 .event-slide-area .event-slide-box div{ left: 2.8%;} .event_260120 .event-slide-area .slick-left { position: absolute; top: 54%; left: 1%; width: 6%; z-index: 10; cursor: pointer;} .event_260120 .event-slide-area .slick-right { position: absolute; top: 54%; right: -1.5%; width:6%; z-index: 10; cursor: pointer;} /* event_260204_01 */ .event_260204_01 .tab-info-a {margin: 0 auto;} .event_260204_01 .tab-info-a .tab_easy { display: flex; justify-content: center; } .event_260204_01 .tab-info-a .tab_easy li {cursor: pointer; } .event_260204_01 .tab-info-a .tab_easy li:nth-child(2) { padding: 0 13px;} .event_260204_01 .tab-info-a .cont_easy { margin: -4px auto 0; } .event_260204_01 .scroll_con {position: absolute; top: 35%; left: 9%; width: 87%; height: 65%; overflow: auto;} .event_260204_01 .btn-01 {top: 57%; left: 13%; width: 10%; height: 5%;} .event_260204_01 .btn-02 {top: 57%; left: 26%; width: 10%; height: 5%;} .event_260204_01 .btn-03 {top: 57%; left: 38%; width: 10%; height: 5%;} .event_260204_01 .btn-04 {top: 57%; left: 50%; width: 10%; height: 5%;} .event_260204_01 .btn-05 {top: 57%; left: 63%; width: 10%; height: 5%;} .event_260204_01 .btn-06 {top: 57%; left: 76%; width: 10%; height: 5%;} .event_260204_01 .btn-07 {top: 86%; left: 12%; width: 10%; height: 5%;} .event_260204_01 .btn-08 {top: 86%; left: 27%; width: 10%; height: 5%;} .event_260204_01 .btn-09 {top: 86%; left: 39%; width: 10%; height: 5%;} .event_260204_01 .btn-10 {top: 86%; left: 51%; width: 10%; height: 5%;} .event_260204_01 .btn-11 {top: 86%; left: 64%; width: 10%; height: 5%;} .event_260204_01 .btn-12 {top: 86%; left: 78%; width: 10%; height: 5%;} /* event_260209 */ .event_260209 .day-0 { } .event_260209 .day-1 { display: none; } .event_260209 .day-2 { display: none; } .event_260209 .day-3 { display: none; } .event_260209 .refund-apply { position:relative; } .event_260209 .btn-th {/* display: none; */} .event_260209 .ing, .event_260209 .end, .event_260209 .btn-th { top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; } .event_260209 .ing { display: none; } .event_260209 .end { display: none; } .event_260209.first .day-0 { display: block; } .event_260209.first .day-1 { display: none; } .event_260209.first .day-2 { display: none; } .event_260209.first .day-3 { display: none; } .event_260209.second .day-0 { display: none; } .event_260209.second .day-1 { display: block; } .event_260209.second .day-2 { display: none; } .event_260209.second .day-3 { display: none; } .event_260209.third .day-0 { display: none; } .event_260209.third .day-1 { display: none; } .event_260209.third .day-2 { display: block; } .event_260209.third .day-3 { display: none; } /* 이패스비즈 프로모션 페이지 */ /* .pm01 */ .promotion-p .pm01 { } .biz_pm01 .d-day { position: absolute; top: 45%; left: 50%; transform: translateX(-50%); width: 59%; box-sizing: border-box; height: 33%; } .biz_pm01 .d-day #day, .biz_pm01 .d-day #time { font-size: 52px; font-weight: bold; color: #fff; font-family: 'GmarketSansBold'; box-sizing: border-box; position: absolute; top: 6%; display: flex; height: 100%; align-items: center; } .biz_pm01 .d-day #day { width: 19.9%; justify-content: space-around; } .biz_pm01 .d-day #time { left: 34.6%; display: flex; width: 65.2%; position: relative; } .biz_pm01 .d-day #time > span { display:flex; justify-content: space-around; } .biz_pm01 .d-day #time > span:nth-child(1) { width: 30%; } .biz_pm01 .d-day #time > span:nth-child(2) { width: 30%; padding-left: 5%; } .biz_pm01 .d-day #time > span:nth-child(3) { /* left:50%; */padding-left: 5%; width: 30%; } .biz_pm01 .sec-01 { background: #333; } .biz_pm01 .sec-02 { background: #f5d7f3 url(https://www.epasskorea.com/public_html/images/event/biz_pm01_2_bg.jpg); } .biz_pm01 .sec-03 { background: #13182e url(https://www.epasskorea.com/public_html/images/event/biz_pm01_3_bg.jpg); } .biz_pm01 .sec-04 { background: #4151a9; } .biz_pm01 .sec-05 { background: #3647a1; } .biz_pm01 .sec-06 { background: #f5d7f3 url(https://www.epasskorea.com/public_html/images/event/biz_pm01_17_bg.jpg); } .biz_pm01 .youtube { position: relative; } .biz_pm01 .youtube iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 61.6%; height: 100%; } .biz_pm01 .btn-1 { top: 28%; left: 75%; transform: translateX(-50%); width: 23%; height:10%; } .biz_pm01 .btn-2 { top: 83%; left: 75%; transform: translateX(-50%); width: 23%; height:10%; } .biz_pm01 .btn-3 { top: 22%; left: 50%; transform: translateX(-50%); width: 68%; height: 52%; } .biz_pm01 .section .icon { position: absolute; top: 51%; right: 20%; max-width: 58px; } .biz_pm01 .section .icon { animation-name: pm01-icon; animation-duration: 2.5s; animation-timin-function: ease-in-out; animation-iteration-count:infinite; transition: all ease-in-out; } @keyframes pm01-icon { 0% { transform: translate(30% , 30%); } 50% { transform: translate(0% , 0); } 100% { transform: translate(30% , 30%); } } /* .pm02 */ .biz_pm02 .d-day {position: absolute;top: 45%;left: 50%;transform: translateX(-50%);width: 60.5%;box-sizing: border-box;height: 33%;} .biz_pm02 .d-day #day, .biz_pm02 .d-day #time { font-size: 52px; font-weight: bold; color: #fff; font-family: 'GmarketSansBold'; box-sizing: border-box; position: absolute; top: 6%; display: flex; height: 100%; align-items: center; } .biz_pm02 .d-day #day { width: 19.9%; justify-content: space-around; } .biz_pm02 .d-day #time { left: 34.6%; display: flex; width: 65.2%; position: relative; } .biz_pm02 .d-day #time > span { display:flex; justify-content: space-around; } .biz_pm02 .d-day #time > span:nth-child(1) { width: 30%; } .biz_pm02 .d-day #time > span:nth-child(2) { width: 30%; padding-left: 5%; } .biz_pm02 .d-day #time > span:nth-child(3) { /* left:50%; */padding-left: 5%; width: 30%; } .biz_pm02 .sec-01 { background: #333; } .biz_pm02 .sec-02 {background: #ff5740;} .biz_pm02 .sec-03 { background: #000;} .biz_pm02 .youtube { position: relative; } .biz_pm02 .youtube iframe { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 61.6%; height: 100%; } /*pm04*/ .biz_pm04 .sec-01 { background: #fef4e8; } .biz_pm04 .sec-02 { background: #32b070; } .biz_pm04 .sec-03 { background: #d94055; } .biz_pm04 .sec-04 { background: #32b070; } .biz_pm04 .sec-05 { background: #7863ff; } .biz_pm04 .sec-06 { background: #e061b0; } .biz_pm04 .sec-07 { background: #7863ff; } .biz_pm04 .sec-08 { background: #fef3d3; } /*pm05*/ .biz_pm05 .sec-01 { background: #008c69; } .biz_pm05 .sec-02 { background: #ecceae; } .biz_pm05 .sec-03 { background: #007f60; } .biz_pm05 .sec-04 { background: #ecceae; } .biz_pm05 .sec-05 { background: #bcd9d9; } .biz_pm05 .sec-06 { background: #053049; } .biz_pm05 .sec-07 { background: #bcd9d9; } .biz_pm05 .sec-08 { background: #ffd767; } /*biz_pm07*/ .biz_pm07 .sec-01 { background: #005032; } .biz_pm07 .sec-02 { background: #5ae0b9; } .biz_pm07 .sec-03 { background: #addfe8; } .biz_pm07 .sec-04 { background: #00dc9b; } .biz_pm07 iframe { width: 711px; height: 368px;} .biz_pm07 .youtube-area1 { position: absolute; top: 7.8%; left: 17.3%;} .biz_pm07 .youtube-area2 { position: absolute; top: 40%; left: 17.6%;} .biz_pm07 .youtube-area3 { position: absolute; top: 72.5%; left: 17.6%;} .biz_pm07 .youtube-area4 { position: absolute; top: 57.6%; left: 17.6%;} .biz_pm07 .youtube-area5 { position: absolute; top: 11.1%; left: 17.6%;} /*pm06*/ .biz_pm06 .sec-01 { background: #f3e6ff; } .biz_pm06 .sec-02 { background: #bd1c57; } .biz_pm06 .sec-03 { background: #ffe7ec; } .biz_pm06 .sec-04 { background: #f3e6ff; } .biz_pm06 .sec-05 { background: #fff8cf; } .biz_pm06 .sec-06 { background: #fff0e8; } .biz_pm06 .sec-07 { background: #e6f5e4; } .biz_pm06 .sec-08 { background: #f3e6ff; } .biz_pm06 .sec-09 { background: #c6faff; } .biz_pm06 .sec-10 { background: #fde7db; } .biz_pm06 .sec-11 { background: #f3e6ff; } .biz_pm06 .sec-12 { background: #3a76cb; } .biz_pm06 .sec-13 { background: #e8d9f8; } .biz_pm06 .sec-14 { background: #703eed; } .biz_pm06 .sec-15 { background: #3db5a9; } .biz_pm06 .sec-16 { background: #fff9d9; } .biz_pm06 .sec-17 { background: #fac75f; } .biz_pm06 .sec-18 { background: #bd1c57; } .biz_pm06 .btn-1 {top: 69%; left: 50%; margin-left: -38%; width: 76%; height: 6%;} .biz_pm06 .btn-2 {top: 76%; left: 50%; margin-left: -38%; width: 76%; height: 6%;} .biz_pm06 .btn-3 {top: 84%; left: 50%; margin-left: -38%; width: 76%; height: 6%;} .biz_pm06 .btn-4 {top: 14%; left: 50%; margin-left: -43%; width: 28%; height: 70%;} .biz_pm06 .btn-5 {top: 14%; left: 50%; margin-left: -14%; width: 28%; height: 70%;} .biz_pm06 .btn-6 {top: 14%; left: 50%; margin-left: 15%; width: 28%; height: 70%;} .biz_pm06 .btn-7 {top: 35%; left: 50%; margin-left: -38%; width: 76%; height: 20%;} .biz_pm06 .btn-8 {top: 60%; left: 50%; margin-left: -38%; width: 76%; height: 20%;} .biz_pm06 .youtube-area {text-align: center;} .biz_pm06 .video-slide { position: absolute; top: 29.6%; left: 50%; margin-left: -52% } /* epk_pm12 */ .epk_pm12 .sec-01 { background-color: #cfdfde; } .epk_pm12 .sec-02 { background-color: #aeebec; } .epk_pm12 .sec-03 { background-color: #053049; } .epk_pm12 .sec-04 { background-color: #bcd9d9; } .epk_pm12 .sec-05 { background-color: #ffd767; }