
/* =========================
COMMON
=========================*/
.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
=========================*/
/* table */

/* table common */

.bg-yellow {background:#fff4c1}
table {width:100%;border-top:1px solid #dfdfdf;}
table thead tr:first-child th:first-child, table tbody th:first-child {border-left:none!important}
table th, table td {text-align: center;font-size:16px;font-weight:400;vertical-align: middle;border-left:1px solid #dfdfdf;color:#1d1d1b;background-color:#fff;}
table th, table td p{font-size:16px;letter-spacing:-1px;}
table th, table td .other-txt {font-size:14px;}
table .bg-sky td, table .bg-sky {background-color:#f1f4f9!important;}
table .bg-gray th, table .bg-gray td, table .bg-gray {background-color:#f6f6f6!important;}
table .bg-gray2 th, table .bg-gray2 td, table .bg-gray2 {background-color:#323232!important;}
table .bg-gray3 th, table .bg-gray3 td, table .bg-gray3 {background-color:#dfdfdf!important;}
table .bg-red th,table .bg-red td, table .bg-red {background-color:#f9efef!important;}
table tbody th.txt-left,
table tbody td.txt-left {padding-left:20px;text-align: left;}
table tbody td strong {font-weight: 600;}
table th.b-l-n, table td.b-l-n {border-left:0!important}
table .b-l{border-left:1px solid #dfdfdf!important;}
table .b-r{border-right:1px solid #dfdfdf!important;}
table thead tr:first-child th.b-l, table tbody th.b-l{border-left:1px solid #dfdfdf!important;}
/* //table common */
/* table tbl-01 */
.tbl-01 thead tr th {padding:24px 0;line-height:1.2;background:#f6f6f6;border-bottom:1px solid #dfdfdf;color:#222222;font-size:16px;font-weight:500}
.tbl-01 thead tr.low th, .tbl-01 thead tr th.low {padding:11px 0;}
.tbl-01.type02 thead tr.low th, .tbl-01.type02 thead tr th.low {padding:11px 0;}
.tbl-01 thead tr th strong {color:#222222;font-weight:700;}
.tbl-01 strong.txt-red  {color:#d05050 !important;}
.tbl-01 tbody th, .tbl-01 tbody td {padding:11px 0;border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;vertical-align:middle;font-size:16px;color:#222222;}
@media screen and (min-width:0\0){.tbl-01 tbody th, .tbl-01 tbody td {padding:12px 0 10px;}}
.tbl-01 tbody .align-l {padding:16px 0 16px 140px;text-align:left;letter-spacing:0;}
.tbl-01 tbody .txt-gray {color:#aaaaaa;}


/*¸ðÁý¿ä°­ Å×ÀÌºí(½Å±ÔÅ¸ÀÔ)*/
table.tbl-01.type02 {border-top: 2px solid #222222;}
table.tbl-01.type02 .bg-th {background: #FBFBFB;}
.tbl-01.type02 thead tr th {background: #fff;border-bottom: 1px solid #222222;padding: 22px 0;font-weight:700;font-size: 17px;}
.tbl-01.type02 tbody th {font-weight: 600;padding: 22px 0;font-size:17px;}
.tbl-01.type02 tbody td.bg-th {font-weight: 600;padding: 22px 0;font-size: 17px;}
.tbl-01.type02 tbody td {padding: 17.5px 1%;font-size: 17px;}
.tbl-01.type02 tbody tr td.p-accent, .tbl-01.type02 tbody tr th.p-accent {border: 2px solid #D74343 !important;}
.tbl-01.type02 thead tr th.p-accent-t, .tbl-01.type02 tbody tr td.p-accent-t, .tbl-01.type02 tbody tr th.p-accent-t {border-top: 2px solid #D74343 !important;}
.tbl-01.type02 thead tr th.p-accent-l, .tbl-01.type02 tbody tr td.p-accent-l, .tbl-01.type02 tbody tr th.p-accent-l {border-left: 2px solid #D74343 !important;}
.tbl-01.type02 thead tr th.p-accent-r, .tbl-01.type02 tbody tr td.p-accent-r, .tbl-01.type02 tbody tr th.p-accent-r {border-right: 2px solid #D74343 !important;}
.tbl-01.type02 tbody tr td.p-accent-b, .tbl-01.type02 tbody tr th.p-accent-b {border-bottom: 2px solid #D74343 !important;}
.tbl-01.type02 tbody tr td.bg-empty {background: #F3F3F3;}
.tbl-01.type02 tbody tr .red_txt {color: #D74343 !important;}


/* 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;line-height:1.5;}
.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;}