
/* =========================
COMMON
=========================*/
.hit-wrap {margin-top:-20px;}
.hit-wrap.gisuk {margin-top:-50px;}
.inner {width:1200px;margin:0 auto;}
.hit-wrap *[class^="cont0"] {padding:130px;text-align: center;}
/* =========================
VISUAL
=========================*/
.visual {background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/suneung_hit/v_bg03.jpg") center no-repeat;overflow: hidden;background-size:cover;}
.visual .inner {position:relative;padding:200px 0;text-align: center;}
.visual .bg {position:absolute;top:0;left:50%;transform:translateX(-50%);}
.visual .bg-star {position:absolute;bottom:0;right:-380px;animation:expandStar 20s ease-in-out infinite alternate;}
@keyframes expandStar {
    0% {
      transform: scale(1);
	  opacity: 0.8;
    }
    100% {
      transform: scale(1.5);
	  opacity: 1;
    }
  }
.visual h2 {position:relative;width:705px;height:363px;margin:0 auto;}
.visual h2 span {position:absolute;animation: fade-in-right 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
.visual h2 .v-tit01 {top:0;left:30px;animation: fadeEffect .5s 1s both;}
.visual h2 .v-tit02 {top:112px;left:23px;animation: fadeEffect .5s 1s both;}
.visual h2 .v-tit03 {bottom:0;left:0;animation-delay: 1.4s;}
.visual h2 .v-tit04 {bottom:0;right:0;animation-delay: 1.6s;}

.visual h3 {position:relative;margin-top:100px;text-align: right;padding-right:108px;animation: fadeEffect .5s 2s both;}
.visual .v-light {position:absolute;top:300px;left:0;mix-blend-mode: screen;animation: fadeEffect .5s 2.5s both;}
.visual .v-light02 {position:absolute;top:0;right:-400px;mix-blend-mode: screen;animation: fadeEffect .5s 2.5s both;}
@keyframes fadeEffect {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in-right {
  0% {
    transform: translateX(150px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* =========================
CONTENTS
=========================*/
/* tab */
.hit-wrap .tab-area {position:relative;height:85px;}
.hit-wrap .tab-wrap{width:100%;background:#382E6B;}
.hit-wrap .tab-wrap.fixed {position:fixed;top:0;left:0;transition:.7s;z-index: 10;}

.hit-wrap .tab{width:1200px;margin:0 auto;text-align:center;display: flex;}
.hit-wrap .tab::after{content:'';display:block;clear:both;}
.hit-wrap .tab li{position:relative;flex: 1;height:85px;font-size:28px;font-weight:700;border-right:1px solid #62598F;border-left:1px solid #62598F;color:#EFEFEF;line-height:85px;cursor:pointer;box-sizing:border-box;}
.hit-wrap .tab li.on {background:#803EF4;color:#fff;border-right:1px solid #803EF4;border-left:1px solid #803EF4;}

.hit-wrap .tab-cont {display: none;text-align:center;position:relative;}
.hit-wrap .tab-cont.on {display: block;}

.hit-wrap h4 {margin:0 0 50px 0;}
.hit-wrap .tbl-box.type02 {display:flex;}
.hit-wrap .tbl-box.type02 .tbl-01 {width:50%;height:100%;}
.hit-wrap .tbl-box.type02 .tbl-01:nth-child(2) {margin-left:30px;}
.tbl-01.type02 thead tr th {font-size:16px;}
.tbl-01.type02 tbody td {font-size:15px;}
.tbl-01.type02 tbody th {font-size:15px;}
/* cont01 */
.hit-wrap .cont01 {background-color:#f5f5f5;}
.hit-wrap .quick {position:absolute;top:228px;right:0;width:170px;height:100px;display:inline-block;}
.hit-wrap .v-tab.on .quick {position:fixed;top:313px;}
.hit-wrap .card-box {background-color:#fff;box-shadow: 4px 4px 12px 0 rgba(0, 0, 0, 0.05);padding: 60px 40px 40px 40px;border-radius: 30px;margin-top:30px;}
.hit-wrap .card-box:first-child {margin-top:0;}
.hit-wrap .card-box h5 {font-size:40px;font-weight:800;color:#803EF4;margin:0;}
.hit-wrap .card-box > ul {display:flex;margin-top:40px;flex-wrap:wrap;}
.hit-wrap .card-box > ul li {width:calc(50% - 15px);border-radius:12px;overflow:hidden;margin-left:30px;}
.hit-wrap .card-box > ul li:nth-child(2n+1) {margin-left:0;}
.hit-wrap .card-box > ul li:nth-child(n+3) {margin-top:30px;}
.hit-wrap .card-box > ul li p {background-color:#DFDFDF;height:96px;display:flex;justify-content: center;align-items: center;font-size:24px;font-weight:bold;color:#222;line-height:1.3;letter-spacing: -0.24px;}
.hit-wrap .card-box > ul li:nth-child(even) p {background-color:#803EF4;color:#fff;}
.hit-wrap .card-box > ul li div img {width: 100%;}
.hit-wrap .card-box > div {margin-top:40px;position:relative}
.hit-wrap .card-box > div .tit {position:absolute;top:-19px;left:50%;transform:translateX(-50%);width:192px;height:38px;display:flex;border-radius:50px;background-color:#803EF4;justify-content: center;align-items: center;}
.hit-wrap .card-box > div .tit strong {color:#fff;font-size:18px;font-weight:bold;padding-left:24px;display:inline-block;position:relative;}
.hit-wrap .card-box > div .tit strong:before {content:'';width:16px;height:18px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/suneung_hit/ico_lightning.png") center no-repeat;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.hit-wrap .card-box > div ul {background-color:#F0EBFF;border-radius:12px;padding: 46px 40px 34px 80px;text-align: left;}
.hit-wrap .card-box > div ul li {position:relative;padding-left:33px;font-weight:500;font-size:17px;color:#222;margin-top:8px;}
.hit-wrap .card-box > div ul li:first-child {margin-top:0;}
.hit-wrap .card-box > div ul li:before {content:'';width:24px;height:24px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/suneung_hit/ico_check.png") center no-repeat;position:absolute;top:0;left:0;}

.hit-wrap .cont03 {background-color:#f5f5f5;}
.hit-wrap .cont03 .card-box h5 {color:#130498;}
.hit-wrap .cont03 .card-box > ul li:nth-child(even) p {background-color:#130498;}
.hit-wrap .cont03 .card-box > div .tit {background-color:#130498}
.hit-wrap .cont03 .card-box > div ul {background-color:#EAECFF;}
.hit-wrap .cont03 .card-box > div ul li:before {background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2026/suneung_hit/ico_check02.png") center no-repeat;}
.hit-wrap .bottom-bar {background-color:#803EF4;padding:67px 0;text-align: center;}
.hit-wrap .bottom-bar p {color:#fff;font-size:50px;line-height:1.4;font-weight:800;}