@charset "UTF-8";
.color-white {
  color: #ffffff !important;
}

.color-gray {
  /*color: !important;*/
}

.color-main-font {
  color: #f0f2f5;
}

.bg-main-font {
  background: #f0f2f5;
}

.bg-red50 {
  background-color: #fef6f7 !important;
}

.color-red50 {
  color: #fef6f7 !important;
}

.bg-red100 {
  background-color: #ffd1d4 !important;
}

.color-red100 {
  color: #ffd1d4 !important;
}

.bg-red200 {
  background-color: #ffbcbc !important;
}

.color-red200 {
  color: #ffbcbc !important;
}

.bg-red300 {
  background-color: #ff9696 !important;
}

.color-red300 {
  color: #ff9696 !important;
}

.bg-red400 {
  background-color: #ff7c7c !important;
}

.color-red400 {
  color: #ff7c7c !important;
}

.bg-red500 {
  background-color: #fa606d !important;
}

.color-red500 {
  color: #fa606d !important;
}

.bg-red600 {
  background-color: #fd4452 !important;
}

.color-red600 {
  color: #fd4452 !important;
}

.bg-red700 {
  background-color: #ed1438 !important;
}

.color-red700 {
  color: #ed1438 !important;
}

.bg-red800 {
  background-color: #d11938 !important;
}

.color-red800 {
  color: #d11938 !important;
}

.bg-red900 {
  background-color: #a12036 !important;
}

.color-red900 {
  color: #a12036 !important;
}

.bg-blue50 {
  background-color: #e3f5ff !important;
}

.color-blue50 {
  color: #e3f5ff !important;
}

.bg-blue100 {
  background-color: #c6eaff !important;
}

.color-blue100 {
  color: #c6eaff !important;
}

.bg-blue200 {
  background-color: #95d9ff !important;
}

.color-blue200 {
  color: #95d9ff !important;
}

.bg-blue300 {
  background-color: #5cc4ff !important;
}

.color-blue300 {
  color: #5cc4ff !important;
}

.bg-blue400 {
  background-color: #59a5ff !important;
}

.color-blue400 {
  color: #59a5ff !important;
}

.bg-blue500 {
  background-color: #3894fd !important;
}

.color-blue500 {
  color: #3894fd !important;
}

.bg-blue600 {
  background-color: #0075ff !important;
}

.color-blue600 {
  color: #0075ff !important;
}

.bg-blue700 {
  background-color: #305af8 !important;
}

.color-blue700 {
  color: #305af8 !important;
}

.bg-blue800 {
  background-color: #223fae !important;
}

.color-blue800 {
  color: #223fae !important;
}

.bg-blue900 {
  background-color: #1a3288 !important;
}

.color-blue900 {
  color: #1a3288 !important;
}

.bg-purple50 {
  background-color: #ebf4ff !important;
}

.color-purple50 {
  color: #ebf4ff !important;
}

.bg-purple100 {
  background-color: #d3dbf9 !important;
}

.color-purple100 {
  color: #d3dbf9 !important;
}

.bg-purple200 {
  background-color: #abb7f2 !important;
}

.color-purple200 {
  color: #abb7f2 !important;
}

.bg-purple300 {
  background-color: #95abfc !important;
}

.color-purple300 {
  color: #95abfc !important;
}

.bg-purple400 {
  background-color: #829cfb !important;
}

.color-purple400 {
  color: #829cfb !important;
}

.bg-purple500 {
  background-color: #7491ff !important;
}

.color-purple500 {
  color: #7491ff !important;
}

.bg-purple600 {
  background-color: #5271e6 !important;
}

.color-purple600 {
  color: #5271e6 !important;
}

.bg-purple700 {
  background-color: #5550df !important;
}

.color-purple700 {
  color: #5550df !important;
}

.bg-purple800 {
  background-color: #4440b2 !important;
}

.color-purple800 {
  color: #4440b2 !important;
}

.bg-purple900 {
  background-color: #36338e !important;
}

.color-purple900 {
  color: #36338e !important;
}

.bg-gold50 {
  background-color: #fff5da !important;
}

.color-gold50 {
  color: #fff5da !important;
}

.bg-gold100 {
  background-color: #ffe7ab !important;
}

.color-gold100 {
  color: #ffe7ab !important;
}

.bg-gold200 {
  background-color: #f2c140 !important;
}

.color-gold200 {
  color: #f2c140 !important;
}

.bg-gold300 {
  background-color: #e0a713 !important;
}

.color-gold300 {
  color: #e0a713 !important;
}

.bg-gold400 {
  background-color: #cf990d !important;
}

.color-gold400 {
  color: #cf990d !important;
}

.bg-gold500 {
  background-color: #d68b08 !important;
}

.color-gold500 {
  color: #d68b08 !important;
}

.bg-gold600 {
  background-color: #dd7d02 !important;
}

.color-gold600 {
  color: #dd7d02 !important;
}

.bg-gold700 {
  background-color: #bc6a02 !important;
}

