@charset "utf-8";

/* 마진 - 왼쪽 */
.ml0 { margin-left: 0rem; }
.ml5 { margin-left: 0.5rem; }
.ml10 { margin-left: 1rem; }
.ml15 { margin-left: 1.5rem; }
.ml20 { margin-left: 2rem; }
.ml25 { margin-left: 2.5rem; }
.ml30 { margin-left: 3rem; }
.ml35 { margin-left: 3.5rem; }
.ml40 { margin-left: 4rem; }
.ml45 { margin-left: 4.5rem; }
.ml50 { margin-left: 5rem; }
.ml55 { margin-left: 5.5rem; }
.ml60 { margin-left: 6rem; }
.ml65 { margin-left: 6.5rem; }
.ml70 { margin-left: 7rem; }
.ml75 { margin-left: 7.5rem; }
.ml80 { margin-left: 8rem; }
.ml85 { margin-left: 8.5rem; }
.ml90 { margin-left: 9rem; }
.ml95 { margin-left: 9.5rem; }
.ml100 { margin-left: 10rem; }
/* 마진 - 오른쪽 */
.mr0 { margin-right: 0rem; }
.mr5 { margin-right: 0.5rem; }
.mr10 { margin-right: 1rem; }
.mr15 { margin-right: 1.5rem; }
.mr20 { margin-right: 2rem; }
.mr25 { margin-right: 2.5rem; }
.mr30 { margin-right: 3rem; }
.mr35 { margin-right: 3.5rem; }
.mr40 { margin-right: 4rem; }
.mr45 { margin-right: 4.5rem; }
.mr50 { margin-right: 5rem; }
.mr55 { margin-right: 5.5rem; }
.mr60 { margin-right: 6rem; }
.mr65 { margin-right: 6.5rem; }
.mr70 { margin-right: 7rem; }
.mr75 { margin-right: 7.5rem; }
.mr80 { margin-right: 8rem; }
.mr85 { margin-right: 8.5rem; }
.mr90 { margin-right: 9rem; }
.mr95 { margin-right: 9.5rem; }
.mr100 { margin-right: 10rem; }
/* 마진 - 위쪽 */
.mt0 { margin-top: 0rem; }
.mt5 { margin-top: 0.5rem; }
.mt10 { margin-top: 1rem; }
.mt15 { margin-top: 1.5rem; }
.mt20 { margin-top: 2rem; }
.mt25 { margin-top: 2.5rem; }
.mt30 { margin-top: 3rem; }
.mt35 { margin-top: 3.5rem; }
.mt40 { margin-top: 4rem; }
.mt45 { margin-top: 4.5rem; }
.mt50 { margin-top: 5rem; }
.mt55 { margin-top: 5.5rem; }
.mt60 { margin-top: 6rem; }
.mt65 { margin-top: 6.5rem; }
.mt70 { margin-top: 7rem; }
.mt75 { margin-top: 7.5rem; }
.mt80 { margin-top: 8rem; }
.mt85 { margin-top: 8.5rem; }
.mt90 { margin-top: 9rem; }
.mt95 { margin-top: 9.5rem; }
.mt100 { margin-top: 10rem; }
/* 마진 - 아래쪽 */
.mb0 { margin-bottom: 0rem; }
.mb5 { margin-bottom: 0.5rem; }
.mb10 { margin-bottom: 1rem; }
.mb15 { margin-bottom: 1.5rem; }
.mb20 { margin-bottom: 2rem; }
.mb25 { margin-bottom: 2.5rem; }
.mb30 { margin-bottom: 3rem; }
.mb35 { margin-bottom: 3.5rem; }
.mb40 { margin-bottom: 4rem; }
.mb45 { margin-bottom: 4.5rem; }
.mb50 { margin-bottom: 5rem; }
.mb55 { margin-bottom: 5.5rem; }
.mb60 { margin-bottom: 6rem; }
.mb65 { margin-bottom: 6.5rem; }
.mb70 { margin-bottom: 7rem; }
.mb75 { margin-bottom: 7.5rem; }
.mb80 { margin-bottom: 8rem; }
.mb85 { margin-bottom: 8.5rem; }
.mb90 { margin-bottom: 9rem; }
.mb95 { margin-bottom: 9.5rem; }
.mb100 { margin-bottom: 10rem; }
/* 패딩 - 전체 */
.pd0 { padding: 0rem; }
.pd5 { padding: 0.5rem; }
.pd10 { padding: 1rem; }
.pd15 { padding: 1.5rem; }
.pd20 { padding: 2rem; }
.pd25 { padding: 2.5rem; }
.pd30 { padding: 3rem; }
.pd35 { padding: 3.5rem; }
.pd40 { padding: 4rem; }
.pd45 { padding: 4.5rem; }
.pd50 { padding: 5rem; }
.pd55 { padding: 5.5rem; }
.pd60 { padding: 6rem; }
.pd65 { padding: 6.5rem; }
.pd70 { padding: 7rem; }
.pd75 { padding: 7.5rem; }
.pd80 { padding: 8rem; }
.pd85 { padding: 8.5rem; }
.pd90 { padding: 9rem; }
.pd95 { padding: 9.5rem; }
.pd100 { padding: 10rem; }

