@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:100vh}
#mainVisual *{word-break:keep-all}
#mainVisual .inner{z-index:1;position:absolute;max-width:var(--mainsize);width:100%;margin:0 auto}
#mainVisual .inner.po-a{bottom:0;left:50%;transform:translateX(-50%)}

/* 공통 */
#mainVisual .swiper-container{width:100%;height:100%}
#mainVisual .swiper-slide{overflow:hidden}
#mainVisual .swiper-slide .inner{top:50%;left:50%;transform:translate(-50%, -50%)}
#mainVisual .swiper-slide::before{position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.45)}
#mainVisual .swiper-slide > img:not(.light){width:100%;height:100%;object-fit:cover}

/* 텍스트 */
#mainVisual .swiper-slide .text-box{position:relative;font-family:'Pretendard'}
#mainVisual .swiper-slide .text-box > * {position:relative;overflow:hidden}
#mainVisual .swiper-slide .text-box .txt-move{position:relative;display:inline-block}
#mainVisual .swiper-slide .text-box p.desc{margin-bottom:20px;padding:0;font-size:27px;font-weight:800;color:#fff;text-shadow:0px 3px 1px rgba(0,0,0,0.09)}
#mainVisual .swiper-slide .text-box h2 .fw-r{font-weight:400}
#mainVisual .swiper-slide .text-box h2 .txt-move{padding:10px 0;font-family:'Pretendard';font-size:92px;font-weight:800;color:#fff;white-space:pre-line}
#mainVisual .swiper-slide .text-box h2 .gradient{color:transparent;background-clip:text;background-size:130% 100%;background-position:0 0;animation:rainbow 5s ease-in-out infinite}
#mainVisual .swiper-slide .text-box .en span.txt-move{width:100%;padding-right:0.2em;font-size:50px;font-weight:800;font-style:italic;text-transform:uppercase;color:transparent;background-clip:text;background-size:130% 100%;background-position:0 0;background-image:linear-gradient(to right, #d2f04c 0%, #00c8ff 75%)}

/* 꾸미기 요소 */
#mainVisual .swiper-slide img.light{position:absolute}
#mainVisual .swiper-slide .diamond{position:absolute;top:0;width:340px;height:100%;transform:skewX(-20deg)}

/* 기업 */
#mainVisual .swiper-slide.cor .text-box{display:flex;flex-direction:column;align-items:center;text-align:center}
#mainVisual .swiper-slide.cor .text-box p.desc{padding:0}
#mainVisual .swiper-slide.cor .text-box p.desc span.txt-move{max-width:650px;width:100%;padding:10px 0;background:linear-gradient(to right, rgba(210,240,76,0) 10%, rgba(210,240,76,1) 50%, rgba(210,240,76,0) 90%)}
#mainVisual .swiper-slide.cor .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #d2f04c 0%, #00c8ff 100%)}
#mainVisual .swiper-slide.cor .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.cor img.light01{top:50.5%;left:31%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.cor img.light02{top:54%;right:30%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.cor img.light03{top:46.5%;left:22.5%;mix-blend-mode:plus-lighter}
#mainVisual .swiper-slide.cor .diamond:nth-child(1 of .diamond){left:0;background-color:rgba(182,234,100,0.2)}
#mainVisual .swiper-slide.cor .diamond:nth-child(2 of .diamond){right:-5%;background-color:rgba(26,205,233,0.2)}

/* 국가 */
#mainVisual .swiper-slide.go .text-box p.desc span.txt-move{max-width:420px;width:100%;padding:10px 0;background:linear-gradient(to right, rgba(0,213,255,0) 2%, rgba(0,213,255,1) 50%, rgba(0,213,255,0) 98%);text-align:center}
#mainVisual .swiper-slide.go .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #00e5ff 0%, #0066ff 100%)}
#mainVisual .swiper-slide.go .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.go .light01{top:48.5%;left:7%}
#mainVisual .swiper-slide.go .diamond:nth-child(1 of .diamond){left:9%;background-color:rgba(0,118,255,0.2)}
#mainVisual .swiper-slide.go .diamond:nth-child(2 of .diamond){right:0;background-color:rgba(26,205,233,0.2)}

