/* ==================================================
   common
================================================== */

.pb60 {padding-bottom:60px !important;}
.study-gray {background:#f4f4f4 !important;}
.bg-sky {background:#eaf1f8 !important;}

.visual-wrap .btn-danka{position:relative;display:inline-block;width:auto;padding:5px 25px 5px 12px;vertical-align:top;background:#636363;border-radius:5px;font-size:15px;font-weight:400;color:#fff;}
.visual-wrap .btn-danka::after{content:'';position:absolute;top:50%;right:12px;display:block;width:7px;height:7px;border-top:1px solid #fff;border-right:1px solid #fff;transform:translateY(-50.1%) rotate(45deg);}
.visual-wrap .inner {padding:0 4% 60px;}


/*====================================================
 visual
 ===================================================*/

.info-btn {display:block;position: relative;font-weight: bold;height: 50px;border:none;text-align: center;font-size:1.6rem;outline: 0;line-height:50px;border:1px solid #1734a3;background:#1734a3;color:#fff;}
.info-btn::after {content: "";position:absolute;top:50%;right:5%;transform: translateY(-50%) rotate(45deg);display:block;width:9px;height:9px;border-top: 3px solid #fff;border-right: 3px solid #fff}

/* »ó´Ü tab */
.result-cont {padding: 0 4% 65px;background: #023c31;}
.accordion-content {display: none;}

.result-cont .box {background: #002f26;border: 1px solid #f4c994;}
.result-cont .box .tit {color: #ffffff;font-size: 2.2rem;text-align: center;line-height: 1;letter-spacing: -2px;padding: 45px 0 24px;}
.result-cont .box .tit strong {color: #f4c994;}

.result-cont .box ul {padding: 0 4% 40px;}
.result-cont .box ul li {background: #143f37;display: flex;padding: 13px 4%;}
.result-cont .box ul li:not(:last-of-type) {margin-bottom: 5px;padding: 13px 0 8px;display: flex;justify-content: center;}
.result-cont .box ul li:last-of-type .num {width: 164px;margin: 0 auto;padding-bottom: 12px;}
.result-cont .box ul li:last-of-type .nums {border-top: 1px solid #43655f;padding-top: 17px;}
.result-cont .box ul li .num {position: relative;width: 146px;height: 70px;text-align: center;margin-right: 12px;}
.result-cont .box ul li .num::before {display: block;content: '';position: absolute;top: 4px;left: 0;width: 35px;height: 62px; background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/event/2023/interview/box_leaf_left.png") no-repeat 0 0;background-size: contain;}
.result-cont .box ul li .num::after {display: block;content: '';position: absolute;top: 4px;right: 0;width: 35px;height: 62px; background: url("https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/event/2023/interview/box_leaf_right.png") no-repeat 0 0;background-size: contain;}
.result-cont .box ul li .num p {font-size: 1.2rem;color: #adc0bc;margin-top: 15px;}
.result-cont .box ul li .num strong {font-size: 2.3rem;color: #ffffff;}
.result-cont .box ul li .num span {font-size: 1.5rem;color: #ffffff;}
.result-cont .box ul li .nums {color: #adc0bc;line-height: 1.4;text-align: center;font-size: 1.1rem;display: flex;justify-content: center;align-items: center;}
.result-cont .box ul li:last-of-type {flex-direction: column;}

.visual {position: relative;}
.visual .top-result {position: absolute;top:7vw;left:0%;width:100%;text-align: center;}
.visual .top-result .txt {margin-bottom:4%;font-size: 1.4rem;color:#e5c7a3;font-weight: bold;}
.visual .top-result div {display:flex;justify-content: space-between;}
.visual .top-result div {font-size: 0;font-weight: bold;margin:0 3%;color: #eeeeee;}
.visual .top-result div p {position:relative;padding:0 20px 5px 20px;font-weight: normal;line-height:1;}
.visual .top-result div p::before, .visual .top-result div p::after {display: block;position:absolute;top:5px;height:24px;width:12px;content:"";background-size: 100% 100%;}
.visual-wrap .top-result p::before {left:0;background:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2023/teacher/bg_leaf_left.png') left center no-repeat}
.visual-wrap .top-result p::after {right:0;background:url('https://russeldata.megastudy.net/campus/images/russel/m_russel/russel_gn/2023/teacher/bg_leaf_right.png') left center no-repeat}
.visual .top-result div p {font-size:1.1rem;line-height:1.2;letter-spacing:-1.5px}
.visual .top-result div p sup {font-size:1rem;} 
.visual .top-result div p strong {font-size: 1.3rem;line-height:1.4;font-weight: 600;display: block;color: #e5c7a3;}
.visual-wrap .visual .txt-data {z-index: 1;position:relative;margin:0 15px;text-align: right;}
.visual-wrap .visual .txt-data a {color:#89aaa3;font-size: 1rem;letter-spacing: -1px;}
.visual-wrap .visual .txt-data a span {color: #222222; display:none;position:absolute;top:25px;right:0;width:80%;padding:10px;border:1px solid #ddd;background:#fff;font-size: 1rem;letter-spacing: -1px;text-align: left;}
.visual-wrap .visual .txt-data a span.on {display: block;}
.visual-wrap .v-txt {letter-spacing: -1px; position: absolute;top: 84.9vw;left: 9%;color: #fff;font-size: 1.4rem;text-align: left;line-height: 1.6;font-weight: lighter;}
.visual-wrap .v-txt span {color: #e5c7a3;}

.visual-wrap .i-data {z-index: 1;position:relative;padding: 15px 10% 10px;text-align: right;background: #023c31;}
.visual-wrap .i-data a {color:#89aaa3;font-size: 1rem;letter-spacing: -1px;}
.visual-wrap .i-data a span {color: #222222; display:none;position:absolute;top:10vw;right:1%;width:80%;padding:10px;border:1px solid #ddd;background:#fff;font-size: 1rem;letter-spacing: -1px;text-align: left;}
.visual-wrap .i-data a span.on {display: block;}





/* ·¯¼¿ °­³²Àº? */
.visual-wrap .tab {display:flex;justify-content:center;}
.visual-wrap .tab a {display:flex;justify-content:center;align-items:center;background:#001a15;text-align:center;color:#798785;font-size:1.6rem;font-weight:bold;width:100%;height:85px;}
.visual-wrap .tab a:not(:last-child) {border-right:1px solid #fff;}
.visual-wrap .tab a.on {background:#fff;color:#007259;font-weight: bold;}

.tab-con {height:0;overflow:hidden;opacity:0;text-align:center;z-index: 0;}
.tab-con.on {height:auto;overflow:visible;opacity:1;z-index: 1}

.cont-box .bt-slide {overflow: hidden;position:relative;padding-top:25.3%;margin-bottom:1px}
.cont-box .bt-slide img {position:absolute;top:0;left:0;width:100%;height: auto;}
.cont-box .bt-slide.on img {transform: translateY(-50%);}
.cont-box .cont-slide {display: none;margin-top:-1px;}
.cont-box .cont-slide.on {display:block}

/* ÇÕ°Ý»ý ½½¶óÀ̵å */
.inner.interview {padding:0 5%;background:#1e2470;}
.perfect-swiper {padding-bottom:40px;background:#1e2470;}
.perfect-swiper .swiper-wrapper {transition-timing-function: linear;}
.perfect-swiper .swiper-slide {width:55%!important;}
.perfect-swiper .swiper-slide img{width:100%;}

.perfect-swiper02 {padding-bottom:40px;background:#1e2470;}
.perfect-swiper02 .swiper-wrapper {transition-timing-function: linear;}
.perfect-swiper02 .swiper-slide {width:55%!important;}
.perfect-swiper02 .swiper-slide img{width:100%;}

.interview-tit {line-height:2;}
.interview-tit strong {font-size:2.5rem;font-weight:bold;color:#007259;letter-spacing: -3px;}
.interview-tit strong span{font-size:2.5rem;font-weight:bold;color:#222222;letter-spacing: -3px;}

.interview-tit02 {line-height:2;}
.interview-tit02 strong {font-size:2.5rem;font-weight:bold;color:#008000;}

.visual-wrap .class-list li {border-bottom:1px solid #ddd;text-align:left;}
.visual-wrap .class-list li a {display:flex;padding:20px 3%;align-items: center;}
.visual-wrap .class-list li span {flex:1}
.visual-wrap .class-list li span:nth-child(1) {width:35%;height: auto;padding-top: 26%;position:relative}
.visual-wrap .class-list li span:nth-child(1) img {position: absolute;top:0;left:0;width:100%;height:100%;}
.visual-wrap .class-list li span:nth-child(2) {margin-left:5%;width:60%;;font-size:1.3rem;word-break: keep-all;}
.visual-wrap .class-list li span strong {display: block;font-size:1.5rem;color:#007249}
.visual-wrap .class-list li:nth-last-child(2) {border-bottom:1px solid #ddd !important;}

.txt-blue {color:#122ca7 !important;font-size:1.3rem;}