@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-BgColor .portal-content-wrap {margin:0 auto; max-width:1440px;padding-top: 32px;}

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

/* portal */
.portal-BgColor {background: #F2F6FA;} /* 전체화면 색상 채우기*/
/* icon */
.icon-fux-attach {font-size: 18px;color: #9FA0A0;vertical-align: middle;}
/* tab-menu */
.tab-menu ul {display: flex;gap: 16px;}
.tab-menu ul li {font-weight: 700;font-size: 22px;color: #CCCCCC;border-bottom: 4px solid transparent;cursor: pointer;margin: 0;}
.tab-menu ul li.active {color: #003770;border-bottom: 4px solid #00AA70;}

/* button */
.btn-gray-radius {padding: 5px 8px;background: #fff; border: 1px solid rgba(119, 119, 119, 0.5);border-radius: 99px;font-weight: 500;font-size: 12px;line-height: 100%;color: #777777;}
.btn-gray-radius i {font-size: 14px;vertical-align: text-bottom;margin-right: 3px;}
.btn-gray-radius:hover {border: 1px solid rgba(0, 55, 112, 0.50);color: #003770;}

a.btn-more {position: relative; display: inline-block; font-weight: 500;font-size: 13px;color: #003770;border: none;background: none;padding: 0 0 0 9px;margin: 0;}
a.btn-more i {font-size: 30px;vertical-align: middle;}
a.btn-more::before {content: '';position: absolute;left: 0;top: 3px;display: inline-block;width: 24px;height: 24px;background: rgba(0, 170, 112, 0.16);border-radius: 99px;opacity: 0;transition: 0.2s;}
a.btn-more:hover::before {opacity: 1;}

/* p-head */
.p-head h6 {font-weight: 700;font-size: 22px;letter-spacing: -0.22px;color: #003770;}
.p-head .dp-flex h6 {padding: 0;margin: 0;}

/***** part-ticker *****/
.part-ticker {padding-top: 16px;}
.part-ticker .ticker-box {height: 100%;display: flex;align-items: center;border-radius: 6px;border: 1px solid rgba(60, 154, 23, 0.30);background: #F0F9ED;padding: 0 25px;}
.part-ticker .ticker-box > i {color: #FFF;font-size: 14px;border-radius: 100px;background: #3C9A17;padding: 4px;margin-right: 10px;}
.part-ticker .ticker-box > p {color: #003770;font-size: 14px;font-weight: 500;margin: 0;}
.part-ticker .ticker-box .btns {display: flex;flex-shrink: 0;margin-left: auto;}
.part-ticker .ticker-box .not-today {color: #AABCA2;font-size: 13px;font-weight: 500;margin-right: 8px;cursor: pointer;}
.part-ticker .ticker-box .not-today i {opacity: 0;font-size: 15px;margin-right: 6px;vertical-align: middle;}
.part-ticker .ticker-box .not-today.check {color: #3C9A17;}
.part-ticker .ticker-box .not-today.check i {opacity: 1;}
.part-ticker .ticker-box .close-btn i {display: inline-block;color: #3C9A17;font-size: 18px;border-radius: 3px;background: #FFF;padding: 0px;border: 1px solid transparent;}
.part-ticker .ticker-box .close-btn:hover i {border: 1px solid rgba(60, 154, 23, 0.60);}


/***** part-user-info *****/
.part-user-info {position: relative;padding: 25px 0 30px;}
.part-user-info .user-photo {width: 88px;height: 88px;border-radius: 99px;margin-right: 17px;overflow: hidden;}
.part-user-info .user-photo img {width: 100%;}
.part-user-info .user-info h6 {font-weight: 400;font-size: 20px;color: #292929;line-height: 100%;}
.part-user-info .user-info h6 .name {font-weight: 700;}
.part-user-info .user-info li {font-weight: 400;font-size: 14px;color: #595959;line-height: 100%;margin-top: 11px;margin-bottom: 0;}
.part-user-info .user-info li .card-link {display: inline-block;color: #474C98;font-size: 13px;font-weight: 500;line-height: 100%;border-radius: 4px;background: #F4F6FA;border: 1px solid transparent;padding: 7px 24px;}
.part-user-info .user-info li .card-link:hover, .part-user-info .user-info li .card-link.on {border: 1px solid #C0D0EE;}

.id-card {position: absolute;top: calc(100% - 23px);left: 30px;width: 320px;border-radius: 8px;border: 2px solid #003770;background: #FFF;box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.10);overflow: hidden;z-index: 10;}
.id-card .card-info {position: relative;display: flex;flex-direction: column;align-items: center;padding: 30px 0 20px;} 
.id-card .card-info .close {color: #999;font-size: 24px;position: absolute;right: 18px;top: 18px;display: inline-block;width: 24px;height: 24px;line-height: 24px;}
.id-card .card-info .close:hover {color: #00AA70;}
.id-card .card-info .card-logo {margin-bottom: 18px;}
.id-card .card-info .user-photo {width: 114px;height: 114px;margin: 0 0 12px;}
.id-card .card-info .name {color: #292929;font-size: 24px;font-weight: 700;line-height: 100%; /* 24px */margin-bottom: 13px;}
.id-card .card-info .team {color: #595959;font-size: 14px;font-weight: 500;line-height: 100%;margin: 0;}
.id-card .card-info .line {display: inline-block;width: 2px;height: 13px;opacity: 0.5;background: #CCC;margin: 0 5px;}
.id-card .card-bottom {position: relative;display: flex;flex-direction: column;align-items: center;padding: 24px 0 20px;background: #F6F6F6;}
.id-card .card-bottom .barco-img {width: 140px;height: 55px;margin-bottom: 24px;}
.id-card .card-bottom .btn-pop {width: 150px;padding: 12px 24px;border-radius: 4px;background: #D5D5D5;color: #292929;font-size: 14px;font-weight: 500;line-height: 100%; /* 14px */border: 1px solid transparent;}
.id-card .card-bottom .btn-pop:hover {border: 1px solid #CCC;background: #FFF;}
.id-card .card-bottom .btn-down {position: absolute;right: 16px;bottom: 20px;width: 40px;height: 40px;border-radius: 4px;background: #FFF;border: 1px solid transparent;}
.id-card .card-bottom .btn-down i {color: #999;font-size: 23px;}
.id-card .card-bottom .btn-down:hover {border: 1px solid #CCC;}

/***** part-count *****/
.part-count {padding-top: 25px;}
.part-count .count-wp {display: flex;justify-content: space-between;}
.part-count .count-wp li {width: 240px;height: 96px;border-radius: 10px;margin: 0;cursor: pointer;}
.part-count .count-wp li .group {display: flex;align-items: center;background: url(../images/portal/count-bg.png) no-repeat left 95px top;padding: 24px;}
.part-count .count-wp li .group-hover {display: none;align-items: center;padding: 24px;}
/* .part-count .count-wp li .group-hover .dp-flex {line-height: 1;} */
.part-count .count-wp li:hover .group {display: none;}
.part-count .count-wp li:hover .group-hover {display: flex;}
.part-count .count-wp li .count-icon {display: inline-block;margin-right: 10px;}
.part-count .count-wp li .text {color: #FFF;font-size: 22px;font-weight: 700;}
.part-count .count-wp li .num {color: #FFF;font-size: 32px;font-weight: 900;margin-left: auto;}
.part-count .count-wp li .text-s {color: #FFF;font-size: 15px;font-weight: 700;line-height: 1;}
.part-count .count-wp li .num-s {color: #FFF;font-size: 20px;font-weight: 900;margin-left: auto;line-height: 1;}

/* 컬러별 설정 */
.part-count .count-wp li.gr-purple {
background: linear-gradient(180deg, #B18DFD 8.33%, #9C6DFD 100%);
box-shadow: 0px -6px 0px 0px rgba(129, 89, 212, 0.50) inset, 0px 8px 16px 0px rgba(159, 113, 253, 0.40);}
  .part-count .count-wp li.gr-purple:hover {
  background: linear-gradient(180deg, #9B71F4 8.33%, #7C4EDB 100%);
  box-shadow: 0px -6px 0px 0px rgba(64, 24, 147, 0.40) inset;}
.part-count .count-wp li.gr-blue {
background: linear-gradient(180deg, #75A4FF 8.33%, #3478FB 100%);
box-shadow: 0px -6px 0px 0px rgba(35, 98, 221, 0.50) inset, 0px 8px 16px 0px rgba(67, 130, 252, 0.40);}
  .part-count .count-wp li.gr-blue:hover {
    background: linear-gradient(180deg, #2970F8 8.33%, #1853C7 100%);
    box-shadow: 0px -6px 0px 0px rgba(9, 56, 147, 0.50) inset;}
.part-count .count-wp li.gr-skyblue {
background: linear-gradient(180deg, #59CCFF 8.33%, #05B3E3 79.17%);
box-shadow: 0px -6px 0px 0px rgba(9, 134, 188, 0.50) inset, 0px 8px 16px 0px rgba(53, 188, 246, 0.32);}
  .part-count .count-wp li.gr-skyblue:hover {
    background: linear-gradient(180deg, #0AF 8.33%, #007ECC 72.92%);
    box-shadow: 0px -6px 0px 0px rgba(0, 69, 125, 0.40) inset;}
.part-count .count-wp li.gr-green {
background: linear-gradient(180deg, #37E29E 8.33%, #15C57F 76%);
box-shadow: 0px -6px 0px 0px #00B46D inset, 0px 8px 16px 0px rgba(70, 220, 180, 0.40);}
  .part-count .count-wp li.gr-green:hover {
    background: linear-gradient(180deg, #29C765 8.33%, #09A645 76.04%);
    box-shadow: 0px -6px 0px 0px #038B37 inset;}


/***** part-unread-list *****/
.part-unread-list {padding: 32px 30px;}
.part-unread-list .p-head {margin-bottom: 25px;}
.part-unread-list .p-body .unread-list li {display: flex;padding: 12px 0px;border-bottom: 1px solid #EDEFF2;margin: 0;}
.part-unread-list .p-body .unread-list li:first-child {padding-top: 0;}
.part-unread-list .p-body .unread-list li:last-child {padding-bottom: 0;border: none;}
.part-unread-list .p-body .unread-list li > .icon-unread-email {color: #333F54;font-size: 13px;margin-right: 5px;}
.part-unread-list .p-body .unread-list li > .icon-file {color: #333F54;font-size: 18px;margin-right: 8px;}
.part-unread-list .p-body .unread-list li .post {/* color: #292929; */font-size: 14px;font-weight: 500;line-height: 100%;margin-bottom: 8px;}
.part-unread-list .p-body .unread-list li .name {color: #595959;font-size: 14px;font-weight: 400;line-height: 100%;}
.part-unread-list .p-body .unread-list li .date {color: #999;font-size: 14px;font-weight: 400;line-height: 100%;}


/***** part-poster *****/
.part-poster {display: flex;}
.part-poster .thumbnail {position: relative;width: 414px; overflow: hidden;flex-shrink: 0;}
.part-poster .thumbnail img {position: absolute;width: 100%;height: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);object-fit: cover;}
.part-poster .group {flex: 1;display: flex;flex-direction: column;justify-content: space-between;padding: 32px 30px;}
.part-poster .group .text .poster-badge {display: inline-block;border: 1px solid rgba(68, 89, 111, 0.3);border-radius: 99px;font-weight: 500;font-size: 14px;line-height: 100%;color: #595959;padding: 7px 13px;margin-bottom: 10px;}
.part-poster .group .text a {color: #595959;font-size: 22px;font-weight: 700;word-break: keep-all;}
.part-poster .group .text .date {display: inline-block;color: #767676;font-size: 14px;font-style: normal;font-weight: 400;margin-top: 18px;}
.part-poster .group .page-btns {display: flex;justify-content: center;align-items: center;gap: 20px;}
.part-poster .group .page-btns .btn {width: 42px;height: 42px;border-radius: 99px;background: rgba(39, 110, 241, 0.06);color: #003770;}
.part-poster .group .page-btns .btn:hover {background: rgba(230, 251, 244, 0.80);color: #00AA70;}
.part-poster .group .page-btns p {color: #CCC;font-size: 14px;font-weight: 400;margin: 0;}
.part-poster .group .page-btns p .page {font-weight: 500;color: #003770;}


/***** part-link *****/
.part-link {padding: 32px 28px;}

/***** part-link *****/
.part-thumbnail {position: relative;padding: 27px 28px;overflow: hidden;}
.part-thumbnail .page-btns {position: absolute;top: 27px;right: 27px;}
.part-thumbnail .page-btns {display: flex;justify-content: center;align-items: center;gap: 7px;}
.part-thumbnail .page-btns .btn {width: 32px;height: 32px;border-radius: 99px;background: rgba(39, 110, 241, 0.06);color: #003770;}
.part-thumbnail .page-btns .btn i {font-size: 10px;line-height: 32px;}
.part-thumbnail .page-btns .btn:hover {background: rgba(230, 251, 244, 0.80);color: #00AA70;}
.part-thumbnail img {width: 100%;height: 100%;object-fit:contain;}

/***** part-schedule *****/
.part-schedule {padding: 36px 32px 31px;}
.bg-category {background-color:#00AA70 !important;}
/* 달력 영역 */
.main-calendar-wrap {overflow: hidden; height: 100%;}
.main-calendar-wrap .main-calendar-cont-top {border-bottom: 1px solid #DCDDDE;padding-bottom: 10px;}
.main-calendar-cont-top .calendar-head {margin-bottom: 12px;}
.main-calendar-cont-top .calendar-head h6 {font-weight: 700;font-size: 20px;color: #003770;padding: 0;margin: 0;}
.main-calendar-cont-top .calendar-head .page-btns {display: flex;justify-content: center;align-items: center;gap: 7px;}
.main-calendar-cont-top .calendar-head .page-btns .btn {width: 32px;height: 32px;border-radius: 99px;background: rgba(39, 110, 241, 0.06);color: #003770;}
.main-calendar-cont-top .calendar-head .page-btns .btn i {font-size: 10px;line-height: 32px;}
.main-calendar-cont-top .calendar-head .page-btns .btn:hover {background: rgba(230, 251, 244, 0.80);color: #00AA70;}
.main-calendar-cont-top .calendar-body .tbl-calendar th {padding-bottom: 16px;font-weight: 500;font-size: 14px;color: #9FA0A0;}
.main-calendar-cont-top .calendar-body .tbl-calendar td {height: 39px; cursor: pointer;}
.main-calendar-cont-top .calendar-body .tbl-calendar td a {width: 27px;height: 27px;line-height: 1.5;font-weight: 500;font-size: 14px;}
.main-calendar-cont-top .calendar-body .tbl-calendar td.week a {color: #F59D9D;}
.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: #BDBDBD;}
.main-calendar-cont-top .calendar-body .plan-wrap {padding-top: 2px;}
.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 rgba(0, 55, 112, 0.80);color: #003770;background: #FFF;margin-bottom: 0;}
.main-calendar-cont-top .calendar-body .tbl-calendar td.today a {background: #003770;color: #fff;margin-bottom: 0;}
.main-calendar-cont-top .calendar-body .tbl-calendar td:not(.today):not(.selected):hover a {background: #003770;color: #fff;line-height: 1.5;}
/* 스케줄 영역 */
.main-calendar-cont-bottom {padding-top: 20px;}
.main-calendar-cont-bottom h6 {display: inline-block;font-weight: 700;font-size: 20px;color: #003770;padding: 0;margin: 0;}
.main-calendar-cont-bottom h6 span {font-weight: 400;font-size: 16px;}
.main-calendar-cont-bottom .today-text {font-weight: 700;font-size: 10px;color: #00AA70;margin-left: 7px;}
.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 {height: 160px;overflow: auto;padding-top: 5px;}
.main-calendar-cont-bottom .list-thumb li {position: relative;border-bottom: none;align-items: flex-start;margin-bottom: 12px;padding: 1px 0;}
.main-calendar-cont-bottom .list-thumb .text-wp .time {display: inline-block;font-weight: 400;font-size: 14px;color: #808080;margin-bottom: 3px;}
.main-calendar-cont-bottom .list-thumb .text-wp .text {font-weight: 500;font-size: 14px;color: #4F4F4F;margin-bottom: 0;max-width: 222px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.main-calendar-cont-bottom .list-thumb .text-wp .text span {color: #00AA70;margin-right: 8px;}
.main-calendar-cont-bottom .list-thumb li:first-child::before {content: none;}
.main-calendar-cont-bottom .list-thumb li:before {content: '';display: inline-block;width: 1px;height: 54px;position: absolute;left: 2px;bottom: 34px;border-left: 1px dashed #00AA70;}
.main-calendar-cont-bottom .list-thumb::-webkit-scrollbar {width: 4px;background: transparent;}
.main-calendar-cont-bottom .list-thumb::-webkit-scrollbar-track {background: #F5F5F5;border-radius: 2px;}
.main-calendar-cont-bottom .list-thumb::-webkit-scrollbar-thumb {background: #BDBDBD;border-radius: 2px;}


/***** part-notice *****/
.part-notice {padding: 26px 40px 23px;}
.part-notice .p-head {margin-bottom: 18px;} /*20221209*/
.part-notice .p-head h6 {font-size: 22px;}
.part-notice .p-body .tab-scroll-wp ul li .date {margin-bottom: 15px;}
.part-notice .p-body .tab-scroll-wp ul li {width: 300px;} /*20221209*/

.p-body .tab-scroll-wp {overflow: auto;}
.p-body .tab-scroll-wp::-webkit-scrollbar {height: 4px;background: transparent;}
.p-body .tab-scroll-wp::-webkit-scrollbar-track {background: #F5F5F5;border-radius: 99px;}
.p-body .tab-scroll-wp::-webkit-scrollbar-thumb {background: #BABABA;border-radius: 99px;}
.p-body .tab-scroll-wp::-webkit-scrollbar-button:start:decrement, .part-notice .p-body .notice-scroll-wp::-webkit-scrollbar-button:end:increment {display: none;background: none;}
.p-body .tab-scroll-wp ul {display: flex;flex-direction: row;margin-bottom: 20px;}
.p-body .tab-scroll-wp ul li {flex: none;width: 222px;height: 133px;border-right: 1px solid #DADCE0;padding: 0 12px;margin: 0;}
.p-body .tab-scroll-wp ul li:first-child {padding-left: 0;}
.p-body .tab-scroll-wp ul li:last-child {padding-right: 0;border-right: none;}
.p-body .tab-scroll-wp ul li .date {display: inline-block;line-height: 100%;font-weight: 500;font-size: 14px;color: #00AA70;}
.p-body .tab-scroll-wp ul li .title {font-weight: 500;font-size: 16px;color: #222222; overflow: hidden;margin-bottom: 0;height: 65px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;}
.p-body .tab-scroll-wp ul li p {font-weight: 400;font-size: 14px;color: #777777;padding-right: 20px;margin: 0;}


/***** part-news *****/
.part-news {padding: 32px 40px 34px;}
.part-news .p-head {margin-bottom: 15px;}
.part-news .tab-menu ul {gap: 18px;}
.tbl-list tbody tr td {font-size: 15px;font-weight: 400;border-bottom: 1px solid #EAEAEA;padding: 10px 0;}
.tbl-list tbody tr:last-child td {border-bottom: none;}
.tbl-list tbody tr td a {/* color: #292929; */font-size: 15px;font-weight: 500;}
.part-news .p-body .news-wp {display: flex;}
.part-news .p-body .news-wp .news-left {padding-top: 10px;padding-right: 35px;}
.part-news .p-body .news-wp .news-left .news-img {margin-bottom: 10px;}
.part-news .p-body .news-wp .news-left .news-img {width: 224px;height: 96px;background: #E5E5E5;border-radius: 10px;overflow: hidden;}
.part-news .p-body .news-wp .news-left .news-img img {width: 100%;}
.part-news .p-body .news-wp .news-left .title {display: flex;}
.part-news .p-body .news-wp .news-left .title a {display: inline-block;font-weight: 500;/* color: #292929; */font-weight: 400;font-size: 14px;max-width: 175px;}
.part-news .p-body .news-wp .news-left .title .new {margin-left: 3px;}
.part-news .p-body .news-wp .news-left .title .date {font-weight: 400;font-size: 14px;color: #9FA0A0;margin: 0;}
.part-news .p-body .news-wp .news-right .label {margin-right: 5px;}

.label {display: inline-block;height: 20px;padding: 3px 8px;border-radius: 4px;font-weight: 400;font-size: 12px;line-height: 100%;flex-shrink: 0;}
.label.red {background: rgba(253, 87, 117, 0.12);color: #EC1F2D;}
.label.white {background: #F2F2F2;color: #292929;}


/***** part-ehr *****/
.part-ehr .p-head {padding: 30px 32px 20px;}
.part-ehr ul li {margin-bottom: 20px;}

/***** part-shortcut *****/
.part-shortcut .p-head {padding: 30px 32px 20px;}
.part-shortcut ul li {width: calc(100% / 5);margin-bottom: 20px;}
/* shortcut-list */
.shortcut-list ul {display: flex;justify-content: space-around;flex-wrap: wrap;padding: 0 15px;}
.shortcut-list ul li {flex-shrink: 0;text-align: center;}
.shortcut-list ul li > a {width: 82px;display: inline-flex;flex-direction: column;align-items: center;}
.shortcut-list ul li > a .shortcut-icon {width: 56px;height: 56px;border-radius: 100px;background: #F4F6FA;padding: 8px;margin-bottom: 5px;}
.shortcut-list ul li > a .shortcut-icon img {width: 100%;}
.shortcut-list ul li > a span {color: #767676;font-size: 14px;font-weight: 500;}
.shortcut-list ul li > a:hover .shortcut-icon {background: rgba(230, 251, 244, 0.80);}
.shortcut-list ul li > a:hover span {color: #003770;}


/***** part-service *****/
.part-service {padding: 27px 47px;}
.dropmenu-group {display: inline-flex;align-items: center;margin-right: 92px;}
.dropmenu-group:last-child {margin-right: 0;}
.dropmenu-group .title {margin-right: 15px;color: #333F54;font-size: 14px;font-weight: 500;}
.dropmenu-group .dropmenu {display: inline-block;width: 308px; position: relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.dropmenu-group .dropmenu .name {border-radius: 8px;border: 1px solid #EAEAEA;background: #FFF;padding: 13px 10px;color: #003770;font-size: 14px;font-weight: 500;line-height: 100%; /* 14px */
  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;background-image: url(../images/portal/arrow_dropdown.png);background-position: right 10px center;background-repeat: no-repeat;cursor: pointer;}
.dropmenu-group .dropmenu .name:hover {border: 1px solid #CCC;box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);}
.dropmenu-group .dropmenu .name.placeholder {color: #999;}
.dropmenu-group .dropmenu .option {display: none;position: absolute;bottom: calc(100% + 2px);width: 100%;border-radius: 6px;border: 1px solid rgba(68, 89, 111, 0.60);background: #FFF;overflow: hidden;z-index: 10;}
.dropmenu-group .dropmenu .option > ul li {width: 100%;color: #32396C;font-size: 14px;font-weight: 500;padding: 8px;margin: 0;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.dropmenu-group .dropmenu .option > ul li:last-child {border-radius: 0px 0px 3px 3px;}
.dropmenu-group .dropmenu .option > ul li:hover {background: #F5F9FC;}
.dropmenu-group .dropmenu.on .option {display: block;}


/***** part-lst list style : 행 정렬 *****/
.part-list { padding:32px 40px 35px; height: 100%; }
.part-list .p-head, .part-news .p-head { margin-bottom:18px;}
.part-list .p-body { height: calc(100% - 30px); padding-bottom: 15px; }
.part-list-item { overflow-y:auto; height:175px; padding-right:15px; height: 100%; }
.part-list ul li { padding:2px 0px 8px 0px; border-bottom:1px solid #E7E7E7; display:flex;justify-content: space-between;align-items: center; }
.part-list ul li:last-child{ border-bottom:0px;}
.part-list ul li .item { display:flex; gap:16px; width:calc(100% - 255px);}
.part-list ul li .item > img {object-fit: contain; }
.part-list ul li .item .title { width:500px; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.part-list ul li .item .title > p { font-size:13px; font-weight:400; color:#717171; margin-bottom:0px; overflow:hidden; text-overflow:ellipsis;}
.part-list ul li .user { font-size:13px; width:255px; display:flex;align-items: center; gap:10px;}
.part-list ul li .user > i { font-size:14px; color:#2475F5;}


/***** part -people *****/
.part-people { display:flex; justify-content: space-between; align-items: center; padding:19px 40px;}
.part-people .people li { width:120px; text-align:center; display:inline-block; }
.part-people .people .user-photo { width: 58px;height: 58px; border: 1px solid #CFD6DA; background:#fff; border-radius: 99px;overflow: hidden;margin:0 auto; text-align:center; }
.part-people .people .user-photo img {width: 100%;}
.part-people .people .user-name {overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.part-people .people .user-name > a{ font-size:14px; color:#222 }
.part-people .people .user-name > a > p {font-size:12px; color:#717171; margin-bottom:0px; font-weight:400;overflow:hidden; text-overflow:ellipsis; white-space: nowrap;}
.part-people .people li:hover .user-name > a {color:#2475F5;}
.part-people .people li:hover .user-name > a > p {color:#2475F5;}

.part-people .btn-circle {width: 32px;height: 32px;background: #f6f6f6;border-radius: 999px;color: #276EF1;border: 1px solid #F4F6FA;margin: 0;}
.part-people .btn-circle:last-child {margin-left: 7px;}
.part-people .btn-circle i {font-size:12px; color:#2B3688;}
.part-people .btn-circle:hover {background:#DBE7FF;}


/* shortcut-pop */
.shortcut-pop.modal-flex-inner .modal-header .title {color: #FFF;font-size: 22px;font-weight: 700;line-height: 100%;padding: 22px 32px 24px;}
.shortcut-pop.modal-flex-inner .modal-header .ml-auto {padding-right: 32px;}
.shortcut-pop.modal-flex-inner .modal-header .btn {padding: 0;}
.shortcut-pop.modal-flex-inner .modal-header .btn i {font-size: 24px;color: #FFF;}
.shortcut-pop.modal-flex-inner .modal-header .btn:hover i {color: #00AA70;}
.shortcut-pop.modal-flex-inner .modal-content .modal-size.optional-modal-padding {padding: 37px 32px;}

.pop-shortcut-title {color:#003770;font-size: 20px;font-weight: 700;margin-bottom: 15px;}
.pop-shortcut-title i {font-size: 20px;color: #003770;margin-right: 8px;vertical-align: bottom;}
.pop-shortcut-list ul {display: flex;flex-wrap: wrap;gap: 8px;}
.pop-shortcut-list ul li {margin: 0;}
.pop-shortcut-list ul li > a {display: flex;justify-content: center;align-items: center;width: 112px;height: 64px;border-radius: 8px;background: #F6F6F6;color: #333F54;font-size: 15px;font-weight: 500;word-break: keep-all;text-align: center;padding: 8px;}
.pop-shortcut-list ul li > a:hover {background: rgba(0, 170, 112, 0.10);}