/*********************************/
/* 초기화 */
/*********************************/

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Pretendard';
  src: url('../font/Pretendard-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}


*{ box-sizing:border-box;margin:0; padding:0;}

body{  font-family: 'Pretendard'; font-weight: 400; line-height:1; }
ul, ol, li{ list-style:none; }
a{  font-family: 'Pretendard'; color:#000; text-decoration:none;  }
img, video{ vertical-align:middle; }
table{ border-collapse:collapse; }
input{ outline:0; }

textarea { font-family: 'Pretendard';}
select {cursor: pointer; font-family: 'Pretendard';}
caption { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
h1, h2, h3, h4, h5, h6, p, li, a {word-break: keep-all;}
textarea {outline: none;}
input, select, option, textarea {font-family: 'Pretendard';}
button {border: none; cursor: pointer;}

/* 스크린리더 전용 */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }

.flex {display: flex;}
.flex-between { display: flex; justify-content: space-between; align-items: center; }
.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-start { display: flex; justify-content: flex-start; align-items: center; }
.flex-end { display: flex; justify-content: end; align-items: center; }

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

.pointcolor {color: var(--point);}

/* 폰트 볼드처리 */
.bold {font-weight: 700 !important;}

/* 첨부파일 커스텀 */
.filebox {display: flex; align-items: center; gap: 10px;}
.file-input {position: absolute; left: -9999px;}
.file-label {display: inline-flex; align-items: center; justify-content: center; width: auto; height: 40px; padding: 0 20px; background: #333; color: #fff; font-size: clamp(12px, calc(14 / var(--inner2) * 100vw), 14px); font-weight: 500; cursor: pointer; transition: 0.2s;}
.file-name {display: flex; align-items: center; width: 345px; height: 40px; padding: 0 20px; border: 1px solid #ccc; background: #fff; font-size: clamp(12px, calc(14 / var(--inner2) * 100vw), 14px); color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; min-width: 0;}
.file-delete {    display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 40px;
  padding: 0 20px;
  background: var(--point);
  color: #fff;
  font-size: clamp(12px, calc(14 / var(--inner2) * 100vw), 14px);
  font-weight: 500;
  cursor: pointer;
  transition: 0.2s;}

@media screen and (max-width:768px) {
  .filebox {flex-direction: column;}
  .file-label {width: 100%;}
  .file-delete {width: 100%;}
}


input[type="radio"]:checked {accent-color: var(--point2);}
select {border: none; -o-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/ico_select.png) calc(100% - 10px) center no-repeat; background-size: 8px; outline: none;}

input[type="date"]::-webkit-calendar-picker-indicator {opacity: 0; cursor: pointer;}
input[type="date"]::-webkit-inner-spin-button {display: none;}

input[type="date"] {background: url(../img/ico_date.png) no-repeat right 20px center;}