@charset "euc-kr";


/* webfont */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard-dynamic-subset.css");
@font-face { font-family:'GmarketSansBold'; src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight:normal; font-style:normal; }


/* basic */
#wrapper { width:auto; min-width:1200px; margin:0 0 -80px; }
#wrapper .mid > div { position:relative; overflow:hidden; }
.mid .inner { width:1200px; margin:0 auto; min-height:50px; text-align:center; }
.mid .mask { position:relative; width:1200px; margin:0 auto; min-height:50px; text-align:center; }
.inner .thumb { position:relative; left:50%; transform:translateX(-50%); }
#wrapper .swiper-button-prev,
#wrapper .swiper-button-next { display:block; text-indent:-9999px; }
#wrapper .swiper-button-next:after,
#wrapper .swiper-button-prev:after { display:none; }
.btn { display:block; text-indent:-9999px; }
#js-ree-trial-apply .btn { text-indent:inherit; }


/* fade in */
.fade {	position:relative; transform:translate(0, 40px); opacity:0; transition-property:opacity, transform; transition-duration:1.2s; }
.fade.show { transform:translate(0, 0); opacity:1; }
.fade-1 { transition-delay:0s; } 
.fade-2 { transition-delay:.2s; } 
.fade-3 { transition-delay:.4s; } 
.fade-4 { transition-delay:.6s; } 
.fade-5 { transition-delay:.8s; } 
.fade-6 { transition-delay:1.0s; } 
.fade-7 { transition-delay:1.2s; } 
.fade-8 { transition-delay:1.4s; } 


