/*===========================================================================
	COMMON STYLE
============================================================================*/
select option {color: #373B42;}
select option:disabled {display: none;}
button:disabled {cursor: auto;}
.mb_flex {display: none !important;}

.header_type4 {display: none; width: 100%; position: fixed; left: 0; top: 0; z-index: 100; padding: 0 16px; background-color: #FFFFFF;}
.header4_inner { height: 55px;display: flex; align-items: center; gap: 14px;}
.header4_inner > p {font-size: 18px; font-weight: 600; color: #373B42;}


/*===========================================================================
	로그인
============================================================================*/ 
.login_box {position: relative; width: 466px; margin: 0 auto; padding: 50px 40px; background-color: #FFFFFF; box-shadow: 0 0 12px 0 rgba(82,93,107,0.06); border-radius: 20px; }
.login_box > h1 {font-size: 20px; font-weight: bold; color: #373737; text-align: center; margin-bottom: 60px;}
.login_box .btn_login {display: block; width: 100%; height: 44px; padding: 12px; margin-top: 40px; background: linear-gradient(to right, #02C5BE, #1AE48C); box-shadow: 0 0 12px 0 rgba(82,93,107,0.08); border-radius: 6px; font-size: 15px; font-weight: bold; color: #FFFFFF;}
/* 전구 아이콘 클릭시 툴팁박스 노출 */
.btn_tooltip_wrap {position: absolute; right: 20px; top: 20px; font-size: 0;}
.btn_tooltip_wrap .btn_tooltip {font-size: 0;}
.btn_tooltip_wrap .tooltip_dim {display: none; position: fixed; z-index: 2; left: 0; top: 0; right: 0; bottom: 0;}
.btn_tooltip_wrap .tooltip_box {visibility: hidden; opacity: 0; position: absolute; z-index: 3; left: -12px; bottom: 0; transform: translateY(100%); transition: all 0.4s; padding-top:20px;}
.btn_tooltip_wrap .tooltip_box p {position: relative; width: max-content; font-size: 11px; color: #E6E8EC; line-height: 16px; padding: 10px 14px 10px 12px; background-color: rgba(34, 36, 41, 0.8); border: 1px solid #373B42; border-radius: 4px;}
.btn_tooltip_wrap .tooltip_box p:after {content: ''; display: block; width: 16px; height: 10px; position: absolute; left: 11px; top: 1.5px; transform: translateY(-100%); background: url('/resources/img/icon/icon_triangle.svg') no-repeat center;}
.btn_tooltip_wrap.on .tooltip_dim {display: block;}
.btn_tooltip_wrap.on .tooltip_box {visibility: visible; opacity: 1; padding-top: 10px;}

/* 텍스트버튼(링크이동) */
.login_tool {display: flex; justify-content: center; gap: 40px; margin-top: 24px;}
.login_tool li {position: relative}
.login_tool li:not(:first-child)::before {content: ''; display: block; width: 1px; height: 12px; background-color: #E6E8EC; position: absolute; left: -20px; top: 50%; transform: translate(-50%, -50%);}
.login_tool a {font-size: 13px; font-weight: 600; color: #787F8F; display: flex; align-items: center; gap: 6px;}
/* label & input style */
.form_input {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px;}
.form_input > li {width: 100%;}
.form_input > li.form_half {width: calc(50% - 12px);}
/* .form_input > li.form_half:nth-child(2n) {margin-left: 20px;}
.form_input > li:nth-child(2).form_half {margin-top: 0;}
.form_input > li:not(:first-child) {margin-top: 20px;} */
.form_input > li > *:not(:first-child) {margin-top: 8px;}
.form_input > li .label {/*display: block;*/ display: flex; align-items: center; font-size: 13px; font-weight: 400; color: #787F8F; margin-bottom: 0;}
.form_input > li .label .btn_info {vertical-align: sub;}
.form_input > li .label_mini {font-size: 13px; color: #A1A7B1; margin: 6px 0 12px;}
.form_input > li .label_mini + * {margin-top: 0 !important;}
.form_input > li .msg_alert {visibility: hidden; opacity: 0; font-size: 12px; font-weight: 500; transition: all 0.4s; margin-top: 0;}
.form_input > li .btn_tooltip_wrap {position: relative; right: auto; top: auto;}
.form_input > li .tooltip_box {left: -7px;}
.form_input > li.wrong input {border-color: #FC4771;}
.form_input > li.wrong .msg_alert {visibility: visible; opacity: 1; color: #FC4771; margin-top: 8px;}
.form_input textarea {font-size: 13px; padding: 11px 14px;}



/*===========================================================================
	이메일 계정 찾기 / 결과 / 비밀번호 찾기
============================================================================*/
.find_result_box {margin: 70px; text-align: center;}
.find_result_box p {margin-top: 25px; font-size: 15px; font-weight:  500; color: #585D67; line-height: 24px;}
.find_result_box p b {font-weight: 600; color: #0D0E0F;}
.find_result_box p strong {font-weight: 600; color: #00B99B;}

.chk_num_depth2 {display: none;}
.chk_num_depth2.on {display: flex;}



/*===========================================================================
	성과소통 (내가 받은 코멘트 / 내가 보낸 코멘트)
============================================================================*/
/* 내가 받은 코멘트 */
.feedback_wrap {display: flex; gap: 20px; justify-content: space-between; flex-wrap: wrap;}
.feedback_card {width: calc(50% - 10px); border: 1px solid #E6E8EC; border-radius: 12px; overflow: hidden; position:relative; transition: background 0.4s;}
.feedback_card:hover {background-color:#FDFEFF;}
.feedback_incoming .feedback_card {padding-bottom:47px;}
.feedback_incoming .feedback_card .who_name {font-size: 13px; font-weight: 600; color: #585D67; margin-left: 6px; line-height:1;}
.feedback_card .head {padding: 14px 24px; background-color: #F8F9FA; border-top: 1px solid #F5F6F7; display: flex; align-items: center; justify-content: space-between;}
.feedback_card .head > div {display: flex; align-items: center;}
.feedback_card .head > div img {width:23px;}
.feedback_card .head button img {width:16px;}
.feedback_card .feedback_more {display: flex; align-items: center; gap: 6px; line-height: 14px;}
.feedback_card .feedback_more span {font-size: 12px; font-weight: 500; color: #787F8F; line-height: 14px;}
.feedback_card .body {/*height: 100px;*/ padding: 20px 24px; /*background-color: #FFFFFF;*/}
.feedback_card .body p {height: 139px; overflow: auto; font-size: 14px; font-weight: 500; color: #373B42; line-height: 20px; /*text-overflow:ellipsis; white-space:normal; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;*/}
.feedback_incoming .feedback_card .head {position:absolute; bottom:0; left:0; width:100%;}

/* 내가 보낸 코멘트 */
.feedback_outgoing .feedback_card .who_name {font-size: 15px; font-weight: 600; color: #373B42; margin-left: 8px;}
.feedback_outgoing .feedback_card .who_name + .who_from {margin-left: 14px;}
.feedback_card .who_from {display: flex; align-items: center; gap: 14px;}
.feedback_card .who_from li {font-size: 13px; font-weight: 500; color: #787F8F; position: relative;}
.feedback_card .who_from li:not(:first-child):before {content: ''; display: block; width: 2px; height: 2px; background-color: #B5BAC4; border-radius: 50%; position: absolute; left: -7px; top: 50%; transform: translate(-50%, -50%);}
.type2 .feedback_card .head {padding: 20px 24px; border-top: 0; border-bottom: 1px solid #F5F6F7; background-color: #FFFFFF;}
.type2 .feedback_card .body {background-color: #F8F9FA;}



/*===========================================================================
	[POPUP] 시스템 문의하기 > 문의 상세 팝업
============================================================================*/
.admin_question_box {margin-bottom: 40px;}
.admin_question_box .question1 {font-size: 15px; font-weight: 500; color: #222429; line-height: 20px; margin-bottom: 12px;}
.admin_question_box .question2 {font-size: 14px; color: #585D67; line-height: 20px;}
.admin_question_box > div:first-child, .admin_answer_box > div:first-child {display: flex; align-items: center; justify-content: space-between;}
.admin_question_box .q_top {margin-bottom: 12px;}
.admin_question_box .q_top > div, .admin_answer_box .a_top > div {display: flex; align-items: center; line-height: 18px;}
.admin_question_box .q_top .q_right, .admin_answer_box .a_top .a_right {font-family:"Spoqa Han Sans Neo", 'SUIT', sans-serif;gap: 6px; font-size: 13px; color: #787F8F;}
.admin_question_box .q_top .q_left {justify-content: center; width: 54px; height: 22px; line-height: 22px; font-size: 11px; font-weight: 600; border-radius: 5px; background-color: #F5F6F7; color: #787F8F;}
.admin_question_box .q_top .q_left.done {background-color: #D8F2D8; color: #537E46;}
.admin_answer_box .a_top {margin-bottom: 16px;}
.admin_answer_box .a_top .a_left {gap: 8px; font-size: 13px; font-weight: 600; color: #626975;}
.admin_answer_box {padding: 16px 20px; background-color: #F8F9FA; border: 1px dashed #EAEBEE; border-radius: 8px;}
.admin_answer_box > p {color: #585D67; line-height: 20px;}



/*===========================================================================
	평가 > 평가내역 > 내가받은평가내역
============================================================================*/
.title_list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px;}
.title_list > li {display: flex; width: calc(33.33% - 8px); padding: 20px ; border: 1px solid #EEEFF2; border-radius: 8px; cursor: pointer; transition:background 0.4s;}
.title_list > li:hover {background-color:#FDFEFF;}
.title_list > li i {display: block; width: 15px; height: 15px; margin-right: 10px; background: center / auto no-repeat url('/resources/img/icon/icon_letter_open.svg');}
.title_list > li p {width: calc(100% - 25px); font-size: 14px; font-weight: 500; color: #373B42; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.title_list > li span {font: inherit; color: inherit; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}



/*===========================================================================
	평가 > 평가내역 > 내가평가한내역
============================================================================*/
.title_list.show_detail {gap: 20px;}
.title_list.show_detail > li {width: calc(50% - 10px); flex-wrap: wrap; gap: 16px; border-radius: 12px;}
.title_list.show_detail > li i {min-width: 50px; margin-right: 20px; font-size: 14px; font-weight: bold; color: #A1A7B1; padding-left: 23px; background: left center / auto no-repeat url('/resources/img/icon/icon_cursor.svg')}
/*.title_list.show_detail > li p {width: calc(100% - 70px)}*/
.title_list.show_detail > li > div {display: flex; width: 100%;}
.title_list .title_list_detail {justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; padding: 12px 20px; background-color: #F5F6F7; border-radius: 8px;}
.title_list .title_list_detail > ul {display: flex; align-items: center; gap: 25px;}
.title_list .title_list_detail > ul li {font-size: 13px; font-weight: 500; color: #585D67; position: relative;}
.title_list .title_list_detail > ul li:not(:first-child):before {content: ''; display: block; width: 1px; height: 12px; background-color: #E5E7EB; position: absolute; left: -12px; top: 50%; transform: translate(-50%, -50%);}
.title_list .title_list_detail > p {width: auto; font-size: 13px; font-weight: 500; color:#373B42; padding-left: 20px; position: relative; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}
.title_list .title_list_detail > p:before {content: ''; display: block; width: 12px; height: 12px; background: center / auto no-repeat url('/resources/img/icon/icon_calendar.svg'); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



/*===========================================================================
	평가 > 최종평가
============================================================================*/
.search_box + .final_list {margin-top: 20px;}
/*이전스타일 (현재는 평가하기 리스트페이지에서만 사용됨)*/
.final_list {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.final_list > li {width: calc(50% - 14px); padding: 18px 20px 20px; border: 1px solid #E6E8EC; border-radius: 12px;}
.final_list > li:nth-child(2n) {margin-left: 8px;}
.final_list_top, .final_list_bot {display: flex; justify-content: space-between; align-items: center;}
.final_list_top h5 {font-size: 15px; font-weight: 600; color: #222429;}
.final_list_top .btn {border-radius: 4px; padding: 0 10px; height: 26px; font-size: 11px; font-weight: 600;}
.final_list_top .btn:not(:first-child) {margin-left: 8px;}
.final_list_bot {margin-top: 18px; padding: 12px 16px; border-radius: 8px; background-color: #F5F6F7;}
.final_list_bot p:first-child {font-size: 12px; font-weight: 600; color: #787F8F; padding-left: 20px; position: relative; white-space: nowrap;}
.final_list_bot p:first-child:before {content: ''; display: block; width: 12px; height: 12px; background: center / auto no-repeat url('/resources/img/icon/icon_calendar.svg'); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.final_list_bot p:last-child, .final_list_bot p:last-child span {font-size: 12px; font-weight: 500; color: #373B42; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; word-break: break-word; text-align: right;}
/*[22.11.21] 시안변경됨*/
.search_box + .final_items {margin-top: 20px;}
.final_items {display: flex; gap: 40px; flex-wrap: wrap; }
.final_items > li {width: calc(50% - 20px); border: 1px solid #E6E8EC; border-radius: 12px;}
.final_items > li:hover {background-color:#FDFEFF;}
.final_item_top {padding: 28px 30px 30px;}
.final_item_top h5 {font-size: 18px; font-weight: 600; color: #0D0E0F; margin-bottom: 14px;}
.final_item_top p {display: flex; align-items: center; flex-wrap: wrap; font-size: 15px; font-weight: 500; color: #787F8F;}
.final_item_top p img {margin-right: 6px;}
.final_item_top p span {font-size: inherit; font-weight: 500; color: #373B42; font-family:"Spoqa Han Sans Neo", 'SUIT',sans-serif; margin-left: 6px;}
.final_item_bot {padding: 24px 30px; border-top: 1px dashed #E6E8EC; display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;}
.final_item_bot p {font-size: 14px; font-weight: 500; color: #A1A7B1; display: flex; align-items: center;}
.final_item_bot p br {display: none;}
.final_item_bot p img {margin-left: 8px;}
.final_item_bot .btn {padding: 10px 24px; font-size: 14px; max-height: 38px;}
.final_item_bot .btn:not(:first-child) {margin-left: 12px;}


/*===========================================================================
	평가 > 평가하기
============================================================================*/
.final_list.workable > li {cursor: pointer; transition:background 0.4s;}
.final_list.workable > li:hover {background-color:#FDFEFF;}
.final_list.workable > li > div:last-child {width: calc(100% + 40px); height: calc(100% - 38px); margin-left: -20px; padding: 20px 20px 0; border-top: 1px solid #F5F6F7; display: flex; flex-direction: column; justify-content: space-between;}
.workable .final_list_top {padding-bottom: 16px;}
/* 2023-02-16_HUBDNC AJY [퍼블팀 내부검수]
   .workable .final_list_top h5 'width 추가'
   기존 평가제목 마크업 .workable .final_list_top의 'h5'에서 'h5안에 p추가'로 변경 */
.workable .final_list_top h5 {display: flex; align-items: center; gap: 12px; width: calc(100% - 100px);}
.workable .final_list_top h5 p {font-size: 15px; font-weight: 600; color: #222429; width: calc(100% - 68px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.workable .final_list_top h5 .tag_box, .tag_box.signle {height: 22px; padding: 4px 8px; color: #FFFFFF; border: 1px solid rgba(0,0,0,0.2);}
.final_list_mid {height: 100px; font-size: 14px; color: #373B42; line-height: 20px; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis;*/}
.count_persons {display: flex; align-items: center; padding: 4px 10px 4px 38px; border-radius: 8px; background-color: #F5F6F7; position: relative;}
.count_persons:before {content: ''; display: block; width: 18px; height: 12px; background: center / auto no-repeat url('/resources/img/icon/icon_people.svg'); position: absolute; left: 10px; top: 50%; transform: translateY(-50%);}
.count_persons span {font-size: 12px; font-weight: bold; color: #787F8F; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}
.count_persons span:first-child {padding-right: 0; color: #9E58EF;}
.count_persons .icon_slash {margin:0px 4px 0 5px;}
/* 2023-02-17_HUBDNC AJY [퍼블팀 내부검수] 
   .nodata_box 'padding-top 주석', 'width, display, margin-bottom 추가'
   .nodata_box .nodata '스타일 추가' */
.nodata_box {height: calc(100vh - 321px); /* padding-top: 22.5%; */ text-align: center; width: 100%; display: table; margin-bottom: -150px;}
.nodata_box .nodata {display: table-cell; vertical-align: middle;}


/*===========================================================================
	평가 > 평가 등록하기
============================================================================*/
/*공통*/
.title_icon {font-size: 15px; font-weight: 600; color: #0D0E0F; padding-left: 28px; margin-bottom: 20px; position: relative;}
.title_icon i {display: block; width: 20px; height: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.title_icon i img {width: 100%;}

/* 왼쪽 fixed 요소*/
.estimation_detail nav .card + .card {margin-top: 12px;}
.estimation_detail nav .card:last-child .name_list {width: calc(100% + 22px); height: calc(100vh - 400px); padding-right: 22px;}
/*평가명단*/
.name_list {/*max-height: calc(100vh - 400px);*/ overflow-y: auto;}
.name_list li {display: flex; align-items: center; justify-content: space-between; padding-left: 28px; position: relative;}
.name_list li:not(:first-child) {margin-top: 14px;}
.name_list li:before 
{content: ''; display: block; width: 6px; height: 2px; border-radius: 1px; background-color: #A1A7B1; position: absolute; left: 7px; top: 50%; transform: translate(0, -50%);}
.name_list li a {display:block; width:100%;}
.name_list li span {font-size: 14px; font-weight: 500; color: #4D525C;}
.name_list li button {font-size: 12px; font-weight: 500; color: #A1A7B1; display: flex; align-items: center; gap: 6px;}
.name_list li button i {display: block; width: 20px; height: 20px; background: center / auto no-repeat url('/resources/img/icon/icon_pen_gray.svg')}
.name_list li.on:before  {background-color: #00B99B;}
.name_list li.on span {color: #00B99B;}
.name_list li.on button {color: #00B99B;}
.name_list li.on button i {background-image: url('/resources/img/icon/icon_pen_green.svg')}
.name_list li.off:before  {background-color: #CFD2D9;}
.name_list li.off span {color: #CFD2D9;}
.name_list li.off button {color: #E6E8EC;}
.name_list li.off button i {background-image: url('/resources/img/icon/icon_pen_lightgray.svg')}

/*모바일에서만 노출되는 제출기간/툴팁박스*/
.show_period {float: none !important; width: calc(100% - 32px); margin-left: 16px; margin-bottom: 20px; padding: 15px 16px; background-color: #FBFBFC; border-radius: 8px; display: none; align-items: center; justify-content: space-between; }
.show_period > div > p:first-child {font-size: 13px; font-weight: bold; color: #4D525C; display: flex; align-items: center; gap: 6px; margin-bottom: 5px;}
.show_period > div > p:last-child {font-size: 14px; font-weight: 500; color: #787F8F; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}
.show_period .estimation_tip_open {width: 30px; height: 30px; border-radius: 6px; background: center top 4px / 19px 19px no-repeat url('/resources/img/icon/icon_light_inbox_blue2.svg') #E6EBF3;}

/* 오른쪽 fixed 요소*/
.card_fixed {width: 432px; position: fixed; top: 108px; right: 60px; padding: 0;}
.card_fixed .card_title {color: #0D0E0F; padding: 24px 24px 20px; margin-bottom: 0;}
.card_fixed .tab_menu {width: 100%; margin: 0; padding: 0 0 0 24px;}
.card_fixed > div {padding: 20px 2px 20px 23px; }
.card_fixed .card_scrolly {max-height: calc(100vh - 337px); overflow-y: auto; padding-right: 21px;}
.shadow_fff {position: relative;}
.shadow_fff:after {content: ''; display: block; width: calc(100% - 34px); height: 55px; background: linear-gradient(to bottom, rgba(252,252,252,0.31), rgba(255,255,255,1)); position: absolute; bottom: 10px; left: 50%; transform: translateX(-50%);}
.shadow_fff > div {padding-bottom: 30px;}
/*개인목표/성과 목록*/
.personal_goal_item {border-radius: 12px; border: 1px solid #E6E8EC;}
.personal_goal_item:not(:first-child) {margin-top: 20px;}
/*개인목표/성과 목록 - HEAD*/
.personal_goal_item.aim_detail > .aim_txt {position: relative; border: 0; border-bottom: 1px dashed #EEEFF2; border-radius: 0; padding-top: 18px;}
/*.personal_goal_item.aim_detail > .aim_txt .tag_round {position: absolute; right: 12px; top: 12px;}*/
.personal_goal_item.aim_detail > .aim_txt .aim_title {font-size: 14px; line-height: 20px; color: #373B42;}
.personal_goal_item.aim_detail > .aim_txt .aim_contents {font-size: 13px; line-height: 18px; margin-top: 8px;}
.personal_goal_item .progress_wrap {margin-top: 20px;}
.personal_goal_item .progress_wrap .progress_box {padding: 12px 20px;}
.personal_goal_item .progress_degree ul {gap: 17px;}
.personal_goal_item .progress_degree li:not(:first-child):before {left: -8px;}
/*개인목표/성과 목록 - BODY*/
.personal_goal_item > div {padding: 20px;}
.personal_goal_item .toggle_list_wrap:not(:first-child) {margin-top: 8px;}
/*.personal_goal_item .toggle_item {max-height: 39px;}*/
.personal_goal_item .toggle_item:first-child {margin-top:0;}
.personal_goal_item .toggle_top {height: 39px; padding: 12px 30px 12px 26px; font-size: 12px; color: #585D67;}
.personal_goal_item .toggle_top:before {background-color: #585D67; top: 50%; left: 20px;}
.personal_goal_item .toggle_item.on .toggle_top {color: #373B42;}
.personal_goal_item .toggle_item.on .toggle_top:before {background-color: #373B42;}
.personal_goal_item .toggle_item .aim_title {margin-top: 0; font-size:14px; /*padding-bottom: 12px;border-bottom: 1px solid #EEEFF2;*/}
.personal_goal_item .toggle_item .aim_contents {margin-top: 8px;}
.toggle_item .yearbox {margin-top: 4px; padding: 16px 16px 20px; display:none;}
.toggle_item.on .yearbox {display:block;}
.toggle_item .yearbox.type2 .year_txt {margin-left: 16px;}
/*자기평가*/
.estimation_detail .aim_detail .progress_wrap {background-color: #F8F9FA; border: 0;}
.card_fixed .record_component .exam_wrap {margin-top: 0;}
.card_fixed .exam_item:not(:first-child) {margin-top: 12px;}
.estimation_detail .card_fixed .gap_radio {flex-wrap: wrap; justify-content: center;}
.estimation_detail .card_fixed .gap_radio .radio + label {width: 100%; height: auto; text-align: center; gap: 8px; cursor: auto;}
.estimation_detail .exam_bot {border-top: 0; padding-top: 0;}


/* 가운데 scroll 요소*/
/*레이아웃&상단타이틀부분*/
.card_scroll {width: calc(100% - 460px); padding: 0;}
.card_title_wrap {width: 100%; padding: 20px 40px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #F5F6F7;}
.card_title_wrap .card_title {display: flex; align-items: center; margin-bottom: 0;}
.card_title .position_ul {margin-left: 12px;}
.position_ul {display: inline-flex;}
.position_ul li {font-size: 13px; font-weight: 500; color: #787F8F; position: relative; line-height: 20px;}
.position_ul li:not(:first-child) {padding-left: 14px;}
.position_ul li:not(:first-child):before {content: ''; display: block; width: 2px; height: 2px; background-color: #B5BAC4; border-radius: 50%; position: absolute; left: 6px; top: 50%; transform: translate(-50%, -50%);}
.date_div {display: flex; align-items: center; gap: 12px;}
.date_div p {font-size: 13px; font-weight: 600; color: #787F8F; position: relative; padding-left: 20px; line-height: 20px;}
.date_div p:before {content:''; display: block; width: 12px; height: 12px; background: center / auto no-repeat url('/resources/img/icon/icon_calendar.svg'); position: absolute; left: 0; top: calc(50% - 1px); transform: translateY(-50%);}
.date_div span {font-size: 13px; font-weight: 500; color: #373B42; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; line-height: 20px;}
/*평가등록tip*/
.exam_tip {padding: 14px 20px 14px 58px; border-radius: 12px; background-color: #F8F9FA; transition: all 0.3s; max-height: 56px; overflow: hidden; cursor: pointer;}
.exam_tip > div:first-child {height: 28px; display: flex; align-items: center; justify-content: space-between;}
.exam_tip > div:first-child p {font-size: 14px; font-weight: bold; color: #373B42; position: relative;}
.exam_tip > div:first-child p:before {content: ''; display: block; width: 28px; height: 28px; background: center / auto no-repeat url('/resources/img/icon/icon_light_inbox.svg'); position: absolute; left: -10px; top: 50%; transform: translate(-100%, -50%); border-radius:5px; overflow:hidden;}
.exam_tip.on > div:first-child p:before {background-image:url("/resources/img/icon/icon_light_inbox_blue2.svg"); /*background-size:18px;*/ background-color:#E6EBF3; top: 50%;}
/* .exam_tip > div:first-child button {transition: all 0.3s;} */
.exam_tip > div:last-child {margin: 13px 0 6px; font-size: 13px; font-weight: 500; color: #585D67; line-height: 20px;}
.exam_tip div.exam_desc > p, .estimation_tip_pop div.exam_desc > p {white-space:pre-line; word-break: keep-all;}
.exam_tip.on {max-height: /*none*/ 9999px;}
.exam_tip.on > div:first-child button {transform: rotate(-180deg);}
.exam_tip img{max-width:100%;}
/*평가질문요소*/
.exam_inner {padding: 40px;}
.exam_inner:not(:first-child) {border-top: 1px solid #F5F6F7;}
.exam_bot textarea {height: 75px;}
.card_cont_wrap {padding: 20px 40px 40px;}
.card_cont_wrap .exam_wrap {width: calc(100% + 80px); margin-left: -40px;}
.card_cont_wrap .exam_inner:last-child {padding-bottom: 0;}
.card_cont_wrap .exam_item {border-color: #E6E8EC; border-radius: 10px; background-color: transparent;}
.card_cont_wrap .numbering p {font-size: 15px; font-weight: 600;}
.card_cont_wrap .numbering strong {width: 24px; height: 24px; line-height: 25px; font-size: 13px; margin-right: 12px; margin-top: -1px; background-color: #626975;}
.card_cont_wrap .exam_bot {padding: 24px; border: 1px solid #F5F6F7;}
.card_cont_wrap .gap_radio {justify-content: center; gap: 11px; flex-wrap: wrap;}
.card_cont_wrap .radio + label {height: auto; padding: 14px 24px; font-size: 14px; text-align: /*center;*/ left;} /*23.03.06 HUBDNCAJY 질문지내용 text-align 수정 */
/*평가질문요소 > value값 있을때 (.off 클래스 추가)*/
.card_cont_wrap .off .numbering p {color: #626975;}
.card_cont_wrap .off .numbering strong {background-color: #DBDEE6;}
/*평가등록하기버튼(1280px부터 노출)*/
section.estimation_detail .btn_wrap {display: none;}

/* 모바일 > 목표/성과/자기평가 팝업 */
.sticky_info_wrap {display: none; position: fixed; bottom: 0; left: 0; right: 0;}
.sticky_info_dim {display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(34,36,41,0.1);}
.sticky_info_top {position: relative; display: flex; align-items: center; justify-content: space-between; padding: 18px 16px; background-color: #FFFFFF; border-radius: 20px 20px 0 0; box-shadow: 0 -3px 6px 0 rgba(82,93,107,0.12)}
.sticky_info_left {display: flex; align-items: center; gap: 8px;}
.sticky_info_left p:first-child {font-size: 15px; font-weight: 600; color: #373B42;}
.sticky_info_left p:last-child {font-size: 14px; font-weight: 500; color: #A1A7B1}
.sticky_info_right {display: flex; align-items: center; gap: 12px;}
.sticky_info_right p {font-size: 15px; font-weight: 600; color: #051232;}
.sticky_info_right i {display: block; width: 12px; height: 12px; background: center / contain no-repeat url('/resources/img/icon/icon_arrow_black.svg')}
.sticky_info_bottom {position: relative; height: 0; overflow-x: hidden; overflow-y: auto; padding: 0 16px; background-color: #FFFFFF;}
/* 2023-02-20_HUBDNC AJY [퍼블팀 내부검수] .sticky_info_bottom .tab_menu 'width, padding 추가' */
.sticky_info_bottom .tab_menu {margin: 12px 0 30px -16px; width: calc(100% + 32px); padding: 0 16px;}
/* 2023-02-20_HUBDNC AJY [퍼블팀 내부검수] .sticky_info_bottom .personal_goal_item.aim_detail > .aim_txt 'padding 수정' */
.sticky_info_bottom .personal_goal_item.aim_detail > .aim_txt {/* padding-top: 0; */ border: none; padding:0;}
.sticky_info_bottom .aim_detail > .aim_txt .aim_tag {display: flex; align-items: center; justify-content: space-between;}
.sticky_info_bottom .shadow_fff:after {display: none;}
.sticky_info_bottom .toggle_item:first-child {margin-top: 0;}
section.estimation_detail .sticky_info_bottom .exam_item {padding: 18px 20px;}
.sticky_info_wrap.on {height:calc(100% - 80px);}
.sticky_info_wrap.on .sticky_info_dim {display: block;}
.sticky_info_wrap.on .sticky_info_right i {transform: rotate(180deg)}
.sticky_info_wrap.on .sticky_info_bottom {height: calc(100% - 54px);}




/*===========================================================================
	[POPUP] 평가 > 평가등록하기 > header_type3 이름목록팝업
============================================================================*/
.header_type3 .mb_ver {display: none;}
.name_pop_wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.name_pop_wrap .show_name {display: flex; align-items: center; gap: 6px; font-size: 18px; font-weight: 600; color: #222429;}
/* .name_pop_wrap .show_name img {transition: all 0.3s;} */
.name_pop_box {display: none; width: 280px; position: absolute; left: 50%; bottom: -11px; transform: translate(-50%, 100%); background-color: #FFFFFF; border: 1px solid #EAEBEE; border-radius: 12px; box-shadow: 0 0 8px 0 rgba(82,93,107,0.06); text-align: left; padding-top: 20px; padding-bottom: 20px;}
/*
.name_pop_box > div:first-child {padding: 19px 20px 17px 20px; display: flex; align-items: center; justify-content: space-between;}
.name_pop_box > div:first-child p {display: flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: #00B99B;}
.name_pop_box > div:first-child ul {display: flex; align-items: center; gap: 10px;}
.name_pop_box > div:first-child li {font-size: 13px; font-weight: 500; color: #787F8F; position: relative;}
.name_pop_box > div:first-child li:last-child:before {content: ''; display: block; width: 2px; height: 2px; background-color: #B5BAC4; border-radius: 50%; position: absolute; left: -10px; top: 50%; transform: translate(-50%, -50%);}
*/
.name_pop_box > div {max-height: 470px; overflow-y: auto; margin-right: 2px;}
/* .name_pop_box > div > div:first-child {padding: 0 20px 20px; border-bottom: 2px solid #F5F6F7;} [23.04.14 AJY 수정] */
/* .name_pop_box > div > div:last-child {padding: 20px 20px 0; border-top: 2px solid #F5F6F7;} [23.04.14 AJY 수정] */
.name_pop_box > div > div:nth-child(1) {padding: 0 20px;}
.name_pop_box > div > div:nth-child(2) {padding: 20px 20px 0; border-top: 4px solid #F5F6F7; margin-top: 20px;}
.name_pop_box .title_icon {padding-left: 23px;}
.name_pop_box .title_icon i {width: 17px; height: 17px;}
.name_pop_box .name_list li {padding-left: 0;}
.name_pop_box .name_list li:before {display: none;}

/*팝업 show*/
.name_pop_wrap.on .show_name img {transform: rotate(-180deg);}
.name_pop_wrap.on .name_pop_box {display: block;}



/*===========================================================================
	[POPUP] 목표등록팝업
============================================================================*/
/* 목표 > 전체 목표 > 목표등록팝업('부서목표' 클릭시) */
.form_input li  > .toggle_list_wrap {/*margin-top: 12px;*/ margin-top: 0;}
/*.toggle_item {max-height: 44px; overflow: hidden; transition: all 0.4s;}*/
.toggle_item:first-child {margin-top: 12px;}
.toggle_item:not(:first-child) {margin-top: 6px;}
.toggle_item .aim_txt {display:none; padding: 16px 16px 13px; background-color: #F8F9FA; border-radius: 8px; margin-top: 4px;}
.aim_txt .aim_tag {font-size: 13px; font-weight: 500; color: #A1A7B1;}
.aim_txt .aim_title { font-weight: 500; color: #222429; line-height: 18px; margin-top: 8px;}
.aim_txt .aim_contents { font-weight: 400; color: #373B42; line-height: 18px; margin-top: 10px;}
.editor_ver .aim_txt {height: 340px; padding: 20px; }
.editor_ver .aim_txt > div {height: 100%; overflow: auto; padding: 16px; background-color: #FFFFFF; border-radius: 6px;}
.editor_ver .aim_txt .txt_box {height: auto; min-height: 100%;}
/*수정 전 원본*/
/*.toggle_top {height: 44px; padding: 14px 35px 16px 28px; background-color: #F8F9FA; border-radius: 8px; font-size: 13px; font-weight: 500; color: #373B42; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; cursor: pointer;}*/
/*.toggle_top:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #373B42; position: absolute; left: 20px; top: calc(50% - 1px); transform: translate(-100%, -50%);}*/
/*수정 후*/
.toggle_top {height: 44px; padding: 14px 35px 16px 32px; background-color: #F8F9FA; border-radius: 8px; font-size: 14px; font-weight: 500; color: #373B42; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; cursor: pointer;}
.toggle_top:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #373B42; position: absolute; left: 24px; top: calc(50% - 1px); transform: translate(-100%, -50%);}
.toggle_top:after {content:''; display: block; width: 8px; height: 8px; background: center / contain no-repeat url('/resources/img/icon/icon_toggle.svg'); position: absolute; right: 15px; top: calc(50% - 1px); transform: translate(0, -50%); /*transition: all 0.4s;*/}
.toggle_item.on .aim_txt {display:block;}
.toggle_item.on .toggle_top {background-color: #F5F6F7; color: #222429;}
.toggle_item.on .toggle_top:after {background-image: url('/resources/img/icon/icon_toggle_on.svg'); transform: translate(0, -50%) rotate(-180deg);}

/* 목표 > 전체 목표 > 목표등록팝업('나의목표' 클릭시) */
/* 수치 입력폼 */
.count_box {display: flex; gap: 12px; flex-wrap: wrap;}
.count_box .count_unit1 {width: calc(50% - 116px);}
.count_box .count_unit1 + span {font-size: 13px; color: #CFD2D9; line-height: 38px; margin: 0 -6px;}
.count_box .count_unit2 {width: 93px;}
.count_box .count_unit3 {width: 93px;}



/*===========================================================================
	[POPUP] 목표상세팝업(부서목표)
============================================================================*/
/* gray-border선이 있는 형태로 만들 때 부모요소 자리에 'div.aim_detail' 추가 */
.aim_detail > .aim_txt {padding: 20px; border: 1px solid #EEEFF2; border-radius: 8px;}
.aim_detail > .aim_txt .aim_tag {/*margin-bottom: 8px;*/ font-size: 13px; font-weight: 600; color: #A1A7B1;}
.aim_detail > .aim_txt .aim_title {font-size: 15px; line-height: 22px; /*margin-bottom: 12px;*/}
.aim_detail > .aim_txt .aim_contents {font-size: 14px; line-height: 20px;}
.yearbox {padding: 20px; background-color: #F8F9FA; border-radius: 8px;}
.yearbox > li:not(:first-child) {margin-top: 20px;}
.yearbox .year_point {font-size: 13px; color: #787f8f; margin-bottom: 12px;}
.yearbox .year_point span {font-size: 12px; font-weight: 400; color: #A1A7B1; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; margin-left: 16px;}
.yearbox .year_txt {margin-left: 32px; padding-left: 16px; font-size: 14px; color: #373B42; line-height: 18px; position: relative; font-weight:500;}
.yearbox .year_txt:before {content:''; display: block; width: 2px; height: 100%; background-color: #E6E8EC; position: absolute; left: 0; top: 0;}



/*===========================================================================
	[POPUP] 성과등록/ 팝업
============================================================================*/
/*태그*/
.toggle_top .tag_round {display:inline-block; margin-top:-3px; margin-right: 6px;}
.tag_round {vertical-align:middle; font-size: 10px; font-weight: bold; color: #FFFFFF; padding: 2px 6px; border: 1px solid rgba(5,5,5,0.12); border-radius: 999px; background-color: #A1A7B1;}
/*삭제 태그 추가*/
.tag_round.tag_del {color: #787F8F; border: 1px solid #EEEFF2; background-color: #EEEFF2;}
.tag_box {font-size: 11px; font-weight: 600; color: #46647E; padding: 4px 8px; border-radius: 5px; display:inline-block; vertical-align:middle;}
/*.aim_tag .tag_round  + .tag_box {margin-left:12px;}*/
.aim_tag .tag_round  + .tag_box {margin-left:20px; position:relative;}
.aim_tag .tag_round  + .tag_box:after {content:''; display:block; width:1px; height:10px; background-color:#E6E8EC; position:absolute; left:-11px; top:50%; transform:translate(-50%,-50%);}
.tag_box:not(:first-child) {margin-left: 6px;}
.tag_box.blue {color: #46647E; background-color: #E0EFFC;}
.tag_box.red {color: #7E4646; background-color: #FCE0E0;}
.tag_box.green {color: #537E46; background-color: #D8F2D8;}
.tag_box.dark_green {background-color: #00B99B;}
.tag_box.light_gray {border:1px solid #E6E8EC; color: #626975; background-color: #FCFCFC;}
.tag_box.light_gray2 {border:1px solid #F5F6F7; color: #787F8F; background-color: #F5F6F7;}
.tag_box.light_gray3 {border:1px solid #E6E8EC; color: #626975; background-color: #E6E8EC;}
.tag_box.yellow {color: #7E6446; background-color: #FCF3E0;}
.tag_box.blue2 {background-color: #589DEF;}
.tag_box.purple {background-color: #9E58EF;}
.tag_box.gray {background-color: #A1A7B1; color:#fff;}
/* 기존배치에서 상단 양쪽으로 태그 요소가 들어갈때 '.toggle_item'에 '.show_tag' 추가 */
.aim_txt .aim_tag.text {margin-top:8px;}
/*.show_tag .aim_txt .aim_tag {display: flex; align-items: center; justify-content: space-between;}*/
/*.show_tag .aim_txt .aim_tag > div {font-size:0;}*/
/*함께한동료*/
.worker_list,.render1.active.worker_list {display: flex; width: 100%; flex-wrap: wrap; gap: 12px;}
.worker_list li {display: flex; align-items: center; padding: 9px 14px; background-color: #F8F9FA; border: 1px dashed #E6E8EC; border-radius: 8px; white-space: nowrap;}
/* .worker_list li:not(:first-child) {margin-left: 12px;} */
.worker_list li p {font-size: 13px; font-weight: 500; color: #222429; margin-right: 10px;}
.worker_list li select {width: auto; height: 28px; padding: 0px 28px 0px 12px; background-position: right 12px center; margin-right: 8px;}
.worker_list .btn_del_worker {width: 14px; height: 14px; background: center / auto no-repeat url('/resources/img/icon/icon_x_inbox.svg')}
/*진척도*/
.progress_degree {display: flex; align-items: center; justify-content: space-between;}
.progress_degree p {font-size: 13px; font-weight: 600; color: #626975;}
/*.progress_degree p:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #585D67; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}*/
.progress_degree ul {display: flex; align-items: center; gap: 25px;}
.progress_degree li {font-size: 12px; font-weight: 500; color: #787f8f; position: relative;}
.progress_degree li span {font-size: inherit; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; color: #4D525C; margin-left: 4px;}
.progress_degree li:not(:first-child):before {content: ''; display: block; width: 1px; height: 8px; background-color: #E5E7EB; position: absolute; left: -12px; top: 50%; transform: translate(-50%, -50%);}
.progress_box {display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.percentage_num {font-size: 14px; font-weight: 900; color: #00B99B; width: 40px; text-align: right; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}
.percentage_num.mb_only {font-family: 'SUIT', sans-serif;}
.target .percentage_num {text-align:left;}
.percentage_full {width: calc(100% - 50px); height: 12px; border: 1px solid #E6E8EC; border-radius: 99px; background-color: #F8F9FA;}
.pop_wrap .percentage_full {height:16px;}
.percentage_active {width: 60%; height: 100%; background-color: #00B99B; border-radius: inherit;}
.percentage_active.gray {background-color:#b5bac4;}
.percentage_active.black {background-color:#626975;}
.percentage_active.none {background-color:transparent;}
.sub_target .percentage_num.gray {color:#b5bac4;}
.sub_target .percentage_num.black {color:#626975;}
.sub_target .percentage_num.none {color:#b5bac4;}
.progress_wrap {border-radius: 8px; background-color: #F8F9FA;}
.progress_wrap .progress_degree {padding: 12px 20px; border-bottom: 1px dashed #EAEBEE;}
.progress_wrap .progress_box {padding: 14px 20px;}
/*담당자*/
.manager_wrap {padding: 14px 20px; border-radius: 8px; background-color: #F8F9FA; display: flex; align-items: center; justify-content: space-between;}
.manager_wrap > div {font-size: 12px; font-weight: 500; color: #585D67;}
.manager_wrap > div:first-child {padding-left: 10px; position: relative;}
.manager_wrap > div:first-child:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #585D67; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}



/*===========================================================================
	[POPUP] 목표상세팝업
============================================================================*/
/*진척도 in aim_detail*/
.aim_detail .progress_wrap {margin-top: 24px; /*border: 1px solid #EAEBEE;*/ background-color: #FAFBFC;}
/*부서목표*/
.no_dot .toggle_top {padding: 14px 35px 14px 20px}
.no_dot .toggle_top:before {display: none;}
/*담당자및목표기한*/
.manager_wrap_more {padding: 14px 20px; border-radius: 8px; background-color: #F8F9FA; display: flex; align-items: center; gap: 20px;}
.manager_wrap_more li {color: #787f8f; line-height:1.4;}
.manager_wrap_more li span {font-weight: 500; color: #373B42; margin-left: 8px;}
.manager_wrap_more li:nth-child(2) span {font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; color:#4D525C;}
/* 성과상세내용 */
.yearbox.type2 li {display: flex;}
.yearbox.type2 > li:not(:first-child) {margin-top: 14px;}
.yearbox.type2 > li:not(:last-child) {padding-bottom: 14px; border-bottom: 1px solid #EAEBEE;}
.yearbox.type2 .year_point {margin-bottom: 0;}
.yearbox.type2 .year_point span {font-size: 12px; font-weight: 400; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; margin-left: 0;}
.yearbox.type2 .year_txt {padding-left: 16px; margin-left: 16px; line-height: 20px; font-weight:500;}
.yearbox.type2 .year_txt:before {background-color: #DBEDEA;}
.year_txt em {font-size: inherit; font-weight: 500; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; color: #00B99B;}
.year_txt .year_member {font-size: 13px; margin-top: 12px; color: #585D67;}
.year_txt .year_member span {font: inherit; font-weight: 500; color: inherit;}



/*===========================================================================
	[POPUP] 최종평가내역상세팝업
============================================================================*/
.estimation_tip_pop .pop_title {display: flex; align-items: center; gap: 3px;}


/*===========================================================================
	[POPUP] 평가내역상세팝업
============================================================================*/
.record_component .record_title {font-size: 15px; font-weight: 500; color: #222429; line-height: 22px;}
.record_component .manager_wrap_more {/*display: none;*/ padding: 0; border-radius: 0; background-color: transparent; gap: 30px; margin-top: 12px;}
.record_component .exam_wrap {margin-top: 20px;}
.record_component .manager_wrap_more + .exam_wrap {margin-top: 30px;}
.exam_item {border: 1px solid #EEEFF2; border-radius: 8px; background-color: #F8F9FA;}
.exam_item:not(:first-child) {margin-top: 20px;}
.exam_top {padding: 16px 20px;}
.numbering {display: flex;}
.numbering strong {display: block; width: 20px; height: 20px; line-height: 21px; font-size: 10px; font-weight: 500; color: #FFFFFF; text-align: center; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif; border-radius: 4px; background-color: #A1A7B1; margin-right: 8px; margin-top: 1px;}
.numbering p {width: calc(100% - 28px); font-size: 14px; font-weight: 500; color: #373B42; line-height: 22px;}
.exam_bot {padding: 20px; border-top: 1px dashed #E6E8EC;}
.exam_bot p {font-size: 14px; color: #373B42; line-height: 20px; padding: 16px 20px; background-color: #EEEFF2; border-radius: 8px; white-space:pre-line;}
.estimation_detail_pop.type2 .record_component .manager_wrap_more {display: flex;}



/*===========================================================================
	[POPUP] 최종평가내역상세팝업 >>> 기존에 팝업이었던 요소가 페이지로 전환됨
============================================================================*/
.final_estimate_pop .div_hr > div {max-height: none; }
.final_estimate_pop .title_s:not(:first-child) {margin-top: 24px;}
.final_estimate_pop .txt_box {height: 130px;}
.gray_txtbox {padding: 12px 20px; background-color: #F8F9FA; border-radius: 8px; font-size: 15px; color: #373B42; line-height: 20px; white-space:pre-line;}
/*그래프포함요소*/
.estimate_graph_wrap {display: flex; align-items: center; flex-wrap: wrap;}
.graph_top {width: 100%; margin-bottom: 24px; display: flex; align-items: center; justify-content: space-between;}
.graph_top h5 {font-size: 15px; font-weight: bold; color: #222429;}
.graph_top p {font-size: 12px; font-weight: 600; color: #787F8F;}
.graph_top p span {font-size: 13px; font-weight: 500; color: #4D525C; margin-left: 8px; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}
.graph_left {width: calc(50% - 10px)}
.graph_left img {width: 100%;}
.graph_right {width: calc(50% - 10px); margin-left: 20px; border: 1px solid #EEEFF2; border-radius: 8px;}
.graph_right > div:first-child {padding: 16px 20px 20px;}
.graph_right > div:last-child {padding: 16px 20px; border-top: 1px solid #EEEFF2;}
.graph_comment {margin-top: 12px; font-size: 13px; color: #373B42; line-height: 20px; padding: 14px 16px 16px; border-radius: 6px; background-color: #F8F9FA;}
.dot_list li {display: flex; align-items: center; justify-content: space-between;}
.dot_list li:not(:first-child) {margin-top: 6px;}
.dot_list li > p:first-child {font-size: 12px; font-weight: 600; color: #626975; padding-left: 8px; position: relative;}
.dot_list li > p:first-child:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #626975; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.dot_list li > p:last-child {font-size: 14px; font-weight: bold; color: #273556;}
.dot_list.type2 li > p:first-child {color: #222429}
.dot_list.type2 li > p:first-child:before {background-color: #222429}
.dot_list.type2 li > p:last-child {font-size: 13px; padding: 3px 10px; border-radius: 6px; background-color: #E6EBF3;}


/*최종평가 리스트화면에서 '목표확인' 클릭시 노출되는 팝업 */
.final_estimate_pop .aim_detail .progress_wrap {border: 0;}



/*===========================================================================
	평가관리 > 평가관리 > 최종평가 > 상세
============================================================================*/
.estimation_final_result .card.padding_big {padding: 24px 40px 40px;}
/*직원이름,소속*/
.examine_target_wrap {display: flex; align-items: center; gap: 20px; margin-bottom: 24px;}
.examine_target_wrap > p {font-size: 20px; font-weight: 500; color: #0D0E0F;}
.examine_target_wrap > p > span {font-size: inherit; font-weight: bold; color: inherit;}
.examine_target_wrap > ul {display: flex; align-items: center; margin-top: 2px;}
.examine_target_wrap li {font-size: 14px; font-weight: 500; color: #787F8F;}
.examine_target_wrap li:not(:first-child) {margin-left: 15px; position: relative;}
.examine_target_wrap li:not(:first-child):before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #B5BAC4; position: absolute; left: -7px; top: 50%; transform: translate(-50%, -50%);}

/*평가진행정보*/
.examine_title_wrap {display: flex; align-items: center; justify-content: space-between; padding: 14px 28px; background-color: #F8F9FA; border: 1px solid #EEEFF2; border-radius: 12px; margin-bottom: 20px;}
.examine_title_wrap > p:first-child {font-size: 15px; font-weight: 600; color: #373B42;}
.examine_title_wrap > p:last-child {font-size: 14px; font-weight: 400; color: #787F8F;}
.examine_title_wrap > p:last-child span {font-size: 14px; font-weight: 500; color: #4D525C; margin-left: 6px; font-family: 'Spoqa Han Sans Neo', 'SUIT', sans-serif;}

/*(공통)회색둥근테두리*/
.solid_card {border: 1px solid #E6E8EC; border-radius: 12px; box-shadow: none;}

/*평가정보(1열3칸)*/
.examine_value_wrap {margin-top: 20px; gap: 24px;}
.examine_value_wrap > div {width: calc(33.33% - 16px); padding: 24px 28px; display: flex; align-items: center; justify-content: space-between;}
.examine_value_wrap > div:first-child {padding: 18px 19px 18px 28px;}
.examine_value_wrap > div > p:first-child {font-size: 16px; font-weight: 600; color: #4D525C; display: flex; align-items: center; gap: 12px;}
.examine_value_wrap > div > p:last-child {font-size: 20px; font-weight: 500; color: #222429; font-family:"Spoqa Han Sans Neo", 'SUIT',sans-serif; margin-top: -3px;}
.rank_circle {width: 36px; height: 36px; line-height: 36px; font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center; border-radius: 50%; background-color: #EC6A9A; position: relative; z-index: 0;}
.rank_circle:after {content: ''; display: block; width: 44px; height: 44px; border-radius: 50%; background-color: rgba(236,106,154,0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: -1;}

/*평가핵심정보*/
.examine_total_wrap {gap: 20px;}
.solid_card.member_card {width: 365px; padding: 20px 15px 24px 24px;}
.examine_comment {width: calc(100% - 385px); padding: 20px 24px 24px; border: 1px solid #E6E8EC; border-radius: 12px;}
.examine_comment > p {font-size: 16px; font-weight: 600; color: #4D525C; margin-bottom: 20px;}
.examine_comment > div {padding: 20px 2px 17px 20px; background-color: #F8F9FA; border-radius: 8px;}
.examine_comment > div > p {font-size: 15px; color: #222429; line-height: 23px; padding-right: 17px; height: 207px; overflow-y: auto; white-space:pre-line;}
.nodata_flex {display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 20px; font-size: 14px; color: #B5BAC4;}

/*구분선*/
.hr_line {width: calc(100% + 80px); margin: 50px 0 50px -40px; height: 3px; background-color: #EEEFF2;}
.hr_line.type2 {width: calc(100% + 80px); margin: 40px 0 40px -40px; height: 3px; background-color: #EEEFF2;}

/*평가상세내용*/
.examine_result_detail {padding: 24px 20px 24px 24px; margin-bottom: 30px;}
.examine_graphic_wrap {display: flex; align-items: center; padding: 20px 50px 20px 20px; margin-bottom: 30px;}
/*element(1)*/
.graphic1 {width: 338px; padding: 30px 53px; border-radius: 8px; background-color: rgba(0,185,155,0.03); margin-right: 30px; text-align: center;}
.graphic1 > p {font-size: 15px; font-weight: 600; color: #585D67; line-height: 28px;}
.graphic1 > p > b {font-size: 16px; font-weight: bold; color: #222429;}
.draw_dots {width: 4px; height: 4px; border-radius: 50%; background-color: #E6E8EC; position: relative; margin: 20px auto 44px;}
.draw_dots:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #E6E8EC; position: absolute; left: 50%; bottom: -8px; transform: translate(-50%, 100%);}
.draw_dots:after {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #E6E8EC; position: absolute; left: 50%; bottom: -20px; transform: translate(-50%, 100%);}
.mystrength {font-size: 14px; font-weight: 600; color: #00B99B; display: inline-block; height: 38px; line-height: 36px; padding: 0 16px; border: 1px solid rgba(0,185,155,0.4); border-radius: 20px; box-shadow: 0 3px 6px 0 rgba(82,93,107,0.06); background-color: #FFFFFF;}
/*element(2)*/
.graphic2 {height: 251px; margin-right: 40px;}
.graphic2 canvas {margin: auto}
/*element(3)*/
.graphic3 {width: calc(100% - 719px); min-width: 300px; padding: 30px 0 30px 40px; border-left: 1px dashed #E6E8EC;}
.graphic3 li {display: flex; align-items: center;}
.graphic3 li:not(:first-child) {margin-top: 20px;}
.graphic3 li > p {width: 97px; font-size: 13px; font-weight: 600; color: #626975; /*padding-left: 12px;*/ position: relative;}
/*.graphic3 li > p:before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #626975; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}*/
.graphic3 .progress_box {width: calc(100% - 97px)}
.graphic3 .percentage_full {width: calc(100% - 55px); height: 14px;}
.graphic3 .percentage_num {font-size: 16px; font-weight: 500; color: #373B42; /* width: 45px;*/} 


/*평가기준별 의견*/
.solid_card .title_s:not(:first-child) {margin-top: 30px;}
.examine_text_wrap .nodata_flex {padding-top: 50px; padding-bottom: 56px;}

/*대표이사 코멘트*/
.examine_ceo_comment {padding: 24px;}
.examine_ceo_comment .txt_box {margin-left: 10px;}
.examine_ceo_comment .preview p {font-size:15px;}





/*===========================================================================
	[관리자 > 평가관리 > 평가내역 > tr 클릭시 :: 평가내역 팝업]
============================================================================*/
/*.sub_info_wrap {display: flex; align-items: center;}
.sub_info_wrap .sub_info {display: flex; align-items: center; margin-left: 20px; margin-top: 2px;}
.sub_info_wrap .sub_info li {font-size: 14px; font-weight: 500; color: #787F8F;}
.sub_info_wrap .sub_info li:not(:first-child) {margin-left: 15px;}
.sub_info_wrap .sub_info li:not(:first-child):before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #B5BAC4; position: absolute; left: -7px; top: 50%; transform: translate(-50%, -50%)}*/
.record_tag {display: block; font-size: 13px; font-weight: 600; color: #A1A7B1; margin-bottom: 8px;}
.record_result {display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; border: 1px dashed #E6E8EC; border-radius: 8px; margin-bottom: 24px;}
.record_info {display: flex; align-items: center;}
.record_info li {font-size: 13px; color: #A1A7B1; margin-top: 2px;}
.record_info li:nth-child(1) {display: flex; align-items: center; font-size: 16px; font-weight: 600; color: #222429; margin-top: 0;}
.record_info li:nth-child(1) i {display: block; width: 32px; height: 32px; background: center / auto no-repeat url('/resources/img/icon/icon_no_profile.svg'); border: 1px solid #E6E8EC; border-radius: 50%; margin-right: 10px;}
.record_info li:nth-child(2) {margin-left: 12px;}
.record_info li:nth-child(3) {margin-left: 18px; position: relative;}
.record_info li:nth-child(3):before {content: ''; display: block; width: 2px; height: 2px; border-radius: 50%; background-color: #B5BAC4; position: absolute; left: -6px; top: 50%; transform: translate(-100%, -50%)}
.record_score {font-size: 16px; font-weight: bold; color: #00B99B; font-family:"Spoqa Han Sans Neo", 'SUIT', sans-serif; background-color: rgba(0,185,155,0.07); border-radius: 8px; padding: 10px 21px;}
.question_type {display: flex; align-items: center; margin-top: 8px; font-size: 0;}
.question_type span {font-size: 12px; font-weight: 500; color: #A1A7B1;}
.question_type span:not(:first-child) {margin-left: 15px; position: relative;}
.question_type span:not(:first-child):before {content: ''; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #CFD2D9; position: absolute; left: -8px; top: 50%; transform: translate(-50%, -50%)}





/*===========================================================================
	반응형 (관리자단과 공유)
============================================================================*/
/* 조건별 렌더링 */
.render1, .render2 {display: none;}
.render1.active, .render2.active {display: block;}

@media screen and (max-width: 1650px){
	/* 최종평가 상세 */
	.examine_graphic_wrap {flex-wrap: wrap; padding: 20px;}
	.graphic1 {width: calc(50% - 15px);}
	.graphic2 {width: calc(50% - 15px); height: auto; margin-right: 0;}
	.graphic3 {width: 100%; padding-left: 0; border-left: 0; padding-bottom: 0;}

}

@media screen and (max-width: 1280px){
	/* 최종평가 상세 */
	.examine_value_wrap {flex-wrap: wrap; gap: 20px; margin-top: 25px;}
	.examine_value_wrap.pc_only {display: none;}
	.examine_value_wrap > div {width: 100%;}
}

@media screen and (max-width: 1180px){
	/* 최종평가 상세 */
	.examine_total_wrap {flex-wrap: wrap; gap: 25px;}
	.solid_card.member_card, .examine_comment {width: 100%;}
}

@media screen and (max-width: 1024px){
	.pc_only {display: none !important;}
	.mo_flex_only {display: flex !important;}
	/* 최종평가 상세 */
	.estimation_final_result .card.padding_big {padding: 24px 16px 30px 16px;}
	.estimation_final_result .card_title {display: none;}
}


/*===========================================================================
	반응형 (반응형 css로 옮길 예정)
============================================================================*/
@media screen and (max-width: 1280px){
	/*최종평가 상세*/
	.graphic1 {width: 100%; margin-right: 0;}
	.graphic2 {width: 100%; margin: 15px 0;}
}

@media screen and (max-width: 1024px){
	/*최종평가 상세*/
	.examine_target_wrap {margin-bottom: 25px;}
	.examine_target_wrap > p {font-size: 17px; font-weight: 600;}
	/*.examine_target_wrap > p b {display: none;}*/
	.examine_target_wrap > ul {display: none;}
	.examine_title_wrap {padding: 14px 17px; margin-bottom: 25px; flex-direction: column; align-items: flex-start;}
	.examine_title_wrap > p:first-child {color: #222429; margin-bottom: 8px;}
	.solid_card.member_card {padding: 20px;}
	.examine_target_wrap .member_card p {margin-top: 12px;}
	.examine_target_wrap .my_info {margin-top: 6px;}
	.examine_target_wrap .my_info li {font-size: 15px;}
	.examine_target_wrap .member_card .card_contents {padding: 16px 18px;}
	.examine_target_wrap .member_card .card_contents li {font-size: 14px;}
	.examine_comment {padding: 16px 20px;}
	.examine_comment > p {font-size: 15px; margin-bottom: 15px;}
	.examine_comment > div {padding: 15px 17px;}
	.examine_comment > div > p {height: auto; overflow-y: visible; padding-right: 0; font-size: 14px;}
	.examine_value_wrap > div {padding: 18px 20px 18px 17px;}
	.examine_value_wrap > div:first-child {padding: 13px 20px 13px 17px;}
	.examine_value_wrap > div > p:last-child {font-size: 18px;}
	.rank_circle {width: 33px; height: 33px; font-size: 18px;}
	.rank_circle:after {width: 40px; height: 40px;}
	.examine_result_detail {border: 0; padding: 0;}
	.examine_graphic_wrap {margin-bottom: 40px;}
	.title_s {font-size: 14px;}
	.gray_txtbox {padding: 14px 18px; font-size: 14px;}
	.solid_card .title_s:not(:first-child) {margin-top: 25px;}
	.examine_ceo_comment {padding: 20px;}
	.examine_ceo_comment .txt_box {margin-left: 0;}
	.draw_dots {margin: 12px auto 28px;}
	.draw_dots:before {bottom: -4px;}
	.draw_dots:after {bottom: -12px;}
	.graphic1 {padding-left: 0; padding-right: 0;}
	.graphic1 > p {line-height: 24px;}
	.graphic2 {margin: 30px 0 35px;}
	.graphic3 {width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding: 35px 20px 0;border-top: 1px dashed #E6E8EC;}
	.graphic3 li > p {font-size: 14px;}
	.graphic3 .percentage_num {font-size: 14px;}
	

}
/* 2023-02-17_HUBDNC AJY [퍼블팀 내부검수] .editor_li 'padding-bottom 추가' */
.editor_li{min-height:650px; max-height:700px; padding-bottom:30px;}

/*230308 고객사 개선사항 수정요청 사항 반영, 평가하기 페이지 css*/
.card_cont_wrap .exam_wrap .radio + label{text-align:left;display:block;width:100%;color:#71757c;}
.examine_ceo_comment p{font-size:15px;line-height:20px;}

/* graph - tooltip custom */
.tooltip_wrap {padding-bottom: 10px;}
.tooltip_inner {padding: 10px 14px 12px 14px; border: 1px solid #373B42; border-radius: 8px; background-color: rgba(34,36,41,0.7); position: relative;}
.tooltip_inner:after {content: ''; display: block; width: 16px; height: 10px; position: absolute; left: 50%; bottom: 1px; transform: translate(-50%, 100%) rotate(180deg); background: url('/resources/img/icon/icon_triangle.svg') no-repeat center}
.tooltip_inner .txt1 {font-size: 13px; font-weight: 600; color: #FEFEFE; white-space: nowrap;}
.tooltip_inner .txt2 {font-size: 13px; font-weight: 400; color: rgba(255,255,255,0.8); white-space: nowrap;}
.tooltip_inner h5.txt1 {margin-bottom: 6px;}
.tooltip_inner ul > li {position: relative; padding-left: 9px; line-height: 1.3; white-space: nowrap;}
.tooltip_inner ul > li:before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: rgba(255,255,255,0.8); position: absolute; left: 0; top: 50%; transform: translateY(-50%);}