/* 패딩 - 왼쪽 */
.pl0 { padding-left: 0rem; }
.pl5 { padding-left: 0.5rem; }
.pl10 { padding-left: 1rem; }
.pl15 { padding-left: 1.5rem; }
.pl20 { padding-left: 2rem; }
.pl25 { padding-left: 2.5rem; }
.pl30 { padding-left: 3rem; }
.pl35 { padding-left: 3.5rem; }
.pl40 { padding-left: 4rem; }
.pl45 { padding-left: 4.5rem; }
.pl50 { padding-left: 5rem; }
.pl55 { padding-left: 5.5rem; }
.pl60 { padding-left: 6rem; }
.pl65 { padding-left: 6.5rem; }
.pl70 { padding-left: 7rem; }
.pl75 { padding-left: 7.5rem; }
.pl80 { padding-left: 8rem; }
.pl85 { padding-left: 8.5rem; }
.pl90 { padding-left: 9rem; }
.pl95 { padding-left: 9.5rem; }
.pl100 { padding-left: 10rem; }
/* 패딩 - 오른쪽 */
.pr0 { padding-right: 0rem; }
.pr5 { padding-right: 0.5rem; }
.pr10 { padding-right: 1rem; }
.pr15 { padding-right: 1.5rem; }
.pr20 { padding-right: 2rem; }
.pr25 { padding-right: 2.5rem; }
.pr30 { padding-right: 3rem; }
.pr35 { padding-right: 3.5rem; }
.pr40 { padding-right: 4rem; }
.pr45 { padding-right: 4.5rem; }
.pr50 { padding-right: 5rem; }
.pr55 { padding-right: 5.5rem; }
.pr60 { padding-right: 6rem; }
.pr65 { padding-right: 6.5rem; }
.pr70 { padding-right: 7rem; }
.pr75 { padding-right: 7.5rem; }
.pr80 { padding-right: 8rem; }
.pr85 { padding-right: 8.5rem; }
.pr90 { padding-right: 9rem; }
.pr95 { padding-right: 9.5rem; }
.pr100 { padding-right: 10rem; }
/* 패딩 - 위쪽 */
.pt0 { padding-top: 0rem; }
.pt5 { padding-top: 0.5rem; }
.pt10 { padding-top: 1rem; }
.pt15 { padding-top: 1.5rem; }
.pt20 { padding-top: 2rem; }
.pt25 { padding-top: 2.5rem; }
.pt30 { padding-top: 3rem; }
.pt35 { padding-top: 3.5rem; }
.pt40 { padding-top: 4rem; }
.pt45 { padding-top: 4.5rem; }
.pt50 { padding-top: 5rem; }
.pt55 { padding-top: 5.5rem; }
.pt60 { padding-top: 6rem; }
.pt65 { padding-top: 6.5rem; }
.pt70 { padding-top: 7rem; }
.pt75 { padding-top: 7.5rem; }
.pt80 { padding-top: 8rem; }
.pt85 { padding-top: 8.5rem; }
.pt90 { padding-top: 9rem; }
.pt95 { padding-top: 9.5rem; }
.pt100 { padding-top: 10rem; }
/* 패딩 - 아래쪽 */
.pb0 { padding-bottom: 0rem; }
.pb5 { padding-bottom: 0.5rem; }
.pb10 { padding-bottom: 1rem; }
.pb15 { padding-bottom: 1.5rem; }
.pb20 { padding-bottom: 2rem; }
.pb25 { padding-bottom: 2.5rem; }
.pb30 { padding-bottom: 3rem; }
.pb35 { padding-bottom: 3.5rem; }
.pb40 { padding-bottom: 4rem; }
.pb45 { padding-bottom: 4.5rem; }
.pb50 { padding-bottom: 5rem; }
.pb55 { padding-bottom: 5.5rem; }
.pb60 { padding-bottom: 6rem; }
.pb65 { padding-bottom: 6.5rem; }
.pb70 { padding-bottom: 7rem; }
.pb75 { padding-bottom: 7.5rem; }
.pb80 { padding-bottom: 8rem; }
.pb85 { padding-bottom: 8.5rem; }
.pb90 { padding-bottom: 9rem; }
.pb95 { padding-bottom: 9.5rem; }
.pb100 { padding-bottom: 10rem; }

/* 너비 */
.w1200{
    width: 1200px;
    margin: 0 auto;
}


/* background-color */
.pink{
    /* background-color: var(--sky-pink); */
    color: var(--pink);
}

.green{
    /* background-color: var(--sky-green); */
    color: var(--green);
}

.orange{
    /* background-color: var(--sky-orange); */
    color: var(--orange);
}

.red{
    color: var(--red);
}

.dark-gray{
    color: var(--gray-dark);
}

.gray{
    color: var(--gray);
}

.blue{
    color: var(--blue);
}

.white{
    color: var(--white);
}


/* text 정렬 */
.text-lf {
    text-align: left;
}

.text-ct {
    text-align: center;
}

.text-rg {
    text-align: right;
}


/* 폰트 */
.fw-bold{
    font-weight: 700;
}

.point-font{
    font-family: "yungju";
}
.point-font2{
    font-family: "GmarketSans-M";
}


/* 기타 공용 */
.cursor {
    cursor: pointer;
}

.border-none{
    border: none;
}

.border{
    border: 1px solid var(--dark);
    border-radius: 0.5rem;
}

.border-top{
    border-top: 1px solid var(--sky-green);
}
.border-b{
    border-bottom: 1px solid var(--dark);
}

.border-r{
    border-right: 1px solid var(--sky-green);
}

.shortcuts{
    font-size: 1.4rem;
    font-weight: normal;
    color: var(--green);
}

.chart-wrap{
    width: 100%;
    height: 363px;
    border: 1px solid var(--dark);
    border-radius: 10px;
}

.overflow-y{
    overflow-y: auto;
}

.block{
    display: block;
}

.inline{
    display: inline;
}
.inline-block{
    display: inline-block;
}

.red-text{
    color: var(--red);
}

.err-border{
    border: 2px solid var(--red);
}

.radius{
    border-radius: 1rem;
}

.file-item{
    height: 4rem;
    line-height: 4rem;
}

.background{
    background-color: var(--sky-green);
}

.ellipsis {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }