/* Small phones to small tablets: from 0 to 767px */

@media only screen and (max-width: 767px) {
  body {
    font-size:1.2rem;
  }
  #wrap {width: 100%; min-width:auto;}
  #header {width: 100%;height: 95px;margin:0 auto;}
  #banner {width: 100%;height: 140px; position: relative}
  #contents {width: 100%;}
  #footer {width: 100%;clear:both;}

  .container {width: 100%;}

  .header {overflow: auto;}
  .header h1 {float:none; margin: 28px auto 0;}
  .header h1 img {vertical-align: middle;}
  .header .nav {display:none;}
  .header .nav_icon {display:none;}

  /* banner */
  #banner h2 {font-size:1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  #banner h3 {font-size:1.0rem;}
  #banner p {font-size:0.9rem;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
  #banner .banner_icon {display:none;}
  #banner .noticewrap {display:none;}
  #banner p.p_notice {width:100%;}
  #banner p.p_notice a {width:100%;}

  .noticePhone {font-size:1rem;}

  .investor {display:none;}

  .corporate {padding:20px 0 50px;font-size:1.2rem;}
  .corporate .corporate_box li {width: 100%;padding-top:30px;margin-left:20px;font-size:1.2rem;}

  .footer_top {display:none;}

  .footer_bom address {padding:10px;}
  .footer_bom br.mobr {display:block;}
  .footer_bom span.spbar {display:none;}
  .footer_bom address {line-height:150%}

  .comment_master_help {display:none;}
  .comment_master_table_list {display:none;}

  .info_wrap { width:95%; margin:0 auto;}

  .info_wrap img {width:100%;}

  .regularly_service_info {width:100%; min-width:auto; font-size:1.1em; height:auto; padding:1em;}
  .regularly_service_info br {display:block;}

  .responsive-table {width:95%; margin:0 auto;}
  .responsive-table input.txt {width:90%;}
  .contents1 .lbl_agree1 {font-size:1rem;}

  .banner {background-size:cover; background-position:center;}
}


/* 반응형: 768px 이하 (태블릿 대응) */
@media screen and (max-width: 768px) {
  .mt30 {
    margin-top: 30px;
  }

  .al_c {
    text-align: center;
  }

  .responsive-table {
    overflow-x: auto;
  }

  /* 표 스타일 개선 */
  .tbl_tp02 {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  .tbl_tp02 caption {
    font-weight: bold;
    text-align: left;
  }

  .tbl_tp02 th,
  .tbl_tp02 td {
    padding: 12px 10px;
    border: 1px solid #ddd;
    word-break: keep-all;
    vertical-align: top;
  }

  .tbl_tp02 th {
    background-color: #f0f0f0;
    width: 25%;
  }


  .tbl_tp02 th,
  .tbl_tp02 td {
    font-size: 13px;
    padding: 10px 8px;
  }
  h2.info_help {
    font-size:25px;
  }

  .tbl_tp02,
  .tbl_tp02 thead,
  .tbl_tp02 tbody,
  .tbl_tp02 th,
  .tbl_tp02 td,
  .tbl_tp02 tr {
    display: block;
    width: 100%;
  }

  .tbl_tp02 th {
    background: none;
    font-weight: bold;
    border: none;
    padding: 0;
  }

  .tbl_tp02 td {
    padding: 5px 0;
    border: none;
  }

  .tbl_tp02 td:before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
  }
}