@charset "utf-8";
/*자동완성 입력폼*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
    -webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
    box-shadow: 0 0 0px 1000px #fff inset;
    transition: background-color 5000s ease-in-out 0s;
}

#container.exam_intro{width:100%;padding:0;font:15px/1 'NanumSquareNeo', Dotum, 'Apple Gothic', sans-serif;letter-spacing:-.04em}
#container.exam_intro .contents{overflow:hidden;}
#container.exam_intro input, textarea, select, td, th, button{font:15px/1 'NanumSquareNeo', Dotum, 'Apple Gothic', sans-serif}
#wrap{overflow:visible;}
#quick_wrap{display:none}

.btn_top{opacity:0;visibility:hidden;position:sticky;bottom:20px;right:20px;z-index:1000;display:inline-block;width:48px;height:48px;margin-bottom:20px;border:0 none;background:url(https://pic.neungyule.com/nebuildandgrow/mall/img/ico/ico_mainsprite.png) -208px -220px no-repeat;background-size:456px auto;text-indent:-9999px;transition: opacity 0.2s ease, visibility 0.2s ease;}
.btn_top.show{opacity:1;visibility:visible;}

.nav_tabs{position:sticky;left:0;bottom:0;z-index:100;width:100%;text-align:right;}
.nav_tabs .anchor_list{background:#000;}
.nav_tabs ul{display:flex;width:1080px;margin:0 auto;box-sizing:border-box;}
.nav_tabs ul > li{display:flex;align-items:center;justify-content:center;flex:1;height:90px;}
.nav_tabs .nav_button{position:relative;display:block;width:100%;height:100%;border:none;font-size:14px;background:none;color:rgba(255, 255, 255, .6);letter-spacing:-.03em}
.nav_tabs .nav_button strong{display:block;margin-bottom:8px;font-weight:900;font-size:26px;color:#fff;}
.nav_tabs .nav_button:not(.btn):before{content:'';position:absolute;left:0;top:50%;display:inline-block;width:1px;height:50px;background:rgba(255, 255, 255, .2);transform:translateY(-50%)}
.nav_tabs .nav_button.btn{width:210px;height:56px;line-height:56px;text-align:center;border-radius:10px;font-size:22px;font-weight:900;color:#fff;}
/*.nav_tabs .nav_button.btn span{position:relative;display:inline-block;font-size:22px;font-weight:900;color:#fff;}*/
.nav_tabs .nav_button.btn.free_trial{background:#3354D5;}
.nav_tabs .nav_button.btn.free_complete{background:#555454;cursor:default;}

.nav_tabs .nav_button.btn.btn_purchase{margin-left:10px;background:#FFDD54;color:#000}
/*.nav_tabs .nav_button.btn_test span:before{content:'';position:absolute;right:0;top:50%;display:inline-block;width:6px;height:8px;margin-top:-4px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_btn_arr.svg') no-repeat 50% 50% / 100% auto;vertical-align:middle;}
.nav_tabs .nav_button.btn_test span:after{content:'';opacity:.26;position:absolute;right:7px;top:50%;display:inline-block;width:6px;height:8px;margin-top:-4px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_btn_arr.svg') no-repeat 50% 50% / 100% auto;vertical-align:middle;}
.nav_tabs .nav_button.btn_test:hover span:before{animation:bounceAlpha 1.4s linear infinite .2s}
.nav_tabs .nav_button.btn_test:hover span:after{animation:bounceAlpha 1.4s linear infinite .2s}*/
.nav_tabs .btn_report{position:absolute;right:20px;top:-120px;display:flex;width:90px;height:90px;align-items:center;justify-content:center;border-radius:5px;background:#3354D5;font-size:18px;letter-spacing:-.04em;font-weight:900;color:#fff;text-align:center;line-height:1.2;}

.visual{position:relative;height:655px;background:#3455D6;}
.visual h2{position:absolute;left:50%;top:135px;z-index:1;transform:translateX(-50%);}
.visual .bg{overflow:hidden;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0;}
.visual .bg .wave_box{position:absolute;right:0;top:0;width:1080px;height:100%;}
.visual .bg .wave1{opacity:.1;position:absolute;left:0;bottom:-250px;display:inline-block;width:200%;height:640px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/bg_wave1.png') repeat-x 0 50% / 200% 100%;animation:move_wave 4s cubic-bezier(0.42, 0, 0.58, 1) infinite alternate;}
.visual .bg .wave2{opacity:.5;position:absolute;left:0;bottom:-110px;display:inline-block;width:200%;height:272px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/bg_wave2.png') repeat-x 0 50% / 200% 100%;animation:move_wave 5s cubic-bezier(0.42, 0, 0.58, 1) infinite alternate;}
.visual .bg .line_box{display:flex;max-width:1640px;height:100%;margin:0 auto;}
.visual .bg .line_box .line{flex:1;}
.visual .bg .line_box .line:after,
.visual .bg .line_box .line.line4:before{content:'';display:inline-block;width:1px;animation:line 2s infinite linear;}
.visual .bg .line_box .line.line1:after{background:rgba(255, 255, 255, .16);}
.visual .bg .line_box .line.line2:after{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/bg_line1.png') no-repeat 50% 50%;animation-delay:.2s;}
.visual .bg .line_box .line.line3:after{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/bg_line2.png') no-repeat 50% 50%;animation-delay:.6s;}
.visual .bg .line_box .line.line4:before{background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/bg_line3.png') no-repeat 50% 50%;animation-delay:.4s;}
.visual .bg .line_box .line.line4:after{float:right;background:rgba(255, 255, 255, .16);animation-delay:.8s;}
@keyframes line{
  0% {
    height: 0%;
  }
  40% {
    height: 100%;
  }
  50% {
    height: 100%;
  }
  100% {
    height: 100%;
  }
}
@keyframes move_wave{
    0%{
        transform:translateX(-40%) translateZ(0) scaleY(0.55)
    }
	100%{
        transform:translateX(-50%) translateZ(0) scaleY(1)
    }
}

@keyframes bounceAlpha{
  0%{opacity:1;transform:translateX(0px) scale(1);}
  25%{opacity:0;transform:translateX(10px) scale(0.9);}
  26%{opacity:0;transform:translateX(-10px) scale(0.9);}
  55%{opacity:1;transform:translateX(0px) scale(1);}
}

section{padding:130px 0;}
section h3{margin-bottom:40px;text-align:center;font-weight:900;color:#000;font-size:50px;line-height:1.4;}
section h3 .highlight{position:relative;z-index:1;font-weight:900;}
section h3 .highlight::after{content:'';position:absolute;left:-5px;bottom:-5px;z-index:-1;display:block;width:0;height:20px;background:#6AE8FC;border-radius:10px;transition:width .6s ease}
section h3.aos-animate .highlight::after{width:calc(100% + 10px);}
section .section_sub_txt{margin-bottom:80px;font-size:16px;text-align:center;line-height:1.87;color:#555;letter-spacing:-.04em}
section .section_sub_txt strong{font-weight:800;color:#000;letter-spacing:-.04em}

.section_likewise{background:#fff;}
.section_likewise .circle_chart_list{position:relative;display:flex;max-width:1080px;height:260px;margin:0 auto;gap:14px;justify-content:center;}
.section_likewise .circle_chart_list li{opacity:.5;position:absolute;left:50%;top:0;width:260px;height:260px;padding:32px;border-radius:30px;background:#3455D5;box-sizing:border-box;transition:all 1s cubic-bezier(0.63, 0.15, 0.03, 1.12);}
.section_likewise .circle_chart_list li:first-child{z-index:10;transform:translateX(-50%) rotateZ(30deg);}
.section_likewise .circle_chart_list li:nth-child(2){z-index:9;transform:translateX(-50%) rotateZ(-30deg);transition-delay:0.05s;}
.section_likewise .circle_chart_list li:nth-child(3){z-index:8;transform:translateX(-50%) rotateZ(15deg);transition-delay:0.1s;}
.section_likewise .circle_chart_list li:nth-child(4){z-index:7;transform:translateX(-50%) rotateZ(-15deg);transition-delay:0.15s;}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list li{opacity:1;/*position:relative;*/left:0;transform:translateX(0) rotateZ(0) !important;}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list li:nth-child(1){left:0}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list li:nth-child(2){left:25%}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list li:nth-child(3){left:50%}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list li:nth-child(4){left:75%}
.section_likewise .circle_chart_list .circle{position:absolute;left:42px;top:42px;display:flex;width:180px;height:180px;align-items:center;justify-content:center;flex-direction:column;}
.section_likewise .circle_chart_list .tit{display:block;font-size:44px;font-weight:900;color:#fff;}
.section_likewise .circle_chart_list .sub_txt{display:block;margin-top:15px;font-size:14px;color:rgba(255, 255, 255, .8);text-align:center;word-break:keep-all;letter-spacing:-.08em}
.section_likewise .section_sub_txt.aos-animate + .circle_chart_list .circle_chart_circle{animation:circle-chart-fill 1s reverse;transform:rotate(-90deg);transform-origin:center;}

@keyframes circle-chart-fill{
  to{ stroke-dasharray:0 100;}
}

.exam_list{display:flex;height:600px;background:#313131;}
.exam_list > li{position:relative;flex:1}
.exam_list > li.none_link{display:flex;height:100%;padding:100px 4.68% 100px;flex-direction:column;box-sizing:border-box;/*transition:background .2s ease*/}
.exam_list > li:nth-child(2){border-left:1px solid rgba(255, 255, 255, .8);border-right:1px solid rgba(255, 255, 255, .8);}
/*.exam_list > li a{display:flex;height:100%;padding:15.6% 30px 15.6% 14%;flex-direction:column;box-sizing:border-box;transition:background .2s ease}*/
.exam_list > li.none_link:hover{background:#3455D5}
.exam_list > li:not(.preparing) a:hover{background:#3455D5}
.exam_list > li.preparing{border-color:rgba(255, 255, 255, .3);}
.exam_list > li.preparing:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;}
.exam_list > li.preparing a{opacity:.3}
.exam_list > li.preparing .stamp{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}
.exam_list .sub_tit{display:block;margin-bottom:30px;font-size:20px;color:#6AE8FC;font-weight:700;}
.exam_list .tit{display:block;margin-bottom:40px;color:#fff;font-size:49px;font-weight:900;}
.exam_list .desc{height:100px;color:rgba(255, 255, 255, .8);line-height:1.62;font-size:16px;word-break:keep-all}
.exam_list .test_time{overflow:hidden;position:absolute;/*right:15.6%;bottom:14%;*/right:13.8%;bottom:100px;display:inline-flex;width:108px;height:108px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:50%;border:1px solid #6AE8FC;transition:all .2s ease}
.exam_list .test_time .txt_test{font-size:12px;color:#6AE8FC;}
.exam_list .test_time strong{display:block;font-weight:900;font-size:20px;line-height:24px;color:#6AE8FC;}
/*.exam_list > li:not(.none_link) a:hover .test_time .txt_test{display:none}
.exam_list > li:not(.none_link) a:hover .test_time strong{display:none;}
.exam_list > li:not(.none_link) a:hover .test_time:after{content:'';display:inline-block;width:55px;height:18px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_arr.svg') no-repeat 50% 50% / 100% auto;transform:translateX(-50%);animation:arr-in .5s ease forwards;}*/
.exam_list .chk_list{margin-top:50px}
.exam_list .chk_list li{position:relative;padding-left:25px;color:#6AE8FC;font-size:16px;line-height:1.62;font-weight:700;letter-spacing:-.04em}
.exam_list .chk_list li:before{content:'';position:absolute;left:0;top:4px;display:inline-block;width:15px;height:15px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_chk.svg') no-repeat 0 50%}
.exam_list .chk_list li + li{margin-top:5px}

@keyframes arr-in{
	from{transform:translateX(-50%);}
	to{transform:translateX(0);}
}

.section_otherwise{background:#fff;}
.section_otherwise .chart_box{display:flex;max-width:1200px;margin:0 auto}
.section_otherwise .chart_box > div{flex:1;text-align:center;}
.section_otherwise .chart_box .tit{margin-bottom:40px;font-size:32px;font-weight:800;color:#000;text-align:center}

.line_chart .chart{position:relative;}
.line_chart .chart .bg{position:relative;z-index:1;margin-left:1px;}
.line_chart .chart .line1{overflow:hidden;position:absolute;left:40px;bottom:15px;width:0;height:301px;}
.line_chart .chart .line1 img{display:block;width:522px;height:322px;}
.line_chart .chart .line2{overflow:hidden;position:absolute;left:40px;bottom:15px;width:100%;height:301px;}
.line_chart .chart .line2 img{display:block;width:522px;height:322px;}
.line_chart .msg p{opacity:0;position:absolute;z-index:2;width:84px;height:97px;}
.line_chart .msg p.msg1{left:55px;bottom:265px;}
.line_chart .msg p.msg2{left:132px;bottom:140px;}
.line_chart .msg p.msg3{left:264px;bottom:40px;}
.line_chart .msg p.msg4{left:384px;bottom:175px;}

.section_otherwise .chart_box.aos-animate .line_chart .line1{width:0;animation:drawLine1 1.2s linear forwards .2s}
.section_otherwise .chart_box.aos-animate .line_chart .line2{/*animation:drawLine2 0.4s linear both 1.4s*/width:0;animation:drawLine1 1.2s linear forwards .2s}
.section_otherwise .chart_box.aos-animate .msg p.msg1{animation:fadeInUp 0.3s ease both 0.4s}
.section_otherwise .chart_box.aos-animate .msg p.msg2{animation:fadeInDown 0.3s ease both 0.5s}
.section_otherwise .chart_box.aos-animate .msg p.msg3{animation:fadeInDown 0.3s ease both 0.8s}
.section_otherwise .chart_box.aos-animate .msg p.msg4{animation:fadeInUp 0.3s ease both 1s}

.radar_chart svg {overflow:visible;width:462px;height:390px;}
.radar_chart .grid {fill:none;stroke:rgba(0, 0, 0, .15);stroke-width: 0.5;}
.radar_chart .radar {z-index:1;fill:#3455d5;stroke:#3455d5;}
.radar_chart .label{fill: #000;font-size: 12px;font-weight:700;text-anchor: middle;dominant-baseline: middle;}
.radar_chart .chart{margin-top:70px}

@keyframes drawLine1{
	0% {width:0}
	100% {width:100% }
}

@keyframes drawLine2{
	0% {opacity:0.2;}
	100% {opacity:1;}
}

@keyframes fadeInUp{
	0% {opacity:0;transform:translateY(10px)}
	100% {opacity:1;transform:translateY(0)}
}
@keyframes fadeInDown{
	0% {opacity:0;transform:translateY(-10px)}
	100% {opacity:1;transform:translateY(0)}
}



.section_easily{padding:90px 0 0;background:#F1F5FF;text-align:center;}
.section_easily h3{margin-bottom:30px}
.section_easily .section_sub_txt{margin-bottom:35px}

.section_purchase .purchase_list{display:flex;max-width:1080px;margin:0 auto;gap:20px;}
.section_purchase .purchase_list > li{display:flex;flex:1;flex-direction:column;height:322px;padding:50px 20px;border:1px solid #DBDBDB;border-radius:20px;text-align:center;box-sizing:border-box;}
.section_purchase .purchase_list > li:hover{border-color:#3455D5}
.section_purchase .purchase_list > li .tit_item{margin-bottom:20px;font-size:32px;font-weight:900;color:#000}
.section_purchase .purchase_list > li .selectbox_trigger{font-size:16px}
.section_purchase .purchase_list > li .custom_select{margin:0 auto;text-align:left;color:#000}
.section_purchase .purchase_list > li .btn_fill_primary{width:220px;margin:auto auto 0;border-radius:50px;font-weight:900;font-size:16px}
.section_purchase .purchase_list > li .btn_fill_primary span{display:inline-block;padding-right:16px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_btn_arr.svg') no-repeat 100% 50% / 6px auto;}
.section_purchase .purchase_list > li .btn_fill_primary .won{overflow:hidden;display:inline-block;max-width:120px;height:16px;line-height:16px;white-space:nowrap;text-overflow:ellipsis;vertical-align:top}
.section_purchase .purchase_list > li .price_info{margin:35px 0 15px}
.section_purchase .purchase_list > li .price_info del{display:inline-block;padding:0 5px;color:#A5A5A5;font-size:12px;/*text-decoration:line-through;*/}
.section_purchase .purchase_list > li .price_info .sale{display:inline-block;padding:8px;margin-left:5px;border-radius:50px;background-color:#FF0000;color:#fff;font-weight:900;font-size:12px}


.section_how{background-color:#F1F5FF}
.section_how .num_list{display:flex;align-items:center;justify-content:center;gap:40px;margin-top:40px;padding:40px 0 30px;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/line.svg') no-repeat 50% 20px;}
.section_how .num_list > li{position:relative;display:flex;width:295px;height:295px;padding-top:98px;align-items:center;/*justify-content:center;*/border-radius:50%;background-color:#fff;flex-direction:column;box-sizing:border-box;}
.section_how .num_list .num{position:absolute;right:0;top:0;display:flex;width:84px;height:84px;align-items:center;justify-content:center;border-radius:50%;background-color:#3455D5;color:#fff;font-size:26px;font-weight:700;box-shadow:-3px 3px 6px rgba(0, 0, 0, .16);}
.section_how .num_list .tit{display:block;margin-bottom:20px;font-size:30px;font-weight:700;color:#000}
.section_how .num_list p{color:rgba(0, 0, 0, .7);line-height:26px;font-size:16px;text-align:center;letter-spacing:-.04em}

.tab_panel{display:none;}
.tab_panel.active{display:block;}
.tab_list{display:flex;gap:30px;justify-content:center}
.tab_list li button{position:relative;z-index:1;padding:0;color:#000;font-size:26px;background:none;border:0 none;}
.tab_list li.active button::after{content:'';position:absolute;left:-5px;bottom:-4px;z-index:-1;display:block;width:0;height:15px;background:#6AE8FC;border-radius:10px;transition:width .6s ease}
.tab_list.aos-animate li.active button::after{width:calc(100% + 10px);}

.section_notice{padding:100px 0}
.section_notice .inner{width:1080px;margin:0 auto}
.section_notice .tit_notice{padding-left:45px;margin-bottom:40px;font-size:36px;font-weight:900;color:#000;background:url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_alert_tri_black.svg') no-repeat 0 0 / 38px auto;}
.section_notice .tit{margin-bottom:15px;font-size:16px;font-weight:700;color:#000}
.section_notice ul:first-child{margin-bottom:40px}
.section_notice ul li{position:relative;padding-left:12px;color:#555;font-size:16px;line-height:1.4;}
.section_notice ul li:before{content:'';position:absolute;left:0;top:8px;display:inline-block;width:5px;height:5px;margin-right:5px;background-color:rgba(0, 0, 0, .38);border-radius:50%;}
.section_notice ul li + li{margin-top:10px}
.section_notice .txt_link{display:inline-block;padding-bottom:4px;margin-top:20px;font-size:12px;color:#000;font-weight:700;border-bottom:1px solid #000}


.pop_test_info{display:none;position:fixed;left:50%;top:50%;z-index:1001;width:1080px;transform:translate(-50%, -55%);}
.pop_test_info *{font:15px/1 'NanumSquareNeo', Dotum, 'Apple Gothic', sans-serif;}
.pop_test_info.active{transform:translate(-50%, -50%);transition:translate .2s ease}
.pop_test_info .tit{margin-bottom:45px;font-size:30px;font-weight:900;color:#fff;line-height:1.33;letter-spacing:-.04em}
.pop_test_info .pop_body{display:flex;}
.pop_test_info .pop_body > div{padding:6.9% 20px 6.9% 7.4%;box-sizing:border-box;}
.pop_test_info .form_left{width:600px;background-color:#3354D6}
.pop_test_info .form_left input[type="text"]{width:100%;padding:8px 0;border:0 none;border-bottom:1px solid #fff;background-color:transparent;color:#fff;box-shadow:none;-webkit-text-fill-color:white;}
.pop_test_info .form_left input[type="text"]::focus{color:#fff;background-color:transparent;}
.pop_test_info .form_left input[type="text"]::placeholder{color:rgba(255, 255, 255, .35);font-size:16px;font-weight:300}
.pop_test_info .form_right{flex:1;background-color:#313131}
.pop_test_info .grade_section_box{display:flex;margin-top:50px;flex-wrap:wrap;flex-direction:column;gap:10px;}
.pop_test_info .grade_section_box .grade_section{display:flex;gap:5px;}
.pop_test_info .grade_radio{display:inline-block;width:auto;height:100%}
.pop_test_info .grade_radio input{display:none;}
.pop_test_info .grade_radio label{display:inline-flex;width:70px;height:70px;border-radius:5px;align-items:center;justify-content:center;flex-direction:column;gap:4px;transition:background-color .2s ease;background:#fff;color:#000;font-size:14px;font-weight:700}
.pop_test_info .grade_radio label span{font-size:11px;color:#686868}
.pop_test_info .grade_radio input:checked + label{background:#000;color:#fff;}
.pop_test_info .grade_radio input:checked + label span{color:#fff;}
.pop_test_info .grade_radio .grade{display:block;}
.pop_test_info .exp_container{ position:relative;display:flex;align-items:center;}
.pop_test_info .progress_bar{position:absolute;left:15px;top:0;width:10px;height:100%;background:#818181;border-radius:5px;}
.pop_test_info .progress_bar .progress_bg{position:absolute;left:0;bottom:0;width:10px;background:#3354D6;border-radius:5px;transition:height .2s ease-in-out;}
.pop_test_info .progress_bar .progress_indicator{position:absolute;left:50%;top:100%;width:36px;height:36px;background:#3354D6 url('https://pic.neungyule.com/nebuildandgrow/mall/img/exam/ico_range_arr.svg') no-repeat 50% 50% / 8px auto;border-radius:50%;transform:translate(-50%, -50%);transition:top .2s ease-in-out;cursor:pointer}
.pop_test_info .exp_section{z-index:1;display:flex;margin-left:55px;flex-direction:column;gap:38px;}
.pop_test_info .exp_radio{ position:relative;display:flex;align-items:center;cursor:pointer;}
.pop_test_info .exp_radio input[type="radio"]{display:none;}
.pop_test_info .exp_radio input[type="radio"] + label{font-size:14px;color:#fff;}
.pop_test_info .exp_radio input[type="radio"]:checked + label{color:#6AE8FC;font-size:14px;}
.pop_test_info .exp_radio input[type="radio"]:checked ~ .progress_indicator{top:calc(16% + (100% / 6) * var(--index));}
.pop_test_info .btn{position:absolute;right:40px;bottom:40px;display:inline-block;width:190px;height:50px;line-height:50px;text-align:center;font-size:16px;color:#fff;font-weight:900;border-radius:10px;background:#3354D6}
.pop_test_info .btn_close{position:absolute;right:35px;top:35px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;text-indent:-9999px;font-size:0;background:none;border:0 none}
.pop_test_info .btn_close:before,
.pop_test_info .btn_close:after{content:'';position:absolute;height:32px;width:3px;background-color:#fff;border-radius:2px}
.pop_test_info .btn_close:before{transform:translate(0, 0) rotate(45deg);}
.pop_test_info .btn_close:after{transform:translate(0, 0) rotate(-45deg);}

.dim{display:none;position:fixed;left:0;top:0;z-index:1000;height:100%;width:100%;background:black;filter:alpha(opacity=60);opacity:0.60;}

@media (max-width:1600px){
    .exam_list .test_time{width:90px;height:90px;right:30px}
}