@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400&display=swap');

#quick_cst input:focus, #quick_cst input:active, #quick_cst textarea:focus, #quick_cst button:active{box-shadow:none!important;outline:none!important}

#quick_cst{position:fixed;bottom:0;z-index:20;width:100%;padding:25px 0 15px;box-shadow:3px 5px 20px -2px rgb(0 0 0 / 15%);-webkit-transition:all .4s;transition:all .4s;background:#fff;font-family:'notokr-regular'}

#quick_cst .inner{overflow:hidden;position:relative;width:1070px;margin:0 auto}
#quick_cst .form_tit{float:left;width:15%}
#quick_cst .tit{font-size:23px;line-height:50px;color:#222;letter-spacing:-.4px;font-family:'notokr-bold'}
#quick_cst .form_area{float:left;overflow:hidden;width:85%}
#quick_cst .form_box{float:left;width:78%;padding-right:35px}
#quick_cst .form_area ul:after{display:block;content:"";visibility:hidden;clear:both}
#quick_cst .form_area ul li{float:left;width:calc(30% - 6px)}
#quick_cst .form_area ul li+li{margin-left:9px}
#quick_cst .form_area ul li .inc_input{width:100%;height:50px;padding-left:15px;border:1px solid #e1e1e1;border-radius:3px;font-size:14px;color:#888;transition:all .2s;font-family:'notokr-regular'}
#quick_cst .form_area ul li .inc_input:focus,#quick_cst .form_area ul li .inc_input:active{border:1px solid #bbb!important}
#quick_cst .form_area ul li.msg{width:calc(40% - 6px)}
#quick_cst .form_area ul li textarea{padding-top:14px}
#quick_cst .ft_prv_area{text-align:right;font-size:13px;color:#aaa}
#quick_cst .ft_prv_area button{border:none;font-size:13px;text-decoration:underline;color:#aaa;background:none;font-family:'notokr-regular'}
#quick_cst .ft_prv_area input{margin-left:7px}
#quick_cst #cst_submit{float:right;width:22%;height:65px;border:none;border-radius:50px;font-size:15px;letter-spacing:-.4px;color:#fff;background:#5ea600;font-family:'notokr-medium'}
#quick_cst #cst_submit i{margin-left:6px}

/* 반응형 [s] */
@media (max-width:1024px){
#quick_cst{position:relative;width:91%;margin:0 auto;box-shadow:none;border-top:1px solid #e1e1e1;border-bottom: solid 1px #e1e1e1;}
#quick_cst .inner{width:91%}
#quick_cst .tit{font-size:20px;line-height:32px;word-break:keep-all}
#quick_cst #cst_submit{height:50px;font-size:14px}
}
@media (max-width:1024px){
#quick_cst{width:100%}
}
@media (max-width:768px){
#quick_cst{padding: 20px 0;}
#quick_cst .form_tit{float:none;width:100%;margin-bottom:10px}
#quick_cst #cst_submit{float:none;width:100%;height:55px;margin-top:10px;border-radius:0;background-color: #222;}
#quick_cst .inner{width:calc(100% - 30px)}
#quick_cst .form_area{float:none;width:100%}
#quick_cst .form_box{float:none;width:100%;padding-right:0}
#quick_cst .form_area ul li .inc_input{height:40px}
#quick_cst .form_area ul li textarea{padding-top:8px}
}
@media (max-width:480px){
#quick_cst .form_area ul li{width:calc(100% / 2 - 5px)}
#quick_cst .form_area ul li.msg{width:100%;margin-left:0;margin-top:10px}
#quick_cst .inner{width:calc(100% - 30px)}
}
@media (max-width:360px){
#quick_cst .form_area ul li{width:100%}
#quick_cst .form_area ul li+li{margin:10px 0 0}
}
/* 반응형 [e] */