@charset "utf-8";

:root {
  --main-color: rgba(255,139,0,1);  /*#ff8b00 메인색상*/
}


/* --- icon --- */
@font-face {
  font-family: "ico-board";
  src: url('../font/ico-board.eot?95504761');
  src: url('../font/ico-board.eot?95504761#iefix') format('embedded-opentype'),
       url('../font/ico-board.woff2?95504761') format('woff2'),
       url('../font/ico-board.woff?95504761') format('woff'),
       url('../font/ico-board.ttf?95504761') format('truetype'),
       url('../font/ico-board.svg?95504761#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* - icon-list - */
.ico-board-airplane:before { content: '\e800'; } /* '' */
.ico-board-basket:before { content: '\e801'; } /* '' */
.ico-board-calendar-finger:before { content: '\e802'; } /* '' */
.ico-board-card:before { content: '\e803'; } /* '' */
.ico-board-certification:before { content: '\e804'; } /* '' */
.ico-board-doc1:before { content: '\e805'; } /* '' */
.ico-board-doc-clock:before { content: '\e806'; } /* '' */
.ico-board-doc-stamp:before { content: '\e807'; } /* '' */
.ico-board-doc-signature:before { content: '\e808'; } /* '' */
.ico-board-doc-user:before { content: '\e809'; } /* '' */
.ico-board-invoice-coin:before { content: '\e80a'; } /* '' */
.ico-board-money:before { content: '\e80b'; } /* '' */
.ico-board-user-coin:before { content: '\e80c'; } /* '' */


/* --- side-nav --- */
.approval .top-header .on-service a i {
  width: 27px;
  height: 26px;
  margin: -8px -4px 0 25px;
  background: url('../images/uni-main-approval2.svg') 0 0 no-repeat;
  background-size: 27px 26px;
}
.approval .top-header .on-service a i::before {display: none;}


/* --- 로그인 --- */
.login-box-in::after {
  content: '\e817';
  top: calc(50% - 152px);
  left: -13px;
  font-size: 290px;
  color: rgba(255,255,255,.18);
}


/* --- btn --- */
.btn-arbitrary-bg {
  border: 1px solid #bd967e;
  background-color: #bd967e;
}


/* --- 양식작성 --- */
/* 추가 입력 항목 */
.grid-stack-item .ui-resizable-handle {
  /* display: none !important; */
  right: 10px !important;
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
}
.dashboard .program-list .ui-resizable-handle {display: none !important;}
.grid-stack-item .ui-resizable-handle::before {
  position: absolute !important;
  top: 6px !important;
  right: 6px !important;
  width: 0 !important;
  height: 0 !important;
  content: '' !important;
  border-right: 9px solid #ccc !important;
  border-bottom: 9px solid transparent !important;
}
.set-form .add-write-op .grid-stack-item .ui-resizable-handle::before {
  top: 0 !important;
  right: 0 !important;
}
.grid-stack-item.in-new-doc {opacity: 1 !important;}
.set-form .add-write-op .grid-stack-item .grid-stack-item-content, 
.set-form .add-write-op .grid-stack-item .placeholder-content {
  margin: 0 -10px;
}
.set-form .add-write-op .grid-stack-item .ui-resizable-handle {
  overflow: inherit;
  right: 0 !important;
  width: auto;
  height: auto;
  background: none;
}
.set-form .add-write-op {
  margin-top: 20px;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(46,204,113,.08);
  box-sizing: border-box;
}
.set-form .panel .bg-line .form-box dd.add-write-op {width: 720px;}
.set-form .panel dd.add-write-op .btn-add-op {
  position: absolute;
  bottom: 0;
  right: -60px;
  color: #2ecc71;
  border: 1px solid #2ecc71;
}
.set-form .add-write-op .no-cont {
  padding: 10px 0;
  text-align: center;
  color: #777;
}
.set-form .add-write-op .op-group {
  display: flex;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: 13px;
  border: 2px solid #eee;
  border-radius: 2px;
  background-color: #fff;
  box-sizing: border-box;
  cursor: move;
}
.set-form .add-write-op .op-group::before {
  display: none;
  position: absolute;
  top: calc(50% - 3px);
  left: 12px;
  width: 10px;
  height: 2px;
  content: '';
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.set-form .add-write-op .op-group:hover {border: 2px solid rgba(30,136,227,.25);}
.set-form .add-write-op .op-tt {
  flex-basis: 100px;
  align-self: center;
  margin-top: -1px;
  padding: 0 5px 0 22px;
  line-height: 18px;
  box-sizing: border-box;
}
.set-form .add-write-op .cont-area {
  flex: 1;
  height: 100%;
  margin-right: 8px;
}
.set-form .add-write-op .cont-area.preview *,
.set-form .add-write-op .cont-area.preview *::placeholder {
  color: #2ecc71 !important;
}
.set-form .add-write-op .cont-area.preview i {pointer-events: none !important;}
.set-form .add-write-op .cont-area.preview input,
.set-form .add-write-op .cont-area.preview select,
.set-form .add-write-op .cont-area.preview textarea {
  border: 1px solid rgba(46,204,113,.5);
  background-color: #fff !important;
  pointer-events: none;
}
.set-form .add-write-op .cont-area input,
.set-form .add-write-op .cont-area .slt-area,
.set-form .add-write-op .cont-area .period-area {
  position: relative;
  top: calc(50% - 17px);
}
.set-form .add-write-op .cont-area .cal_area input {width: 82px;}
.set-form .add-write-op .cont-area .slt-area {width: 100%;}
.set-form .add-write-op .cont-area .slt-area select {width: calc(100% - 40px);}
.set-form .add-write-op .cont-area .slt-area .btn-slt {z-index: 30;}
.set-form .add-write-op .cont-area textarea {
  width: 100%;
  height: calc(100% - 16px);
  box-sizing: border-box;
}
.set-form .add-write-op .btn-area {
  display: none;
  position: absolute;
  top: 2px;
  right: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: rgba(255,255,255,.8);
  z-index: 30;
}
.set-form .add-write-op .op-group:hover .btn-area {display: inline-block;}
.set-form .add-write-op .btn-area button {
  position: relative;
  top: calc(50% - 12px);
}

/* 작성, 수정 내 스타일 추가 */
.tbl-col-2 {width: 50%;}
.tbl-col-3 {width: 33.33333333%;}
.tbl-col-4 {width: 25%;}
.add-form .add-write-op .op-group {
  display: table !important;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.add-form .add-write-op .op-group .op-tt {
  display: table-cell;
  width: 100px;
  padding: 0 16px;
  vertical-align: middle;
  border-right: 1px solid #eee;
  background-color: rgba(34,34,34,.03);
  box-sizing: border-box;
}
.add-form .add-write-op .op-group .op-tt.txt-left {padding-left: 15px;}
.add-form .add-write-op .op-group .cont-area {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  padding: 3px 10px;
}
.add-form .add-write-op .op-group .cont-area .tbl-explain {
  margin: 6px 0 0;
  font-size: 12px;
}
.op-group .red-star + * .inp,
.op-group .red-star + * .slt,
.op-group .red-star + * .mobi-select,
.op-group .red-star + * .period-area,
.op-group .red-star + * textarea {
  border-style: dashed;
  border-color: rgba(255,76,93,.5);
}

/* 날짜 선택 스타일 수정 - 데이터 서식에서만 */
.doc-view .add-form .add-write-op table td {overflow: hidden;}
.doc-view .add-form .add-write-op .op-group .cont-area .period-area .inp {
  width: 100%;
  max-width: 120px;
  height: 29px;
  line-height: 29px;
  box-sizing: border-box;
}

/* 연락처 아이콘 추가 */
.tbl-basic .tbl-area table td > i.unicon.ico {margin-right: 8px;}
table i.unicon.ico {
  font-size: 18px;
  color: rgba(30,136,227,.6);
}
table i.unicon.ico.mobile {
  margin-left: -1px;
  font-size: 19px;
}
table i.unicon.ico::before {font-weight: bold;}
table i.unicon.ico.user::before {content: '\e83d';}
table i.unicon.ico.telephone::before {content: '\e8f5';}
table i.unicon.ico.mobile::before {content: '\e8f4';}
table i.unicon.ico.mail::before {content: '\e863';}

/* --- 대시보드 --- */
.approval .dashboard {
  overflow: inherit;
  max-width: 1210px;
}
.approval .dashboard::after {
  display: block;
  content: '';
  clear: both;
}
.approval .dashboard .cont-tt {
  display: flex;
  align-items: baseline;
  position: relative;
  margin-bottom: 22px;
}
.approval .dashboard .cont-tt h3 {
  position: relative;
  font-family: 'SCD-5';
  font-size: 16px;
}
.approval .dashboard .cont-tt .add-explain {
  margin-left: 15px;
  font-size: 13px;
  color: #888;
}
.approval .dashboard .cont-tt .add-explain span {
  margin-left: 6px;
  color: #222;
}
.approval .dashboard .top-summary .my-summary {
  display: grid;
  gap: 10px 20px;
  /* grid-template-columns: 1fr 2fr 1fr; */
  grid-template-columns: calc(25% - 12px) calc(50% - 12px) calc(25% - 14px);
  grid-template-rows: repeat(2, 85px);
  float: inherit;
  width: 100%;
  padding: 0;
  border: 0;
}
.approval .dashboard .top-summary .my-summary dl {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  float: inherit;
  width: 100%;
  margin: 0;
  border: 1px solid #ddd;
  border-radius: 10px;
  -webkit-box-shadow: 0 10px 20px rgba(0,41,76,.05);
  box-shadow: 0 10px 20px rgba(0,41,76,.05);
  box-sizing: border-box;
}
.approval .dashboard .top-summary .my-summary dl.aprv-check {border-color: rgba(255,139,0,.4);}
.approval .dashboard .top-summary .my-summary dl.aprv-ref {border-color: rgba(0,174,69,.4);}
.approval .dashboard .top-summary .my-summary dl.aprv-write {
  background-image: linear-gradient(120deg, rgba(15,107,243,.08), rgba(255,255,255,.08));  
  border-color: rgba(14,92,233,.4);
}
.approval .dashboard .top-summary .my-summary dl.aprv-ing {border-color: rgba(14,92,233,.4);}
.approval .dashboard .top-summary .my-summary dl.aprv-fin {
  align-items: flex-start;
  grid-column: 3/4;
	grid-row: 1/3;
  padding: 30px 0 25px;
}
.approval .dashboard .top-summary .my-summary dl dt {
  margin: 0;
  padding: 0 0 0 80px;
  text-align: inherit;
  font-family: 'SCD-5';
  font-size: 16px;
  border: 0;
}
.approval .dashboard .top-summary .my-summary dl dt::before {
  display: block;
  position: absolute;
  top: auto;
  left: 35px;
  content: '';
}
.approval .dashboard .top-summary .my-summary dl.aprv-check dt::before {
  width: 31px;
  height: 26px;
  background: url('../images/ico-dashboard-aprv-check.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dt::before {
  width: 28px;
  height: 28px;
  background: url('../images/ico-dashboard-aprv-ref.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write dt::before {
  width: 30px;
  height: 25px;
  background: url('../images/ico-dashboard-aprv-write.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ing dt::before {
  width: 30px;
  height: 25px;
  background: url('../images/ico-dashboard-aprv-ing.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-fin dt::before {
  width: 30px;
  height: 26px;
  background: url('../images/ico-dashboard-aprv-fin.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl dd {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
  margin-left: auto;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dd,
.approval .dashboard .top-summary .my-summary dl.aprv-ing dd {
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-fin dd {
  align-items: flex-end;
  margin-bottom: -10px;
}
.approval .dashboard .top-summary .my-summary dl dd .summary-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dd .summary-list,
.approval .dashboard .top-summary .my-summary dl.aprv-ing dd .summary-list {
  align-items: center;
  justify-content: center;
  width: 21.5%;
  height: 100%;
  border-left: 1px solid #eee;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dd .summary-list {border-left-color: rgba(0,174,69,.2);}
.approval .dashboard .top-summary .my-summary dl.aprv-ing dd .summary-list {border-left-color: rgba(14,92,233,.15);}
.approval .dashboard .top-summary .my-summary dl dd .summary-list span:first-child {
  font-size: 12px;
  color: #777;
}
.approval .dashboard .top-summary .my-summary dl dd .summary-list a {
  text-decoration: underline solid 1px;
  text-underline-offset: 3px;
  font-family: 'SCD-7';
  font-size: 20px;
  color: #222;
}
.approval .dashboard .top-summary .my-summary dl.aprv-check .summary-list a {
  margin-right: 25px;
  padding: 10px;
}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dd .summary-list a,
.approval .dashboard .top-summary .my-summary dl.aprv-ing dd .summary-list a {
  padding: 0 20px;
}
.approval .dashboard .top-summary .my-summary dl.aprv-fin .summary-list a {
  margin-right: 30px;
  font-size: 30px;
  color: #999;
}
.approval .dashboard .top-summary .my-summary dl dd .summary-list a:hover {color: #0e5ce9;}
/* .approval .dashboard .top-summary .my-summary dl.aprv-check dd .summary-list a:hover {color: #ff8b00;}
.approval .dashboard .top-summary .my-summary dl.aprv-ref dd .summary-list a:hover {color: #00ae45;}
.approval .dashboard .top-summary .my-summary dl.aprv-ing dd .summary-list a:hover {color: #0e5ce9;} */
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write:hover {
  border: 1px solid rgba(14,92,233,.4);
  border-radius: 10px;
  box-sizing: border-box;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write::before {
  position: absolute;
  top: calc(50% - 20px);
  right: 27px;
  width: 40px;
  height: 40px;
  content: '';
  border-radius: 50%;
  background-color: rgba(14,92,233,.05);
  transition: all .2s ease 0s;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write:hover::before {
  background-color: transparent;
  transition: all .2s ease 0s;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 39px;
  width: 16px;
  height: 16px;
  content: '';
  background: url('../images/ico-dashboard-plus.svg') 0 0 no-repeat;
  background-size: 100%;
}
.approval .dashboard .top-summary .my-summary dl.aprv-write .btn-write:hover::after {
  top: calc(50% - 6px);
  right: 39px;
  width: 16px;
  height: 12px;
  background: url('../images/ico-dashboard-arrow.svg') 0 0 no-repeat;
  background-size: 100%;
  animation: shake2 1s cubic-bezier(0.3,0,0.5,1) infinite;
}

.dashboard .program-list {margin-top: 45px;}
.dashboard .program-list .list-set {
  position: relative;
  margin: 0 -10px;
}
.dashboard .program-list .list-set .list-box {
  position: relative;
  height: 100%;
  padding: 28px 25px 28px calc(35% + 20px);
  border: 1px solid #eee;
  border-radius: 10px;
  background-color: #fff;
  box-sizing: border-box;
  -webkit-box-shadow: 0 5px 20px rgba(0,41,76,.08);
  box-shadow: 0 5px 20px rgba(0,41,76,.08);
}
.dashboard .program-list .list-set .list-box::before {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 65px;
  height: 65px;
  content: '';
  line-height: 67px;
  color: #999;
  border-radius: 50%;
  background-image: linear-gradient(120deg, rgba(15,107,243,.1), rgba(255,255,255,.1));
  background-color: #f9f9fb;
  box-sizing: border-box;
}
.dashboard .program-list .list-set .list-box::after {
  position: absolute;
  top: 25px;
  left: 25px;
  width: 65px;
  height: 65px;
  content: '';
  pointer-events: none;
}

/* 스마트 결재 */
.dashboard .program-list.basic .list-set {
  display: grid;
  gap: 10px 20px;
  /* grid-template-columns: repeat(4, 1fr); */
  grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
  margin: 0;
}
.dashboard .program-list.basic .list-set .list-box {
  height: 115px;
  /* padding: 28px 0 0 120px; */
  padding: 28px 0 0 calc(35% + 20px);
}
.dashboard .program-list.basic .list-set .list-box.program-sur::after {
  background: url('../images/ico-dashboard-aprv-smart1.svg') 50% 50% no-repeat;
  background-size: 27px 27px;
}
.dashboard .program-list.basic .list-set .list-box.program-pr::after {
  background: url('../images/ico-dashboard-aprv-smart2.svg') 50% 50% no-repeat;
  background-size: 29px 28px;
}
.dashboard .program-list.basic .list-set .list-box.program-ce.user::after {
  background: url('../images/ico-dashboard-aprv-smart3.svg') 50% 50% no-repeat;
  background-size: 25px 29px;
}
.dashboard .program-list.basic .list-set .list-box.program-ce.comp::after {
  background: url('../images/ico-dashboard-aprv-smart4.svg') 50% 50% no-repeat;
  background-size: 25px 30px;
}
.dashboard .program-list.basic .list-set .list-box.program-cac::after {
  background: url('../images/ico-dashboard-aprv-smart5.svg') 50% 50% no-repeat;
  background-size: 31px 22px;
}
.dashboard .program-list.basic .list-set .list-box.program-vd::after {
  background: url('../images/ico-dashboard-aprv-smart6.svg') 50% 50% no-repeat;
  background-size: 35px 27px;
}
.dashboard .program-list.basic .list-set .list-box h4 {
  font-family: 'SCD-5';
  font-size: 15px;
}
.dashboard .program-list.basic .list-set .list-box .btn-area {
  display: flex;
  gap: 8px;
  margin: 12px 0 0 -2px;
  text-align: left;
}
.dashboard .program-list.basic .list-set .list-box .btn-area a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 25px;
  padding: 0 12px;
  line-height: 25px;
  font-size: 13px;
  color: #777;
  border: 1px solid #d5d5d5;
  border-radius: 25px;
  box-sizing: border-box;
  transition: all .15s ease 0s;
}
.dashboard .program-list.basic .list-set .list-box .btn-area .btn-write {
  color: #0e5ce9;
  border-color: rgba(15,107,243,.6);
  background-color: rgba(15,107,243,.1);
}
.dashboard .program-list.basic .list-set .list-box .btn-area a:hover {
  color: #222;
  border-color: #999;
}
.dashboard .program-list.basic .list-set .list-box .btn-area .btn-write:hover {
  color: #fff;
  border-color: rgba(15,107,243,1);
  background-color: rgba(15,107,243,1);
}

/* 우리회사 결재양식 */
.dashboard .program-list.metro .list-set .list-box {
  overflow: hidden;
  display: flex;
  align-items: center;
}
.dashboard .program-list.metro .list-set .list-box:hover {
  border-color: #ccc;
  box-shadow: 0 10px 20px rgba(0,41,76,.08);
}
.dashboard .program-list.metro .list-set .list-box::before {
  background-image: linear-gradient(120deg, rgba(42,194,102,.1), rgba(255,255,255,.1));
  background-color: #f9f9fb;
}
.dashboard .program-list.metro .list-set .list-box.program-doc::after {
  background: url('../images/ico-dashboard-aprv-comp.svg') calc(50% + 3px) 50% no-repeat;
  background-size: 34px 28px;
}
.dashboard .program-list.metro .list-set .list-box:hover::after {
  background: url('../images/ico-dashboard-arrow.svg') 50% 50% no-repeat;
  background-size: 20px 14px;
  animation: shake2 1s cubic-bezier(0.3,0,0.5,1) infinite;
}
.dashboard .program-list.metro .list-set .list-box h4 {
  overflow: hidden;
  display: flex;
  align-items: center;
  display: -webkit-box;
  width: 100%;
  max-height: fit-content;
  text-overflow: ellipsis;
  white-space: normal;
  word-wrap: break-word;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-family: 'SCD-5';
  font-size: 15px;
  box-sizing: border-box;
}
.dashboard .program-list.metro .list-set .list-box .btn-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.dashboard .program-list.metro .list-set .list-box .btn-area .btn-write {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  color: transparent;
}
.dashboard .program-list.metro .list-set .list-box .btn-area .btn-del {
  display: none;
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
  z-index: 10;
}
.dashboard .program-list.metro .list-set .list-box:hover .btn-area .btn-del {display: block;}
.dashboard .program-list.metro .list-set .list-box .btn-area .btn-del::before {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-family: "unifont";
  content: '\e80b';
  font-weight: bold;
  font-size: 15px;
  color: #aaa;
}
.dashboard .program-list.metro .list-set .list-box .btn-area .btn-del:hover::before {color: #000;}
.dashboard .program-list .list-set .list-box.new-doc {
  padding: 0;
  border-style: dashed;
}
.dashboard .program-list .list-set .list-box.new-doc .btn-new {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 25px 0 calc(35% + 20px);
  font-family: 'SCD-5';
  font-size: 15px;
  color: #999;
  cursor: pointer;
  box-sizing: border-box;
}
.dashboard .program-list .list-set .list-box.new-doc:hover .btn-new {color: #222;}
.dashboard .program-list.metro .list-set .list-box.new-doc::before {
  background-image: none;
  background-color: #f8f8f8;
}
.dashboard .program-list.metro .list-set .list-box.new-doc::after {
  background: url('../images/ico-dashboard-plus.svg') 50% 50% no-repeat;
  background-size: 18px;
  opacity: .4;
}
.dashboard .program-list.metro .list-set .list-box.new-doc:hover::after {
  opacity: 1;
  animation: rotateIn .5s cubic-bezier(0.3,0,0.5,1) 1;
}

/* 데이터서식 textarea 높이 맞춤 */
.data-textarea-only {height: calc(100% - 20px);}
.data-textarea-add-exp {height: calc(100% - 40px);}

/* 상속 없애기 */
.ui-icon, .ui-widget-content .ui-icon {background: none;}


/* 미디어쿼리 */
@media (max-width: 1440px) {
  .dashboard .program-list .list-set ul li {width: calc(33.33333333% - 14px);}
}
@media (min-width: 1441px) {
  .dashboard .program-list .list-set ul li {width: calc(25% - 16px);}
  .dashboard .program-list .list-set ul li:nth-child(3n+1) {margin-left: 21px;}
  .dashboard .program-list .list-set ul li:nth-child(4n+1) {margin-left: 0;}
}
@media (min-width: 2201px) {
  .dashboard .program-list .list-set ul li {width: calc(20% - 17px);}
  .dashboard .program-list .list-set ul li:nth-child(4n+1) {margin-left: 21px;}
  .dashboard .program-list .list-set ul li:nth-child(5n+1) {margin-left: 0;}
}