/* font */
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Pre';
  src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}
/* //font */

:root {
  --pr: #40798C;
  --prver2: #70a9a1;
  --pr2: #1F363D;
  --pr3: #40798c;
  --wt: #fff;
  --black_12: #121212;
  --yellow: #FFAB1E;
  --gray_77: #777777;
  --gray_a0: #a0a0a0;
  --gray_cf: #cfcfcf;
  --gray_e: #eee;
  --red: #FF4141;
}

input,button,textarea,select,th,td {font-family: 'Pre';}

body {font-family: 'Pre'; overflow-x: hidden;}
section {min-height: calc(100vh - 285px); overflow-x: hidden;}
.container {max-width: 1480px; width: 100%; height: auto; margin: 0 auto; box-sizing: border-box;}

/* box model */
.d-flex {display: flex;}
.d-block {width: 100%;}
.d-flow {display: flex; flex-flow: column; gap: 20px;}
.new_box {margin-top: 12px; margin-bottom: 20px;}
.new_box:last-of-type {margin-bottom: 0;}
.d-center {display: flex; align-items: center; justify-content: center; gap: 8px;}

/* color bg */
.pr {background: var(--pr) !important; color: var(--wt) !important;}
.pr_b {background: var(--wt) !important; color: var(--pr) !important; border: 1px solid var(--pr) !important; box-sizing: border-box !important;}

/* txt-color */
.color-pr {color: var(--pr) !important;}
.color-failed {color: var(--red) !important;}
.color-under_way {color: var(--gray_a0) !important;}

/* input-flie */
.input-file {position: relative;}
.input-file .file-txt {}
.input-file input[type="file"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0;}

.dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  z-index: 1;
}