@charset "utf-8";

#sms_wrap{width:90%;margin:30px auto 0;padding:30px;border-radius:20px;border:1px solid #e1e1e1;color:#fff;letter-spacing:-.5px;font-family:'Pretendard-Regular';background:#fff}
#sms_wrap .txt_area{display:flex;margin-bottom:20px}
#sms_wrap .txt{width:calc(100% / 2 - 10px);border-bottom:2px solid #efefef}
#sms_wrap .txt+.txt{margin-left:20px}
#sms_wrap .txt label{display:none}
#sms_wrap .txt input{width:100%;padding:20px;border:none;font-size:16px;color:#666;font-family:'Pretendard-Regular'}
#sms_wrap .txt input:focus, #sms_wrap .txt input:active{box-shadow:none;border:none!important}
#sms_wrap .txt_box label{display:none}
#sms_wrap textarea{width:100%;height:60px;padding:16px;margin-bottom:15px;border:none;border-bottom:2px solid #efefef;font-size:16px;color:#666;font-family:'Pretendard-Regular'}
#sms_wrap textarea:focus{box-shadow:none;border:none!important;border-bottom:2px solid #bbb!important}
#sms_wrap .btm_cont{display:flex;justify-content:space-between}
#sms_wrap .btm_cont .left_cont{display:flex;align-items:center}
#agree_link{margin-right:2px;transition:all .3s;color:#666;font-size:15px}
.agree_txt{margin-right:10px;font-size:15px;cursor:pointer;color:#444}
#m_agree{display:none}
input[type="checkbox"] + label{display:inline-block;position:relative;width:15px;height:15px;background-color:rgba(0,0,0,.2);cursor:pointer}
input[id="m_agree"]:checked + label:after{content:'\f00c';position:absolute;left:0;top:0;width:15px;height:15px;text-align:center;color:#f5f5f5;line-height:15px;font-size:10px;font-family:'fontawesome'}
#sms_wrap .buttom_st{transition:all .3s;width:315px;height:60px;border-radius:10px;background-color:var(--primary);border:0;line-height:60px;color:#fff;font-size:16px;letter-spacing:-.5px;font-family:'notokr-medium'}
.required{background-image: url(/sh_img/make24/rc_speed_form/img/require.png) !important;}
/* 모바일 호버 X */
@media (hover: hover) {
#agree_link:hover{color:rgba(0,0,0,.7)}
#sms_wrap .buttom_st:hover{background:#797979}
}

/* 반응형 [s] */
@media (max-width:1920px){
#sms_wrap{width:100%}
#sms_wrap .txt input{padding:14px 20px}
}
@media (max-width:1600px){
#sms_wrap .btm_cont{display:block;}
#sms_wrap .btm_cont .btn_wrap{margin-top:10px}
#sms_wrap .btm_cont .left_cont{text-align:right}
#sms_wrap .buttom_st{width:100%}
}
@media (max-width:1024px){
#sms_wrap .txt input{font-size:15px}
#sms_wrap textarea{font-size:15px}
#sms_wrap .buttom_st{font-size:15px}
#agree_link{font-size:14px;color:#666}
.agree_txt{font-size:14px;color:#222}
input[type="checkbox"] + label{background-color:rgba(0,0,0,.2);}
input[id="m_agree"]:checked + label:after{color:rgba(0,0,0,.5)}
}

@media (max-width:768px){
#sms_wrap{width:100%}
#sms_wrap .txt_area{margin-bottom:15px}
#sms_wrap .txt+.txt{margin-left:15px}
#sms_wrap .buttom_st{width:290px}
}

@media (max-width:480px){
#sms_wrap .btm_cont{display:block}
#sms_wrap .buttom_st{width:100%;margin-top:15px}
}
/* 반응형 [e] */