@charset "utf-8";
/* CSS Document */

/* 20241112 홈화면 신규 */
.status_utill {display: flex; align-items: center;}
.status_utill .btn_box a {font-size: 1.3rem; padding: 0.5rem 0.3rem; min-width: 5rem;}
.statu_tie {flex-direction: column;overflow: hidden;border: 0.2rem solid #1e3665;}
.statu_tie .statu_tie_area {width: 100%; text-align: center;}
.statu_tie .sub_status_left_tie {padding:1.5rem 2rem; background: #f9f8f9; border:0.1rem solid #ededed; border-radius: 1rem;}
.statu_tie .sub_status_left {padding-bottom: 1.5rem;}
.statu_tie .sub_status_left:last-child {margin-bottom: 0rem;}
.statu_tie .statu_tie_area h2 {position: relative;font-size: 2rem;padding: 0rem 12rem 2.3rem 12rem;display: inline-block;color: #Fff;z-index: 98;}
.statu_tie .statu_tie_area h2 strong:after {content: "";background: #1e3665;position: absolute;bottom:1rem;left:0rem;width: 100%;height: 100rem;z-index: -1;border-radius: 10rem;}
.statu_tie .statu_tie_title {position: relative;}
.statu_tie .statu_tie_title .status_utill {position: absolute; top:0rem; right: 0rem;}
/* PMS_사업진행 현황 */
.sub_status_box {display: flex;background: #fff;border-radius: 1rem;padding: 1rem 3rem 2.5rem 3rem;box-shadow: 0.1rem 0.1rem 0.6rem 0rem #9d9d9d8f;align-items: center;/* border: 0.2rem solid #1e3665; */margin-bottom: 2rem;}
.sub_status_left {width: 100%;}
.status_bread ul {display: flex; justify-content: center;}
.status_bread ul li {position: relative;font-size: 1.4rem;color:#9c9b9f;padding: 0.5rem 1.5rem;}
.status_bread ul li:first-child {padding-left:0rem;}
.status_bread ul li:after {content:"\e93f"; position: absolute; top:50%; right:-0.8rem; transform: translate(0%,-50%); font-family: "xeicon";}
.status_bread ul li:last-child:after {display: none;}
.status_title {text-align: left;}
.status_title h4 {position: relative;font-size: 1.7rem;padding: 0.3rem 0rem;display: flex;align-items: center;}
.status_title h4:before {content: ""; background: url("../images/sub/status_title_h4_icon.png") no-repeat; width: 1.8rem; height:  1.7rem; background-size: 1.5rem; margin-right: 0.5rem;}
.status_con {margin-top: 1rem;}
.status_con ul {display: flex;gap: 6%;height: 100%;}
.status_con ul li {position: relative;width: 100%;height: 100%;text-align: center;}
.status_con ul li:first-child {}
.status_con ul li:after {content: ""; position: absolute; top:50%; right:0rem; transform: translate(100%,-50%); width: 100%; background: #e6e6e6; padding: 0.5rem;}
.status_con ul li:last-child:after {display: none;}
.status_con ul li a {position: relative;display: block;border:0.2rem solid #b0bdcc;border-radius: 1rem;overflow: hidden;font-weight: 600;height: 100%;z-index: 98;}
.status_con ul li a > div strong {font-size: 1.5rem;background: #b0bdcc;color:#fff;font-weight: 500;display: block;padding: 0.5rem 0rem;letter-spacing: 0.02rem;}
.status_con ul li a > div p {font-size: 1.5rem;padding: 4rem 0rem 1rem 0rem;background: #fff;color: #999999;}
.status_con ul li a > div p:before {content: "\e966";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-family: "xeicon";font-size: 3rem;color:#b0bdcc;font-weight: 100;}
.status_con ul li > a:hover {box-shadow: 2px 2px 5px 1px #c5c5c5;animation:iconbtn 1s ease; border-color:#7A7C7F;}
.status_con ul .status_active a:hover {border-color: #041dac;}
.status_con ul .status_active a:hover strong {background:#041dac }
.status_con ul .status_ing  a:hover {border-color: #ff0000;}
.status_con ul .status_active a {border-color:#566ceb;}
.status_con ul .status_active strong {background: #566ceb;}
.status_con ul .status_active p {color:#3a52de;}
.status_con ul .status_active:after {background: linear-gradient(84deg, rgba(86,108,235,1) 0%, rgba(164,134,254,1) 100%);}
.status_con ul .status_active a > div p:before {content: "\e92c";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-family: "xeicon";font-size: 3rem;color:#566ceb;font-weight: 100;}
.status_top_box {display: flex;justify-content: space-between;padding: 0.5rem 0rem;}
.status_utill .st_task_utill {background: #f4f6fa;padding: 0.1rem 1rem;border-radius: 0.3rem;display: flex;align-items: center;margin-bottom: 0.5rem;}
.status_utill .st_task_utill p {font-weight: 600; font-size: 1.4rem; padding:0rem 1rem;}
.status_utill .st_task_utill button {background: #4876ef; color:#fff; padding:0.5rem; border-radius: 0.3rem;}
.status_utill .st_task_utill button:hover {background: #000000;}
.hover_text {position: relative;}
.tooltip-content {display: none;}
.hover_text:hover .tooltip-content {position: absolute; top:0rem; left:0rem; display: block; transition: all 0s; width: 100%; height: 100%; background:linear-gradient(180deg, rgba(24,77,177,1) 0%, rgba(24,59,123,1) 100%);; border-radius: 0.5rem;  padding: 0.5rem 1rem;}
.hover_text:hover .tooltip-content:after {content: "\eb1e"; position: absolute; bottom:0rem; right: 0rem; color:#305aa8; font-family: "xeicon"; font-size: 5rem; border:none;}
.tooltip-content button {display: block;border:none !important;font-size:1.4rem;color:#fff;text-align: left;position: relative;font-weight:400 !important;z-index: 99;padding: 0.1rem 0rem;}
.tooltip-content button:hover {text-decoration: underline; color:#fff331;}
.tooltip-content button:before {content: "-"; margin-right:0.3rem;}
.status_con ul .status_ing > a {border-color:#ff4208;animation: blink-effect 1s step-end infinite;}
.status_con ul .status_ing strong {background: #ff4208; animation: blink-effect 1s step-end infinite;}
.status_con ul .status_ing p {color:#ff4208;}
.status_con ul .status_ing a > div p:before {content: "\e94a";position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);font-family: "xeicon";font-size: 4rem;color:#fe7951;font-weight: 100;}
@keyframes blink-effect {
50% {background: red;}
}
.home_table {box-shadow:0.1rem 0.1rem 0.6rem 0rem #d1d1d18f;}
.home_table .width_type {border-top:none;}
.home_table th {position: relative; background: #264cb2; color:#fff; border:none;}
.home_table th:after {content: ""; position: absolute;  width: 0.1rem; height: 2rem; background: #7e8eb7; top:50%; right:0rem; transform: translate(0%,-50%);}
.home_table td {border-left:none; border-right:none;}

/* 홈화면 공지사항 영역 */
.sub_status_right {width: 25%; border-left:0.1rem solid #e8e8e8; padding: 0rem 0rem 0rem 3rem; margin-left:3rem;}
.sub_status_notice h4 {font-size:1.8rem; color:#111111; background: url("../images/sub/home_notice_icon.png") 0% 50% no-repeat; padding:1rem 1rem 1rem 5rem;}
.sub_status_notice_box {font-size: 1.4rem; margin-bottom: 1rem;}
.sub_status_notice_box ul {display: flex;}
.sub_status_notice_box ul li {padding: 0.3rem 1rem; border-radius: 0.5rem; margin:0.5rem 0.3rem 0.5rem 0rem;}
.sub_status_notice_box ul li:first-child {color:#254290; background:#e9efff;}
.sub_status_notice_box ul li:last-child {color:#7c7c7c; background:#f4f6fa;}
.sub_status_notice_box strong {display: block; padding: 0.5rem 0rem; color:#292929; font-weight: 400;}
.sub_status_notice_box strong:hover{color: #152aa9;}

/* 결재선 설정 레이어 팝업 */
.layer-pop {display: none;  overflow: hidden;  position: fixed;  top: 0;  left: 0;  z-index: 99;  width: 100%;  height: 100vh;  padding: 2.5rem 2.969vw;  background-color: rgba(0,0,0,.5);  box-sizing: border-box;}
.lay_on {display: block;}
.layer-pop .lay_inner {position: relative; overflow-y: auto; height: 100%; border: 2px solid #2a2a2a; background-color: #fff; box-shadow: rgba(0,0,0,.1) .5rem .5rem .5rem; box-sizing: border-box; padding: 3rem;}
.layer-pop .lay_close {display: block; margin-left: auto;}
.approval_all {display: flex; border-top:0.2rem solid #939393;}
.approval_box {display: flex; width: 100%;}
.approval_box h3 {background: #f7f7f7; min-width: 20rem; align-items: center; justify-content: center; display: flex; font-size: 1.4rem; border:0.1rem solid #e2e2e2; font-weight: 500;}
.approval_box:first-child h3 {border-left:none;}
.approval_box dl {width: 100%;  font-size: 1.4rem; text-align: center; border:0.1rem solid #e2e2e2; border-right:none; margin-left:-0.1rem;}
.approval_box dl dt {background: #f5f6fa; border-bottom:0.1rem solid #e2e2e2; padding: 1rem 0rem;}
.approval_box dl dd {background: #fff; padding: 1rem 0rem; border:0.1rem solid #e2e2e2;}
.approval_box dl dd:nth-child(2) {border-bottom: none; border-top:none;  border-left:none; border-right:none;}
.approval_box dl dd:nth-child(3) {border-bottom: none; border-left:none; border-right:none;}
.approval_btn {border:1px solid red;}
.refe_box {display: flex; width: 100%;}
.refe_box h3 {background: #f7f7f7; min-width: 20rem; align-items: center; justify-content: center; display: flex; font-size: 1.4rem; border:0.1rem solid #e2e2e2; font-weight: 500; padding:1rem 0rem; border-top:none; border-left:none;}
.refe_text {width: 100%; display: flex; border:0.1rem solid #e2e2e2; padding:1rem; font-size:1.4rem; gap:1rem; border-top:none; border-left:none;}
.lay_approval_wrap {font-size: 1.4rem;}
.lay_approval_box {display: flex; margin-top: 2rem; margin-bottom: 2rem; border-top:0.1rem solid #000000; border-bottom:0.1rem solid #e2e2e2;}
.lay_approval_box > div  {width: 100%; padding: 2rem;}
.lay_left_list_box {display: flex; gap:1rem;}
.lay_left_list_box > div {width: 100%; overflow: auto; height: 36rem;}
.lay_approval_center {width: 10% !important;}
.lay_approval_center div {height: 15.5rem;}
.lay_app_c_box {align-items: center; display: flex; flex-direction: column; justify-content: center;}
.lay_app_c_box button {margin:0.1rem;}
.lay_title_box {display: flex; justify-content: space-between; align-items: center;}
.lay_title_box h3 {font-size: 1.5rem;}
.lay_title_box h3 span {font-size: 1.4rem; color: #0a3bbb; margin-left:0.5rem;}
.lay_r_conbox {border:0.1rem solid #e2e2e2; height: 10rem; padding: 1rem; margin:1rem 0rem; overflow: auto;}
.lay_r_conbox div {margin-bottom:0.5rem;}
.lay_approval_wrap button {border:0.1rem solid #e2e2e2; font-size: 1.6rem; padding: 0.5rem;}
.lay_approval_wrap button:hover {background: #030303; color:#fff;}
.lay_left_list_l {border:0.1rem solid #e2e2e2; padding: 2rem;}
.lay_left_list_r {border:0.1rem solid #e2e2e2; padding: 2rem;}
.app_btn {color:#14339B; font-weight: bold; border:0.1rem solid #d2d9ea; padding: 0.7rem; margin:0.5rem; border-radius: 0.5rem; background: #f4f7fe;}
.app_btn:hover {background: #000000; color:#fff;}

/* 협약체결 버튼 영역 */
.s_active {background: #3864f2; padding: 0.5rem 1rem; border-radius: 0.5rem; color:#fff; font-weight: 600; display: inline-block; width: 3.7rem;}
.s_active:hover {background: #2b2c2f;}
.s_write {background: #ff4208; padding: 0.5rem 1rem; border-radius: 0.5rem; color:#fff; font-weight: 600; display: inline-block; width: 3.7rem;}
.s_write:hover {background: #2b2c2f;}
.s_stand {background: #d8d8d8; padding: 0.5rem 1rem; border-radius: 0.5rem; color:#fff; font-weight: 600; cursor: default; display: inline-block; width: 3.7rem;}
.pop_status {text-align: center; border-radius: 0rem; box-shadow: none; background: #f4f6fa;}
.pop_status .status_bread ul {justify-content: center;}

/* 도움말 박스 결재 현황 확인 영역 */
.docu_approval_area {display: flex; justify-content: space-between; gap:2rem;}
.docu_approval {width: 40%;}
.docu_approval_box {display: flex; justify-content: center; gap:1rem}
.docu_approval_box dl {width: 100%; text-align: center; font-size: 1.6rem; color:#fff; border-radius:0.3rem; overflow: hidden;}
.docu_approval_box dl:nth-child(1) {background: #686868; border:0.1rem solid #686868;}
.docu_approval_box dl:nth-child(2) {background: #3864f2; border:0.1rem solid #3864f2;}
.docu_approval_box dl:nth-child(3) {background: #ff4040; border:0.1rem solid #ff4040;}
.docu_approval_box dl:nth-child(4) {background: #08a36e; border:0.1rem solid #08a36e;}
.docu_approval_box dl:nth-child(1) dd {color: #111111;}
.docu_approval_box dl:nth-child(2) dd {color: #3864f2;}
.docu_approval_box dl:nth-child(3) dd {color: #ff4040;}
.docu_approval_box dl:nth-child(4) dd {color: #08a36e;}
.docu_approval_box dl:hover {background: #2b2c2f; border:0.1rem solid #2b2c2f;}
.docu_approval_box dl:hover a {color: #2b2c2f; text-decoration: underline;}
.docu_approval_box dl dt {padding: 0.5rem;word-break: keep-all;}
.docu_approval_box dl dd {padding: 1.5rem 0.5rem; background: #FFFFFF; font-weight: bold; font-size: 1.7rem;}
.docu_approval_box dl dd span {font-size: 1.4rem; margin-left:0.2rem;}

/* 사업계획서 신청_제출완료 영역 */
.current_stage_wrap {}
.current_stage {border:0.1rem solid #e5e5e5;}
.current_stage .current_title {text-align: center; font-size: 1.6rem; background: #f8f8f8; padding:2rem 0rem; font-weight: 600;}
.current_stage .current_title span {padding:0rem 0.5rem;}
.current_stage .current_con {display: flex;}
.current_stage .current_con dl {width: 100%; text-align: center; padding: 2rem; border:0.1rem solid #e5e5e5; margin-left:-0.1rem;}
.current_stage .current_con dl dt {font-size: 1.6rem; padding:7rem 0rem 0rem 0rem; font-weight: 600;}
.current_stage .current_con dl dd a {border:0.1rem solid #6a6a6a; font-size: 1.6rem; margin:1.5rem 0rem 0rem 0rem; padding:0.7rem 2rem; min-width: 50%; display: inline-block;  border-radius: 10rem; font-weight: 600; color:#383838;}
.current_stage .current_con dl dd a:hover {color: #fff; background: #2b2c2f; border-color:#2b2c2f !important;}
.current_stage .current_active dd a {background: #185aef; color:#fff !important; border-color:#185aef !important;}
.current_stage .current_con .current1  {background: url("../images/sub/current1.png") 50% 0% no-repeat;}
.current_stage .current_con .current2  {background: url("../images/sub/current2.png") 50% 0% no-repeat;}
.current_stage .current_con .current3  {background: url("../images/sub/current3.png") 50% 0% no-repeat;}
.current_stage .current_con .current4  {background: url("../images/sub/current4.png") 50% 0% no-repeat;}
.current_stage .current_con .current5  {background: url("../images/sub/current5.png") 50% 0% no-repeat;}
.current_stage .current_con .current6  {background: url("../images/sub/current6.png") 50% 0% no-repeat;}
.current_stage .current_con .current7  {background: url("../images/sub/current7.png") 50% 0% no-repeat;}
.current_stage .current_con .current8  {background: url("../images/sub/current8.png") 50% 0% no-repeat;}
.current_stage .current_con .current9  {background: url("../images/sub/current9.png") 50% 0% no-repeat;}
.current_stage .current_text {text-align: center; background: #f8f8f8; padding:1rem 0rem;}
.current_stage .current_text_title {font-size: 1.6rem; font-weight: 600; padding: 1rem 0rem;}
.current_stage .current_text_title span {padding: 0.5rem 1rem; background: #fff; border:0.1rem dotted #cecece;}
.current_stage .current_text_in {display: block; font-size: 1.4rem; padding: 1rem 0rem 0rem 0rem;}
.current_stage .current_text_in p {line-height: 2.2rem;}
.current_stage .current_text_in button {margin:1rem 0rem;}
.consent_text {text-align: center; font-size: 1.6rem; font-weight: 600; padding:2rem 0rem;}

/* 성과 목표 입력 */
.points_eval_area table th {text-align:left; padding-left: 2rem;}
.points_eval_area table thead th {text-align:center;}
.points_eval_area table tbody {margin-bottom: 2rem;}
.angle {padding-left:3rem !important;}
.angle:before {content: "\e981"; font-family: "xeicon"; padding-right: 0.5rem;}
.angle_title > div {justify-content: space-between; color:#fff; align-items: center;}
.angle_title {background: #233559 !important;}
.angle_add button {display: block;width: 19.5%;height: 100%;font-weight: 400;padding: 1rem; color: #fff; background: #049BAD; font-size: 1.4rem; border-radius: 0.5rem; text-align: left; padding-left:2rem;}
.angle_add button:before{content: "\e981"; font-family: "xeicon"; padding-right: 0.5rem;}
.angle_add button:hover {background:#2b2c2f;}
.angle_add td {border-left:none; padding:1rem !important; height: auto; }
.big_angle_add {text-align: center; background: #233559; display: block; width: 100%; padding: 1.5rem;  font-size: 1.4rem; font-weight: bold; color:#fff; margin:0rem auto;}
.big_angle_add:hover {background:#2b2c2f;}
.po_eavl_totla_text {display: flex; align-items: center; margin-left:1rem; font-weight: bold; font-size: 1.6rem;}
.po_eavl_totla_text span {width:20%; font-size: 1.6rem; }
.po_eavl_totla_text strong {font-size: 1.6rem; color: red;}

@media screen and (max-width: 1024px){
/* 타블릿_홈화면 영역 */	
.sub_status_box {flex-direction: column; padding: 3rem;}
.sub_status_right {width: 100%;margin-left: 0rem;padding: 0rem;border-left: none; margin-top:2rem;}
.status_top_box {flex-direction: column;}
.status_utill .st_task_utill {justify-content: center; margin:0.5rem 0rem;}
.statu_tie .statu_tie_title .status_utill {position: static; justify-content: flex-end;}
.statu_tie .statu_tie_title .status_utill .btn_box {flex-direction: row; margin-top: 0rem; margin-bottom: 1rem; }
	
/* 타블릿_결재현황 영역 */
.docu_approval_area {flex-direction: column;}
.docu_approval {width: 100%;}

/* 타블릿_사업계획서 신청_제출완료 영역 */
.current_stage .current_con dt {background: none !important;}
.current_stage .current_con dl dt {padding:0rem;}
.current_stage .current_con dl {width: 100%; padding: 1rem;}
	
}

@media (max-width: 768px) {
/* 모바일_ */
.status_title h4 {text-align: center;}
.status_bread ul {justify-content: center;}
.status_bread ul li {padding: 1rem !important; font-size:1.3rem; text-align: center;}
.status_con ul {flex-wrap: wrap; justify-content: center; gap:1rem;}
.status_con ul li {width: 45%; margin-left:0rem;}
.status_con ul li::after {display: none;}
/* 모바일_사업계획서 신청_제출완료 영역 */
.current_stage .current_con {flex-direction: column;}

}