html, body {
    height: 100%;
    margin: 0; /* 기본 마진 제거 */
}

body {
    min-width: 280px;
    position: relative;
}

.bg-login {
    background: #F9FAFC;
    width: 100%;
    height: 100%;
}

.bg-login .box-login {
    position: absolute;
    width: 500px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.bg-login .box-login .logo {
    color: #191F2F;
    font-family: 'Noto Sans';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
    text-align: center;
}

.bg-login .box-login .logo img {
    margin-right: 15px;
}

.bg-login .box-login .panel {
    margin-top: 62px;
    height: 432px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    padding: 46px 50px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.bg-login .box-login .hello {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bg-login .box-login .hello p {
    color: var(--1, #191F2F);
    text-align: center;
    font-family: "Open Sans";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 5px;
    margin-top: 0;
}

.bg-login .box-login .hello span {
    color: var(---text, #5A5D61);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    text-align: center;
}

.bg-login .box-login ._input {
    margin-top: 43px;
    display: flex;
    flex-direction: column;
}

.bg-login .box-login ._input input[type="text"] {
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background: #FFF url('/resource/images/login-id.png') no-repeat 16px center;
    background-size: 16px 16px; /* 아이콘 크기 조정 */
    height: 50px;
    padding: 14px 16px 14px 42px; /* 아이콘 위치에 맞는 패딩 설정 */
    box-sizing: border-box;
    margin-bottom: 20px;
    outline: none;
    position: relative;
} 

.bg-login .box-login ._input input[type="password"] {
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background: #FFF url('/resource/images/login-pw.png') no-repeat 16px center;
    background-size: 16px 16px; /* 아이콘 크기 조정 */
    height: 50px;
    padding: 14px 16px 14px 42px; /* 아이콘 위치에 맞는 패딩 설정 */
    box-sizing: border-box;
    outline: none;
    position: relative;
}

.bg-login .box-login .save-id {
    margin-top: 20px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.bg-login .box-login .save-id input {
    display: block;
    margin-right: 9px;
    border: 1px solid #E8E8E8;
    width: 17px;
    height: 17px;
}

.bg-login .box-login .save-id span {
    color: #191F2F;
    font-family: "Noto Sans kr";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.bg-login .box-login button {
    height: 50px;
    border-radius: 5px;
    background: #3F76E2;
    border: none;
    color: #FFF;
    text-align: center;
    font-family: "Noto Sans kr";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
}

.bg-login .box-login small {
    color: #74777F;
    text-align: center;
    font-family: "Noto Sans kr";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;  
    margin-top: 60px;
    display: block;
}

#wrap {
    overflow: initial;
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5;
    position: relative;
    min-height: 100%;
}

#wrap #main {
    display: flex;
}

header {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #1A1A1A;
    height: 70px;
    align-items: center;
    padding: 0 30px;
    box-sizing: border-box;
}

header .home a {
    display: flex;
    align-items: center;
}

header .home a img {
    margin-right: 14px;
}

header .home span {
    color: #FFF;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
}

header .my {
    display: flex;
}

header .my span:first-child {
    color: rgba(255, 255, 255, 0.70);
    font-family: Pretendard;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 233.333% */
    letter-spacing: -0.36px;
    display: inline-block;
    margin-right: 24px;
    position: relative;
}

header .my span:first-child::after {
    position: absolute;
    right: -12px;
    top: 7px;
    width: 1px;
    height: 14px;
    background-color: #ffffff40;
    content: '';
}

header .my span:nth-child(2) {
    color: #FFF;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    letter-spacing: -0.42px;
    margin-right: 9px;
    display: inline-block;
}

header .my img {}

#main .box-gnb {
    width: 240px;
    background: var(--color-, #fff);
    position: relative;
    min-height: 100vh;
}

#main .box-gnb .menu {
    display: flex;
    flex-direction: column;
}

#main .box-gnb .menu li {
    border-bottom: 1px solid #E0E0E0;
    height: 63px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    flex-wrap: wrap;
    position: relative;
}

#main .box-gnb .menu li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    color: #000;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px; /* 225% */
    letter-spacing: -0.48px;
}

#main .box-gnb .menu li a .group {
    display: flex;
    align-items: center;
}

#main .box-gnb .menu li a .group .rec {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    border: 1px solid #E0E0E0;
    background: #FAFBFF;
    margin-right: 9px;
}

#main .box-gnb .menu li a .group span {
    color: #000;
    font-family: Pretendard;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 140% */
    letter-spacing: -0.6px;
}

#main .box-gnb .menu li.active a .group .rec {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #FF808B;
    margin-right: 9px;
}

#main .box-gnb .menu li.active a .group .rec.blue {
    width: 10px;
    height: 10px;
    border-radius: 3px;
    background: #3F76E2;
    margin-right: 9px;
}

.sub-menu {
    display: none;
    list-style: none;
    margin: 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1000;
    background: #FAFAFA;
    width: 100%;
    padding: 20px 20px 0px;
    box-sizing: border-box;
}

#main .box-gnb .menu li .sub-menu li {
    height: auto;
    padding: 15px 20px;
}

#main .box-gnb .menu li .sub-menu li .sub-menu3 li {
    border-bottom: none;
    margin-bottom: 5px;
    padding: 0;
}

#main .box-gnb .menu li .sub-menu li .sub-menu3 li.active a {
    color: #DE7A83;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 240% */
    letter-spacing: -0.45px;
}

