@charset "utf-8";



/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
   
    .inner{width:calc(100% - 120px); margin:0 auto;}
    
    .absoluteLogoBg {bottom:-48px;}

    .RiderIcon{grid-template-columns: repeat(4, 1fr); row-gap: 60px; column-gap: 24px;}
    .reviewBox{display:grid; grid-template-columns: repeat(1, 1fr);}
    /** FAQ **/
    .faqImg{display: none;}
    .faq-answer p{word-break: break-all;}

    .inputBox{ padding: 20px;}
    .stepGrid{display:grid; grid-template-columns: repeat(1, 1fr);}
}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}  
    .absoluteLogoBg {bottom:-37px;}
    .RiderIcon{grid-template-columns: repeat(2, 1fr);row-gap: 40px; column-gap: 40px;}
    .why_leftBox{bottom:0; left:0; border-radius: 0 0 0 0;background: linear-gradient(to right, #FFA432, #FF6F00);}
    .why_rightBox{bottom:0; right:0; border-radius:0 0 0 0;background: linear-gradient(to right, #FFA432, #FF6F00);}
    .inputBox{ padding: 16px;}
   
}