@charset "UTF-8";

/* SUB SETTING */
#new_sc {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .sc_area {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .sc_con {
    width: 100%;
    height: auto;
    position: relative;
}

#new_sc .sc_cont {
    width: 100%;
    height: auto;
    position: relative;
    padding: 80px 0;
}

#new_sc .sc_cont .sc_size {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

@media all and (max-width: 1441px) {
    #new_sc .sc_cont {
        padding: 80px 30px;
    }
}

@media all and (max-width: 1025px) {
    #new_sc .sc_cont {
        padding: 60px 30px;
    }
}

@media all and (max-width: 481px) {
    #new_sc .sc_cont {
        padding: 40px 15px;
    }
}

/* SUB SETTING END */

/* DASH SECTION SETTING */
#new_sc.dashsc_wrap {
    height: auto;
    min-height: -webkit-calc(100vh - 80px);
    min-height: -moz-calc(100vh - 80px);
    min-height: calc(100vh - 80px);
    background-color: #f9fafb;
}

#new_sc.dashsc_wrap.flex_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#new_sc.emailsc_wrap {
    height: auto;
    min-height: 100vh;
    background-color: #f0f5ff;
}

#new_sc.dashsc_wrap .sc_area,
#new_sc.dashsc_wrap .sc_con,
#new_sc.dashsc_wrap .sc_cont {
    height: 100%;
}

#new_sc.dashsc_wrap .sc_cont {
    padding: 80px 0 80px;
}

#new_sc.emailsc_wrap .sc_cont {
    padding: 60px 0 60px;
}

#new_sc.dashsc_wrap .sc_size {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media all and (max-width: 1441px) {
    #new_sc.dashsc_wrap .sc_cont {
        padding: 30px 30px 40px;
    }

    #new_sc.emailsc_wrap .sc_cont {
        padding: 30px 30px 40px;
    }
}

@media all and (max-width: 481px) {
    #new_sc.dashsc_wrap .sc_cont {
        padding: 30px 15px 40px;
    }

    #new_sc.emailsc_wrap .sc_cont {
        padding: 30px 15px 40px;
    }
}

/* DASH SECTION SETTING END */

/* ABOUT INFO */
.about_info {
    width: 100%;
    height: auto;
    position: relative;
}

.about_info .about_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.about_info .about_txtbox .about_badge {
    display: inline-block;
    background: #f0f9ff;
    color: #0369a1;
    padding: 8px 16px;
    border-radius: 5rem;
    font-size: 0.9375rem;
    font-weight: 400;
    border: 1px solid #bfdbfe;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 24px;
}

.about_info .about_txtbox > h1 {
    font-family: 'Inter', sans-serif;
    font-size: 3.125rem;
    font-weight: 900;
    color: #1e293b;
    margin-bottom: 20px;
    line-height: 1.2;
}

.about_info .about_txtbox > p {
    font-size: 1.25rem;
    font-weight: 200;
    color: #6b7280;
    letter-spacing: 0px;
    line-height: 1.6;
}

@media all and (max-width: 1025px) {
    .about_info .about_txtbox > h1 {
        font-size: 2.5rem;
    }

    .about_info .about_txtbox > p {
        font-size: 1rem;
    }
}

@media all and (max-width: 885px) {
    .about_info .about_txtbox > h1 {
        font-size: 2.125rem;
    }

    .about_info .about_txtbox > h1 > br {
        display: none;
    }

    .about_info .about_txtbox > p {
        font-size: 0.9375rem;
    }

    .about_info .about_txtbox > p > br {
        display: none;
    }
}

@media all and (max-width: 481px) {
    .about_info .about_txtbox .about_badge {
        font-size: 0.8125rem;
    }

    .about_info .about_txtbox > h1 {
        font-size: 1.5rem;
    }

    .about_info .about_txtbox > p {
        font-size: 0.8125rem;
    }
}

/* ABOUT INFO END */

/* ABOUT CONTENTS */
#ABOUT_CONT {
    background-color: #f9fafb;
    border-top: 1px solid #d1e7f0;
}

.about_cont {
    width: 100%;
    height: auto;
    position: relative;
}

.about_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 80px;
}

.about_item:last-of-type {
    margin-bottom: 0;
}

.about_item .about_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.about_item .about_tit > h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.75rem;
    font-weight: 700;
    line-height: 1;
    color: #1e293b;
}

.about_item .about_tit > p {
    font-size: 1.125rem;
    font-weight: 400;
    color: #1e293b;
    letter-spacing: 0px;
    line-height: 1.4;
    margin-top: 14px;
}

.about_item .about_contbox {
    width: 100%;
    height: auto;
    position: relative;
}

.about_item .about_contbox .about_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.about_item .about_contbox .about_txt > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 15px;
}

.about_item .about_contbox .about_txt > p > span {
    font-weight: 400;
    color: #1e293b;
}

.about_item .about_contbox .about_txt > p:last-of-type {
    margin-bottom: 0;
}

