@charset "euc-kr";
/* clamp(MINpx, calc(MINpx + (MAX - MIN) * ((100vw - 360px) / 840)), MAXpx) */

/* common
---------------------------------------------------- */
.all-wrap {overflow:hidden}
.only-pc,.only-pc-ta {display:block}.only-ta,.only-mo,.only-ta-mo {display:none}
*[class^="cont0"] {padding:60px 0}
.inner {width:100%;max-width:1024px;margin:0 auto;padding:0;box-sizing:border-box}
.r-txt {margin-top:16px;color:#B1B1B1;text-align:right;font-size:13px;font-weight:400;line-height:150%;letter-spacing:-0.13px}

/* visual
---------------------------------------------------- */
.visual-wrap {position:relative;overflow:hidden;padding:80px 0;background: #fff url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/v_bg.png") no-repeat top center / max(1920px, 100%) auto;}
.visual {max-width:1024px;margin:0 auto;text-align:center}
.visual-copy {position:relative;display:inline-block;margin:0 0 30px;padding:8px 0;border-top:1px solid #B1B1B1;border-bottom:1px solid #B1B1B1;color:#333;text-align:center;font-size:26px;font-weight:400;line-height:120%;letter-spacing:-0.52px}
.visual-copy strong {font-weight:700}
.visual-title {margin:0;background:linear-gradient(137deg,#5d0cc8 0%,#1626E3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-align:center;font-size:94px;font-weight:800;line-height:120%;letter-spacing:-5.64px}
.visual-title-en {margin:8px 0 0;background:linear-gradient(137deg,#5d0cc8 0%,#1626E3 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;text-indent:20.02px;text-align:center;font-size:26px;font-weight:500;line-height:100%;letter-spacing:20.02px}
.visual-sub-title {margin:60px 0 30px;color:#222;text-align:center;font-size:28px;font-weight:600;line-height:140%;letter-spacing:-0.28px}
.visual-system-list {display:flex;justify-content:space-between;gap:16px;width:100%}
.visual-system-item {flex:1;min-width:0;padding:30px 0;border:1px solid #E5E5E5;border-radius:10px;background:#fff;box-sizing:border-box}
.visual-system-icon {display:flex;align-items:center;justify-content:center;height:60px;margin-bottom:8px}
.visual-system-icon img {display:block;max-width:70px;max-height:60px}
.visual-system-item dt {margin:0 0 8px;color:#333;text-align:center;font-size:22px;font-weight:600;line-height:140%;letter-spacing:-0.22px}
.visual-system-item dd {margin:0;color:#555;word-break:keep-all;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}
.visual-system-item dd strong {color:#444;font-weight:700}

/* fix menu
---------------------------------------------------- */
.fix-wrap {position:relative;height:60px}
.fix-wrap .fix-menu {position:absolute;top:0;left:0;width:100%;height:60px;border-top:1px solid #6014CA;border-bottom:1px solid #6014CA;background:#6014CA;box-sizing:border-box}
.fix-wrap .fix-menu.fix.fix-top {top:0}
.fix-wrap .fix-menu.fix {position:fixed;top:0;z-index:101;transition:all .5s ease}
.fix-wrap .fix-menu div {display:flex;align-items:center;position:relative;width:100%;max-width:1024px;height:inherit;margin:0 auto}
.fix-wrap .fix-menu div a {display:flex;flex:1;align-items:center;justify-content:center;height:100%;padding:8px;border-right:1px solid #DBDBDB;color:#d0d0d0;text-align:center;text-decoration:none;font-size:17px;box-sizing:border-box}
.fix-wrap .fix-menu div a:first-of-type {border-left:1px solid #DBDBDB}
.fix-wrap .fix-menu div a strong {display:block;color:#B1B1B1;text-align:center;font-size:18px;font-weight:800;line-height:130%;letter-spacing:-0.45px}
.fix-wrap .fix-menu div a.on {background:#fff}
.fix-wrap .fix-menu div a.on strong {color:#6014CA}
.fix-menu.fix {top:0}
.fix-menu.fix.scroll-down {top:0;z-index:20;transition:none}
.fix-menu.fix.scroll-up {top:60px;z-index:20;transition:none;border-top:0}
.headerWrap {position:relative;z-index:30;transition:opacity .25s ease}
.headerWrap.is-fixed {position:relative;z-index:30}
.headerWrap.hide-header {opacity:0;transform:translateY(-100%);pointer-events:none}
.headerWrap .gnbWarp,.headerWrap .gnb,.headerWrap .gnb > li {position:relative}
.headerWrap .menu-sub,.headerWrap .gnb > li.active .menu-sub {position:absolute;top:100%;z-index:40}
.teacher-wrap .fix-menu,.teacher-wrap .fix-menu.fix {z-index:20}

/* contents common
---------------------------------------------------- */
.cont-head {max-width:1024px;margin:0 auto 0px;text-align:center}
.cont-tit {margin:0 0 16px;color:#333;font-size:32px;font-weight:700;line-height:130%;letter-spacing:-0.64px}
.cont-desc {margin:0;color:#777;word-break:keep-all;text-align:center;font-size:20px;font-weight:400;line-height:140%;letter-spacing:-0.2px}
.cont-desc strong {color:#777;font-weight:700}
.cont-desc span,.cont-desc span strong {color:#777;font-size:20px;font-weight:400;line-height:140%;letter-spacing:-0.2px}

/* cont01
---------------------------------------------------- */
.cont01 {padding:60px 0 0;background:#fff}
.cont01 .cont01-wrap,.cont01 .section-box {display:flex;flex-direction:column}
.cont01 .section-box {text-align:center}
.cont01 .section-box:nth-child(2) .sec-subtit {margin-top:60px}
.cont01 .sec-subtit {margin:0;color:#333;text-align:center;font-size:24px;font-weight:400;line-height:140%;letter-spacing:-0.24px}
.cont01 .sec-subtit strong {display:inline-block;background:linear-gradient(180deg,transparent 62%,#e6eaff 62%);color:#333;text-align:center;font-size:24px;font-weight:600;line-height:140%;letter-spacing:-0.24px}
.cont01 .feature-wrap {display:flex;justify-content:space-between;gap:16px;margin-top:30px}
.cont01 .feature-item {display:flex;align-items:center;justify-content:center;width:100%;padding:40px 0;border:1px solid #E5E5E5;border-radius:10px;background:#fff;box-sizing:border-box}
.cont01 .feature-txt {margin:0;color:#555;word-break:keep-all}
.cont01 .feature-txt span {display:block;color:#333;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.5px}
.cont01 .feature-txt strong {display:block;color:#333;font-size:18px;font-weight:700;line-height:140%;letter-spacing:-0.5px}
.cont01 .match-table-wrap {overflow:hidden;border-top:1px solid #E5E5E5;margin-top:30px}
.cont01 .match-table {width:100%;table-layout:fixed;border-collapse:collapse;background:#f6f6f6}
.cont01 .match-table col {width:20%}
.cont01 .match-table caption {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
.cont01 .match-table th,.cont01 .match-table td {height:50px;padding:12px 5px;border-right:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;text-align:center;vertical-align:middle;word-break:keep-all;box-sizing:border-box}
.cont01 .match-table th:last-child,.cont01 .match-table td:last-child {border-right:0}
.cont01 .match-table .group-row th {background:#F5F5F5;color:#333;text-align:center;font-size:16px;font-weight:700;line-height:140%;letter-spacing:-0.16px}
.cont01 .match-table .title-row th {color:#333;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}
.cont01 .match-table .title-row .head-suneung {background:#ECF5FD}
.cont01 .match-table .title-row .head-naesin {background:#F6F3FD}
.cont01 .match-table .level-row td {background:#F8F8F8;color:#333;text-align:center;font-size:16px;font-weight:700;line-height:1;letter-spacing:-0.16px}
.cont01 .match-table .level-row strong {color:#353535;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:-0.05em}
.cont01 .match-table .desc-row td {background:#fff;color:#555;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}
.cont01 .flow-process {position:relative;display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-top:40px}
.cont01 .flow-arrow-bg {position:absolute;top:-10px;left:50%;z-index:0;width:56%;transform:translateX(-50%)}
.cont01 .flow-arrow-bg img {display:block;width:100%}
.cont01 .flow-item {position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;text-align:center}
.cont01 .flow-label {display:inline-flex;align-items:center;justify-content:center;width:142px;height:51px;border:1px solid #E5E5E5;border-radius:26px;background:#fff;color:#333;text-align:center;font-size:22px;font-weight:600;line-height:140%;letter-spacing:-0.22px}
.cont01 .flow-label.point {position:relative;border:0;background:linear-gradient(137deg,#7a20dc 0%,#5b1fda 100%);color:#fff;font-size:22px;font-weight:700}
.cont01 .flow-label.point::before,.cont01 .flow-label.point::after {content:'';display:block;position:absolute;top:-12px;width:186px;height:70px;z-index:-1}
.cont01 .flow-label.point::before {left:-160px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_left.png") no-repeat 0 0}
.cont01 .flow-label.point::after {right:-160px;background:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_right.png") no-repeat 0 0}
.cont01 .flow-thumb {display:flex;align-items:center;justify-content:center;height:85px;margin-top:25px}
.cont01 .flow-thumb img {display:block;max-width:100%;max-height:120px}
.cont01 .flow-list {display:inline-block;margin-top:20px;padding:0;text-align:left;list-style:none}
.cont01 .flow-list li {position:relative;padding-left:14px;color:#333;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}
.cont01 .flow-list li:before {content:"¡¤";position:absolute;top:0;left:0}
.match-mo-group {border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
.match-mo-group + .match-mo-group {margin-top:20px}
.match-mo-head {padding:10px 5px;background:#f5f5f5;color:#333;text-align:center;font-size:14px;font-weight:700;line-height:140%;letter-spacing:-0.17px}
.match-mo-grid {width:100%;table-layout:fixed;border-top:1px solid #d9d9d9;border-collapse:separate;border-spacing:0;background:#fff}
.match-mo-grid caption {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
.match-mo-grid th,.match-mo-grid td {padding:10px 5px;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;color:#555;word-break:keep-all;text-align:center;vertical-align:middle;font-size:14px;font-weight:400;line-height:150%;letter-spacing:-0.16px;box-sizing:border-box}
.match-mo-grid tr > *:last-child {border-right:0}
.match-mo-grid.col2 tr:last-child > * {border-bottom:0}
.match-mo-grid .match-mo-title {color:#333;font-weight:400}
.match-mo-title.head-suneung {background:#ecf5fd}
.match-mo-title.head-naesin {background:#f6f3fd}
.match-mo-grid .match-mo-level {background:#f8f8f8;color:#333}
.match-mo-level strong {font-size:14px;font-weight:700;line-height:140%;letter-spacing:-0.17px}
.match-mo-desc {background:#fff}
/* cont02
---------------------------------------------------- */
.cont02 {background:#F6F3FD}
.cont02 .cont-head {margin-bottom:60px}
.cont02 .inner {display:flex;flex-direction:column;gap:60px}
.cont02 .section-subtitle {margin:0 0 30px;color:#6014CA;text-align:center;font-size:24px;font-weight:600;line-height:140%;letter-spacing:-0.24px}
.cont02 .system-cards {display:flex;gap:16px;margin-top:0}
.cont02 .system-card {flex:1;padding:30px 40px;border-radius:20px;background:#fff;box-sizing:border-box}
.cont02 .system-card-title {color:#333;text-align:center;font-size:24px;font-weight:600;line-height:140%;letter-spacing:-0.24px}
.cont02 .system-list {margin-top:16px;list-style:none}
.cont02 .system-list>li {position:relative;padding-left:14px;color:#333;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px;white-space:nowrap}
.cont02 .system-list>li:not(:last-of-type) {margin-bottom:12px}
.cont02 .system-list>li strong {font-size:16px;font-weight:700}
.cont02 .system-list>li::before {content:"\2022";position:absolute;left:0}
.cont02 .system-list-group {margin-top:14px}
.cont02 .system-sublist {margin-top:8px;padding-left:0;list-style:none}
.cont02 .system-sublist li {color:#555;font-size:14px}
.cont02 .system-samples {display:flex;justify-content:space-between;gap:0;margin-top:0}
.cont02 .sample-item {text-align:center}
.cont02 .sample-item p {margin-top:20px;color:#333;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}

/* cont03
---------------------------------------------------- */
.cont03 {background:#fff}
.cont03 .inner {display:flex;flex-direction:column;margin-top:30px}
.cont03 .life-cards {display:flex;align-items:stretch;justify-content:center;gap:16px;margin-top:0}
.cont03 .life-card {flex:1 1 0;padding:30px 24px;border-radius:20px;background:#F8F8F8;box-sizing:border-box}
.cont03 .life-card__title {color:#333;text-align:center;font-size:24px;font-weight:600;line-height:140%;letter-spacing:-0.24px}
.cont03 .life-list {margin:16px 0 0;padding:0;list-style:none}
.cont03 .life-list li {position:relative;padding-left:14px;color:#333;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px;white-space:nowrap}
.cont03 .life-list li:not(:last-of-type) {margin-bottom:12px}
.cont03 .life-list li::before {content:"\2022";position:absolute;top:0.06em;left:0;color:#222;font-size:1.1em;line-height:1}
.cont03 .life-list li strong {font-size:16px;font-weight:700}
.cont03 .life-gallery-wrap {margin-top:0}
.cont03 .life-gallery {display:flex;align-items:center;gap:16px}
.cont03 .life-swiper {flex:1;margin-top:30px}
.cont03 .life-item {display:block;color:inherit;text-decoration:none}
.cont03 .life-thumb {position:relative;display:block;overflow:hidden;border-radius:10px;background:#fff}
.cont03 .life-thumb img {display:block;width:100%}
.cont03 .life-more {position:absolute;right:10px;bottom:10px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#6014cad6;cursor:pointer}
.cont03 .life-more:before {content:"+";position:absolute;top:50%;left:50%;color:#fff;font-size:28px;font-weight:400;line-height:1;transform:translate(-48%,-56%)}
.cont03 .life-cap {display:block;margin-top:16px;color:#333;text-align:center;font-size:16px;font-weight:400;line-height:140%;letter-spacing:-0.16px}
.cont03 .life-nav {position:relative;width:25px;height:41px;border:0;background:transparent;cursor:pointer}
.cont03 .life-nav:before {content:"";position:absolute;top:80%;left:85%;width:25px;height:25px;border-top:4px solid #DBDBDB;border-right:4px solid #DBDBDB;transform:translate(-50%,-50%) rotate(45deg)}
.cont03 .life-nav--prev:before {transform:translate(-50%,-50%) rotate(-135deg)}
.cont03 .life-nav--next:before {left:20%}
.life-pagination {display:none}

/* popup
---------------------------------------------------- */
.system-pop {position:fixed;top:0;left:0;z-index:9999;width:100%;height:100%}
.system-pop-dim {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7)}
.system-pop-inner {position:absolute;top:50%;left:50%;overflow:hidden;width:90%;max-width:900px;border-radius:16px;background:#fff;transform:translate(-50%,-50%)}
.system-pop-inner--img {max-width:760px}
.system-pop-close {position:absolute;top:16px;right:16px;z-index:2;width:40px;height:40px;border:0;background:#000;color:#fff;font-size:14px;cursor:pointer}
.system-pop-body img,.system-pop-cont img {display:block;width:100%;height:auto}
html.pop-open,body.pop-open {overflow:hidden}
.system-pop-cont {position:relative;padding:30px 30px 24px;background:#fff}
.system-pop-tit {margin:0 0 18px;color:#333;text-align:center;font-size:28px;font-weight:700;line-height:1.4;letter-spacing:-0.04em}
.system-pop-tit .dot {display:inline-block;width:8px;height:8px;margin:0 10px 4px 0;border-radius:50%;background:#5d63ff;vertical-align:middle}
.system-time-table table {width:100%;table-layout:fixed;border-top:3px solid #4a4a4a;border-collapse:collapse}
.system-time-table caption {position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0)}
.system-time-table th,.system-time-table td {padding:16px 10px;border:1px solid #d9d9d9;color:#333;text-align:center;vertical-align:middle;word-break:keep-all;font-size:16px;font-weight:400;line-height:1.4;letter-spacing:-0.03em;box-sizing:border-box}
.system-time-table thead th {background:#f5f5f5;font-weight:700}
.system-time-table tbody th {background:#fafafa;font-weight:700}
.system-time-table .is-time {background:#fbf9ff}
.system-time-note {margin:14px 0 0;color:#b7b7b7;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-0.03em}

/* body {margin:0;padding:30px;font-family:'¸¼Àº °íµñ',sans-serif;background:#fff;} */
.pop-wrap {max-width:1000px;margin:0 auto;}
.pop-title {margin-bottom:20px;font-size:18px;font-weight:700;color:#333;position: relative;padding-left: 12px;}
.pop-title::after {display: block;content: '';width: 5px;height: 5px;border-radius: 100%;position: absolute;top: 50%;transform: translateY(-50%);left: 0px;background: #2C5BF6;}
.pop-img img {width:100%;height:auto;display:block;}

/* Å×À̺í */
.system-time-table table {width:100%;border-top:3px solid #4a4a4a;border-collapse:collapse;table-layout:fixed;}
.system-time-table th {padding:14px 5px;border:1px solid #d9d9d9;font-size:15px;text-align:center;font-weight: 400;}
.system-time-table td {padding:10px 5px;border:1px solid #d9d9d9;font-size:15px;text-align:center;}
.system-time-table thead th {background:#f5f5f5;font-weight:700;}
.system-time-note {margin-top:12px;color:#aaa;font-size:13px;text-align:left;}
.bg-point {background: #fbf8ff!important;}
.bg-sky {background: #f8faff;}
.system-time-table .time-break th, .system-time-table .time-break td {	background:#333;color:#fff;}

.ico-txt {display: inline-block;padding:4px 12px;font-size:15px;color:#fff;}
.ico-txt.s {background:#52a7d8;}
.ico-txt.b {background:#5259d8;}
.ico-txt.v {background:#9452d8;}
.ico-txt.p {background:#d55e91;}
.ico-txt.r {background:#d34664;}
.ico-txt.g {background:#48aa81;}
.system-time-table tbody tr.group-start th,
.system-time-table tbody tr.group-start td {
	border-top:2px solid #4a4a4a;
}
/* responsive
---------------------------------------------------- */
@media (max-width:1199px) {
    .fix-wrap .fix-menu div a:first-of-type {border-left:0}
    .fix-wrap .fix-menu div a:last-of-type {border-right:0}

    .only-pc {display:none}.only-ta,.only-ta-mo,.only-pc-ta {display:block}.only-mo {display:none}
    .inner,.visual,.cont-head {max-width:720px}
    .visual-wrap {padding:80px 24px;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/v_bg_ta.png");background-size:cover;box-sizing:border-box}
    .visual-system-list {max-width:720px;margin:0 auto}
    .fix-wrap .fix-menu div {max-width:none}
    .cont01 .flow-arrow-bg {top:-4px;width:42%}
    .cont02 .system-card {padding:30px 40px}
    .cont02 .system-samples {flex-wrap:wrap;gap:0}
    .cont02 .sample-item:first-of-type {width:100%;margin-bottom:24px}
    .cont03 .life-cards {flex-direction:row}
    .cont03 .life-list li {white-space:normal}

    .cont01 .flow-label.point::before {width:81px;height:70px;left:-75px;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_left_ta.png")}
    .cont01 .flow-label.point::after {width:81px;height:70px;right:-75px;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_right_ta.png")}

}

@media (max-width:767px) {
    .only-pc,.only-ta,.only-pc-ta {display:none}.only-mo,.only-ta-mo {display:block}
    .inner,.cont-head {width:100%;max-width:none;padding:0 16px;box-sizing:border-box}
    .visual-wrap {padding:60px 16px 40px;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/v_bg_mo.png");background-size:cover;box-sizing:border-box}
    .visual-copy {margin-bottom:18px;padding:6px 0;font-size:22px;letter-spacing:-0.44px}
    .visual-title {font-size:64px;letter-spacing:-3.84px}
    .visual-title-en {margin-top:4px;text-indent:13.11px;font-size:19px;letter-spacing:13.11px}
    .visual-sub-title {margin:40px 0 20px;font-size:22px;letter-spacing:-0.22px}
    .visual-system-list {flex-direction:column;gap:16px;max-width:328px}
    .visual-system-item {display:flex;align-items:center;gap:20px;padding: 24px 5px 24px 20px;text-align:left}
    .visual-system-icon {flex:0 0 70px;margin:0}
    .visual-system-icon dl {width: 100%;}
    .visual-system-item dt {text-align:left;font-size:18px;letter-spacing:-0.18px}
    .visual-system-item dd {text-align:left;font-size:14px;letter-spacing:-0.14px}
    .visual-system-item dd strong {font-size:16px;letter-spacing:-0.16px}
    .fix-wrap,.fix-wrap .fix-menu {height:48px}
    .fix-wrap .fix-menu div a {padding:10px 6px}
    .fix-wrap .fix-menu div a strong {font-size:16px;font-weight:700;line-height:140%;letter-spacing:-0.16px}
    .fix-menu.fix.scroll-up,.fix-menu.fix.scroll-down {top:55px}
    .fix-menu.fix.scroll-up {border-top: 1px solid #6014CA;}
    *[class^="cont0"] {padding:40px 0}
    .cont-tit {margin-bottom:16px;font-size:24px;line-height:130%;letter-spacing:-0.48px}
    .cont-desc {font-size:17px;letter-spacing:-0.17px}
    .cont01 {padding:40px 0 0}
    .cont01 .sec-subtit {font-size:20px;letter-spacing:-0.24px}
    .cont01 .sec-subtit strong {font-size:20px;letter-spacing:-0.2px}
    .cont01 .section-box:nth-child(2) .sec-subtit {margin-top:40px}
    .cont01 .feature-wrap {display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:8px}
    .cont01 .feature-item {width:auto;padding:24px 0}
    .cont01 .feature-txt span {font-size:14px;letter-spacing:-0.16px}
    .cont01 .feature-txt strong {font-size:16px;letter-spacing:-0.16px}
    .cont01 .match-table-wrap {overflow:visible;border-top:0;border-bottom:0}
    .match-mo-group:nth-of-type(1) {border-bottom:0}
    .match-mo-group + .match-mo-group {margin-top:16px}
    .cont01 .flow-process {display:grid;grid-template-columns:80px 1fr;align-items:center;justify-content:center;row-gap:30px;column-gap:16px}
    .cont01 .flow-process .only-mo {display:block;grid-column:1;grid-row:1 / span 3;position:absolute;top:19px;bottom:19px;left:0;z-index:0;width:80px;height:auto}
    .cont01 .flow-process .only-mo .flow-arrow-bg {position:static;width:100%;height:100%}
    .cont01 .flow-process .only-mo .flow-arrow-bg img {display:block;width:100%;height:100%;object-fit:fill}
    .cont01 .flow-item {display:contents}
    .cont01 .flow-label {grid-column:1;position:relative;z-index:1;display:flex;align-self:center;align-items:center;justify-content:center;width:80px;height:38px;border-radius:24px;background:#fff;font-size:16px;font-weight:700}
    .cont01 .flow-label.point {z-index:2;border:0;background:none;color:#fff;font-size:16px}
    .cont01 .flow-label.point span {position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:24px;background:linear-gradient(137deg,#7a20dc 0%,#5b1fda 100%)}
    .cont01 .flow-label.point::before {top:-75px;width:35px;height:81px;left:23px;z-index:1;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_left_mo.png");pointer-events:none}
    .cont01 .flow-label.point::after {top:unset;bottom:-63px;width:35px;height:81px;right:21px;z-index:1;background-image:url("https://russeldata.megastudy.net/campus/images/russel/intro/info/system/ico_arrow_right_mo.png");pointer-events:none}
    .cont01 .flow-thumb {display:none}
    .cont01 .flow-list {grid-column:2;display:block;width:100%;margin:0;padding:0}
    .cont01 .flow-list li {display:flex;align-items:center;min-height:38px;margin:0 0 6px;padding:8px 12px 8px 23px;border-radius:6px;background:#f5f5f5;color:#333;text-align:left;font-size:14px;font-weight:400;line-height:140%;letter-spacing:-0.14px;box-sizing:border-box}
    .cont01 .flow-list li:last-child {margin-bottom:0}
    .cont01 .flow-list li:before {top:8px;left:15px}
    .cont01 .flow-item-prev .flow-label,.cont01 .flow-item-prev .flow-list {grid-row:1}
    .cont01 .flow-item-mid .flow-label,.cont01 .flow-item-mid .flow-list {grid-row:2}
    .cont01 .flow-item-next .flow-label,.cont01 .flow-item-next .flow-list {grid-row:3}
    .cont02 .cont-head {margin-bottom:30px}
    .cont02 .section-subtitle {margin-bottom:30px;font-size:20px;letter-spacing:-0.2px}
    .cont02 .system-cards {flex-direction:column;gap:16px}
    .cont02 .system-card {padding:20px 24px;border-radius:10px}
    .cont02 .system-card-title {font-size:20px;letter-spacing:-0.2px}
    .cont02 .system-list>li,.cont02 .system-list>li strong {font-size:14px;white-space:normal}
    .cont02 .system-samples {flex-direction:column;justify-content:center;gap:24px;margin-top:0}
    .cont02 .sample-item {margin-bottom:0}
    .cont02 .sample-item:first-of-type {margin-bottom: 0;}
    .cont02 .sample-item img {display:block;max-width:100%;height:auto;margin:0 auto}
    .cont02 .sample-item:nth-of-type(1) img {max-width: 203px;}
    .cont02 .sample-item:nth-of-type(2) img {max-width: 328px;}
    .cont02 .sample-item:nth-of-type(3) img {max-width: 184px;}
    .cont02 .sample-item p {font-size:14px;letter-spacing:-0.14px}
    .cont03 .life-cards {flex-direction:column;gap:16px}
    .cont03 .life-card {padding:20px 24px;border-radius:10px}
    .cont03 .life-card__title {font-size:20px;letter-spacing:-0.2px}
    .cont03 .life-list {margin-top:16px}
    .cont03 .life-list li {font-size:14px;line-height:140%;letter-spacing:-0.14px;white-space:normal}
    .cont03 .life-list li strong {font-size:14px;letter-spacing:-0.16px}
    .cont03 .life-list li:not(:last-of-type) {margin-bottom:8px}
    .cont03 .life-gallery {display:block}
    .cont03 .life-nav {display:none}
    .cont03 .life-thumb img {width:100%;height:100%;object-fit:cover}
    .cont03 .life-cap {margin-top:12px;font-size:14px;letter-spacing:-0.14px}
    .life-pagination {display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px}
    .life-pagination .swiper-pagination-bullet {display:block;width:6px;height:6px;margin:0;border-radius:5px;background:rgba(0,0,0,.2);opacity:1;margin: 0 !important;}
    .life-pagination .swiper-pagination-bullet-active {width:16px;border-radius:100px;background:#6014CA}
}