/* 기존 내용 숨김처리 */
.header, .lnb, .cont_ban, .tit-top{display: none;}
#footer{border-top: 0 !important}

/* 공통 */
input:focus,
select{outline: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type=number] { -moz-appearance: textfield; }.container{padding: 0; color: #121212}
input[type='text']:read-only{color: #969696}
.p-0{padding: 0 !important;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mb-30{margin-bottom: 30px;}
.container .wrap-container{width: 100%}
.container .inner{width: 1140px;}
.container *{box-sizing: border-box; color: inherit; font-size: inherit; font-weight: inherit;}
.page_contents{padding: 50px 0}
.exam_btn{display: inline-block; background: #2A5BED; color: #fff; font-size: 14px; font-weight: 500; border-radius: 4px; text-align: center; user-select: none; width: 158px; height: 45px; line-height: 45px;}
.exam_btn > a{display: inline-block; width: 100%; height: 100%;}
.exam_btn.outline{background: #fff; color: #121212; border: 1px solid #E8E8E8;}
.exam_btn.outline2{background: #fff; color: #2A5BED; border: 1px solid #2A5BED;}
.exam_btn.disabled{background: #E8E8E8; color: #fff; cursor: default;}
.exam_btn.next:after{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_right3.png') no-repeat center center; display: inline-block; width: 8px; height: 100%; vertical-align: top; margin-left: 7px;}
.clear{position: relative}
.clear:after{content: ""; display: block; width: 100%; clear: both; float: none;}
ul.nav > li{user-select: none; cursor: pointer;}
ul.tab > li{display: none;}
ul.tab > li.on{display: block;}

.container table{width: 100%; border-top: 1px solid #e8e8e8}
.container table.auto{table-layout: fixed;}
.container table.td-left tr > td{text-align: left;}
.container table tr{border-bottom: 1px solid #e8e8e8}
.container table tr > th,
.container table tr > td{border: 1px solid #e8e8e8; border-right: 0; height: 44px; font-size: 13px; text-align: center}
.container table tr > th:first-child,
.container table tr > td:first-child{border-left: 0}
.container table tr > th{background: #F6F8FF; font-weight: 700; border-bottom: 0;}
.container table tr > td{border-top: 0;}
.container table tr > td > span{color: #025AF6}
.container table tr > td > span.red{color: #EE5A5A}
.container table tr > td > span.up:not(.after):before{content: ""; display: inline-block; border: 6px solid #EE5A5A; border-top: 0; border-right-color: transparent; border-left-color: transparent; border-left-width: 4px; border-right-width: 4px; vertical-align: 2px; margin-right: 4px;}
.container table tr > td > span.up.after:after{content: ""; display: inline-block; border: 6px solid #EE5A5A; border-top: 0; border-right-color: transparent; border-left-color: transparent; border-left-width: 4px; border-right-width: 4px; vertical-align: 2px; margin-left: 4px;}
.container table tr > td > span.down:not(.after):before{content: ""; display: inline-block; border: 6px solid #025AF6; border-bottom: 0; border-right-color: transparent; border-left-color: transparent; border-left-width: 4px; border-right-width: 4px; vertical-align: 2px; margin-right: 4px;}
.container table tr > td > span.down.after:after{content: ""; display: inline-block; border: 6px solid #025AF6; border-bottom: 0; border-right-color: transparent; border-left-color: transparent; border-left-width: 4px; border-right-width: 4px; vertical-align: 2px; margin-left: 4px;}
.container table tr > td > a{color: #025AF6; text-decoration: underline;}
.container table tr.total > td,
.container table tr.total > th{border-bottom: 1px solid #121212}
.container table.type2 thead tr > th{border-bottom: 1px solid #121212}
.container table.type2 thead tr > th > span{font-weight: 400;}
.container table.type2 thead tr > th > strong{color: #2A5BED;}
.container table.type2 tbody tr > th{background: #fff; }
.container table.type2 tbody tr > th[rowspan]:first-child,
.container table.type2 tbody tr > td[rowspan]:first-child{border-right: 1px solid #e8e8e8}
.container table.padding tr > td{padding: 7px;}

.content_box{margin-top: 20px;}
.content_head{background: #fff; border-radius: 8px; border: 1px solid #E8E8E8; overflow: hidden; display: flex;}
.content_head .report_user{background: #2A5BED;  height: 78px; padding: 16px 30px;}
.content_head .report_user strong{display: block; font-size: 16px; font-weight: 700; color: #fff}
.content_head .report_user span{display: block; font-weight: 500; color: #fff; margin-top: 2px;}
.content_head .report_info{ height: 78px;text-align: left; padding: 0 60px}
.content_head .report_info > ul{display: inline-block;}
.content_head .report_info > ul > li{float: left; font-weight: 500; height: 78px; line-height: 78px; font-size: 13px;}
.content_head .report_info > ul > li + li{margin-left: 90px;}
.content_head .report_info > ul > li > span{display: inline-block; margin-right: 10px; font-weight: 700;}
.content_head + .content_body{margin-top: 40px;}
.content_body h4,
.content_body .box_tit h4{font-size: 18px; font-weight: 700; margin-bottom: 24px; height: 22px; line-height: 22px; position: relative;}
.content_body .box_tit > span{font-size: 11px; color: #b8b8b8; line-height: 17px; position: absolute; top: 50%; transform: translateY(-50%); right: 0; text-align: right; font-weight: 400;}
.content_body h5{font-size: 15px; font-weight: 700; color: #333;}
.content_body .box_tit{margin-bottom: 24px; height: 50px; line-height: 50px; overflow: hidden; position: relative;}
.content_body .box_tit h4,
.content_body .box_tit h5{margin-bottom: 0; display: inline-block;}
.content_body .box_tit .select{float: right; width: 207px;}
.content_body .box_tit h5 + .select{float: none; float: none; display: inline-block; margin-left: 16px;}
.content_body .box2{padding: 35px 40px 40px;}

.alert_message{background: #fff; border: 1px solid #E8E8E8; margin-top: 40px; padding: 33px 48px 38px}
.alert_message strong{font-size: 15px; font-weight: 700;}
.alert_message p{font-size: 15px; line-height: 23px; margin-top: 8px; letter-spacing: -0.5px;}
.alert_message p > span{color: #EE5A5A}
.alert_message ul{margin-top: 8px; padding-left: 22px;}
.alert_message ul > li{font-size: 15px; list-style: disc; line-height: 23px;}
.content_body p.exam_info{background: #F6F8FF; color: #2A5BED; font-size: 13px; line-height: 19px; padding: 11px 24px;}


.user_filter{height: 50px; line-height: 50px; overflow: hidden;}
.user_filter.tit{height: auto; line-height: normal;}
.user_filter h3{font-size: 18px; font-weight: 700; display: inline-block;}
.user_filter h3 > span{font-size: 12px; font-weight: 500; color: #969696; margin-left: 15px;}
.user_filter .select{float: right; width: 300px;}

.exam_chart{padding: 20px 0 27px 42px; height: 345px; position: relative;}
.exam_chart.full{padding-left: 0}
.exam_chart.full .chart_y > div:before{width: 100%;}
.exam_chart .chart_y{display: grid; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 0 27px;}
.exam_chart:not(.layout) .chart_y:before{content: ""; display: inline-block; position: absolute; right: 0; bottom: 27px; background: #E8E8E8; width: calc(100% - 42px); height: 1px;}
.exam_chart:not(.layout) .chart_y:after{content: attr(rel); display: inline-block; position: absolute; left: 0; bottom: 19px; font-weight: 500; font-size: 13px;}
.exam_chart .chart_y > div{font-weight: 500; font-size: 13px; position: relative;}
.exam_chart .chart_y > div:last-child{height: 0}
.exam_chart .chart_y > div:before{content: ""; display: inline-block; position: absolute; right: 0; top: 0; background: #E8E8E8; width: calc(100% - 42px); height: 1px;}
.exam_chart .chart_y > div > span{position: absolute; top: -10px; left: 0;}
.exam_chart .chart_x.center{justify-content: center; gap: 0 80px}
.exam_chart .chart_x{position: relative; display: flex; width: 100%; height: 100%; align-items: flex-end; justify-content: space-between; padding: 0 13px; text-align: center;}
.exam_chart .chart_x .line{height: 57%; position: absolute; right: 0; bottom: 0; width: 100%; border-top: 1px dashed #2A5BED; z-index: 1; pointer-events: none;}
.exam_chart .chart_x .line > span{background: #2A5BED; color: #fff; display: inline-block; position: absolute; left: 24px; top: -14px; font-size: 12px; font-weight: 500; height: 28px; line-height: 28px; padding: 0 10px; text-align: center; border-radius: 2px;}
.exam_chart .chart_x .graph{background: #2A5BED; width: 64px; text-align: center; border-radius: 2px 2px 0px 0px; position: relative; font-size: 13px; font-weight: 700; height: 50%;}
.exam_chart .chart_x .graph.gray{background: #E2E5EF;}
.exam_chart .chart_x .graph.purple{background: #5D6BAF;}
.exam_chart .chart_x .graph.color1,
.exam_chart .chart_x .graph.color1 > .label:before{background: #E3D3F7;}
.exam_chart .chart_x .graph.color2,
.exam_chart .chart_x .graph.color2 > .label:before{background: #FFF1CD;}
.exam_chart .chart_x .graph.color3,
.exam_chart .chart_x .graph.color3 > .label:before{background: #DEFADC;}
.exam_chart .chart_x .graph.color4,
.exam_chart .chart_x .graph.color4 > .label:before{background: #EDFAFF;}
.exam_chart .chart_x .graph.color5,
.exam_chart .chart_x .graph.color5 > .label:before{background: #D8D8F5;}
.exam_chart .chart_x .graph.color6,
.exam_chart .chart_x .graph.color6 > .label:before{background: #FBD7D7;}
.exam_chart .chart_x .graph > .label.multiline{line-height: 23px; padding: 15px; padding: 12px 18px; height: auto;}
.exam_chart .chart_x .graph:after,
.exam_chart .chart_x .graph > .label{content: attr(rel); position: absolute; bottom: calc(100% + 14px); left: 50%; text-align: center; transform: translateX(-50%); white-space: nowrap; pointer-events: none;}
.exam_chart .chart_x .graph > .label{background: #333; padding: 0 14px; height: 42px; line-height: 42px; color: #fff; font-size: 15px; border-radius: 2px; opacity: 0; transition: opacity .3s}
.exam_chart .chart_x .graph > .label:not(.multiline):before{content: ""; display: inline-block; background: #2A5BED; width: 12px; height: 12px; border-radius: 2px; margin-right: 8px}
.exam_chart .chart_x .graph > .label:after{content: ""; display: inline-block; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); border: 7px solid #333; border-bottom: 0; border-left-color: transparent; border-right-color: transparent; pointer-events: none;}
.exam_chart .chart_x .graph:hover > .label{opacity: 1; pointer-events: none;}
.exam_chart .chart_x .graph.gray > .label:before{background: #E2E5EF;}
.exam_chart .chart_x .graph.purple > .label:before{background: #5D6BAF;}
.exam_chart .chart_x .graph > span,
.exam_chart .chart_x .graph_group:after{position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); text-align: center; white-space: nowrap;}
.exam_chart .chart_x .graph_group{position: relative; width: auto; height: 100%; display: inline-flex; align-items: flex-end; font-size: 13px; font-weight: 700;}
.exam_chart .chart_x .graph_group:after{content: attr(rel)}
.exam_chart .chart_x .graph_group .graph{width: 40px;}
.exam_chart .chart_x .graph_group .graph+.graph{margin-left: 8px;}
.exam_chart .chart_x .graph_group.xs .graph{width: 24px;}
.exam_chart .chart_x.xs > .graph{width: 35px;}
.exam_chart .chart_x.xs{justify-content: center; gap: 0 50px}
.exam_chart .chart_x.sm{justify-content: center; gap: 0 40px}
.exam_chart .chart_x.sm > .graph{width: 50px;}
.exam_chart .chart_x.lg{justify-content: center; gap: 0 100px;}
.exam_chart .chart_x.lg .graph{width: 100px;}
.exam_chart .chart_x.lg .graph_group{gap: 0 40px;}
.exam_chart .chart_x.diff{position: absolute; top: 0; right: 0; width: 100%; height: 100%; padding: 20px 0 27px 42px}
.exam_chart .chart_x.diff .graph > span{color: #fff; bottom: 20px;}
.exam_chart .chart_info{position: absolute; display: inline-block; top: -5px; right: 0; overflow: hidden; height: 13px; line-height: 13px;}
.exam_chart .chart_info > li{float: left; position: relative; font-size: 12px; padding-left: 22px;}
.exam_chart .chart_info > li:before{content: ""; position: absolute; top: 50%; margin-top: -2px; left: 0; background: #2A5BED; width: 12px; height: 4px;}
.exam_chart .chart_info > li.gray:before{background: #E2E5EF}
.exam_chart .chart_info > li.purple:before{background: #5D6BAF}
.exam_chart .chart_info > li+li{margin-left: 20px;}
.exam_chart.layout{height: 375px;}
.exam_chart.layout .chart_y{display: flex; flex-direction: column; justify-content: space-between;}
.exam_chart.layout .chart_y{display: flex; flex-direction: column; justify-content: space-between;}
.exam_chart.layout .chart_y:before{content: "합격확실"; position: absolute; top: 0;}
.exam_chart.layout .chart_y:after{content: "합격가능"; position: absolute; bottom: 0;}
.exam_chart.layout .chart_y > span{display: inline-block; background: url('//static.conects.com/exam_conects/img/renew/chart_arrow.png') no-repeat center center; width: 43px; height: 100%}
.exam_chart.layout .chart_x{padding: 0 40px;}
.exam_chart.layout .chart_x .line > span{left: -48px}
.exam_chart.layout .chart_x .graph{display: inline-flex; justify-content: center; align-items: center; width: 120px; height: 90px; bottom: calc(50% - 45px); z-index: 1;}
.exam_chart.layout .chart_x .graph > span{position: static; color: #121212; transform: none;}

.exam_pyramid{display: flex; justify-content: space-between; align-items: center;}
.exam_pyramid .pyramid{width: 490px; text-align: center;}
.exam_pyramid .level{width: 570px; text-align: center;}
.exam_pyramid .level > li{color: #333; font-size: 17px; height: 80px; line-height: 76px; font-weight: 700; text-align: left; padding: 0 24px; border-radius: 5px; opacity: .5; border: 2px  solid transparent;}
.exam_pyramid .level > li .lavel_icon{display: inline-block; margin-right: 18px; font-size: 0; vertical-align: top;}
.exam_pyramid .level > li .lavel_icon > img{vertical-align: middle;}
.exam_pyramid .level > li.on{background: #F6F8FF; border-color: #172C8D; opacity: 1;}
.exam_pyramid .level > li.on:after{content: "내 위치"; display: inline-block; background: #172C8D; color: #fff; font-size: 12px; font-weight: 500; width: 44px; height: 19px; line-height: 19px; padding: 0 2px; background: #172C8D; border-radius: 3px; text-align: center; margin-left: 15px; vertical-align: 1px;}
.exam_pyramid .level > li:nth-child(2).on{background: #F8FBFF; border-color: #0F66FF}
.exam_pyramid .level > li:nth-child(2).on:after{background: #0F66FF}
.exam_pyramid .level > li:nth-child(3).on{background: #F8FBFF; border-color: #188CEA}
.exam_pyramid .level > li:nth-child(3).on:after{background: #188CEA}
.exam_pyramid .level > li:nth-child(4).on{background: #F8FBFF; border-color: #18ADD2}
.exam_pyramid .level > li:nth-child(4).on:after{background: #18ADD2}
.exam_pyramid .level > li:nth-child(5).on{background: #F8FBFF; border-color: #84CFDE}
.exam_pyramid .level > li:nth-child(5).on:after{background: #84CFDE}
.exam_pyramid .level > li.gray.on{background: #f8f8f8; border-color: #c4c4c4; opacity: 1;}
.exam_pyramid .level > li.gray.on:after{background: #A8A8A8;}

/* gnb */
.container{font-family: 'Noto Sans KR'; background: #fafafc; word-spacing: -1px;}
.container *{font-family: inherit;}
.stu_gnb{border-bottom: 1px solid #e8e8e8; width: 100%; height: 60px; line-height: 60px; user-select: none;}
.stu_gnb img{vertical-align: middle;}
.stu_gnb .inner{width: 1140px; margin: 0 auto;}
.stu_gnb .inner:after{content: ""; display: block; width: 100%; clear: both; float: none;}
.stu_gnb h1{font-size: 0; float: left; width: 180px;}
.stu_gnb h1 > a{display: inline-block;}
.stu_gnb h1 > a > span{font-size: 18px; font-weight: 900; color: #000; vertical-align: middle; display: inline-block; margin-left: 4px; letter-spacing: -0.5px; word-spacing: -1.5px;}
.stu_gnb .gnb_nav {display: flex; justify-content: space-between;}
.stu_gnb .gnb_nav a{position: relative; font-size: 14px; color: #7E8B9A; font-weight: 500; display: inline-block; width: 100%; height: 100%; text-align: center;}
.stu_gnb .gnb_nav a.active{color: #121212;}
.stu_gnb .gnb_nav a.active:after{content: ""; position: absolute; width: 100%; height: 2px; bottom: 2px; left: 0; background: #000000;bottom: 0;}

.stu_gnb .gnb_nav > ul > li > ul + a:after{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_down.png') no-repeat center center; display: inline-block; width: 10px; height: 60px; vertical-align: top; margin-left: 2px;}
.stu_gnb .gnb_nav > ul:first-child > li{width: 60px;}
.stu_gnb .gnb_nav > ul > li > ul{position: absolute; width: 100%; top: calc(100% - 10px); background: #fff; border: 1px solid #172C8D; padding: 10px 0; display: none; min-width: 78px; z-index: 2;}
.stu_gnb .gnb_nav > ul > li > ul.text-left > li > a{text-align: left; padding: 0 14px;}
.stu_gnb .gnb_nav > ul > li > ul > li{height: 27px; line-height: 27px; font-size: 12px; font-weight: 700; color: #444}
.stu_gnb .gnb_nav > ul > li > ul > li > a{display: inline-block; width: 100%; height: 100%;}
.stu_gnb .gnb_nav > ul > li > ul > li:hover{background: #FAFAFC;}
.stu_gnb .gnb_nav > ul > li:hover > ul{display: block;}
.stu_gnb .gnb_nav .blue{color: #025AF6;}

/* dim */
.dim_popup{background: rgba(0, 0, 0, .45); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 110; text-align: center; padding: 70px 0; overflow: auto; display: none;}
.dim_popup.on{display: block;}
.dim_popup > .dim_content{background: #fff; display: inline-block; width: 670px; border-radius: 10px; vertical-align: middle;}
.dim_popup > .dim_content .dim_head{border-bottom: 1px solid #E5E5E5; height: 40px; line-height: 40px; font-size: 13px; font-weight: 500; position: relative;}
.dim_popup > .dim_content .dim_head .btn{position: absolute; top: 0; right: 10px; height: 100%; width: 20px;}
.dim_popup > .dim_content .dim_head .btn  > img{vertical-align: middle; display: in;}
.dim_popup > .dim_content .dim_body{padding: 28px 20px;}
.dim_popup > span{display: inline-block; height: 100%; vertical-align: middle;}

/* main */
.main_top{background: url('//un-static-qa.conects.com/gong/landing/2024/11/ser_45/pc/banner_bg.png') repeat-x center top; text-align: center; position: relative; padding: 50px 0 60px;}
.main_top .inner{display: flex;justify-content: space-between; align-items: center;}
.main_top .inner:after{display: none !important;}
.main_top .new_top{text-align: left;}
.main_top .new_top .main_title_desc{display: block;}
.main_top .exam_display ul{border: 3px solid #172C8D; border-radius: 8px; height: 70px; line-height: 64px; overflow: hidden;}
.main_top .exam_display strong{background: #172C8D; width: 282px; height: 100%; font-size: 18px; font-weight: 900; color: #fff; float: left;}
.main_top .exam_display .exam_count{overflow: hidden; background: #fff;}
.main_top .exam_display .exam_count > li{ overflow: hidden; font-size: 15px; color: #121212; font-weight: 700; display: flex;}
.main_top .exam_display .exam_count > li .count_name sub{display: inline-block;vertical-align: super;font-size: 12px;margin-left: 2px;font-weight: normal;}
.main_top .exam_display .exam_count > li .count_num{ color: #172C8D; font-size: 24px; font-weight: 700;}
.main_top .exam_display .exam_count > li .count_num:after{content: "건"; display: inline-block; font-size: 15px; line-height: 15px; margin-right: 4px; vertical-align: 3px; margin-left: 3px;}
.main_top .exam_display .exam_count > li .count_num2{color: #172C8D; font-size: 24px; font-weight: 700;}
.main_top .exam_display .exam_count > li .count_num2:after{content: "명"; display: inline-block; font-size: 15px; line-height: 15px; margin-right: 4px; vertical-align: 3px; margin-left: 3px;}
.container .box_group > div + div{margin-top: 20px;}
.container .table_group > table + table{margin-top: 40px;}

.main_top .inner .banner_txt {display: flex; flex-direction: column; gap: 12px; text-align: left;}
.main_top .inner .banner_txt p{color: #121212; font-size: 13px; font-weight: 400; line-height: 20px; letter-spacing: -0.39px;}
.main_top .inner .banner_txt strong{color: #121212; text-align: left; font-size: 37px; font-weight: 700; line-height: 52px; letter-spacing: -2px;display: block;white-space: nowrap;overflow: hidden; width: 710px;}

.main_top .inner .count_area {position: relative;}
.main_top .inner .count_area div {display: flex; align-items: center; justify-content: space-between; width: 400px; background: #FFF; border-radius: 8px; border: 3px solid #172C8D; box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.04); padding: 17px 30px;}
.main_top .inner .count_area div strong{color: #121212; font-size: 15px; font-weight: 700; line-height: 22.5px; letter-spacing: -0.45px; }
.main_top .inner .count_area div p {display: flex; align-items: center; color: #172CBD; font-size: 15px; font-weight: 700; line-height: 22.5px; height: 32px; margin: 0;}
.main_top .inner .count_area div p span{color: #172C8D; text-align: right; font-size: 24px; font-weight: 700; line-height: 24px;}
.main_top .inner .count_area div p span.count_txt{display: flex; width: 16px; height: 32px; flex-direction: column; justify-content: center; color: #172CBD; font-size: 15px; font-weight: 700; line-height: 22.5px;}
.main_top .inner .count_area > div+span {position: absolute; left: 0; bottom: -25px; color:#7E8B9A; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: -0.36px; opacity: 0.6;}





/* .board_btn{width: 158px; height: 45px; position: absolute; top:30px; left:200px} */
.table_ttl{position: relative; margin-bottom: 24px; height: 45px;}
.table_ttl > .ttl{line-height: 41px;}

.table_ttl .board_btn{position: absolute; top:-2px; left:153px}
.container .box{background: #FFFFFF; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04); border-radius: 8px;}
.container .box2{background: #FFFFFF; border: 1px solid #E8E8E8; border-radius: 8px;}
.container .box_slide{position: relative;}
.container .box_slide li{padding: 35px 40px 40px}
.container .box_slide .bx-wrapper{position: relative;}
.container .box_slide .bx-wrapper .bx-controls-direction > a{position: absolute; top: 50%; margin-top: -20px; width: 40px; height: 40px; font-size: 0; display: inline-block; box-shadow: 0px 4px 3px rgba(70, 74, 89, 0.1); border-radius: 50%;}
.container .box_slide .bx-wrapper .bx-controls-direction > .bx-prev{background: url('//static.conects.com/exam_conects/img/renew/slide_arrow1.png') no-repeat center top; left: -20px}
.container .box_slide .bx-wrapper .bx-controls-direction > .bx-next{background: url('//static.conects.com/exam_conects/img/renew/slide_arrow2.png') no-repeat center top; right: -20px}

.container .box_filter{overflow: hidden;}
.container .box_filter > ul{display: inline-block; overflow: hidden;}
.container .box_filter > ul > li{width: 170px; float: left;}
.container .box_filter > ul > li+li{margin-left: 10px;}
.container .box_filter > a{float: right; height: 50px; line-height: 50px;}
.main_contents{padding-bottom: 100px; margin-top: 30px; position: relative;}
.main_contents .blur{position: relative;}
.main_contents .blur > *:not(.blur_txt){filter: blur(10px);}
.main_contents .blur > .blur_txt{position: absolute; font-size: 14px; font-weight: 700; line-height: 22px; z-index: 1; left: 0; width: 100%; top: 50%; transform: translateY(-50%); text-align: center;}
.main_contents h4{font-size: 22px; font-weight: 900; margin-bottom: 24px;}
.main_contents > .inner > div{display: none;}
.main_contents > .inner > div.on{display: block;}
.main_contents > .inner > .page_main > div + div{margin-top: 20px;}
.main_contents > .inner > .page_main > div + div{margin-top: 20px;}
.main_contents .page_main .cont_banner > ul{position: absolute; left: 50%; margin-left: 612px;}
.main_contents .page_main .cont_banner > ul > li{background: #fff; background: #FFFFFF; box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04); border-radius: 2px; width: 120px;}
.main_contents .page_main .cont_banner > ul > li + li{margin-top: 8px;}
.main_contents .page_main .cont_banner > ul > li > a{display: block; width: 100%;}
.main_contents .page_main .cont_banner > ul > li > a > .txt{font-size: 13px; font-weight: 500; line-height: 20px; padding: 15px 13px 13px;}
.main_contents .page_main .cont_banner > ul > li > a > .txt span{font-weight: 700; color: #025AF6;}
.main_contents .page_main .cont_banner > ul > li > a > .txt span.end{color: #969696}
.main_contents .page_main .cont_banner.fixed > ul{position: fixed; top: 20px;}
.main_contents .page_main .cont_top:after{content: ""; display: block; width: 100%; clear: both; float: none;}
.main_contents .page_main .cont_top .col{float: left; width: 285px; height: 229px; overflow: hidden;}
.main_contents .page_main .cont_top .col+.col{margin-left: 20px;}
.main_contents .page_main .cont_top .col_lg{width: 530px;}
.main_contents .page_main .cont_top .exam_schedule{padding: 16px 18px; margin-bottom: 10px;}
.main_contents .page_main .cont_top .exam_schedule .schedule_box{background: #FAFAFC; border: 1px solid #E8E8E8; border-radius: 8px; height: 44px; line-height: 44px; font-size: 12px; font-weight: 500; color: #121212; text-align: center;}
.main_contents .page_main .cont_top .exam_schedule .schedule_box strong{font-size: 13px; font-weight: 700; margin-right: 7px;}
.main_contents .page_main .cont_top .exam_schedule > .date{display: flex; justify-content: space-between; margin-top: 11px;}
.main_contents .page_main .cont_top .exam_schedule > .date > div{width: 115px; position: relative;}
.main_contents .page_main .cont_top .exam_schedule > .date > div:first-child:after{content: "-"; position: absolute; left: 100%; top: 0; font-size: 18px; font-weight: 700; color: #121212; width: 21px;}
.main_contents .page_main .cont_top .col_banner{overflow: hidden; border-radius: 8px;}
.main_contents .page_main .cont_top .exam_info{padding: 26px 24px 27px}
.main_contents .page_main .cont_top .exam_info > ul > li{height: 20px; line-height: 20px; font-size: 0; white-space: nowrap;}
.main_contents .page_main .cont_top .exam_info > ul > li + li{margin-top: 6px;}
.main_contents .page_main .cont_top .exam_info > ul > li > span{font-size: 13px; font-weight: 500; color: #121212;}
.main_contents .page_main .cont_top .exam_info > ul > li > span:first-child{color: #636671; width: 52px; margin-right: 24px; display: inline-block;}
.main_contents .page_main .cont_top .exam_info > ul > li > ul{display: inline-block; overflow: hidden; vertical-align: top; width: 466px;}
.main_contents .page_main .cont_top .exam_info > ul > li > ul > li{float: left; font-size: 13px; font-weight: 500; color: #121212; margin-right: 20px;}
.main_contents .page_main .cont_top .notice{padding: 29px 24px;}
.main_contents .page_main .cont_top .notice .tit{color: #121212; font-size: 16px; font-weight: 900; height: 22px; line-height: 22px; overflow: hidden;}
.main_contents .page_main .cont_top .notice .tit > strong{display: inline-block;}
.main_contents .page_main .cont_top .notice .tit > a{float: right; font-weight: 500; color: #888; font-size: 12px;}
.main_contents .page_main .cont_top .notice .notice_board{margin-top: 14px;}
.main_contents .page_main .cont_top .notice .notice_board > li{height: 19px; line-height: 19px; font-size: 13px; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_contents .page_main .cont_top .notice .notice_board > li + li{margin-top: 10px;}
.main_contents .page_main .cont_top .notice .notice_board > li > a:hover{text-decoration: underline;}
.main_contents .page_main .cont_mock{text-align: center;}
.main_contents .page_main .cont_mock .mock_table{width: 1080px; margin: 0 auto;}
.main_contents .page_main .cont_mock .mock_table tr > th,
.main_contents .page_main .cont_mock .mock_table tr > td{height: 42px;}
.main_contents .page_main .cont_mock .mock_table tr > td[colspan='6']{color: #888}
.main_contents .page_main .cont_ticket{text-align: center;}
.main_contents .page_main .cont_ticket .ticket_col{width: 1080px; margin: 0 auto; overflow: hidden;}
.main_contents .page_main .cont_ticket .ticket_col > .col{float: right;}
.main_contents .page_main .cont_ticket .ticket_col > .col:first-child{float: left;}
.main_contents .page_main .cont_ticket .mock_ticket{width: 717px; border: 1px solid #E8E8E8}
.main_contents .page_main .cont_ticket .mock_ticket > li{height: 80px; line-height: 80px; text-align: left; user-select: none;}
.main_contents .page_main .cont_ticket .mock_ticket > li + li{border-top: 1px solid #E8E8E8}
.main_contents .page_main .cont_ticket .mock_ticket > li > input[type='radio']{display: none;}
.main_contents .page_main .cont_ticket .mock_ticket > li > label{display: block; padding: 0 40px 0 30px; position: relative; overflow: hidden; font-weight: 700; cursor: pointer;}
.main_contents .page_main .cont_ticket .mock_ticket > li > label strong{font-size: 15px;}
.main_contents .page_main .cont_ticket .mock_ticket > li > label strong > span{color: #a3a3a3}
.main_contents .page_main .cont_ticket .mock_ticket > li > label strong > .primary{color: #025AF6}
.main_contents .page_main .cont_ticket .mock_ticket > li > label .ticket_num{float: right; font-size: 24px;}
.main_contents .page_main .cont_ticket .mock_ticket > li > label .ticket_num:after{content: "원"; font-size: 15px; display: inline-block; vertical-align: 1px; line-height: 15px; margin-left: 2px;}
.main_contents .page_main .cont_ticket .mock_ticket > li > label .ticket_num > .label{background: #EBF2FF; border-radius: 2px; width: 55px; height: 21px; line-height: 21px; color: #2A5BED; font-size: 11px; display: inline-block; text-align: center; vertical-align: 4px; margin-right: 7px;}
.main_contents .page_main .cont_ticket .mock_ticket > li:not(.agreement) > input:checked + label{background: #F6F8FF;}
.main_contents .page_main .cont_ticket .mock_ticket > li:not(.agreement) > input:checked + label:after{content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px solid #2A5BED; box-sizing: border-box;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement{color: #888; font-size: 0; padding: 0 25px 0 30px; display: flex; justify-content: space-between; align-items: center; height: 75px; line-height: normal;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement input[type='checkbox']{vertical-align: middle; width: 18px; height: 18px; margin-right: 6px}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement label{display: inline-block; padding: 0; vertical-align: middle; font-size: 14px; font-weight: 400;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement .notice{display: inline-block; border: 1px solid #E8E8E8; border-radius: 2px; color: #969696; width: 123px; height: 26px; line-height: 24px; font-size: 12px; text-align: center; vertical-align: middle; margin-left: 10px; letter-spacing: -0.5px;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement .notice > span{margin-left: 5px; font-size: 0; display: inline-block; vertical-align: top;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement .notice > span > img{vertical-align: middle;}
.main_contents .page_main .cont_ticket .mock_ticket > li.agreement .btn{float: right; width: 100px; height: 45px; line-height: 45px;}
.main_contents .page_form{padding: 35px 0}
.main_contents .page_form .box{padding: 35px 0}
.main_contents .page_form .apply_form{width: 710px; margin: 0 auto}
.main_contents .page_form .apply_form h4{font-size: 18px; font-weight: 700;}
.main_contents .page_form .apply_form .alert{background: #F6F8FF; color: #2A5BED; padding: 10px 11px; font-size: 13px; line-height: 19px; letter-spacing: -0.5px; margin-top: 20px;}
.main_contents .page_form .apply_form form{margin-top: 42px; font-size: 15px;}
.main_contents .page_form .apply_form form > ul > li{overflow: hidden; vertical-align: top;}
.main_contents .page_form .apply_form form > ul > li+li{margin-top: 17px;}
.main_contents .page_form .apply_form form > ul > li > .form_tit{width: 100px; height: 50px; line-height: 50px; float: left; font-size: 15px; font-weight: 700; letter-spacing: -0.5px;}
.main_contents .page_form .apply_form form > ul > li > .form_box{width: calc(100% - 100px); float: left; font-size: 0}
.main_contents .page_form .apply_form form > ul > li > .form_box .txt{padding: 0 17px; color: #969696; height: 50px; font-size: 15px; line-height: 50px; font-weight: 500;}
.main_contents .page_form .apply_form form > ul > li > .form_box input[type='text']{background: #FAFAFC; border: 1px solid #E8E8E8; border-radius: 2px; width: 100%; height: 50px; box-sizing: border-box; padding: 0 17px; font-size: 15px; font-weight: 500;}
.main_contents .page_form .apply_form form > ul > li > .form_box input[type='text']::placeholder{color: #969696}
.select{position: relative; background: #fff; width: 100%; height: 50px; border: 1px solid #E8E8E8;}
.select.disabled{color: #ddd;}
.select > select{border-radius: 2px; appearance: none; width: 100%; height: 100%; vertical-align: top; padding: 0 15px; font-size: 15px; text-overflow: ellipsis; overflow: hidden;}
.select:after{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_down2.png') no-repeat center center; position: absolute; top: 0; right: 15px; width: 14px; height: 100%; pointer-events: none;}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio{border: 1px solid #E8E8E8}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio:after{content: ""; display: block; width: 100%; clear: both; float: none;}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li{width: 50%; float: left; height: 50px; line-height: 50px; text-align: center;}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li > input{display: none}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li > label{display: inline-block; width: 100%; height: 100%; cursor: pointer; position: relative; font-size: 13px; border-left: 1px solid #E8E8E8}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li:first-child > label{border-left: 0;}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li > input:checked + label{color: #2A5BED; background: #F6F8FF; font-weight: 700;}
.main_contents .page_form .apply_form form > ul > li > .form_box .radio > li > input:checked + label:after{content: ""; position: absolute; width: 100%; height: 100%; left: -1px; top: -1px; border: 1px solid #2A5BED; z-index: 1;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_col{overflow: hidden;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_col.col_type2 > div{width: 299.5px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_col > div{float: left; width: 196px; font-size: 0}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_col > div + div{margin-left: 11px}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_list{overflow: hidden; height: 50px; line-height: 50px; padding: 0 17px}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_list > li{float: left;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_list > li + li{margin-left: 20px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_list > li > input[type='checkbox']{vertical-align: -2px; display: inline-block; height: 15px; width: 15px; margin-right: 10px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_list > li > label{font-size: 15px; display: inline-block;}
.main_contents .page_form .apply_form form > ul > li > .form_box .form_note{display: block; clear: both; float: none; font-size: 12px; line-height: 12px; color: #025AF6; margin-top: 8px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point{background: #fff; border: 1px solid #E8E8E8; border-radius: 2px; padding: 15px 30px}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li{height: 40px; line-height: 40px; font-size: 13px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li+li{margin-top: 9px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_tit{width: 110px; float: left; font-weight: 500;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_box{width: calc(100% - 110px); float: left;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_box .radio{white-space: nowrap;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_box .radio > li{height: 38px; line-height: 38px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_box .point_radio1 > li{width: 72.6px;}
.main_contents .page_form .apply_form form > ul > li > .form_box .point > li .point_box .point_radio2 > li{width: 33.3333%;}
.main_contents .page_form .apply_form form .form_footer{border-top: 1px solid #E8E8E8; margin-top: 40px; padding-top: 15px;}
.main_contents .page_form .apply_form form .form_footer .sms{overflow: hidden; height: 24px; line-height: 24px; font-size: 13px; font-weight: 500;}
.main_contents .page_form .apply_form form .form_footer .sms p{display: inline-block; color: #333}
.main_contents .page_form .apply_form form .form_footer .sms ul{float: right; overflow: hidden;}
.main_contents .page_form .apply_form form .form_footer .sms ul > li{float: left; color: #969696; user-select: none;}
.main_contents .page_form .apply_form form .form_footer .sms ul > li > input[type='radio']{vertical-align: -2px; margin-right: 9px;}
.main_contents .page_form .apply_form form .form_footer .sms ul > li > input[type='radio']:checked + label{color: #2A5BED}
.main_contents .page_form .apply_form form .form_footer .sms ul > li > label{display: inline-block; ;}
.main_contents .page_form .apply_form form .form_footer .sms ul > li + li{margin-left: 40px;}
.main_contents .page_form .apply_form form .form_footer .note{padding: 10px; font-size: 11px; font-weight: 500; color: #969696; margin-top: 15px; padding-left: 25px; border: 1px solid #E8E8E8;}
.main_contents .page_form .apply_form form .form_footer .note > li{list-style: disc;}
.main_contents .page_form .apply_form form .form_footer .note > li > a{text-decoration: underline;}
.main_contents .page_form .apply_form form .form_footer .note > li+li{margin-top: 7px;}
.main_contents .page_form .apply_form form .form_footer .btns{text-align: right; margin-top: 20px;}
.main_contents .page_form .apply_form form .form_footer .btns > ul{overflow: hidden; display: inline-block;}
.main_contents .page_form .apply_form form .form_footer .btns > ul > li{float: left; border-radius: 4px; width: 99px; height: 50px; line-height: 50px; text-align: center; overflow: hidden;}
.main_contents .page_form .apply_form form .form_footer .btns > ul > li + li{margin-left: 8px; }
.main_contents .page_form .apply_form form .form_footer .btns > ul > li > a,
.main_contents .page_form .apply_form form .form_footer .btns > ul > li > button{display: inline-block; width: 100%; height: 100%; background: inherit; vertical-align: top;}

/* 유의사항 */
.main_notice {background-color: #fff;}
.main_notice *{box-sizing: border-box; max-width: 100%;}
.main_notice .btnOpen {display: block; background: #000; height: 70px; line-height: 70px; color: #fff; font-size: 22px; font-weight: bold; text-align: center;}
.main_notice .btnOpen span {display: inline-block; vertical-align: top;}
.main_notice .btnOpen span img {display: inline-block; vertical-align: middle;}
.main_notice .btnOpen span.arrow {transition: all .3s; margin-left: 10px;}
.main_notice .btnOpen.on span.arrow {transform: rotate(180deg) translateY(-2px);}
.main_notice .cnt .inner {padding: 70px 0; text-align: left; font-size: 15px; line-height: 24px; width:1000px;}
.main_notice .cnt .inner > p{font-weight: 700; margin-top: 50px; margin-bottom: 7px;}
.main_notice .cnt .inner > p:first-child{margin-top: 0;}
.main_notice .cnt .inner > div{padding: 0 80px;}
.main_notice .cnt .inner ul.style_bar > li{padding-left: 10px; position: relative;}
.main_notice .cnt .inner ul.style_bar > li::before{content:'-'; display: block; position: absolute; top: 0; left: 0;}
.main_notice .cnt .inner ol{margin-left: 15px;}
.main_notice .cnt .inner ol > li{list-style-type: decimal;}
.main_notice .cnt .inner dl.style_bar > dt{margin-top: 5px;}
.main_notice .cnt .inner dl.style_bar > dd{padding-left: 10px; position: relative;}
.main_notice .cnt .inner dl.style_bar > dd::before{content:'·'; display: block; position: absolute; top: 0; left: 0;}

.exam_label{background: #172C8D; height: 40px; line-height: 40px;}
.exam_label h3{font-size: 15px; font-weight: 700; display: inline-block; color: #fff; position: relative;}
.exam_label h3:before{content: ""; position: absolute; top: 4px; right: -26px; background: #132362; width: 1px; height: 22px}
.exam_label h3:after{content: ""; position: absolute; top: 4px; right: -27px; background: #223db8; width: 1px; height: 22px}
.exam_label ul{float: right; overflow: hidden; font-size: 0}
.exam_label ul > li{font-size: 13px; font-weight: 700; color: #fff; float: left; position: relative;}
.exam_label ul > li > span{font-weight: 900; font-size: 20px; margin-left: 40px; display: inline-block; vertical-align: top;}
.exam_label ul > li > span:after{content: "건"; font-size: 15px; display: inline-block; vertical-align: top; margin-left: 10px;}
.exam_label ul > li + li{margin-left: 40px; padding-left: 40px;}
.exam_label ul > li + li:before{content: ""; display: inline-block; position: absolute; width: 1px; height: 10px; background: #223DB8; left: 0; top: 14px;}

.exam_contents .dim_content{width: 360px;}
.exam_contents .dim_content .dim_head{border: 0}
.exam_contents .dim_content .dim_body{padding: 0 30px 30px;}
.exam_contents .dim_content .dim_body strong{font-size: 16px; font-weight: 700;}
.exam_contents .dim_content .dim_body .btns{margin-top: 24px;}
.exam_contents .dim_content .dim_body .btns > li{background: #FAFAFC; height: 45px; line-height: 45px; border: 1px solid #E8E8E8; border-radius: 2px;}
.exam_contents .dim_content .dim_body .btns > li+li{margin-top: 12px;}
.exam_contents .dim_content .dim_body .btns > li > a{display: inline-block; width: 100%; height: 100%;}


.exam_contents .exam_box > div{display: none;}
.exam_contents .exam_box > div.on{display: block;}
.exam_contents .exam_box .exam_main > div{float: left; width: 563px; padding: 32px;}
.exam_contents .exam_box .exam_main > div + div{margin-left: 14px}
.exam_contents .exam_box .exam_main .exam_info h3{font-size: 18px; font-weight: 700;}
.exam_contents .exam_box .exam_main .exam_info table{margin-top: 17px;}
.exam_contents .exam_box .exam_main .exam_info table tr td{padding: 0 32px;}
.exam_contents .exam_box .exam_main .exam_info .btn{text-align: right; margin-top: 14px;}
.exam_contents .exam_box .exam_main .exam_info .btn .exam_btn{width: 131px; height: 44px; line-height: 44px;}
.exam_contents .exam_box .exam_main .exam_info .btn > a + a{margin-left: 7px}
.exam_contents .exam_box .exam_main .exam_note h4{color: #EE5A5A; font-size: 16px; font-weight: 500;}
.exam_contents .exam_box .exam_main .exam_note ul{margin-top: 16px; padding-left: 17px;}
.exam_contents .exam_box .exam_main .exam_note ul > li{font-size: 13px; color: #333; line-height: 26px; list-style: decimal}
.exam_contents .exam_box .exam_main .exam_note ul > li > span{color: #2A5BED}
.exam_contents .exam_box .exam_main .exam_note p{font-size: 13px; color: #EE5A5A; margin-left: -3px; margin-top: 4px; letter-spacing: -0.2px;}
.exam_contents .exam_box .exam_start{width: 100%; height: calc(100vh - 300px); min-height: 390px; color: #121212}
.exam_contents .exam_box .exam_start.on{display: table;}
.exam_contents .exam_box .exam_start > div{display: table-cell; width: 450px; margin: 0 auto; text-align: center; vertical-align: middle;}
.exam_contents .exam_box .exam_start > div h4{font-size: 24px; font-weight: 700;}
.exam_contents .exam_box .exam_start > div p{font-size: 15px; font-weight: 500; margin-top: 18px; letter-spacing: -0.5px; line-height: 24px;}
.exam_contents .exam_box .exam_start > div .btns{overflow: hidden; display: inline-block; margin-top: 50px;}
.exam_contents .exam_box .exam_start > div .btns > li{float: left;}
.exam_contents .exam_box .exam_start > div .btns > li + li{margin-left: 10px;}

.exam_contents .exam_box .exam_head{height: 42px; line-height: 42px; overflow: hidden;}
.exam_contents .exam_box .exam_head *{height: inherit; line-height: inherit;}
.exam_contents .exam_box .exam_head .time{background: #FFF1F0; color: #FF0E00; font-size: 14px; font-weight: 700; padding: 0 24px; border: 1px solid #FF0E00; display: inline-block;}
.exam_contents .exam_box .exam_head .mode_btn{font-size: 14px; font-weight: 500; float: right; position: relative; padding-right: 20px;}
.exam_contents .exam_box .exam_head .mode_btn:after{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_right2.png') no-repeat center center; position: absolute; top: 0; right: 6px; width: 8px; height: 100%;}
.exam_contents .exam_box .exam_body{margin-top: 35px;}
.exam_contents .exam_box .exam_footer{margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-end;}
.exam_contents .exam_box .exam_footer p{font-size: 14px;}
.exam_contents .exam_box .exam_footer p > span{font-weight: 700;}
.exam_contents .exam_box .exam_fast{padding: 30px;}
.exam_contents .exam_box .exam_fast h4{font-size: 18px; font-weight: 700; margin-bottom: 12px;}
.exam_contents .exam_box .exam_fast table tr th,
.exam_contents .exam_box .exam_fast table tr td{height: 40px;}
.exam_contents .exam_box .exam_fast table tr td input{width: 40px; height: 28px; border: 1px solid #E8E8E8; text-align: center; appearance: none;}
.exam_contents .exam_box .exam_fast .fast_group .fast_row+.fast_row{margin-top: 40px;}
.exam_contents .exam_box .exam_omr{padding: 30px;}
.exam_contents .exam_box .exam_omr .exam_body{overflow: hidden;}
.exam_contents .exam_box .exam_omr .exam_body > div{float: left;}
.exam_contents .exam_box .exam_omr .exam_body .exam_paper{width: 740px; height: 965px; float: left; position: relative}
.exam_contents .exam_box .exam_omr .exam_body .exam_paper p{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f1f1f1; text-align: center; padding: 70px; font-size: 14px; color: #555;}
.exam_contents .exam_box .exam_omr .exam_body .exam_nav{overflow: hidden; margin-bottom: 25px; display: flex;}
.exam_contents .exam_box .exam_omr .exam_body .exam_nav > li{float: left; background: #FAFAFC; color: #969696; width: 20%; height: 64px; line-height: 64px; font-size: 18px; text-align: center; cursor: pointer; user-select: none; border-top: 1px solid #DADADA; border-bottom: 1px solid #DADADA; border-right: 1px solid #DADADA;flex:1 1 40%;}
.exam_contents .exam_box .exam_omr .exam_body .exam_nav > li:first-child{border-left: 1px solid #DADADA;}
.exam_contents .exam_box .exam_omr .exam_body .exam_nav > li.on{background: #2A5BED; color: #fff; font-weight: 700; border-color: #2A5BED}
.exam_contents .exam_box .exam_omr .exam_body .exam_tab > li{display: none;}
.exam_contents .exam_box .exam_omr .exam_body .exam_tab > li.on{display: block;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right{width: 340px; float: right;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check{padding: 20px; border: 1px solid #DADADA;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table{border: 1px solid #DADADA; user-select: none;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr th,
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr td{height: 40px;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr td{position: relative;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr td > label{display: inline-block; width: 100%; font-size: 0; vertical-align: top; height: 38px; line-height: 38px;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr td > label > input{cursor: pointer;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .check_btns{overflow: hidden; margin-top: 37px}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .check_btns.one > a{width: 100%;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .check_btns > a{float: left; width: 165px;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .check_btns > a + a{margin-left: 10px;}
.exam_contents .exam_box .exam_omr .exam_body .exam_right .exam_check table tr td .omr_input{width: 14px; height: 14px;}

.content_body .content_nav{overflow: hidden; padding: 0 30px;}
.content_body .content_nav > li{float: left; width: 25%; text-align: center; height: 55px; line-height: 55px; font-size: 15px; font-weight: 700; color: #333; user-select: none; cursor: pointer;}
.content_body .content_nav > li a{display: inline-block; width: 100%; height: 100%;}
.content_body .content_nav > li.on{color: #2A5BED; border-bottom: 1px solid #2A5BED;}
.content_body .content_tab{margin-top: 12px;}
.content_body .empty{padding: 85px 0; font-size: 18px; font-weight: 500; text-align: center; color: #969696}
.content_box{margin-top: 20px;}
.content_box .board_box{text-align: center;}
.content_box .board_box .board_list > li{display: flex; justify-content: space-between; align-items: center; height: 86px; padding: 0 40px; text-align: left;}
.content_box .board_box .board_list > li > div{display: inline-flex; align-items: center; width: 1000px;}
.content_box .board_box .board_list > li > div > div{flex: 0 0 auto;}
.content_box .board_box .board_list > li > div > div+div{margin-left: 20px;}
.content_box .board_box .board_list > li .category{color: #969696; font-size: 13px; font-weight: 500; width: 86px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.content_box .board_box .board_list > li .thumb{border-radius: 5px; overflow: hidden; margin-left: 30px;}
.content_box .board_box .board_list > li .info{flex: 0 1 auto; overflow: hidden; font-size: 0;}
.content_box .board_box .board_list > li .info > *{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.content_box .board_box .board_list > li .info strong{display: inline-flex; font-size: 15px; font-weight: 500; line-height: 16px; width: 100%; align-items: center;}
.content_box .board_box .board_list > li .info strong.new:after,
.content_box .board_box .board_detail .board_head .tit.new:after{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_new.png') no-repeat center center; display: inline-block; width: 15px; height: 15px; margin-left: 8px;}
.content_box .board_box .board_list > li .info p{display: inline-block; font-size: 11px; line-height: 12px; font-weight: 700; color: #969696; width: 100%; margin-top: 8px;}
.content_box .board_box .board_list > li .info .label,
.content_box .board_box .board_detail .board_head .tit .label{color: #FF3566; font-size: 11px; font-weight: 700; display: inline-block; width: 48px; height: 21px; line-height: 19px; text-align: center; border: 1px solid #FF3566; border-radius: 2px; margin-right: 8px;}
.content_box .board_box .board_list > li .exam_btn{width: 76px; height: 33px; line-height: 31px;}
.content_box .board_box .board_list > li .date{color: #969696; font-size: 13px; font-weight: 500;}
.content_box .board_box .board_list > li+li{border-top: 1px solid #E8E8E8}
.content_box .board_box .board_paging{margin-top: 24px; display: inline-block; overflow: hidden; border: 1px solid #E8E8E8}
.content_box .board_box .board_paging > li{background: #fff; width: 34px; height: 34px; line-height: 34px; font-size: 11px; font-weight: 700; float: left;}
.content_box .board_box .board_paging > li+li{border-left: 1px solid #E8E8E8}
.content_box .board_box .board_paging > li > a{display: inline-block; width: 100%; height: 100%;}
.content_box .board_box .board_paging > li.on{background: #FAFAFC;}
.content_box .board_box .board_paging > li.prev > a{background: url('//static.conects.com/exam_conects/img/renew/icon_page_prev.png') no-repeat center center;}
.content_box .board_box .board_paging > li.next > a{background: url('//static.conects.com/exam_conects/img/renew/icon_page_next.png') no-repeat center center;}
.content_box .board_box .board_form{text-align: left;}
.content_box .board_box .board_form .tit{height: 64px; line-height: 63px; overflow: hidden;}
.content_box .board_box .board_form .tit input[type='text']{font-size: 20px; font-weight: 500; width: calc(100% - 80px); height: 63px; float: left;}
.content_box .board_box .board_form .tit input[type='text']::placeholder{font-size: 20px; color: #969696}
.content_box .board_box .board_form .tit .fixed{float: right; width: 80px; text-align: right; font-size: 0}
.content_box .board_box .board_form .tit .fixed > label{font-size: 13px; font-weight: 500; color: #969696; user-select: none; margin-right: 8px;}
.content_box .board_box .board_form .tit .fixed > input{vertical-align: -3px; width: 16px; height: 16px;}
.content_box .board_box .board_form .content{padding: 0}
.content_box .board_box .board_form .content textarea{border: 0; resize: none; width: 100%; min-height: 350px; font-size: 13px; color: #333; padding: 25px 30px; line-height: 24px;}
.content_box .board_box .board_form .content textarea:focus{outline: none;}
.content_box .board_box .files{padding: 24px 30px !important;}
.content_box .board_box .files .file_btn{height: 22px; line-height: 22px; margin-bottom: 16px;}
.content_box .board_box .files .file_btn strong{display: inline-block; margin-left: 4px; font-size: 13px; font-weight: 500; color: #969696;}
.content_box .board_box .files .file_list{border: 1px solid #E8E8E8; border-radius: 2px; padding: 4px 0;}
.content_box .board_box .files .file_list > li{height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden;}
.content_box .board_box .files .file_list > li > div{float: left; height: 50px; line-height: 50px;}
.content_box .board_box .files .file_list > li .filename{font-weight: 500; color: #333; font-size: 12px; display: inline-block; width: calc(100% - 70px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right: 5px;}
.content_box .board_box .files .file_list > li .filename:before{content: ""; background: url('//static.conects.com/exam_conects/img/renew/icon_clip.png') no-repeat center center; width: 20px; height: 100%; display: inline-block; vertical-align: top; margin-right: 5px;}
.content_box .board_box .files .file_list > li .filesize{float: left; width: 70px; font-size: 12px; font-weight: 500; color: #969696;}
.content_box .board_box .files .file_list > li .filesize a{font-size: 0; display: inline-block; vertical-align: top; margin-left: 15px;}
.content_box .board_box .files .file_list > li .filesize a img{vertical-align: middle;}
.content_box .board_box .board_form .footer{overflow: hidden; padding: 20px 30px; font-size: 0}
.content_box .board_box .board_form .footer .btn_left{float: left;}
.content_box .board_box .board_form .footer .btn_right{float: right;}
.content_box .board_box .board_form .footer .btn_right a+a{margin-left: 8px;}
.content_box .board_box .board_form .footer .exam_btn{width: 124px; height: 40px; line-height: 38px; vertical-align: top;}
.content_box .board_box .board_form > div{padding: 0 30px;}
.content_box .board_box .board_form > div+div{border-top: 1px solid #E8E8E8;}

.board_box .board_detail{text-align: left; padding: 0 24px;}
.board_box .board_detail .board_head{height: 74px; line-height: 74px; overflow: hidden;}
.board_box .board_detail .board_head .tit{font-size: 14px; font-weight: 500; width: calc(100% - 200px); float: left;}
.board_box .board_detail .board_head .tit.new:after{vertical-align: -2px;}
.board_box .board_detail .board_head .info{width: 200px; float: left; text-align: right;}
.board_box .board_detail .board_head .info span{font-size: 13px; font-weight: 500; color: #969696; display: inline-block;}
.board_box .board_detail .board_head .info span+span{margin-left: 30px;}
.board_box .board_detail .board_body{margin-top: 24px; font-size: 13px; line-height: 24px; color: #333;}
.board_box .board_detail .board_footer{padding: 32px 0 24px;}
.board_box .board_detail .board_footer .files{padding: 0 !important}
.board_box .board_detail .board_footer .board_btns{margin-top: 20px; font-size: 0}
.board_box .board_detail .board_footer .board_btns .exam_btn{width: 54px; height: 32px; line-height: 30px; font-size: 12px; color: #333}
.board_box .board_detail .board_footer .board_btns a+a{margin-left: 5px;}

.report_contents .content_box .content_body .content_tab > li{display: none;}
.report_contents .content_box .content_body .content_tab > li.on{display: block;}
.report_contents .content_box .content_body .report_table{margin-top: 30px;}
.report_contents .report_diagnosis{margin-top: 45px;}
.report_contents .report_diagnosis .diagnosis_nav{overflow: hidden; margin-top: 45px;}
.report_contents .report_diagnosis .diagnosis_nav > li{width: 33.3333%; float: left; height: 50px; line-height: 48px; font-size: 15px; text-align: center; border: 1px solid #E8E8E8; border-right: 0; cursor: pointer; user-select: none;}
.report_contents .report_diagnosis .diagnosis_nav > li:last-child{border-right: 1px solid #E8E8E8}
.report_contents .report_diagnosis .diagnosis_nav > li+li{border-right: 0}
.report_contents .report_diagnosis .diagnosis_nav > li.on{background: #F6F8FF; color: #2A5BED; border: 1px solid #2A5BED; font-weight: 700;}
.report_contents .report_diagnosis .diagnosis_nav > li.on + li{border-left-color: #2A5BED; border-left: 0}
.report_contents .report_diagnosis .diagnosis_nav2{overflow: hidden; background: #FAFAFC; padding: 20px 148px 22px; border: 1px solid #E8E8E8; border-top: 0}
.report_contents .report_diagnosis .diagnosis_nav2 > li{float: left; font-size: 13px; font-weight: 500; color: #969696;}
.report_contents .report_diagnosis .diagnosis_nav2 > li+li{margin-left: 60px;}
.report_contents .report_diagnosis .diagnosis_nav2 > li.on{color: #2A5BED}
.report_contents .report_diagnosis .diagnosis_tab li:nth-child(2){text-align: center;}
.report_contents .report_diagnosis .diagnosis_tab li:nth-child(2) > ul{display: flex; align-items: center; justify-content: center;}
.report_contents .report_diagnosis .diagnosis_tab li:nth-child(3){text-align: right;}
.report_contents .report_diagnosis .diagnosis_tab li:nth-child(3) > ul{display: flex; align-items: center; justify-content: flex-end;}

.notice_contents .content_box .faq_list > li+li{border-top: 1px solid #E8E8E8}
.notice_contents .content_box .faq_list > li > div{padding: 0 24px;}
.notice_contents .content_box .faq_list > li .faq_head{height: 74px; line-height: 74px; overflow: hidden; font-size: 13px; cursor: pointer; user-select: none;}
.notice_contents .content_box .faq_list > li .faq_head strong{font-weight: 500; float: left; width: calc(100% - 120px);}
.notice_contents .content_box .faq_list > li .faq_head span{color: #969696; float: right; text-align: right; width: 120px; height: 74px; line-height: 74px;}
.notice_contents .content_box .faq_list > li .faq_head span:after{content: url('//static.conects.com/exam_conects/img/renew/icon_down3.png'); vertical-align: 1px; margin-left: 15px; display: inline-block;}
.notice_contents .content_box .faq_list > li.open .faq_head span:after{transform: rotate(180deg);}
.notice_contents .content_box .faq_list > li .faq_body{padding: 24px; font-size: 13px; line-height: 24px; color: #333; border-top: 1px solid #E8E8E8;; display: none;}

/* 신청하기 입력 팝업 */
.dim_wrap{background: rgba(0, 0, 0, .45); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 110;  overflow: auto; display: none; z-index: 110;}
.page_form{background: #FFFFFF;border: 1px solid #E8E8E8;box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);border-radius: 8px;width:748px;overflow: hidden; position: absolute;left: 50%;transform: translateX(-50%);}
.page_form .info_data input[type='text']:read-only{background: #FAFAFC;color: #888888;}

.page_form .info_data{padding:30px 20px 23px; display: flex; flex-wrap: wrap; gap: 20px 10px; flex-direction: row;justify-content: flex-start;}
.page_form .info_data .main_tit{width:100%; font-weight: 700;font-size: 18px;line-height: 27px;letter-spacing: -0.03em;color: #000000;}
.page_form .info_data select{border:1px solid #E6E6E6;border-radius: 2px;height: 44px;line-height: 40px;padding:0 13px;
    -o-appearance: none;-webkit-appearance: none;-moz-appearance: none;appearance: none; color: #121212;}
.page_form .info_data select::-ms-expand {display: none;}
.page_form .info_data .main_tit{width:100%;}
.page_form .info_data .sub_tit{font-weight: 700;font-size: 15px;letter-spacing: -0.03em;color: #000000;display: inline-block;height:44px; width: 100px; line-height: 44px;}
.page_form .info_data .shot{width:142px;}
.page_form .info_data .middle_2{width:321px;}
.page_form .btn_pop_close{background:url('https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/predict_pop_close.png') no-repeat 0 0;width: 24px;height:24px;position: absolute;z-index: 10;top:15px;right:20px;text-indent: -999px;overflow: hidden;}
.page_form .info_data input[type='text']{height: 44px;line-height: 40px;background: #fff;border: 1px solid #E6E6E6;border-radius: 2px;padding:0 17px; box-sizing: border-box;}
.page_form .info_data input[type='text']:disabled{background:#FAFAFC;color:#888888}

.page_form .info_data .shot{width:169px;}
.page_form .info_data .middle_2{width:349px;}
.page_form .info_data .middle_3{width: 529px;}
.page_form .box_btn{text-align: center;}
.page_form .box_btn a{display: inline-block;text-align: center;color:#fff;font-weight: 700;font-size: 14px;line-height: 42px;letter-spacing: -0.03em;background: #025AF6;border:0 none;height:42px; border-right: 2px; width: 188px;}
.page_form .box_btn a.btn_white{background-color: #fff; color: #000; border: 1px solid #E8E8E8;}
.page_form .info_data .box_agree p{font-weight: 700;font-size: 11px;line-height: 16px;background: #FFFFFF;border: 1px solid #E6E6E6;border-radius: 2px;overflow-y: auto;letter-spacing: -0.03em;color: #888888;padding:9px 13px;height:62px;margin-bottom: 6px;margin-top:6px;}
.page_form ul li .box_add_score{width: 606px;}
.page_form .form_col {display: flex;justify-content: space-between; column-gap: 10px;}
.container .page_form table.box_add_score tbody{border: 1px solid #e8e8e8; border-radius: 2px;}
.container .page_form table.box_add_score tr > th{text-align: left; background-color: #FAFAFC; padding-left: 17px;}
.container .page_form table.box_add_score tr > td{text-align: left; padding-left: 16px;}
.container .page_form table.box_add_score tr > td > label{margin-right: 5px;}
.page_form input[type='radio']{display: none;}
.page_form input[type='radio']+span{display: inline-block;background: url(https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/radio_off.png) no-repeat left 3px;padding-left: 21px;font-weight: 400;font-size: 13px;line-height: 150%;letter-spacing: -0.03em;color: #000000;}
.page_form input[type='radio']:checked+span{position: relative;}
.page_form input[type='radio']:checked+span {color: #025AF6;}
.page_form input[type='radio']:checked+span {background: url(https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/radio_on.png) no-repeat left 3px;}

.page_form .checkbox-group label {display: flex; align-items: center; padding: 0 14px; border: 1px solid #EDEDF3; border-radius: 2px; font-size: 14px; line-height: 44px; letter-spacing: -0.84px;}
.page_form .checkbox-group label em{font-size: 16px; font-weight: 600; color:#7E8B9A ;}
.page_form .checkbox-group label .sms_subtext{color:#7E8B9A; line-height: 44px;}
.page_form .checkbox-group input {margin-right: 8px;}
.page_form .checkbox-group input[type="checkbox"] {display: none;}
.page_form .checkbox-group .checkbox-image {display: inline-block; width: 24px; height: 24px; background-image: url('https://un-static.conects.com/gong/landing/2024/11/ser_45/m/check_off.png'); background-size: cover; cursor: pointer; margin-right: 10px;}
.page_form .checkbox-group input[type="checkbox"]:checked + .checkbox-image { background-image: url('https://un-static.conects.com/gong/landing/2024/11/ser_45/m/check_on.png');}
.page_form .txt-group {    background: #FAFAFC;border-radius: 8px;padding: 18px;font-size: 12px;line-height: 22px;letter-spacing: -0.66px;color: #7E8B9A;margin-top: 10px;}
.page_form .txt-group a{display: inline-block; color: #121212; text-decoration: underline;}
.page_form .notice {background: #FAFAFC; padding: 16px; border-radius: 8px; width: 100%;}
.page_form .notice p {color: #121212; font-size: 14px; font-weight: 700; line-height: 18px; letter-spacing: -0.52px; margin-bottom: 10px;}
.page_form .notice ul {margin-left: 16px;}
.page_form .notice ul li {list-style-type: disc; font-size: 12px; line-height: 22px; letter-spacing: -0.78px;}
.page_form input[type='text']:read-only{}

.page_form #mockForm{width: 100%;}
.page_form #mockForm > ul{display: flex; flex-wrap: wrap;}
.page_form #mockForm > ul > li {display: flex;flex-wrap: wrap; margin-bottom: 20px;}
.page_form #mockForm > ul > li.long{width: 100%;}
.page_form #mockForm > ul > li.long .txt{line-height: 44px; border: 1px solid #E6E6E6; width: 606px; border-radius: 2px;padding: 0 17px; background-color: #FAFAFC; color: #888888;}
.page_form #mockForm > ul > li.long input[type='text'], .page_form #mockForm > ul > li.long select{width: 606px;}
.page_form #mockForm .form_col.col_type2 select{width: 298px;}
.page_form #mockForm .soc_sec input[type="text"],.page_form #mockForm .soc_sec select{width: 195px;}
.page_form .box_agree{margin-bottom: 20px;}
.page_form #mockForm > ul > li.long .form_list{display: flex; flex-wrap: wrap; align-items: center;}
.page_form #mockForm > ul > li.long .form_list > label {margin-right: 5px;}
.page_form .form_list input[type='checkbox']{display: none;}
.page_form .form_list input[type='checkbox']+span{display: inline-block;background:url('https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/checkbox_off.png') no-repeat left 0;padding-left:25px;font-weight: 400;font-size: 13px;line-height: 18px;letter-spacing: -0.03em;color: #000000;}
.page_form .form_list input[type='checkbox']:checked+span{background:url('https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/checkbox_on.png') no-repeat  left 0;}
.page_form .form_note{font-size: 12px; color: #7E8B9A; margin-top: 5px;}

.page_form .select_container{  position: relative;width: 100%;}
.page_form .select_container.long {max-width: 606px;}
.page_form .select_container.mid {max-width: 298px;}
.page_form .select_container.short {max-width: 195px;}
.page_form .select_container::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 13px;
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url('https://fullservice-bucket.s3.ap-northeast-2.amazonaws.com/img/common/bg_select_arr.png') no-repeat center;
    background-size: contain;
    pointer-events: none;
}