/* 단체 */
#mainVisual .swiper-slide.team .text-box{width:max-content;margin:0 auto}
#mainVisual .swiper-slide.team .text-box p.desc{position:relative;max-width:410px;padding:10px 0;font-size:30px;font-weight:600;letter-spacing:5px;color:#f5b818;text-align:center}
#mainVisual .swiper-slide.team .text-box p.desc::before{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right, rgba(245, 184, 25, 0) 0%, rgba(245, 157, 25, 1) 50%, rgba(245, 184, 25, 0) 100%)}
#mainVisual .swiper-slide.team .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #ffcc00 0%, #9800fe 100%)}
#mainVisual .swiper-slide.team .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.team img.light01{top:32.5%;left:27.5%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.team img.light02{top:40%;right:31%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.team img.light03{bottom:23.5%;left:48%;transform:translateX(-50%);mix-blend-mode:plus-lighter}
#mainVisual .swiper-slide.team .diamond:nth-child(1 of .diamond){left:20%;background-color:rgba(245,184,25,0.2)}
#mainVisual .swiper-slide.team .diamond:nth-child(2 of .diamond){right:18%;background-color:rgba(170,37,208,0.2)}

/* 인재 */
#mainVisual .swiper-slide.talent .text-box{text-align:center}
#mainVisual .swiper-slide.talent .text-box p.desc{position:relative;max-width:1520px;margin:0 auto;padding:0}
#mainVisual .swiper-slide.talent .text-box p.desc::before{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right, rgba(1,244,151, 0) 0%, rgba(1,244,151, 1) 50%, rgba(1,244,151, 0) 100%)}
#mainVisual .swiper-slide.talent .text-box p.desc span.txt-move{padding:8px 35px;font-size:30px;font-weight:600;letter-spacing:5px;text-align:center;color:#fff;border-radius:10px 10px 0 0;background-color:#01f497}
#mainVisual .swiper-slide.talent .text-box h2{position:relative;padding:40px 0 30px}
#mainVisual .swiper-slide.talent .text-box h2::before{position:absolute;content:'';bottom:1px;left:0;width:100%;height:3px;background:linear-gradient(to right, rgba(1,244,151, 0) 0%, rgba(1,244,151, 1) 50%, rgba(1,244,151, 0) 100%)}
#mainVisual .swiper-slide.talent .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #0aad98 0%, #00ff96 100%)}
#mainVisual .swiper-slide.talent .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.talent .text-box .en .txt-move{padding-top:14px}
#mainVisual .swiper-slide.talent img.light01{top:35.5%;left:33.5%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.talent img.light02{top:47%;right:41%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.talent img.light03{bottom:23%;left:50%;transform:translateX(-50%);mix-blend-mode:plus-lighter}
#mainVisual .swiper-slide.talent .diamond:nth-child(1 of .diamond){left:32%;background-color:rgba(1,244,151,0.2)}
#mainVisual .swiper-slide.talent .diamond:nth-child(2 of .diamond){right:36%;background-color:rgba(1,244,151,0.2)}

/* 학생 */
#mainVisual .swiper-slide.student .text-box{margin:0 auto;width:max-content}
#mainVisual .swiper-slide.student .text-box p.desc{display:inline-block;border:3px solid #ff1975;border-radius:100px;padding:10px 30px;letter-spacing:5px}
#mainVisual .swiper-slide.student .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #ff1975 0%, #ffa800 100%)}
#mainVisual .swiper-slide.student .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.student img.light01{left:48%;top:44%;transform:translateX(-50%);mix-blend-mode:plus-lighter}
#mainVisual .swiper-slide.student img.light02{left:47%;top:55%;transform:translateX(-50%);mix-blend-mode:plus-lighter}
#mainVisual .swiper-slide.student .diamond:nth-child(1 of .diamond){left:17%;background-color:rgba(188,0,105,0.2)}
#mainVisual .swiper-slide.student .diamond:nth-child(2 of .diamond){right:5%;background-color:rgba(233,162,26,0.2)}

