@charset "utf-8";

/* 하단 고정 상담신청 바 (옛 사이트 상담 바 이식) */
#db_bar {display: none;}
#db_bar {position: fixed; left: 50%; bottom: 0; z-index: 9999; width: 70%; min-width: 134rem; transform: translateX(-50%); background: #307B61; border-radius: 3rem 3rem 0 0; overflow: hidden;}
#db_bar .db_bar_inner {display: flex; align-items: center; justify-content: space-between; padding: 3.1rem 7.5rem;}
#db_bar .bar_logo {max-width: 20rem;}
#db_bar .bar_logo img {display: block; width: 100%;}
#db_bar .bar_form {position: relative; display: flex; justify-content: center; gap: 1rem;}
#db_bar .form_box_1, #db_bar .form_box_2 {display: flex; gap: 1rem;}
#db_bar .bar_form input[type="text"] {height: 3.2rem; padding: 0 0.8rem; border: 0; border-radius: 0.5rem; font-size: 1.4rem; color: #696F74; background: #fff;}
#db_bar .bar_form input[type="text"]:focus {outline: none;}
#db_bar .bar_form select {padding: 0.6rem 0.4rem; border: 1px solid #e2e2e2; border-radius: 0.3rem; font-size: 1.3rem; color: #696F74; background: #fff;}
#db_bar .bar_form button {padding: 2.1rem 1.6rem; border: 0; border-radius: 0.5rem; font-size: 1.8rem; font-weight: 700; color: #fff; background: #09553c; cursor: pointer;}
#db_bar .form_agree {position: absolute; right: 17%; bottom: 0; display: flex; align-items: center; gap: 0.6rem; font-size: 1.6rem; color: #fff;}
#db_bar .form_agree input[type="checkbox"] {width: 1.6rem; height: 1.6rem; margin: 0;}
#db_bar .form_agree a {color: #fff;}
#db_bar .bar_num .txt {font-size: 1.6rem; color: #CECECE;}
#db_bar .bar_num .num {font-size: 3.2rem; line-height: 4.6rem; font-weight: 700; color: #7AFFCA;}

@media all and (max-width: 1340px) {
    #db_bar {width: 100%; min-width: 100%;}
}

@media all and (max-width: 880px) {
    #db_bar {border-radius: 2rem 2rem 0 0;}
    #db_bar .db_bar_inner {width: 81%; margin: 0 auto; padding: 4rem 0;}
    #db_bar .bar_logo, #db_bar .bar_num {display: none;}
    #db_bar .bar_form {flex-direction: column; width: 100%; gap: 0.7rem;}
    #db_bar .form_box_1, #db_bar .form_box_2 {gap: 0.7rem;}
    #db_bar .form_box_1 input[type="text"] {width: 50%; height: 3rem; font-size: 1.3rem;}
    #db_bar .form_box_2 select {flex: 1;}
    #db_bar .bar_form button {flex-shrink: 0; padding: 2.5rem 1.5rem; font-size: 2rem;}
    #db_bar .form_agree {position: static; margin-top: 0.4rem; font-size: 1.3rem;}
}