.color-gold700 {
  color: #bc6a02 !important;
}

.bg-gold800 {
  background-color: #844b01 !important;
}

.color-gold800 {
  color: #844b01 !important;
}

.bg-gold900 {
  background-color: #583201 !important;
}

.color-gold900 {
  color: #583201 !important;
}

.bg-green50 {
  background-color: #e6fbf3 !important;
}

.color-green50 {
  color: #e6fbf3 !important;
}

.bg-green100 {
  background-color: #c3f6e2 !important;
}

.color-green100 {
  color: #c3f6e2 !important;
}

.bg-green200 {
  background-color: #86eec5 !important;
}

.color-green200 {
  color: #86eec5 !important;
}

.bg-green300 {
  background-color: #36e29f !important;
}

.color-green300 {
  color: #36e29f !important;
}

.bg-green400 {
  background-color: #31cb8f !important;
}

.color-green400 {
  color: #31cb8f !important;
}

.bg-green500 {
  background-color: #03af6c !important;
}

.color-green500 {
  color: #03af6c !important;
}

.bg-green600 {
  background-color: #03955c !important;
}

.color-green600 {
  color: #03955c !important;
}

.bg-green700 {
  background-color: #027a4c !important;
}

.color-green700 {
  color: #027a4c !important;
}

.bg-green800 {
  background-color: #02603b !important;
}

.color-green800 {
  color: #02603b !important;
}

.bg-green900 {
  background-color: #014f31 !important;
}

.color-green900 {
  color: #014f31 !important;
}

.bg-gray00 {
  background-color: #ffffff !important;
}

.color-gray00 {
  color: #ffffff !important;
}

.bg-gray01 {
  background-color: #f6f7f9 !important;
}

.color-gray01 {
  color: #f6f7f9 !important;
}

.bg-gray02 {
  background-color: #f0f2f5 !important;
}

.color-gray02 {
  color: #f0f2f5 !important;
}

.bg-gray03 {
  background-color: #edeff2 !important;
}

.color-gray03 {
  color: #edeff2 !important;
}

.bg-gray04 {
  background-color: #e9e9e9 !important;
}

.color-gray04 {
  color: #e9e9e9 !important;
}

.bg-gray05 {
  background-color: #dfe0e3 !important;
}

.color-gray05 {
  color: #dfe0e3 !important;
}

.bg-gray06 {
  background-color: #d5d7db !important;
}

.color-gray06 {
  color: #d5d7db !important;
}

.bg-gray07 {
  background-color: #bdbdbf !important;
}

.color-gray07 {
  color: #bdbdbf !important;
}

.bg-gray08 {
  background-color: #aaadb2 !important;
}

.color-gray08 {
  color: #aaadb2 !important;
}

.bg-gray09 {
  background-color: #80858b !important;
}

.color-gray09 {
  color: #80858b !important;
}

.bg-gray10 {
  background-color: #696e77 !important;
}

.color-gray10 {
  color: #696e77 !important;
}

.bg-gray11 {
  background-color: #2a2f38 !important;
}

.color-gray11 {
  color: #2a2f38 !important;
}

.bg-gray12 {
  background-color: #000714 !important;
}

.color-gray12 {
  color: #000714 !important;
}

.bg-main-font {
  background-color: #f0f2f5 !important;
}

.color-main-font {
  color: #f0f2f5 !important;
}

.bg-disable-font {
  background-color: #dfe0e3 !important;
}

.color-disable-font {
  color: #dfe0e3 !important;
}

.bg-primary {
  background-color: #ed1438 !important;
}

.color-primary {
  color: #ed1438 !important;
}

.bg-secondary-red {
  background-color: #ed1438 !important;
}

.color-secondary-red {
  color: #ed1438 !important;
}

.bg-secondary-darkred {
  background-color: #d11938 !important;
}

.color-secondary-darkred {
  color: #d11938 !important;
}

.bg-secondary-purple {
  background-color: #5271e6 !important;
}

.color-secondary-purple {
  color: #5271e6 !important;
}

.bg-secondary-blue {
  background-color: #0075ff !important;
}

.color-secondary-blue {
  color: #0075ff !important;
}

.bg-secondary-green {
  background-color: #03af6c !important;
}

.color-secondary-green {
  color: #03af6c !important;
}

.bg-secondary-gold {
  background-color: #cf990d !important;
}

.color-secondary-gold {
  color: #cf990d !important;
}

.bg-notice-fail {
  background-color: #ff2700 !important;
}

.color-notice-fail {
  color: #ff2700 !important;
}

.bg-notice-safe {
  background-color: #04b40a !important;
}

.color-notice-safe {
  color: #04b40a !important;
}

.bg-notice-warning {
  background-color: #ffaa00 !important;
}

.color-notice-warning {
  color: #ffaa00 !important;
}

/*
 * [D] 상태에 따른 컬러값
 *     ㄴ 정상     =>   status--level1 
 *     ㄴ 판금     =>   status--level2 
 *     ㄴ 교환     =>   status--level3 
 *     ㄴ 매우양호  =>   status--level4 
 *     ㄴ 양호     =>   status--level5
 *     ㄴ 확인필요  =>   status--level6 
 */
