@charset "utf-8";
/* CSS Document */
@media all and (max-width: 1600px) {
  .table-responsive.table_res01 table{ width: 1600px; }
}

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

@media all and (max-width: 1399px) {
  /* .box_wrap .box_txt .collist:nth-last-child(1){ display: none; } */
}

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

@media all and (max-width: 991px) {
  footer li{ font-size: 1.25em; }
  footer li a{ margin: 0 4px; padding: 7px 20px 9px 20px; }

  .news_img_wrap{ width: 250px; }
  .news_info{ width: calc(100% - 280px); }
  .news_info h3{ margin-bottom: 15px; }
  .news_info span{ margin-bottom: 15px; }
  .news_info p{ height: 52px; -webkit-line-clamp: 2; }
  .news_info button{ margin: 17px 0 0 0; }
}

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

@media all and (max-width: 767px) {
  .box_wrap .box_img .rate{ width: 90px; padding: 7px 5px 2px 5px; font-size: 1.875em; }
  .box_wrap .box_img .info{ font-size: 1.25em; }

  footer li{ font-size: 1em; }
  footer li a{ margin: 0 2px; padding: 5px 15px 7px 15px; }

  .dtl_txt{ padding: 20px 10px; }

  .news_img_wrap{ width: 200px; }
  .news_info{ width: calc(100% - 230px); }
  .news_info h3{ height: 53px; margin-bottom: 10px; font-size: 1.25em; overflow: hidden; line-height: 1.325em; text-overflow: ellipsis; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .news_info span{ margin-bottom: 10px; }
  .news_info p{ display: none; }
  .news_info button{ margin: 12px 0 0 0; }

  /* .func_wrap{ margin: 0 10px; padding: 20px 30px;}
  .func_wrap li:first-child div{ margin-right: 25px;}
  .func_wrap li:first-child div i{ font-size: 2em; }
  .func_wrap li:last-child button{ margin: 11px 0 0 0; font-size: 1em; } */

  .func_wrap li{ float: none !important; text-align: center; }
  .func_wrap li:first-child div{ float: none; margin: 0 10px 10px 10px; display: inline-block;}
}

@media all and (max-width: 600px) {
  footer{ padding: 10px 0; }
  footer li{ font-size: .813em; }
  footer li a{ margin: 0 0px; padding: 3px 3px 4px 3px; line-height: 1.25em; text-align: center; }
  footer li a i{ width: 100%; margin-right: 0px; display: block; }
}

@media all and (max-width: 575px) {
  h2{ font-size: 1.5em; }
  h3{ font-size: 1.25em; }
  h4{ font-size: 1.125em; }
  h5{ font-size: 1em; }
  h6{ font-size: 1em; }

  .header li:nth-child(1){ width: 50px; }
  .header li:nth-child(3){ width: 60px; }
  .header li:nth-child(1) a{ margin-top: 0px; font-size: 1.125em; line-height: 1em;}
  .header li:nth-child(2){ width: calc(100% - 110px); }
  .header li:nth-child(2) form select{ width: 60px; font-size: .813em; }
  .header li:nth-child(2) form input{ width: calc(100% - 60px); font-size: .813em; line-height: .813em;}
  .header li:nth-child(3) a{ padding: 11px 5px; font-size: .75em; }

  .banner{ padding: 20px 0; }
  .banner a{ font-size: .813em; }

  main{ padding: 20px 0 65px 0; }

  section{ padding: 20px 0; }
  section h2{ margin-bottom: 20px; }

  .container{ padding: 0 10px;}

  /* .box_wrap .box_img .rate{ width: 80px; padding: 5px 5px 2px 5px; font-size: 1.5em; } */
  .box_wrap .box_img .info{ padding: 8px 12px 8px 12px; font-size: 1em;}
  .box_wrap .box_txt{ padding: 15px; }
/*   .box_wrap .box_txt .collist:nth-child(2){ display: none; } */
  .box_wrap .box_txt .dist{ display: inline-block; }
  /* .box_wrap .box_txt .collist:nth-child(2), .box_wrap .box_txt .collist:nth-child(5), .box_wrap .box_txt .collist:nth-child(6), .box_wrap .box_txt .collist:nth-child(8){ display: none; } */
  /* .box_wrap .box_img .info li{ float: none; width: 100%; text-align: center; }
  .box_wrap .box_img .info li:last-child{ display: none; }
  .box_wrap .box_txt{ padding: 10px; }
  .box_wrap .box_txt .collist{ display: none; }
  .box_wrap .box_txt .price{ display: block; } */

  .dtl_txt{ font-size: 1em; }
  .dtl_txt .cap .rate{ height: 20px; margin: 3px 0 0 20px; padding: 0px 10px; font-size: .813em; line-height: 1.5em; }
  .dtl_txt .price{ margin: 20px 0;}

  .comment{ margin: 30px 10px 0 10px; }

  .comment_wrap{ padding: 30px 10px;}

  .search_wrap{ padding: 20px 15px; font-size: .875em; }

  .checkmark { margin: 0; padding: 5px 13px 6px 13px;}

  .pagination{ display: none; }
  .pagination_jump{ display: block; }

  section h2 .func_wrap{ margin: 20px 0 20px 0; position: static; }

  /* section h2 button{ margin: 0; padding: 2px 8px 3px 22px !important; position: absolute; top: 2px; right: 0; }
  section h2 button i{ margin: 1px 0 0 6px; } */

  .news_img_wrap{ width: 150px; margin-right: 15px; }
  .news_info{ width: calc(100% - 165px); }
  .news_info button{ display: none; }
}

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

  /* .box_wrap .box_txt{ font-size: .75em; }
  .box_wrap .box_txt span:nth-child(1){ width: 30px; margin-right: 5px; padding-right: 5px; }
  .box_wrap .box_txt span:nth-child(2){ width: calc(100% - 40px); } */

  .func_wrap{ margin: 0 10px; padding: 15px 20px;}
  .func_wrap li:first-child div{ margin-right: 15px;}
  .func_wrap li:first-child div i{ margin-bottom: 0px; font-size: 1.625em; }
  .func_wrap li:first-child div p{ font-size: .813em; }
  .func_wrap li:last-child button{ margin: 6px 0 0 0; padding: 10px 25px; }

  .mbr_wrap{ overflow: hidden; }
  .mbr_img_wrap{ float: none; width: 100px; height: 100px; margin: 0 auto; position: relative; }
  .mbr_info{ float: none; width: 100%; margin: 0; padding: 0; text-align: center; }
  .mbr_info h4 p{ margin: 10px 0; display: block; }
  .mbr_info h4 span{ font-size: .75em; display: inline-block; }
  .mbr_info button{ margin: 18px auto 0 auto; }

  .btn{ padding: 12px 25px 14px 25px;}

  .news_img_wrap{ width: 110px; }
  .news_info span{ margin: 0; }
  .news_info{ width: calc(100% - 125px); }
}

@media all and (max-width: 410px) {
  /* .box_wrap .box_img{ border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }
  .box_wrap .box_txt{ display: none; } */
}

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

@media all and (max-width: 374px) {
  .func_wrap li:first-child div{ margin-right: 10px;}
  .func_wrap li:last-child button{ margin: 8px 0 0 0; padding: 8px 20px; }

  .btn{ padding: 7px 15px 9px 15px;}

/*   .box_wrap .box_txt .collist:nth-child(4), .box_wrap .box_txt .collist:nth-child(5){ display: none; } */
}

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