@charset "utf-8";

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

    .resultBox{display:grid; grid-template-columns: repeat(1 , 1fr);}
    .resultList{border:1px solid #D9DADE; background-size:250px;}
    .mainTit_02.lineTxt.is-visible {    background-size: 100% 5px;}
    .lineTxt_1.is-visible {    background-size: 100% 3px;}
    .qaTxt > .lineTxt_1.is-visible {    background-size: 100% 3px; }
    .logo-swiper-l .swiper-slide {    height:80px;  }
    .inputBox{ padding: 20px;  border-radius: 8px;}

    .aboutMainImg{bottom:-20%;}
    .aboutBannerTxt > .lineTxt_1.is-visible {    background-size: 100% 3px; }
    .aboutLastTxt > .lineTxt_1.is-visible {    background-size: 100% 3px; }
}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}   
    .qa_inner{width:calc(100% - 40px);  margin: 0 auto}  
    .resultList{border:1px solid #D9DADE; background-size:150px;}
    .logo-swiper-l .swiper-slide {    height:62px;  }
    .inputBox{ padding: 16px;  border-radius: 4px;}

    .aboutMainImg{bottom:-15%;}
    .principleBox{display:grid; grid-template-columns: repeat(1, 1fr);}
    .marketingBox{display:grid; grid-template-columns:repeat(1 , 1fr)}
    .designBox{display:grid; grid-template-columns:repeat(1 , 1fr)}
    .designBox01, .marketingBox01{border-top:1px solid #D9DADE}
    .marketingBox01{border-bottom:1px solid #D9DADE; border-right:none}
    .marketingBox02{border-bottom:1px solid #D9DADE;}
    .marketingBox03{border-right:none;  border-bottom:1px solid #D9DADE;}
    .designBox01{border-right:none; border-bottom:1px solid #D9DADE;}
    .designBox02{border-right:none;  border-bottom:1px solid #D9DADE;}
}