.about_item .about_subp {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.about_item .about_subp > p,
.about_item .about_subp > p > a {
    font-size: 0.875rem;
    font-weight: 300;
    color: #1e293b;
    line-height: 1.4;
    letter-spacing: 0;
}

.about_item .about_subp > p > a {
    font-weight: 500;
    color: #093899;
}

.about_item .about_subp > p > a:hover {
    text-decoration: underline;
}

@media all and (max-width: 1025px) {
    .about_item {
        margin-bottom: 60px;
    }

    .about_item .about_tit > h3 {
        font-size: 1.5rem;
    }

    .about_item .about_tit > p {
        font-size: 1rem;
    }

    .about_item .about_contbox .about_txt > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    .about_item .about_tit > p {
        font-size: 0.9375rem;
    }

    .about_item .about_subp > p,
    .about_item .about_subp > p > a {
        font-size: 0.8125rem;
    }
}

@media all and (max-width: 481px) {
    .about_item {
        margin-bottom: 40px;
    }

    .about_item .about_tit {
        margin-bottom: 15px;
    }

    .about_item .about_tit > h3 {
        font-size: 1.25rem;
    }

    .about_item .about_tit > p {
        font-size: 0.8125rem;
        margin-top: 10px;
    }

    .about_item .about_contbox .about_txt > p {
        font-size: 0.8125rem;
        margin-bottom: 10px;
    }

    .about_item .about_subp {
        margin-top: 10px;
    }

    .about_item .about_subp > p,
    .about_item .about_subp > p > a {
        font-size: 0.6875rem;
    }
}

/* ABOUT CONTENTS END */

/* ABOUT ENTRERP */
.about_enterp {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.about_enterp .enterp_item {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid #d1e7f0;
    padding: 25px;
}

.about_enterp .enterp_item .enterp_logo {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}

.about_enterp .enterp_item .enterp_logo > span {
    display: block;
    width: auto;
    height: 40px;
    position: relative;
    background-position: left center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.about_enterp .enterp_item .enterp_logo > span.lg_logo {
    background-image: url(../img/lg_logo.svg);
}

.about_enterp .enterp_item .enterp_logo > span.koreanair_logo {
    background-image: url(../img/koreanair_logo.svg);
}

.about_enterp .enterp_item .enterp_info {
    width: 100%;
    height: auto;
    position: relative;
}

.about_enterp .enterp_item .enterp_info .enterp_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.about_enterp .enterp_item .enterp_info .enterp_txtbox > h5 {
    font-size: 1rem;
    font-weight: 300;
    color: #2563eb;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.about_enterp .enterp_item .enterp_info .enterp_txtbox > h4 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    color: #1e293b;
    margin-bottom: 15px;
}

.about_enterp .enterp_item .enterp_info .enterp_txtbox > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox {
    width: 100%;
    height: auto;
    position: relative;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 15px;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item:last-of-type {
    margin-bottom: 0;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_icon {
    width: 20px;
    height: 20px;
    position: relative;
    top: 4px;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt {
    width: -webkit-calc((100% - 8px) - 20px);
    width: -moz-calc((100% - 8px) - 20px);
    width: calc((100% - 8px) - 20px);
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 10px;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_th {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #1e293b;
    line-height: 1.2;
    padding: 4px 10px;
    background-color: #f9fafb;
    border: 1px solid #e7e7e7;
    border-radius: 4px;
}

.about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_td {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1.2;
    position: relative;
    padding: 4px 0;
}

@media all and (max-width: 1025px) {
    .about_enterp {
        gap: 20px;
    }

    .about_enterp .enterp_item {
        padding: 20px;
    }

    .about_enterp .enterp_item .enterp_logo {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .about_enterp .enterp_item .enterp_logo > span {
        height: 30px;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h5 {
        font-size: 0.9375rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h4 {
        font-size: 1.125rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    .about_enterp {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h5 {
        font-size: 0.875rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h4 {
        font-size: 1rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_th,
    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_td {
        font-size: 0.875rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_icon {
        width: 18px;
        height: 18px;
    }
}

@media all and (max-width: 481px) {
    .about_enterp .enterp_item {
        padding: 15px;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox {
        margin-bottom: 20px;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h5 {
        font-size: 0.8125rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > h4 {
        font-size: 0.9375rem;
        margin-bottom: 10px;
    }

    .about_enterp .enterp_item .enterp_info .enterp_txtbox > p {
        font-size: 0.8125rem;
    }

    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item {
        gap: 6px;
    }

    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_th,
    .about_enterp .enterp_item .enterp_info .enterp_checkbox .check_item .check_txt .check_td {
        font-size: 0.8125rem;
    }
}

/* ABOUT ENTRERP END */

/* ABOUT STEP */
.about_step {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.about_step .step_item {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
}

.about_step .step_item .step_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.about_step .step_item .step_txt .step_icon {
    width: 50px;
    height: 50px;
    background-color: #eff6ff;
    border: 1px solid #2465ea;
    border-radius: 5rem;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.about_step .step_item .step_txt .step_icon > span {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
}

.about_step .step_item .step_txt > h4 {
    font-family: 'Inter', sans-serif;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 6px;
}

.about_step .step_item .step_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1025px) {
    .about_step {
        gap: 20px;
    }

    .about_step .step_item .step_txt .step_icon {
        width: 40px;
        height: 40px;
    }

    .about_step .step_item .step_txt .step_icon > span {
        width: 24px;
        height: 24px;
    }
}

@media all and (max-width: 885px) {
    .about_step {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about_step .step_item {
        width: -webkit-calc((100% - 20px) / 2);
        width: -moz-calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2);
    }

    .about_step .step_item .step_txt > h4 {
        font-size: 1rem;
    }
}

@media all and (max-width: 481px) {
    .about_step .step_item {
        width: 100%;
    }

    .about_step .step_item .step_txt > h4 {
        font-size: 0.9375rem;
    }

    .about_step .step_item .step_txt > p {
        font-size: 0.8125rem;
    }
}

/* ABOUT STEP END */

/* ABOUT WHERE */
.about_where {
    width: 100%;
    height: auto;
    position: relative;
}

.about_where .where_listbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
}

.about_where .where_listbox .where_item {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #fff;
    border-radius: 4px;
    padding: 20px;
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
}

.about_where .where_listbox .where_item .where_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.about_where .where_listbox .where_item .where_info > h5 {
    font-size: 1rem;
    font-weight: 300;
    color: #2563eb;
    line-height: 1;
    letter-spacing: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.about_where .where_listbox .where_item .where_info > h4 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    color: #1e293b;
    margin-bottom: 15px;
}

.about_where .where_listbox .where_item .where_info > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
}

.about_where .where_listbox .where_item .where_info > p > span {
    display: block;
    width: 18px;
    height: 18px;
    position: relative;
    background-color: #2465ea;
    border-radius: 5rem;
    top: 2px;
}

.about_where .where_listbox .where_item > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1025px) {
    .about_where .where_listbox {
        gap: 20px;
    }

    .about_where .where_listbox .where_item .where_info > h5 {
        font-size: 0.9375rem;
    }

    .about_where .where_listbox .where_item .where_info > h4 {
        font-size: 1.125rem;
    }

    .about_where .where_listbox .where_item > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    .about_where .where_listbox .where_item .where_info > h5 {
        font-size: 0.875rem;
    }

    .about_where .where_listbox .where_item .where_info > h4 {
        font-size: 1rem;
    }
}

@media all and (max-width: 481px) {
    .about_where .where_listbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .about_where .where_listbox .where_item {
        width: 100%;
    }

    .about_where .where_listbox .where_item .where_info {
        margin-bottom: 10px;
    }

    .about_where .where_listbox .where_item .where_info > h5 {
        font-size: 0.8125rem;
    }

    .about_where .where_listbox .where_item .where_info > h4 {
        font-size: 0.9375rem;
        margin-bottom: 6px;
    }

    .about_where .where_listbox .where_item .where_info > p {
        font-size: 0.8125rem;
    }

    .about_where .where_listbox .where_item > p {
        font-size: 0.8125rem;
    }
}

/* ABOUT WHERE END */

/* ABOUT PLACE */
.about_item .place_listbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
}

.about_item .place_listbox .place_item {
    width: -webkit-calc((100% - 60px) / 3);
    width: -moz-calc((100% - 60px) / 3);
    width: calc((100% - 60px) / 3);
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #fff;
    border-radius: 4px;
    padding: 25px;
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
}

.about_item .place_listbox .place_item .place_stat {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 300;
    background-color: #00a85a;
    color: #fff;
    padding: 4px 15px 4px 30px;
    border-radius: 5rem;
    position: relative;
}

.about_item .place_listbox .place_item .place_stat.target_stat {
    background-color: #fbbf24;
}

.about_item .place_listbox .place_item .place_stat.plan_stat {
    background-color: #2465ea;
}

.about_item .place_listbox .place_item .place_stat::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}

.about_item .place_listbox .place_item .place_txtbox {
    margin-top: 20px;
    width: 100%;
    height: auto;
    position: relative;
}

.about_item .place_listbox .place_item .place_txtbox > h5 {
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1e293b;
    margin-bottom: 10px;
    line-height: 1;
}

.about_item .place_listbox .place_item .place_txtbox > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1025px) {
    .about_item .place_listbox {
        gap: 20px;
    }

    .about_item .place_listbox .place_item {
        width: -webkit-calc((100% - 40px) / 3);
        width: -moz-calc((100% - 40px) / 3);
        width: calc((100% - 40px) / 3);
    }

    .about_item .place_listbox .place_item .place_txtbox > h5 {
        font-size: 1.125rem;
    }

    .about_item .place_listbox .place_item .place_txtbox > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    .about_item .place_listbox .place_item {
        width: -webkit-calc((100% - 20px) / 2);
        width: -moz-calc((100% - 20px) / 2);
        width: calc((100% - 20px) / 2);
        padding: 20px;
    }

    .about_item .place_listbox .place_item .place_stat {
        font-size: 0.875rem;
    }

    .about_item .place_listbox .place_item .place_txtbox > h5 {
        font-size: 1rem;
    }
}

@media all and (max-width: 481px) {
    .about_item .place_listbox .place_item {
        width: 100%;
    }

    .about_item .place_listbox .place_item .place_stat {
        font-size: 0.8125rem;
    }

    .about_item .place_listbox .place_item .place_txtbox > h5 {
        font-size: 0.9375rem;
        margin-bottom: 6px;
    }

    .about_item .place_listbox .place_item .place_txtbox > p {
        font-size: 0.8125rem;
    }
}

/* ABOUT PLACE END */

/* ABOUT REDYTO */
.about_item .redyto_box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 60px 30px;
    background: -webkit-linear-gradient(315deg, #2563eb 0%, #06b6d4 100%);
    background: -moz-linear-gradient(315deg, #2563eb 0%, #06b6d4 100%);
    background: -o-linear-gradient(315deg, #2563eb 0%, #06b6d4 100%);
    background: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);
    border-radius: 4px;
    text-align: center;
}

.about_item .redyto_box > h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.875rem;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    margin-bottom: 15px;
}

.about_item .redyto_box > p {
    font-size: 1rem;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0;
    line-height: 1.4;
    word-break: keep-all;
}

.about_item .redyto_box .redyto_btn {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    margin-top: 30px;
}

.about_item .redyto_box .redyto_btn > a {
    font-family: 'Inter', sans-serif;
    display: block;
    width: auto;
    height: auto;
    position: relative;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 500;
    top: 0;
    -webkit-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    background-color: #fff;
    color: #2465ea;
}

@media all and (max-width: 1025px) {
    .about_item .redyto_box > h3 {
        font-size: 1.5rem;
    }

    .about_item .redyto_box > p {
        font-size: 0.9375rem;
    }

    .about_item .redyto_box .redyto_btn > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    .about_item .redyto_box {
        padding: 30px 20px;
    }

    .about_item .redyto_box > h3 {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 481px) {
    .about_item .redyto_box > h3 {
        font-size: 1rem;
    }

    .about_item .redyto_box > p {
        font-size: 0.8125rem;
    }

    .about_item .redyto_box .redyto_btn > a {
        font-size: 0.8125rem;
    }
}

/* ABOUT REDYTO END */

/* INVIT CONT */
.invit_cont {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
}

.invit_cont .invit_info {
    width: 550px;
    height: auto;
    position: relative;
}

.invit_cont .invit_info .invit_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

.invit_cont .invit_info .invit_txtbox > h5 {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 300;
    background-color: #00a85a;
    color: #fff;
    padding: 4px 15px 4px 30px;
    border-radius: 5rem;
    position: relative;
    background-color: #2465ea;
    margin-bottom: 20px;
}

.invit_cont .invit_info .invit_txtbox > h5::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}

.invit_cont .invit_info .invit_txtbox > h2 {
    font-size: 1.875rem;
    font-weight: 800;
    color: #06121d;
    line-height: 1.2;
    margin-bottom: 10px;
}

.invit_cont .invit_info .invit_txtbox > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

.invit_cont .invit_info .invit_txtbox > p > span {
    font-weight: 400;
    color: #06121d;
}

.invit_cont .invit_info .invit_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.invit_cont .invit_info .invit_listbox .invit_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 25px;
}

.invit_cont .invit_info .invit_listbox .invit_item:last-of-type {
    margin-bottom: 0;
}

.invit_cont .invit_info .invit_listbox .invit_item .invit_th {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 6px;
}

.invit_cont .invit_info .invit_listbox .invit_item .invit_th > span {
    width: 24px;
    height: 24px;
    position: relative;
}

.invit_cont .invit_info .invit_listbox .invit_item .invit_th > p {
    width: -webkit-calc((100% - 8px) - 24px);
    width: -moz-calc((100% - 8px) - 24px);
    width: calc((100% - 8px) - 24px);
    font-size: 1.125rem;
    font-weight: 300;
    color: #2465ea;
    line-height: 1.2;
    position: relative;
    word-break: keep-all;
}

.invit_cont .invit_info .invit_listbox .invit_item > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
    padding-left: 32px;
}

.invit_cont .invit_info .invit_listbox .invit_item > p > a {
    font-size: 0.9375rem;
    color: #2465ea;
}

.invit_cont .invit_info .invit_listbox .invit_item > p > a:hover {
    text-decoration: underline;
}

.invit_cont .invit_formbox {
    width: -webkit-calc((100% - 40px) - 550px);
    width: -moz-calc((100% - 40px) - 550px);
    width: calc((100% - 40px) - 550px);
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 30px;
}

.invit_cont .invit_formbox .invit_formtxt {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.invit_cont .invit_formbox .invit_formtxt > h3 {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.2;
    color: #1e293b;
    margin-bottom: 15px;
}

.invit_cont .invit_formbox .invit_formtxt > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

.invit_cont .invit_formbox .invit_formtxt > p > span {
    color: #e53935;
    font-weight: 500;
}

.invit_cont .invit_formbox .invit_form {
    width: 100%;
    height: auto;
    position: relative;
}

.invit_cont .invit_formbox .invit_form .form_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.invit_cont .invit_formbox .invit_form .form_item:last-of-type {
    margin-bottom: 0;
}

.invit_cont .invit_formbox .invit_form .form_item .invit_ob {
    width: 100%;
    height: auto;
    position: relative;
}

.invit_cont .invit_formbox .invit_form .form_item .invit_ob .invit_th {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 8px;
    padding-left: 6px;
}

.invit_cont .invit_formbox .invit_form .form_item .invit_ob .invit_th > p {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    position: relative;
    line-height: 1;
}

.invit_cont .invit_formbox .invit_form .form_item .invit_ob .invit_th > p > span {
    color: #e53935;
    font-weight: 500;
}

.invit_cont .invit_formbox .invit_form .form_item .invit_ob .invit_td {
    width: 100%;
    height: auto;
    position: relative;
}

.invit_cont .invit_formbox .invit_check {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    gap: 10px;
}

.invit_cont .invit_formbox .invit_check > p,
.invit_cont .invit_formbox .invit_check > p > a {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #06121d;
    line-height: 1.6;
    word-break: keep-all;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.invit_cont .invit_formbox .invit_check > p > a {
    color: #2465ea;
}

.invit_cont .invit_formbox .invit_check > p > a:hover {
    text-decoration: underline;
}

.invit_cont .cf_box {
    width: 100%;
    height: auto;
    position: relative;
    text-align: right;
    margin-top: 20px;
}

.invit_cont .invit_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.invit_cont .invit_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1025px) {
    .invit_cont .invit_info {
        width: 100%;
    }

    .invit_cont .invit_formbox {
        width: 100%;
        padding: 20px;
    }

    .invit_cont .invit_info .invit_txtbox > h2 {
        font-size: 2rem;
    }

    .invit_cont .invit_formbox .invit_formtxt > h3 {
        font-size: 1.125rem;
        margin-bottom: 6px;
    }

    .invit_cont .invit_formbox .invit_formtxt > p {
        font-size: 0.9375rem;
    }

    .invit_cont .invit_formbox .invit_check > p,
    .invit_cont .invit_formbox .invit_check > p > a {
        font-size: 0.9375rem;
    }

    .invit_cont .invit_txt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 885px) {
    .invit_cont {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .invit_cont .invit_info .invit_txtbox > h5 {
        font-size: 0.875rem;
        margin-bottom: 10px;
    }

    .invit_cont .invit_info .invit_txtbox > h2 {
        font-size: 1.75rem;
    }

    .invit_cont .invit_info .invit_txtbox > p {
        font-size: 0.9375rem;
    }

    .invit_cont .invit_info .invit_listbox .invit_item {
        margin-bottom: 15px;
    }

    .invit_cont .invit_info .invit_listbox .invit_item .invit_th > span {
        width: 19px;
        height: 19px;
    }

    .invit_cont .invit_info .invit_listbox .invit_item .invit_th > p {
        font-size: 1rem;
    }

    .invit_cont .invit_formbox .invit_formtxt > h3 {
        font-size: 1rem;
    }

    .invit_cont .invit_formbox .invit_formtxt > p {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    .invit_cont .invit_info .invit_txtbox {
        margin-bottom: 20px;
    }

    .invit_cont .invit_info .invit_txtbox > h5 {
        font-size: 0.8125rem;
    }

    .invit_cont .invit_info .invit_txtbox > h2 {
        font-size: 1.375rem;
    }

    .invit_cont .invit_info .invit_txtbox > p {
        font-size: 0.8125rem;
    }

    .invit_cont .invit_info .invit_listbox .invit_item .invit_th > span {
        width: 16px;
        height: 16px;
    }

    .invit_cont .invit_info .invit_listbox .invit_item .invit_th > p {
        font-size: 0.9375rem;
    }

    .invit_cont .invit_info .invit_listbox .invit_item > p {
        font-size: 0.8125rem;
        padding-left: 27px;
    }

    .invit_cont .invit_formbox {
        padding: 15px;
    }

    .invit_cont .invit_formbox .invit_formtxt > h3 {
        font-size: 0.9375rem;
    }

    .invit_cont .invit_formbox .invit_formtxt > p {
        font-size: 0.8125rem;
    }

    .invit_cont .invit_formbox .invit_form .form_item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px;
        margin-bottom: 15px;
    }

    .invit_cont .invit_formbox .invit_form .form_item .invit_ob .invit_th > p {
        font-size: 0.8125rem;
    }

    .invit_cont .invit_formbox .invit_check > p,
    .invit_cont .invit_formbox .invit_check > p > a {
        font-size: 0.8125rem;
    }

    .invit_cont .invit_txt {
        margin-top: 10px;
    }

    .invit_cont .invit_txt > p {
        font-size: 0.8125rem;
    }
}

/* INVIT CONT END */

/* LOGIN BOX */
.login_wrap {
    width: 100%;
    max-width: 500px;
    height: auto;
    margin: 0 auto;
    padding: 40px 30px;
    background-color: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 4px;
    -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.06);
}

.login_wrap.error_wrap {
    background-color: #fee2e2;
    border: 1px solid #f87171;
}

.login_wrap.size_max {
    max-width: 800px;
}

.login_wrap .info_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

.login_wrap .info_txt.activate_txt {
    text-align: center;
}

.login_wrap .info_txt .activate_icon {
    width: 80px;
    height: 80px;
    background-color: #059669;
    border-radius: 5rem;
    margin: 0 auto;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.login_wrap .info_txt .activate_icon > span {
    width: 50px;
    height: 46px;
    position: relative;
}

.login_wrap .info_txt > h2 {
    font-size: 1.625rem;
    font-weight: 700;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
}

.login_wrap .info_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    margin-top: 10px;
    line-height: 1.4;
    word-break: keep-all;
}

.login_wrap .info_txt > p > span {
    font-weight: 400;
    color: #06121d;
}

.login_inputbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

.login_inputbox .login_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.login_inputbox .login_item:last-of-type {
    margin-bottom: 0;
}

.login_inputbox .login_item .login_th {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 6px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
}

.login_inputbox .login_item .login_th > span {
    color: #e53935;
    font-weight: 500;
}

.login_inputbox .login_item .login_th > span.opt_txt {
    color: #6b7280;
    font-weight: 300;
    font-size: 0.8125rem;
}

.login_inputbox .login_item > a {
    display: block;
    margin-top: 10px;
    text-align: right;
    font-size: 0.875rem;
    font-weight: 300;
    color: #2465ea;
    line-height: 1;
}

.login_inputbox .login_item > a:hover {
    text-decoration: underline;
}

.login_inputbox .login_item .verify_box {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}

.login_inputbox .login_item .success_msg {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
}

.login_inputbox .login_item .success_msg > p {
    font-size: 14px;
    font-weight: 300;
    color: #059669;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.login_inputbox .login_item .success_msg > p > span {
    width: 16px;
    height: 16px;
}

.login_inputbox .login_item > p {
    color: #6b7280;
    font-weight: 300;
    font-size: 0.8125rem;
    margin-top: 6px;
}

.login_btnbox {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.login_btnbox .or_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px auto;
}

.login_btnbox .or_txt::after {
    content: '';
    width: 100%;
    height: 0.5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    background-color: #e8ebf0;
}

.login_btnbox .or_txt > p {
    font-family: 'Inter', sans-serif;
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #9ca3af;
    display: inline-block;
    background-color: #fff;
    padding: 0 20px;
    z-index: 9;
    top: -1px;
}

.login_btnbox .google_btn {
    width: 100%;
    height: 50px;
    position: relative;
}

.login_btnbox .google_btn > button {
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #06121d;
    border-radius: 4px;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
}

.login_btnbox .google_btn > button::after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/google_logo.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.login_btnbox .flex_btn {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.login_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    text-align: left;
}

.login_txt > p,
.login_txt > p > a {
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.4;
    color: #06121d;
    letter-spacing: 0;
}

.login_txt > p > a {
    color: #2465ea;
}

.login_txt > p > a:hover {
    text-decoration: underline;
}

.help_btn {
    width: auto;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.help_btn > button {
    font-family: 'Inter', sans-serif;
    width: auto;
    height: auto;
    position: relative;
    background-color: transparent;
    border: 0;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #696969;
}

.help_btn > button > span {
    color: #2465ea;
}

.help_btn > button:hover {
    text-decoration: underline;
}

.help_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.help_txt > p,
.help_txt > p > a {
    font-size: 0.9375rem;
    font-weight: 300;
    line-height: 1.4;
    color: #696969;
    letter-spacing: 0;
}

.help_txt > p > a {
    color: #2465ea;
}

.help_txt > p > a:hover {
    text-decoration: underline;
}

@media all and (max-width: 481px) {
    .login_wrap {
        padding: 20px 15px;
    }

    .login_wrap .info_txt > h2 {
        font-size: 1.125rem;
    }

    .login_wrap .info_txt > p {
        font-size: 0.8125rem;
    }

    .login_txt > p,
    .login_txt > p > a {
        font-size: 0.8125rem;
    }

    .login_inputbox {
        margin-bottom: 20px;
    }

    .login_inputbox .login_item .login_th {
        font-size: 0.8125rem;
    }

    .login_inputbox .login_item .login_th > span.opt_txt {
        font-size: 0.75rem;
    }

    .login_inputbox .login_item > a {
        font-size: 0.8125rem;
    }

    .login_btnbox .google_btn {
        height: 40px;
    }

    .login_btnbox .google_btn > button {
        font-size: 0.8125rem;
    }

    .login_btnbox .google_btn > button::after {
        width: 18px;
        height: 18px;
    }

    .login_btnbox .or_txt > p {
        font-size: 0.8125rem;
    }

    .help_btn > button {
        font-size: 0.8125rem;
    }

    .login_inputbox .login_item .success_msg > p {
        font-size: 0.8125rem;
    }

    .login_btnbox .flex_btn {
        gap: 10px;
    }

    .help_txt > p,
    .help_txt > p > a {
        font-size: 0.8125rem;
    }

    .login_wrap .info_txt .activate_icon {
        width: 50px;
        height: 50px;
    }

    .login_wrap .info_txt .activate_icon > span {
        width: 30px;
        height: 27px;
    }
}

/* LOGIN BOX END */

/* ERROR */
.error_msg {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.error_msg > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #e53935;
    line-height: 1.2;
}

.error_listbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
}

.error_listbox > li {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    text-align: left;
}

.error_listbox > li:last-of-type {
    margin-bottom: 0;
}

.error_listbox > li > p {
    font-size: 0.875rem;
    font-weight: 300;
    padding-left: 26px;
    color: #e53935;
    line-height: 1;
    position: relative;
}

.error_listbox > li.error_check > p {
    color: #06121d;
}

.error_listbox > li > p::after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    background-image: url(../img/error_check.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.error_listbox > li.error_check > p::after {
    background-image: url(../img/error_check_on.png);
}

@media all and (max-width: 481px) {
    .error_msg > p {
        font-size: 0.8125rem;
    }

    .error_listbox > li > p {
        font-size: 0.8125rem;
    }

    .error_listbox > li > p::after {
        width: 18px;
        height: 18px;
    }
}

/* ERROR END */

/* MSG BOX */
.msg_box {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    padding: 12px 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.msg_box > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #065f46;
    line-height: 1;
}

.msg_box > p > span {
    font-weight: 600;
}

.help_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

@media all and (max-width: 481px) {
    .msg_box > p {
        font-size: 0.8125rem;
    }
}

/* MSG BOX END */

/* OTP GRID */
.otp_grid {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px;
}

.otp_grid > input.otp_item {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
    background-color: #fff;
    padding: 0;
    color: #06121d;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0;
    text-align: center;
}

.otp_grid > input.otp_item:focus {
    border: 1px solid #2465ea;
}

@media all and (max-width: 481px) {
    .otp_grid {
        gap: 6px;
        margin-bottom: 20px;
    }

    .otp_grid > input.otp_item {
        font-size: 1rem;
    }
}

/* OTP GRID END */

/* WORKLIST */
.workspace_listbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.workspace_listbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #6b7280;
    letter-spacing: 0px;
    line-height: 1.6;
    margin-top: 10px;
    text-align: center;
}

.workspace_list {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px;
}

.workspace_list .work_item {
    width: auto;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
    padding: 0 10px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.workspace_list .work_item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    background-color: #bfbfbf;
}

.workspace_list .work_item.row-end::after {
    display: none;
}

.workspace_list .work_item.active {
    color: #2465ea;
}

.workspace_list .work_item.complete {
    color: #059669;
}

.workspace_list .work_item > span {
    width: 30px;
    height: 30px;
    font-size: 0.8125rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.workspace_list .work_item.active > span {
    border: 1px solid #2465ea;
    background-color: #2465ea;
    color: #fff;
}

.workspace_list .work_item.complete > span {
    background-image: url(../img/sub_check_icon.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    color: transparent;
    border: 1px solid #059669;
    background-color: #059669;
}

@media all and (max-width: 885px) {
    .workspace_list {
        gap: 20px;
    }

    .workspace_list .work_item:not(:last-child)::after {
        width: 20px;
    }
}

@media all and (max-width: 481px) {
    .workspace_list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 10px 20px;
    }

    .workspace_list .work_item {
        font-size: 0.75rem;
    }

    .workspace_list .work_item > span {
        font-size: 0.75rem;
    }

    .workspace_listbox > p {
        font-size: 0.8125rem;
    }
}

/* WORKLIST END */

/* BILLING TOGGLE */
.billing_toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
}

.setting_toggle {
    margin-bottom: 0;
}

.billing_toggle .toggle_label {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.billing_toggle .toggle_label.active {
    color: #2465ea;
}

.billing_toggle .toggle_chk {
    display: none;
}

.billing_toggle .toggle_switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    background-color: #dfdfdf;
    border-radius: 5rem;
    cursor: pointer;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.billing_toggle .toggle_chk:checked + .toggle_switch {
    background-color: #2465ea;
}

.billing_toggle .toggle_switch::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: -webkit-transform 0.2s;
    -moz-transition: -moz-transform 0.2s;
    -o-transition: -o-transform 0.2s;
    transition: -webkit-transform 0.2s;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.billing_toggle .toggle_chk:checked + .toggle_switch::after {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
}

.billing_toggle .toggle_chk:disabled + .toggle_switch {
    opacity: 0.4;
    cursor: not-allowed;
}

.billing_toggle .billing_save {
    font-size: 0.75rem;
    font-weight: 400;
    color: #065f46;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    padding: 2px 8px;
    border-radius: 4px;
    line-height: 1.6;
}

@media all and (max-width: 481px) {
    .billing_toggle .toggle_label {
        font-size: 0.8125rem;
    }
}

/* BILLING TOGGLE END */

/* PLAN CARD */
.plan_card {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.plan_card .plan_item {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f9fafb;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    padding: 20px;
    cursor: pointer;
}

.plan_card .plan_item.checked {
    border: 1px solid #2465ea;
    background-color: #eff7ff;
}

.plan_card .plan_item .checked {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 15px;
    right: 15px;
    background-image: url(../img/check_icon_white.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 16px 16px;
    background-size: 16px;
    background-color: #2465ea;
    border-radius: 5rem;
    display: none;
}

.plan_card .plan_item.checked .checked {
    display: block;
}

.plan_card .plan_item .plan_infobox {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.plan_card .plan_item .plan_infobox .plan_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
}

.plan_card .plan_item .plan_infobox .plan_info > h3 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.plan_card .plan_item .plan_infobox .plan_info > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
}

.plan_card .plan_item .plan_infobox .plan_info > p > span {
    font-size: 1.625rem;
    font-weight: 800;
    color: #2465ea;
}

.plan_card .plan_item .plan_infobox .plan_bedge {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
    padding: 6px 15px;
    color: #06121d;
    background-color: #fff;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    font-size: 0.8125rem;
    font-weight: 300;
    margin-bottom: 6px;
}

.plan_card .plan_item .plan_infobox > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.4;
    word-break: keep-all;
}

.plan_card .plan_item .plan_list {
    width: 100%;
    height: auto;
    position: relative;
}

.plan_card .plan_item .plan_list > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 15px;
}

.plan_card .plan_item .plan_list > li:last-of-type {
    margin-bottom: 0;
}

.plan_card .plan_item .plan_list > li > span {
    width: 18px;
    height: 18px;
    position: relative;
    background-image: url(../img/check_icon_blue.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    top: 1px;
}

.plan_card .plan_item .plan_list > li > p {
    width: -webkit-calc((100% - 8px) - 20px);
    width: -moz-calc((100% - 8px) - 20px);
    width: calc((100% - 8px) - 20px);
    height: auto;
    position: relative;
    font-size: 0.875rem;
    font-weight: 300;
    color: #06121d;
    line-height: 1.4;
}

.subsc_box {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px;
    background-color: #f9fafb;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    margin-bottom: 20px;
}

.subsc_box > p {
    font-size: 1rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1.4;
    margin-bottom: 10px;
}

.subsc_box .subsc_info {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.subsc_box .subsc_info > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
}

@media all and (max-width: 481px) {
    .plan_card {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .plan_card .plan_item {
        padding: 15px;
    }

    .plan_card .plan_item .plan_infobox .plan_info > h3 {
        font-size: 1rem;
    }

    .plan_card .plan_item .plan_infobox .plan_info > p {
        font-size: 0.8125rem;
    }

    .plan_card .plan_item .plan_infobox .plan_info > p > span {
        font-size: 1.25rem;
    }

    .plan_card .plan_item .plan_infobox .plan_bedge {
        font-size: 0.75rem;
    }

    .plan_card .plan_item .plan_infobox > p {
        font-size: 0.8125rem;
    }

    .plan_card .plan_item .plan_list > li > span {
        width: 15px;
        height: 15px;
        top: 2px;
    }

    .plan_card .plan_item .plan_list > li > p {
        font-size: 0.8125rem;
    }

    .subsc_box > p {
        font-size: 0.9375rem;
    }

    .subsc_box .subsc_info > p {
        font-size: 0.8125rem;
    }
}

/* PLAN CARD END */

/* PRICE INFO */
.price_infobox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.price_infobox .price_info {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f9fafb;
    border: 1px solid #2465ea;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 15px;
}

.price_infobox .price_info .price_txt {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.price_infobox .price_info .price_txt > li {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price_infobox .price_info .price_txt > li:first-of-type {
    margin-top: 0;
}

.price_infobox .price_info .price_txt > li .price_th {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.price_infobox .price_info .price_txt > li .price_th .coupon {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 300;
    background-color: #00a85a;
    color: #fff;
    padding: 6px 15px;
    border-radius: 5rem;
    position: relative;
    margin-left: 5px;
}

.price_infobox .price_info .price_txt > li .price_td {
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
}

.price_infobox .price_info .price_total {
    width: 100%;
    height: auto;
    position: relative;
}

.price_infobox .price_info .price_total > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.price_infobox .price_info .price_total > li .price_th {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    color: #06121d;
}

.price_infobox .price_info .price_total > li .price_td {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2465ea;
    line-height: 1;
}

.price_infobox .price_info .price_freeevent {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #dbdbdb;
}

.price_infobox .price_info .price_freeevent > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #059669;
    line-height: 1;
    letter-spacing: 0;
}

.price_infobox > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    margin-top: 10px;
    line-height: 1.4;
    word-break: keep-all;
    text-align: center;
}

.price_infobox > p > span {
    color: #06121d;
    font-weight: 400;
}

@media all and (max-width: 481px) {
    .price_infobox .price_info .price_txt > li .price_th,
    .price_infobox .price_info .price_txt > li .price_td {
        font-size: 0.8125rem;
    }

    .price_infobox .price_info .price_total > li .price_th,
    .price_infobox .price_info .price_total > li .price_td {
        font-size: 0.9375rem;
    }

    .price_infobox > p {
        font-size: 0.8125rem;
    }

    .price_infobox .price_info .price_txt > li .price_th .coupon {
        font-size: 0.6875rem;
    }
}

/* PRICE INFO END */

/* PROMOTION INFO */
.promo_box {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.promo_box .promo_inputbox {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
}

.promo_box .promo_inputbox .promo_txt {
    width: 180px;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
}

.promo_box .promo_inputbox .promo_txt > span {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #6b7280;
}

.promo_box .error_code {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #e53935;
    line-height: 1.2;
    display: none;
}

.promo_box .off_code {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 10px;
    font-size: 0.875rem;
    font-weight: 300;
    color: #059669;
    line-height: 1.2;
    display: none;
}

.promo_box .off_code > span {
    font-weight: 600;
}

.promo_box .error_code.active,
.promo_box .off_code.active {
    display: block;
}

@media all and (max-width: 481px) {
    .promo_box .promo_inputbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .promo_box .promo_inputbox .promo_txt {
        width: 100%;
        font-size: 0.875rem;
    }
}

/* PROMOTION INFO END */

/* SITEMAP NAV */
.sitemap_nav {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 30px;
}

.sitemap_nav > li {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.sitemap_nav > li > a {
    display: block;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #2465ea;
    line-height: 1;
}

.sitemap_nav > li::after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../img/sitemap_arrows.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
}

.sitemap_nav > li:last-of-type:after {
    content: none;
}

@media all and (max-width: 885px) {
    .sitemap_nav {
        margin-bottom: 30px;
    }

    .sitemap_nav > li,
    .sitemap_nav > li > a {
        font-size: 0.875rem;
    }
}

@media all and (max-width: 481px) {
    .sitemap_nav > li,
    .sitemap_nav > li > a {
        font-size: 0.8125rem;
    }
}

/* SITEMAP NAV END */

/* SUB INFO TIT */
#INFO_CONT .info_wrap {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_tit {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

#INFO_CONT .info_tit.mar_t {
    margin-top: 60px;
}

#INFO_CONT .info_tit .info_title {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 10px;
}

#INFO_CONT .info_tit .info_title > h2 {
    font-size: 1.875rem;
    font-weight: 800;
    color: #06121d;
}

#INFO_CONT .info_tit .info_title > p {
    font-size: 1rem;
    font-weight: 300;
    margin-top: 15px;
    color: #6b7280;
    line-height: 1.2;
    letter-spacing: 0;
    font-style: italic;
}

#INFO_CONT .info_tit > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

@media all and (max-width: 1025px) {
    #INFO_CONT .info_tit .info_title > h2 {
        font-size: 1.75rem;
    }

    #INFO_CONT .info_tit .info_title > p {
        font-size: 0.9375rem;
    }

    #INFO_CONT .info_tit > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #INFO_CONT .info_tit .info_title > h2 {
        font-size: 1.5rem;
    }
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_tit .info_title > h2 {
        font-size: 1.25rem;
    }

    #INFO_CONT .info_tit .info_title > p {
        font-size: 0.8125rem;
        margin-top: 8px;
    }

    #INFO_CONT .info_tit > p {
        font-size: 0.8125rem;
    }
}

/* SUB INFO TIT END */

/* SUB INFO CONTENTS */
#INFO_CONT .info_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_listitem {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

#INFO_CONT .info_listitem:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_listitem .info_subtit {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #d1e7f0;
    font-size: 1.5rem;
    font-weight: 700;
    color: #06121d;
    line-height: 1.2;
}

#INFO_CONT .info_listitem .info_subcon {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt.mar_t {
    margin-top: 15px;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt.mar_b {
    margin-bottom: 30px;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p,
#INFO_CONT .info_listitem .info_subcon .info_subtxt > p > a {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #06121d;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 15px;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p > a {
    color: #2465ea;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p > a:hover {
    text-decoration: underline;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p > span {
    font-weight: 500;
}

#INFO_CONT .info_listitem .info_subcon .info_subtxt > p.color_black {
    color: #06121d;
    font-weight: 400;
}

@media all and (max-width: 1025px) {
    #INFO_CONT .info_listitem .info_subtit {
        font-size: 1.25rem;
    }

    #INFO_CONT .info_listitem .info_subcon .info_subtxt > p,
    #INFO_CONT .info_listitem .info_subcon .info_subtxt > p > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #INFO_CONT .info_listitem .info_subtit {
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-size: 1.125rem;
    }

    #INFO_CONT .info_listitem {
        margin-bottom: 30px;
    }
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_listitem .info_subtit {
        font-size: 1rem;
    }

    #INFO_CONT .info_listitem .info_subcon .info_subtxt > p,
    #INFO_CONT .info_listitem .info_subcon .info_subtxt > p > a {
        font-size: 0.8125rem;
    }
}

/* SUB INFO CONTENTS END */

/* SUB INFO CARDBOX */
#INFO_CONT .info_cardbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    margin-top: 15px;
}

#INFO_CONT .info_cardbox .card_item {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 25px;
    cursor: default;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    top: 0;
    margin-bottom: 20px;
}

