/* 수험정보 페이지(공통) */
.pc_none{display: none;}
.subpage_bg_title{padding: 65px 0; margin-bottom: 55px; background: url("/front/images/sub/national/counselor/sub_title_bg.jpg") center center no-repeat; -webkit-background-size: cover; -ms-background-size: cover; background-size: cover; color: #fff; font-weight: 300; font-size: 15px;}
.subpage_bg_title h3{margin-bottom: 10px; font-size: 35px; font-weight: 600;}
.info_sub_title{margin-bottom: 40px;}
.info_sub_title h6{font-weight: 500; font-size: 25px; letter-spacing: -1px;}
.info_sub_title span{display: inline-block; width: 30px; height: 5px; margin-bottom: 15px; background: url("/front/images/tools/sub_title_deco.png") 0 0 no-repeat;}
.border_tabs li{float: left; text-align: center;}
.border_tabs li:first-child{border-left: 1px solid #e9e9e9;}
.border_tabs .nav-link{width: 100%; padding: 15px 0; border: 1px solid #e9e9e9; border-left: 0; border-bottom: 2px solid #2064ff; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #f8f8f8; color: #979797; font-size: 19px; letter-spacing: -1px;}
.border_tabs .nav-link.active, .border_tabs .nav-link.active:hover{border: 2px solid #2064ff; border-bottom-color: #fff; background-color: #fff; color: #2064ff; font-weight: 500;}
.border_tabs .nav-link:hover{border-color: #e9e9e9 #e9e9e9 #2064ff;}
.page_cont_box{padding: 80px 0; font-weight: 300; font-size: 17px; letter-spacing: -0.5px;}
.page_cont_box > li{margin-bottom: 80px;}
.page_cont_box table{min-width: 1100px; font-size: 15px; border-top: 2px solid #585858; border-bottom: 1px solid #585858;}
.page_cont_box table th{background-color: #f8f8f8;}
.page_cont_box table th, .page_cont_box table td{padding: 12px 8px; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; text-align: center;}
.page_cont_box table tbody tr:last-child{border-bottom: 0;}
.page_cont_box table th:last-child, .page_cont_box table td:last-child{border-right: 0;}
.border_cont_box{padding: 2% 2%; border: 8px solid #e9e9e9;}
.work_img_list img{width: 100%; transition-duration: 0.5s;}
.work_img_list:hover img{transform: scale(1.1);}
.work_img_list .hover_box{display: table; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); text-align: center; opacity: 0;}
.work_img_list .hover_box span{display: table-cell; color: #fff; font-weight: 400; font-size: 19px; vertical-align: middle;}
.work_img_list:hover .hover_box{opacity: 1; transition-duration: 0.5s;}
.caption_box{font-size: 15px;}
.highlight_box{width: 100%; padding: 25px 0; margin-bottom: 32px; background-color: #fcfcfc; border: 1px solid #e9e9e9; font-size: 21px; text-align: center;}
.highlight_box .img_box:before{display: inline-block; content: ''; width: 43px; height: 90px; background: url("/front/images/sub/national/counselor/left_bay.png") 0 0 no-repeat; vertical-align: middle;}
.highlight_box .img_box:after{display: inline-block; content: ''; width: 43px; height: 90px; background: url("/front/images/sub/national/counselor/right_bay.png") 0 0 no-repeat; vertical-align: middle;}
.highlight_box p{display: inline-block; padding: 0 3%;}
.highlight_box span{color: #2c6ed0; font-weight: 800; font-size: 29px;}
.highlight_box .under_line{box-shadow: inset 0 -9px 0 #c3d4ff;}
.border_list > div{padding: 2.5%; border-width: 1px; border-style: solid;}
.border_list .col-sm-10{flex: 0 0 82%; max-width: 82%;}
.border_list .col-sm-8{flex: 0 0 74%; max-width: 74%;}
.border_list .box_title{display: flex; align-items: center; justify-content: center; margin-right: 1%; font-size: 19px; line-height: 22px;}
.border_list .box_cont{border-color: #e9e9e9;}
.border_dash_b0{border-top: 2px solid #0051ca; border-right: 2px solid #0051ca !important; border-left: 2px solid #0051ca;}
.border_dash_t0{border-right: 2px solid #0051ca !important; border-bottom: 2px solid #0051ca !important; border-left: 2px solid #0051ca;}
.border_dash_side{border-right: 2px solid #0051ca !important; border-left: 2px solid #0051ca;}
.txt_underline{display: inline-block; border-bottom: 1px solid #333;}

/* 직업상담사 - 수험정보 페이지 */
.introduce_tab_cont .work_list_group{margin-bottom: 50px;}
.introduce_tab_cont .work_img_list{float: left; position: relative; width: 20%; overflow: hidden;}
.introduce_tab_cont .target_list_group{display: flex; justify-content: space-between; font-size: 17px; text-align: center;}
.introduce_tab_cont .target_list{width: 32%; padding: 35px 0; border: 1px solid #e9e9e9;}
.introduce_tab_cont .target_list p{color: #0051ca; font-weight: 500; font-size: 19px; margin-bottom: 15px;}

.national_wrap .schedule_tab_cont table th:first-child{width: 10%;}
.national_wrap .schedule_tab_cont li:first-child th:last-child{width: 18%;}
.national_wrap .schedule_tab_cont li:nth-child(2) th:nth-child(3){width: 40%;}
.national_wrap .schedule_tab_cont li:nth-child(2) th:nth-child(4){width: 22%;}

.standard_tab_box{margin-bottom: 45px;}
.standard_tab_box li{width: 50%; margin-bottom: 45px; background-color: #f1f1f1; color: #979797; font-size: 17px; text-align: center;}
.standard_tab_box .navy_nav_tabs  li a{width: 100%; height: 100%; padding: 15px 0; border: 0; border-top-left-radius: 0; border-top-right-radius: 0;}
.navy_nav_tabs .nav-item.show .nav-link, .navy_nav_tabs .nav-link.active{border: 0; background-color: #2b3788; color: #fff; font-weight: 500;}
.standard_table_box table ol li{display: list-item; margin-bottom: 10px; text-align: left; list-style: decimal-leading-zero inside;}
.standard_table_box table ol li:last-child{margin-bottom: 0;}
.highcharts-exporting-group{display: none;}
#passers_chart_box{height: 400px;}

.prospect_tab_cont .border_cont_box{overflow: auto;}
.prospect_tab_cont .border_cont_box img{min-width: 600px;}

.counselor_fields_list li{float: left; width: 32%; padding: 10px 10px 10px 20px; margin-right: 2%; margin-bottom: 2%; border: 1px solid #e9e9e9; background-color: #fff;}
.counselor_fields_list li:nth-child(3n){margin-right: 0;}
.counselor_fields_list li:nth-child(n+7){margin-bottom: 0;}
.counselor_fields_list li:hover{border-color: #00a0e9; box-shadow: 0 0 0 3px #00a0e9 inset;}
.counselor_fields_list li div{float: left;}
.counselor_fields_list li div:first-child{width: 70%; color: #111; font-weight: 500; font-size: 17px;}
.counselor_fields_list li div:last-child{width: 25%;}

/* 주택관리사 - 수험정보 페이지 */
.work_box .border_list .box_title{border-color: #2c6ed0; color: #0051ca;}
.chart_title{font-weight: 500; font-size: 25px; letter-spacing: -1px;}
.outlook_box .border_list .box_title{border-color: #333; font-weight: 500; text-align: center;}

/* 전산회계 - 수험정보 페이지 */
.prefer_list{float: left;}
.prefer_subject{display: table; width: 100%; height: 125px; background-color: #cedcff; font-size: 16px; line-height: 30px; text-align: center;}
.prefer_subject p{display: table-cell; vertical-align: middle;}
.prefer_subject strong{color: #105fd5; font-weight: 600; font-size: 23px;}
.prefer_info{display: flex; align-items: center; min-height: 152px; padding: 0 7%; border: 1px solid #e9e9e9; background-color: #fff;}
.prefer_info li{display: list-item; width: 100%; list-style-image: url("/event/common/images/tools/bullet_blue.png"); list-style-position: inside; word-break: keep-all;}
.account_wrap .introduce_tab_cont .highlight_box p{vertical-align: middle;}
.standard_box .row{padding: 0 5%;}
.standard_list{padding: 0; border:1px solid #e9e9e9;}
.standard_title{min-height: 60px; line-height: 60px;}
.standard_cont{min-height: 175px; padding: 5% 2%; text-align: center;}
.account_wrap .standard_tab_cont table td{text-align: left;}

/* 한국어교원 - 수험정보 페이지 */
.training_box h5{color: #4f4f4f; font-size: 22px;}
.current_title{width: 152px; padding: 8px 0; font-weight: 400; font-size: 19px; text-align: center;}
.current_group{padding: 3%; border: 1px solid #e9e9e9; text-align: center;}
.current_list p{font-weight: 400; font-size: 19px; line-height: 21px;}
.source_txt{display: inline-block; width: 100%; font-size: 13px;}
.schedule_tab_cont .left_txt, .standard_tab_cont .left_txt{text-align: left;}

/* Media Query 영역 */
@media (max-width: 991px) {
    /* 수험정보 페이지(공통) */
    .counselor_fields_list li{width: 49%;}
    .counselor_fields_list li:nth-child(3n){margin-right: 2%;}
    .counselor_fields_list li:nth-child(2n){margin-right: 0;}
    .counselor_fields_list li:nth-child(n+7):not(:last-child){margin-bottom: 2%;}
    .counselor_fields_list li div.fields_txt{display: block; width: 100%; min-height: 50px; font-weight: 400; font-size: 1em;}
    .counselor_fields_list li div.fields_txt br{display: none;}
    .counselor_fields_list li div.fields_icon{width: 100%; text-align: right;}

    /* 전산회계 - 수험정보 페이지 */
    .standard_box .row{padding: 0;}
}

@media (min-width: 501px) and (max-width: 800px){
    /* 전산회계 - 수험정보 페이지 */
    .prefer_list{display: flex; justify-content: space-between; width: 100%; min-height: 125px; margin-right: 0; margin-bottom: 20px;}
    .prefer_subject{display: flex; align-items: center; justify-content: center; width: 38%; height: auto; padding: 2%; margin-bottom: 0; line-height: 25px;}
    .prefer_subject strong{font-size: 22px;}
    .prefer_info{width: 60%; min-height: auto; padding: 2% 7%;}
}

@media (max-width: 640px){
    /* 주택관리사 - 수험정보 페이지 */
    .highlight_box.long_txt .img_box{position: relative; padding: 25px 0;}
    .highlight_box.long_txt .img_box:before{position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
    .highlight_box.long_txt .img_box:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

    /* 한국어교원 - 수험정보 페이지 */
    .current_list p{font-size: 17px;}
}

@media (min-width: 600px) and (max-width:771px){
    /* 직업상담사 - 수험정보 페이지 */
    .border_tabs .nav-link{font-size: 17px;}
}

@media (max-width: 600px){
    /* 직업상담사 - 수험정보 페이지 */
   .introduce_tab_cont .work_img_list{width: 50%;}
   .introduce_tab_cont .target_list_group{display: block;}
   .introduce_tab_cont .target_list{width: 100%; padding: 25px 0; margin-bottom: 10px;}
   .border_tabs{border-bottom: 0;}
   .border_tabs li.nav-item{width: 50%; margin-bottom: 0;}
   .border_tabs li.nav-item:nth-child(odd){border-left: 1px solid #e9e9e9;}
   .border_tabs .nav-link{height: 60px; padding: 0; line-height: 58px; border-bottom: 1px solid #e9e9e9;}
   .border_tabs .nav-link.active, .border_tabs .nav-link.active:hover{border-bottom-color: #2064ff;}

}

@media (max-width: 576px) {
    /* 직업상담사 - 수험정보 페이지 */
    .highlight_box .img_box{position: relative; padding: 25px 0;}
    .highlight_box .img_box:before{position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
    .highlight_box .img_box:after{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}

    /* 주택관리사 - 수험정보 페이지 */
    .border_list:first-child .col-sm-10{margin-bottom: 20px;}
    .border_list .col-sm-10, .border_list .col-sm-8{flex: 0 0 100%; max-width: 100%; margin-top: 10px;}
    .outlook_box .border_list > div{padding: 4%;}
    .outlook_box .border_list .box_title br{display: none;}

    /* 전산회계 - 수험정보 페이지 */
    .standard_box .col-sm-6{padding: 0;}
    .standard_box .col-sm-6:first-child{margin-bottom: 15px;}

    /* 한국어교원 - 수험정보 페이지 */
    .current_list{margin-bottom: 5%;}
    .current_list div{width: 350px; margin: auto;}
}

@media (max-width: 500px) {
    /* 전산회계 - 수험정보 페이지 */
    .prefer_list,.prefer_list > div{width: 100%;}
    .prefer_subject{height: 100px;}
    .prefer_info{min-height: auto; padding: 5%; margin-bottom: 30px;}
}

@media (max-width: 440px) {
    /* 수험정보 페이지(공통) */
    .counselor_fields_list li{width: 100%;}
    .counselor_fields_list li div.fields_txt{min-height: initial;}

    /* 직업상담사 - 수강신청 페이지 */
    .register_info li{padding: 25px 5px;}

    /* 한국어교원 - 수험정보 페이지 */
    .current_title{width: 100%;}
    .current_list div{width: 100%; margin: auto;}

    /*200924 폰트사이즈 수정*/
    .subpage_bg_title h3{font-size: 29px;}
}

@media (max-width: 360px) {
    /* 직업상담사 - 수험정보 페이지 */
    .standard_tab_box li{width: 100%;}
}

/*211115 사회복지사1급 수험정보 페이지 문하영 추가*/
.page_cont_box table.social_exam_info{border: 1px solid #ddd;}
.page_cont_box table.social_exam_info th:last-child{background: #0f58e6; color: #fff; border:1px solid #0f58e6;}
.page_cont_box table.social_exam_info td{text-align: left; border-right: 0; padding: 20px; vertical-align: text-top;}
.page_cont_box table.social_exam_info td:last-child{border: 1px solid #0f58e6;}

.social_fields_list li{width: 49%; padding: 40px;}
.social_fields_list li:nth-child(2n){margin-right: 0;}
.social_fields_list li:nth-child(3n){margin-right: 2%;}
.social_fields_list li:last-child{width: 100%; margin-right: 0;}
.social_fields_list li:last-child p:first-child{color: #0079da; font-size: 26px; font-weight: bold;}
.social_fields_list li p:first-child{font-size: 23px; margin-bottom: 10px;}
.social_fields_list li p:last-child{font-size: 19px; font-weight: 300;}
.social_fields_list li p:last-child br{display: block;}
.social_fields_list li p:last-child span{margin-top: 10px; font-size: 15px; display: inline-block;}
.social_fields_list li div:last-child{margin-top: 85px;}
.social_fields_list li:last-child div:last-child{margin-top: 0;}

.counselor_fields_list li div.social_circle{background: #0079da; text-align: center; border-radius: 50%; height: 200px; width: 200px;}
.social_circle h4{color: #fff; font-size: 21px; margin-top: 44px;}
.social_circle h2{color: #fffa5b; font-size: 24px; font-weight: bold;}

@media (max-width: 1100px) {
    .page_cont_box table.social_exam_info{width: 100%; min-width: 100%;}
}

@media (max-width: 991px) {
    .social_fields_list li div:last-child{margin-top: -70px;}
    .social_fields_list li:last-child div:last-child{margin-top: -70px; float: right;}
}
@media (max-width: 768px) {
    .social_oulook .col-sm-12{text-align: center; margin-bottom: 15px;}
}
@media (max-width: 650px) {
    .social_fields_list li{width: 100%; margin-right: 0; padding:20px;}
    .social_fields_list li:last-child div:last-child{float: inherit; margin-top: 5px; width: 100%; padding :20px;}
    .counselor_fields_list li div.social_circle{border-radius: 0; height: auto;}
    .counselor_fields_list li div.social_circle h4{margin-top: 0;}
    .counselor_fields_list li div.social_circle br{display: none;}
}