/* 260708 통합경력증명서 : S */
.careerskill .careerproof .itg_area {display: flex;align-items: flex-start;}
.careerskill .careerproof .itg_area .hr_stick_menu_wrap {display: flex;align-items: flex-start;}
.careerskill .careerproof .itg_area .hr_stick_menu {width: 200px;padding-left: 40px;flex-shrink: 0;position: sticky;top: 230px;}
.careerskill .careerproof .itg_area .hr_stick_menu > p {font-size: 14px;margin-bottom: 4px;}
.careerskill .careerproof .itg_area .hr_stick_menu ul {display: flex;flex-direction: column;gap: 8px;margin-top: 16px;}
.careerskill .careerproof .itg_area .hr_stick_menu ul li.active a {background: #F3F8FF;font-weight: 600;color: var(--col_blue);}
.careerskill .careerproof .itg_area .hr_stick_menu ul li a {display: block;padding: 8px 12px;font-size: 14px;letter-spacing: -0.28px;border-radius: 6px;}
.careerskill .careerproof .itg_area .hr_stick_menu_cont section {margin-top: 60px;}
.careerskill .careerproof .itg_area .hr_stick_menu_cont section .t1_sb {margin-bottom: 16px;}
.careerskill .careerproof .itg_area .hr_qna_title {font-size: 20px;padding: 9px 0 9px 40px;position: relative;}
.careerskill .careerproof .itg_area .hr_qna_title::before {content: '';width: 32px;height: 32px;background: url('/hr/static/images/ico32_Q.png') no-repeat center center / contain;position: absolute;left: 0;top: 9px;}
.careerskill .careerproof .itg_area .itg_topbox {display: flex;flex-direction: column;justify-content: center;position: relative;width: 100%;height: 336px;padding: 60px 300px 60px 48px;border-radius: 16px;background: #f3f8ff;overflow: hidden;}
.careerskill .careerproof .itg_area .itg_topbox:before {content: '';position: absolute;width: 291px;height: 227px;bottom: 0;right: 0;background: url('/cm/static/images/careerskill/img_itgpc.svg') no-repeat;}
/* ---- */
.careerskill .careerproof .itg_area .itg_topbox .itg_top_tit span {display: flex;flex-direction: column;gap: 12px;font-size: 32px;color: #003d99;font-weight: 700;line-height: 150%;letter-spacing: -0.02em;}
.careerskill .careerproof .itg_area .itg_topbox .itg_top_tit .rtit {font-size: 48px;color: #408cff;font-weight: 700;}
.careerskill .careerproof .itg_area .itg_topbox .itg_top_desc {margin-top: 24px;font-size: 16px;color: #555;font-weight: 400;line-height: 150%;word-break: auto-phrase;letter-spacing: -0.02em;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item+.itg_dl_item {margin-top: 24px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item dt {font-size: 18px;color: var(--col_body);font-weight: 600;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item dd {margin-top: 8px;font-size: 16px;color: var(--col_body);font-weight: 400;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol {padding: 24px;border: 1px solid var(--col_btn);border-radius: 12px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li {position: relative;display: flex;align-items: baseline;gap: 16px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li+li {margin-top: 24px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li:before {z-index: -1;content: '';position: absolute;left: 11.5px;top: 28px;width: 1px;height: 100%;background: repeating-linear-gradient(to bottom, var(--col_gray) 0, var(--col_gray) 3.5px, transparent 3.5px, transparent 7px);}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li:last-child:before {content: none;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li .num {display: flex;align-items: center;justify-content: center;width: 24px;height: 24px;background: var(--col_navy);border-radius: 50%;font-size: 16px;color: var(--col_white);font-weight: 600;line-height: 1;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_txt .itg_dl .itg_dl_item.type_num_ol dd ol li .desc {flex: 1;font-size: 18px;color: var(--col_body);font-weight: 600;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li {padding: 16px 0;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li::after {top: 30px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li:first-child::after {top: 14px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li:first-child {border-top: none;padding-top: 0;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li:hover {border-bottom: 1px solid var(--col_border);}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li.on {border-bottom: none;padding-bottom: 0;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li.on::after {background: url("/cm/static/images/ico24_arrow2_up.svg") no-repeat;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_tit .hr_qna_title {display: block;padding: 10px 0 10px 40px;font-size: 20px;color: var(--col_h);font-weight: 600;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont {padding: 32px 40px;border: 1px solid var(--col_btn);border-radius: 8px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont p {font-size: 16px;color: var(--col_body);font-weight: 400;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont ul.acdul_lbl li {display: flex;align-items: baseline;gap: 8px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont ul.acdul_lbl li+li {margin-top: 8px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont ul.acdul_lbl li .acd_label {padding: 4px 6px;background: var(--col_skyblue_light);border-radius: 4px;font-size: 12px;color: var(--col_blue);font-weight: 600;line-height: 1;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont .acddl .acddl_item+.acddl_item {margin-top: 16px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont .acddl .acddl_item dt {font-size: 16px;color: var(--col_body);font-weight: 600;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_cont .acddl .acddl_item dd {margin-top: 8px;font-size: 16px;color: var(--col_body);font-weight: 400;line-height: 150%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_defalut_ul li {position: relative;padding-left: 16px;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_defalut_ul li:before {content: '-';position: absolute;left: 0;top: 0;}
/** 260715 수정사항 **/
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_tit {width: 100%;}
.careerskill .careerproof .itg_area .itg_contbox.itgw_acd .acd > ul > li .acd_tit .hr_qna_title {text-align: left;}
/* 260708 통합경력증명서 : E */