#INFO_CONT .info_cardbox .card_item:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_cardbox .card_item .card_bedge {
    display: inline-block;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #fff;
    padding: 4px 15px 4px 30px;
    border-radius: 5rem;
    position: relative;
}

#INFO_CONT .info_cardbox .card_item .card_bedge.silver_bedge {
    background-color: #878787;
}

#INFO_CONT .info_cardbox .card_item .card_bedge.gold_bedge {
    background-color: #fbbf24;
}

#INFO_CONT .info_cardbox .card_item .card_bedge.platinum_bedge {
    background-color: #2465ea;
}

#INFO_CONT .info_cardbox .card_item .card_bedge::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 15px;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox > h5 {
    font-family: 'Inter', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #06121d;
    letter-spacing: -0.5px;
    margin-bottom: 10px;
    line-height: 1;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
    margin-bottom: 15px;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 20px;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
    line-height: 1.4;
    margin-bottom: 12px;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #06121d;
    border-radius: 5rem;
    position: absolute;
    top: 7px;
    left: 4px;
}

#INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li > span {
    font-weight: 500;
}

@media all and (max-width: 1025px) {
    #INFO_CONT .info_cardbox .card_item .card_txtbox > h5 {
        font-size: 1.125rem;
    }

    #INFO_CONT .info_cardbox .card_item .card_txtbox > p {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #INFO_CONT .info_cardbox .card_item .card_txtbox > h5 {
        font-size: 1rem;
    }

    #INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li::after {
        top: 8px;
    }
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_cardbox .card_item {
        padding: 20px;
    }

    #INFO_CONT .info_cardbox .card_item .card_bedge {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_cardbox .card_item .card_txtbox > h5 {
        font-size: 0.9375rem;
    }

    #INFO_CONT .info_cardbox .card_item .card_txtbox > p {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_cardbox .card_item .card_txtbox .card_annex > li {
        font-size: 0.8125rem;
    }
}

