/* 반응형 */
@media screen and (max-width:1200px) {

}

@media all and (max-width:767px){

  /* payment */
  .payment .payWrap > div{
    width: 100%;
  }
  .payment .payWrap > .consultProduct{
    padding-right: 0;
  }
  .payment .payWrap > .consultPayment{
    margin-top: 30px;
    padding-left: 0;
  }
}

@media all and (max-width:600px){
  .paymenthistoryWrap .line_blue{
    border: none;
  }
  .paymenthistoryWrap .detailWrap .thead{
    display: none;
  }
  .paymenthistoryWrap .detailWrap .tbody li{
    padding: 0;
    border-top: 3px solid #136da2;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 12px;
  }
  .paymenthistoryWrap .detailWrap .tbody li p span{
    display: inline-block;
  }
  .paymenthistoryWrap .detailWrap .tbody p{
    text-align: left;
  }
  .paymenthistoryWrap .detailWrap .od_date, .paymenthistoryWrap .detailWrap .ex_year, .paymenthistoryWrap .detailWrap .od_name{
    width: 100%;
  }
  .paymenthistoryWrap .detailWrap .od_method, .paymenthistoryWrap .detailWrap .od_stat, .paymenthistoryWrap .detailWrap .od_price, .paymenthistoryWrap .detailWrap .od_detail{
    width: auto;
  }
  .paymenthistoryWrap .detailWrap .od_method, .paymenthistoryWrap .detailWrap .od_stat, .paymenthistoryWrap .detailWrap .od_price{
    margin-top: 5px;
  }
  .paymenthistoryWrap .detailWrap .od_date, .paymenthistoryWrap .detailWrap .od_name{
    border-bottom: 1px solid #e3e3e3;
    padding: 8px 0px;
  }
  .paymenthistoryWrap .detailWrap .od_date{
    background-color: #f9f9f9;
    font-weight: bold;
  }
  .paymenthistoryWrap .detailWrap .ex_year{
    padding-top: 8px;
  }
  .paymenthistoryWrap .detailWrap .od_detail{
    float:right;
  }
  .paymenthistoryWrap .detailWrap .od_method{
    font-weight: bold;
  }
  .paymenthistoryWrap .detailWrap .tbody li .payBox{
    display: block;
    padding: 8px 0;
  }
  .paymenthistoryWrap .detailWrap .tbody li .payBox::after{
    display:block;
    content: '';
    clear: both;
  }
  .paymenthistoryWrap .detailWrap .od_stat::before{
    display: inline-block;
    margin-right: 4px;
    content:'(';
  }
  .paymenthistoryWrap .detailWrap .od_price::after{
    display: inline-block;
    margin-left: 4px;
    content:')';
  }
}

@media only screen and (max-width: 479px){
  .payment .campChk_wrap .chkBlock{
    display: block;
    margin-bottom:5px;
  }
  .schoolLife .file input{
    float: none;
    display: block;
    margin-bottom: 10px;
  }
  .schoolLife .file button.btn_del{
    margin-left: 0;
  }
}

@media only screen and (max-width: 375px){
  .payment .identBox .certifi{
    display: block;
    margin-top: 5px;
  }
}