/* mainbanner */
.main-banner .swiper-slide .pc-view {height:72rem;}
.main-banner .banner {height:inherit; background-repeat:no-repeat; background-position:center; background-size:cover;}
.main-banner .control-box {display:flex; align-items: center; justify-content: center; position:absolute; left:50%; bottom:5rem; transform:translateX(-50%); z-index:10;}
.main-banner .control-box .navi-box {display:flex; align-items:center; margin-left:4rem;}
.main-banner .control-box .navi-box .swiper-button-prev {position:static;}
.main-banner .control-box .navi-box .swiper-button-next {position:static;}
.main-banner .control-box .swiper-pagination {position:static; width:auto;}
.main-banner .control-box .swiper-pagination .swiper-pagination-bullet {width:.8rem; height:.8rem; background:#838a8f; transition:.7s all cubic-bezier(.22,.61,.36,1);}
.main-banner .control-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {width:9.6rem; background:#fff; border-radius:10px;}
.main-banner .control-box .swiper-button-next,
.main-banner .control-box .swiper-button-prev {width:1.2rem; height:2rem; margin-top:0; background:url('/img/main/icon_swiper_arrow.png') no-repeat center / cover;}
.main-banner .control-box .swiper-button-next {transform:rotate(180deg);}
.main-banner .control-box .swiper-button-next:after,
.main-banner .control-box .swiper-button-prev:after {content:"";}
.main-banner .control-box #controlBtn {width:2.4rem; height:2.4rem; padding:0; margin:0 1rem;}
.main-banner .control-box #controlBtn img {margin:0 auto;}

/* main-quick */
.main-quick {display:flex; align-items: end; justify-content: center; margin-top:5rem;}
.main-quick .quick-list {display:flex; font-size:1.4rem; color:#fff; font-weight:300;}
.main-quick .quick-list a {display:inline-block; padding:0 2rem; text-align: center; padding-top:5.4rem; position:relative;}
.main-quick .quick-list li .img {display:inline-block; width:100%; position:absolute; top:0px; left:0px; text-align:center;}
.main-quick .quick-list li .img img{width:4.8rem;  margin:0 auto;}
.main-quick .quick-list li:nth-child(1) .img img {width:15rem;max-width:13rem !important; margin-top:-4.8rem; margin-left:-1.5rem;}

.main-quick .quick-call {position:relative; padding-left:4rem; margin-left:4rem;}
.main-quick .quick-call:before {content:""; position:absolute; left:-2rem; top:50%; display:block; width:2.6rem; height:.1rem; transform:translateY(-50%); background:#535353;}
.main-quick .quick-call span {font-size:1.2rem; font-family: 'Codec Cold'; font-weight:700; color:rgba(244,244,244,.5);}
.main-quick .quick-call {font-size:1.4rem; font-weight:300;}
.main-quick .quick-call h2 {padding-bottom:.6rem; font-size:3.2rem; font-family:'Dortmund'; line-height:1;}

/* main contents */
.main-container {margin-bottom:21rem;}
.main-curri {padding:0 5rem;}
.main-curri .course {display:flex; align-items:center;     justify-content: center; gap:7.5rem; margin-top:10rem;}
.main-curri .course .img {width:87rem; height:40.6rem; border-radius:4rem; background-repeat:no-repeat; background-position:center; background-size:cover; overflow:hidden; transform: translateY(var(--y,0)); transition: transform .2s linear; position:relative;}
/*.main-curri .course:nth-child(1) .img {background-image:url('/img/main/img_main_curri01.png');}*/
/*.main-curri .course:nth-child(2) .img {background-image:url('/img/main/img_main_curri02.png');}*/
/*.main-curri .course:nth-child(3) .img {background-image:url('/img/main/img_main_curri03.png');}*/
/*.main-curri .course:nth-child(4) .img {background-image:url('/img/main/img_main_curri04.png');}*/
/*.main-curri .course:nth-child(5) .img {background-image:url('/img/main/img_main_curri05.png');}*/
.main-curri .contents {width:62.5rem;}
.common.contents .title {font-size:1.7rem; font-family: "Dortmund"; font-weight:800; color:#7f7aed;}
.common.contents h3 {padding-top:1rem; font-size:5rem; font-weight:800;}
.common.contents h3 span {display:block;}
.common.contents .text {padding-top:3rem; font-size:2.1rem; color:rgba(244,244,244,.5);}
.common.contents .text br {display:none;}
.common.contents .link {position:relative; display:inline-block; margin-top:5.5rem; padding:1.4rem 7.5rem 1.4rem 3rem; border-radius:3rem; border:1px solid #fff; font-size:1.7rem; overflow:hidden;}
.common.contents .link:after {content:""; display:block; position:absolute; right:3rem; top:50%; width:1.4rem; height:1.2rem; background:url('/img/common/icon_btn_arrow.png'); transform:translateY(-50%);}
.common.contents .link:before {content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; opacity:0; border-radius:3rem; transition:.5s all; transform:translateX(-100%); background-color:rgba(127, 122, 237, .6);}
.common.contents .link:hover:before {opacity:0.4; transform:translateX(0%);}
.common.contents .link span{position:relative; z-index:1;}
.main-sub-banner {margin-top:20rem;}
.main-sub-banner .contents {position:relative; max-width:144rem; padding:11rem 0 11rem 7rem; margin:0 auto; background:url('/img/main/img_sub_banner.png') no-repeat center / 100% 52.6rem; border-radius:4rem;}
.main-sub-banner .contents:before {content:""; position:absolute; right:0; top:0; display:block; width:8.8rem; height:8.8rem; background:#0c0c0d url('/img/main/icon_rotate_arrow.png') no-repeat center / cover; animation: bounce-diag 2.6s infinite;}
.main-roadmap {display:flex; justify-content: space-between; align-items: flex-start; max-width:144rem; margin:20rem auto 0; gap:20rem; }
.main-roadmap .list {display:flex; gap:2rem;}
.main-roadmap .card li {position:relative; margin-bottom:2rem; border-radius:4rem; background-repeat:no-repeat; background-size:cover; background-position:center;}
.main-roadmap .card li:nth-child(1) {background-image:url('/img/main/bg_roadmap01.png');}
.main-roadmap .card li:nth-child(2) {background-image:url('/img/main/bg_roadmap02.png');}
.main-roadmap .card li:nth-child(3) {background-image:url('/img/main/bg_roadmap03.png');}
.main-roadmap .card li:nth-child(4) {background-image:url('/img/main/bg_roadmap04.png');}
.main-roadmap .card li:nth-child(5) {background-image:url('/img/main/bg_roadmap05.png');}
.main-roadmap .card.right li:nth-child(1) {background-image:url('/img/main/bg_roadmap04.png');}
.main-roadmap .card.right li:nth-child(2) {background-image:url('/img/main/bg_roadmap05.png');}
.main-roadmap .card a {display:inline-block; width:36rem; padding:30rem 3rem 6rem;}
.main-roadmap .card li:before {content:""; display:block; width:2.8rem; height:2.4rem; position:absolute; left:3rem; top:6rem; background:url('/img/common/icon_card_arrow.png');}
.main-roadmap .card h4 {font-size:2.4rem; font-weight:800;}
.main-roadmap .card .text {margin-top:2.5rem; font-size:1.5rem;}
.main-roadmap .card.right {margin-top:15rem;}
.main-roadmap .contents {position:sticky; top:0; left:0; padding-top:10rem;}
.main-roadmap.with-line{ position:relative }
.main-roadmap.with-line .line{position:absolute; right:-28px; top:-35px; width:60%; height:104%; background: linear-gradient(#8e80ff 0 0) no-repeat; background-size: 100% var(--fill, 0%); background-position: 0 0; border-radius: 24px; opacity:.5; transition: background-size .15s linear; z-index:-1;}
.main-insight {margin-top:20rem;}
.main-insight .contents {display:flex; align-items:end; justify-content: space-between; max-width:144rem; margin:0 auto;}
.main-insight .common.contents .link {padding-right:10rem;}
.main-insight .seminar-swiper {margin:7.5rem 0 0 23.5rem;}
.main-insight .seminar-swiper .swiper-slide {width:auto; margin-right:7.5rem;}
.main-insight .seminar-swiper .swiper-slide a {display:block; width:40rem; height:56.5rem; overflow:hidden;}
.main-insight .seminar-swiper img {width:100%; height:100%; border-radius:4rem;}
@keyframes bounce-diag{
  0%   { transform: translate(0,0) scale(1); box-shadow:0 10px 22px rgba(12,12,13,.35); animation-timing-function:cubic-bezier(.2,.8,.2,1); }
  8%   { transform: translate(0,0) scale(1.12,.9); box-shadow:0 6px 14px rgba(12,12,13,.55);}
  25%  { transform: translate(var(--dx),0) scale(1); box-shadow:0 10px 22px rgba(12,12,13,.35); animation-timing-function:cubic-bezier(.2,.8,.2,1); }
  33%  { transform: translate(var(--dx),0) scale(1.12,.9); box-shadow:0 6px 14px rgba(12,12,13,.55);}
  50%  { transform: translate(var(--dx),var(--dy)) scale(1); box-shadow:0 10px 22px rgba(12,12,13,.35); animation-timing-function:cubic-bezier(.2,.8,.2,1); }
  58%  { transform: translate(var(--dx),var(--dy)) scale(.9,1.12); box-shadow:0 18px 28px rgba(12,12,13,.45);} 
  75%  { transform: translate(0,var(--dy)) scale(1); box-shadow:0 10px 22px rgba(12,12,13,.35); animation-timing-function:cubic-bezier(.2,.8,.2,1); }
  83%  { transform: translate(0,var(--dy)) scale(.9,1.12); box-shadow:0 18px 28px rgba(12,12,13,.45);}
  100% { transform: translate(0,0) scale(1); box-shadow:0 10px 22px rgba(12,12,13,.35); }
}
.c-cursor {position: fixed; left: 0; top: 0; width: 18px; height: 18px; pointer-events: none; z-index:15; transform: translate(-50%, -50%) translate(0,0); will-change: transform; mix-blend-mode: difference;}
.c-cursor .dot {width: 100%; height: 100%; border-radius: 50%; background:#fff; transition:transform .25s ease;}
.cursor-hover .c-cursor .dot {transform: scale(1.6); opacity:0.1;}