@charset "utf-8";
@media only screen and (max-width: 1400px) {

    .comparison_table {width: 800px;    grid-template-columns: auto 244px 244px;}

}
/********************
// tablet 분기점
********************/
@media only screen and (max-width: 1200px) {
    .faq_item.active .faq_answer {max-height: 500px;padding: 0 24px 24px 24px; opacity: 1;background:#FFF7ED;border-radius: 0 0 8px 8px;}
   
    .inner{width:calc(100% - 120px); margin:0 auto;}
    .nav{bottom:60px; right:20px; z-index: 10;}
    .about{ background-size:50%; }
    .close_btn {    position: absolute;    top: 32px;    right: 32px;    cursor: pointer;}

    /***********************
    ** casetView
    ***********************/
    .casemainTxt > *:not(:first-child) img{ margin-top:32px; }
}      




/********************
// 모바일 분기점
********************/
@media only screen and (max-width: 768px) {     
    .inner{width:calc(100% - 40px); margin:0 auto;}     
    .aboutBox{ display:grid; grid-template-columns: repeat(1 ,1fr);}
    .aboutBox > div{box-shadow: 0 0 4px #F6ABAB;}
    .menuBox{ display:grid; grid-template-columns: repeat(1 ,1fr);}
    .close_btn {    position: absolute;    top: 16px;    right: 16px;    cursor: pointer;}
    .faq_item.active .faq_answer {padding: 0 20px 20px 20px;}
    .nav{background:#fff; bottom:0 ;right:0}
    .policy_check {gap: 8px;}
    .pay_check {gap: 8px;}

    /***********************
    ** casetView
    ***********************/
    .casemainTxt > *:not(:first-child) img{ margin-top:24px; }
    
}