@charset "utf-8";
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 100;
  src: local('Pretendard-Thin'), local('PretendardThin'), local('Pretendard-Thin.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Thin.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 200;
  src: local('Pretendard-ExtraLight'), local('PretendardExtraLight'), local('Pretendard-ExtraLight.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-ExtraLight.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 300;
  src: local('Pretendard-Light'), local('PretendardLight'), local('Pretendard-Light.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Light.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 400;
  src: local('Pretendard-Regular'), local('PretendardRegular'), local('Pretendard-Regular.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 500;
  src: local('Pretendard-Medium'), local('PretendardMedium'), local('Pretendard-Medium.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 600;
  src: local('Pretendard-SemiBold'), local('PretendardSemiBold'), local('Pretendard-SemiBold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-SemiBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 700;
  src: local('Pretendard-Bold'), local('PretendardBold'), local('Pretendard-Bold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 800;
  src: local('Pretendard-ExtraBold'), local('PretendardExtraBold'), local('Pretendard-ExtraBold.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-ExtraBold.woff2) format('woff2');
}
@font-face {
  font-family: 'Pretendard';
  font-style: normal;
  font-weight: 900;
  src: local('MinSans-Black'), local('PretendardBlack'), local('Pretendard-Black.subset'), local('PretendardVariable');
  src: url(../fonts/Pretendard-Black.woff2) format('woff2');
}
/* 기본 색상 변수에 담기 */
:root {
  --color-mainColor: #172B4D;
  --color-subColor01: #7764E4;
  --color-subColor02: #2DCE98;
  --color-subColor03: #F27E20;
  --color-subColor04: #F53C56;
}
html,body {font-family: 'Pretendard', sans-serif;font-size: 15px;font-weight: 400;line-height: 1.4;color: #333;word-break: break-word;}
button {font-family: 'Pretendard', sans-serif; color: #333;font-size: 15px;font-weight: 400;line-height: 1.4;word-break: break-word;}
input {font-family: 'Pretendard', sans-serif;font-size: 14px;font-weight: 400;line-height: 1.4;-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;border-radius:0;word-break: break-word;}
input::-webkit-inner-spin-button {-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}
label, select {font-family: 'Pretendard', sans-serif;font-size: 15px;font-weight: 400;line-height: 1.4;word-break: break-word;}
textarea {font-family: 'Pretendard', sans-serif;font-size: 15px;font-weight: 400;line-height: 1.4;-moz-appearance: none;-webkit-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;word-break: break-word;}
h1,h2,h3,h4,h5,h6,p,span,em,b{line-height: 1.4;word-break:  break-word;}
*::placeholder{color:#999;}
*::selection{background: var(--color-subColor01);color: #fff;}
*::-moz-selection{background: var(--color-subColor01);color: #fff;}
*::-webkit-selection{background: var(--color-subColor01);color: #fff;}
*::-ms-selection{background: var(--color-subColor01);color: #fff;}
*::-o-selection{background: var(--color-subColor01);color: #fff;}
