@charset "UTF-8";

/* Groupware - portal.css */
body {letter-spacing: 0;}
h1, h2, h3, h4, h5, h6 {letter-spacing: 0;}

/* 웹파트 skeleton */
.skeleton-wrap {pointer-events: none; -ms-user-select: none; -moz-user-select: -moz-none;
  -khtml-user-select: none; -webkit-user-select: none; user-select: none;}
.skeleton-wrap .skeleton-box {position: relative; overflow: hidden; background-color: #ebedf3 !important; height:1em; color:transparent !important;}
.skeleton-wrap span.skeleton-box {display: inline-block;}
.skeleton-wrap .skeleton-box * {visibility: hidden;}
.skeleton-wrap .skeleton-box:after {content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translateX(-100%);
    background-image: linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.2) 20%,
      rgba(255, 255, 255, 0.5) 60%,
      rgba(255, 255, 255, 0)
    );
    animation: shimmer 3s infinite;
    }
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

/* portal layout */
.portal-content-wrap [class*="col-"] {padding-right: 16px;padding-left: 16px;}
.portal-content-wrap .row, .portal-content-wrap .col-group{margin-right: -16px;margin-left: -16px;}
.portal-content-wrap { margin:0 auto; max-width:1440px;}
.portal-bg2 .portal-content-wrap {padding-top: 40px;}

