.login-section {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-width: 1360px;
  max-width: 1360px;
  height: calc(100vh - 90px);
  padding: 0 30px;
  margin: 90px auto 0;
}
.login-section h2 {
  font-size: 30px;
  font-weight: 500;
}
.login-section .txt-slogan {
  display: flex;
  align-items: flex-end;
  height: 54px;
  font-size: 35px;
  color: #3a3a3a;
  font-weight: 500;
}
.login-section .txt-slogan strong {
  margin-left: 10px;
  font-size: 45px;
  font-weight: 700;
  line-height: 1.1;
}
.login-section .login-wrap {
  display: flex;
  margin-top: 64px;
}
.login-section .login-wrap .login-group {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 500px;
  height: 500px;
  border: 0.5px solid #ccc;
}
.login-section .login-wrap .login-group h2 {
  margin-top: 47px;
}
.login-section .login-wrap .login-group .login-form {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  padding: 0;
  margin-top: 47px;
  border: 0;
}
.login-section .login-wrap .login-group .txt-guide {
  margin-top: 17px;
  color: #939393;
  text-align: center;
}
.login-section .login-wrap .login-group .login-form .btn-login {
  margin-top: 47px;
}
.login-section .login-wrap .login-group .login-form .form-remember .custom-checkbox {
  gap: 10px;
}
.login-section .login-wrap .notice-group {
  display: flex;
  position: relative;
  flex-flow: column;
  align-items: center;
  width: 500px;
  height: 500px;
  background: #eee;
  border: 0.5px solid #ccc;
  border-left: 0;
}
.login-section .login-wrap .notice-group h2 {
  margin-top: 47px;
}
.login-section .login-wrap .notice-group .notice-wrap {
  display: flex;
  flex-flow: column;
  gap: 25px;
  margin-top: 47px;
}
.login-section .login-wrap .notice-group .notice-wrap li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 23px;
}
.login-section .login-wrap .notice-group .notice-wrap li .title {
  width: 306px;
  font-size: 16px;
  font-weight: 500;
}
.login-section .login-wrap .notice-group .notice-wrap li .date {
  font-size: 16px;
  font-weight: 500;
}
.login-section .login-wrap .notice-group .banner-wrap {
  position: absolute;
  bottom: 22px;
  left: 36px;
  width: 428px;
  height: 111px;
}
.login-form {
  display: flex;
  flex-flow: column;
  padding: 86px 76px 111px;
  margin-top: 36px;
  border: 0.5px solid #ccc;
}
.login-form > input {
  width: 281px;
  height: 37px;
  margin-top: 11px;
  border: 0.5px solid #ccc;
  font-size: 16px;
  box-sizing: border-box;
}
.login-form > label {
  font-size: 16px;
  font-weight: 500;
}
.login-form > input + label {
  margin-top: 26px;
}
.login-form .btn-login {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 34px;
  width: 281px;
  height: 47px;
  background: #535353;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}
.login-form .form-remember {
  display: flex;
  gap: 10px;
  margin-top: 18px;
}
.dashboard-wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 38px 44px;
  padding-top: 38px;
}
.main-banner-wrap {
  width: 100%;
}
.main-banner-wrap img {
  width: 100%;
}
.main-board-list-wrap {
  display: flex;
  gap: 43px;
  margin-top: 24px;
}
.main-board-list-wrap .board-group {
  width: 630px;
  height: 354px;
  padding: 50px 70px;
  border: 0.5px solid #929292;
}
.main-board-list-wrap .board-group .header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-board-list-wrap .board-group h3 {
  font-size: 22px;
  font-weight: 500;
}
.main-board-list-wrap .board-group ul {
  display: flex;
  flex-flow: column;
  gap: 25px;
  margin-top: 33px;
}
.main-board-list-wrap .board-group li {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
}
.main-board-list-wrap .board-group li a {
  width: 360px;
}
.dashboard-wrap .dashboard-group {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  padding: 24px 34px;
  border: 1px solid #b7b7b7;
  border-radius: 10px;
}
.dashboard-wrap .dashboard-group:nth-child(1n) {
  width: 852px;
  height: 350px;
}
.dashboard-wrap .dashboard-group:nth-child(2n) {
  width: 403px;
  height: 350px;
}
.dashboard-wrap .dashboard-group h3 {
  font-size: 22px;
  font-weight: 700;
}
.dashboard-wrap .dashboard-group .title-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.dashboard-wrap .dashboard-group .title-wrap > div {
  display: flex;
  align-items: center;
}
.dashboard-wrap .dashboard-group .title-wrap .start-wrap {
  gap: 40px;
}
.dashboard-wrap .dashboard-group .title-wrap .subtitle {
  font-size: 12px;
  font-weight: 600;
}
.dashboard-wrap .notice-list {
  margin-top: 40px;
}
.dashboard-wrap .notice-list li {
  border-top: 0.5px solid #888;
}
.dashboard-wrap .notice-list li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
}
.dashboard-wrap .notice-list li .title {
  width: 501px;
  padding: 0 10px;
}
.dashboard-wrap .notice-list li .date {
  width: 152px;
  padding: 0 10px;
  text-align: center;
}
.dashboard-wrap .notice-list li .writer {
  width: 130px;
  padding: 0 10px;
  text-align: center;
}
.dashboard-wrap .notice-list li:last-of-type {
  border-bottom: 0.5px solid #888;
}
.dashboard-wrap .ranking-list {
  margin-top: 36px;
}
.dashboard-wrap .ranking-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 44px;
}
.dashboard-wrap .ranking-list li .num {
  width: 41px;
  padding: 0 10px;
  text-align: center;
}
.dashboard-wrap .ranking-list li .title {
  flex: 1;
  padding: 0 10px;
}
.dashboard-wrap .ranking-list li .count {
  width: 96px;
  padding: 0 10px;
  text-align: center;
}
.dashboard-wrap .btn-more {
  position: absolute;
  top: 24px;
  right: 34px;
}
.dashboard-wrap .btn-more img {
  width: 24px;
  height: 24px;
}
.notice-wrap .notice-title {
  margin-top: 22px;
  font-size: 20px;
  color: #646464;
  font-weight: 500;
}
.donut-chart-wrap {
  display: flex;
  height: 220px;
}
.donut-chart-wrap .chart-container {
  width: 160px;
  height: 160px;
  position: relative;
}
.donut-chart-wrap .legend-container {
  display: flex;
  gap: 20px;
  margin-top: 36px;
}
.donut-chart-wrap .legend-container span {
  display: inline-block;
}
.donut-chart-wrap .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
.donut-chart-wrap .summary {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 30px;
  margin-left: 20px;
}
.donut-chart-wrap .summary div {
  font-size: 14px;
}
.donut-chart-wrap .summary .ios {
  color: #5a6acf;
}
.donut-chart-wrap .summary .android {
  color: #c7ceff;
}
.donut-chart-wrap .summary strong {
  font-size: 20px;
  color: #000;
}
.board-wrap li p,
.board-wrap li div {
  white-space: nowrap;
}
.board-wrap.notice li .num {
  width: 83px;
  text-align: center;
}
.board-wrap.notice li.head .title {
  text-align: center;
}
.board-wrap.notice li .title {
  width: 838px;
}
.board-wrap.notice li .date {
  width: 148px;
  text-align: center;
}
.board-wrap.notice li .writer {
  width: 148px;
  text-align: center;
}
.board-wrap.notice li .files {
  width: 84px;
  text-align: center;
}
.board-wrap.user-notice li .num {
  width: 74px;
  text-align: center;
}
.board-wrap.user-notice li.head .title {
  text-align: center;
}
.board-wrap.user-notice li .title {
  width: 543px;
}
.board-wrap.user-notice li .writer {
  width: 207px;
  text-align: center;
}
.board-wrap.user-notice li .date {
  width: 207px;
  text-align: center;
}
.menu-permission-wrap {
  display: flex;
  gap: 46px;
  margin-top: 38px;
}
.board-wrap.management-version li .name {
  width: 258px;
}
.board-wrap.management-version li.head .name {
  text-align: center;
}
.board-wrap.management-version li .version {
  width: 258px;
  text-align: center;
}
.board-wrap.management-version li .os {
  width: 165px;
  text-align: center;
}
.board-wrap.management-version li .update {
  width: 271px;
  text-align: center;
}
.board-wrap.management-version li .date {
  width: 276px;
  text-align: center;
}
.board-wrap.management-version li .files {
  width: 174px;
  text-align: center;
}
.board-wrap.management-agreement li .code {
  width: 122px;
  text-align: center;
}
.board-wrap.management-agreement li .name {
  width: 228px;
  text-align: center;
}
.board-wrap.management-agreement li .name button {
  font-weight: 600;
  text-decoration: underline;
}
.board-wrap.management-agreement li .content {
  width: 406px;
  text-align: center;
}
.board-wrap.management-agreement li .agreement {
  width: 99px;
  text-align: center;
}
.board-wrap.management-agreement li .order {
  width: 90px;
  text-align: center;
}
.board-wrap.management-agreement li .date {
  width: 257px;
  text-align: center;
}
.board-wrap.management-agreement li .registrant {
  width: 99px;
  text-align: center;
}
.board-wrap.management-admin li .num {
  width: 63px;
  text-align: center;
}
.board-wrap.management-admin li .id {
  width: 165px;
  text-align: center;
}
.board-wrap.management-admin li .id button {
  text-decoration: underline;
}
.board-wrap.management-admin li .name {
  width: 198px;
  text-align: center;
}
.board-wrap.management-admin li .department {
  width: 336px;
  text-align: center;
}
.board-wrap.management-admin li .date {
  width: 390px;
  text-align: center;
}
.board-wrap.management-admin li .permission {
  width: 148px;
  text-align: center;
}
.board-wrap.push li .check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
}
.board-wrap.push li .date {
  width: 207px;
  text-align: center;
}
.board-wrap.push li.head .title {
  text-align: center;
}
.board-wrap.push li .title {
  width: 364px;
}
.board-wrap.push li .title button {
  text-decoration: underline;
  font-weight: 500;
}
.board-wrap.push li.head .message {
  text-align: center;
}
.board-wrap.push li .message {
  width: 666px;
}
/* 250609 수정 [S] */
.board-wrap.react li .check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
}
.board-wrap.react li .type {
  width: 117px;
  text-align: center;
}
.board-wrap.react li.head .title {
  text-align: center;
}
.board-wrap.react li .title {
  width: 261px;
}
/* // 250609 수정 [E] */
.board-wrap.react li .title button {
  font-weight: 500;
  text-decoration: underline;
}
.board-wrap.react li.head .content {
  text-align: center;
}
.board-wrap.react li .content {
  width: 342px;
}
.board-wrap.react li .date {
  width: 207px;
  text-align: center;
}
.board-wrap.react li .show {
  width: 310px;
  text-align: center;
}
.board-wrap.ip li.head .name {
  text-align: center;
}
.board-wrap.ip li .name {
  width: 238px;
}
.board-wrap.ip li .ip-start {
  width: 301px;
  text-align: center;
}
.board-wrap.ip li .ip-end {
  width: 253px;
  text-align: center;
}
.board-wrap.ip li .date {
  width: 276px;
  text-align: center;
}
.board-wrap.ip li .writer {
  width: 148px;
  text-align: center;
}
.board-wrap.mobile li .num {
  width: 83px;
  text-align: center;
}
.board-wrap.mobile li .id {
  width: 148px;
  text-align: center;
}
.board-wrap.mobile li .name {
  width: 148px;
  text-align: center;
}
.board-wrap.mobile li .department {
  width: 235px;
  text-align: center;
}
.board-wrap.mobile li .date {
  width: 235px;
  text-align: center;
}
.board-wrap.user-list li .id {
  width: 108px;
  text-align: center;
}
.board-wrap.user-list li .name {
  width: 64px;
  text-align: center;
}
.board-wrap.user-list li .department {
  width: 106px;
  text-align: center;
}
.board-wrap.user-list li .status {
  width: 84px;
  text-align: center;
}
.board-wrap.user-list li .group {
  width: 148px;
  text-align: center;
}
.board-wrap.selected-user-list {
  position: relative;
}
.board-wrap.selected-user-list ul.scroll {
  height: 481px;
  margin-top: 0;
  border-top: 0;
  overflow-y: scroll;
}
.board-wrap.selected-user-list li .id {
  width: 118px;
  text-align: center;
}
.board-wrap.selected-user-list li .name {
  width: 66px;
  text-align: center;
}
.board-wrap.selected-user-list li .department {
  width: 118px;
  text-align: center;
}
.board-wrap.selected-user-list li .delete {
  width: 54px;
  text-align: center;
}
.menu-detail-wrap {
  width: 100%;
  text-align: center;
}
.menu-detail-wrap .menu-detail-title {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  margin-bottom: 20px;
  border: 0.5px solid #999;
  border-radius: 5px;
  font-size: 18px;
  color: #555;
}
.custom-input-wrap li .input-wrap .btn-url-check {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 40px;
  margin-left: 10px;
  background: #b7b7b7;
  border-radius: 5px;
  color: #fff;
  font-weight: 500;
}
.custom-input-wrap li .input-wrap .ip-input-wrap span {
  display: block;
  height: 40px;
  padding: 0 4px;
  line-height: 40px;
}
.custom-input-wrap li .input-wrap .checkbox-wrap {
  padding-left: 262px;
}