#main .box-gnb .menu li .sub-menu li .sub-menu3 li a {
    color: #464646;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 240% */
    letter-spacing: -0.45px;
}

  #main .board {
    width: calc(100% - 240px);
    position: relative;
    padding: 60px 80px;
    box-sizing: border-box;
    border-left: 1px solid #D1D1D1;
  }

  #main .board .p-title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
  }

  #main .board .p-title span {
    color: #000;
    font-family: Pretendard;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: -0.9px;
    display: inline-block;
    margin-right: 21px;
  }

  #main .board .p-title .location {
    display: flex;
    align-items: center;
  }

  #main .board .p-title .location span {
    color: #9A9A9A;
    font-family: Pretendard;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.39px;
    display: inline-block;
  }

  #main .board .p-title .location span:not(:last-child) {
    margin-right: 16px;
    position: relative;
  }

  #main .board .p-title .location span:not(:last-child)::after {
    position: absolute;
    content: '';
    background: url(/resource/images/location-next.png);
    width: 3px;
    height: 5px;
    background-size: 3px 5px;
    top: 11px;
    right: -10px;
  }

  #main .board .control {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
  }

  #main .board .control .search {
    width: 82%;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 2%;
  }

  #main .board .control .search input {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #E9E9E9;
    background: #FFF;
    padding: 11px 22px;
    box-sizing: border-box;
    width: 100%;
  }

  #main .board .control .search img {
    position: absolute;
    right: 20px;
    top: 13px;
  }

  #main .board .control .search.w100 {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    margin-right: 0%;
  }

  .btn-register {
    height: 50px;
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
    border-radius: 5px;
    background: #3F76E2;
  }

  .btn-register img {
    margin-right: 6px;
  }

  #main .board .qna {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }

  #main .board .qna .title {
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 10px;
    width: 100%;
    margin-bottom: 30px;
  }

  #main .board .qna .title span {
    color: #464646;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.54px;
  }

  #main .board .qna .box-part {
    display: flex;
    flex-wrap: wrap;
  }

  #main .board .qna .box-part .part {
    width: 20%;
    margin-right: 2%;
    cursor: pointer;
    margin-bottom: 20px;
    position: relative;
  }

  #main .board .qna .box-part .part:nth-child(6n) {
    margin-right: 0;
  }

  #main .board .qna .box-part .new {
    width: 11px;
    height: 11px;
    position: absolute;
    right: 7px;
    top: -4px;
    background-color: #FF808B;
    border-radius: 50%;
  }

  #main .board .qna .box-part .part ._title {
    color: #000;
    text-align: left;
    font-family: Pretendard;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px; /* 175% */
    letter-spacing: -0.4px;
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: #F2F6FF;
    height: 60px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    border-bottom: 0;
	padding:15px;
  }
  
  #main .board .qna .box-part .part ._tag {
    border-radius: 10px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    border-radius: 0px 0px 10px 10px ;
    color: #9A9A9A;
    text-align: center;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px; /* 157.143% */
    letter-spacing: -0.42px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
  }

  .box-part .detail {
    display: none;
    position: fixed;
    top: 50%;
    left: calc(50% - 120px);
    transform: translate(-50%, -50%);
    min-width: 900px;
    min-height: 600px;
    height: auto;
    background: #FFFCEA;
    text-align: left;
    box-shadow: 2px 2px 5px #dddddd;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px;
    flex-direction: column;
    width: max-content;
    max-width: 600px;
  }

  /*
  #main .board .qna .box-part .part:nth-child(6n+5) .detail,
  #main .board .qna .box-part .part:nth-child(6n) .detail {
    display: none;
    position: absolute;
    left: initial;
    right: 0;
    top: 30%;
    min-width: 380px;
    min-height: 218px;
    height: auto;
    text-align: left;
    box-shadow: 2px 2px 5px #dddddd;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px;
    flex-direction: column;
    width: max-content;
    max-width: 600px;
}
    */

  .box-part .detail .top {
    display: flex;
    justify-content: space-between;
    height: 50px;
    padding: 0 23px;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
  }

  .box-part .detail .top span {
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.54px;
  }
 
  .box-part .detail .top img {
    cursor: pointer;
  }

  .box-part .detail .bottom {
    display: flex;
    flex-direction: column;
    height: auto;
  }

  .box-part .detail .bottom .content {
    color: #464646;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
    max-height: 500px;
    overflow-y: auto;
    min-height: 500px;
    padding: 16px 23px;
    box-sizing: border-box;
  }

  .box-part .detail .bottom .file {
    margin-top: 35px;
    border-top: 1px solid #E8E8E8;
    width: 100%;
    padding: 16px 23px;
    box-sizing: border-box;
}

.box-part .detail .bottom .file span:first-child {
    color: #9898A5;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 200% */
    letter-spacing: -0.42px;
}

.box-part .detail .bottom .file span:nth-child(2) {
    color: #9898A5;
    font-family: Pretendard;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -0.42px;
    text-decoration-line: underline;
    cursor: pointer;
}

#main .board .list {
    display: flex;
    flex-direction: column;
}

#main .board .list .title span {
    color: #464646;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.54px;
    margin-bottom: 10px;
    display: block;
}


  /* 숨긴 체크박스 스타일 */
input[type="radio"] {
  display: none;
}

/* 기본 레이블 스타일 */
input[type="radio"] + label {
  margin-right: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  transition: all 0.25s;
  position: relative; /* ::after 가상 요소를 제대로 위치시키기 위해 필요 */
}

/* 체크된 상태의 레이블 배경색 변경 */
input[type="radio"]:checked + label {
  background-color: #3F76E2;
  transition: all 0.25s;
}

/* 체크 표시를 레이블에 추가 */
input[type="radio"]:checked + label::after {
  content: '✔'; /* 체크 표시 */
  font-size: 12px;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 16px; /* 높이와 맞추기 */
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
}