/* SUB INFO CARDBOX END */

/* SUB INFO ANNEX */
#INFO_CONT .info_annexbox {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_annexbox.mar_t {
    margin-top: 20px;
}

#INFO_CONT .info_annexbox .annex_txt {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    border-radius: 4px;
}

#INFO_CONT .info_annexbox .annex_txt.blue_annex {
    background-color: #ecf3fd;
    border: 1px solid #a7d7f3;
}

#INFO_CONT .info_annexbox .annex_txt.yellow_annex {
    background-color: #fffae6;
    border: 1px solid #f1ce8f;
}

#INFO_CONT .info_annexbox .annex_txt > p,
#INFO_CONT .info_annexbox .annex_txt > p > a {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #065f46;
    line-height: 1.6;
    word-break: keep-all;
}

#INFO_CONT .info_annexbox .annex_txt.blue_annex > p,
#INFO_CONT .info_annexbox .annex_txt.blue_annex > p > a {
    color: #062d5f;
}

#INFO_CONT .info_annexbox .annex_txt.yellow_annex > p,
#INFO_CONT .info_annexbox .annex_txt.yellow_annex > p > a {
    color: #694d0a;
}

#INFO_CONT .info_annexbox .annex_txt > p > span {
    font-weight: 600;
}

#INFO_CONT .info_annexbox .annex_txt > p > a {
    color: #2465ea !important;
}

