@charset "utf-8";
/*************** 1440px 이하 ***************/
@media only screen and (max-width: 1440px) {

}
  
/*************** 1124px 이하 ***************/
@media only screen and (max-width: 1124px) {
    .header{left:4dvw; top:2dvh}
    .inner{width:90vw;}
    .reviewCnt{width:100%}
    
    .mainBanner{background-position:73% 0;}
    
    .introduceImg{ left:initial; right:0}
    .onlinetit{text-align: center;}
    .faq-answer{padding:8px 20px;}
    .service{  background-position: center 100%; background-size:200%;}
    
    .stepBox .con dl:nth-child(3):after {    content: "";    position: absolute;    left: -50%;    top: 0;    width: 300%;    height: 1px;    background: #7b7b7b;}
    .stepBox .con dl{width:50%; margin-bottom:24px; }
    .stepBox .con{flex-wrap:wrap; margin: 40px 0 0;}
    .subBannerImg{right:40px; bottom:-30px;}

}

/*************** 1024px 이하 ***************/
@media only screen and (max-width: 1024px) {

}

/*************** 960px 이하 ***************/
@media only screen and (max-width: 960px) {

}

/*************** 860px 이하 ***************/
@media only screen and (max-width: 860px) {


    .bor_r{border-right:0; border-bottom:1px solid #d1d1d1;}
.subBannerImg{position:relative; right:0px; bottom:0px;}

}

/*************** 768px 이하 ***************/
@media only screen and (max-width: 768px) {
    

}

/*************** 480px 이하 ***************/
@media only screen and (max-width: 480px) {

}

/*************** 320px 이하 ***************/
@media only screen and (max-width: 320px) {

}