/* 250605 추가 [S] */
.board-wrap.user-inquiry li .num {
  width: 74px;
  text-align: center;
}
.board-wrap.user-inquiry li .type {
  width: 124px;
  text-align: center;
}
.board-wrap.user-inquiry li.head .title {
  text-align: center;
}
.board-wrap.user-inquiry li .title {
  width: 515px;
}
.board-wrap.user-inquiry li .writer {
  width: 96px;
  text-align: center;
}
.board-wrap.user-inquiry li .date {
  width: 150px;
  text-align: center;
}
.board-wrap.user-inquiry li .status {
  width: 74px;
  text-align: center;
}
.board-detail-wrap.inquiry .header-wrap .info-wrap {
  gap: 54px;
}
.board-detail-wrap.inquiry .header-wrap .info-wrap strong {
  font-weight: 700;
}
.btns-wrap + .custom-input-wrap {
  margin-top: 100px;
}
.board-write-wrap .input-wrap .select-wrap {
  width: 190px;
  height: 42px;
}
.board-write-wrap .input-wrap .custom-select-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  user-select: none;
}
.board-write-wrap .input-wrap .custom-select-wrapper .ic-arrow {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 24px;
  height: 24px;
  transition: 0.1s;
}
.board-write-wrap .input-wrap .custom-select-wrapper .ic-arrow.expanded {
  transform: rotate(180deg);
}
.board-write-wrap .input-wrap .custom-select {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  border: 1px solid #dbdbdb;
  background: #fff;
  font-weight: 400;
  cursor: pointer;
}
.board-write-wrap .input-wrap .custom-select-options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  border: 1px solid #dbdbdb;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 100;
}
.board-write-wrap .input-wrap .custom-select-options li {
  display: flex;
  align-items: center;
  height: 42px;
  padding: 0 10px;
  font-weight: 400;
  cursor: pointer;
}
.board-write-wrap .input-wrap .custom-select-options li:hover {
  background-color: #f0f0f0;
}
/* // 250605 추가 [E] */