/* 실버 */
#mainVisual .swiper-slide.seniors .text-box p.desc{position:relative;width:max-content;padding:10px 20px}
#mainVisual .swiper-slide.seniors .text-box p.desc span.txt-move{padding:10px 15px}
#mainVisual .swiper-slide.seniors .text-box p.desc span.txt-move::before{z-index:-1;position:absolute;content:'';top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg, #f6188b 0%, #a87fbf 40%, #66bdd4 70%, #66bdd4 100%);background-size:150% 100%;background-repeat:no-repeat;transform:skewX(-20deg)}
#mainVisual .swiper-slide.seniors .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #f5007f 0%, #ffffff 100%)}
#mainVisual .swiper-slide.seniors .text-box h2 .gradient::after{position:absolute;content:'';bottom:3px;left:0;width:100%;height:3px;background:linear-gradient(to right, rgba(246,25,139, 0) 0%, rgba(246,25,139, 1) 50%, rgba(246,25,139, 0) 100%)}
#mainVisual .swiper-slide.seniors .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.seniors img.light01{left:12%;top:48%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.seniors img.light02{left:32%;top:37%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.seniors .diamond:nth-child(1 of .diamond){left:5%;background-color:rgba(188,0,105,0.2)}
#mainVisual .swiper-slide.seniors .diamond:nth-child(2 of .diamond){left:33%;background-color:rgba(93,0,255,0.2)}

/* 가족 */
#mainVisual .swiper-slide.fam .text-box p.desc{position:relative;max-width:690px;font-size:30px;font-weight:600;letter-spacing:15px;padding:10px 30px;text-align:center}
#mainVisual .swiper-slide.fam .text-box p.desc::before{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right, rgba(245,184,0, 0) 0%, rgba(245,184,0, 1) 50%, rgba(245,184,0, 0) 100%)}
#mainVisual .swiper-slide.fam .text-box h2 .gradient{position:relative;background-image:linear-gradient(to right, #f5b800 0%, #ffffff 100%)}
#mainVisual .swiper-slide.fam .text-box h2 .gradient::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;text-shadow:2px 7.7px 6px rgba(0, 0, 0, 0.14),2px 7.7px 6px rgba(0, 0, 0, 0.14);z-index:-1;color:#000}
#mainVisual .swiper-slide.fam img.light01{left:5%;top:56%;mix-blend-mode:color-dodge}
#mainVisual .swiper-slide.fam .diamond:nth-child(1 of .diamond){right:25%;background-color:rgba(255,0,0,0.2)}
#mainVisual .swiper-slide.fam .diamond:nth-child(2 of .diamond){right:4%;background-color:rgba(0,36,255,0.2)}

/* swiper navigation */
#mainVisual .controller{display:flex;justify-content:flex-end;align-items:flex-end;gap:62px;padding-bottom:60px}
#mainVisual .navigation{display:flex;align-items:center;gap:28px}
#mainVisual .navigation .pager{display:flex;align-items:center;font-size:18px;font-weight:700;color:rgba(255, 255, 255, 0.5)}
#mainVisual .navigation .pager .cur{color:#fff}
#mainVisual .navigation .pager .total{display:flex;align-items:center}
#mainVisual .navigation .pager .total::before{content:'/';margin:0 4px}
#mainVisual .navigation .btn-wrap{display:flex;align-items:center;gap:8px}
#mainVisual .navigation .btn-wrap button{all:unset;display:flex;align-items:center;justify-content:center;width:53px;aspect-ratio:1;border:1px solid #fff;background-color:rgba(255,255,255,0.3);border-radius:100px;color:#fff;cursor:pointer}
#mainVisual .scroll-down{display:flex;align-items:center;gap:16px;writing-mode:vertical-rl;font-family:var(--e-font);font-size:15px;font-weight:700;color:#fff;letter-spacing:0.5px;animation:scroll 2s ease infinite}

