@media screen and (max-width:900px) {
    .q_step .h,
    .q_step .q {font-size:2em;}
    .q_intro,
    .q_agree .tit,
    .q_agree .chk {font-size:1.25em;}
    .q_agree .chk input[type="checkbox"] {width:1.25em; height:1.25em;}
    .q_step .btns button {font-size:1.5em;}
    .q_step .btns .prev:before,
    .q_step .btns .next:before {width:20px; background-size:20px 15px;}

    .q_grp .q2 .a {display:block; float:none; min-width:auto; margin-right:0; white-space:normal;}
    .q_grp .q2 .a input {width:1em; height:1em;}

    .ox_chart {display:block;}
    .ox_chart .item {width:auto;}
}

@media screen and (max-width:500px) {
    .q_step .h,
    .q_step .q {font-size:1.375em;}
    .q_intro,
    .q_agree .tit,
    .q_agree .chk {font-size:1.125em;}
    .q_agree .chk input[type="checkbox"] {width:1.125em; height:1.125em;}
    .q_step .btns button {font-size:1.25em;}

    .q_result .your_type p {font-size:1.25em;}
    .q_result .your_type p b {font-size:1.375em;}
    .q_result .btns a {height:36px; padding:7px 30px; font-size:16px; line-height:18px;}
    .q_result .btns a em {font-size:12px;}
    .q_result .mail_to input[type="text"],
    .q_result .mail_to button {width:90%; max-width:300px; margin:5px 0;}
    .q_result .share_to button {width:50px; height:80px; font-size:11px; letter-spacing:-0.6px;}
    .q_result .share_to button:before {width:50px; height:50px; background-size:50px auto;}
    .q_result .share_to .twitter:before {background-position:0 -50px;}
    .q_result .share_to .band:before {background-position:0 -100px;}
    .q_result .share_to .kakaotalk:before {background-position:0 -150px;}
    .q_result .share_to .email:before {background-position:0 -200px;}

    .q_grp .q2 .tit {padding:5%; font-size:1em;}
    .q_grp .q2 .lst {padding:5%;}

    .bmi_graph {font-size:0.75em; letter-spacing:-1px;}

    .type_graph {font-size:0.75em;}
    .type_graph .bar {height:24px; margin-top:3px; margin-bottom:3px; border-radius:12px; line-height:24px;}
    .type_graph .bar:before {border-radius:12px;}
    .type_graph .val {height:24px; border-radius:12px;}
}