/* PC-first (񃧯 = PC) */

/* =========================
   Reset
========================= */
* {color:#222;margin:0;padding:0;box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word;white-space:normal;}

/* =========================
   Layout
========================= */
#wrapper {overflow:hidden;padding:0 24px;}
.all-wrap {max-width:1000px;margin:0 auto;padding-top:70px;text-align:center;}
.all-wrap .top,.all-wrap .bottom {display:flex;justify-content:center;}
.all-wrap .top {gap: 110px;}
.all-wrap .bottom {width:100%;flex-wrap:wrap;gap:12px 110px;}
.all-wrap>strong {display:block;margin:16px 0 18px;font-size:40px;line-height:130%;text-align:center;font-weight:500;color:#222;letter-spacing:.3em;}
.all-wrap>strong.dsubStrong {padding-top:60px;margin-bottom:30px;font-size:40px;font-weight:700;line-height:130%;letter-spacing:-2.5%;text-align:center;color:#222;}
.all-wrap>strong.story-tit {margin:60px 0 30px;font-size:32px;line-height:130%;letter-spacing:0.025em;font-weight:700;}
.all-wrap>strong.sub-txt {margin-bottom:8px;text-align:right;font-weight:400;font-size:14px;line-height:150%;letter-spacing:-0.01em;color:#777;}

/* =========================
   title
========================= */
h1.tit {position:relative;max-width:963px;margin:0 auto;color:#222;font-weight:700;font-size:clamp(34px, calc(28px + (84 - 34) * ((100vw - 360px) / 840)), 84px);line-height:120%;letter-spacing:-4%;text-align:center;}
h1.tit span {display:inline-block;color:#3941E2;}
h1.tit span.daejeon {display:inline-block;}
h1.tit:after {content:"";position:absolute;background:url(https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/RussellJeonjuT.svg) no-repeat;width:2000px;height:1247px;top:-254px;left:50%;z-index:-1;margin-left:-1000px;}
h2 {font-size:32px;margin:20px 0;font-weight:700;line-height:130%;letter-spacing:-2.5%;text-align:center;}
.result-box h2 {font-size:32px;margin-bottom:30px;line-height:1.3;}
.sub-tit {display:block;margin:60px 0 22px;font-size:32px;}
.subStrong {font-size:32px;}

/* =========================
   Box / Card
========================= */
.result-box {position:relative;background-color:#fff;padding:50px 45px 32px;border-radius:24px;box-shadow:0 0 60px 0 rgba(0,0,0,.08);margin:60px 0 40px;}
.result-box + .result-box {margin-top:40px;}
.result-box .bottom .subject:last-child:last-child:before {top:0;}

/* =========================
   Subject / Result
========================= */
.subject-list {display:flex;flex-direction:column;align-items:center;margin:20px auto 24px;gap:15px;}
.subject {position:relative;display:flex;flex-direction:column;align-items:center;width:250px;height:80px;color:#333;gap:13px;font-weight:500;font-size:20px;line-height:125%;letter-spacing:-1%;text-align:center;vertical-align:middle;}
.subject:after,.subject::before {content:"";position:absolute;top:-15px;width:46px;height:89px;background-size:46px;}
.subject:after {background:url("https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/VectorLeft.png") no-repeat;left:0;}
.subject::before {background:url("https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/VectorRight.png") no-repeat;right:0;}
.bottom {display:flex;flex-wrap:wrap;justify-content:center;}
.bottom .subject {flex:1 0 50%;max-width:250px;text-align:center;}
.bottom .subject:nth-child(odd) {flex:1 0 100%;}
.bottom .subject .tit {display:flex;align-items:center;height:50px;}
.bottom .subject:last-child:after,.bottom .subject:last-child:before {top:0;}
.bottom .subject:after,.bottom .subject:before {margin-top:-3px;}
.subject-list .bottom .subject {flex:0 0 calc(50% - 4px);}
.all-wrap .bottom .subject:nth-child(odd),.all-wrap .bottom .subject:nth-child(even) {flex:0 0 calc(50% - 4px);}

/* =========================
   Result Number
========================= */
.result-num {position:relative;display:flex;flex-direction:column;align-items:center;width:160px;padding-bottom:4px;color:#333;font-size:20px;line-height:125%;letter-spacing:-1%;gap:8px;text-align:center;vertical-align:middle;}
.result-num:before,.result-num:after {position:absolute;content:"";width:45px;height:84px;top:0;background-repeat:no-repeat;background-size:contain;}
.result-num:before {background-image:url("https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/VectorLeft.png");left:-45px;}
.result-num:after {background-image:url("https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/VectorRight.png");right:-45px;}
.result-num .tit {display:flex;align-items:center;line-height:1.1;height:44px;}
.result-num .cont {display:flex;align-items:center;gap:5px;}
.unit {margin-left:-4px;font-weight:500;font-size:20px;line-height:100%;letter-spacing:-1%;text-align:center;color:#333;}
.count {font-weight:bold;font-size:32px;line-height:100%;letter-spacing:-1%;text-align:center;color:#3941E2;}

/* =========================
   Tooltip
========================= */
span.ex {position:absolute;right:40px;bottom:30px;display:block;font-size:12px;text-align:right;font-weight:500;line-height:100%;letter-spacing:-5%;color:#bbb;cursor:pointer;}
span.ex>img {width:12px;margin-right:4px;vertical-align:top;}
span.ex .tooltip {z-index:10;display:none;position:absolute;top:20px;right:-15px;width:370px;padding:14px 30px 14px 14px;background:#fff;text-align:left;line-height:1.5;font-size:12px;color:#777;border-radius:8px;border:1px solid #777;}
span.ex .tooltip img {display:none;width:14px;margin-right:4px;}
span.ex.action .tooltip,span.ex.active .tooltip {display:block;}
span.ex.action .tooltip img {display:block;}
.close-btn {position:absolute;right:10px;top:10px;}

/* =========================
   Table
========================= */
table {width:100%;border-collapse:collapse;border-spacing:0;}
table th {position:sticky;padding:17px 8px;background:#F5F5F5;color:#333;font-size:16px;font-weight:700;line-height:140%;border-top:1px solid #E5E5E5;border-bottom:1px solid #E5E5E5;}
table td {height:56px;font-weight:400;font-size:16px;line-height:140%;text-align:center;text-transform:uppercase;border-bottom:1px solid #E5E5E5;color:#555;}

/* =========================
   Tabs
========================= */
.tabs {display:flex;justify-content:center;list-style:none;padding-left:14px;margin:20px 0;width:100%;}
.tab {width:calc(25% - 30px);margin:0 10px;padding:0 20px;border-radius:999px;cursor:pointer;background-color:#F5F5F5;transition:background-color .3s;color:#777;line-height:45px;}
.tab.active {font-weight:600;background-color:#3941E2;color:#fff;}
.tab-box {display:none; width: calc(100% + 12px); justify-content:space-between;flex-wrap:nowrap;padding:10px 0 20px;}
.tab-box.active {display:flex;}
.tab-cont {flex:0 1 calc(33.333% - 20px);margin:6px;padding:20px;border-radius:8px;background:#fff;}
.tab-cont.active {display:block;}
.tab-cont strong {display:inline-block;font-size:20px;font-weight:700;line-height:140%;letter-spacing:-1%;color:#222;text-align:left;}
.tab-cont span {display:block;margin-bottom:10px;font-weight:bold;line-height:140%;text-align:left;}
.tab-cont p {margin:0;color:#555;font-weight:400;font-size:16px;line-height:140%;letter-spacing:-1%;text-align:left;}
.tab-cont a {display:inline-block;position:relative;width:23px;margin-top:-6px;margin-left:2px;vertical-align:middle;}
.tab-cont a img {width:100%;}
.tab-cont>div {text-align:left;}

/* =========================
   Story
========================= */
.story {margin:0;}
.story div {margin-bottom:0;padding-bottom:0;}
.story div.tab-cont {flex:0 1 100%;margin-top:0;margin-bottom:12px;padding:30px;border-radius:24px;box-shadow:0 0 12px rgba(0,0,0,.08);}

/* =========================
   Misc
========================= */
.btm-wrap {margin:60px 0;font-weight:bold;font-size:32px;line-height:130%;text-align:center;}
.first {margin-bottom:0;}
.interview_table {height:391px;overflow-y:scroll;overflow-x:hidden;}
.interview_table::-webkit-scrollbar {width:8px;}
.interview_table::-webkit-scrollbar-track {background:#fff;}
.interview_table::-webkit-scrollbar-thumb {background:#ccc;border-radius:10px;}
.interview_table::-webkit-scrollbar-button {display:none;}
.swiper-container .swiper-slide {flex-shrink:0;padding:0;height:45px;line-height:45px;font-weight:500;}
.swiper-slide {width:auto;margin:0;box-sizing:border-box;}




@media (min-width: 1200px){
    span.ex .tooltip .close-btn {display: none;}
}



/* ÅÂºí¸´ ÀÌÇÏ (1199px ÀÌÇÏ) */
@media (max-width:1199px) {
    .tab-box {width: 100%; gap:12px;padding: 0;}
    .tab-box.active {flex-direction:column;}
    .story div.tab-cont {margin:0; padding: 40px; gap:12px;width:100%;}
    .all-wrap {padding-top:90px;}
    .all-wrap>strong {margin:0 0 18px;}
    .subject-list {gap:12px; max-width: 520px; margin-bottom:12px;}
    .btm-wrap {font-weight:bold;font-size:32px;line-height:130%;text-align:center;}
    .tabs {padding-left:0;margin-left:4px;margin-bottom:30px;}
    .ex.active .tooltip {display:block;box-shadow:0 3px 2px rgba(0,0,0,.05);color:#333;}
    h1.tit {font-size:72px;}
    .all-wrap .bottom {gap:12px 115px;}
}


/* ¸ð¹ÙÀÏ ÀÌÇÏ (767px ÀÌÇÏ) */
@media (max-width:767px) {
    .result-box {margin:30px 0;padding:32px 31px 16px;border-radius:20px;}
    .result-box h2 {font-size:24px;margin:0;}
    .swiper-wrapper {justify-content:inherit;margin-bottom:24px;margin-left:0;}
    .swiper-container .swiper-slide {margin:0;width:25%;min-width:99px;height:37px;line-height:37px;}
    .slide-container {display:flex;overflow:hidden;width:100%;}
    .slide {width:auto;}
    #wrapper {padding:0 16px;}
    .tab-box {padding:0;}
    .tab-cont {flex:0 1 100%;}
    .tab-cont a {margin-top:-3px;}
    .tab-cont p {font-size:14px;}
    .tab-cont span {font-size:13px; line-height: 1.5;}
    .tab-cont strong {font-size:16px;}
    .tab {width:99px;}

    .story div.tab-cont {padding:20px;flex:0 1 100%;}
    .all-wrap {padding-top:60px;}
    .all-wrap>strong {font-size:24px;margin-bottom:10px;letter-spacing:0.2em;}
    .all-wrap>strong.story-tit {font-size:24px;margin:40px 0 24px;}
    .all-wrap>strong.dsubStrong {font-size:12px;}
    .all-wrap>strong.sub-txt {font-size:12px;margin:12px 0 8px;}
    .all-wrap .top,.all-wrap .bottom {gap:67px;}
    .all-wrap .bottom {flex-wrap:wrap;gap:12px 67px;}

    h1.tit {font-size:34px;}
    h1.tit:after {content:"";position:absolute;background:url(https://russeldata.megastudy.net/campus/images/russel/event/2026/interview/RussellJeonjuM.svg) no-repeat;width:669px;height:1247px;top:-245px;left:50%;z-index:-1;margin-left:-323px;}
    .sub-tit {margin:40px 16px 12px;font-size:24px;}
    .subject-list {max-width: 380px; gap:12px;margin-bottom:24px;}
    .subject {height:auto;font-size:16px;}
    .unit {font-size:16px;padding-top:4px;}
    .count {font-size:24px;}
    .result-num {width:83px;gap:0;}
    .result-num .tit {height:36px;font-size:16px;}
    .result-num:before,.result-num:after {width:31px;height:60px;}
    .result-num:before {left:-31px;}
    .result-num:after {right:-31px;}
    .top .subject.subject::after,.top .subject.subject::before,.bottom .subject.subject::after,.bottom .subject.subject::before {background-size:32px;top:0;width:32px;}
    .bottom .subject,.top .subject {width:148px;max-width:148px;padding-top:10px;flex:none;margin:13px 0;}
    .bottom .subject:nth-child(odd) {flex:1 0 calc(50% - 10px);}
    .all-wrap .bottom .subject:nth-child(odd),.all-wrap .bottom .subject:nth-child(even) {flex:0 0 calc(50% - 4px);width:148px;}
    .subject-list .bottom .subject:last-child {padding-top:0;width:100%;margin-top:0;}
    .top .last.subject:last-child:after,.top .last.subject:last-child::before {top:14px;}
    .bottom .subject:last-child:after,.bottom .subject:last-child:before {top:12px;}
    .result-box .bottom .subject:last-child:last-child:after,.result-box .bottom .subject:last-child:last-child:before {top:12px;}
    span.ex {bottom:16px;right:14px;font-size:11px;}
    span.ex>img {width:12px;}
    span.ex.action .tooltip {width:330px;}
    span.ex .tooltip img {display:none;}
    table th,table td {font-size:14px;}
    .btm-wrap {font-size:22px;margin:40px 0;}
}