/* visual */
.visual {position:relative;overflow:hidden;background: #030446;height: 1350px;}
.visual .inner {  }
.visual .inner .record {position:  absolute;display:flex;justify-content:center;gap:14px;margin-bottom: 42px;top: 20px;left: 50%;transform: translate(-50%, 0);z-index: 1;}
.visual .inner h1 {position: absolute;z-index: 2;margin-left: 115px;top: 188px;}
.visual .inner .light1 {position: absolute;top: 101px;left: 50%;margin-left: -608px;z-index: 3;mix-blend-mode: screen;}
.visual .inner .light2 {position: absolute;top: 294px;left: 50%;margin-left: -231px;z-index: 3;mix-blend-mode: screen;}
.visual .inner .light3 {position: absolute;top: 244px;left: 50%;margin-left: 332px;z-index: 3;mix-blend-mode: screen;}
.visual .inner .light1 img {animation: neonBlink2 2.3s infinite;}
.visual .inner .light2 img {animation: neonBlink 1.5s infinite;opacity: 0;}
.visual .inner .light3 img {animation: neonBlink2 1.8s infinite;}
@keyframes neonBlink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
@keyframes neonBlink2 {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.visual .inner .obj {position:absolute;top: 0px;left:50%;margin-left: -935px;}
.visual .inner .btn_reg { position: absolute; z-index: 1; display: block; top: 1144px; left: 50%; margin-left: -380px;}
.visual .inner .badge { z-index: 1;display: block;position: absolute;top: 559px;left: 50%;margin-left: 802px;}

.floating_banner {position:absolute;left:50%;margin-left:453px;top: 259px;z-index: 5;width:242px;height:256px;background:url(img/floating_banner.png) no-repeat;}
.floating_banner .link { position:absolute; top:15px; left:15px; right:15px; bottom:15px; border-radius:50%; display:block; }
.floating_banner .close { position:absolute; top:12px; right:4px; border-radius:50%; width:50px; height:50px; z-index:1; background:0; }


/* oppinion */
.oppinion {background: linear-gradient(to bottom, #5a35fe 13%, #f8f5ff);}
.oppinion .inner { position:relative; }
.oppinion .tit { position:absolute; top:99px; left:0; right:0; margin:0 auto; }
.oppinion .bubble1 { position:absolute; top:261px; left:50%; margin-left:-599px; }
.oppinion .bubble2 { position:absolute; top:355px; left:50%; margin-left:79px; }
.oppinion .bubble3 { position:absolute; top:588px; left:50%; margin-left:-502px; }
.oppinion .vdo_box {position:absolute;top: 907px;left: 0;right: 0;margin: 0 auto;}
.oppinion .desc { margin-bottom: 35px;}
.oppinion .vdo {  width:1200px; aspect-ratio:16/9; border-radius:30px; overflow: hidden; }
.oppinion .vdo iframe { width:100%; height:100%; }


/* correct */
.correct { background: #fefcc9; padding: 95px 0 100px;}
.correct .inner {}
.correct .tit {}
.correct .con_box { margin-top: 58px; position: relative;}
.correct .con_box .con {}

.correct .con_box .txt { position: absolute; opacity:0; }
.correct .con_box .txt1_1,
.correct .con_box .txt1_2,
.correct .con_box .txt1_3,
.correct .con_box .txt1_4,
.correct .con_box .txt1_5 { top: 110px;left: 68px; }

.correct .con_box .txt2_1,
.correct .con_box .txt2_2,
.correct .con_box .txt2_3,
.correct .con_box .txt2_4 { top: 110px; left: 510px; }

.correct .con_box .txt3_1,
.correct .con_box .txt3_2,
.correct .con_box .txt3_3,
.correct .con_box .txt3_4,
.correct .con_box .txt3_5 { top: 110px;left: 862px; }

.correct .con_box .txt.active { animation: fade_up .7s ease forwards; }
.correct .con_box .txt1_1.active { animation-delay: .2s; }
.correct .con_box .txt1_2.active { animation-delay: .3s; }
.correct .con_box .txt1_3.active { animation-delay: .4s; }
.correct .con_box .txt1_4.active { animation-delay: .5s; }
.correct .con_box .txt1_5.active { animation-delay: .6s; }

.correct .con_box .txt2_1.active { animation-delay: .8s; }
.correct .con_box .txt2_2.active { animation-delay: .9s; }
.correct .con_box .txt2_3.active { animation-delay: 1.0s; }
.correct .con_box .txt2_4.active { animation-delay: 1.1s; }

.correct .con_box .txt3_1.active { animation-delay: 1.3s; }
.correct .con_box .txt3_2.active { animation-delay: 1.4s; }
.correct .con_box .txt3_3.active { animation-delay: 1.5s; }
.correct .con_box .txt3_4.active { animation-delay: 1.6s; }
.correct .con_box .txt3_5.active { animation-delay: 1.7s; }

@keyframes fade_up {
	0%   { transform: scale(1) translateY(100px); opacity:0;}
	100% { transform: scale(1) translateY(0); opacity:1;}
} 


/* banner01 */
.banner01 { background: #000b52; }


/* event_1 */
.event_1 {background: #ece2fd;}
.event_1 .thumb {  }
.event_1 .tit {position: absolute;top: 52px;left: 0;right: 0;margin: 0 auto;}
.event_1 .con {position: absolute;top: 442px;left: 0;right: 0;margin: 0 auto;}
.event_1 .btn {position:absolute;left: 50%;top: 1475px;width: 861px;height: 100px;text-indent:-9999em;transform: translateX(-50%); }
.event_1 .btn::after {position: absolute;content: '';background: url(img/event_cursor.png) no-repeat 0 0 / contain;width: 106px;aspect-ratio: 1/1;bottom: -40px;right: -43px;animation: blinker 1s ease-in-out infinite alternate;}


/* event_2 */
.event_2 {background: #fecef4;}
.event_2 .thumb {}
.event_2 .tit { position: absolute;top: 85px;left: 0;right: 0;margin: 0 auto;}
.countdown {position: absolute; top: 414px;left: 0;right: 0;}
.countdown .badge_img {width: 222px;height: 222px;background-image: url('img/event_2_badge1.png');background-size: contain;background-repeat: no-repeat;animation: badgeBlink 2.8s infinite linear;position: absolute;top: 191px;right: -51px;z-index: 1;}
@keyframes badgeBlink {
    0% { background-image: url('img/event_2_badge1.png'); opacity: 1; }
    45% { background-image: url('img/event_2_badge1.png'); opacity: 1; }
    50% { background-image: url('img/event_2_badge2.png'); opacity: 1; }
    95% { background-image: url('img/event_2_badge2.png'); opacity: 1; }
    100% { background-image: url('img/event_2_badge1.png'); opacity: 1; }
}
.countdown .timer{ position: absolute; top: 96px; left: 0; right: 0;}
.countdown .timer ul { display: flex; justify-content: center; gap: 28px;}
.countdown .timer ul li { display: flex; align-items: flex-end; gap: 6px;}
.countdown .timer ul li div {width: 76px;height: 125px;background: #000;border-radius: 10px;display: flex;justify-content: center;align-items: center;padding-top: 15px;}
.countdown .timer ul li div span {color: #fff;font-size: 70px;font-family: 'GmarketSansBold';}
.countdown .timer ul li p {padding: 0 0 23px 1px;font-size: 42px;font-family: 'Pretendard';color: #000;font-weight: 600;}
.event_2_1 { position: absolute; top: 1251px; left: 0; right: 0; }

.notice_wrap { z-index:1; position:relative; width:100%; }
.notice_wrap > .tit { display:block; height:70px; background-color:#111; border-radius:40px; font-family:"GmarketSansBold" !important; font-size:28px; color:#fff; line-height:74px; text-align:center; }
.notice_wrap > .tit span { position:relative; padding-right:30px; }
.notice_wrap > .tit span:before { content:""; display:block; position:absolute; top:8px; right:0; width:20px; height:13px; background:url(/promotion/common/benefit/experience/img/notice_arr.png) 0 0 no-repeat; transition:transform .5s; }
.notice_wrap > .tit.on span:before { transform:rotate(180deg); }
.notice_wrap .con { display:none; padding:50px; background-color:#f6f6f6; border-radius:40px; text-align:left; letter-spacing:-1px; }
.notice_wrap .con .tit { margin-bottom:10px; padding-left:10px; font-weight:900; font-size:20px; color:#333; }
.notice_wrap .con ul + p { margin-top:25px; }
.notice_wrap .con ul li { position:relative; padding-left:10px; font-weight:500; font-size:16px; color:#777; display:flex; }
.notice_wrap .con ul li:not(:first-child) { margin-top:4px; }
.notice_wrap .con ul li .bullet { width:5px; height:5px; display:block; background:#666; border-radius:50%; flex-shrink:0; margin:11px 8px 0 0; }
.notice_wrap .con ul li .bold { color:#333; }


/* event_3 */
.event_3 {background: url('img/event_3_bg.png') repeat-x center top;padding: 60px 0 75px;}
.event_3 .tit { }
.event_3 .con {left: 0;margin-top: 40px;box-shadow: 0 20px 20px rgb(254 236 142 / 10%);}
.event_3 .btn {position: absolute;top: 681px;left: 50%;margin-left: -50px;width: 521px;height: 88px;display: block;z-index: 1;}
.event_3 .notice_wrap {margin-top: 34px;}


/* reward */
.reward {background: #12091b;}


/* secret */
.secret { background:linear-gradient(180deg,rgba(255, 226, 224, 1) 0%, rgba(240, 240, 240, 1) 77%); }
.secret .inner { padding:40px 0 100px; }
.secret .inner h2 { margin-bottom:60px; }
.secret_con { margin-top:60px; }
.secret .slide_top { position:relative; }
.secret .slide_top .swiper-container { overflow:visible; }
.secret .slide_top .swiper-wrapper { transition-timing-function:linear; }
.secret .slide_top .swiper-slide { opacity:.3; width:404px; }
.secret .slide_top .swiper-slide-active,
.secret .slide_top .swiper-slide.swiper-slide-prev,
.secret .slide_top .swiper-slide.swiper-slide-next { opacity:1; }
.secret .slide_top .swiper-button-prev,
.secret .slide_top .swiper-button-next { width:70px; height:70px; background:url(img/ico_arrow2.png) no-repeat; margin:-53px 0 0; }
.secret .slide_top .swiper-button-prev { left:-30px; }
.secret .slide_top .swiper-button-next { right:-30px; transform:scaleX(-1); }
.secret .slide_top div { cursor:pointer; }
#secretSlideTop .thumb { position:absolute; left:auto; right:70px; top:99px; width:421px; transform:none; cursor:pointer; }
#secretSlideTop .thumb::after { content:''; position:absolute; bottom:18px; right:18px; background:url(img/play.png) no-repeat; width:70px; height:70px; pointer-events:none; }
#secretSlideTop .thumb img { width:100%; }
#secretSlideTopPrev,
#secretSlideTopNext { background:url(img/secret_arr.png) 0 0 no-repeat; width:70px; height:70px; margin:0; transform:translate(0, -50%); }
#secretSlideTopPrev { left:-20px; }
#secretSlideTopNext { transform:translate(0, -50%) scaleX(-1); right:-20px; }
#secretSlideTopPage { position:static; margin-top:40px; }
#secretSlideTopPage .swiper-pagination-bullet { width:22px; height:22px; opacity:1; margin:0 6px; background:#fff; }
#secretSlideTopPage .swiper-pagination-bullet-active { background:#75abb0; }
.secret .slide_btm { position:relative; margin-top:40px; }
#secretSlideBtm { overflow:visible; }
#secretSlideBtm .swiper-wrapper { transition-timing-function:linear; }
#secretSlideBtm .swiper-slide { width:346px; opacity:0.3; }
#secretSlideBtm .swiper-slide img { width:100%; }
#secretSlideBtm .swiper-slide.swiper-slide-active,
#secretSlideBtm .swiper-slide.swiper-slide-prev,
#secretSlideBtm .swiper-slide.swiper-slide-next { opacity:1; }


/* proof */
.proof { background:#f3dffa; }
.proof .con { padding:100px 0 50px; position:absolute; top:0; left:50%; width:1200px; height:100%; transform:translateX(-50%); }
.proof_con { margin-top:60px; }
.proof .slide_top { margin-top:60px; position:relative; }
#proofSlideTop { width:1090px; }
#proofSlideTopPrev,
#proofSlideTopNext { background:url(img/proof_arr.png) 0 0 no-repeat; width:31px; height:54px; margin:0; transform:translate(0, -50%); }
#proofSlideTopPrev { left:5px; }
#proofSlideTopNext { transform:translate(0, -50%) scaleX(-1); right:5px; }
.proof .slide_btm { margin-top:60px; }
#proofSlideBtm { overflow:visible; }
#proofSlideBtm .swiper-wrapper { transition-timing-function:linear; }
#proofSlideBtm .swiper-slide { width:280px; }


/* reselection */
.reselection {background: #EAEBFF;}
.reselection .inner {padding:100px 0;}
.reselection .dec {margin: 25px 0 60px;}
.reselection .video video{border:none;max-width:100%;}

.reselection .slider{width:1200px;overflow:hidden; }
.reselection .slider ul{display:flex;width: 4848px;}
.reselection .slider li{display:flex;gap:25px;flex-wrap: wrap;width: 2424px;font-size: 0;flex-shrink: 0;}
.reselection .slider li.original {animation: 35s linear 0s infinite normal forwards running rollingLeft1;}
.reselection .slider li.clone {animation: 35s linear 0s infinite normal none running rollingLeft2;}
.reselection .slider li video{width: 278px;height: 496px;}
@keyframes rollingLeft1 {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(100%);
    }

    50.01% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes rollingLeft2 {
    0% {
        transform: translateX(-200%);
    }

    100% {
        transform: translateX(0);
    }
}


/* banner02 */
.banner02 { background: #202164; }


/* knowhow common */
#wrapper .mid > div.tab-group { overflow:visible; }
.tab-group { padding-top:100px; text-align:center; }
.tab-group * { font-family:"Pretendard"; }
.tab-group h2 { margin-bottom:50px; }
.tab-group h3 { margin-bottom:50px; font-family:"GmarketSansBold"; font-size:45px; color:#D4DAFF; line-height:60px; }
.tab-group .content { margin-top:50px; }
.tab-group .content .tab-content .inner { position:relative; padding:230px 0 100px; }
.tab-group .content .tab-content:first-child .inner { position:relative; padding:0 0 100px; }
.tab-group .tabs {display:flex;justify-content:center;position:sticky;top:0;left:0;width:1200px;margin:0 auto;z-index:1000; }
.tab-group .tab {display:flex;align-items:center;justify-content:center;flex:1;height:130px;background:#4B5387; font-family:"Pretendard";font-weight:700;font-size:34px;color:#949CD5;line-height:42px;cursor:pointer; position: relative;}
.tab-group .tab.active { background:linear-gradient(90deg,rgba(255, 60, 0, 1) 0%, rgba(255, 0, 123, 1) 100%); color:#fff; }
.tab-group .tab:not(:first-of-type)::after {content: '';position: absolute;top: 0;left: 0;width: 1px;bottom: 0;background: #000;display: block;}
.tab-group .inner .con_list { display:flex; justify-content:center; flex-wrap:wrap; gap:60px 100px; }
.tab-group .inner .con_list > li { width:380px; text-align:center; }
.tab-group .inner .con_list > li .tit { height:67px; margin-bottom:30px; background:#6E80EE; border-radius:100px; font-weight:900; font-size:35px; line-height:67px; color:#fff; }
.tab-group .inner .con_list > li .txt { font-weight:400; font-size:22px; color:#fff; letter-spacing:-2px; }
.tab-group .inner .con_list > li .txt span { display:inline-block; position:relative; padding-left:12px; }
.tab-group .inner .con_list > li .con { overflow:hidden; width:373px; height:224px; margin-bottom:18px; border-radius:13px; }
.tab-group .inner .con_list > li .con video { width:108%; }
.tab-group .inner .con_list > li .con img { width:100%; }


/* knowhow1 */
.knowhow1 { background:#1F2235; }
.knowhow1 #section1 { background:#1F2235; }
.knowhow1 #section2 { background:#242C5D; }
.knowhow1 #section3 { background:#1F2235; }
.knowhow1 #section4 { background:#232B5B; }

/* exclusive */
.exclusive .tit { margin-bottom:80px; }
.exclusive .con { position:relative; }
.exclusive .mask > div { position:relative; }
.book_slide { position:absolute; top:5px; left:27px; width:390px; }
.exclusive .rolling {display:flex;position:absolute;top:744px;left: 43px;right: 42px;overflow:hidden; }
.exclusive .rolling img { margin:0 12px; }
.exclusive .rolling .roller.original { animation:90s linear 0s infinite normal forwards running rollingLeft1; }
.exclusive .rolling .roller.clone { animation:90s linear 0s infinite normal none running rollingLeft2; }
.exclusive .book { position:absolute; top:416px; left:91px; z-index:1; }

/* provision */
.provision .txt { margin-bottom:50px; font-family:"Pretendard"; font-weight:700; font-size:40px; color:#F2A896; }
.provision > img { position:absolute; top:0; left:50%; transform:translateX(-50%); mix-blend-mode:multiply; }
.provision .con { position:relative; margin-bottom:30px; }
.provision .con .rolling { position:absolute; top:0; left:0; width:1200px; height:62px; margin:0 auto; background-color:#fa9f88; border-top-right-radius:50px; border-top-left-radius:50px; overflow:hidden; display:flex; align-items:center; }
.provision .con .rolling .roller.original { animation:35s linear 0s infinite normal forwards running rollingLeft1; }
.provision .con .rolling .roller.clone { animation:35s linear 0s infinite normal none running rollingLeft2; margin-right:10px; }
.provision .list { position:absolute; right:44px; top:62px; }
.provision .list:before { content:""; display:block; position:absolute; top:12px; right:-33px; width:141px; height:140px; background:url(img/provision01_badge.png) 0 0 no-repeat; z-index:10; }
.provision .list > ul { position:relative; display:flex; gap:17px; height:481px; overflow:hidden; }
.provision .list > ul img { width:181px; }
.provision .list li:nth-of-type(1) .original { animation:120s linear 0s infinite normal forwards running rollingUp1; }
.provision .list li:nth-of-type(1) .clone { animation:120s linear 0s infinite normal none running rollingUp2; }
.provision .list li:nth-of-type(2) .original { animation:120s linear 0s infinite normal forwards running rollingDown1; }
.provision .list li:nth-of-type(2) .clone { animation:120s linear 0s infinite normal none running rollingDown2; }
.provision .list li:nth-of-type(3) .original { animation:60s linear 0s infinite normal forwards running rollingUp1; }
.provision .list li:nth-of-type(3) .clone { animation:60s linear 0s infinite normal none running rollingUp2; }
.provision .math_lec_ready { margin-top:30px; }
.provision .math_lec_ready > .mask { border-radius:50px; overflow:hidden; }
.provision .math_lec_ready .math_lec_ready_cont { position:relative; }
.provision .math_lec_ready .math_lec_ready_cont .tab { position:absolute; left:337px; top:0; display:flex; height:60px; gap:41px; z-index:2; }
.provision .math_lec_ready .math_lec_ready_cont .tab > button { width:241px; background:none; text-indent:-9999em; }
.provision .math_lec_ready .math_lec_ready_cont .cont { position:relative; }
.provision .math_lec_ready .math_lec_ready_cont .cont .slider { position:absolute; left:75px; bottom:40px; width:1050px; }
.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-prev,
.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-next { top:0; width:93px; height:100%; }
.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-prev { left:0; }
.provision .math_lec_ready .math_lec_ready_cont .cont .swiper-button-next { right:0; }

/* alignment */
.alignment .inner .con_list > li .txt span:before { content:""; display:block; position:absolute; top:14px; left:0; width:6px; height:6px; background:#fff; }


/* lineup */
.lineup {background-color: #242c5d;position: relative;padding: 100px 0 100px;}
.lineup .tit {}
.lineup .badge {position:absolute;top: 398px;left: 50%;margin-left: 434px;z-index:2;}
.lineup .mask { text-align:inherit; }
.lineup .txt_box {position:relative;width:971px;height:195px;margin:30px auto 66px;background: #4A5382; border-radius:30px;box-shadow:0 4px 4px 0 rgb(0 0 0 /25%);text-align:center;}
.lineup .txt_box .bg {position:absolute;top:0;right:0;opacity:.3;display: none;}
.lineup .txt_box .swiper-container { height:195px; }
.lineup .txt_box .swiper-wrapper .swiper-slide { display:flex; flex-direction:column; justify-content:center; align-items:center; height:195px; }
.lineup .txt_box .swiper-wrapper .swiper-slide p { margin-bottom:25px; font-family:"TmoneyRoundWindRegular", sans-serif; font-size:28px; color:#fff; letter-spacing:-2px; }
.lineup .txt_box .swiper-wrapper .swiper-slide span {font-family:"Pretendard", sans-serif;font-weight:600;font-size:24px;color: #B2B9FF;}
.lineup .slider { margin:30px 0 -238px 0; width:1200px; overflow:hidden; }
.lineup .slider .swiper-container { position:relative; width:1200px; margin:0 auto; overflow:visible; }
.lineup .slider .swiper-slide { opacity:0 !important; transition:opacity ease .5s; }
.lineup .slider .swiper-slide-active { opacity:1 !important; }
.lineup .slider .swiper-button-next { top:50%; right:0; left:auto; width:30px; height:49px; }
.lineup .slider .swiper-button-prev { top:50%; left:0; right:auto; width:30px; height:49px; }
.lineup .slider .swiper-button-next a { display:block; width:100%; height:100%; background:url(/promotion/event/2023/1221_11780/img/slide_next_arr.png) 0 0 no-repeat; }
.lineup .slider .swiper-button-prev a { display:block; width:100%; height:100%; background:url(/promotion/event/2023/1221_11780/img/slide_prev_arr.png) 0 0 no-repeat; }


/* knowhow3 */
.knowhow3 { background:#1F2235; }
.knowhow3 #section6 { background:#232B5B; }
.knowhow3 .tab { height:110px; }
.knowhow3 #section5 h3 { color:#D2D4EB; }
.knowhow3 #section6 h3 { color:#ABD6F6; }
.knowhow3 .video { position:absolute; bottom:125px; width:402px; height:241px; }
.knowhow3 .video1 { left:86px; }
.knowhow3 .video2 { right:86px; }
.knowhow3 .video video,
.knowhow3 .video img { width:100%; height:100%; }


/* knowhow4 */
.knowhow4 { background:#EAEBFF url(img/knowhow04_bg01.png) 0 0 no-repeat; }
.knowhow4 * { font-family:"Pretendard"; }
.knowhow4 .tab { height:110px; color: #868B93; background: #000;}
.knowhow4.tab-group .tab:not(:first-of-type)::after { background:#fff; }
.knowhow4 #section7 h3 { color:#3A51B3; }
.knowhow4 #section7 .inner .con_list > li .tit { background:#FF6087; }
.knowhow4 #section8 { background:#FFF6FE url(img/knowhow04_bg02.png) no-repeat 100% 0; }
.knowhow4 #section8 h3 { color:#B43D59; }
.knowhow4 #section8 .inner .con_list { gap:62px 1px; }
.knowhow4 #section8 .inner .con_list > li { width:394px; }
.knowhow4 #section8 .inner .con_list > li:nth-child(2) { width:410px; }
.knowhow4 #section8 .inner .con_list > li .tit { width:340px; margin:0 auto 30px; background:#F593AB; }
.knowhow4 #section9 { background:#E5F2FF url(img/knowhow04_bg03.png) center -275px no-repeat; }
.knowhow4 #section9 h3 { color:#2B6BC5; }
.knowhow4 #section9 .inner .con_list { justify-content:space-between; gap:54px; }
.knowhow4 #section9 .inner .con_list li { width:auto; }
.knowhow4 #section9 .inner .con_list > li .tit { width:340px; margin:0 auto 30px; background:#71ABF2; }
.knowhow4 .inner .con_list > li .con { width:360px; margin:0 auto 18px; background:#000; border:12px solid #000; border-radius:13px; }
.knowhow4 .inner .con_list > li .txt span { padding-left:25px; background:url(img/check_ico.png) 0 6px no-repeat; font-weight:500; font-size:24px; color:#222; }


/* knowhow5 */
.knowhow5 { background:#232B5B; }
.knowhow5 .tab { background:#353D6D; color:#6C6FA3; }
.knowhow5 #section10 h3 { color:#FECD71; }
.knowhow5 #section11 { background:#1f2235; }
.knowhow5 #section11 h3 { color:#FAA6CF; }
.knowhow5 #section12 { background:#3E4464; }

/* system */
.system #cont1_1_slide { margin-top:46px; }
.system #cont1_1_slide > .swiper-pagination { position:static; margin-bottom:50px; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet { width:318px; height:201px; border-radius:0; position:relative; margin:0; opacity:1; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(1) { background:url(img/system_tab_off.png) no-repeat 0 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(2) { background:url(img/system_tab_off.png) no-repeat -395px 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet:nth-of-type(3) { background:url(img/system_tab_off.png) no-repeat -790px 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(1) { background:url(img/system_tab_on.png) no-repeat 0 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(2) { background:url(img/system_tab_on.png) no-repeat -395px 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet-active:nth-of-type(3) { background:url(img/system_tab_on.png) no-repeat -790px 0; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left:81px; }
.system #cont1_1_slide > .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet::before { content:''; width:24px; height:100%; background:url(img/system_tab_off.png) no-repeat -743px 0; display:block; position:absolute; left:-50px; top:0; }
.system #cont1_1_slide .tabs { margin-bottom:60px; display:flex; padding-left:46px; gap:27px; align-items:flex-start; }
.system #cont1_1_slide .tabs .tab1_btn { position:relative; }
.system #cont1_1_slide .tabs .tab2_btn { position:relative; }
.system #cont1_1_slide .tabs .tab3_btn { position:relative; }
.system #cont1_1_slide .tabs .tab2_arrow { position:relative; margin-top:96px; opacity:0; transition:.5s; }
.system #cont1_1_slide .tabs .tab3_arrow { position:relative; margin-top:96px; opacity:0; transition:.5s; }
.system #cont1_1_slide .tabs2 .tab2_btn { opacity:0; left:-20px; transition:.5s .5s; }
.system #cont1_1_slide .tabs3 .tab3_btn { opacity:0; left:-20px; transition:.5s .5s; }
.system #cont1_1_slide .swiper-slide-active .tabs .tab2_btn { opacity:1; left:0; }
.system #cont1_1_slide .swiper-slide-active .tabs .tab3_btn { opacity:1; left:0; }
.system #cont1_1_slide .swiper-slide-active .tabs .tab2_arrow { opacity:1; }
.system #cont1_1_slide .swiper-slide-active .tabs .tab3_arrow { opacity:1; }
.system #cont1_1_slide .con { position:relative; opacity:0; transition:.5s .5s; }
.system #cont1_1_slide .swiper-slide-active .con { opacity:1; }
.system #cont1_1_slide .con .swiper-container { position:absolute; top:89px; width:400px; padding-bottom:27px; }
.system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet { width:11px; height:11px; background:#ddd; opacity:1; margin:0 5px; }
.system #cont1_1_slide .con .swiper-container .swiper-pagination-bullet-active { background:#666; }
.system #cont1_1_tab2 { left:42px; }
.system #cont1_1_tab3 { right:42px; }

/* check */
.check h4 { margin-bottom:30px; font-weight:700; font-size:45px; color:#FFBACA; }
.check h4:nth-of-type(1) { margin-bottom:50px; }
.check .align { display:flex; gap:15px; justify-content:center; margin-bottom:72px; }
.check .align .slider { position:relative; width:326px; margin-top:-25px; }
.check .align .slider .swiper-pagination { bottom:-29px; width:100%; }
.check .align .slider .swiper-pagination span { width:14px; height:14px; margin:0 3px; background-color:#cfcfcf; opacity:1; }
.check .align .slider .swiper-pagination span.swiper-pagination-bullet-active { background-color:#FFBACA; }


/* banner03 */
.banner03 { background:#141727; }


/* ½ºÅ©·Ñ ½Ã ³ªÅ¸³ª´Â Æ˾÷ */
.popup { overflow:hidden; width:100%; height:100%; z-index:9999; opacity:0; transition:all .5s; }
.popup.active { overflow:visible; position:fixed !important; top:0; left:0; opacity:1; }
.popup .dim { width:100%; height:100%; background:rgba(0, 0, 0 ,.6); }
.popup .inner { position:absolute; top:45%; left:50%; transform:translate(-50%, -50%); }
.popup .inner .con a { display:block; }
.popup .inner .con .close { position:absolute; top:27px; right:24px; width:50px; height:50px; background:none; text-indent:-9999px; }


/* aos */
[data-aos=fade-up] { transform:translate3d(0,50px,0); }


/* keyframes */
@keyframes width {
    50% { opacity:.7; }
    100% { width:100%; opacity:0; }
}
@keyframes move {
    50% { transform:translateY(10px); }
}
@keyframes blinker {
    50% { opacity:0; }
}
@keyframes rollingLeft1 {
    0% { transform:translateX(0); }
    50% { transform:translateX(100%); }
    50.01% { transform:translateX(-100%); }
    100% { transform:translateX(0); }
}
@keyframes rollingLeft2 {
    0% { transform:translateX(-200%); }
    100% { transform:translateX(0); }
}
@keyframes rollingDown1 {
    0% { transform:translateY(0); }
    50% { transform:translateY(100%); }
    50.01% { transform:translateY(-100%); }
    100% { transform:translateY(0); }
}
@keyframes rollingDown2 {
    0% { transform:translateY(-200%); }
    100% { transform:translateY(0); }
}
@keyframes rollingUp1 {
    0% { transform:translateY(0); }
    50% { transform:translateY(-100%); }
    50.01% { transform:translateY(100%); }
    100% { transform:translateY(0); }
}
@keyframes rollingUp2 {
    0% { transform:translateY(0); }
    100% { transform:translateY(-200%); }
}
@keyframes move {
    50% { transform:translateY(10px); }
}