#INFO_CONT .info_annexbox .annex_txt > p > a:hover {
    text-decoration: underline;
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_annexbox .annex_txt {
        padding: 15px;
    }

    #INFO_CONT .info_annexbox .annex_txt > p,
    #INFO_CONT .info_annexbox .annex_txt > p > a {
        font-size: 0.8125rem;
    }
}

/* SUB INFO ANNEX EMD */

/* SUB INFO TABLE */
#INFO_CONT .info_tablebox {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_tablebox.mar_t {
    margin-top: 20px;
}

#INFO_CONT .info_tablebox.mar_b {
    margin-bottom: 30px;
}

#INFO_CONT .info_tablebox .info_tabletxt {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_tablebox .info_tabletxt > h3 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 15px;
}

#INFO_CONT .info_table {
    width: 100%;
    height: auto;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

#INFO_CONT .info_table > table {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    table-layout: fixed;
}

#INFO_CONT .info_table.table_auto > table {
    table-layout: auto;
}

#INFO_CONT .info_table > table th {
    background-color: #f2f9fb;
    border: 1px solid #d1e7f0;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #06121d;
    padding: 15px;
    word-break: keep-all;
    line-height: 1.4;
}

#INFO_CONT .info_table > table td {
    border: 1px solid #d1e7f0;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
    padding: 15px;
    text-align: center;
    word-break: keep-all;
    line-height: 1.6;
}

#INFO_CONT .info_table > table td.fw {
    font-weight: 500;
}

#INFO_CONT .info_table > table td.align_left {
    text-align: left;
}

#INFO_CONT .info_table > table td > span {
    font-weight: 500;
}

#INFO_CONT .info_table > table tr:nth-of-type(2n) {
    background-color: #f9fafb;
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_table {
        overflow: auto;
    }

    #INFO_CONT .info_table > table {
        width: 600px;
    }

    #INFO_CONT .info_table > table > colgroup {
        display: none;
    }

    #INFO_CONT .info_table > table th {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_table > table td {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_tablebox .info_tabletxt > h3 {
        font-size: 0.9375rem;
    }
}

/* SUB INFO TABLE END */

/* SUB INFO UL */
#INFO_CONT .info_ulcon {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_ulbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
    margin-top: 15px;
}

#INFO_CONT .info_ulbox:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_ulbox .info_ultxt {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 12px;
}

#INFO_CONT .info_ulbox .info_ultxt > h4 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1.2;
    margin-bottom: 8px;
}

#INFO_CONT .info_ulbox .info_ultxt > p {
    font-size: 1rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #06121d;
    line-height: 1.6;
    word-break: keep-all;
}

#INFO_CONT .info_ulbox .info_ultxt > p > a {
    font-size: 1rem;
    font-weight: 300;
    color: #2465ea;
}

#INFO_CONT .info_ulbox .info_ultxt > p > a:hover {
    text-decoration: underline;
}

#INFO_CONT .info_ulbox .info_ul {
    width: 100%;
    height: auto;
    position: relative;
}

#INFO_CONT .info_ulbox .info_ul > li {
    width: 100%;
    height: auto;
    position: relative;
    padding-left: 20px;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
    line-height: 1.4;
    margin-bottom: 12px;
}

#INFO_CONT .info_ulbox .info_ul > li:last-of-type {
    margin-bottom: 0;
}

#INFO_CONT .info_ulbox .info_ul > li > span {
    font-weight: 500;
}

#INFO_CONT .info_ulbox .info_ul > li > a {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #2465ea;
}

#INFO_CONT .info_ulbox .info_ul > li > a:hover {
    text-decoration: underline;
}

#INFO_CONT .info_ulbox .info_ul > li::after {
    content: '';
    width: 6px;
    height: 6px;
    background-color: #06121d;
    border-radius: 5rem;
    position: absolute;
    top: 8px;
    left: 4px;
}

#INFO_CONT .info_ulbox .info_ul.none_circle > li {
    padding-left: 0;
}

#INFO_CONT .info_ulbox .info_ul.none_circle > li::after {
    content: none;
}

@media all and (max-width: 1025px) {
    #INFO_CONT .info_ulbox .info_ultxt > h4 {
        font-size: 1.125rem;
    }

    #INFO_CONT .info_ulbox .info_ultxt > p,
    #INFO_CONT .info_ulbox .info_ultxt > p > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #INFO_CONT .info_ulbox .info_ultxt > h4 {
        font-size: 1rem;
    }
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_ulbox .info_ultxt > h4 {
        font-size: 0.9375rem;
    }

    #INFO_CONT .info_ulbox .info_ultxt > p,
    #INFO_CONT .info_ulbox .info_ultxt > p > a {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_ulbox .info_ul > li,
    #INFO_CONT .info_ulbox .info_ul > li > a {
        font-size: 0.8125rem;
    }
}

