@charset "utf-8";

#ft_form input:focus, #ft_form input:active{box-shadow:none!important;outline:none!important;border:1px solid rgba(0,0,0,.6)!important}
#ft_form{display:flex;align-items:center;justify-content:center;position:fixed;opacity:0;bottom:-30px;left:50%;z-index:20;transform:translateX(-50%);max-width:1920px;min-width:1200px;width:100%;height:95px;padding:0 2%;color:#111;background:var(--primary);transition:all .4s;font-family:'notokr-regular'}
#ft_form.fixed{bottom:0;opacity:1}
#ft_form .ci{max-width:376px;min-width:200px;width:20%}
#ft_form .tit{display:flex;align-items:center;height:100%;margin-right:25px;font-size:28px;font-weight:700;font-family:'AritaBuri'}
#ft_form .tit p{flex-shrink:0;display:flex;align-items:center;justify-content:center;white-space:pre-line;width:85px;height:100%;margin:0 8%;font-size:22px;color:#fff;background-color:#111;animation:flash5 linear 1s infinite;font-family:'AritaBuri'}
#ft_form .tit span{display:block;letter-spacing:-1px}
#ft_form .flex{display:flex;margin-left:3%}
#ft_form ul{display:flex}
#ft_form ul li{width:calc(100% / 3)}
#ft_form ul li+li{margin-left:8px}
#ft_form ul li input{width:100%;height:62px;padding:0 15px;border-radius:8px;font-size:18px;background-color:#fff}
#ft_form .ft_prv_area{flex-shrink:0;display:flex;flex-direction:column;justify-content:center;padding:0 2%;font-family:'notokr-medium'}
#ft_form .ft_prv_area a{text-decoration:underline;cursor:pointer}
#ft_form button{width:30%;height:62px;border-radius:8px;border:none;font-size:19px;font-weight:700;color:#fff;background-color:#111;font-family:'AritaBuri'}
#ft_form .to_top{cursor:pointer;display:flex;flex-direction:column;align-items:center; justify-content:center;width:62px;height:62px;margin-left:1%;font-size:15px;font-weight:bold;font-family:'AritaBuri'}
#ft_form .to_top span{position:relative;width:2px;height:16px;margin-bottom:5px;background-color:#111}
#ft_form .to_top span:before, #ft_form .to_top span:after{content:"";position:absolute;transform:rotate(-45deg);top:0;width:9px;height:2px;background-color:#111}
#ft_form .to_top span:before{left:-6px}
#ft_form .to_top span:after{left:-1px;transform:rotate(45deg)}
@keyframes flash5{0%{color:#fff;background-color:#f00}50%{color:#fff;background-color:#111}100%{color:#fff;background-color:#f00}}

#fix_tel{opacity:0;display:none;position:fixed;right:10px;bottom:105px;z-index:101;width:60px;height:60px;border-radius:50%;font-size:30px;text-align:center;line-height:65px;color:#111;background-color:var(--primary);box-shadow:5px 5px 5px rgba(0,0,0,.2);-webkit-transition:all .2s;transition:all .2s}
#fix_tel.active{opacity:1}
/*
@media (max-width:1230px){
#ft_form{height:80px}	
#ft_form .tit{font-size:22px}
#ft_form .tit p{width:70px;font-size:18px}	
#ft_form ul li input{height:55px;padding:0 10px;font-size:16px}
#ft_form button{width:35%;height:55px;font-size:16px}
#ft_form .to_top{height:55px} 
}
@media (max-width:1024px){
#ft_form .tit{display:none}
#ft_form .flex{margin-left:2%}
#ft_form ul li+li{margin-left:4px}
#ft_form ul li input{font-size:15px}
#ft_form button{width:30%}
#ft_form .ft_prv_area a, #ft_form .ft_prv_area label{font-size:12px}
#ft_form .to_top{position:fixed;right:10px;bottom:175px;width:60px;height:60px;margin:0;padding-top:2px;border-radius:50%;font-size:13px;background-color:#fff}
#ft_form .to_top span{height:10px}
#fix_tel{display:block}	
}
@media (max-width:768px){
#ft_form{flex-direction:column;align-items:normal;height:90px}
#ft_form .flex{width:100%;margin:0}
#ft_form ul{width:75%}
#ft_form ul li input{height:40px;padding:0 6px;font-size:13px}
#ft_form .ft_prv_area{flex-direction:row;position:absolute;right:15px;top:12px;padding:0}
#ft_form .ft_prv_area p{margin-left:3px;padding-bottom:2px}
#ft_form button{flex-shrink:0;width:25%;height:40px;margin-left:4px;font-size:14px}
}
@media (max-width:480px){
#ft_form ul{width:80%}
#ft_form button{width:20%}
#ft_form button span{display:none}	
}
@media (max-width:380px){
#ft_form button{font-size:13px}
}*/


/* 카카오톡btn */
.kakao{position:fixed;bottom:116px;right:10px;z-index:21;opacity:0}
.kakao.fixed{opacity:1;}

