/* font */
/* topbar font */
.top-bar .contents .login {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 16px;
    color: var(--brand-01);
}

/* main-1 */
/* side-bar */
.side-bar .banner h1 {
    font-family: 'TheJamsil5Bold';
    font-size: 30px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: 0.04em;
    color: white;
}
.mobile-side-bar .side-top .login-btn {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 16px;
    color: var(--brand-01);
}
.side-bar input::placeholder,
.mobile-side-bar input::placeholder {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 300;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #c7c7c7;
}
.side-bar > ul > li > a, 
.mobile-side-bar > ul > li > a {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #444;
    display: flex;
    align-items: center;
}
.side-bar > ul > li.active > a,
.mobile-side-bar > ul > li.active > a {
    color: var(--white-10);
    /* background-color: var(--brand-02); */
    background-image: url(../img/guide_page/side-bar-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.2s;
    border-radius: 0;
}
.side-bar > ul > li:hover > a,
.mobile-side-bar > ul > li:hover > a {
    /* background-color: var(--brand-02); */
    background-image: url(../img/guide_page/side-bar-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.2s;
}
.side-bar > ul > li:hover > a span,
.mobile-side-bar > ul > li:hover > a span {
    color: var(--white-10);
    /* background-color: var(--brand-02); */
    background-image: url(../img/guide_page/side-bar-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 0.01s;
}
.side-bar > ul > li > ul > li > a,
.mobile-side-bar > ul > li > ul > li > a {
    font-family: "Pretendard";
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #555;
}
.side-bar > ul > li > ul > li.active > a,
.mobile-side-bar > ul > li > ul > li.active > a {
    font-weight: 700;
    letter-spacing: 0.00em;
    transition: all 0.2s;
    color: var(--brand-03);
}
.side-bar > ul:last-child > li > ul > li.active > a {
    border-radius: 0 0 8px 8px;
}
.side-bar > ul > li > ul > li:hover > a,
.mobile-side-bar > ul > li > ul > li:hover > a {
    font-weight: 700;
    letter-spacing: 0.00em;
    transition: all 0.2s;
    color: var(--brand-03);
}
/* contents-box */
.main-1 .contents-box .content .title > h1 {
    font-family: "Pretendard";
    font-size: 32px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02em;
    color: var(--brand-02);
    margin-bottom: 20px;
}
.main-1 .contents-box .content .title span {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: var(--black-20);
}
.main-1 .contents-box .content .list > h1 {
    font-family: "Pretendard";
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    display: inline-block;
}
.main-1 .contents-box .content .list h2 {
    font-family: "Pretendard";
    font-size: 22px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--white-10);
    display: inline-block;
    padding: 0 40px;
    background-color: var(--brand-01);
    margin-bottom: 20px;
}
.main-1 .contents-box .content .list h3 {
    font-family: "Pretendard";
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-30);
    margin-bottom: 8px;
}
.main-1 .contents-box .content .list h4 {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-30);
    margin-bottom: 8px;
}
.main-1 .contents-box .content .list h5 {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-30);  
}
.main-1 .contents-box .content .list span {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: var(--black-30);
}
.main-1 .contents-box .content .list .span span{
    font-family: "Pretendard";
    font-size: 16px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: var(--black-30);
}
.main-1 .contents-box .content .list .span h1 {
    font-weight: 600;
    font-family: "Pretendard";
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: -0.02em;
    color: var(--black-30);
}
.main-1 .contents-box .content .list p {
    font-family: "Pretendard";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: var(--red-10);
    margin-top: 8px;
    margin-bottom: 32px;
}
/* inquiry-banner */ 
.inquiry-banner .text-box h1 {
    font-family: 'TheJamsil5Bold';
    font-size: 28px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: white;
}
.inquiry-banner .text-box span {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #E9E9E9;
    margin-top: 12px;
}
/* inquiry-banner-max */ 
.inquiry-banner-max .text-box h1 {
    font-family: 'TheJamsil5Bold';
    font-size: 24px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: white;
}
.inquiry-banner-max .text-box span {
    font-family: "Pretendard";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.04em;
    color: #E9E9E9;
    margin-top: 12px;
}
/* footer */
.footer .contents-box .text-box .list {
    font-family: "Pretendard";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #bbb;
}
.footer .contents-box .text-box .list p1 {
    font-weight: 600;
}
.footer .contents-box ul > li > a {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #bbb;
}

/* main_page */
.main-page .text-box h1 {
    font-family: 'TheJamsil5Bold';
    font-size: 56px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-bottom: 8px;
}
.main-page .text-box h2 {
    font-family: 'TheJamsil5Bold';
    font-size: 46px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-bottom: 16px;
}
.main-page .text-box p1 {
    color: var(--main-01);
}
.main-page .constent-1 .input::placeholder {
    font-family: "Pretendard";
    font-size: 24px;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #c7c7c7;
}
.main-page .constent-1 .content-boxs .box h2 {
    font-family: "Pretendard";
    font-size: 36px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    margin-bottom: 10px;
}
.main-page .constent-1 .content-boxs .box.s1 h2 {
    color: var(--gray-02);
}
.main-page .constent-1 .content-boxs .box.s2 h2 {
    color: var(--white-10);
}
.main-page .constent-1 .content-boxs .box span {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.03em;
}
.main-page .constent-1 .content-boxs .box.s1 span {
    color: var(--gray-03);
}

.main-page .constent-1 .content-boxs .box.s2 span {
    color: var(--gray-04);
}
/* list */
.main-page .constent-2 .content-list .list span {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #555;
}

.main-page .constent-2-mobile h1 {
    font-family: 'TheJamsil5Bold';
    font-size: 52px;
    font-weight: 500;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-bottom: 24px;
}
.main-page .constent-2-mobile h1 p1 {
    color: var(--brand-01);
}