@charset "utf-8";

input[type=text]{border-radius:0;border:none;background:none;transition:none;box-shadow:none;font-family:'notokr-regular'}
input[type=text]:focus,input[type=text]:active{outline:none;box-shadow:none}
#atc08{padding:120px 0}
#atc08 .tit{margin-bottom:20px;text-align:center;line-height:1.4}
#atc08 .tit p{margin-bottom:15px;font-size:54px;font-weight:700;font-family:'AritaBuri'}
#atc08 .tit span{font-size:42px;font-weight:bold;color:var(--primary);animation:flash4 linear 1s infinite;font-family:'AritaBuri'}
#atc08 .tit span img{margin-right:10px;animation:call 1.2s infinite linear}
#atc08 .inner{max-width:850px;width:100%;margin:0 auto}
@keyframes flash4{0%{color:var(--primary)}50%{color:#f00}100%{color:var(--primary)}}
@keyframes call{from{transform:rotate(0)}10%{transform:rotate(20deg)}20%{transform:rotate(0)}30%{transform:rotate(20deg)}40%{transform:rotate(0)}100%{transform:rotate0)}}

/* 가맹문의 */
#atc08 ul li{display:flex;align-items:center;position:relative;height:82px;line-height:1;}
#atc08 ul li:not(:last-child) label{position:absolute;left:25px}
#atc08 ul li .sh_input{flex-grow:1;height:100%;padding-left:170px;border-bottom:1px solid rgba(255,255,255,.3);font-size:24px;color:rgba(255,255,255,6)!important}
#atc08 ul li .sh_input:focus, #atc08 ul li .sh_input:active{border:none!important;border-bottom:1px solid var(--primary)!important}
#atc08 ul li.cost span{position:absolute;right:25px;font-size:20px}
#atc08 ul li.cost input{padding-right:80px}
#atc08 ul li:last-child{padding-left:25px;border-bottom:1px solid rgba(255,255,255,.3)}
#atc08 ul li:last-child div{display:flex;align-items:center;flex-grow:1;padding-left:100px}
#atc08 ul li:last-child input{margin-right:10px;cursor:pointer}
#atc08 ul li:last-child label{cursor:pointer}
#atc08 ul li:last-child input~input{margin-left:40px}
#atc08 ul li label, #atc08 ul li .label{font-size:24px}
#atc08 .prv_area{display:flex;align-items:center;justify-content:flex-end;height:80px;font-size:20px}
#atc08 .prv_area label{font-size:18px}
#atc08 .prv_area a{color:#fff;text-decoration:underline;cursor:pointer}
#atc08 .prv_area input{margin-left:5px;cursor:pointer} 
#atc08 button{width:100%;height:75px;border:none;font-size:30px;font-weight:bold;color:#fff;background-color:#f00;font-family:'AritaBuri'}
/*   
@media (max-width:1024px){
#atc08{padding:80px 0}
#atc08 .tit p{font-size:38px}
#atc08 .tit span{font-size:36px}
}
@media (max-width:768px){
#atc08{padding:60px 20px}
#atc08 .tit p{margin-bottom:10px;font-size:32px}	
#atc08 .tit span{font-size:30px}
#atc08 ul li{height:65px}
#atc08 ul li:not(:last-child) label{left:0}
#atc08 ul li.cost input{padding:0 0 0 120px}
#atc08 ul li:last-child{padding:0}
#atc08 ul li:last-child div{padding-left:30%}
#atc08 ul li label, #atc08 ul li .label{font-size:16px}
#atc08 ul li .sh_input{padding-left:120px;font-size:16px}
#atc08 ul li.cost span{right:0;font-size:16px}
#atc08 .prv_area{height:65px;font-size:16px}
#atc08 .prv_area label{font-size:16px}
#atc08 button{height:65px;font-size:22px}
}
@media (max-width:480px){
#atc08 .tit p{font-size:28px}	
#atc08 .tit span{font-size:24px}
#atc08 .tit span img{width:45px}
#atc08 ul li:last-child div{padding-left:12%}
#atc08 .prv_area, #atc08 .prv_area label{font-size:14px}
}
*/