/* color root */
:root {
    --main-color: #F04E06;
    --main-color-10: #F76626;
    --main-color-20: #FFC4A9;
    --white: #FFFFFF;
    --white-10: #E1E1E1;
    --white-20: #DDDDDD;
    --white-30: #BBBBBB;
    --white-40: #AAAAAA;
    --black: #000000;
    --black-10: #191F28;
    --black-20: #333333;
    --black-25: #555555;
    --black-30: #888888; 
}


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

/* page p1 */
.page.p1 .text-box h1 {
    font-family: 'Paperlogy-8ExtraBold';
    font-weight: 800;
    font-size: 68px;
    line-height: 160%;
    color: var(--black-20);
}
.page.p1 .text-box span {
    color: var(--main-color);
}
.page.p1 .text-box a span {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: var(--white);
}


/* page p2 */
.page.p2 .text-box h2 {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 32px;
    line-height: 140%;
    color: var(--main-color);
}
.page.p2 .text-box h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 50px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-top: 30px;
}
.page.p2 .text-box h3 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 48px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-top: 210px;
}
.page.p2 .text-box h3 p1 {
    color: #F04E06ee;
}
.page.p2 .text-box h3 p2 {
    color: #F04E06cc;
}
.page.p2 .text-box > span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 23px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-25);
    display: block;
    margin-top: 30px;
}
/* page p2 mobile */
.page_mobile.p2 .text-box h2 {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 22px;
    line-height: 140%;
    color: var(--main-color);
}
.page_mobile.p2 .text-box h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
    margin-top: 15px;
}
.page_mobile.p2 .text-box h3 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    margin-top: 30px;
}
.page_mobile.p2 .text-box h3 p1 {
    color: #F04E06aa;
}
.page_mobile.p2 .text-box h3 p2 {
    color: #F04E0655;
}
.page_mobile.p2 .text-box > span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-25);
    display: block;
    margin-top: 15px;
}

/* page p3 */
.page.p3 .text-box h2 {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 32px;
    line-height: 140%;
    color: var(--main-color);
}
.page.p3 .text-box h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 50px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
    margin-top: 30px;
}
.page.p3 .text-box span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 23px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-25);
    display: block;
    margin-top: 30px;
    text-align: center;
}

/* page p4 */
.page.p4 h2 {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 32px;
    line-height: 140%;
    color: var(--main-color);
}
.page.p4 .text-box h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 50px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
    margin-top: 30px;
}
.page.p4 .text-box span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 23px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    display: block;
    margin-top: 150px;
}
.page.p4 .text-box span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 23px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-25);
    display: block;
}
.page.p4 .text-box.t1 span {
    margin-top: 150px;
}
.page.p4 .text-box.t2 span {
    text-align: end;
    margin-top: 72px;
}
/* page p4 mobile */
.page_mobile.p4 h2 {
    font-family: 'Pretendard';
    font-weight: 800;
    font-size: 22px;
    line-height: 140%;
    color: var(--main-color);
}
.page_mobile.p4 .text-box h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 34px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
    margin-top: 15px;
}
.page_mobile.p4 .text-box span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-20);
    display: block;
    margin-top: 10px;
    text-align: center;
}

/* page p5 */
.page.p5 h1 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 50px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
}
.page.p5 .contents .content.c1 h2 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--black-10);
}
.page.p5 .contents .content.c1 h2 p1 {
    color: var(--white-20);
}
.page.p5 .contents .content.c1 h2 p2 {
    color: var(--white-40);
}
.page.p5 .contents .content.c1 h2 p3 {
    color: var(--black-30);
}
.page.p5 .contents .content.c2 h2 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 38px;
    line-height: 130%;
    letter-spacing: -0.02em;
    color: var(--white);
}
.page.p5 .contents .content.c2 span {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--main-color-20);
    display: block;
    margin-top: 16px;
}

/* page p6 */
.page.p6 .text-box .b-text {
    font-family: 'Paperlogy-8ExtraBold';
    font-weight: 700;
    font-size: 72px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: rgba(25, 31, 40, 0.1);
}
.page.p6 .contents .content h2 {
    font-family: 'Pretendard';
    font-weight: 700;
    font-size: 38px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--white);
    margin-top: 305px;
}
.page.p6 .contents .content h2 > span {
    font-size: 32px;
    color: #e9e9e9;
}
.page.p6 .contents .content span {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: var(--white-20);
    margin-top: 30px;
}
.page.p6 .contents .content a {
    font-family: 'Pretendard';
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--white);
}

/* page p7 */
.page.p7 .text-box .b1 {
    font-family: 'Paperlogy-8ExtraBold';
    font-weight: 700;
    font-size: 56px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--black-10);
}
.page.p7 .text-box .b2 {
    font-family: 'Paperlogy-8ExtraBold';
    font-weight: 700;
    font-size: 72px;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #003B8C;
}
.page.p7 .content .download-box a {
    font-family: 'Pretendard';
    font-weight: 600;
    font-size: 24px;
    line-height: 140%;
    letter-spacing: -0.015em;
    color: var(--white);
    white-space: nowrap;
    margin-top: 20px;
}


/* footer */
.footer .contents-box .text-box .list {
    font-family: "Pretendard";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: var(--white-30);
}
.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: var(--white-30);
}

/* application */
.application h3 {
    font-family: "Pretendard";
    font-size: 24px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.04em;
    color: #696969;
}
.application .text-box .inquiry span {
    font-family: "Pretendard";
    font-size: 22px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.02em;
    color: var(--main-color);
}
.application a {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 600;
    line-height: 160%;
    letter-spacing: -0.04em;
    color: var(--white);
}
/* application_mobile_popup */
.application_mobile_popup .text h2 {
    font-family: "Pretendard";
    font-size: 32px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.015em;
    color: var(--main-color);
}
.application_mobile_popup .tel {
    font-family: "Pretendard";
    font-size: 34px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: 0.02em;
    color: #696969;
}
.application_mobile_popup .btn {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
    letter-spacing: -0.04em;
    color: var(--white);
}

/* pos_down_popup */
.pos_down_popup h1 {
    font-family: "Pretendard";
    font-size: 24px;
    font-weight: 600;
    line-height: 150%;
    letter-spacing: -0.02em;
    color: #212427;
    margin-bottom: 14px;
}
.pos_down_popup span {
    font-family: "Pretendard";
    font-size: 20px;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.02em;
    color: #646970;
    margin-bottom: 5px;
}
.pos_down_popup h2 {
    font-family: "Pretendard";
    font-size: 32px;
    font-weight: 700;
    line-height: 150%;
    margin-bottom: 24px;
    color: #F04E06;
}
.pos_down_popup button {
    font-family: "Pretendard";
    font-size: 18px;
    font-weight: 700;
    background-color: white;
    border: 1px solid #B5B9BC;
    border-radius: 6px;
    transition: all 0.3s;
    color: #414549;
}
.pos_down_popup button:hover {
    background-color: #F04E06;
    border: 1px solid #F04E06;
    color: white;
}