/* template */
.wpart-template {height: 100%;}
.wpart-template1 {height:calc(100% - 32px);border-radius: 10px;background: #FFF;box-shadow: 0px 4px 10px 0px #F0F5FB;overflow: hidden;}
.wpart-template2 {height:100%;border-radius: 10px;background: #FFF;box-shadow: 0px 4px 10px 0px #F0F5FB;overflow: hidden;}
.wpart [class^="part-"] {height: 100%;}

.wpart ::-webkit-scrollbar {width: 4px;}
.wpart ::-webkit-scrollbar-thumb {background: #BDBDBD;border-radius: 99px;}
.wpart ::-webkit-scrollbar-track {background: #F5F5F5;}

/* portal */
.portal-bg1 {position: relative;background: #0056B9;}
.portal-bg1::before {content: '';display: inline-block;width: 100%;height: 314px;position: absolute;left: 0;top: -39px;background-image: url(../images/portal/bg_illu.png);background-repeat: no-repeat;background-position: center top;mix-blend-mode: multiply;}
.portal-bg2 {background: #F2F6FA;}

/* p-head */
.p-head {position: relative;}
.p-head h6 {color: #333F54;font-size: 18px;font-weight: 700;margin: 0;}
.p-head .more-btn {width: 30px;height: 30px;color: #7082A3;background: #FFF;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.p-head .more-btn:hover {color: #0056B9;}
.p-head .count {display: inline-block;background: #F70;color: #fff;font-weight: 700;font-size: 16px;border-radius: 50%;width: 26px;height: 26px;line-height: 26px;text-align: center;vertical-align: middle;margin-left: 8px;}



/***** part-user-info *****/
.part-user-info {position: relative;color: #FFF;padding: 54px 0;}
.part-user-info .user-photo {flex-shrink: 0;width: 104px;height: 104px;border: 1px solid #1B4896;box-shadow: 0px 4px 6px 0px rgba(15, 60, 137, 0.60);border-radius: 99px;margin-right: 16px;overflow: hidden;}
.part-user-info .user-photo img {width: 100%;}
.part-user-info .user-info {flex: auto;}
.part-user-info .user-info h6 {font-size: 20px;font-weight: 700;margin-bottom: 10px;}
.part-user-info .user-info .text {font-size: 20px;font-weight: 400;margin: 0;}



/***** part-count *****/
.part-count {padding: 22px 0;}
.part-count .count-wp {display: flex;justify-content: space-between;}
.part-count .count-wp > li {width: 168px;height: 168px;border-radius: 300px;background: linear-gradient(180deg, #1752B9 11.18%, #09327B 84.21%);box-shadow: 0px -6px 0px 0px #102C5C inset, 0px 16px 24px 0px rgba(9, 25, 87, 0.40);margin: 0;cursor: pointer;}
.part-count .count-wp > li .group {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;gap: 8px;padding-top: 19px;}
.part-count .count-wp > li .group .count-icon {display: inline-block;width: 56px;height: 56px;background: #083E9D;border: 1px solid #083E9D; border-radius: 99px;}
.part-count .count-wp > li .group .text {color: #FFF;font-size: 15px;font-weight: 500;line-height: 100%;}
.part-count .count-wp > li .group .num {color: #FFF;font-size: 30px;font-weight: 900;line-height: 100%;}
.part-count .count-wp > li:hover .group .count-icon {background: transparent;border: 1px solid rgba(218, 236, 251, 0.20);}
.part-count .count-wp > li.hover-option .hover-group {display: none;}
.part-count .count-wp > li.hover-option:hover .group {display: none;}
.part-count .count-wp > li.hover-option:hover .hover-group {display: block;}
.part-count .count-wp > li.hover-option .hover-group {height: 100%;}
.part-count .count-wp > li.hover-option .hover-group ul {height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 10px;}
.part-count .count-wp > li.hover-option .hover-group ul li {margin: 0;}
.part-count .count-wp > li.hover-option .hover-group ul li a {display: block;color: #DAECFB;font-size: 16px;font-weight: 500;line-height: 100%;text-align: center;padding-bottom: 10px;margin: 0;}
.part-count .count-wp > li.hover-option .hover-group ul li::after {content: '';display: block;width: 110px;height: 1px;opacity: 0.2;background: #DAECFB;}
.part-count .count-wp > li.hover-option .hover-group ul li:last-child a {padding-bottom: 0;}
.part-count .count-wp > li.hover-option .hover-group ul li:last-child::after {content: none;}
.part-count .count-wp > li.hover-option .hover-group ul li .count {color: #FFF;font-size: 20px;font-weight: 900;margin-left: 8px;}


/***** part-schedule *****/
.part-schedule {padding: 37px 32px;}
/* 일정 컬러 */
.bg-category.green {background-color:#66CAD7 !important;}
.bg-category.purple {background-color:#8B96FA !important;}
.bg-category.orange {background-color:#FFBE41 !important;}
.main-calendar-cont-bottom .list-thumb li.green .text-wp {border-left: 3px solid #66CAD7;}
.main-calendar-cont-bottom .list-thumb li.purple .text-wp {border-left: 3px solid #8B96FA;}
.main-calendar-cont-bottom .list-thumb li.orange .text-wp {border-left: 3px solid #FFBE41;}

/* 달력 영역 */
.main-calendar-wrap {height: 100%;display: flex;flex-direction: column;overflow: hidden;}
.main-calendar-wrap .main-calendar-cont-top {border-bottom: 1px solid #DCDDDE;padding-bottom: 18px;}
.main-calendar-cont-top .calendar-head {margin-bottom: 20px;}
.main-calendar-cont-top .calendar-head h6 {color: #1C325B;font-size: 24px;font-weight: 700;line-height: 100%;margin: 0;}
.main-calendar-cont-top .calendar-head .page-btns {display: flex;justify-content: center;align-items: center;gap: 6px;}
.main-calendar-cont-top .calendar-head .page-btns button {width: 32px;height: 32px;border-radius: 99px;background: #F4F6FA;color: #7082A3;border: 0;}
.main-calendar-cont-top .calendar-head .page-btns button i {font-size: 18px;line-height: 30px;}
.main-calendar-cont-top .calendar-head .page-btns button:hover {background: #F6F6F6;color: #F6345F;}
.main-calendar-cont-top .calendar-body .tbl-calendar th {color: #898989;font-weight: 400;font-size: 13px;padding-bottom: 10px;}
.main-calendar-cont-top .calendar-body .tbl-calendar td {height: 44px; cursor: pointer;}
.main-calendar-cont-top .calendar-body .tbl-calendar td a {width: 30px;height: 30px;line-height: 25px;font-weight: 500;font-size: 14px;color: #333F54;}
.main-calendar-cont-top .calendar-body .tbl-calendar td.week a {color: rgba(236, 31, 45, 0.60);}
.main-calendar-cont-top .calendar-body .tbl-calendar td.next-month a, .main-calendar-cont-top .calendar-body .tbl-calendar td.prev-month a, .main-calendar-cont-top .calendar-body .tbl-calendar td.last-month a {color: #CCC;}
.main-calendar-cont-top .calendar-body .plan-wrap {padding-top: 4px;}
.main-calendar-cont-top .calendar-body .plan-wrap .plan-circle {width: 5px;height: 5px;}
.main-calendar-cont-top .calendar-body .tbl-calendar td.selected a {background: #fff;border: 1px solid #0056B9;color: #0056B9;background: #FFF;margin-bottom: 0;}
.main-calendar-cont-top .calendar-body .tbl-calendar td.today a {background: #0056B9;color: #fff;margin-bottom: 0;}
.main-calendar-cont-top .calendar-body .tbl-calendar td:not(.today):not(.selected):hover a {background: #0056B9;color: #fff;}

/* 스케줄 영역 */
.main-calendar-cont-bottom {padding-top: 36px;display: flex;flex-direction: column;overflow: hidden;}
.main-calendar-cont-bottom .calendar-head {margin-bottom: 28px;}
.main-calendar-cont-bottom .calendar-head h6 {display: inline-block;color: #1C325B;font-size: 24px;font-weight: 700;line-height: 100%;margin: 0;}
.main-calendar-cont-bottom .calendar-head h6 span {font-weight: 400;font-size: 16px;margin-left: 3px;}
.main-calendar-cont-bottom .today-text {color: #F6345F;font-size: 10px;font-weight: 700;margin-left: 8px;}
/* button */
.btn-gray-radius {padding: 4px 8px;background: #fff;border: 1px solid rgba(137, 137, 137, 0.50);border-radius: 99px;font-weight: 500;font-size: 12px;line-height: 100%;color: #898989;}
.btn-gray-radius i {font-size: 16px;vertical-align: text-bottom;margin-right: 2px;}
.btn-gray-radius:hover {border: 1px solid rgba(0, 55, 112, 0.50);color: #1B4896;}
.main-calendar-cont-bottom .potal-thumbnail {display: inline-block;width: 5px;height: 5px;border-radius: 99px;margin-top: 10px;margin-right: 8px;}
.main-calendar-cont-bottom .list-thumb {flex: auto;border-top: 1px solid #E7E7E7;overflow: auto;padding: 6px 0;}
.main-calendar-cont-bottom .list-thumb li {border-bottom: 1px solid #E7E7E7;padding: 8px 0; margin: 0;}
.main-calendar-cont-bottom .list-thumb li .text-wp {padding-left: 9px;}
.main-calendar-cont-bottom .list-thumb li .text-wp .time {color: #717171;font-weight: 400;font-size: 14px;}
.main-calendar-cont-bottom .list-thumb li .text-wp .location {color: #7082A3;font-weight: 500;font-size: 14px;margin-left: 12px;}
.main-calendar-cont-bottom .list-thumb li .text-wp .text {color: #333;font-weight: 500;font-size: 14px;margin-bottom: 0;margin-top: 3px;}



/***** part-notify *****/
.part-notify {padding: 20px 32px 36px;}
.part-notify .p-head {padding: 15px 0;border-bottom: 2px solid #333F54;}
.part-notify .notify-tit {display: flex;align-items: center;color: #0056B9;font-size: 14px;font-weight: 700;margin: 22px 0 10px;}
.part-notify .notify-tit i {font-size: 18px;margin-right: 6px;}
.part-notify .notify-list {display: flex;border-radius: 8px;background: #F9F9F9;padding: 14px 0;}
.part-notify .notify-list li {flex: 1;text-align: center;border-right: 1px solid #E7E7E7;margin: 0;}
.part-notify .notify-list li:last-child {border-right: none;}
.part-notify .notify-list li > p {color: #7082A3;font-size: 14px;font-weight: 500;line-height: 100%;margin-bottom: 8px;}
.part-notify .notify-list li > .count {color: #1C325B;font-size: 22px;font-weight: 900;line-height: 100%;}
.part-notify .notify-list li > .count.red {color: #F6345F;}
.part-notify .notify-list li > .count.blue {color: #0056B9;}



/***** part-tab *****/
.part-tab {padding: 20px 32px 30px;}
.part-tab .p-head:has(.more-btn) .nav-tabs {padding-right: 30px;}
.part-tab .tab-content::before {padding-bottom: 10px;}
.part-tab .table-wp tbody td {padding: 14px 0;border-bottom: 1px solid #EAEAEA;}
.part-tab .table-wp tbody tr:last-child td {border-bottom: 0;}
.part-tab .table-wp tbody td a {color: #333;font-size: 15px;font-weight: 500;}
.part-tab .table-wp tbody td a:hover {color: #0056B9;}
.part-tab .table-wp tbody td .new {background: #F70;font-size: 11px;width: 17px;height: 17px;line-height: 17px;margin-left: 5px;}
.part-tab .table-wp tbody td .text {color: #595959;font-size: 14px;font-weight: 400;}
.part-tab .table-wp tbody td .date {color: #999;font-size: 14px;font-weight: 400;}



/***** part-process *****/
.part-process {padding: 20px 32px 40px;display: flex;flex-direction: column;}
.part-process .p-head {height: 48px;display: flex;align-items: center;border-bottom: 2px solid #333F54;flex-shrink: 0;}
.part-process .p-body {flex: auto;overflow: auto;}
.process-tit {display: inline-block;padding: 6px 16px 7px 16px;height: 28px;position: relative;background: #0056B9;border-radius: 4px 4px 4px 0px;color: #FFF;font-size: 15px;font-weight: 700;line-height: 100%;margin-top: 25px;margin-bottom: 9px;}
.process-tit:after {content: "";position: absolute;top: calc(100% - 1px);left: 0;border-top: 8px solid #0056B9;border-left: 0px solid transparent;border-right: 8px solid transparent;border-bottom: 0px solid transparent;}
.process-wp {display: flex;align-items: center;gap: 6px;}
.process-wp > i {color: #1C325B;font-size: 12px;}
.process-wp .process {flex: 1;border-radius: 6px;position: relative;padding: 27px 20px 13px;}
.process-wp .process .step {position: absolute;right: 0;top: 0;display: inline-block;
  color: #FFF;text-align: right;font-size: 12px;font-weight: 700;line-height: 100%;padding: 4px 8px 5px 8px;border-radius: 0px 6px 0px 12px;
}
.process-wp .process .text {font-size: 14px;font-weight: 500;line-height: 100%;margin: 0;}
.process-wp .process.previous {background: #F0F5FB;}
.process-wp .process.previous .step {background: #A5C1E3;}
.process-wp .process.previous .text {color: #7082A3;}
.process-wp .process.waiting {border: 1px solid #0056B9;background: #FFF;}
.process-wp .process.waiting .step {background: #1B4896;}
.process-wp .process.waiting .text {color: #0056B9;font-weight: 700;}
.process-wp .process.next {border: 1px solid #CCC;background: #FFF;}
.process-wp .process.next .step {background: rgba(137, 137, 137, 0.70);}
.process-wp .process.next .text {color: #717171;}



/***** part-link *****/
.part-link {padding: 36px 32px 40px;}
.part-link .p-head {padding-bottom: 18px;border-bottom: 2px solid #333F54;}
.part-link .p-body {padding-top: 26px;}
.part-link .link-list {height: 100%;}
.part-link .link-list ul {height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 37px;column-gap: 10px;}
.part-link .link-list ul li {flex-shrink: 0;text-align: center;margin: 0;}
.part-link .link-list ul li > a {width: 60px;display: inline-flex;flex-direction: column;align-items: center;}
.part-link .link-list ul li > a .link-icon {width: 56px;height: 56px;border-radius: 100px;background: #F4F6FA;padding: 8px;margin-bottom: 5px;}
.part-link .link-list ul li > a .link-icon img {width: 100%;}
.part-link .link-list ul li > a span {color: #767676;text-align: center;font-size: 13px;font-weight: 500;white-space: nowrap;}
.part-link .link-list ul li > a:hover .link-icon {background: #EFF5FD;}
.part-link .link-list ul li > a:hover span {color: #1B4896;}



/***** part-team-schedule *****/
.part-team-schedule {padding: 20px 32px;}
.part-team-schedule .schedule-tooltip {display:none; position: absolute;bottom: calc(100% + 4px);z-index: 10;border-radius: 3px;background: #1C325B;padding: 5px 8px 6px 8px;color: #FFF;font-size: 13px;font-weight: 700;line-height: 100%;white-space: nowrap;}
.part-team-schedule .schedule-tooltip::after {content: '';display: inline-block;width: 16px;height: 15px;background: url(../images/triangle.svg) no-repeat center;position: absolute;top: calc(100% - 8px);left: 50%;transform: translateX(-50%);}

/* 스크롤 테이블 헤더,첫번째 열 고정 */
.schedule-table-wp {height: 100%;overflow: auto;}
.schedule-table-wp table {position: relative;border-collapse: separate;border-spacing: 0;}
.schedule-table-wp table thead {position: sticky;top: 0;z-index: 10;background-color: #FFF;}
.schedule-table-wp table th {height: 30px;color: #7082A3;text-align: center;font-size: 13px;font-weight: 500;line-height: 100%;}
.schedule-table-wp table td {height: 29px;position: relative;padding: 0;}
.schedule-table-wp table td.name {color: #333F54;font-size: 13px;font-weight: 500;}
.schedule-table-wp table td.name > i {font-size: 14px;margin-right: 8px;vertical-align: middle;}
.schedule-table-wp table td .schedule {display: flex;justify-content: center;gap: 4px;border-right: 1px solid #CCC;padding: 0 2px;}
.schedule-table-wp table td:last-child .schedule {border-right: 0;}
.schedule-table-wp table td .schedule span {display: block;width: 24px;height: 20px;border-radius: 2px;background: #F6F6F6;cursor: pointer;}

/* 컬러 */
.schedule-table-wp table tr.yellow .name > i {color: #FFBE41;}
.schedule-table-wp table tr.yellow .schedule span.on {background: #FFBE41;}
.schedule-table-wp table tr.green .name > i {color: #37CF7D;}
.schedule-table-wp table tr.green .schedule span.on {background: #37CF7D;}
.schedule-table-wp table tr.blue .name > i {color: #66CAD7;}
.schedule-table-wp table tr.blue .schedule span.on {background: #66CAD7;}
.schedule-table-wp table tr.purple .name > i {color: #8B96FA;}
.schedule-table-wp table tr.purple .schedule span.on {background: #8B96FA;}
.schedule-table-wp table tr.red .name > i {color: #FF918E;}
.schedule-table-wp table tr.red .schedule span.on {background: #FF918E;}




/***** part-chart *****/
.part-chart {padding: 36px 32px;}
.part-chart .p-head {border-bottom: 2px solid #333F54;padding-bottom: 12px;}
.part-chart .p-head .date-fm {display: inline-flex;align-items: center;padding: 9px 12px 9px 14px;border-radius: 4px;border: 1px solid #E7E7E7;background: #FFF;vertical-align: middle;cursor: pointer;}
.part-chart .p-head .date-fm > i {color: #333F54;font-size: 15px;margin-right: 9px;}
.part-chart .p-head .date-fm input {width: 100%;color: #333F54;font-size: 14px;font-weight: 500;line-height: 100%;border: none;padding: 0;background: none;}
.part-chart .p-head .date-fm input:focus {outline: none;}
/* 2025-08-13 김찬영 주석처리 : 예산관리 웹파트 팀즈내에서 오류 있어서 주석처리 */
/*.part-chart .p-head .date-fm input[type="month"]::-webkit-calendar-picker-indicator {display: none;}*/
.part-chart .p-body {padding-top: 44px;}
.part-chart .card-wp {display: flex;gap: 17px;}
.part-chart .card-wp .card {flex: 1;border-radius: 8px;background: #F6F6F6;border: none;padding: 20px 24px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
.part-chart .card-wp .card .card-tit {color: #898989;font-size: 16px;font-weight: 500;}
.part-chart .card-wp .card .card-tit > b {color: #333;font-size: 16px;font-weight: 500;}
.part-chart .card-wp .card .group {text-align: right;}
.part-chart .card-wp .card .num {color: #333F54;font-size: 16px;font-weight: 500;line-height: 100%;}
.part-chart .card-wp .card .num > b {font-size: 26px;font-weight: 700;}
.part-chart .card-wp .card .info {border-radius: 99px;border: 1px solid #CCC;background: #FFF;padding: 5px 10px 7px 10px;color: #333F54;font-size: 14px;font-weight: 700;line-height: 100%;margin-top: 6px;}
.part-chart .graph-wp {display: flex;justify-content: space-between;align-items: center;padding: 44px 0 40px;}
.part-chart .graph-wp .group {display: flex;align-items: center;}
.part-chart .graph-wp .left-text {color: #F6345F;font-size: 14px;font-weight: 700;padding-top: 6px;margin-right: 8px;}
.part-chart .graph-wp .right-text {color: #333F54;font-size: 14px;font-weight: 700;padding-top: 6px;margin-left: 8px;}
.part-chart .graph-wp .progress-wp p {color: #898989;text-align: right;font-size: 18px;font-weight: 700;line-height: 100%;padding-top: 12px;margin: 0;}
.part-chart .graph-wp .progress-wp .progress {display:flex;width:280px;height: 8px;border-radius: 99px 0px 0px 99px;background: #CCC;box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.20) inset;border: none;position: relative;}
.part-chart .graph-wp .progress-wp .progress::after {content: '';width: 1px;height: 21px;background: #BEBEBE;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.part-chart .graph-wp .progress-wp .progress-bar {display: inline-block;flex-direction: column;justify-content: center;white-space: nowrap;height: 100%;background: #F6345F;box-shadow: inset 0px -2px 3px rgba(0, 0, 0, 0.2);border-radius: 99px 0px 0px 99px;}
.part-chart .graph-wp .progress-wp .ballon {display: inline-block;padding: 4px 9px;height: 25px;position: relative;border-radius: 4px 4px 4px 0px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.20);color: #FFF;font-size: 16px;font-weight: 700;line-height: 100%;margin-bottom: 13px;}
.part-chart .graph-wp .progress-wp .ballon:after {content: "";position: absolute;top: calc(100% - 1px);left: 0;border-left: 0px solid transparent;border-right: 8px solid transparent;border-bottom: 0px solid transparent;}
.part-chart .graph-wp .progress-wp .ballon {background: #F6345F;}
.part-chart .graph-wp .progress-wp .ballon::after {border-top: 8px solid #F6345F;}
.part-chart .table-wp thead th {padding: 12px 8px;background: #F6F6F6;font-weight: 500;font-size: 14px;line-height: 100%;color: #1C325B;}
.part-chart .table-wp tbody td {padding: 12px 8px;color: #333F54;font-weight: 400;font-size: 14px;line-height: 100%;border-bottom: 1px solid #E7E7E7;}
.part-chart .table-wp .tbody-scroll {overflow-y: auto;}




/** 공지사항, 게시판 웹파트 이미지용 2025.08.06 필통 css 복사함 **/
/***** part-photo style ***/
.part-photo {display:flex; gap:20px;}
.part-photo .photo-list { display:flex; gap:20px; width:calc(100% / 2);}
.part-photo .photo-list .photo-img { width: calc(100% / 2);height: 148px;background: #E5E5E5;border-radius: 10px;overflow: hidden; flex:none;}
.part-photo .photo-list .photo-img img {width: 100%; height:100%; }
.part-photo .photo-list .photo-info .title {font-weight: 500;font-size: 16px;color: #222222; overflow: hidden;margin-bottom: 0;height: 53px;
  text-overflow: ellipsis;  display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.part-photo .photo-list .photo-info .date {display: inline-block;line-height: 100%;font-weight: 500;font-size:13px; color:#717171;}
.part-photo .photo-list .photo-info p {height: 40px;font-weight: 400;font-size: 14px;color: #777777;padding-right: 20px;margin: 0;}

/***** part-news *****/
.part-tab .notice-wp .news-left {display: flex;  gap: 20px;  width: calc(100% / 2);  flex-direction: column;}
.part-tab .notice-wp .news-left .news-img {  overflow: hidden;  border-radius: 10px; height:94px;}
.part-tab .notice-wp .news-left .news-img img { width: 100%;  height: 100%;}
.part-tab .notice-wp  .date-gray {    font-weight: 500;  font-size: 13px;  color: #717171;}