@charset "UTF-8";





#container {
    padding: 112px 0;
    background-color: #F2F4F6;
}

@media screen and (max-width: 1050px) {
    #container {
        padding: 55px 0;
        background-color: #F9FAFB;
    }
}





#auto_prepay_landing_wrap {
    width: 869px;
    margin: 0 auto;
    background-color: #FFF;
    padding: 80px 80px 109px;
    border-radius: 10px; box-sizing: border-box;
}

@media screen and (max-width: 1050px) {
    #auto_prepay_landing_wrap {
        width: auto;
        margin: 0;
        background-color: transparent;
        padding: 51px 26px;
        border-radius: 0;
    }
}





#auto_prepay_landing_wrap .wrap_section {
    margin-bottom: 94px;
}

#auto_prepay_landing_wrap .wrap_section:last-child {
    margin-bottom: 0;
}

#auto_prepay_landing_wrap .wrap_section .section_title_box {
    margin-bottom: 62px;
}

#auto_prepay_landing_wrap .wrap_section .section_title_box .section_title_text {
    color: #333333; font-size: 37px; font-weight: 700; letter-spacing: -0.37px;
    margin-bottom: 13px;
}

#auto_prepay_landing_wrap .wrap_section .section_title_box .section_title_sub_text {
    color: #000000; font-size: 20px; font-weight: 500; letter-spacing: -0.2px;
}

@media screen and (max-width: 1050px) {
    #auto_prepay_landing_wrap .wrap_section {
        margin-bottom: 173px;
    }

    #auto_prepay_landing_wrap .wrap_section:last-child {
        margin-bottom: 0;
    }

    #auto_prepay_landing_wrap .wrap_section .section_title_box .section_title_text {
        font-size: 27px; letter-spacing: -0.27px;
    }
}





#section_1 .mobile_star_img_box {
    display: none;
}

#section_1 .article_box {
    background: url('/img/auto_prepay/star_cover.png') 100% 50% no-repeat; background-size: 226px 233px;
    margin-bottom: 81px;
}

#section_1 .article_box .check_img_row {
    margin-bottom: 45px;
}

#section_1 .article_box .check_img_row:last-child {
    margin-bottom: 0;
}

#section_1 .article_box .check_img_row .row_title {
    color: #198BFB; font-size: 25px; font-weight: 700; letter-spacing: -0.25px;
    margin-bottom: 10px;
    padding-left: 30px;
    background: url('/img/auto_prepay/check_icon.png') 0 50% no-repeat; background-size: 20px;
}

#section_1 .article_box .check_img_row .row_text {
    color: #000000; font-size: 16px; font-weight: 500; letter-spacing: -0.16px;
    padding-left: 30px;
}

#section_1 .auto_prepay_request_page {
    display: flex; justify-content: center; align-items: center;
    width: 603px; height: 71px;
    margin: 0 auto;
    background-color: #29C4BE;
    border-radius: 12px; box-sizing: border-box;
    color: #FFFFFF; font-size: 22px; font-weight: 500; letter-spacing: 0.26px;
}

@media screen and (max-width: 1050px) {
    #section_1 .section_title_box {
        margin-bottom: 61px;
    }

    #section_1 .mobile_star_img_box {
        display: block;
        width: 150px;
        margin: 0 auto 55px;
    }

    #section_1 .mobile_star_img_box .star_img {
        display: block; width: 100%;
    }

    #section_1 .article_box {
        background: none;
        margin-bottom: 45px;
    }

    #section_1 .auto_prepay_request_page {
        width: 100%; height: 58px;
        border-radius: 4px;
        font-size: 17px; letter-spacing: 0.2px;
    }
}





#section_2 .article_box_wrap {
    display: flex; justify-content: space-between;
}

#section_2 .article_box_wrap .article_box {
    width: 225px;
    border-radius: 16px; box-sizing: border-box;
    background-color: #FFF;
    box-shadow: 0px 3px 13px rgba(0, 0, 0, 0.16);
    padding: 22px 20px 25px;
}

#section_2 .article_box_wrap .article_box .charactor_box {
    width: 73px;
    margin-bottom: 17px;
}

#section_2 .article_box_wrap .article_box .charactor_box .charactor_img {
    display: block;
    width: 100%;
}

#section_2 .article_box_wrap .article_box .article_name_wrap {
    display: flex;
    margin-bottom: 10px;
}

#section_2 .article_box_wrap .article_box .article_name_wrap .article_name {
    color: #000000; font-size: 16px; font-weight: 800; letter-spacing: -0.34px;
    padding-bottom: 10px;
    border-bottom: 1px solid #C1C1C1;
}

#section_2 .article_box_wrap .article_box .article_needs {
    color: #000000; font-size: 16px; font-weight: 500; letter-spacing: -0.16px;
}

@media screen and (max-width: 1050px) {
    #auto_prepay_landing_wrap #section_2 .section_title_box {
        margin-bottom: 34px;
    }

    #section_2 .article_box_wrap {
        display: block;
    }

    #section_2 .article_box_wrap .article_box {
        display: flex; justify-content: space-between;
        width: 100%;
        margin-bottom: 25px;
        padding: 21px 20px;
    }

    #section_2 .article_box_wrap .article_box:last-child {
        margin-bottom: 0;
    }

    #section_2 .article_box_wrap .article_box .charactor_box {
        display: flex; justify-content: center; align-items: center;
        width: 73px;
        margin: 0;
    }

    #section_2 .article_box_wrap .article_box .mobile_wrapper {
        width: calc(100% - 85px);
    }

    #section_2 .article_box_wrap .article_box .article_name_wrap {
        display: block;
    }
}





#section_3 .faq_list_wrap .faq_row {
    margin-bottom: 36px;
}

#section_3 .faq_list_wrap .faq_row:last-child {
    margin-bottom: 0;
}

#section_3 .faq_list_wrap .faq_row .faq_header {
    display: flex; align-items: center;
    margin-bottom: 18px;
    cursor: pointer;
}

#section_3 .faq_list_wrap .faq_row .faq_header .q_text {
    width: 34px;
    color: #C7C7C7; font-size: 20px; font-weight: 700; letter-spacing: -1px;
}

#section_3 .faq_list_wrap .faq_row .faq_header .header_text {
    color: #333333; font-size: 20px; font-weight: 600; letter-spacing: -0.6px;
}

#section_3 .faq_list_wrap .faq_row .faq_body {
    display: none;
    padding-left: 34px;
    color: #767676; font-size: 20px; font-weight: 400; letter-spacing: -0.6px;
    word-break: keep-all;
}

@media screen and (max-width: 1050px) {
    #section_3 .faq_list_wrap .faq_row .faq_header {
        margin-bottom: 22px;
    }

    #section_3 .faq_list_wrap .faq_row .faq_header .q_text {
        width: 26px;
    }

    #section_3 .faq_list_wrap .faq_row .faq_header .header_text {
        width: calc(100% - 26px);
    }

    #section_3 .faq_list_wrap .faq_row .faq_body {
        padding-left: 26px;
        font-size: 17px; letter-spacing: -0.51px;
    }
}