@CHARSET "UTF-8";

.btn-menu,.btn-menu-close,.btn-login,.btn-lib {display: none;}

.m-store-tbl,.m-view-tbl {display: none;}


@media screen and (max-width: 1024px) {
  section {padding-top: 89px;}
  .box {width: 94%; margin:0 auto;}

  .header-top {display: none;text-align: center;}
  nav {display: none;}
  .btn-menu {width: 45px; height: 35px;}

  .header {text-align: center;}
  .logo {position: static;}
  .btn-menu {display: block; width: 48px;height: 36px;background:url('../images/m_menu.png') no-repeat; position: absolute; top:50%; margin-top: -18px; left:30px;}
  .open nav {display: block; position: fixed; width: 220px; height: 100%; background:rgba(152,32,126,0.96); top:0; left:0;}
  .open .btn-menu-close {width: 35px;height: 35px;background:url('../images/m_close.png') no-repeat; display: block; margin-top: 30px;margin-left: 35px; }

  .open .nav-scroll {height: 100%; overflow:hidden; overflow-y:auto;}
  .open nav li {display: block; margin-left: 0; text-align: center; height: 100px; border-top: 1px solid #98207e;}
  .open nav li:last-child {border-bottom: 1px solid #98207e;}
  .open nav ul {margin-top: 40px;}
  .open nav a {color:#fff; font-size:24px; line-height: 100px; width: 100%;}
  .open nav li.on a {color:#fff;}
  .open nav li:hover a {color:#fff;}
  .open nav li:hover {background:#77005d}
  .open .btn-login {width: 160px; height: 60px;border-radius:5px; background:#e4e4e4; display: block; line-height: 60px; text-align: center;margin:30px auto; color:#1e1e1e;}
  .open .btn-lib {display: block; text-align: center; line-height: 1; margin-bottom: 30px;}

  .img03,.bg-gray .img04 {width: 80%;}
  .img01 {margin-top: 20px;}
  .img03 {margin-bottom : 20px;}

  .m-store-tbl {display: table; text-align: left; width: 100%; margin-bottom: 80px;}
  .pc-store-tbl {display: none;}

  .store-w {width: 70%;}
  .m-store-tbl tr:nth-child(odd) {background:#ebebf1;}
  .m-store-tbl tr:nth-child(odd) th,.m-store-tbl tr:nth-child(odd) th {border-top:1px solid #ababb1;}
  .m-store-tbl tr:nth-child(1) th,.m-store-tbl tr:nth-child(1) td {border-top:1px solid #1e1e1e;}
  .m-store-tbl tr:last-child td {border-bottom:1px solid #ababb1;}
  .m-store-tbl th {font-weight: bold;}
  .m-store-tbl th,.m-store-tbl td { font-size:20px;padding:20px 0;
padding-left: 20px;}

  .table-box table {width: 100%;}
  /* .search-box input[type="text"] {width: 400px;} */
  
  .book-list .book-info .summary {display: none;}
  .book-list .book-info dd,.book-list .book-info dt {float:left; margin-bottom: 5px;}
  .book-list .book-info dt {width: 15%;}
  .book-list .book-info dd {width: 80%;}

  .pc-view-tbl {display: none;}
  .m-view-tbl {display: table; width: 100%;margin-bottom: 50px;}

  .m-view-tbl tr:nth-child(odd) {background:#ebebf1;}
  .m-view-tbl tr:nth-child(odd) tr,.m-view-tbl tr:nth-child(odd) th {padding:5px}
  .m-view-tbl th {font-weight: bold;text-align: left;padding-left: 10px;}
  .m-view-tbl:nth-child(even) {text-align: left;border-bottom:1px solid #b4b4b4;}
  .m-view-tbl:nth-child(even) td {padding:15px 10px; color:#5a5a5a;}
  .view-w {width: 70%;}
  .m-view-tbl p {margin-bottom: 10px;}

  .m-view-tbl .check-icon {width: 27px; height: 27px; display: inline-block;}
  .m-view-tbl input[type="checkbox"] + .check-icon {width: 27px;height: 27px;}
  
    
/*   .m-view-tbl .check input[type="checkbox"]:checked + .check-icon {
  	border:none;
  	background:url('../images/check_on.png') no-repeat;
  	background-size:contain;
  } */
}

@media screen and (max-width: 767px) {
  section {padding-top: 71px;
  }
  .btn-menu {width: 32px; height: 26px; background-size:contain; margin-top: -13px;}

  .logo img {width: 90%;}
  .open .btn-menu-close {width: 25px;height: 25px;background-size:contain}

  .open nav li {height: 70px;}
  .open nav a {line-height: 70px; font-size:18px;}

  .bg-gray dl {width: 100%;}
  .bg-gray dt {height: auto; margin-bottom: 20px;}
  .bg-gray dd {line-height: 1.5; margin-bottom: 10px;}

  .img01 {width: 80%;}
  .img02 {width: 90%;}

  .bg-gray .txt02 {width: 94%; margin:0 auto; height: auto; line-height: 1.5; padding:10px 0;}
  .bg-gray .txt02 strong {display: block;}

  .bg-gray h2 {font-size:30px;}

  .footer-box {width: 94%; margin:0 auto;}
  .footer-box img {width: 60%; position:static; display: block; margin:0 auto; margin-bottom: 20px;}
  .footer-box p {padding-left: 0; text-align: center; font-size:13px;}

  .m-store-tbl th,.m-store-tbl td {font-size:16px; padding:10px 0; padding-left: 10px; letter-spacing: -1px;}
  .store-w {width: 50%;}

  .search-box input[type="text"] /* {width: 150px;} {width: 100%;} */
  .select-100 {width: 70px;}
  .select-100 ul {width: 70px;}
  .select-380 {width: 180px;}
  .select-380 ul {width: 180px;}

  .tab {width: 100%; height: 50px;}
  .tab li {height: 50px;}
  .tab a {line-height: 50px;}

  .tbl-w {width: 100px;}

  .check:nth-last-of-type(1) {margin-left: 0 !important; margin-top: 5px; margin-bottom: 5px;}

  .book-list .book-info dl {width: 300px; margin:20px auto;}
  .book-list .book-info dt {width: 30%;}
  .book-list .book-info dd {width: 60%;}

  .book-list .book-img {display: block; margin:0 auto;}
  .book-list .book-info {display: block; width: 100%; margin-left: 0;}
  .book-list .book-info .title {padding-right: 0; margin-top: 10px; text-align: center;}

  .book-list .btn-ask {position: static;}

  .tbl tbody tr td .hasDatepicker {width: 40%;}
  .tbl input[type="text"] {width: 80px;}
  .view-w {width: 50%;}

  .faq-tbl th {background:url('../images/q.png') no-repeat 10px center; padding-left: 50px;}
  .faq-tbl td {padding:15px 10px;}

  .search-box .btn_search {top: 15px;left: 210%; margin-top: 5px; margin-left: 62%;}
  .search-box .input_wrap {width:100%;}
  .search-box label {min-width: 15%;line-height: 20px;}

  .pc-view-tbl2 {width: 100%;}	
  .table-box2 {width: 100%;}
}