/* ==================================================
    common
================================================== */
.system-wrap {position:relative;overflow-x:hidden;height:100%}
.system-wrap img {display:block;width:100%;height:auto}
.system-wrap .inner {margin:0 auto;padding:0 4%}


*[class^="cont0"] {padding-bottom:65px}

/* ==================================================
    visual
================================================== */
.system-wrap .visual {position:relative;height:100%;padding:65px 0;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_yj/2024/system_m/visual_bg.jpg") #f6f6f6 top center no-repeat;background-size:cover !important;animation:fadeIn  ease 1.5s both;}
.system-wrap.russel_w .visual {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_w/2024/system_m/visual_bg.jpg") #f6f6f6 top center no-repeat;}
.system-wrap.russel_wm .visual {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_wm/2024/system_m/visual_bg.jpg") #f6f6f6 top center no-repeat;}
.system-wrap.russel_sm .visual {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_sm/2024/system_m/visual_bg.jpg") #f6f6f6 top center no-repeat;}
.system-wrap.russel_hs .visual {background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_hs/2024/system_m/visual_bg.jpg") #f6f6f6 top center no-repeat;}
.system-wrap .visual p:first-of-type {margin:0 5%;width:calc(633vw/7.2);animation:fadeIn ease 1.5s 2s both}
.system-wrap .visual p:last-of-type {margin:29px 5% 0;width: calc(652vw/7.2);animation: fadeInUp 1s 1s both}
.system-wrap.russel_w .visual p:first-of-type {width:calc(407vw/7.2);margin:0 auto;}
.system-wrap.russel_wm .visual p:first-of-type {width:calc(633vw/7.2);margin:0 auto;}

/* ==================================================
    contents
================================================== */
.container {position:relative;padding-top:57px}

/* fix-menu */
.fix-menu {display:flex;position:absolute;top:0;left:0;width:100%;box-sizing:border-box;line-height:0;background-color:#FFF;}
.fix-menu li {display:flex;justify-content:center;align-items:center;width:100%;color:#F8F8F8;font-size:1.6rem;font-weight:bold;line-height:1.2;margin-left:1px;padding:11px 1%;letter-spacing:-1px;text-align:center;background-color:#989898}
.fix-menu li.on {color:#fff;background-color:#2758F7}
.fix-menu li.on:nth-of-type(2).on{background-color:#6AB7B6}
.fix-menu li.on:last-of-type.on{background-color:#3E3E3E}
.fix-menu.fix {position:fixed;top:101px;z-index:4;}

/* cont */
.cont01 {background-color:#EBF2FF;}
.con-box {position: relative;width:100%;}
.con-box > li {overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:25px;box-sizing:border-box;border-radius:5px;background-color:#FFF;}
.con-box > li:last-of-type {margin-bottom: 0;}
.con-box > li > p.tit {width:100%;padding:13px 0;text-align:center;color:#FFF;font-size:1.6rem;font-weight:bold;letter-spacing:-1px;border-radius:5px 5px 0 0;background-color:#2758F7;}
.con-box > li > p.tit a {position:relative;margin-left:9px;padding:3px 7% 3px 5%;height:22px;color:#2758F7;font-size:1.2rem;font-weight:bold;line-height:1;letter-spacing:-1px;border-radius:20px;background-color:#CFDAFF;}
.con-box > li > p.tit a:before {content:'';position:absolute;top:8px;right:15px;width:6px;height:6px;display:block;border-top:1px solid #2758F7;border-right:1px solid #2758F7;transform: rotate(45deg);}
.con-box > li > .txt {padding:20px;color:#777;font-size:1.3rem;letter-spacing:-1px;}
.con-box > li > .txt > strong {display:block;padding-bottom:7px;color:#282828;font-size:1.4rem;font-weight:bold;}

.con-box .list-dot li {color:#777;font-size:1.3rem;letter-spacing:-1px;}

.swiper-wrap {overflow:hidden;position:relative;margin-top:35px;text-align:center;}
.swiper-wrap .slide-pic {padding-bottom:20px}
.swiper-wrap .slide-pic .swiper-slide {overflow:hidden;box-sizing:border-box;border-radius:5px;border:1px solid #828282}
.swiper-wrap .slide-pic .swiper-slide a {position:relative;}
.swiper-wrap .slide-pic .swiper-slide a::before {content:'';display:block;position:absolute;top:0;right:0;width:37px;height:37px;border-radius:0 3px 0 5px;background:url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_yj/2024/system_m/ico_expand.png") #828282 50% 50%/55% no-repeat;}
.swiper-wrap .slide-pic .swiper-slide p {padding:11px 0;color:#FFF;font-size:1.5rem;font-weight:bold;line-height:1.2;letter-spacing:-1px;border-radius:0 0 4px 4px;background-color:#828282;} 

.swiper-wrap .slide-pic .swiper-pagination {bottom: 0 !important;}
.swiper-wrap .slide-pic .swiper-pagination-bullet-active {width:24px;border-radius:9px;background-color:#515151;}











.cont02 {background-color:#D4E2FF;}
.cont02 .cont_wrap > .tit {padding:16px 0;color:#FFF;font-size:1.7rem;font-weight:bold;line-height:1;letter-spacing:-2px;text-align:center;border-radius:5px 5px 0 0;background-color:#2758F7;}
.cont02 .cont_wrap .tbl-type01 thead th {color:#475E91;font-size:1.3rem;font-weight:bold;letter-spacing:-1.5px;border-right:1px solid #d3d3d3;background-color:#ECF2FF;}
.cont02 .cont_wrap .tbl-type01 thead th:last-of-type, .cont02 .cont_wrap .tbl-type01 tbody td:last-of-type {border-right:0;}
.cont02 .cont_wrap .tbl-type01 tbody th {font-size:1.2rem;letter-spacing:-1px;font-weight:400;border-right:1px solid #d3d3d3;background-color:#FFF;}
.cont02 .cont_wrap .tbl-type01 tbody td {padding:11px 10px;color:#111;font-size:1.2rem;line-height:1.4;letter-spacing:-1px;border-right:1px solid #d3d3d3;background-color:#FFF;}

.cont02 .cont_wrap .tbl-scroll-x {position: relative;}
.cont02 .cont_wrap .tbl-scroll-x thead tr:first-child th:first-child, .cont02 .cont_wrap .tbl-scroll-x tbody th:first-child {position:relative !important;}
.cont02 .cont_wrap .fade {display:none;}
.cont02.on .cont_wrap .fade {z-index:2;display: inline-block;position:absolute;top:0;left:0;width:100%;height:100%;opacity:0.8;background-color:#3C3C3C;animation: fadein 2s ease-in-out forwards; opacity:0.8;}
.cont02.on .cont_wrap .fade img {position:absolute;top:50%;left:50%;width:calc(356vw/7.2);opacity: 1; transform: translateX(-50%);}

.sticky {position: sticky;top: 0;left: 50px !important;z-index: 1;background-color: #fff;border-left:1px solid #d9d9d9}
.sticky2 {position: sticky;top: 0;left: 0 !important;z-index: 1;background-color: #fff;border-left:1px solid #d9d9d9}

/* ¹ÙÀÚ°ü ÀÏ°úº° »ó¼¼ ½Ã½ºÅÛ ·¹À̾î */
.layer-tt{display:none;overflow-y:scroll;position:fixed;left:5%;top:50%;z-index:11;width:90%;max-height:560px;padding:20px 5%;background:#fff;border-radius:10px;transform:translateY(-50%);box-sizing:border-box;z-index: 11;text-align: center;}
.layer-tt.on {display:block;}
.layer-tt .bt-close-tt {position:absolute;top:12px;right:12px;}
.layer-tt .bt-close-tt img{width:16px;height:auto;}
.layer-tt .ico-txt {display: inline-block;padding:2px 1.5%;font-size:1.2rem;color:#fff;}


.cont03 {background-color:#C0D5FF;}

.cont04 {background-color:#E2FFFF !important;}
.cont04  .con-box > li > p.tit {background-color:#33A6A6;}

.cont05 {background-color:#E0E0E0;}
.cont05 .con-box > li > p.tit {background-color:#525252;}

@keyframes fadein {
    0% {
        opacity: 0.8;
    }
    100% {
        opacity: 0;
    }
}