input[type="checkbox"] {
    display: none;
  }
  
  /* 기본 레이블 스타일 */
  input[type="checkbox"] + label {
    margin-right: 8px;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #E5E5E5;
    background: #FFF;
    transition: all 0.25s;
    position: relative; /* ::after 가상 요소를 제대로 위치시키기 위해 필요 */
  }
  
  /* 체크된 상태의 레이블 배경색 변경 */
  input[type="checkbox"]:checked + label {
    background-color: #3F76E2;
    transition: all 0.25s;
  }
  
  /* 체크 표시를 레이블에 추가 */
  input[type="checkbox"]:checked + label::after {
    content: '✔'; /* 체크 표시 */
    font-size: 12px;
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px; /* 높이와 맞추기 */
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
  }

    .box-radio {
      display: flex;
    }

    .box-radio label {
      display: flex;
      align-items: center;
    }

    .box-radio label:first-child {
      margin-right: 30px;
    }

    .box-radio label span {
      margin-left: 12px;
    }

    .align-center {
      display: flex;
      align-items: center;
    }

    .list table {
      width: 100%;
      table-layout: fixed;
    }

    .list table thead tr th {
      color: var(--Color-, #6A6E83);
      text-align: center;
      font-family: Pretendard;
      font-size: 14px;
      font-style: normal;
      font-weight: 400;
      line-height: 26px; /* 185.714% */
      letter-spacing: -0.28px;
    }

    .list table tbody tr td {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        text-align: center;
    }

    .list table thead tr th,
    .list table tbody tr td {
        width: 15%;
        border-right: 1px solid #E8E8E8;
    }

    .list table thead tr th:nth-child(4),
    .list table tbody tr td:nth-child(4) {
        border-right: 0;
    }

    .list table thead tr th:nth-child(3),
    .list table tbody tr td:nth-child(3) {
        width: 55%;
    }

    .list table tbody tr td:nth-child(3) {
        width: 55%;
        cursor: pointer;
    }

    .list table tbody tr td:nth-child(3):hover {
        text-decoration: underline;
    }

    .list table tbody tr td:nth-child(3) {
        text-align: left;
    }

    .list table tbody tr .finish {
      color: var(--Color-, #FF716F);
      text-align: center;
      font-family: Pretendard;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px; /* 185.714% */
      letter-spacing: -0.28px;
    }

    .list table tbody tr .cancel {
      color: var(--Color2, #2B318A);
      text-align: center;
      font-family: Pretendard;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 26px; /* 185.714% */
      letter-spacing: -0.28px;
    }

    .list table thead tr th,
    .list table tbody tr td {
      border-bottom: 1px solid #E5E5E5;
    }

    .list table thead tr th {
      border-top: 1px solid #E5E5E5;
      padding: 11px 0;
      background: #FAFAFA;
      height: 50px;
      color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
    }

    .list table tbody tr td {
      padding: 12px 0;
    }

    .list table tbody tr td button {
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        width: 55px;
        height: 30px;
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
    }

    .list table tbody tr td button+button {
        margin-left: 5px;
    }

    .list table thead tr th:nth-child(3),
    .list table tbody tr td:nth-child(3) {
        padding-left: 33px;
    }

    .list table tbody tr td:nth-child(3) {
        position: relative;
    }

    .list table tbody tr td:nth-child(3) .detail {
        display: none;
        position: fixed;
        left: calc(50% - 120px);
        top: 50%;
        transform: translate(-50%, -50%);
        min-width: 900px;
        min-height: 600px;
        height: auto;
        background: #FFFCEA;
        text-align: left;
        box-shadow: 2px 2px 5px #dddddd;
        box-sizing: border-box;
        z-index: 1000;
        border-radius: 5px;
        flex-direction: column;
        width: max-content;
        max-width: 900px;
    }
        
    .list table tbody tr td:nth-child(3) .detail .top {
    display: flex;
    justify-content: space-between;
    height: 50px;
    padding: 0 23px;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
    }

    .list table tbody tr td:nth-child(3) .detail .top span {
    color: #000;
    font-family: Pretendard;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    letter-spacing: -0.54px;
    }
    
    .list table tbody tr td:nth-child(3) .detail .top img {
    cursor: pointer;
    }

    .list table tbody tr td:nth-child(3) .detail .bottom {
    display: flex;
    flex-direction: column;
    height: auto;
    }

    .list table tbody tr td:nth-child(3) .detail .bottom .content {
    color: #464646;
    font-family: Pretendard;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    letter-spacing: -0.48px;
    max-height: 400px;
    overflow-y: auto;
    min-height: 500px;
    padding: 16px 23px;
    box-sizing: border-box;
    }

    .list table tbody tr td:nth-child(3) .detail .bottom .file {
        margin-top: 35px;
        border-top: 1px solid #E8E8E8;
        width: 100%;
        padding: 16px 23px;
        box-sizing: border-box;
    }

    .list table tbody tr td:nth-child(3) .detail .bottom .file span:first-child {
        color: #9898A5;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
    }

    .list table tbody tr td:nth-child(3) .detail .bottom .file span:nth-child(2) {
        color: #9898A5;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.42px;
        text-decoration-line: underline;
        cursor: pointer;
    }

    .scrollbar {
        float: left;
        overflow-y: scroll;
        margin-bottom: 25px;
        margin-top: 30px;
    }

    #style-1::-webkit-scrollbar {
        width: 18px;
        background-color: #fff;
    }

    #style-1::-webkit-scrollbar-thumb {
        border-radius: 15px;
        background-color: #E5E5E5;
        border: 5px solid #fff;
    }

    #style-1::-webkit-scrollbar-track {
        border-radius: 15px;
        background-color: #fff;
    }

    .pagination.mt0 {
        margin-top: 0;
    }

    .pagination {
        margin-top: 40px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    .pagination .btn {
        display: inline-block;
        margin: 0 2px;
        width: 40px;
        height: 40px;
        padding: 0 !important;
        border: 1px solid #ddd;
        color: #666 !important;
        font-family: 'Lato', sans-serif;
        font-size: 20px;
        font-weight: 500;
        line-height: 35px;
        vertical-align: middle;
    }
    .pagination .btn.next,
    .pagination .btn.prev {
        border-color: #fff;
        vertical-align: middle !important;
    }

    .pagination .btn img {
        /* width: 100%; */
        margin-top: 0;
        vertical-align: baseline;
    }

    .pagination .btn.current {
        color: #fff !important;
        border: 1px solid #333;
        background-color: #333;
        cursor: default;
    }

    .pagination .btn.prev {
        /* width: 45px; */
        /* border-color: #fff; */
        vertical-align: middle !important;
    }

    .pagination .btn.next {
        /* width: 45px; */
        /* border-color: #fff; */
        vertical-align: middle !important;
    }

    .pagination {
        margin-top: 40px;
        font-size: 0;
        line-height: 0;
        text-align: center;
    }

    .pagination .page-btn {
        display: inline-block;
        margin: 0 2px;
        width: 32px;
        height: 25px;
        padding: 0 !important;
        border: 1px solid #dfdfdf;
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        vertical-align: middle;
    }

    .pagination .page-btn img {
        width: 100%;
        margin-top: 0;
        vertical-align: baseline;
    }

    .pagination .page-btn.current {
        color: #fff !important;
        border-color: #000;
        background-color: #000;
        cursor: default;
    }

    .pagination .page-btn.prev {
        border-color: #fff;
        vertical-align: middle !important;
    }

    .pagination .page-btn.next {
        border-color: #fff;
        vertical-align: middle !important;
    }

    .notice table {
        width: 100%;
        table-layout: fixed;
      }
  
      .notice table thead tr th {
        color: var(--Color-, #6A6E83);
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 185.714% */
        letter-spacing: -0.28px;
      }
  
      .notice table tbody tr td {
          color: #000;
          font-family: Pretendard;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px; /* 186.667% */
          letter-spacing: -0.45px;
          text-align: center;
          padding: 10px 0;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
          cursor: pointer;
      }
  
      .notice table thead tr th,
      .notice table tbody tr td {
          border-right: 1px solid #E8E8E8;
      }
  
      .notice table thead tr th:nth-child(3),
      .notice table tbody tr td:nth-child(3) {
          border-right: 0;
      }
  
      .notice table thead tr th:first-child,
      .notice table tbody tr td:first-child {
          width: 10%;
      }

      .notice table thead tr th:nth-child(2),
      .notice table tbody tr td:nth-child(2) {
          width: 75%;
          padding: 10px 20px;
          box-sizing: border-box;
      }
  

      .notice table thead tr th:nth-child(3),
      .notice table tbody tr td:nth-child(3) {
          width: 15%;
      }
  
      .notice table tbody tr td:nth-child(2) {
          text-align: left;
      }
  
      .notice table thead tr th,
      .notice table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
      }

      .notice table tbody tr td.fixed span {
        color: #3F76E2;
        text-align: center;
        font-family: Pretendard;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: -0.36px;
        border-radius: 50px;
        border: 1px solid #3F76E2;
        background: #FFF;
        width: 45px;
        height: 25px;
        display: inline-block;
      }

      .notice table tbody tr td.fixed.pink span {
        color: #FF808B;
        text-align: center;
        font-family: Pretendard;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        letter-spacing: -0.36px;
        border-radius: 50px;
        border: 1px solid #FF808B;
        background: #FFF;
        width: 45px;
        height: 25px;
        display: inline-block;
      }
  
      .notice table thead tr th {
        border-top: 1px solid #E5E5E5;
        padding: 11px 0;
        background: #FAFAFA;
        height: 50px;
        color: #464646;
          text-align: center;
          font-family: Pretendard;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 28px; /* 200% */
          letter-spacing: -0.42px;
      }

      .notice.view {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
       }

    .notice.view table {
        width: 100%;
        table-layout: fixed;
      }
  
      .notice.view table thead tr th:first-child,
      .notice.view table thead tr td:first-child {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }
  
      .notice.view table thead tr th:nth-child(2) {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
      }
  
      .notice.view table thead tr th,
      .notice.view table tbody tr td {
          border-right: 1px solid #E8E8E8;
          text-overflow: unset;
          overflow: unset;
          white-space: unset;
      }
  
      .notice.view table thead tr th:nth-child(2),
      .notice.view table tbody tr td:nth-child(2) {
          border-right: 0;
      }

      .notice.view table tbody tr:last-child td:first-child {
        border-right: 0;
        padding: 50px 50px 200px;
        text-align: center;
      }
  
      .notice.view table thead tr th:first-child,
      .notice.view table tbody tr td:first-child {
          width: 10%;
      }

      .notice.view table thead tr th:nth-child(2),
      .notice.view table tbody tr td:nth-child(2) {
          width: 90%;
          padding: 10px 20px;
          box-sizing: border-box;
      }
  
      .notice.view table tbody tr td:nth-child(2) {
          text-align: left;
      }

      .notice.view table tbody tr.split td:first-child {
          width: 10%;
      }

      .notice.view table thead tr th,
      .notice.view table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
      }

      .btn-go-list {
        border-radius: 5px;
        background: #3F76E2;
        width: 132px;
        height: 50px;
        flex-shrink: 0;
        color: #FFF;
        text-align: center;
        font-family: Pretendard;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 175% */
        letter-spacing: -0.48px;
      }

    .recruit table {
        width: 100%;
        table-layout: fixed;
      }
  
      .recruit table thead tr th {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        background: #FAFAFA;
        border-top: 1px solid #E8E8E8;
      }

      .recruit table tbody tr td {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .recruit table thead tr td:first-child { 
        color: #666;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .recruit table tbody tr td:nth-child(4) {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .recruit table tbody tr td:nth-child(6) {
        color: #337AF7;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .recruit table tbody tr td.finish {
        color: #FF5F6C;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .recruit table tbody tr td span.on {
        width: 55px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #337AF7;
        color: #FFF;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        display: inline-block;
      }

      .recruit table tbody tr td span.end {
        color: #FFF;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        width: 55px;
        height: 28px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #D1D1D1;
        display: inline-block;
      }
  
      .recruit table thead tr th,
      .recruit table tbody tr td {
          border-right: 1px solid #E8E8E8;
          text-overflow: unset;
          overflow: unset;
          white-space: unset;
      }

      .recruit table thead tr th:first-child,
      .recruit table tbody tr td:first-child {
          border-left: 0;
          width: 7%;
      }
  
      .recruit table thead tr th:last-child,
      .recruit table tbody tr td:last-child {
          border-right: 0;
      }

      .recruit table thead tr th:nth-child(4),
      .recruit table tbody tr td:nth-child(4) {
          padding: 10px 20px;
          box-sizing: border-box;
          width: 33%;
      }

      .recruit table thead tr th:nth-child(2),
      .recruit table tbody tr td:nth-child(2) { 
        width: 6%
      }

      .recruit table thead tr th:nth-child(3),
      .recruit table tbody tr td:nth-child(3) { 
        width: 20%
      }

      .recruit table thead tr th:nth-child(5),
      .recruit table tbody tr td:nth-child(5) { 
        width: 16%;
      }

      .recruit table thead tr th:nth-child(6),
      .recruit table tbody tr td:nth-child(6) { 
        width: 8%;
      }

      .recruit table thead tr th:nth-child(7),
      .recruit table tbody tr td:nth-child(7) { 
        width: 8%;
      }

      .recruit table tbody tr td:nth-child(7) small {
        width: 68px;
        display: inline-block;
        font-size: 14px;
      }
  
      .recruit table thead tr th,
      .recruit table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
      }

      

      .recruit_manage table {
        width: 100%;
        table-layout: fixed;
      }
  
      .recruit_manage table thead tr th {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        background: #FAFAFA;
        border-top: 1px solid #E8E8E8;
      }

      .recruit_manage table tbody tr td {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .recruit_manage table thead tr td:first-child { 
        color: #666;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .recruit_manage table tbody tr td:nth-child(4) {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .recruit_manage table tbody tr td:nth-child(6) {
        color: #337AF7;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .recruit_manage table tbody tr td.finish {
        color: #FF5F6C;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .recruit_manage table tbody tr td.yet {
        color: #337AF7;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }

      .recruit_manage table tbody tr td.end {
        color: #FF5F6C;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }
  
      .recruit_manage table thead tr th,
      .recruit_manage table tbody tr td {
          border-right: 1px solid #E8E8E8;
          text-overflow: unset;
          overflow: unset;
          white-space: unset;
      }

      .recruit_manage table thead tr th:first-child,
      .recruit_manage table tbody tr td:first-child {
          border-left: 0;
          width: 7%;
      }
  
      .recruit_manage table thead tr th:last-child,
      .recruit_manage table tbody tr td:last-child {
          border-right: 0;
      }

      .recruit_manage table thead tr th:nth-child(4),
      .recruit_manage table tbody tr td:nth-child(4) {
          width: 18%;
      }

      .recruit_manage table thead tr th:nth-child(2),
      .recruit_manage table tbody tr td:nth-child(2) { 
        width: 14%
      }

      .recruit_manage table thead tr th:nth-child(3),
      .recruit_manage table tbody tr td:nth-child(3) { 
        width: 15%
      }

      .recruit_manage table thead tr th:nth-child(5),
      .recruit_manage table tbody tr td:nth-child(5) { 
        width: 16%;
      }

      .recruit_manage table thead tr th:nth-child(6),
      .recruit_manage table tbody tr td:nth-child(6) { 
        width: 13%;
      }

      .recruit_manage table thead tr th:nth-child(7),
      .recruit_manage table tbody tr td:nth-child(7) { 
        width: 14%;
      }

      .recruit_manage table thead tr th,
      .recruit_manage table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
        padding: 10px 0;
      }

      .recruit_manage table tbody tr td .delete {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        width: 55px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        display: inline-block;
        cursor: pointer;
      }

      .btn-register-notice {
        border-radius: 5px;
        background: #3F76E2;
        width: 160px;
        height: 50px;
        flex-shrink: 0;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    .btn-register-notice span {
        color: #FFF;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 175% */
        letter-spacing: -0.48px;
        margin-left: 8px;
    }

    .box-btn {
        display: flex;
        margin-top: 40px;
        width: 60%;
        justify-content: space-between;
    }

    .btn-modify {
        border-radius: 5px;
        background: #9898A5;
        width: 132px;
        height: 50px;
        color: #FFF;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.48px;
    }

    .btn-delete {
        color: #FFF;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: -0.48px;
        border-radius: 5px;
        background: #464646;
        width: 132px;
        height: 50px;
    }

    .txtInput::placeholder {
        color: #00000030;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
    }

    .info-qna table {
        width: 100%;
        table-layout: fixed;
      }
  
      .info-qna table thead tr th {
        color: var(--Color-, #6A6E83);
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 185.714% */
        letter-spacing: -0.28px;
      }
  
      .info-qna table tbody tr td {
          color: #000;
          font-family: Pretendard;
          font-size: 15px;
          font-style: normal;
          font-weight: 400;
          line-height: 28px; /* 186.667% */
          letter-spacing: -0.45px;
          text-align: center;
          padding: 10px 0;
          text-overflow: ellipsis;
          overflow: hidden;
          white-space: nowrap;
      }
  
      .info-qna table thead tr th,
      .info-qna table tbody tr td {
          border-right: 1px solid #E8E8E8;
      }

      .info-qna table tbody tr:hover {
        cursor: pointer;
        background-color: #3f76e205;
      }
  
      .info-qna table thead tr th:nth-child(4),
      .info-qna table tbody tr td:nth-child(4) {
          border-right: 0;
      }
  
      .info-qna table thead tr th:first-child,
      .info-qna table tbody tr td:first-child {
          width: 7%;
      }

      .info-qna table thead tr th:nth-child(3),
      .info-qna table tbody tr td:nth-child(3) {
          width: 70%;
          padding: 10px 20px;
          box-sizing: border-box;
      }
  

      .info-qna table thead tr th:nth-child(2),
      .info-qna table tbody tr td:nth-child(2) {
          width: 9%;
      }

      .info-qna table tbody tr td:nth-child(2) {
        color: #FF5F6C;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .info-qna table thead tr th:nth-child(4),
      .info-qna table tbody tr td:nth-child(4) {
          width: 13%;
      }
  
      .info-qna table tbody tr td:nth-child(3) {
          text-align: left;
      }
  
      .info-qna table thead tr th,
      .info-qna table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
      }

      .info-qna table tbody tr td .finish {
        color: #FFF;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        border-radius: 5px;
        background: #3F76E2;
        width: 75px;
        height: 28px;
        flex-shrink: 0;
        display: inline-block;
      }

      .info-qna table tbody tr td .default {
        color: #FFF;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        border-radius: 5px;
        background: #9A9A9A;
        width: 75px;
        height: 28px;
        flex-shrink: 0;
        display: inline-block;
      }
  
      .info-qna table thead tr th {
        border-top: 1px solid #E5E5E5;
        padding: 11px 0;
        background: #FAFAFA;
        height: 50px;
        color: #464646;
          text-align: center;
          font-family: Pretendard;
          font-size: 14px;
          font-style: normal;
          font-weight: 500;
          line-height: 28px; /* 200% */
          letter-spacing: -0.42px;
      }

 .info-qna.view {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
       }

    .info-qna.view table {
        width: 100%;
        table-layout: fixed;
      }
  
      .info-qna.view table tbody tr td:nth-child(2) {
        color: #666; 
    
    }

    .info-qna.view table tbody tr:hover {
        cursor: default;
        background-color: transparent;
    }

      .info-qna.view table thead tr th:first-child,
      .info-qna.view table thead tr td:first-child {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }
  
      .info-qna.view table thead tr th:nth-child(2) {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
      }
  
      .info-qna.view table thead tr th,
      .info-qna.view table tbody tr td {
          border-right: 1px solid #E8E8E8;
          text-overflow: unset;
          overflow: unset;
          white-space: unset;
      }
  
      .info-qna.view table thead tr th:nth-child(2),
      .info-qna.view table tbody tr td:nth-child(2) {
          border-right: 0;
      }

      .info-qna.view table tbody tr:nth-child(2) td:first-child {
        border-right: 0;
        padding: 50px 50px 200px;
        text-align: left;
        border-bottom: 0;
      }
  
      .info-qna.view table thead tr th:first-child,
      .info-qna.view table tbody tr td:first-child {
          width: 10%;
      }

      .info-qna.view table thead tr th:nth-child(2) {
          width: 65%;
          padding: 10px 20px;
          box-sizing: border-box;
          text-align: left;
      }
  
      .info-qna.view table tbody tr td:nth-child(2) {
          text-align: left;
          border-right: 1px solid #E5E5E5;
          width: 65%;
          padding: 10px 20px;
          box-sizing: border-box;
      }

      .info-qna table thead tr th:nth-child(3),
      .info-qna table thead tr th:nth-child(4),
      .info-qna table tbody tr td:nth-child(4) {
        border-right: 0;
      }

      .info-qna.view table tbody tr td:nth-child(3),
      .info-qna.view table thead tr th:nth-child(3) {
        width: 10%;
        text-align: center;
       }

      .info-qna.view table tbody tr td:nth-child(4),
      .info-qna.view table thead tr th:nth-child(4) {
        width: 15%;
        text-align: center;
       }
  
      .info-qna.view table thead tr th,
      .info-qna.view table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
      }

      .box-comment {
        padding: 29px 30px;
        box-sizing: border-box;
        border-radius: 3px;
        border-bottom: 1px solid #E8E8E8;
        background: #FAFAFA;
        width: 100%;
      }

      .box-comment ._writer { 
        margin-bottom: 30px;
        display: flex;
        align-items: center;
      }

      .box-comment ._writer span {
        color: #464646;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        letter-spacing: -0.48px;
        margin-left: 8px;
      }

      .box-comment p.comment {
        color: #464646;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.48px;
      }

      .box-comment textarea.comment {
        color: #464646;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.48px;
        width: 100%;
        border: 0;
        background-color: #fff;
        display: none;
        min-height: 165px;
        padding: 10px 15px;
      }

      .box-comment .date { 
        color: #666;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        margin-top: 6px;
        display: inline-block;
      }

      .box-comment .box-btn {
        margin-top: 20px;
        width: 100%;
        justify-content: flex-start;
    }

    .box-comment .box-btn button:first-child {
        margin-right: 5px;
    }

      .box-comment button {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        width: 55px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        display: inline-block;
      }

      .btn-file {
        margin-right: 20px;
      }

      #comment_file {
        display: none;
      }

      .btn-xs.type2 {
        border-radius: 3px;
        display: inline-block;
        height: 38px;
        padding: 0 15px;
        color: #333 !important;
        font-size: 15px;
        font-weight: 400;
        border-radius: 3px;
        box-sizing: border-box;
        outline: none;
        cursor: pointer;
        text-align: center;
        text-indent: 0 !important;
        text-decoration: none;
        line-height: 38px;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        background-color: #fff;
        transition: all 0.2s;
      }

      select {
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        }

    .box-select {
        position: relative;
        /* min-width: 135px; */
        display: inline-block;
        width: 110px;
    }

      .basic-select {
        border-radius: 3px;
        border: 1px solid #E9E9E9;
        background: #FFF;
        width: 100%;
        height: 36px;
        flex-shrink: 0;
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        outline: none;
        padding-left: 10px;
      }

      .basic-select option {
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        padding-left: 10px;
      }

      .box-select img {
        position: absolute;
        right: 10px;
        top: 14px;
      }

      textarea::placeholder {
        color: #00000030;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
      }

      .box-edu {
        display: flex;
        flex-wrap: wrap;
      }

      .box-edu ._each {
        margin-right: 20px;
        width: calc(100%/3 - 40px/3);
        margin-bottom: 40px;
      }

      .box-edu ._each:nth-child(3n) {
        margin-right: 0px;
      }

      .box-edu ._each p {
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        margin-right: 10px;
      }

    .box-my-holiday {
        margin-top: 35px;
        display: flex;
    }

    .box-my-holiday ._left, .box-my-holiday ._right {
        width: calc(100%/2 - 15px);
        height: 210px;
        border: 1px solid #D1D1D1;
    }

    .box-my-holiday ._left ._top, .box-my-holiday ._right ._top{ 
        border-bottom: 1px solid #D1D1D1;
        background: #FAFAFA;
        height: 50px;
        display: flex;
        align-items: center;
        padding-left: 23px;
        box-sizing: border-box;
    }

    .box-holiday-date {
        display: flex;
        height: 64px;
        border-bottom: 1px solid #E9E9E9;
        align-items: center;
        justify-content: space-between;
    }

    .box-holiday-date ._date {
        display: flex;
        align-items: center;
    }

    .box-holiday-date ._date span {
        color: #000;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 18px;
        margin-left: 10px;
    }

    .box-my-holiday ._right ._bottom {
        padding: 0 24px;
        box-sizing: border-box;
    }

    .box-my-holiday ._left ._top span, .box-my-holiday ._right ._top span{ 
        color: #000;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; /* 100% */
    }

    .box-my-holiday ._left ._bottom ._each {
        height: 52px;
        border-bottom: 1px solid #E9E9E9;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-right: 15px;
    }

    .box-my-holiday ._left ._bottom {
        padding: 0 24px;
    }

    .box-my-holiday ._left ._bottom ._each:nth-child(3) {
        border-bottom: 0;
    }

    .box-my-holiday ._left {
        margin-right: 30px;
    }

    .type-holiday {
        display: flex;
        align-items: center;
    }

    .type-holiday .box-checkbox {
        display: flex;
        align-items: center;
        margin-right: 25px;
    }

    .box-reason {
        display: flex;
        align-items: center;
        height: 96px;
    }

    .box-reason input {
        width: 270px;
        height: 50px;
        flex-shrink: 0; 
        border-radius: 3px;
        border: 1px solid #E9E9E9;
        background: #FFF;
        padding: 10px;
    }

    .box-reason button {
        margin-left: 10px;
        color: #FFF;
        font-family: "Noto Sans kr";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 175% */
        letter-spacing: -0.48px;
        width: 160px;
        height: 50px;
        flex-shrink: 0;
        border-radius: 5px;
        background: #3F76E2;
    }

    /*fullcallendar*/
    
    .fc-sat .fc-day-number {
        color: #3F76E2 !important;
    }

    .fc-sun .fc-day-number {
        color: #FF808B !important;
    }

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 0 !important;
        border-top: 1px solid #D1D1D1;
        border-right: 1px solid #D1D1D1;
        border-left: 1px solid #D1D1D1;
        background: #FAFAFA;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .fc-today-button {
        display: none;
    }

    .fc-icon-left-single-arrow:after {
        content: url('/resource/images/calendar-prev.png') !important;
        position: relative;
        top: 15% !important;
    }

    .fc-icon-right-single-arrow:after {
        content: url('/resource/images/calendar-next.png') !important;
        position: relative;
        top: 15% !important;
    }

    .fc-state-default {
        border: 0 !important;
        background-color: transparent !important;
        background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
        background-image: -o-linear-gradient(top, #fff, #e6e6e6);
        background-image: none !important;
        background-repeat: no-repeat !important;
        border-color: transparent !important;
        border-color: transparent !important;
        color: #333;
        text-shadow: none !important;
        box-shadow: none !important;
    }

    .fc button {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        height: 2.1em;
        padding: 0 1.0em !important;
        font-size: 1em;
        white-space: nowrap;
        cursor: pointer;
    }

    .fc-unthemed td.fc-today {
        background: #E6F4FF !important;
    }

    .fc-toolbar h2 {
        color: #000 !important;
        font-family: Inter !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 600 !important;
        line-height: 18px !important; /* 100% */
    }

    .box-holiday-list {
        display: flex;
        margin-top: 35px;
        flex-direction: column;
    }

    .box-holiday-list ._each {
        display: flex;
        flex-direction: column;
        margin-bottom: 34px;
    }
    
    .box-holiday-list ._each ._date {
        margin-bottom: 23px;
    }

    .box-holiday-list ._each ._date span {
        color: #000;
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 600;
        line-height: 18px; /* 100% */
    }

    .box-holiday-list ._each ul {
        border-left: 2px solid #D1D1D1;
        padding-left: 12px;
        padding-right: 30px;
        display: flex;
    }

    .box-holiday-list ._each ul li {
        color: #000;
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 36px; /* 331.25% */
        margin-bottom: 5px;
        position: relative;
        padding-left: 12px;
        margin-right: 20px;
    }

    .box-holiday-list ._each ul li:last-child {
        margin-right: 0;
    }

    .box-holiday-list ._each ul li.pink::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #FF808B;
        content: '';
    }

    .box-holiday-list ._each ul li.blue::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background-color: #3F76E2;
        content: '';
    }

    .box-tb-holiday table {
        width: 100%;
        table-layout: fixed;
      }

    .box-tb-holiday table thead tr th {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        background: #FAFAFA;
        border: 1px solid #EDEDED;
        padding: 14px 0px;
        vertical-align: middle;
    }

    .box-tb-holiday table thead tr th:first-child {
        border-left: 0;
    }

    .box-tb-holiday table thead tr th:last-child {
        border-right: 0;
    }

    .box-tb-holiday table thead tr th:first-child {
        width: 5%;
    }
    .box-tb-holiday table thead tr th:nth-child(2){
        width: 8%;
    }
    .box-tb-holiday table thead tr th:nth-child(3){
        width: 10%;
    }
    .box-tb-holiday table thead tr th:nth-child(4){
        width: 6%;
    }
    .box-tb-holiday table thead tr th:nth-child(5) {
        width: 6%;
    }

    .box-tb-holiday table thead tr:first-child th:nth-child(6) {
        width: 48%;
    }


    .box-tb-holiday table thead tr th:nth-child(18){
        width: 6%;
    }
    .box-tb-holiday table thead tr th:nth-child(19){
        width: 10%;
    }

    .box-tb-holiday table tbody tr td {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        border: 1px solid #EDEDED;
        padding: 14px 0px;
        vertical-align: middle;
    }

    .box-tb-holiday table tbody tr td:first-child {
        border-left: 0;
    }

    .box-tb-holiday table tbody tr td:last-child {
        border-right: 0;
    }

    .box-tb-holiday table tbody tr td.blue {
        color: #3F76E2;
    }

    .box-tb-holiday table tbody tr td.red {
        color: #FF808B;
    }

    .box-state-holiday {
        margin-top: 55px;
    }

    .box-state-holiday .top {
        margin-bottom: 22px;
        display: flex;
        justify-content: space-between;
    }

    .box-state-holiday .top select {
        width: 110px;
        height: 33px;
        flex-shrink: 0;
        fill: #FFF;
        border: 1px solid #EBEBEB;
        border-radius: 3px;
        padding: 0 10px;
        box-sizing: border-box;
        outline: none;
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 215.385% */
        letter-spacing: -0.39px;
    }
  
    .box-state-holiday table {
        width: 100%;
        table-layout: fixed;
    }

    .box-state-holiday table thead tr th {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        background: #FAFAFA;
        border: 1px solid #EDEDED;
        padding: 14px 0px;
        vertical-align: middle;
    }

    .box-state-holiday table thead tr th:first-child {
        border-left: 0;
    }

    .box-state-holiday table thead tr th:last-child {
        border-right: 0;
    }

    .box-state-holiday table tbody tr td {
        color: #000;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        border: 1px solid #EDEDED;
        padding: 14px 0px;
        vertical-align: middle;
    }

    .box-state-holiday table tbody tr td:first-child {
        border-left: 0;
    }

    .box-state-holiday table tbody tr td:last-child {
        border-right: 0;
    }

    .box-state-holiday table thead tr th:first-child {
        width: 12%;
    }
    .box-state-holiday table thead tr th:nth-child(2){
        width: 20%;
    }
    .box-state-holiday table thead tr th:nth-child(3){
        width: 10%;
    }
    .box-state-holiday table thead tr th:nth-child(4){
        width: 16%;
    }
    .box-state-holiday table thead tr th:nth-child(5) {
        width: 24%;
    }

    .box-state-holiday table thead tr th:nth-child(6) {
        width: 17%;
    }

    .box-state-holiday table tbody tr td button {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        width: 55px;
        height: 30px;
    }

    .box-state-holiday table tbody tr td button:first-child {
        margin-right: 3px;
    }

    .box-state-holiday table tbody tr td.finish {
        color: #FF5F6C;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
    }

    .box-select2 {
        position: relative;
    }

    .box-select2 .box-arrow {
        position: absolute;
        right: 0;
        width: 33px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 0;
        border-left: 1px solid #E8E8E8;
        pointer-events: none;
    }

    .box-date {
        position: relative;
        margin-right: 10px;
    }

    .box-time {
        position: relative;
        margin-right: 10px;
    }


    input[name="daterange"], input[name="daterange2"], .box-time select {
        border-radius: 3px;
        border: 1px solid #E9E9E9;
        background: #FFF;
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.45px;
        padding: 0 10px;
        outline: none;
    }

    .box-date {
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.45px;
        padding: 0 10px;
        outline: none;
        width: 135px;
    }

    .box-date input {
        width: 100%;
    }

    .box-time {
        display: flex;
        align-items: center;
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.45px;
        outline: none;
        position: relative;
    }

    .box-time img {
        position: absolute;
        right: 25px;
        top: 11px;
    }

    .box-time select {
        margin: 0 5px;
        width: 55px;
    }

    .box-date img {
        position: absolute;
        right: 17px;
        top: 5px;
    }

    .level_manage table {
        width: 100%;
        table-layout: fixed;
      }
  
      .level_manage table thead tr th {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
        background: #FAFAFA;
        border-top: 1px solid #E8E8E8;
      }

      .level_manage table tbody tr td {
        color: #000;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .level_manage table thead tr td:first-child { 
        color: #666;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
      }

      .level_manage table tbody tr td:nth-child(4) {
        color: #000;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }

      .level_manage table tbody tr td:nth-child(6) {
        color: #337AF7;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .level_manage table tbody tr td.finish {
        color: #FF5F6C;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 28px; /* 200% */
      }

      .level_manage table tbody tr td.yet {
        color: #337AF7;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }

      .level_manage table tbody tr td.end {
        color: #FF5F6C;
        text-align: center;
        font-family: Pretendard;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }
  
      .level_manage table thead tr th,
      .level_manage table tbody tr td {
          border-right: 1px solid #E8E8E8;
          text-overflow: unset;
          overflow: unset;
          white-space: unset;
      }

      .level_manage table thead tr th:first-child,
      .level_manage table tbody tr td:first-child {
          border-left: 0;
          width: 7%;
          vertical-align: middle;
      }

      .level_manage table tbody tr td:first-child .box-checkbox {
            margin-right: 0;
            justify-content: center;
      }
      .level_manage table tbody tr td:first-child input[type="checkbox"] + label {
        margin-right: 0;
      }
  
      .level_manage table thead tr th:last-child,
      .level_manage table tbody tr td:last-child {
          border-right: 0;
      }

      .level_manage table thead tr th:nth-child(4),
      .level_manage table tbody tr td:nth-child(4) {
          width: 26%;
      }

      .level_manage table thead tr th:nth-child(2),
      .level_manage table tbody tr td:nth-child(2) { 
        width: 16%
      }

      .level_manage table thead tr th:nth-child(3),
      .level_manage table tbody tr td:nth-child(3) { 
        width: 15%
      }

      .level_manage table thead tr th:nth-child(5),
      .level_manage table tbody tr td:nth-child(5) { 
        width: 20%;
      }

      .level_manage table thead tr th:nth-child(6),
      .level_manage table tbody tr td:nth-child(6) { 
        width: 13%;
      }

      .level_manage table tbody tr td:nth-child(6).yes {
        color: #337AF7;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }

      .level_manage table tbody tr td:nth-child(6).no {
        color: #FF5F6C;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
      }

      .level_manage table thead tr th,
      .level_manage table tbody tr td {
        border-bottom: 1px solid #E5E5E5;
        padding: 10px 0;
      }

      .level_manage table tbody tr td .delete {
        color: #464646;
        text-align: center;
        font-family: Pretendard;
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        width: 55px;
        height: 30px;
        flex-shrink: 0;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        display: inline-block;
        cursor: pointer;
      }

      .level-control {
        display: flex;
        margin-top: 30px;
      }

      .level-control button {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        width: 55px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
      }

      .level-control button+button {
        margin-left: 15px;
      }

    .accordion-container {
        width: 400px;
    }

    .accordion-item-add {
        display: flex;
        align-items: center;
        height: 50px;
        margin-bottom: 13px;
        justify-content: space-between;
        cursor: pointer;
    }

    .accordion-item-add span {
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 140% */
        letter-spacing: -0.6px;
    }
    
    .accordion-item {
        background-color: #fff;
    }
    
    .accordion-header {
        width: 100%;
        padding: 0px 20px;
        text-align: left;
        background-color: #fff;
        border: none;
        cursor: pointer;
        border-top: 1px solid #464646;
        height: 70px;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.6px;
        font-family: "Noto Sans kr";
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .accordion-header input {
        outline: none;
        border: 0;
        text-align: left;
    }

    .accordion-header img {
        transition: transform 0.3s ease; /* 회전 애니메이션을 부드럽게 적용 */
    }
    
    .accordion-header.active img {
        transform: rotate(180deg);  /* active 상태에서 이미지 회전 */
    }

    .accordion-header div {
        display: flex;
    }

    .accordion-header ._control {
        margin-left: 12px;
        display: flex;
        align-items: center;
    }

    .accordion-header ._control a {
        color: #9A9A9A;
        font-family: "Noto Sans kr";
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.36px;
    }

    .accordion-header ._control a:first-child {
        margin-right: 12px;
        position: relative;
    }

    .accordion-header ._control a:first-child::after {
        position: absolute;
        content: '';
        width: 1px;
        height: 13px;
        background-color: #9A9A9A;
        top: 3px;
        right: -6px;
    }
    
    /*
    .accordion-container .accordion-item:nth-child(2) .accordion-content {
        display: block;
    }
    */

    .accordion-container .accordion-item:last-child {
        border-bottom: 1px solid #464646;
    }
    
    .accordion-content {
        display: none;
        padding: 0px;
        background-color: #f4f4f4;
    }
    
    .accordion-content ul {
        list-style-type: none;
    }
    
    .accordion-content ul li {
        padding: 0px 20px;
        height: 70px;
        border-bottom: 1px solid #D1D1D1;
        line-height: 70px;
        color: #333;
        font-family: "Noto Sans kr";
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.54px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .accordion-content ul li.add img {
        width: 31px;
        height: 31px;
        cursor: pointer;
    }

    .accordion-content ul li .left {
        display: flex;
        align-items: center;
    }

    .accordion-content ul li .left input {
        outline: none;
        border: none;
    }

    .accordion-content ul li .left img {
        margin-right: 6px;
    }

    .accordion-content ul li .right {
        display: flex;
        align-items: center;
    }

    .accordion-content ul li .right a {
        cursor: pointer;
    }

    .accordion-content ul li .right a:first-child {
        margin-right: 24px;
        position: relative;
    }

    .accordion-content ul li .right a:first-child::after {
        position: absolute;
        content: '';
        width: 1px;
        height: 19px;
        background-color: #D1D1D1;
        top: 0;
        right: -12px;
    }
    
    .accordion-header.active + .accordion-content {
        display: block;
    }

    .enter-small-ctg {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.45px;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        width: 55px;
        height: 30px;
        margin-left: 10px;
    }

    .popup-ctg-add {
        position: absolute;
        border-radius: 10px;
        background: #FFF;
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
        width: 400px;
        height: auto;
        flex-shrink: 0;
        top: 38%;
        transform: translateY(-38%);
        left: 600px;
        padding: 25px 30px;
        box-sizing: border-box;
        display: none;
    }

    .popup-ctg-add h1 {
        color: #000;
        font-family: "Noto Sans kr";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px; /* 140% */
        letter-spacing: -0.6px;
    }

    .popup-ctg-add ._input {
        height: 118px;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin: 20px 0;
        padding: 20px 0 30px 0;
        box-sizing: border-box;
    }

    .popup-ctg-add ._input p {
        color: #464646;
        text-align: left;
        font-family: "Noto Sans kr";
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 200% */
        letter-spacing: -0.42px;
    }

    .popup-ctg-add ._input input {
        border-radius: 3px;
        border: 1px solid #E9E9E9;
        background: #FFF;
        width: 100%;
        height: 36px;
        font-size: 16px;
        color: #333;
        font-family: "Noto Sans kr";
        padding: 0 10px;
        margin-top: 5px;
    }

    .popup-ctg-add .box-btn {
        margin-top: 20px;
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .popup-ctg-add .box-btn button {
        color: #464646;
        text-align: center;
        font-family: "Noto Sans kr";
        font-size: 15px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 186.667% */
        letter-spacing: -0.45px;
        border-radius: 3px;
        border: 1px solid #E8E8E8;
        background: #FFF;
        width: 55px;
        height: 30px;
    }

    .popup-ctg-add .box-btn button:first-child {
        margin-right: 10px;
    }

    @media (max-width: 1400px) {
        .box-edu ._each {
            margin-right: 20px;
            width: calc(100% / 2 - 40px / 2);
            margin-bottom: 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .box-edu ._each:nth-child(3n) {
            margin-right: 20px;
        }
    }

  @media (max-width: 1150px) {
    body {
        max-width: 1150px;
        min-width: 280px;
        position: relative;
    }

    .list {
      box-sizing: border-box;
    }
    .list table {
      overflow-x: auto;
    }
    .scrollbar {
        overflow-x: scroll;
        margin-bottom: 25px;
        margin-top: 30px;
        overflow-y: unset;
        float: initial;
    }

    .box-edu ._each {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .btn-go-list, .btn-modify, .btn-delete {
        width: 100px;
      }
  }

@media (max-width: 1200px) { 
  .list table thead tr th:first-child, .list table tbody tr td:first-child {
    width: 100px;
  }

  #main .board .qna .box-part .part {
    width: 23%;
  }

  #main .board .qna .box-part .part:nth-child(4n) {
    margin-right: 0;
  }

  #main .board .qna .box-part .part:nth-child(6n) {
    margin-right: 2%;
  }

  .btn-register {
    width: 29%;
  }

  #main .board {
    width: calc(100% - 240px);
    position: relative;
    padding: 60px 40px;
  }

  .box-part .detail {
    display: none;
    position: fixed;
    top: 50%;
    min-width: 380px;
    min-height: 218px;
    height: auto;
    text-align: left;
    box-shadow: 2px 2px 5px #dddddd;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px;
    flex-direction: column;
    width: max-content;
    max-width: 600px;
    left: calc(50% - 120px);
    transform: translate(-50%, -50%);
}

  /*
  #main .board .qna .box-part .part:nth-child(4n+3) .detail, #main .board .qna .box-part .part:nth-child(4n) .detail {
    display: none;
    position: absolute;
    left: initial !important;
    right: 0 !important;
    top: 30%;
    min-width: 380px;
    min-height: 218px;
    height: auto;
    text-align: left;
    box-shadow: 2px 2px 5px #dddddd;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px;
    flex-direction: column;
    width: max-content;
    max-width: 600px;
}
.box-part .detail, #main .board .qna .box-part .part:nth-child(6n+5) .detail, #main .board .qna .box-part .part:nth-child(6n) .detail {
    display: none;
    position: absolute;
    left: 20px;
    top: 30%;
    transform: translateY(-30%);
    min-width: 380px;
    min-height: 218px;
    height: auto;
    text-align: left;
    box-shadow: 2px 2px 5px #dddddd;
    box-sizing: border-box;
    z-index: 100;
    border-radius: 5px;
    flex-direction: column;
    width: max-content;
    max-width: 600px;
}
    */

}

@media (max-width: 1100px) {
  #main .state .result {
    padding: 0 30px 40px 30px;
    display: flex;
    overflow: scroll;
    width: 100%;
    box-sizing: border-box;
    height: calc(100% - 180px);
    overflow-x: hidden;
    flex-direction: column;
  }

  #main .state .result .list.mr-30 {
      margin-right: 0;
      margin-bottom: 30px;
      min-width: 250px;
  }

  #main .state .result .list {
    width: 100%;
  }

}

@media (max-width: 860px) {
  #main .state .top h1 {
    color: var(--Color-, #1F1F1F);
    font-family: Pretendard;
    font-size: 22px;
  }
}


@media (max-width: 786px) {
  body {
    overflow-x: scroll;
    width: 768px !important;
  }
}