@charset "utf-8";



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

    .pastnowBox1{border:2px solid #26272B;border-right:1px solid #395BE5; border-radius: 20px 0 0 0;}
    .pastnowBox2{border:2px solid #395BE5; border-left: 1px solid #395BE5; border-radius: 0 20px 0 0;}
    .pastnowTxt1{border-radius: 0 0 0 20px;}
    .pastnowTxt2{border-radius: 0 0 20px 0;}

    .polygonW {background-color: #F0F4FE; clip-path: polygon(0 0, 100% 0, 50% 100%); bottom:-47px; left:50%; transform: translate(-50%, 0);}

    .caseList::after {content: ""; position: absolute; bottom: 0; left: 10%; right: 10%; height: 1px; background-color: #D9DADE; }

    .inputBox{ padding: 20px;}

}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}  

    .pastnowBox{display: grid; grid-template-columns: repeat(1 , 1fr);}
    .pastnowBox1{border:2px solid #26272B;border-right:1px solid #395BE5; border-radius: 16px 16px 0 0;}
    .pastnowBox2{border:2px solid #395BE5; border-left: 1px solid #395BE5; border-radius: 16px 16px 0 0;}
    .pastnowTxt1{border-radius: 0 0 16px 16px;}
    .pastnowTxt2{border-radius: 0 0 16px 16px;}

    .whyPhone{background: linear-gradient(to bottom, #C1D4FC , #fff); border:8px solid #5D606C; border-radius: 30px 30px 0 0; border-bottom:none;}

    .itemBox{display:grid; grid-template-columns: repeat(1 , 1fr);}

    .caseSuccess{display:grid; grid-template-columns: repeat(1 , 1fr);}


    .way-item{ background-color:#26272B;}
    .inputBox{ padding: 16px;}
   
}