/* ==================================================
   °øÅë
================================================== */
.mock-wrap {margin-top:-20px;}
.mock-wrap .r-txt {margin-top:10px;text-align: right;font-size: 13px;color:#aaa;}
.mock-wrap .tit {padding:120px 0 60px 0;text-align: center;;}
.mock-wrap .inner {width:1100px;margin:0 auto;padding-bottom:120px;position: relative;}
.mock-wrap .campus-info {padding-bottom:120px;background:#e9e6ef;}
.mock-wrap .tit + .sub-tit {margin-top: 0;}
.mock-wrap .sub-tit {margin:60px 0 25px;font-size:22px;font-weight:500;letter-spacing:-0.05rem;color:#000;text-align: left;}
.mock-wrap .sub-tit02 {margin-top:50px;font-size: 18px;font-weight: 500;}
.mock-wrap .sub-tit + .sub-tit02 {margin-top: 0;}
.mock-wrap .stxt {margin:30px 0 10px;font-weight: 500;}
.mock-wrap .sub-tit02 + .stxt {margin-top: 10px;}

/* visual */
.visual {position:relative;height:790px;z-index: 1;text-align: center;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/bg.jpg') #8544c7 center top no-repeat;}
.visual .v-inner {position: relative;width:1010px;margin:0 auto;padding-top:90px;height:700px;z-index:2;}
.visual .v-inner p {overflow: hidden;}
.visual .top-txt {animation:fadeIn ease .9s .7s both}
.visual .v-txt01 {margin:40px 0 20px 0px;}
.visual .v-txt01 img {margin-left:-370px;animation:fadeInUp ease .9s 1s both}
.visual .v-txt02 img {animation:fadeInDown ease .9s 1s both}
.visual .ico-grade {position: absolute;top:194px;left:50%;width:340px;height:89px;line-height:88px;text-align:center;transform: translateX(93px);animation:fadeIn ease .5s  1.7s both;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/ico_grade_bg.png') center top no-repeat;font-size:38px;font-weight:700;color:#fff;}
.visual .date {position:relative;left:50%;transform:translateX(-50%);margin:30px 0 43px;padding:19px 0;width:648px;text-align:center;background:#000;border-radius:50px;line-height:1;animation:fadeIn 1s 1s ease both}
.visual .date strong {font-size:26px;font-weight:700;color:#fffb15;animation: 1.5s blink infinite steps(1);}
.visual .date span {text-align:center;color:#fff;animation: 1.5s blink infinite steps(1);}
.visual .ico-pen {position:absolute;top:415px;left:775px;animation: pen .7s 2s ease-out both;}
.visual .ico-pen img {animation:fadeIn ease .3s 1.5s both}
.visual .v-txt03 img {animation:fadeInUp ease 1s 2.2s both}
.visual .v-txt04 {position: absolute;bottom:24px;right:-90px;color:#ffffff;opacity: .4;text-align: right;font-size: 14px;}

/* ÅǹöÆ° */
.bt-tab {height:85px;text-align: center;line-height: 0;background:#010101;font-size: 0;}
.bt-tab a {display: inline-block;height:85px;overflow: hidden;}
.bt-tab a img {margin-top:-85px;}
.bt-tab a:hover img, .bt-tab a.on img {margin-top:0px}

/* ½ÅûÇϱâ */
.apply-wrap {padding:100px 0 70px 0;background:#2e0152}
.apply-wrap .apply-num {position:relative;width:1007px;margin:0 auto}
.apply-wrap .num-box {display: flex;align-items: flex-end;margin:25px 0 40px}
.apply-wrap .num-txt {width:285px;height:81px;margin:0 10px 0 30px;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/num_bg.png') left top no-repeat;text-align: right;}
.apply-wrap .num-txt strong {display:block;margin-right:-23px;font-size:61px;font-weight:bold;font-family: Arial, Helvetica, sans-serif;color:#000;letter-spacing: 39px;line-height: 1.4;}
.apply-wrap .bt-apply {position: absolute;top:94px;right:0;}
.apply-wrap .bt-apply .ico-end {position:absolute;top:-90px;left:15px;}
.apply-wrap .bt-apply .ico-hand {position: absolute;top:40px;right:35px}
.apply-wrap .bt-apply .ico-hand img {animation: motion linear 1s both infinite;}
.apply-wrap .r-txt strong {color:#fff}

/* ==================================================
   ½ÅûÇϱâ
================================================== */
/* Áöµµ ½½¶óÀ̵å */
.map-wrap {position: relative;width:780px;height:786px;margin:83px auto 140px;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/map_bg.jpg') center top no-repeat;}
.map-wrap .map-txt li {position:absolute;padding:20px 30px;border-radius: 15px;overflow: hidden;border:1px solid #ccc;z-index: 2;cursor: pointer;}
.map-wrap .map-txt li::before {display: block;position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity: 0.8;content: "";}
.map-wrap .map-txt li p {position: relative;z-index: 1;text-align: center;}
.map-wrap .map-txt li p strong {color:#6000aa;font-weight: normal;}
.map-wrap .map-txt li p span {display:block;margin-top:10px;color:#888;}
.map-wrap .map-txt li.on {border-color:#0d0131;box-shadow: 0 0 10px #000;}
.map-wrap .map-txt li.on::before {background:#0d0131;opacity: 1;}
.map-wrap .map-txt li.on p {color:#fff}
.map-wrap .map-txt li.on strong {color:#fffb15}
.map-wrap .map-txt li:nth-child(1) {top:-83px;left:-120px;}
.map-wrap .map-txt li:nth-child(2) {top:-70px;right:-125px;}
.map-wrap .map-txt li:nth-child(3) {top:140px;right:-130px;}
.map-wrap .map-txt li:nth-child(4) {top:328px;right:-220px;}
.map-wrap .map-txt li:nth-child(5) {top:560px;right:-110px;}
.map-wrap .map-txt li:nth-child(6) {bottom:2px;left:-200px;}
.map-wrap .map-txt li:nth-child(7) {bottom:202px;left:-172px;}
.map-wrap .map-txt li:nth-child(8) {top:273px;left:-140px;}
.map-wrap .map-txt li:nth-child(9) {top:85px;left:-200px;}
.map-wrap .map-img li {position: absolute;display:none ;}
.map-wrap .map-img li.on {display: block;}
.map-wrap .map-img li:nth-child(1) {top:146px;left:256px;}
.map-wrap .map-img li:nth-child(2) {top:0px;right:217px;}
.map-wrap .map-img li:nth-child(3) {top:224px;right:188px;}
.map-wrap .map-img li:nth-child(4) {top:482px;right:216px;}
.map-wrap .map-img li:nth-child(5) {top:370px;left:84px;}
.map-wrap .map-img li:nth-child(6) {top:501px;left:236px;}
.map-wrap .map-img li:nth-child(7) {top:208px;left:162px;}
.map-wrap .map-img li:nth-child(8) {top:281px;left:293px;}
.map-wrap .map-img li:nth-child(9) {top:50px;left:224px;}

/* cont02 */
.cont02 {background:#f2f2f2;text-align: center;}
.cont02 > p:first-child {position: relative;margin-bottom:60px;}
.cont02 > p:first-child::after {display: block;height:260px;width:100%;position: absolute;top:0;left:0;background:#0d0131;content:""}
.cont02 > p:first-child img {position: relative;z-index: 1;}

/* cont03 */
.cont03 {padding-bottom:120px;background:#e9e4f1;text-align: center;}

/* cont04 */
.cont04 {background:#f6f1c8;}
.cont04 .tab-benefit {display: flex;}
.cont04 .tab-benefit a {overflow: hidden;height:84px;}
.cont04 .tab-benefit a img {margin-top:-84px}
.cont04 .tab-benefit a.on img {margin-top: 0;}
.cont04 .cont-benefit {display:none;padding:40px 20px;background:#fff;border:1px solid #0d0131;text-align: center;}
.cont04 .cont-benefit.on {display: block;}
.cont04 .cont-benefit .swiper-button-prev {width:35px;height:67px;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/prev.png');}
.cont04 .cont-benefit .swiper-button-next {width:35px;height:67px;background:url('https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/next.png');}

/* cont05 */
.mocktest-table  {border-bottom:1px solid #dbdbdb;margin-bottom:50px;}
.mocktest-table a {font-weight:700;border-bottom:1px solid #0720b9;color:#0720b9;font-size: 14px;}
.mocktest-table a:hover {text-decoration: none;}
.mocktest-table u {border-bottom:1px solid #333;text-decoration: none;font-weight:700;}
.mocktest-table strong {font-weight:700;color:#333}

.mocktest-table tr td:last-child {border-right:none;}
.mocktest-table .main-thead th {position:relative;justify-content:center;align-items:center;height:98px;font-weight:700;background:#69697d;color:#fff;border-right:1px solid #fff;letter-spacing:-1px;box-sizing:border-box;}
.mocktest-table .main-thead th span {color:#fffb15;}
.mocktest-table .main-thead .offline, .mocktest-table .main-thead .online {font-size: 28px;padding-right: 190px;}
.mocktest-table .main-thead .offline::after {display:block;content:"";position:absolute;width:148px;height:114px;top:-20px;right:45px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/offline.png");}
.mocktest-table .main-thead .online::after {display:block;content:"";position:absolute;width:148px;height:114px;top:-13px;right:0;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/2022/csat/online.png")no-repeat 0 0;}

.mocktest-table .main-tbody th {border-bottom: 1px solid #dbdbdb;border-right:1px solid #dbdbdb;font-size:16px;}
.mocktest-table .main-tbody td {padding:5px 5px 5px 10px;border-bottom: 1px solid #dbdbdb;border-right:1px solid #dbdbdb;}
.mocktest-table .main-tbody td span{ font-size:12px;}
.mocktest-table td {font-size:14px;}

.mocktest-table .sub-table {text-align:center;border-bottom:none;width:100%}
.test-schedule .sub-table thead th {background:#eee}
.test-schedule .sub-table th {padding:10px;font-size:16px;border-top:2px solid #262626;}
.mocktest-table .sub-table th:last-child {border-right:none;}
.test-schedule .sub-table td {padding:10px;text-align:center;border: 1px solid #d9d9d9;font-size:15px;border-left:none;}

/* Çпø ¸®½ºÆ® */
.campus-wrap {background:#e9e6ef;text-align:center;padding-bottom:110px;}
.campus-wrap .in {display: flex;justify-content: space-between;width: 1190px;margin:0 auto;padding:0 0 40px 0}
.campus-wrap .box-campus:first-child {width:990px;margin-right: 10px;}
.campus-wrap .box-campus ul {display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:10px;}
.campus-wrap .box-campus ul li {margin-top:10px;}
.campus-wrap .box-campus ul li a {display: flex;align-items: center;justify-content: center;position:relative;width:190px;height:120px;background:#fff;font-size:17px;color:#686868;text-align: center;font-size: 20px;font-weight: 700;color:#222;border-radius: 10px;}
.campus-wrap .box-campus ul li strong {display:block;color:#774c9a;font-size: 20px;}
.campus-wrap .box-campus ul li a:hover {text-decoration: none;}
.campus-wrap .txt {font-size:16px;color:#675681;}

/* ¾Ö´Ï¸ÞÀÌ¼Ç */
/* ÅؽºÆ® ±ôºýÀÓ */
@keyframes blink { 
    50% {color:transparent;border:transparent;}
}
/* ÆÒ ¿òÁ÷ÀÓ */
@keyframes pen {
    0%{transform: translateX(-330%);}
    100%{transform: translateX(0%);}
  }
/* Ŭ¸¯ ¾Ö´Ï¸ÞÀÌ¼Ç */
@keyframes motion {
    50%{transform: translateY(-10.1%);}
}


/* ==================================================
   ÀÀ½ÃÇϱâ
================================================== */
.exam-wrap .e-cont {text-align: center;}
.exam-wrap .sub-tit::before{display:inline-block;width:10px;height:10px;margin-right:5px;margin-bottom:4px;background:#7022b1;vertical-align:middle;content:'';}
.exam-wrap .sub-tit span{padding-left:15px;font-size:16px;font-weight:300;color:#7022b1;}

.e-cont02 {background:#2e0152 ;}
.e-cont02 .sub-tit02 {margin: 0 0 40px;color: #fff;font-size: 18px;font-weight: 400;}
.e-cont02 .sub-tit02 strong {color:#f4dd75}
.e-cont02 .img-hand {position:relative;margin-top: -30px;}
.e-cont02 .img-hand img {transition:ease-out 1s;position:absolute;right:353px;top:-38px;transition: all ease 1s;}
.e-cont02 .img-hand::after {width:0;height:3px;background:#fffb15;position:absolute;top:-20px;left:672px;content:"";transition: all ease 1s;}
.e-cont02 .img-hand.on img {transform: translateX(353px);}
.e-cont02 .img-hand.on::after {width: 355px;}
.e-cont02 .test-list {position:relative;z-index:20;padding:20px 40px;background:#fff;border-radius:9px;box-sizing:border-box;text-align: left;}
.e-cont02 .test-list > li {padding:30px;border-bottom:1px solid #dddede;}
.e-cont02 .test-list > li:last-of-type {border-bottom:0;}
.e-cont02 .test-list .tit {position:relative;margin:0 0 10px;padding:0 0 0 30px;font-size:20px;font-weight:500;color:#1d1d1b;text-align: left;}
.e-cont02 .test-list .tit::before {content:'';position:absolute;width:20px;height:16px;left:0;top:7px;background:url('https://dev.megastudy.net:4433/campus/image/russel/intro/2022/csat/ico_check.jpg') no-repeat 0 0;}
.e-cont02 .test-list .txt {margin:0 0 0 30px;font-size:17px;font-weight:400;line-height:28px;color:#1d1d1b;}
.e-cont02 .test-list .txt strong {font-weight:500;color:#7022b1;}
.e-cont02 .test-list .txt img {vertical-align:middle;margin:-3px 0 0;}
.e-cont02 .test-list .comment {position:relative;margin:13px 0 0 30px;padding:0 0 0 20px;line-height:26px;font-size:16px;color:#8a8a8a;}
.e-cont02 .test-list .comment::before{content:'¡Ø';position:absolute;left:0;top:0;}
.e-cont02 .test-list ol {margin:14px 0 0;padding:0 0 0 30px;line-height:26px;}
.e-cont02 .test-list ol li {position:relative;padding:0 0 0 10px;font-size:16px;color:#1d1d1b;}
.e-cont02 .test-list ol li::before {content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background:#585e69;border-radius:50%;}

.e-cont03 .sub-tit02 {margin: 0 0 10px;line-height: 33px;font-size: 20px;color: #1d1d1b;}
.e-cont03 .sub-tit02 strong {color: #db0000;}
.e-cont03 .btn-wrap {display: flex;flex-wrap:wrap;justify-content: center;align-items: center;padding: 0 10px;margin:0;position: inherit;height:auto;}
.e-cont03 .btn-wrap a.btn-test {background: #838fa7;}
.e-cont03 .btn-wrap a.btn-comment {background: #7787a1;}
.e-cont03 .btn-wrap a {width: 75px;margin: 20px 0 0 0;padding: 2px 0 3px;background: #7022b1;color: #fff;font-size: 13px;line-height: 1.8;}

/* ==================================================
   ¼ºÀûºÐ¼® ¸®Æ÷Æ®
================================================== */
.mock-wrap .re-tab {background:#eeeff4;text-align: center;}
.mock-wrap .re-tab .in a {display: inline-block;width:250px;height:66px;line-height: 66px;font-size: 24px;font-weight: 700;background:#d5d5d5;color:#888;border-radius: 5px 5px 0 0;}
.mock-wrap .re-tab .in a.on {background:#7022b1;color:#fff}

.report-wrap .sub-tit {position:relative;margin:70px 0 20px;padding-left:30px;background:url('https://dev.megastudy.net:4433/campus/image/russel/intro/2022/csat/ico_check.jpg') left center no-repeat;color:#1d1d1b;font-size:20px;}
.report-wrap .sub-tit strong {color:#7022b1;}
.report-wrap .sub-tit .date {position:absolute;top:5px;right:0;font-size: 14px;color:#999}

/* ¼ºÀûÅëÁöÇ¥ */
.report-wrap .grade-wrap {position: relative;padding:70px 65px 30px;border:1px solid #cdcdcd;text-align: center;}
.report-wrap .grade-wrap .g-tit {margin-bottom:30px;color:#343434;font-size:30px;font-weight: 700;}
.report-wrap .grade-wrap .g-tit strong {color:#7022b1;font-weight: 700;}
.report-wrap .grade-wrap .g-tit span {font-weight: 300;}
.report-wrap .grade-wrap .ico-sample {position:absolute;top:50%;left:50%;transform: translate(-50.1%, -50.1%);}
.report-wrap .grade-wrap .img-sample {position:absolute;top:144px;left:60px;}
.report-wrap .grade-wrap .date {margin:40px 0;color:#343434;font-size:20px;font-weight: 500;}
.report-wrap .grade-wrap table .g-none {background:url('http://russeldata.megastudy.net/campus/images/russel/notice/2021/mocktest/bg_none.jpg') left top repeat;}

/* µî±ÞÄÆ */
.report-wrap .table-wrap{margin-bottom:10px;border-top:1px solid #8d8d8d;}
.report-wrap .table-wrap table{width:100%;text-align:center;}
.report-wrap .table-wrap table th{padding:13px 7px;background-color:#f8f8f8;font-size:15px;font-weight:500;color:#1b1b1b;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;word-break:break-all;}
.report-wrap .table-wrap table th:first-child, .report-wrap .table-wrap table td:first-child {border-left: none;}
.report-wrap .table-wrap table td{padding:13px 10px;font-size:15px;font-weight:400;color:#1b1b1b;border-bottom:1px solid #d6d6d6;border-right:1px solid #d6d6d6;}
.report-wrap .table-wrap table td.bg-y{background:#fff7e7;}

.report-wrap .table-wrap table th:last-child,.report-wrap .table-wrap table td:last-child{border-right:none;}
.report-wrap .table-wrap table tfoot td{padding:21px 0 0;border:none;font-size:21px;font-weight:500;}
.report-wrap .table-wrap table tfoot td p{margin:21px 0;}
.report-wrap .list-foot{margin-top:10px;color:#1b1b1b;font-weight:300;font-size:13px;line-height:20px;}
.report-wrap .table-wrap table .bd-r{border-right:1px solid #d6d6d6 !important;}
.report-wrap .table-wrap table td.left{text-align:left;padding:13px 15px;}
.report-wrap .table-wrap table td.bg-red {background:#f7eaea;}

.report-wrap.no-2 .table-wrap{margin-bottom:30px;}

.cont.no-3 .table-wrap.fixed-table{position:relative;padding-top:96px;}
.cont.no-3 .table-wrap table.top{position:absolute;top:0;left:0;}
.cont.no-3 .table-wrap table.fixed{position:fixed;top:0;left:50%;margin-left:-620px;width:1240px;}
.cont .table-wrap table td.line{padding:0;background:#fafafa;overflow:hidden;}
.cont .table-wrap table td.line div{position:relative;}
.cont .table-wrap table td.line div::after{content:'';position:absolute;top:0;left:-27px;width:233px;height:1px;background:#d6d6d6;transform:rotate(39deg)}