.interview-wrap{min-width:1400px;width:100%;margin-top:-20px;}
.interview-wrap .visual-wrap{position:relative;padding:95px 0 120px;height:784px;box-sizing:border-box;}
.interview-wrap .visual-wrap .bg {position:absolute;top:0;left:0;z-index:5;width:100%;height:784px;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2021/interview/bg_01.png') center top no-repeat;}
.interview-wrap .visual-wrap::before, .interview-wrap .visual-wrap::after {content:'';position:absolute;top:0;}
.interview-wrap .visual-wrap::before {left:0;background:linear-gradient(to right bottom, rgb(182 37 68), rgb(181 36 67), rgb(167 31 65)); width:50%;height:100%;}
.interview-wrap .visual-wrap::after {left:50%;background:linear-gradient(to right bottom, rgb(45 5 69), rgb(45 7 71));width:50%;height:100%;}
/* .interview-wrap .quick{position:fixed;right:0;top:37%;z-index:5;} */

/* visual */
.interview-wrap .visual-wrap .visual{position:relative;width:1100px;margin:0 auto;text-align:center;z-index:5;}

/* ÀÔ°á */
.interview-wrap .top-info{position:relative;}
.interview-wrap .top-info ul{display:flex;justify-content:center;align-items:center;}
.interview-wrap .top-info ul li{position:relative;color:#fff;margin:0 15px;padding:0 55px;line-height:26px;font-size:19px;font-weight:500;}
.interview-wrap .top-info ul li::before, .interview-wrap .top-info ul li::after {content:'';position:absolute;top:50%;transform:translateY(-40.0%);display:block;width:38px;height:46px;}
.interview-wrap .top-info ul li::before {left:0;background:url('https://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2021/interview/bg_left.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/2021/interview/bg_right.png') center center no-repeat;}
.interview-wrap .top-info ul li strong{display:inline-block;color:#fff5a4;}
.interview-wrap .top-info ul li span{display:block;font-size:13px;color:#d88db2;line-height:18px;}
.interview-wrap .top-info ul li span.txt-top {color:#f8b7c7;}
.interview-wrap .top-info .info-stxt {text-align:right;font-size:11px;color:#9c4aa5;}

/* Äü¹è³Ê */
.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:#7D0A41;height:85px;color:#fff;font-size:18px;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:18px;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:#7D0A41}
.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%);}

/* cont-wrap */
.interview-cont{}
.interview-cont .cont-wrap{padding:120px 0;text-align:center;}
.interview-cont .cont-wrap.no-1{padding:86px 0 40px;background:url(http://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2021/interview/bg_02.png) center top repeat-x;}
.interview-cont .cont-wrap.no-2{padding-bottom:160px;background:url(http://russeldata.megastudy.net/campus/images/russel/russel_mokdong/event/2021/interview/bg_03.png) center top repeat;}
.cont-wrap.no-2 .inner{width:1100px;margin:0 auto;background:#fff;}

.interview-cont .cont-wrap .info{width:1100px;margin:0 auto;}
.interview-cont .cont-wrap .title{margin-bottom:55px;}

/* number */
.interview-cont .cont-wrap .number{display:flex;justify-content:center;margin-bottom:40px;}
.interview-cont .cont-wrap .number div{width:233px;margin:0 10px;padding:42px 0;font-size:21px;font-weight:500;background:url(http://russeldata.megastudy.net/campus/images/russel/russel_ct/event/2021/hero/number_bg.png) center bottom no-repeat;line-height:50px;color:#000;text-align:center;}
.interview-cont .cont-wrap .number div strong{font-size:54px;font-weight:700;}
.interview-cont .cont-wrap .number div strong span{font-size:38px;}
.interview-cont .cont-wrap .number div .uni-tit {line-height:26px;}

/* .interview-cont .cont-wrap .number-info{margin-top:50px;font-size:13px;font-weight:400;color:#999;text-align:right;line-height:1.3;} */
.interview-cont .cont-wrap .number-info{font-size: 1.1rem;color: #222222;text-align: right;letter-spacing: -1px;margin: 0 0 100px 0;}
.interview-cont .cont-wrap .number-info span{color:#1e26e5;}

/* student */
.interview-cont .cont-wrap .student{display:flex;flex-wrap:wrap;}
.interview-cont .cont-wrap .student .studentBox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:258px;height:288px;margin:0 20px 20px 0;background:#f5f5f5;border:1px solid #ddd;border-radius:21px;line-height:1.3;}
.interview-cont .cont-wrap .student .studentBox:nth-child(4n){margin-right:0;}
.interview-cont .cont-wrap .student .studentBox .studentLabel{position:absolute;top:5px;left:5px;display:inline-block;padding:5px 14px 8px;font-size:18px;font-weight:500;background:#7302c2;border-radius:16px 0;text-align:left;color:#fff;}
.interview-cont .cont-wrap .student .studentBox .studentLabel.regular {background:#ee3b61;}
.interview-cont .cont-wrap .student .studentBox .uni{margin-bottom:12px;font-size:24px;font-weight:700;color:#555;}
.interview-cont .cont-wrap .student .studentBox .name{display:block;margin-bottom:20px;font-size:21px;font-weight:700;color:#010101;}

/* hoverBox */
.interview-cont .cont-wrap .studentBox .hoverBox{display:none;position:absolute;top:0;left:0;width:100%;height:100%;padding:100px 0;border-radius:21px;background:linear-gradient(305deg, rgba(105, 20, 120, 0.9), rgba(231, 46, 95, 0.9));font-weight:500;font-size:25px;color:#f5f5f5;box-sizing:border-box;cursor:pointer;}
.interview-cont .cont-wrap .studentBox .hoverBox span{display:inline-block;margin-top:20px;padding:7px 20px 10px;font-size:21px;font-weight:500;color:#f4f2ff;border:1px solid #fff;border-radius:19px;line-height:1;}	
.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:18px;font-weight:500;border-radius:0 0 12px 0;background:#1e26e5;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;font-size:18px;color:#1e26e5;font-weight:500;}
.interview-cont .cont-wrap .student .layerPop .photo span{display:block;font-size:17px;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:15px;}
.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: "";}


/* popup */
.popup-wrap{font-family:'Noto Sans KR', '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;}
.popup-wrap h3 {font-size:24px;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:28px;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:17px;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:15px;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:14px;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-2 .interview_table table{width:100%;margin-bottom:15px;border-top:2px solid #222;}
.cont-wrap.no-2 .interview_table table thead th{height:67px;font-size:15px;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-2 .interview_table table tbody td{border-bottom:1px solid #b9babc;padding:23px 0;padding-bottom:20px;font-size:15px;color:#222;background:#fff;}
.cont-wrap.no-2 .interview_table table tbody td p{display:inline-block;vertical-align:middle;cursor:pointer;}
.cont-wrap.no-2 .interview_table table tbody td p.i-perfect {padding-right:7px;cursor:default;}

.cont-wrap.no-2 .paging	{text-align:center; padding:40px 0 60px;font-family:dotum,'µ¸¿ò';font-size:14px;}
.cont-wrap.no-2 .paging a {display:inline-block;vertical-align:middle;padding:0 7px;font-size:14px;line-height:14px;color:#7f7f7f;font-weight:500;}
.cont-wrap.no-2 .paging a.on {color: #222222;font-weight:700;}
/* Å©·Ò ie Å©·Î½ººê¶ó¿ìÂ¡ */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .cont-wrap.no-2 .interview_table table thead th{padding-top:0;}
    .cont-wrap.no-2 .interview_table table tbody td{padding:23px 0;padding-bottom:23px;}
    .cont-wrap.no-2 .interview_table table tbody td .icon{margin-top:-18px;}
    .cont-wrap.no-2 .interview_table table tbody td .icon:hover::after{position:absolute;top:30px;left:30px;display:block;padding:5px;white-space:pre;text-align:left;font-size:12px;background:#fff;content:'*½Â°­¹ÝÀÌ¶õ? \A ½Â¹Ý/°­¹ÝÀ» ÅëÇÑ ÇÐ½À µ¿±â ºÎ¿© ¹×\A±äÀå°¨ Á¶¼ºÀ» À§ÇÑ ÇÁ·Î±×·¥';border:1px solid #ddd;border-radius:5px;z-index:1;}
    } 