/* ======== 베트남어 ======== */
:lang(vi) * {font-family: 'Pretendard', sans-serif !important;}

:lang(vi) .title_box .sub {padding: 0 8%;}
:lang(vi) .tit_info {gap: 40px; row-gap: 10px;}
:lang(vi) .tit_info dl {gap: 12px;}


/* 로그인페이지 */
:lang(vi) .radio_box {flex-direction: column;}
:lang(vi) .radio_con {width: 100%;}


/* 설문결과페이지 */
:lang(vi) .result_tit dl {width: 100%;}
:lang(vi) .review_btn .rv_btn {width: 300px;}



/* 마이페이지 */
:lang(vi) .list_con dd::before {display: none;}
:lang(vi) .list_con dl {flex-direction: column; align-items: flex-start; row-gap: 0;}




/* 모달 */
:lang(vi) .modal .modal_wrap {width: 35vw; min-width: 600px;}
:lang(vi) .modal_con .btn_box button {padding: 15px;}



@media screen and (max-width: 1440px) {
    /* 로그인 */
    :lang(vi) .login_box {width: 35vw;}

}



@media screen and (max-width: 1280px) {
    /* 설문결과 */
    :lang(vi) .result_area {gap: 20px;}
    :lang(vi) .result_main {padding: 60px 20px; gap: 40px;}
    :lang(vi) .result_main .result_tit {gap: 20px; width: 45%;}
    :lang(vi) .result_tit .title {gap: 5px;}
    :lang(vi) .result_main .result_img {width: 35%;}
    
}


@media screen and (max-width: 1080px) {
    /* 헤더 */
    :lang(vi) .hd_btn button {padding: 8px 15px;}

    /* 로그인 */
    :lang(vi) .login_box {width: 50vw; max-width: initial;}

    
    /* 설문결과 */
    :lang(vi) .review_btn .rv_btn {width: max-content;}


    /* 모달 */
    :lang(vi) :lang(vi) .modal .modal_wrap {min-width: initial; width: 70vw;}

}


@media screen and (max-width: 850px) {
    /* 설문결과페이지 */
    :lang(vi) .result_main {flex-direction: column; gap: 20px; padding: 30px 25px 25px;}
    :lang(vi) .result_main .result_tit {width: 100%;}
    :lang(vi) .result_main .result_img {margin: 0 auto; width: 70%; min-width: 180px;}
    :lang(vi) .result_tit .title {align-items: center;}
    :lang(vi) .result_tit .title .type {justify-content: center; gap: 5px;}
    :lang(vi) .result_tit p {text-align: center;}
    :lang(vi) .result_tit dl {margin-top: 15px; justify-content: center; padding: 10px 15px; flex-wrap: wrap; row-gap: 2px;}

    :lang(vi) .strong_list {grid-template-columns: 1fr; row-gap: 15px;}
    :lang(vi) .strong_con {padding: 0; padding-bottom: 15px; border-top: none; border-bottom: 1px dashed #EAE7E0;}
    :lang(vi) .strong_con::after {display: none;}
    :lang(vi) .strong_con:last-child {border-bottom: none; padding-bottom: 0;}
    :lang(vi) .strong_con:nth-of-type(3) dt {background-color: #f4f0eb;}
    :lang(vi) .strong_con:nth-of-type(4) dt {background-color: #F5E9E9;}


    /* 마이페이지 */
    :lang(vi) .list_con .btn_box button {padding: 10px 20px;}
    :lang(vi) .my_list {gap: 16px;}
    :lang(vi) .list_con {flex-direction: column; gap: 20px;}
    :lang(vi) .list_con .status {padding: 8px 15px; font-size: 14px;}
    :lang(vi) .list_con .list_info {flex-direction: column; gap: 12px;}
    :lang(vi) .list_con dl {align-items: center; gap: 4px;}
    :lang(vi) .list_con dt {text-align: center;}
    :lang(vi) .list_con .btn_box button {font-size: 14px; padding: 10px 25px;}
}



@media screen and (max-width: 750px) {

    /* 로그인 */
    :lang(vi) .login_box {width: 90vw;}
    :lang(vi) .title_box .sub {padding: 0;}


    /* 설문 */
    :lang(vi) .answer_box {position: relative; padding-bottom: 32px;}
    :lang(vi) .answer_box span {position: absolute; bottom: 0; font-size: 14px;}
    :lang(vi) .answer_box span.disagree {left: -3px;}
    :lang(vi) .answer_box span.agree {right: 4px;}
    :lang(vi) .answer {width: 100%; justify-content: space-between; gap: initial;}
    :lang(vi) .a_con:nth-of-type(2), :lang(vi) .a_con:nth-of-type(5) {width: 30px; height: 30px;}
    :lang(vi) .a_con:nth-of-type(2)::after, :lang(vi) .a_con:nth-of-type(5)::after {width: 17px; height: 17px;}
    :lang(vi) .a_con:nth-of-type(3), :lang(vi) .a_con:nth-of-type(4) {width: 25px; height: 25px;}
    :lang(vi) .a_con:nth-of-type(3)::after, :lang(vi) .a_con:nth-of-type(4)::after {width: 12.5px; height: 12.5px;}


    /* 설문결과 */
    :lang(vi) .sub_title {flex-direction: column; gap: 10px; width: 100%;}
    :lang(vi) .sub_title p {text-align: center;}
    :lang(vi) .sub_title i {width: 30px; height: 30px;}
    :lang(vi) .improve .comment {text-align: center;}
    :lang(vi) .strong_con dt {width: 100%; text-align: center; padding: 10px 25px; line-height: 1.4;}



    /* 모달 */
    :lang(vi) .modal .modal_wrap {min-width: initial; width: 90vw;}

}



@media screen and (max-width: 450px) {
    /* 설문 */
    :lang(vi) .survey_area button[class*="pg_"] {font-size: 0; gap: 0; padding: 10px;}
    :lang(vi) .survey_area button[class*="pg_"] i {display: block;}


    /* 설문결과 */
    :lang(vi) .result_tit .title .type {flex-direction: column; align-items: center;}
    :lang(vi) .result_tit .title .type em {text-align: center;}
    :lang(vi) .result_tit .title .type i {text-align: center;}


    /* 모달 */
    :lang(vi) .modal_con .btn_box {flex-direction: column;}
    :lang(vi) .modal_con .btn_box button {width: 100%;}
}



@media screen and (max-width: 350px) {
    :lang(vi) .survey_area .btn_box .sv_btn {flex-direction: column;}


    /* 설문결과 */
    :lang(vi) .main_tit {align-items: flex-start;}
    :lang(vi) .main_tit i {margin-top: 4px;}
}