#consult {}

#consult .inner {background: url('../img/footer_pc.jpg') center/cover;}
#consult .content {padding: 8rem 0;}
#consult .cont_box {gap: 14rem;}

#consult .info_area {gap: 10.8rem; max-width: 74rem;}
#consult .info_area .title {}
#consult .info_area .title .subt {}
#consult .info_area .title .tit {padding-top: 1rem;}
#consult .info_area .info {}
#consult .info_area .info .tit {padding-bottom: 2rem; margin-bottom: 2.5rem; border-bottom: 1px solid #fff;}
#consult .info_area .info .lst {gap: 1rem 0;}
#consult .info_area .info .lst li {width: 50%;}
#consult .info_area .info .lst li span {min-width: 8.6rem;}
#consult .info_area .info .prg {gap: 1.8rem; padding-top: 1.7rem;}
#consult .info_area .info .prg div {padding: 0 0.5rem;}


#consult .form_area {background: #fff; padding: 4.8rem; padding-bottom: 5.6rem; width: 50rem}
#consult .form_inner {}
#consult .form_inner .tit {}
#consult .form_inner .subt {padding: 1.6rem 0 4rem; line-height: 2.6rem;}
#consult .form_inner .form_box {}
#consult .form_inner input[type='text'] {width: 100%; width: 100%; height: 48px; border: 1px solid #D6CFC5; box-shadow: none; border-radius: 0; margin-bottom: 8px; line-height: 48px;}
#consult .form_inner textarea {width: 100%; height: 96px; box-shadow: none; border: 1px solid #D6CFC5; box-sizing: border-box;}
#consult .form_inner .agree {margin-right: auto; padding: 0.8rem 0 2.4rem}
#consult .form_inner .apply {width: 100%; padding: 2rem 0; background: #E97B84;}

@media all and (max-width: 800px){
    #consult .inner {background: #F8A5AC;}
    #consult .content {padding-top: 0;}
    #consult .cont_box {flex-direction: column; gap: 3.2rem;}

    #consult .mo_tit {line-height: 6rem;}

    #consult .form_area  {padding: 2.5rem 2.3rem 3rem; width: 100%;}
    #consult .form_inner .subt {padding: 1.6rem 0 2rem;}
    #consult .form_inner input[type='text'] {height: 40px; line-height: 40px}
    #consult .form_inner .agree {font-size: 1.4rem}
}