/* SUB INFO UL END */

/* SUB INFO REDYTO */
#INFO_CONT .info_redyto {
    width: 100%;
    height: auto;
    position: relative;
    padding: 40px 30px;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
}

#INFO_CONT .info_redyto > h3 {
    font-size: 1.875rem;
    font-weight: 600;
    color: #06121d;
    letter-spacing: -0.5px;
    line-height: 1;
    margin-bottom: 15px;
}

#INFO_CONT .info_redyto > p {
    font-size: 1rem;
    font-weight: 300;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1.4;
    word-break: keep-all;
}

#INFO_CONT .info_redyto .redyto_btn {
    width: auto;
    height: auto;
    position: relative;
    display: inline-block;
    margin-top: 30px;
}

#INFO_CONT .info_redyto .redyto_btn > a {
    font-family: 'Inter', sans-serif;
    display: block;
    width: auto;
    height: auto;
    position: relative;
    padding: 12px 30px;
    border-radius: 4px;
    letter-spacing: -0.5px;
    font-size: 1rem;
    font-weight: 500;
    background-color: #2465ea;
    color: #fff;
}

#INFO_CONT .info_redyto .redyto_btn > a:hover {
    background-color: #093899;
}

@media all and (max-width: 1025px) {
    #INFO_CONT .info_redyto > h3 {
        font-size: 1.5rem;
    }

    #INFO_CONT .info_redyto > p {
        font-size: 0.9375rem;
    }

    #INFO_CONT .info_redyto .redyto_btn > a {
        font-size: 0.9375rem;
    }
}

@media all and (max-width: 885px) {
    #INFO_CONT .info_redyto > h3 {
        font-size: 1.25rem;
    }
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_redyto {
        padding: 30px 20px;
    }

    #INFO_CONT .info_redyto > h3 {
        font-size: 1rem;
    }

    #INFO_CONT .info_redyto > p {
        font-size: 0.8125rem;
    }

    #INFO_CONT .info_redyto .redyto_btn > a {
        font-size: 0.8125rem;
    }
}

/* SUB INFO REDYTO END */

/* SUB INFO CODE */
#INFO_CONT .info_code {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 25px 30px;
    margin-top: 20px;
}

#INFO_CONT .info_code > p {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0;
    color: #06121d;
    overflow-wrap: break-word;
}

#INFO_CONT .info_code .code_copy_btn {
    position: absolute;
    top: 12px;
    right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    cursor: pointer;
    color: #6b7280;
    visibility: hidden;
    -webkit-transition:
        color 0.2s,
        border-color 0.2s;
    -o-transition:
        color 0.2s,
        border-color 0.2s;
    -moz-transition:
        color 0.2s,
        border-color 0.2s;
    transition:
        color 0.2s,
        border-color 0.2s;
}

#INFO_CONT .info_code:hover .code_copy_btn {
    visibility: visible;
}

#INFO_CONT .info_code .code_copy_btn:hover {
    color: #2563eb;
    border-color: #2563eb;
}

#INFO_CONT .info_code .code_copy_btn .icon_check {
    display: none;
}

#INFO_CONT .info_code .code_copy_btn.copied {
    color: #16a34a;
    border-color: #16a34a;
}

#INFO_CONT .info_code .code_copy_btn.copied .icon_copy {
    display: none;
}

#INFO_CONT .info_code .code_copy_btn.copied .icon_check {
    display: block;
}

@media all and (max-width: 481px) {
    #INFO_CONT .info_code {
        padding: 15px;
    }

    #INFO_CONT .info_code > p {
        font-size: 0.8125rem;
    }
}

/* SUB INFO CODE END */

/* PAY INFO */
.pay_infobox {
    width: 100%;
    height: auto;
    position: relative;
}

.pay_infobox .pay_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 30px;
}

.pay_infobox .pay_userbox {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 15px;
}

.pay_infobox .pay_userbox .pay_tit {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
}

.pay_infobox .pay_userbox .payuser_list {
    width: 100%;
    height: auto;
    position: relative;
}

.pay_infobox .pay_userbox .payuser_list > li {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.pay_infobox .pay_userbox .payuser_list > li:last-of-type {
    margin-bottom: 0;
}

.pay_infobox .pay_userbox .payuser_list > li .payuser_th {
    width: 80px;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.pay_infobox .pay_userbox .payuser_list > li .payuser_td {
    width: -webkit-calc((100% - 20px) - 80px);
    width: -moz-calc((100% - 20px) - 80px);
    width: calc((100% - 20px) - 80px);
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
}

.pay_infobox .pay_orderbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px;
    border: 1px solid #00a85a;
    background-color: #f9fafb;
    border-radius: 4px;
    margin-bottom: 30px;
}

.pay_infobox .pay_orderbox .pay_tit {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
}

.pay_infobox .pay_orderbox .payorder_list {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #dbdbdb;
}

.pay_infobox .pay_orderbox .payorder_list > li {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pay_infobox .pay_orderbox .payorder_list > li:last-of-type {
    margin-bottom: 0;
}

.pay_infobox .pay_orderbox .payorder_list > li .payorder_th {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.pay_infobox .pay_orderbox .payorder_list > li .payorder_td {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
}

.pay_infobox .pay_orderbox .payorder_total {
    width: 100%;
    height: auto;
    position: relative;
}

.pay_infobox .pay_orderbox .payorder_total > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pay_infobox .pay_orderbox .payorder_total > li .payorder_th {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1;
    color: #06121d;
}

.pay_infobox .pay_orderbox .payorder_total > li .payorder_td {
    font-size: 1.125rem;
    font-weight: 600;
    color: #2465ea;
    line-height: 1;
}

.pay_infobox .pay_statbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 15px;
    gap: 20px;
}

.pay_infobox .pay_statbox > li {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
}

.pay_infobox .pay_statbox > li > span {
    width: 17px;
    height: 17px;
    position: relative;
}

.pay_infobox .pay_statbox > li > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
    word-break: keep-all;
}

.pay_infobox .pay_txt {
    width: 100%;
    height: auto;
    position: relative;
}

.pay_infobox .pay_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    margin-top: 10px;
    line-height: 1.4;
    word-break: keep-all;
    text-align: center;
}

.pay_infobox .pay_txt > p > span {
    font-weight: 400;
    color: #06121d;
}

