@charset "utf-8";
@media screen and (max-width:1300px){
    .vsBox1{top:calc(50% - 35px); left:calc(50% - 35px);}
}

@media screen and (max-width:1124px){
    .inner{width:90dvw}
    /** policyModal **/
    .policyCheckBox input[type="checkbox"] + label:before{left:0}
    .policyCheckBox input[type="checkbox"] + label:after{left:7px;}
}

@media screen and (max-width:1024px){
}

@media screen and (max-width:960px){
}

@media screen and (max-width:860px){
    .vsBox1{top:calc(50% - 25px); left:calc(50% - 25px);}
}

@media screen and (max-width:768px){
    .popContent{width:90dvw}
    /** service **/
    .serviceDetail p{text-align: left;}

    /** benefit **/
    .benefitCnt{background:#fefefe; box-sizing: initial; width:calc(50% - 50px)}
    .botQan-toggle{width:60px; height:60px;  border-radius: 10px; }
    .botQan-content{width:90dvw; bottom: 65px; }
    .botQan-inner{height:70dvh;}
}

@media screen and (max-width:480px){
}

@media screen and (max-width:360px){

}