/*********** 공통 ***********/
.top-mid {overflow: hidden;position:relative;min-width:1400px;width:100%;margin-top:-20px}
.top-mid a.bt-v {display: inline-block;margin:10px 0;padding:7px 17px 7px;background:#1711ff;border-radius:25px;color:#fff;font-size: 16px;font-weight: 500;}
.top-mid a.bt-v::after {display:inline-block;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;border-radius: 2px;content:""}
.top-mid a.bt-v.arr-r::after {transform: rotate(45deg);}
.top-mid a.bt-v.arr-b::after {margin-left:4px;transform: rotate(135deg) translate(-3px, -1px);}
.top-mid .pt60 {padding-top:60px!important;}
.cont-inner {position: relative; width: 1200px;margin:0 auto;padding:120px 0;text-align: center;}
.cont-inner .cont-tit {margin-bottom:60px;}
.cont-inner .r-box {background:#fff;border-radius: 40px;}


/* 데이터 산출 기준 */
.data-wrap {position: relative;}
.info-stxt {position:absolute;top: 290px;left: 140px;}
.info-stxt span {cursor:pointer;font-size:13px;color:#8e8ce5;width: max-content;}
.info-stxt span img {margin-left:5px;}
.info-stxt .data-view {display:none;position:absolute;top:25px;right:-178px;width:auto!important;padding:15px 20px;background:#fff; text-align:left;line-height: 1.5;font-size: 11px;font-weight:500;color:#333;white-space: nowrap;z-index:1;border:1px solid #ddd;}
.info-stxt:hover .data-view  {display: block;}


/*********** 상단 ***********/
.top-mid .visual {position:relative;height:877px;box-sizing:border-box;text-align: center;}
.top-mid .visual .bg{z-index:1;position:absolute;top:0;left:0;width:100%;height:877px;background:url("https://russeldata.megastudy.net/campus/images/russel/russel_bc/2022/top_mid/visual_bg02.jpg") no-repeat 0 0;animation: bgStarMax 1.4s 1s ease-out both;}
.top-mid .visual::before, .top-mid .visual::after {content: '';position:absolute;top:0;}
.top-mid .visual::before{left:0;width:50%;height:100%;background:linear-gradient(to top, #9bc5ff, #bfdaff, #ffffff, #a9c4ff)}
.top-mid .visual::after {left:50%;width:50%;height:100%;background:linear-gradient(to top, #b4e3ff, #b4e3ff,#b7dcff);}
.top-mid .visual .inner {z-index:9;position:relative;width:1200px;margin:0 auto;}

/* 데이터 산출기준 */   
.top-mid .top-result .data{position:absolute;top:60px;right:-195px;font-size:13px;font-weight:400;color:#8374c8;cursor:pointer;}
.top-mid .top-result .data span{display:inline-block;width:18px;height:18px;margin-left:5px;font-family: Verdana, Geneva, Tahoma, sans-serif;font-weight:bold;font-size:13px;background:#8374c8;border-radius:50%;color:#401c72;text-align:center;}
.top-mid .top-result .data-txt{display:none;position:absolute;right:-197px;top:85px;padding:15px;width:465px;background:#fff;font-size:11px;line-height:1.5;text-align:left;color:#333;z-index:2;}
.top-mid .top-result .data-txt.on {display:block;}

.top-mid .visual .v-txt01 {color: #f3f3f3;font-size:25px;font-size: -1px;animation:fadeIn 1s 1s ease both;animation:fadeIn 1s .8s ease both;padding-top: 140px;}
.top-mid .visual .v-txt01 strong {font-weight: 700;color: #fff;}
.top-mid .visual .v-txt02 {color: #fff;font-size:25px;animation:fadeIn 1s 1.7s ease both;font-weight: 300;padding-top: 60px;}
.top-mid .visual .v-txt02 strong {font-weight: 700;}
.top-mid .visual .v-img01 {overflow:hidden;padding-top: 140px;}
.top-mid .visual .v-img01 img {animation:fadeInUp .5s 1.4s both}
.top-mid .visual .v-img02 {overflow:hidden;padding-top: 60px;}
.top-mid .visual .v-img02 img {animation:fadeInUp .7s 1.7s both}
.top-mid .visual .v-img03 {overflow:hidden;padding-top: 30px;}
.top-mid .visual .v-img03 img {animation:fadeInDown .7s 1.7s both}
.top-mid .visual .v-img04 {position: absolute;top:220px;right:-12px;}
.top-mid .visual .v-img04 img {animation:flipInY 1s 2s ease-in both;}
.top-mid .visual .v-img05 {position: absolute;top:105px;right: -14px;}
.top-mid .visual .v-img05 img {animation:flipInY 1s 2s ease-in both;}
.top-mid .visual .v-img06 {overflow:hidden;color: #333259;font-size: 28px;padding-top: 60px;font-weight: 600;animation:fadeIn 1s 2s ease-in both;}


.v-img04.badge {overflow: hidden;border-radius: 21px;animation:flipInY 1s 2s ease-in both;}
.shine-effect {
   position: absolute;
   top: 0;
   left: -150%;
   width: 100%;
   height: 100%;
   background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
   filter: blur(2px);
   animation: shine 2s infinite;
   display:block;
}


.top-mid .visual .detail-info {padding-top: 70px; display: flex;flex-wrap:wrap;justify-content:space-between;position:relative;width:min-content;margin:0 auto;font-size:20px;color:#fff;animation:fadeIn 1s 2s ease-in both;z-index: 1;width: 100%;display: flex;justify-content: center;align-items: center;}
.top-mid .visual .detail-info .info-txt {display: flex;width: fit-content;justify-content: flex-start;}
.top-mid .visual .detail-info .info-txt:last-of-type {margin-top: 15px;}
.top-mid .visual .detail-info .info-txt li {display: flex;justify-content: flex-start;}
.top-mid .visual .detail-info .info-txt li:first-of-type {margin-right: 50px;}
.top-mid .visual .detail-info .info-txt li div {background: #1711ff;color: #fff;border-radius: 50px;font-size: 18px;text-align: center;line-height: 1;width: 107px;height: 40px;display: flex;justify-content: center;align-items: center;font-weight: 600;}
.top-mid .visual .detail-info .info-txt li p {text-align: left;margin-left: 20px;color: #222222;font-weight: 700;margin-top: 5px;}
.top-mid .visual .detail-info .info-txt li p span {font-size: 14px;}
.top-mid .visual .detail-info .info-txt li p a {font-size: 20px;color: #222222;}

/* quick */
.top-mid *[class^="quick"] {position:absolute;top:300px;right:0;z-index:5;}
.top-mid .quick {width:180px;}
.top-mid .quick a {display: block;}

/*********** cont01 ***********/
.top-mid .cont01 {background:#e6f0ff}
.top-mid .cont01 .tooltip{position: absolute; top:258px; left:73px; z-index: 2;}
.top-mid .cont01 .r-box {padding:85px 100px;}
.top-mid .cont01 .plan-box {display: flex;align-items: center; margin-top: 236px;}


.top-mid .cont01 .plan-box table {border-top: 0px;border-radius: 20px;}
.top-mid .cont01 .plan-box table thead th {padding:9px 0;font-size: 22px;background:#e8e8e8;font-weight: 500;border-bottom: 1px solid #dfdfdf;}
.top-mid .cont01 .plan-box table thead th.exp {color:#FFF;background:#1711ff;}

.top-mid .cont01 .plan-box table thead th.exp:nth-of-type(6) {border-right: 3px solid #1711ff !important;}
.top-mid .cont01 .plan-box table tbody tr td.exp {border-right: 3px solid #1711ff;}

.top-mid .cont01 .plan-box table tbody td:first-child {border-left: 0;}
.top-mid .cont01 .plan-box table tbody td {padding:25px 0;border-bottom: 1px solid #dfdfdf;}
.top-mid .cont01 .plan-box table.tbl02 tbody td {padding:63px 0;border-bottom: 1px solid #dfdfdf;}

.top-mid .cont01 .plan-box table.tbl02 tbody td:nth-child(2) {border: 0px solid #1711ff;border-top:0;border-bottom: 1px solid #dfdfdf;border-left: 1px solid #dfdfdf;}
.top-mid .cont01 .plan-box table tbody td {border-right: 1px solid #dfdfdf;}
.top-mid .cont01 .plan-box table tbody td strong {display: block;font-size:24px;font-weight: 700;color: #000;letter-spacing: -1.5px;}
.top-mid .cont01 .plan-box table tbody td span {display: block;font-size: 18px;color:#a8a8a8;font-weight: 500;}
.top-mid .cont01 .plan-box table tbody td.exp span {color:#1711ff;}
.top-mid .cont01 .plan-box table tbody td span a{font-size: 16px;color:#632d90;}
.top-mid .cont01 .plan-box .r-txt {padding:30px 0 30px 115px;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_bc/2022/top_mid/ico_arr_v.jpg') left center no-repeat;font-size:26px;font-weight: 700;}

.top-mid .cont01 .plan-box table {
   border-collapse: collapse;
   border-style: hidden;
   overflow: hidden;
 }


.top-mid .cont01 .plan-box table tbody tr td:nth-child(1) {border-radius: 0 0 0 20px;}
.top-mid .cont01 .plan-box table tbody tr td:last-of-type {border-radius: 0 20px 0 0;}

.top-mid .cont01 .plan-box table.mozip {box-shadow: 0 0 0 3px #1711ff;   border-radius: 20px 0 0 20px;z-index: 1;}
.top-mid .cont01 .plan-box table.not-mozip {box-shadow: 0 0 0 3px #e8e8e8;   border-radius: 0 20px 20px 0;margin-left: 3px;}


.top-mid .cont01 .w-txt {padding:20px 0 80px 0;font-size:16px;color:#859ec4;text-align: right;}

.top-mid .cont01 .bt-apply{color: #fff !important;display: inline-block;padding: 0px 19px;height: 34px;line-height: 34px;background-color: #848484;border-radius: 36px;font-size: 1.2rem;}

.top-mid .step-info-wrap {align-items:center;border:0;border-radius: 10px;}
.top-mid .step-info-wrap .tit {color: #1711ff}
.top-mid .step-info-wrap .tit span {background-color: #1711ff;}
.top-mid .step-info-wrap .step-list ul {text-align: center;}

.comming-box {background: #f7f7f7;border-radius: 10px;display: flex;justify-content: center;align-items: center;width: 960px;margin: 0 auto 64px;padding: 70px 0;}
.comming-box div {display: flex;}
.comming-box div p {font-size: 28px;color: #8e97ab;display: flex;justify-content: center;align-items: center;margin-left: 40px;text-align: left;font-weight: 600;}
/*********** cont02 ***********/
.cont02 {background:#bad6ff}


/*********** cont03 ***********/
.cont03 {background:#0031a1;}
.cont03 .cont-tit {margin-bottom:95px;}
.cont03 .result-box {margin:50px 0;padding:50px 100px 30px;background:#fcf8ff}
.cont03 .result-box > p:first-child {margin-bottom:30px;font-size: 24px;}
.cont03 .result-box > p:first-child * {font-size: 24px;}
.cont03 .result-box > p:first-child strong {font-weight: 700;}
.cont03 .result-box > p:first-child strong strong {color:#6920a3 ;}
.cont03 .result-box span {display:block;margin-top:45px;text-align: right;font-size: 11px;color:#686868;}
.cont03 .teacher-wrap {display: flex;justify-content: space-evenly;padding:0 60px 60px;}
.cont03 .teacher-wrap div {position:relative;width:243px;}
.cont03 .teacher-wrap .t-img {display:block;box-shadow:3px 3px 10px rgba(0, 0, 0, 11%);}
.cont03 .teacher-wrap .t-name {margin-bottom:25px;text-align:left;font-weight:500;line-height:1.0;}
.cont03 .teacher-wrap .t-name dt {color:#555555;font-size:19px;}
.cont03 .teacher-wrap .t-name dd {margin-top:10px;color:#333333;font-size:24px;}
.cont03 .teacher-wrap .t-name dd strong {font-size:26px;font-weight:900;}
.cont03 .link-box {margin:35px auto 0;padding-bottom:77px;width: 960px;}
.cont03 .link-box .l-tit {padding:15px 0;background:#ecf2ff;font-size:25px;font-weight: 700;border-top:1px solid #ebebeb;border-bottom:1px solid #ebebeb;}
.cont03 .link-box .l-info {display: flex;justify-content: center;align-items: center;padding:12px 0;border-bottom:1px solid #ebebeb;}
.cont03 .link-box .l-info ul {margin-right:25px;text-align: left;}
.cont03 .link-box .l-info ul li {font-size: 20px;line-height: 1.5;font-weight: 500;}
.cont03 .link-box .l-info ul li::before {content:" ";display: inline-block;margin-right:5px;width:17px;height:14px;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_bc/2022/top_mid/ico_check02.png') left top no-repeat;}
.cont03 .link-box.arimi {font-size: 20px;}
.cont03 .link-box.arimi .bt-apply {text-decoration: none; background-color: #000;color: #fff;padding: 15px 40px;border-radius: 8px;font-size: 18px;margin-top: 15px;display: inline-block;}

/*********** cont04 ***********/
.cont04 {background:#e2ebff;text-align: center;}
.cont04 .cont-tit {margin: 100px 0 35px;}
.cont04 .pic-slide {margin:50px 0;}
.cont04 .pic-slide .swiper-wrapper {transition-timing-function: linear!important;}
.cont04 .pic-slide .swiper-wrapper .swiper-slide {width:200px!important}
.cont04 .pic-slide .swiper-wrapper .swiper-slide:nth-child(2n-1) {padding-top:80px}
.cont04 .cont04_slide .swiper-pagination{position: relative;padding-bottom: 100px;padding-top: 22px;}
.cont04 .swiper-pagination-bullet {margin:0 6px;height:10px;width:10px;background: #c2c2c2;opacity: 1;}
.cont04 .swiper-pagination .swiper-pagination-bullet-active {width:10px;background-color: #1711ff;}

.cont-bottom {padding:90px 0;text-align: center;background:#1711ff;}


@media (max-width: 1920px) {   .top-mid .visual .bg{animation: bgStarMin 1.4s 1s ease-out both;}

 }


 @keyframes bgStarMin{
   0%{
     background-size: 150% auto;
   } 
   100%{
      background-size: 2000px auto;
   } 
 }


@keyframes bgStarMax{
   0%{
     background-size: 150% auto;
   } 
   100%{
      background-size: 2550px auto;
   } 
 }


@keyframes glowing {
   0% { background-position: 0 0; opacity: 1;}
   70% { background-position: 100% 0; opacity: 0;}
   100% { background-position: 0 0;opacity: 0;}
}


@keyframes shine {
   0% {
       left: -150%;
   }
   100% {
       left: 150%;
   }
}