@media all and (max-width: 481px) {
    .pay_infobox .pay_userbox,
    .pay_infobox .pay_orderbox {
        padding: 15px;
    }

    .pay_infobox .pay_userbox .pay_tit,
    .pay_infobox .pay_orderbox .pay_tit {
        font-size: 0.875rem;
    }

    .pay_infobox .pay_userbox .payuser_list > li .payuser_th,
    .pay_infobox .pay_userbox .payuser_list > li .payuser_td,
    .pay_infobox .pay_orderbox .payorder_list > li .payorder_th,
    .pay_infobox .pay_orderbox .payorder_list > li .payorder_td {
        font-size: 0.8125rem;
    }

    .pay_infobox .pay_orderbox .payorder_total > li .payorder_th,
    .pay_infobox .pay_orderbox .payorder_total > li .payorder_td {
        font-size: 0.9375rem;
    }

    .pay_infobox .pay_statbox {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .pay_infobox .pay_statbox > li > span {
        width: 15px;
        height: 15px;
    }

    .pay_infobox .pay_statbox > li > p {
        font-size: 0.8125rem;
    }

    .pay_infobox .pay_txt > p {
        font-size: 0.8125rem;
    }
}

/* PAY INFO END */

/* ACTIVATE INFO */
.activate_wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.activate_wrap .activate_info {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    border-radius: 4px;
}

.activate_wrap .activate_info .acti_tit {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 1.125rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
}

.activate_wrap .activate_info .acti_list {
    width: 100%;
    height: auto;
    position: relative;
}

.activate_wrap .activate_info .acti_list > li {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.activate_wrap .activate_info .acti_list > li:last-of-type {
    margin-bottom: 0;
}

.activate_wrap .activate_info .acti_list > li .acti_th {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.activate_wrap .activate_info .acti_list > li .acti_td {
    width: auto;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
}

.activate_wrap .acti_bot {
    width: 100%;
    height: auto;
    position: relative;
}

.activate_wrap .acti_bot .acti_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 20px;
    text-align: center;
}

.activate_wrap .acti_bot .acti_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1.4;
    word-break: keep-all;
}

@media all and (max-width: 481px) {
    .activate_wrap .activate_info {
        padding: 15px;
    }

    .activate_wrap .activate_info .acti_tit {
        font-size: 0.875rem;
    }

    .activate_wrap .activate_info .acti_list > li .acti_th,
    .activate_wrap .activate_info .acti_list > li .acti_td {
        font-size: 0.8125rem;
    }

    .activate_wrap .acti_bot .acti_txt > p {
        font-size: 0.8125rem;
    }
}

/* ACTIVATE INFO END */

/* EMAIL INFO */
.email_wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.email_wrap .email_info {
    width: 100%;
    max-width: 600px;
    height: auto;
    position: relative;
    background-color: #fff;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    margin: 0 auto;
    padding: 30px;
}

.email_wrap .email_logo {
    width: 130px;
    height: 35px;
    position: relative;
    background-image: url(../img/hd_logo.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    position: relative;
    margin-bottom: 30px;
}

.email_wrap .email_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.email_wrap .email_txt.email_cen {
    text-align: center;
}

.email_wrap .email_txt .email_activate {
    width: 70px;
    height: 70px;
    background-color: #059669;
    border-radius: 5rem;
    margin: 0 auto;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.email_wrap .email_txt .email_activate > span {
    width: 37px;
    height: 32px;
    position: relative;
}

.email_wrap .email_txt > h4 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #06121d;
    margin-bottom: 6px;
    line-height: 1.2;
    letter-spacing: 0;
}

.email_wrap .email_txt > p {
    font-size: 0.9375rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

.email_wrap .email_txt > p > span {
    font-weight: 400;
    color: #06121d;
}

.email_wrap .email_account {
    width: 100%;
    height: auto;
    position: relative;
}

.email_wrap .email_account .account_box {
    width: 100%;
    height: auto;
    position: relative;
    background-color: #f9fafb;
    border: 1px solid #d1e7f0;
    padding: 20px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.email_wrap .email_account .account_box .account_tit {
    width: 100%;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 500;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.email_wrap .email_account .account_box .account_list {
    width: 100%;
    height: auto;
    position: relative;
}

.email_wrap .email_account .account_box .account_list > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
}

.email_wrap .email_account .account_box .account_list > li:last-of-type {
    margin-bottom: 0;
}

.email_wrap .email_account .account_box .account_list > li .account_th {
    width: 100px;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
}

.email_wrap .email_account .account_box .account_list > li .account_td {
    width: -webkit-calc((100% - 20px) - 100px);
    width: -moz-calc((100% - 20px) - 100px);
    width: calc((100% - 20px) - 100px);
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
}

.email_wrap .email_account .account_btnbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

.email_wrap .email_account .account_btnbox .account_btn {
    width: auto;
    height: auto;
    position: relative;
}

.email_wrap .email_account .account_btnbox .account_btn > button {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    padding: 12px 30px;
    border-radius: 4px;
    font-size: 1rem;
    font-weight: 300;
    top: 0;
    -webkit-transition: top 0.3s ease-in-out;
    -o-transition: top 0.3s ease-in-out;
    -moz-transition: top 0.3s ease-in-out;
    transition: top 0.3s ease-in-out;
    background-color: #2465ea;
    color: #fff;
    border: 0;
}

.email_wrap .email_account .account_btnbox .account_btn.green_btn > button {
    background-color: #059669;
}

.email_wrap .email_account .account_btnbox .account_btn > button:hover {
    background-color: #093899;
}

.email_wrap .email_account .account_btnbox .account_btn.green_btn > button:hover {
    background-color: #02714e;
}

.email_wrap .email_account .account_txt {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.email_wrap .email_account .account_txt > p,
.email_wrap .email_account .account_txt > p > a {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    color: #6b7280;
    margin-top: 20px;
    letter-spacing: 0;
    line-height: 1.4;
}

.email_wrap .email_account .account_txt > p > a {
    color: #0369a1;
}

.email_wrap .email_account .account_txt > p > a:hover {
    text-decoration: underline;
}

.email_wrap .email_next {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 30px;
}

.email_wrap .email_next > h4 {
    font-size: 1rem;
    font-weight: 600;
    color: #06121d;
    margin-bottom: 15px;
    line-height: 1;
}

.email_wrap .email_next .next_listbox {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 20px;
}

.email_wrap .email_next .next_listbox > li {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 6px;
}

.email_wrap .email_next .next_listbox > li:last-of-type {
    margin-bottom: 0;
}

.email_wrap .email_next .next_listbox > li > span {
    width: 30px;
    height: auto;
    position: relative;
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #2465ea;
    line-height: 1.6;
    word-break: keep-all;
}

.email_wrap .email_next .next_listbox > li > p {
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px);
    font-size: 0.875rem;
    font-weight: 300;
    letter-spacing: 0px;
    color: #6b7280;
    line-height: 1.6;
    word-break: keep-all;
}

.email_wrap .email_next .next_listbox > li > p > span {
    font-weight: 400;
    color: #06121d;
}

.email_wrap .email_next .next_annexbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px;
    background-color: #ecf3fd;
    border: 1px solid #a7d7f3;
    margin-bottom: 20px;
}

.email_wrap .email_next .next_annexbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #062d5f;
    line-height: 1.6;
    word-break: keep-all;
}

.email_wrap .email_next .next_annexbox > p > span {
    font-weight: 600;
}

.email_wrap .email_next .next_help {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
}

.email_wrap .email_next .next_help > p,
.email_wrap .email_next .next_help > p > a {
    font-family: 'Inter', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    color: #6b7280;
    margin-top: 10px;
    letter-spacing: 0;
    line-height: 1.4;
    word-break: keep-all;
}

.email_wrap .email_next .next_help > p > a {
    color: #2465ea;
}

.email_wrap .email_next .next_help > p > a:hover {
    text-decoration: underline;
}

.email_wrap .email_next .next_help > p:last-of-type {
    margin-bottom: 0;
}

@media all and (max-width: 885px) {
    .email_wrap .email_info {
        padding: 20px;
    }
}

@media all and (max-width: 481px) {
    .email_wrap .email_info {
        padding: 15px;
    }

    .email_wrap .email_logo {
        width: 90px;
        height: 25px;
        margin-bottom: 20px;
    }

    .email_wrap .email_txt > h4 {
        font-size: 0.9375rem;
    }

    .email_wrap .email_txt > p {
        font-size: 0.8125rem;
    }

    .email_wrap .email_account .account_box {
        padding: 15px;
        margin-bottom: 10px;
    }

    .email_wrap .email_account .account_box .account_tit {
        font-size: 0.875rem;
        margin-bottom: 15px;
    }

    .email_wrap .email_account .account_box .account_list > li {
        gap: 10px;
    }

    .email_wrap .email_account .account_box .account_list > li .account_th,
    .email_wrap .email_account .account_box .account_list > li .account_td {
        font-size: 0.8125rem;
    }

    .email_wrap .email_account .account_btnbox .account_btn > button {
        font-size: 0.8125rem;
    }

    .email_wrap .email_account .account_txt > p,
    .email_wrap .email_account .account_txt > p > a {
        font-size: 0.8125rem;
    }

    .email_wrap .email_next > h4 {
        font-size: 0.875rem;
        font-weight: 500;
    }

    .email_wrap .email_next .next_listbox > li > span {
        width: 20px;
        font-size: 0.8125rem;
    }

    .email_wrap .email_next .next_listbox > li > p {
        width: -webkit-calc(100% - 20px);
        width: -moz-calc(100% - 20px);
        width: calc(100% - 20px);
        font-size: 0.8125rem;
    }

    .email_wrap .email_next .next_annexbox {
        padding: 10px;
    }

    .email_wrap .email_next .next_annexbox > p {
        font-size: 0.8125rem;
    }

    .email_wrap .email_next .next_help > p,
    .email_wrap .email_next .next_help > p > a {
        font-size: 0.8125rem;
    }
}

/* EMAIL INFO END */

/* DEVICE INFO */
.device_wrap {
    width: 100%;
    height: auto;
    position: relative;
}

.device_wrap .device_con {
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    margin-bottom: 30px;
}

.device_wrap .device_con:last-of-type {
    margin-bottom: 0;
}

.device_wrap .device_con .device_tit {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 18px 20px;
    background-color: #fff;
    border-bottom: 1px solid #d1e7f0;
}

.device_wrap .device_con .device_tit > h4 {
    font-size: 1.125rem;
    font-weight: 500;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
}

.device_wrap .device_con .device_tit > p {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #2465ea;
    line-height: 1.4;
    word-break: keep-all;
    letter-spacing: 0;
}

.device_wrap .device_cont {
    width: 100%;
    height: auto;
    position: relative;
}

.device_wrap .device_cont .device_used {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 20px;
}

.device_wrap .device_cont .device_used > p {
    width: 150px;
    height: auto;
    position: relative;
    font-size: 0.9375rem;
    font-weight: 300;
    color: #06121d;
    line-height: 1;
    word-break: keep-all;
    letter-spacing: 0;
}

.device_wrap .device_cont .device_used .used_bars {
    width: -webkit-calc(100% - 150px);
    width: -moz-calc(100% - 150px);
    width: calc(100% - 150px);
    height: 11px;
    position: relative;
    background-color: #e5e5e5;
    border-radius: 5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.device_wrap .device_cont .device_used .used_bars .bar {
    width: 33.3%;
    height: 100%;
    position: relative;
    background-color: #2465ea;
    border-radius: 5rem;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.device_wrap .device_cont .device_used .used_bars .bar.coplete_bar {
    background-color: #e53935;
}

.device_wrap .device_cont .device_listbox {
    width: 100%;
    height: auto;
    position: relative;
}

.device_wrap .device_cont .device_list {
    width: 100%;
    height: auto;
    position: relative;
    border-top: 1px solid #d1e7f0;
    border-bottom: 1px solid #d1e7f0;
}

.device_wrap .device_cont .device_list .device_item {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 18px 20px;
    gap: 20px;
    background-color: #fff;
}

.device_wrap .device_cont .device_list .device_item::after {
    content: '';
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    bottom: 0;
    background-color: #e5e5e5;
    left: 20px;
}

.device_wrap .device_cont .device_list .device_item:last-of-type:after {
    content: none;
}

.device_wrap .device_cont .device_list .device_item .device_icon {
    width: 40px;
    height: 40px;
    position: relative;
    background-color: #ecf3fd;
    border: 1px solid #a7d7f3;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 21px 21px;
    background-size: 21px;
}

.device_wrap .device_cont .device_list .device_item .device_icon.device_pc {
    background-image: url(../img/device_pc.svg);
}

.device_wrap .device_cont .device_list .device_item .device_icon.device_tab {
    background-image: url(../img/device_tab.svg);
}

.device_wrap .device_cont .device_list .device_item .device_icon.device_mo {
    background-image: url(../img/device_mo.svg);
}

.device_wrap .device_cont .device_list .device_item .device_info {
    width: -webkit-calc((100% - 20px) - 40px);
    width: -moz-calc((100% - 20px) - 40px);
    width: calc((100% - 20px) - 40px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 20px;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt {
    width: -webkit-calc((100% - 20px) - 24px);
    width: -moz-calc((100% - 20px) - 24px);
    width: calc((100% - 20px) - 24px);
    height: auto;
    position: relative;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt > h4 {
    font-size: 1rem;
    font-weight: 400;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 10px;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt .device_stat {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt .device_stat > li {
    font-size: 0.875rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1;
    letter-spacing: 0;
    word-break: keep-all;
    position: relative;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt .device_stat > li::after {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #6b7280;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -12px;
    border-radius: 5rem;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_txt .device_stat > li:last-of-type::after {
    content: none;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_del {
    width: 32px;
    height: 32px;
    position: relative;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_del > button {
    width: 100%;
    height: 100%;
    border: 1px solid #f19c9c;
    background-color: #ffe8e8;
    background-position: center;
    border-radius: 4px;
    background-image: url(../img/device_del.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px;
}

.device_wrap .device_cont .device_list .device_item .device_info .device_del > button:hover {
    background-color: #e53935;
    background-image: url(../img/device_del_on.svg);
}

.device_wrap .device_cont .device_addbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 18px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}

.device_wrap .device_cont .device_addbox.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.device_wrap .device_cont .device_addbox .additem {
    width: 100%;
    height: auto;
    position: relative;
}

.device_wrap .device_cont .device_addbox .additem > h5 {
    font-size: 1rem;
    font-weight: 400;
    color: #06121d;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 15px;
}

.device_wrap .device_cont .device_addbox .additem .device_inputbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.device_wrap .device_cont .device_addbox .additem > p {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1.4;
    letter-spacing: 0;
    word-break: keep-all;
    position: relative;
}

.device_wrap .network_info {
    width: 100%;
    height: auto;
    position: relative;
    padding: 20px;
    background-color: #fff;
}

.device_wrap .network_info .network_annexbox {
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px;
    border: 1px solid #a7f3d0;
    background-color: #ecfdf5;
    border-radius: 4px;
    margin-bottom: 20px;
}

.device_wrap .network_info .network_annexbox > p {
    font-size: 0.875rem;
    font-weight: 300;
    color: #065f46;
    line-height: 1.6;
    word-break: keep-all;
}

.device_wrap .network_info .network_annexbox > p > span {
    font-weight: 500;
}

.device_wrap .network_info .network_profile {
    width: 100%;
    height: auto;
    position: relative;
}

.device_wrap .network_info .network_profile .profile_item {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob {
    width: 100%;
    height: auto;
    position: relative;
    border: 1px solid #d1e7f0;
    background-color: #f9fafb;
    padding: 15px;
    border-radius: 4px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob > h5 {
    font-size: 0.875rem;
    font-weight: 300;
    color: #6b7280;
    letter-spacing: 0;
    line-height: 1;
    margin-bottom: 10px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_txt {
    font-size: 1rem;
    font-weight: 400;
    color: #06121d;
    line-height: 1;
    letter-spacing: 0;
    word-break: keep-all;
    position: relative;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox {
    width: auto;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li {
    width: 30px;
    height: 30px;
    position: relative;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li > button {
    width: 100%;
    height: 100%;
    font-size: 0;
    border: 0;
    position: relative;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #d1e7f0;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: 15px 15px;
    background-size: 15px;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li > button:hover {
    background-color: #ecf3fd;
    border: 1px solid #2465ea;
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li.profile_regen > button {
    background-image: url(../img/profile_regen.svg);
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li.profile_copy > button {
    background-image: url(../img/profile_copy.svg);
}

.device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li.profile_copy.copied > button {
    background-color: #f0fdf4;
    border-color: #16a34a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.device_wrap .network_info .network_profile .profile_item .profile_ob > p {
    font-size: 0.8125rem;
    font-weight: 300;
    color: #6b7280;
    line-height: 1.4;
    letter-spacing: 0;
    word-break: keep-all;
    position: relative;
    margin-top: 6px;
}

@media all and (max-width: 481px) {
    .device_wrap .device_con .device_tit {
        padding: 15px;
    }

    .device_wrap .device_con .device_tit > h4 {
        font-size: 0.9375rem;
    }

    .device_wrap .device_con .device_tit > p {
        font-size: 0.8125rem;
    }

    .device_wrap .device_cont .device_used {
        padding: 15px;
    }

    .device_wrap .device_cont .device_used > p {
        width: 130px;
        font-size: 0.8125rem;
    }

    .device_wrap .device_cont .device_used .used_bars {
        width: -webkit-calc(100% - 130px);
        width: -moz-calc(100% - 130px);
        width: calc(100% - 130px);
        height: 8px;
    }

    .device_wrap .device_cont .device_list .device_item {
        padding: 15px;
        gap: 10px;
    }

    .device_wrap .device_cont .device_list .device_item .device_icon {
        width: 30px;
        height: 30px;
        -webkit-background-size: 15px 15px;
        background-size: 15px;
    }

    .device_wrap .device_cont .device_list .device_item .device_info {
        width: -webkit-calc((100% - 10px) - 30px);
        width: -moz-calc((100% - 10px) - 30px);
        width: calc((100% - 10px) - 30px);
    }

    .device_wrap .device_cont .device_list .device_item .device_info .device_txt > h4 {
        font-size: 0.875rem;
    }

    .device_wrap .device_cont .device_list .device_item .device_info .device_txt .device_stat > li {
        font-size: 0.75rem;
    }

    .device_wrap .device_cont .device_list .device_item .device_info .device_del {
        width: 28px;
        height: 28px;
    }

    .device_wrap .device_cont .device_list .device_item .device_info .device_del > button {
        -webkit-background-size: 18px 18px;
        background-size: 18px;
    }

    .device_wrap .device_cont .device_addbox {
        padding: 15px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .device_wrap .device_cont .device_addbox .additem > h5 {
        font-size: 0.875rem;
    }

    .device_wrap .device_cont .device_addbox .additem > p {
        font-size: 0.75rem;
    }

    .device_wrap .network_info {
        padding: 15px;
    }

    .device_wrap .network_info .network_annexbox {
        padding: 10px;
    }

    .device_wrap .network_info .network_annexbox > p {
        font-size: 0.8125rem;
    }

    .device_wrap .network_info .network_profile .profile_item {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 10px;
        gap: 10px;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob {
        padding: 10px;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob > h5 {
        font-size: 0.875rem;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_txt {
        font-size: 0.8125rem;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob > p {
        font-size: 0.75rem;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li {
        width: 26px;
        height: 26px;
    }

    .device_wrap .network_info .network_profile .profile_item .profile_ob .profile_txtbox .profile_btnbox > li > button {
        -webkit-background-size: 13px 13px;
        background-size: 13px;
    }
}

/* DEVICE INFO END */

/* WELCOME BOX */
.welcome_con {
    width: 100%;
    height: auto;
    position: relative;
}

.login_wrap .welcome_error .info_txt {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 0;
    text-align: center;
}

.login_wrap .welcome_error .info_txt .error_icon {
    width: 70px;
    height: 70px;
    background-color: #b91c1c;
    border-radius: 5rem;
    margin: 0 auto;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.login_wrap .welcome_error .info_txt .error_icon > span {
    width: 42px;
    height: 42px;
    position: relative;
}

/* WELCOME BOX END */

/* PRCESSING BOX */
.pay_loading {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 28px;
}

.loading_spinner {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: conic-gradient(#2563eb 0%, #dbeafe 70%, transparent 100%);
    -webkit-animation: spinLoading 1.4s linear infinite;
    -moz-animation: spinLoading 1.4s linear infinite;
    -o-animation: spinLoading 1.4s linear infinite;
    animation: spinLoading 1.4s linear infinite;
    -webkit-mask: -webkit-radial-gradient(farthest-side, transparent -webkit-calc(100% - 7px), #fff 0);
    mask: radial-gradient(farthest-side, transparent -moz-calc(100% - 7px), #fff 0);
    mask: radial-gradient(farthest-side, transparent calc(100% - 7px), #fff 0);
    position: relative;
}

@-webkit-keyframes spinLoading {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinLoading {
    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinLoading {
    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinLoading {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.timeout_msg {
    width: 100%;
    height: auto;
    position: relative;
    text-align: center;
    background-color: #fffae6;
    border: 1px solid #f1ce8f;
    padding: 20px;
    border-radius: 4px;
}

.timeout_msg > p,
.timeout_msg > p > a {
    font-size: 0.9375rem;
    font-weight: 300;
    color: #694d0a;
    line-height: 1.6;
    word-break: keep-all;
}

.timeout_msg > p > a {
    font-weight: 600;
}

.timeout_msg > p > a:hover {
    text-decoration: underline;
}

/* PRCESSING BOX END */

/* CHANGE PLAN */
.plan_current_badge {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    font-weight: 600;
    color: #2563eb;
    background: #eff6ff;
    border: 1px solid #2563eb;
    padding: 4px 8px;
    border-radius: 4px;
    margin-left: 8px;
}

.cancel_section {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

.cancel_section > p {
    font-size: 13px;
    color: #9ca3af;
    margin-bottom: 12px;
    line-height: 1.5;
}

.cancel_sub_btn {
    background-color: #f9e2e2;
    border: 1px solid #ef4444;
    color: #b91c1c;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
}

.cancel_sub_btn:hover {
    background-color: #b91c1c;
    color: #fff;
}

/* CHANGE PLAN END */

/* CHANGE CHECKOUT TABLE */
.change_table {
    width: 100%;
    border-collapse: collapse;
}

.change_table th {
    font-size: 0.875rem;
    font-weight: 400;
    color: #06121d;
    padding: 8px 10px;
    text-align: left;
    border-bottom: 1px solid #e5e7eb;
    text-align: center;
}

.change_table td {
    padding: 10px;
    border-bottom: 0;
    font-size: 0.875rem;
    color: #06121d;
    font-weight: 400;
}

.change_table td:not(:first-child) {
    text-align: center;
}

.change_table td.col_current {
    background: #f3f4f6;
    color: #6b7280;
}

.change_table td.col_new {
    color: #2563eb;
    font-weight: 400;
}

.change_table tbody tr.total_row td {
    border-bottom: none;
    border-top: 1px solid #e5e7eb;
    font-weight: 600;
    font-size: 15px;
}

.change_table tbody tr.total_row td.col_new {
    color: #2563eb;
    font-size: 16px;
}

/* Change summary badges */
.change_summary {
    width: 100%;
    height: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
    gap: 10px;
}

.change_summary .change_badge {
    display: block;
    font-size: 0.75rem;
    font-weight: 400;
    border-radius: 4px;
    padding: 6px 15px;
    letter-spacing: 0;
    line-height: 1;
}

.change_summary .change_badge.upgrade {
    background-color: #ecfdf5;
    border: 1px solid #a7f3d0;
    color: #065f46;
}

.change_summary .change_badge.downgrade {
    background-color: #f9e2e2;
    border: 1px solid #ef4444;
    color: #b91c1c;
}

.change_summary .change_badge.same {
    background-color: #ecf3fd;
    border: 1px solid #a7d7f3;
    color: #062d5f;
}

/* Proration notice */
.proration_notice {
    background-color: #ecf3fd;
    border: 1px solid #a7d7f3;
    border-radius: 4px;
    padding: 16px 20px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 1.6;
    color: #062d5f;
}

/* Success view */
.success_view {
    display: none;
    text-align: center;
    padding: 16px 0;
}

.success_view.show {
    display: block;
}

.success_icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #ecfdf5;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.success_icon > svg {
    width: 32px;
    height: 32px;
}

.success_title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #1f2937;
}

.success_desc {
    font-size: 15px;
    color: #6b7280;
    line-height: 1.6;
    margin-bottom: 24px;
}
/* CHANGE CHECKOUT TABLE END */