@charset "utf-8";


/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
    .inner{width:calc(100% - 120px); margin:0 auto;}
    .serviceImg {  left:-50px;  bottom: 0; }
    .faq_item.active .faq_answer {max-height: 500px;padding:20px;}
    .online {    bottom: -418px;}
    .inputBox{ padding:0 20px;}
    .input_01{width:calc(33.33% - 12px)}
    .input_02{width:calc(33.33% - 12px)}
    .input_03{width:calc(33.33% - 12px)}
    .input_04{width:calc(50% - 12px)}
    .input_05{width:calc(50% - 12px)}
    .onlineBtn{bottom:60px}
}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}  
    .serviceImg {  left:-20px;  top:30%; }
    .step_m{width:calc(50% - 8px)}
    .faq_question{border-radius:8px 8px 8px 8px;}
    .faq_item.active .faq_question{ border-radius: 8px 8px 0 0; }
    .faq_item.active .faq_answer {max-height: 500px;padding:16px; border-radius: 0 0 8px 8px;}
    .inputBox{  padding:0 16px; height:40px;}
    .resultImg{position:static; top:0; left:0; transform: none;}
    .online {    bottom: -348px;}
    .input_01{width:calc(50% - 4px)}
    .input_02{width:calc(50% - 4px)}
    .input_03{width:calc(50% - 4px)}
    .input_04{width:calc(50% - 4px)}
    .input_05{width:100%}
    .onlineBtn{bottom:20px}
}