.hr-b-1 {
    border-bottom: 1px solid #1a1a1a;
    opacity: 100;
}

.hr-b-2 {
    border-bottom: 2px solid #1a1a1a;
    opacity: 100;
}

.hr-b-3 {
    border-bottom: 3px solid #1a1a1a;
    opacity: 100;
}

.w-90 {
    width: 90%;
}

.w-85 {
    width: 85%;
}

.w-80 {
    width: 80%;
}

.title-1 {
    font-size: 3.0rem;
    font-family: 'Pretendard';
    font-weight: 900;
}

.title-2 {
    font-size: 2.0rem;
    font-family: 'Pretendard';
    font-weight: 700;
}

.title-3 {
    font-size: 1.5rem;
    font-family: 'Pretendard';
    font-weight: 500;
}

.title-desc {
    color: #B8B8B8;
    font-size: 80%;
}

.title-desc ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.title-desc ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    font-family: 'Pretendard Light';
}

.title-desc ul li a {
    text-decoration: none;
    color: #B8B8B8 !important;
}

.title-desc ul li a:hover {
    text-decoration: underline;
}

.title-desc ul li:after {
    content: '|';
    margin: 0 0.45rem;
}

.title-desc ul li:last-child:after {
    content: '';
}

.bg-custom-dark {
    background: #1f1f1f;
    color: #fff;
}

.bg-custom-gray {
    background: #525252;
    color: #fff;
}

.bg-custom-darkgray {
    background: #343434;
    color: #fff;
}

.bg-custom-orange {
    background: #FF602A;
    color: #fff;
}

.bg-custom-blue {
    background: #0C70FF;
    color: #fff;
}

.bg-custom-highblue {
    background: #5C2AFF;
}

.text-transparent {
    color: transparent !important;
}

.text-keep {
    word-break: keep-all !important;
}

.notice-text {
    font-size: 1rem;
    font-weight: 500;
    color: #b8b8b8;
}