/* swiper pagination */
#mainVisual .pagination{position:relative;display:flex;height:100px;margin-bottom:48px;background-color:rgba(255, 255, 255, 0.7);border-radius:100px}
#mainVisual .pagination .tit{display:flex;align-items:center;justify-content:center;width:212px;font-size:22px;font-weight:700;color:#fff;white-space:pre-line;text-align:center;background:linear-gradient(to right, #f04c4c 0%, #fdb714 38%, #9dcb3b 69%, #19babd 100%);border-radius:100px 100px 100px 0}
#mainVisual .pagination ul{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 36px 0 27px}
#mainVisual .pagination ul li{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:195px;height:58px;border-radius:100px;background-color:rgba(255,255,255,0.5);border:1px solid #fff;opacity:1;transition:background-color 0.2s}
#mainVisual .pagination ul li::before{z-index:-1;position:absolute;content:'';top:-6px;left:50%;transform:translateX(-50%) rotate(45deg);width:14px;height:14px;border-radius:3px;background-color:#fff;opacity:0;transition:opacity 0.2s}
#mainVisual .pagination ul li .ko{font-size:20px;font-weight:700;color:rgba(0,0,0,0.3);transition:color 0.2s}
#mainVisual .pagination ul li .en{font-size:16px;font-weight:700;color:rgba(0,0,0,0.1);transition:color 0.2s}

#mainVisual .pagination ul li.on{background-color:#fff}
#mainVisual .pagination ul li.on .ko{color:#000}
#mainVisual .pagination ul li.on .en{color:rgba(0,0,0,0.3)}
#mainVisual .pagination ul li.on::before{opacity:1}


/* 슬라이드 활성화 애니메이션 */
#mainVisual .swiper-slide.on.cor .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.cor .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.cor .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.cor img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.cor img.light02{animation:lighting 0.3s;animation-delay:1.1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.cor img.light03{animation:lighting 0.3s;animation-delay:1.2s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.go .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.go .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.go .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.go img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.team .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.team .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.team .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.team img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.team img.light02{animation:lighting 0.3s;animation-delay:1.1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.team img.light03{animation:lighting02 0.3s;animation-delay:1.2s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.talent .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.talent .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.talent .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.talent img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.talent img.light02{animation:lighting 0.3s;animation-delay:1.1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.talent img.light03{animation:lighting02 0.3s;animation-delay:1.2s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.student .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.student .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.student .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.student img.light01{animation:lighting02 0.3s;animation-delay:1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.student img.light02{animation:lighting02 0.3s;animation-delay:1.2s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.seniors .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.seniors .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.seniors .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.seniors img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.seniors img.light02{animation:lighting 0.3s;animation-delay:1.1s;animation-fill-mode:both}

#mainVisual .swiper-slide.on.fam .text-box .txt-move{animation:txtUp 1s;animation-delay:0.2s;animation-fill-mode:both}
#mainVisual .swiper-slide.on.fam .diamond.left{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.fam .diamond.right{animation:toRight 1s;animation-fill-mode:forwards}
#mainVisual .swiper-slide.on.fam img.light01{animation:lighting 0.3s;animation-delay:1s;animation-fill-mode:both}

