@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/variable/pretendardvariable-dynamic-subset.css");

/* 바디노트 기본 폰트 */

.nmt-1 {
   margin-top: 20px !important;
}

.FB-1 {
   font-weight: 100 !important;
}

.FB-2 {
   font-weight: 200 !important;
}

.FB-3 {
   font-weight: 300 !important;
}

.FB-4 {
   font-weight: 400 !important;
}

.FB-5 {
   font-weight: 500 !important;
}

.FB-6 {
   font-weight: 600 !important;
}

.FB-7 {
   font-weight: 700 !important;
}

.FB-8 {
   font-weight: 800 !important;
}
.FB-9 {
   font-weight: 900 !important;
}
.FS-0 {
   font-family: Pretendard Variable !important;
   /* font-size: min(1vh, 10px); */
   /* font-size: min(1.60257vw, 10px); */
   font-size: 10px;
   color: #000000;
}

.FS-1 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.19695vh, 11px); */
   /* font-size: min(1.76282vw, 11px); */
   font-size: 11px;
   color: #000000;
}

.FS-2 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.30577vh, 12px) !important; */
   /* font-size: min(1.92307vw, 12px); */
   font-size: 12px !important;
   color: #000000;
}

.FS-3 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.41458vh, 13px); */
   /* font-size: min(2.083327vw, 13px); */
   font-size: 13px;
   color: #000000;
}

.FS-4 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.5234vh, 14px); */
   /* font-size: min(2.243584vw, 14px); */
   font-size: 14px !important;
   color: #000000;
}

.FS-5 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.63221vh, 15px); */
   /* font-size: min(2.403841vw, 15px); */
   font-size: 15px;
   color: #000000;
}

.FS-6 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.74102vh, 16px); */
   /* font-size: min(2.24102vh, 16px); */
   /* font-size: min(2.564098vw, 16px); */
   font-size: 16px;
   color: #000000;
}

.FS-7 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.84984vh, 17px); */
   /* font-size: min(2.54984vh, 17px); */
   /* font-size: min(2.724355vw, 17px); */
   font-size: 17px;
   color: #000000;
}

.FS-8 {
   font-family: Pretendard Variable !important;
   /* font-size: min(1.95865vh, 18px); */
   /* font-size: min(3.95865vh, 18px); */
   /* font-size: min(2.75865vh, 18px); */
   /* font-size: min(2.884612vw, 18px); */
   font-size: 18px;
   color: #000000;
}

.FS-9 {
   font-family: Pretendard Variable !important;
   /* font-size: min(2.06747vh, 19px); */
   /* font-size: min(15.06747vh, 19px); */
   /* font-size: min(2.86747vh, 19px); */
   /* font-size: min(3.044869vw, 19px); */
   font-size: 19px;
   color: #000000;
}

.FS-10 {
   font-family: Pretendard Variable !important;
   /* font-size: min(2.17628vh, 20px); */
   /* font-size: min(15.17628vh, 20px); */
   /* font-size: min(2.97628vh, 20px); */
   /* font-size: min(3.205126vw, 20px); */
   font-size: 20px;
   color: #000000;
}
.FS-11 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.365383vw, 21px); */
   font-size: 21px;
   color: #000000;
}
.FS-12 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.52564vw, 22px); */
   font-size: 22px;
   color: #000000;
}
.FS-13 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.685897vw, 23px); */
   font-size: 23px;
   color: #000000;
}
.FS-14 {
   font-family: Pretendard Variable !important;
   /* font-size: min(3.846154vw, 24px); */
   font-size: 24px;
   color: #000000;
}
.FS-15 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.006411vw, 25px); */
   font-size: 25px;
   color: #000000;
}
.FS-16 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.166668vw, 26px); */
   font-size: 26px;
   color: #000000;
}
.FS-17 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.326925vw, 27px); */
   font-size: 27px;
   color: #000000;
}
.FS-18 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.487182vw, 28px); */
   font-size: 28px;
   color: #000000;
}
.FS-19 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.647439vw, 29px); */
   font-size: 29px;
   color: #000000;
}

.FS-20 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.807696vw, 30px); */
   font-size: 30px;
   color: #000000;
}

.FS-21 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.807696vw, 30px); */
   font-size: 31px;
   color: #000000;
}

.FS-22 {
   font-family: Pretendard Variable !important;
   /* font-size: min(4.807696vw, 30px); */
   font-size: 32px;
   color: #000000;
}

.CLR-RD {
   color: #ff0000 !important;
}

.CLR-BK {
   color: #000000 !important;
}

.CLR-WT {
   color: #ffffff !important;
}

/* 바디노트 기본 색 */
.CLR-BN-0 {
   color: #7966ff !important;
}

.CLR-BN-1 {
   color: #a259fe !important;
}

.CLR-BN-2 {
   color: #ebe9fa !important;
}

.CLR-BN-10 {
   color: #828282 !important;
}

.CLR-BN-11 {
   color: #4f4f4f !important;
}

.CLR-BN-12 {
   color: #999999 !important;
}

.CLR-BN-13 {
   color: #dddddd !important;
}

/* 배경 */
.CLRB-RD {
   background: #ff0000 !important;
}

.CLRB-BK {
   background: #000000 !important;
}

.CLRB-WT {
   background: #ffffff !important;
}

.CLRB-BN-2 {
   background: #ebe9fa !important;
}

.CLRB-BN-3 {
   background: #e9e9eb !important;
}

.CLRB-BN-10 {
   background: #828282 !important;
}

@media (min-width: 768px) {
   .BodinoteBoxTest {
      height: 450px;
   }
}

.text-danger {
   font-weight: 700;
   font-size: 14px;
   color: #ff0000 !important;
}

.text-success {
   font-weight: 700;
   font-size: 14px;
   color: #32954c !important;
}

@font-face {
   font-family: "TmonMonsori";
   src: url("https://cdn.jsdelivr.net/gh/wizfile/font/TmonMonsori.eot");
   src: url("https://cdn.jsdelivr.net/gh/wizfile/font/TmonMonsori.woff") format("woff");
   font-style: normal;
}