body {
    background-color: lightgray;
}

.fc-wh {
    color: white;
}

.fc-rbl {
    color: royalblue;
}

.fc-prm-bl {
    color: #0d6efd;
}

.fw-bd {
    font-weight: bold;
}


/* 폰트사이즈 영역 시작 */
.fsz-8 {
    font-size: 8px;
}

.fsz-9 {
    font-size: 9px;
}

.fsz-10 {
    font-size: 10px;
}

.fsz-11 {
    font-size: 11px;
}

.fsz-12 {
    font-size: 12px;
}

.fsz-13 {
    font-size: 13px;
}

.fsz-14 {
    font-size: 14px;
}

.fsz-15 {
    font-size: 15px;
}

.fsz-16 {
    font-size: 16px;
}

.fsz-18 {
    font-size: 18px;
}

.fsz-20 {
    font-size: 20px;
}

.fsz-35 {
    font-size: 35px;
}

.fsz-50 {
    font-size: 50px;
}

.fsz-55 {
    font-size: 55px;
}

.fsz-60 {
    font-size: 60px;
}

.fsz-65 {
    font-size: 65px;
}

.fsz-70 {
    font-size: 70px;
}
/* 폰트사이즈 영역 끝 */

.new {color:skyblue; padding-left:5px; font-style:italic;}

.blink {
    animation: blink 1.5s linear infinite;
}

@keyframes blink {
    0% { color:#00a0e9;}
    100% {color:#000; }
}

.blink-red {
    animation: blink 2.0s linear infinite;
}

@keyframes blink-red {
    0% { color:#e90053;}
    100% {color:#000; }
}

.best-repst {
    color: white;
    background-color: royalblue;
}

.layer {
    border: 1px solid lightgray;
    padding: 2px;
    z-index: 100;
    position: absolute;
    background-color: white;
}

.fw-bold {
    font-weight: bold;
}

.nick-st {
    cursor:pointer;
}

.link-st-line {
    cursor:pointer;
}

.link-st-line:hover {
    color: blue;
    text-decoration:underline;
}

.link-st {
    color: black;
    cursor:pointer;
    text-decoration: none;
}

.link-st:hover {
    color: blue;
}

.link-st:active {
    color: red;
}

.fc-bs-org {
    color:#333333
}

.fc-bl {
    color:black;
}

.fc-gr {
    color: gray;
}

.fc-lg {
    color: lightgray;
}

.fc-mg {
    color: #aaaaaa;
}

.fc-blue {
    color: blue
}

.fc-red {
    color: red
}

.fw-bold {
    font-weight: bold;
}

.hidden {
    display:none
}

.bg-rbl {
    background-color: royalblue;
    color: white;
}

.bg-bk {
    background-color: black;
    color: white;

}

.bg-mbk {
    background-color: #1a1a1a;
    color: white;
}

.bg-lbk {
    background-color: #262626;
    color: white;
}

.bg-lg {
    background-color: #dadada;
    color: black;
}

#content, #contents {
    font: 16px solid black;
}

.bdt-1sg {
    border-top: 1px solid lightgray;
}

.bdb-1sg {
    border-bottom: 1px solid lightgray;
}

.bdt-2sg {
    border-top: 2px solid lightgray;
}

.bdb-2sg {
    border-bottom: 2px solid lightgray;
}

.bdt-3sg {
    border-top: 3px solid lightgray;
}

.bdb-3sg {
    border-bottom: 3px solid lightgray;
}

.mglr-1per { margin-right: 1%; margin-left: 1%; }
.mglr-2per { margin-right: 2%; margin-left: 2%; }
.mglr-3per { margin-right: 3%; margin-left: 3%; }

.mglr-1 { margin-right: 1px; margin-left: 1px; }
.mglr-2 { margin-right: 2px; margin-left: 2px; }
.mglr-3 { margin-right: 3px; margin-left: 3px; }

.pd-1 { padding: 1px; }
.pd-2 { padding: 2px; }
.pd-3 { padding: 3px; }

.pdlr-3 { padding-left: 3px; padding-right: 3px; }
.pdlr-4 { padding-left: 4px; padding-right: 4px; }
.pdlr-5 { padding-left: 5px; padding-right: 5px; }

.pdtb-3 { padding-top: 3px; padding-bottom: 3px; }
.pdtb-4 { padding-top: 4px; padding-bottom: 4px; }
.pdtb-5 { padding-top: 5px; padding-bottom: 5px; }
.pdtb-6 { padding-top: 6px; padding-bottom: 6px; }
.pdtb-7 { padding-top: 7px; padding-bottom: 7px; }
.pdtb-8 { padding-top: 8px; padding-bottom: 8px; }
.pdtb-9 { padding-top: 9px; padding-bottom: 9px; }
.pdtb-10 { padding-top: 10px; padding-bottom: 10px; }