
/*============================
Common
============================*/
.interview-wrap {min-width:1400px;width:100%;margin-top:-20px;}
.interview-wrap .mt150 {margin-top:150px;}

/*============================
Visual
============================*/
.interview-wrap .visual-wrap{position:relative;padding:100px 0 113px;box-sizing:border-box;background-image:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/v_bg02.jpg'), url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/v_obj.png');background-size:cover;background-blend-mode: color;background-size:cover, auto;background-position:center;background-repeat: no-repeat;background-position: center, center 235px;}
/* .interview-wrap .visual-wrap .bg {position:absolute;top:0;left:0;z-index:5;width:100%;height:100%;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/visual_bg02.png') center top no-repeat;} */
.interview-wrap .visual-wrap .visual{position:relative;width:1100px;margin:0 auto;text-align:center;z-index:5;}
.interview-wrap .visual-wrap .visual .v-mid-txt {margin:86px 0 30px;font-size:31px;font-weight:bold;line-height:1;color:#fff;}
.interview-wrap .visual-wrap .visual .v-mid-txt strong {color:#ffd4c2;font-weight:bold;}
.interview-wrap .visual-wrap .visual .v-bottom-txt {color:#fff;font-size:23px;font-weight:500;margin-top:22px;line-height:2;}

/* »ó´Ü ÀÔ°á */
.interview-wrap .top-info {position:relative;}
.interview-wrap .top-info ul{display:flex;justify-content:center;align-items:inherit;}
.interview-wrap .top-info ul li{position:relative;color:#fff;margin:0 15px;padding:0 60px;display:flex;align-items:center;justify-content:center;flex-direction:column;height:111px;}
.interview-wrap .top-info ul li::before, .interview-wrap .top-info ul li::after {content:'';position:absolute;top:0;width:58px;height:111px;}
.interview-wrap .top-info ul li::before {left:0;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/baytree_l.png') center center no-repeat;}
.interview-wrap .top-info ul li::after {right:0;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/baytree_r.png') center center no-repeat;}
.interview-wrap .top-info ul li p > strong{color:#fff;font-size: 18px;}
.interview-wrap .top-info ul li p > strong sup {font-size:13px;color:#b4bed1;font-weight:400;margin:0}
.interview-wrap .top-info ul li p span{font-size:25px;color:#ffd5c3;line-height:1;display:inline-block;margin-top:5px;}
.interview-wrap .top-info ul li p span strong{font-size:37px;color:#ffd5c3;line-height:1;font-weight:900}

/* µ¥ÀÌÅÍ »êÃâ ±âÁØ */
.interview-wrap .info-stxt{position:absolute;bottom:-25px;right:0;width:auto;padding:0 20px;box-sizing:border-box;text-align:right;}
.interview-wrap .info-stxt i {font-style:normal;border:1px solid #7e8fd6;border-radius:50%;color:#7e8fd6;display:inline-block;padding:0 4px;line-height:1;font-size:11px;text-align:center;}
.interview-wrap .info-stxt > span {position:relative;text-align:right;font-size:13px;color:#7e8fd6;cursor: pointer;}
.interview-wrap .data-view {display:none;position:absolute;top:30px;right:20px;width:auto;padding:15px 20px;background:#fff;box-shadow:0 3px 2px rgba(0,0,0,.05); text-align: left;line-height: 1.5;font-size: 12px;font-weight:500;color:#333;width:472px}
.interview-wrap .info-stxt:hover .data-view  {display: block;}
.interview-wrap .data-view.on {display: block;}

/* Äü¹è³Ê */
.interview-wrap .quick {position:fixed;right:0;top:50%;z-index:5;transform:translateY(-50%);width:208px;text-align:left;border-radius:12px 0 0 12px;overflow:hidden;box-shadow: 0px 4px 28px 0px rgba(0, 0, 0, 0.12);}
.interview-wrap .quick p {background:#00195A;height:85px;color:#fff;font-size:19px;font-weight:bold;padding:18px 0 0 25px;box-sizing:border-box;line-height:1.4;position:relative;overflow:hidden;}
.interview-wrap .quick p:after {content:'';background: url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/quick_obj.png') bottom no-repeat;width:57px;height:75px;position:absolute;bottom:-8px;right:12px;}
.interview-wrap .quick ul {background-color:#fff;padding:10px 0;}
.interview-wrap .quick ul li a {display:block;color:#000022;font-size:19px;font-weight:bold;border-bottom:1px solid #dedede;position:relative;margin:0 20px;padding:20px 0;line-height:1;} 
.interview-wrap .quick ul li a:hover {text-decoration:none;}
.interview-wrap .quick ul li:last-child a {border-bottom:none;}
.interview-wrap .quick ul li a span {color:#00195a}
.interview-wrap .quick ul li a:after {content:'';width:8px;height:8px;border-top:2px solid #000022;border-right:2px solid #000022;position:absolute;top:50%;right:10px;transform:rotate(45deg) translateY(-50%);}

/*============================
Contents
============================*/
.interview-cont .cont-wrap{padding:130px 0;text-align:center;}
.interview-cont .cont-wrap .title{font-size:62px;font-weight:900;margin:0 0 85px;line-height:1;color:#222;}
.interview-cont .cont-wrap .title strong {color:#356BFF;font-weight:inherit}
.interview-cont .cont-wrap .sub-tit {font-size:43px;font-weight:bold;color:#222;line-height:1.6;}
.interview-cont .cont-wrap .sub-tit strong {color:#356BFF;font-weight:inherit}
/* ---------------------------- no-1 ---------------------------- */
.interview-cont .cont-wrap.no-1{background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/cont_bg.jpg") center top repeat-x;background-size:cover;}
.interview-cont .cont-wrap .info{width:1200px;margin:0 auto;position:relative}
/* number */
.interview-cont .cont-wrap .number{display:flex;justify-content:center;margin-bottom:40px;margin-top:60px}
.interview-cont .cont-wrap .number div{margin:0 14px;padding:0 68px;font-size:21px;font-weight:500;line-height:1.2;color:#000;text-align:center;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;min-width:100px;height:145px;}
.interview-cont .cont-wrap .number div:before {content:'';position:absolute;top:0;left:0;background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/c_baytree_l.png") no-repeat;width:73px;height:145px;}
.interview-cont .cont-wrap .number div:after {content:'';position:absolute;top:0;right:0;background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/c_baytree_r.png") no-repeat;width:73px;height:145px;}
.interview-cont .cont-wrap .number div strong{font-size:39px;font-weight:700;}
.interview-cont .cont-wrap .number div strong span{font-size:29px;}
.interview-cont .cont-wrap .number div > span {color:#8B8B8B;font-size:15px;display:block;margin-top:5px;font-weight:400}

/* .interview-cont .cont-wrap .number02{display:flex;justify-content:center;}
.interview-cont .cont-wrap .number02 div{width:173px;margin:0 10px;padding:42px 0;font-size:17px;font-weight:500;background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2022/interview/number_bg02.png") center center no-repeat;line-height:38px;color:#000;text-align:center;}
.interview-cont .cont-wrap .number02 div strong{font-size:38px;font-weight:700;}
.interview-cont .cont-wrap .number02 div strong span{font-size:29px;}
.interview-cont .cont-wrap .number02 div .uni-tit {line-height:20px;} */
/* .interview-cont .cont-wrap .number-info {margin: 40px 100px 0px 0;font-size: 13px;font-weight: 400;color: #222222;text-align: right;line-height: 1.3;} */

.interview-cont .cont-wrap .line {width:100%;height:1px;background-color:#ccc;margin:80px 0;}
.interview-cont .cont-wrap .info .info-stxt {bottom:-45px}
.interview-cont .cont-wrap .info .info-stxt i {color:rgb(0, 0, 0, .45);border-color:rgb(0, 0, 0, .45);}
.interview-cont .cont-wrap .info .info-stxt > span {color:rgb(0, 0, 0, .45);vertical-align:middle;}

/* ---------------------------- no-2 ---------------------------- */
.interview-cont .cont-wrap.no-2 {background:#00217C}
.interview-cont .cont-wrap.no-2 .br20 img {border-radius:20px;overflow:hidden;}
/* ---------------------------- no-3 ---------------------------- */
.interview-cont .cont-wrap.no-3 {background-color:#F3F3F3;}
.interview-cont .cont-wrap.no-3 .inner {width:1200px;margin:0 auto;}
/* top-student */
.interview-cont .top-student {display:flex;}
.interview-cont .top-student .top-studentBox {position:relative;display:flex;flex-direction:column;align-items:center;width:50%;margin-right:22px;padding:80px 75px;background:#fff;border-radius:10px;line-height:1.3;box-sizing:border-box;}
.interview-cont .top-student .top-studentBox:nth-child(2n){margin-right:0;}
.interview-cont .top-student .top-studentBox .studentLabel {display:inline-block;padding:8px 20px;font-size:19px;font-weight:500;background:#356BFF;border-radius:50px;text-align:left;color:#fff;line-height:1;}
.interview-cont .top-student .top-studentBox .studentLabel.regular {background:#46BBDF;}
.interview-cont .top-student .top-studentBox .tit {margin:14px 0 35px;font-size:25px;color:#222222;font-weight:bold;}
.interview-cont .top-student .top-studentBox .tit strong {font-size:25px;color:#222;font-weight:inherit}
.interview-cont .top-student .top-studentBox .txt {margin-top:65px;font-size:17px;color:#525252;text-align:left;position:relative;font-weight:400;line-height:1.7}
.interview-cont .top-student .top-studentBox .txt:before {content:'';background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/ico_quotes.png") no-repeat;width:24px;height:19px;position:absolute;top:-15px;left:-33px;}
.interview-cont .top-student .top-studentBox .txt strong {font-size:17px;font-weight:bold;color:#222;}

/* layerPop */
.interview-cont .cont-wrap .layerPop {display:none;position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.interview-cont .cont-wrap .layerPop.on{display:block;}
.interview-cont .cont-wrap .layerPop .layerPop-wrap{position:absolute;top:50%;left:50%;padding:100px 97px 100px 52px;background:#fff;transform:translateX(-50%) translateY(-50%);border-radius:10px;}
.interview-cont .cont-wrap .layerPop .close{display:block;position:absolute;top:-50px;right:0;width:40px;height:40px;text-indent:-99999px;transform:rotate(45deg);cursor:pointer;}
.interview-cont .cont-wrap .layerPop .close::after{content:'';position:absolute;top:50%;left:0;display:block;height:1px;width:41px;background:#fff;}
.interview-cont .cont-wrap .layerPop .close::before{content:'';position:absolute;top:0;left:50%;width:1px;height:41px;background:#fff;}
.interview-cont .cont-wrap .layerPop .top {display:flex;}
.interview-cont .cont-wrap .layerPop .label{padding:8px 20px;font-size:19px;font-weight:500;border-radius:50px;background:#356BFF;color:#fff;line-height:1;margin-bottom:10px;}
.interview-cont .cont-wrap .layerPop .label.regular {background:#46BBDF;}
.interview-cont .cont-wrap .layerPop .top .tv{position:relative;width:490px;height:276px;}
.interview-cont .cont-wrap .layerPop .top .tv img{position:absolute;top:0;left:0;z-index:2;}
.interview-cont .cont-wrap .layerPop .top .tv iframe{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.interview-cont .cont-wrap .layerPop .photo{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:21px;font-weight:500;margin-right:45px;width:210px;}
.interview-cont .cont-wrap .layerPop .photo strong{display:block;font-size:21px;color:#111;line-height:1.3;font-weight:bold;}
.interview-cont .cont-wrap .layerPop .photo span {margin:8px 0 20px;}
.interview-cont .cont-wrap .layerPop .photo img {margin-top:20px;}
/* .interview-cont .cont-wrap .layerPop .photo a {position:relative;display:inline-block;vertical-align:middle;margin-top:20px;padding:4px 20px 6px;background:#ffffff;color:#333;font-weight:500;font-size:16px;}
.interview-cont .cont-wrap .layerPop .photo a::after{display:inline-block;width:7px;height:7px;margin-left:8px;vertical-align:1px;border-right: 1px solid #333;border-top: 1px solid #333;transform:rotate(45deg);content: "";} */

/* student */
.interview-cont .cont-wrap .inner {position:relative}
.interview-cont .cont-wrap .student{display:flex;flex-wrap:wrap;margin-top:40px;}
.interview-cont .cont-wrap .student .studentBox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px;height:368px;margin:0 26px 20px 0;background:#fff;border-radius:10px;line-height:1.3;}
.interview-cont .cont-wrap .student .studentBox:nth-child(4n){margin-right:0;}
.interview-cont .cont-wrap .student .studentBox .studentLabel{display:inline-block;padding:5px 20px;font-size:19px;font-weight:500;background:#356BFF;border-radius:50px;;color:#fff;}
.interview-cont .cont-wrap .student .studentBox .studentLabel.regular {background:#46BBDF;}
.interview-cont .cont-wrap .student .studentBox .uni{margin:10px 0 20px;font-size:21px;font-weight:bold;color:#222;}
.interview-cont .cont-wrap .student .studentBox .uni span {display:inline-block;margin-top:7px;font-weight:400}
.interview-cont .cont-wrap .student .studentBox .name{display:block;margin-bottom:20px;font-size:21px;font-weight:bold;color:#222;}
.interview-cont .cont-wrap .img {position:absolute;bottom:-130px;right:-200px}

/* hoverBox */
.interview-cont .cont-wrap .studentBox .hoverBox{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:200px 0 0;border-radius:10px;background:rgb(66, 76, 169, .9);font-weight:500;font-size:26px;color:#fff;box-sizing:border-box;cursor:pointer;}
.interview-cont .cont-wrap .studentBox .hoverBox:hover {text-decoration:none;}
.interview-cont .cont-wrap .studentBox .hoverBox:after {content:'';width:40px;height:44px;background:url("https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2024/interview/ico_hand.png") no-repeat;position:absolute;top:calc(50% - 20px);left:50%;transform:translateX(-50%) translateY(-50%)}
.interview-cont .cont-wrap .studentBox:hover > *:not(.layerPop, .hoverBox) {filter: blur(2px);}
.interview-cont .cont-wrap .studentBox:hover .hoverBox{display:block;}

/* layerPop */
/* .interview-cont .cont-wrap .student .layerPop{display:none;position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.7);}
.interview-cont .cont-wrap .student .layerPop.on{display:block;}

.interview-cont .cont-wrap .student .layerPop .layerPop-wrap{position:absolute;top:50%;left:50%;width:810px;margin-top:-199px;margin-left:-435px;padding:30px;background:#f5f5f5;}
.interview-cont .cont-wrap .student .layerPop .close{display:block;position:absolute;top:-50px;right:0;width:40px;height:40px;text-indent:-99999px;transform:rotate(45deg);cursor:pointer;}
.interview-cont .cont-wrap .student .layerPop .close::after{content:'';position:absolute;top:50%;left:0;display:block;height:1px;width:41px;background:#fff;}
.interview-cont .cont-wrap .student .layerPop .close::before{content:'';position:absolute;top:0;left:50%;width:1px;height:41px;background:#fff;}
.interview-cont .cont-wrap .student .layerPop .label{position:absolute;left:10px;top:10px;padding:8px 20px 10px;font-size:19px;font-weight:500;border-radius:0 0 12px 0;background:#1e26e5;color:#fff;}
.interview-cont .cont-wrap .student .layerPop .label02{position:absolute;left:10px;top:10px;padding:8px 20px 10px;font-size:19px;font-weight:500;border-radius:0 0 12px 0;background:#5f12c9;color:#fff;}
.interview-cont .cont-wrap .student .layerPop .top{display:flex;}
.interview-cont .cont-wrap .student .layerPop .top .tv{position:relative;width:600px;height:338px;}
.interview-cont .cont-wrap .student .layerPop .top .tv img{position:absolute;top:0;left:0;z-index:2;}
.interview-cont .cont-wrap .student .layerPop .top .tv iframe{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}

.interview-cont .cont-wrap .student .layerPop .photo{display:flex;flex-direction:column;align-items:center;justify-content:center;width:210px;padding-right: 30px;font-size:19px;color:#1e26e5;font-weight:500;}
.interview-cont .cont-wrap .student .layerPop .photo span{display:block;font-size:18px;color:#111;line-height:1.3;}
.interview-cont .cont-wrap .student .layerPop .photo a {position:relative;display:inline-block;vertical-align:middle;margin-top:20px;padding:4px 20px 6px;background:#ffffff;color:#333;font-weight:500;font-size:16px;}
.interview-cont .cont-wrap .student .layerPop .photo a::after{display:inline-block;width:7px;height:7px;margin-left:8px;vertical-align:1px;border-right: 1px solid #333;border-top: 1px solid #333;transform:rotate(45deg);content: "";} */

/* ---------------------------- no-4 ----------------------------  */
.interview-cont .cont-wrap.no-4{padding-bottom:130px;background:#356BFF}
.interview-cont .cont-wrap.no-4 .title {margin-bottom:60px;}
.cont-wrap.no-4 .inner{width:1250px;margin:0 auto;}

.slide-wrap{padding:20px;background:#fff;border-radius:20px;}
.cont-wrap.no-4 .inner > p {color:#fff;margin-bottom:10px;text-align:right;}
.interview-cont .slide-list{height:435px;box-sizing:border-box;}
.interview-cont .slide-list li{width:100%;color:#0f0f0f;}
.interview-cont .slide-list li::after{content:'';display:block;clear:both;}
.interview-cont .slide-list li span{float:left;width:33.3%;line-height:46px;font-size:19px;text-align:center;letter-spacing: -1px;}

/* popup */
/* .popup-wrap{font-family:'Noto Sans KR', '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;}
.popup-wrap h3 {font-size:25px;font-weight:700;background:#f1f1f1;color:#353535;text-align:center;}
.popup-wrap h3 span {display:block;padding:20px 0;}
.popup-wrap .interview-pop{padding:16px;}
.popup-wrap .interview-pop > p{margin-bottom:20px;padding:0 10px;padding-bottom:25px;color:#2e2e2e;letter-spacing:-1px;font-size:29px;font-weight:bold;border-bottom:1px dashed  #cbcbcb;}
.popup-wrap .interview-pop > p span{position:relative;font-size:21px;font-weight:normal;}
.popup-wrap .interview-pop > p span b{position:absolute;bottom:3px;margin-left:-5px;font-style:normal;font-size:18px;font-weight:700;}
.popup-wrap .interview-pop .pop-info{display:none;padding:0 9px;}
.popup-wrap .interview-pop .pop-info.on{display:block;}
.popup-wrap .interview-pop .pop-info li{margin-bottom:30px;}
.popup-wrap .interview-pop .pop-info li .tit{display:inline-block;position:relative;margin-bottom:5px;color:#000;line-height:1.5;font-size:16px;font-weight:500;}
.popup-wrap .interview-pop .pop-info li .tit::before {content:'';display:inline-block;vertical-align:middle;width:3px;height:3px;margin-right:5px;border-radius:5px;background:#000;} 
.popup-wrap .interview-pop .pop-info li .text{font-size:15px;line-height:1.5;color:#717171;letter-spacing:0;font-weight:400;}
.popup-wrap .interview-pop .pop-info li .text strong {color:#a98e12;font-weight:500;} */
/* 
.cont-wrap.no-4 .interview_table table{width:100%;margin-bottom:15px;border-top:2px solid #222;}
.cont-wrap.no-4 .interview_table table thead th{height:67px;font-size:16px;background:#f4f5f8;color:#222;text-align:center;border-bottom:1px solid #222;vertical-align:middle;box-sizing:border-box;padding-top:4px;}

.cont-wrap.no-4 .interview_table table tbody td{border-bottom:1px solid #b9babc;padding:23px 0;padding-bottom:20px;font-size:16px;color:#222;background:#fff;}
.cont-wrap.no-4 .interview_table table tbody td p{display:inline-block;vertical-align:middle;cursor:pointer;}
.cont-wrap.no-4 .interview_table table tbody td p.i-perfect {padding-right:7px;cursor:default;}

.cont-wrap.no-4 .paging	{text-align:center; padding:40px 0 60px;font-family:dotum,'µ¸¿ò';font-size:15px;}
.cont-wrap.no-4 .paging a {display:inline-block;vertical-align:middle;padding:0 7px;font-size:15px;line-height:14px;color:#7f7f7f;font-weight:500;}
.cont-wrap.no-4 .paging a.on {color: #222222;font-weight:700;} */