@keyframes rainbow{
    0%{background-position:0 0}
    50%{background-position:100% 0}
    100%{background-position:0 0}
}
@keyframes scroll {
    0%{opacity:0;transform:translateY(0)}
    20%{opacity:1;transform:translateY(-15px)}
    100%{opacity:0;transform:translateY(0)}
}
@keyframes toRight {
    0%{transform:translateX(-100%) skewX(-20deg);opacity:0}
    100%{transform:translateX(0) skewX(-20deg);opacity:1}
}
@keyframes txtUp {
    0%{transform:translateY(100%);opacity:0}
    100%{transform:translateY(0);opacity:1}
}
@keyframes lighting {
    0%{opacity:0;transform:scale(0)}
    100%{opacity:1;transform:scale(1)}
}
@keyframes lighting02 {
    0%{opacity:0;transform:translateX(-50%) scale(0) }
    100%{opacity:1;transform:translateX(-50%) scale(1) }
}

/* 반응형 [s] */
@media (max-width:1440px){
#mainVisual .pagination{width:95%;height:auto;margin:0 auto 40px;padding:20px}
#mainVisual .pagination .tit{position:absolute;top:-52px;left:50%;width:auto;padding:15px 20px;border-radius:13px 13px 0 0;font-size:18px;white-space:normal;transform:translateX(-50%)}
#mainVisual .pagination ul{padding:0;gap:10px}
#mainVisual .pagination ul li{width:100%;height:45px}
#mainVisual .pagination ul li .ko{font-size:18px}
#mainVisual .pagination ul li .en{font-size:14px}

#mainVisual .swiper-slide .text-box h2 .txt-move{font-size:70px}
#mainVisual .swiper-slide .text-box p.desc{font-size:23px}
#mainVisual .swiper-slide .text-box .en span.txt-move{font-size:40px}

#mainVisual .swiper-slide.go .light01{top:42.5%;left:7%}
#mainVisual .swiper-slide.go .text-box{padding-left:10%}

#mainVisual .swiper-slide.team .text-box p.desc{max-width:330px;font-size:25px}

#mainVisual .swiper-slide.talent .text-box p.desc span.txt-move{font-size:18px}
#mainVisual .swiper-slide.talent img.light03{bottom:20%}

#mainVisual .swiper-slide.seniors .text-box{padding-left:10%}

#mainVisual .swiper-slide.fam .text-box{padding-left:10%}
#mainVisual .swiper-slide.fam .text-box p.desc{max-width:570px;font-size:22px}
}
@media (max-width:1280px){
#mainVisual .pagination ul{justify-content:center;flex-wrap:wrap;gap:5px}
#mainVisual .pagination ul li{width:calc(25% - 10px)}
#mainVisual .pagination ul li .en{font-size:12px}

}
@media (max-width:1024px){
#mainVisual .swiper-slide .inner{top:40%}
#mainVisual .swiper-slide .text-box h2 .txt-move{font-size:65px}
#mainVisual .swiper-slide .text-box p.desc{font-size:20px}
#mainVisual .swiper-slide .text-box .en span.txt-move{font-size:35px}
#mainVisual .controller{justify-content:center;padding-bottom:80px}
#mainVisual .scroll-down{display:none}
#mainVisual .navigation .pager{font-size:16px}
#mainVisual .navigation .btn-wrap button{font-size:45px}

#mainVisual .swiper-slide.cor .text-box{padding:0 20px}
#mainVisual .swiper-slide.cor img.light01{top:35.5%}
#mainVisual .swiper-slide.cor img.light02{top:37%}
#mainVisual .swiper-slide.cor img.light03{top:41.5%}

#mainVisual .swiper-slide.go .light01{top:31.5%}

#mainVisual .swiper-slide.team img.light01{top:29.5%}
#mainVisual .swiper-slide.team img.light02{top:24%}
#mainVisual .swiper-slide.team img.light03{bottom:34.5%}
#mainVisual .swiper-slide.team .text-box{width:100%}

#mainVisual .swiper-slide.talent .diamond:nth-child(1 of .diamond){left:22%}
#mainVisual .swiper-slide.talent .diamond:nth-child(2 of .diamond){left:30%}
#mainVisual .swiper-slide.talent .text-box h2{padding:15px 0 20px}
#mainVisual .swiper-slide.talent img.light03{bottom:34%}
#mainVisual .swiper-slide.talent .text-box p.desc span.txt-move{font-size:15px;letter-spacing:3px}

#mainVisual .swiper-slide.student img.light01{top:32%}
#mainVisual .swiper-slide.student img.light02{top:42%}
#mainVisual .swiper-slide.student .text-box{width:100%}

#mainVisual .swiper-slide.seniors img.light01{top:44%}
#mainVisual .swiper-slide.seniors img.light02{top:35%}

#mainVisual .swiper-slide.fam img.light01{top:42%}

}
@media (max-width:768px){
#mainVisual{height:90vh}
#mainVisual .pagination{border-radius:13px}
#mainVisual .pagination ul li{height:38px}
#mainVisual .pagination ul li .en{display:none}
#mainVisual .pagination ul li .ko{font-size:16px}
#mainVisual .navigation .btn-wrap button{width:45px}
#mainVisual .navigation .btn-wrap svg{width:20px}
#mainVisual .pagination .tit{top:-39px;padding:10px 20px;font-size:16px}

#mainVisual .swiper-slide .inner{text-align:center}
#mainVisual .swiper-slide .text-box h2 .txt-move{font-size:55px}
#mainVisual .swiper-slide .text-box .en span.txt-move{font-size:30px}

#mainVisual .swiper-slide.cor img.light03{top:42.5%;left:-20%}

#mainVisual .swiper-slide.go .text-box{padding-left:0}
#mainVisual .swiper-slide.go .light01{left:9%}

#mainVisual .swiper-slide.team .text-box p.desc{margin:0 auto;font-size:17px}

#mainVisual .swiper-slide.seniors .text-box{padding-left:0}
#mainVisual .swiper-slide.seniors .text-box p.desc{margin:0 auto}

#mainVisual .swiper-slide.fam .text-box{padding-left:0}
#mainVisual .swiper-slide.fam .text-box p.desc{margin:0 auto;font-size:19px;letter-spacing:5px}
}
@media (max-width:580px){
#mainVisual .swiper-slide .text-box h2 .txt-move{font-size:45px}
#mainVisual .swiper-slide .text-box .en span.txt-move{font-size:25px}
#mainVisual .swiper-slide .text-box p.desc{font-size:17px}

#mainVisual .swiper-slide.cor img.light01{display:none}
#mainVisual .swiper-slide.cor img.light02{display:none}
#mainVisual .swiper-slide.cor img.light03{top:40%;left:-30%}

#mainVisual .swiper-slide.go .light01{left:-10%;top:30%}

#mainVisual .swiper-slide.team img.light01{display:none}
#mainVisual .swiper-slide.team img.light02{top:30%}
#mainVisual .swiper-slide.team img.light03{width:100%;bottom:41.5%}

#mainVisual .swiper-slide.talent img.light02{display:none}

#mainVisual .swiper-slide.student .text-box p.desc{padding:10px 15px}

#mainVisual .swiper-slide.seniors img.light01{top:40%}

#mainVisual .swiper-slide.fam img.light01{top:35%;left:-50%}

#mainVisual .controller{padding-bottom:60px}
#mainVisual .navigation{gap:15px}
#mainVisual .navigation .pager{font-size:13px}
#mainVisual .navigation .btn-wrap{gap:5px}
#mainVisual .navigation .btn-wrap button{width:35px}

}
@media (max-width:480px){
#mainVisual .pagination{padding:13px}
#mainVisual .pagination .tit{top:-45px;width:100%;border-radius:13px}
#mainVisual .swiper-slide .text-box h2 .txt-move{font-size:40px}
#mainVisual .swiper-slide .text-box .en span.txt-move{font-size:20px}
}
/* 반응형 [e] */