@charset "utf-8";

#tail_form{position:fixed;bottom:0;left:0;width:100%;padding:15px 0;background:url('/sh_img/make24/tail_form/img/tail_bg.jpg') center top;background-color:#333;z-index: 99;}
#tail_form .tel_area{float:left;width:23%;padding-top:4px;color:#fff;font-family:'notokr-bold';letter-spacing:-.3px}
#tail_form .tel_area p{display:inline-block;padding-right:16px;font-size:21px}
#tail_form .tel_area span{color:#47a064;font-size:31px;font-weight:700;line-height:42px;font-family:'Source Serif Pro'}
#tail_form .tel_area span i{font-size:23px}
#tail_form .dl_wrap{max-width:1200px;margin:0 auto}
#tail_form .frm_input{height:46px;padding:0 15px;border-radius:3px;border:solid 1px #ddd;font-size:15px;color:#777;background-color:#eaeaea;font-family:'notokr-regular'}
#tail_form .name{width:100%}
#tail_form .phone{width:100%}
#tail_form .content{width:100%}
#tail_form .dl_wrap{overflow:hidden}
#tail_form .dl_wrap ul{float:left;width:54%;overflow: hidden}
#tail_form li{float:left;width:27%}
#tail_form li+li{margin-left:1%}
#tail_form li:last-child{width:44%}
#tail_form .right{float:right;position:relative;width:22%;padding:10px 0;font-size:13px;font-family:'notokr-bold'}
#tail_form .right .r_wrap{display:table;margin: 0 auto 0;width:185px}
#tail_form .agr_t{padding-left: 9px;font-size:13px;color:#fff;cursor:pointer} 
#tail_form .agr_t:hover{cursor:pointer}
#tail_form .agr_t span{position:relative;z-index:1;vertical-align:-2px}
#tail_form .frm_input::placeholder {color:#777}
#tail_form .frm_input:focus, #tail_form .frm_input:active{box-shadow:none}
#tail_form .q_btn{/* float:right; */position:absolute;left:0;top:0;width:100%;height:46px;border-radius:3px;border:1px solid #326f46;font-size:13px;line-height:46px;color:#fff;text-align:left;background-color:#326f46;font-family:'notokr-medium'}
#tail_form .agr_t label{position:relative;padding-bottom:2px;cursor:pointer;z-index:1}
#tail_form .agr_t label:after{display:inline-block;content:'';position:absolute;left:0;bottom:0;width:95px;height:1px;background-color:#fff}
#tail_form .agr_t label span{vertical-align:-2px}
#tail_form #prv_check {position:relative;z-index:1}


/* 반응형 [s] */
@media (max-width:1200px){
#tail_form .dl_wrap{padding:0 20px}
#tail_form .tel_area{padding-top:0}
#tail_form .tel_area p{font-size:15px;font-family:notokr-medium}
#tail_form .tel_area span{font-size:23px}
#tail_form .tel_area span i{font-size:17px}
}
@media (max-width:1024px){
#tail_form .tel_area{display:none}
#tail_form .dl_wrap ul{width:67%}
#tail_form .right{width:32%}
}
@media (max-width:768px){
#tail_form{position:relative;padding: 30px 0}
#tail_form .tel_area p{display: block;padding-right: 0;font-size: 22px;text-align:center;font-family: 'notokr-bold'}
#tail_form .tel_area span{position: absolute;right: 40px;top: 25px}
#tail_form .q_btn{position:relative}
#tail_form .tel_area{display:block;float:none;width: 100%;padding: 0 16px}
#tail_form .dl_wrap ul{float: none;width: 100%;margin: 10px 0}
#tail_form li{float:none;width:100%}
#tail_form li:last-child{width:100%}
#tail_form li+li{margin: 5px 0 0 0}
#tail_form .right{float:none;width:100%}
#tail_form .right .r_wrap{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);z-index: 1}
}
@media (max-width:480px){
#tail_form .tel_area p{font-size:18px;text-align:left}
}
/* 반응형 [e] */