.status--level1 {
  font-weight: 600;
  color: #4295a5;
}

.status--level2 {
  font-weight: 600;
  color: #dd7d02;
}

.status--level3 {
  font-weight: 600;
  color: #f04452;
}

.status--level4 {
  font-weight: 600;
  color: #4295a5;
}

.status--level5 {
  font-weight: 600;
  color: #4295a5;
}

.status--level6 {
  font-weight: 600;
  color: #f04452;
}

.is-hidden {
  display: none !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.hidden-semantic {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@media (min-width: 1024px) {
  .bg-gradient01 {
    background: linear-gradient(to bottom, #ffffff 0px, #ffffff 455px, #f6f7f9 655px, #f6f7f9 100%);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .bg-gradient01 {
    background: linear-gradient(to bottom, #ffffff 0px, #ffffff 443px, #f6f7f9 643px, #f6f7f9 100%);
  }
}
@media (max-width: 767px) {
  .bg-gradient01 .detail-content {
    /*
    background: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0vw, #ffffff),
      color-stop(38.07vw, #ffffff),
      color-stop(64.15vw, #f6f7f9),
      to(#f6f7f9)
    );
    */
    background: linear-gradient(to bottom, #ffffff 0vw, #ffffff 38.07vw, #f6f7f9 64.15vw, #f6f7f9 100%);
  }
}

.text-list {
  display: -webkit-box;
  /*display: -ms-flexbox;*/
  display: flex;
  /*-ms-flex-wrap: wrap;*/
  flex-wrap: wrap;
}
.text-list > span {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.025em;
  color: #80858b;
}
.text-list > span:not(:last-of-type)::after {
  color: #d5d7db;
  content: '•';
}

.fw400 {
  font-weight: 400 !important;
}

.fw500 {
  font-weight: 500 !important;
}

.fw700 {
  font-weight: 700 !important;
}

.adm__guide__list--full,
.adm__guide__list--half,
.adm__guide__list {
  display: -webkit-box;
  /*display: -ms-flexbox;*/
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-direction: row;*/
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  /*-ms-flex-wrap: wrap;*/
  flex-wrap: wrap;
  -webkit-box-shadow: inset 0 0 0 1px #999;
  box-shadow: inset 0 0 0 1px #999;
}
.adm__guide__list--full > li,
.adm__guide__list--half > li,
.adm__guide__list > li {
  display: -webkit-box;
  /*display: -ms-flexbox;*/
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-direction: row;*/
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*-ms-flex-wrap: nowrap;*/
  flex-wrap: nowrap;
  width: 20%;
  padding: 1.4rem;
  -webkit-box-shadow: inset 0 -1px 0 0 #999;
  box-shadow: inset 0 -1px 0 0 #999;
}
.adm__guide__list--full > li:not(:first-of-type),
.adm__guide__list--half > li:not(:first-of-type),
.adm__guide__list > li:not(:first-of-type) {
  border-left: 1px solid #999;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

body {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.4;
  letter-spacing: -0.025em;
  color: #2a2f38;
}

h1 {
  margin-bottom: 20px;
}

a,
a:active,
a:focus,
a:visited {
  color: inherit;
  text-decoration: none;
  outline: none;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

th,
td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: left;
}

th {
  background: #f5f5f5;
}

td a.is-disabled {
  color: rgba(0, 0, 0, 0.6);
  pointer-events: none;
}

.done {
  color: green;
  font-weight: bold;
}

.notdone {
  color: red;
  font-weight: bold;
}

.controls {
  margin-bottom: 15px;
}

.controls label {
  margin-right: 15px;
  cursor: pointer;
}

.category-checkbox {
  margin-right: 10px;
}

.adm__guide__title {
  font-family: 'Pretendard', system-ui, sans-serif;
  font-weight: 700;
  font-size: 4rem;
  line-height: 1.4;
  letter-spacing: -0.025em;
  color: #000;
}
.adm__guide__title::before {
  margin-right: 1rem;
  content: '-';
}
.adm__guide__title ~ .adm__guide__title {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: 1px solid #999;
}
.adm__guide__section {
  margin-top: 2rem;
}
.adm__guide__section > ul + ul {
  margin-top: 1rem;
}
.adm__guide__list--half > li {
  width: 50%;
}
.adm__guide__list--full > li {
  width: 100%;
}
.adm__guide__list.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  /*-ms-flex-direction: column;*/
  flex-direction: column;
}
.adm__guide__list.column > li {
  width: 100%;
}
.adm__guide__list.column > li [class^='font-'] {
  text-transform: capitalize;
}
.adm__guide__box {
  display: -webkit-box;
  /*display: -ms-flexbox;*/
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-direction: row;*/
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /*-ms-flex-wrap: nowrap;*/
  flex-wrap: nowrap;
  width: 100%;
  height: 50px;
}