@charset "utf-8";

/*===================================================================
* INFORMATION
* -------------------------------------------------------------------
* @Author : Zoe (zoe.kim@think-tree.com), narae (narae.lee@think-tree.com)
* @File Name : sub.css
* @Description : 태블릿 반응형 스타일 정의
* @Create Date : 2021-11-23
* @Last Update Date : N/A
* @History : N/Af
* ====================================================================*/

/* Tablet */
@media (min-width: 768px) {
  /* body {background:thistle;} */
  #container {max-width:640px;margin:0 auto;}
  #container.activity {max-width:none;}

  .statisticsPage {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }
  .statisticsPage::-webkit-scrollbar {
      display: none; /* Chrome, Safari, Opera*/
  }

  .joinPage .bottomFoot .information .tableForm {height:auto;}
}


/* only Tablet  */
@media (min-width: 768px) and (max-width: 1024px) {
  /* body {background:peachpuff;} */
}

/* mini Phone  */
@media (max-width:360px) {
  .basicPop {width:21rem;}
  .joinPage .bottomFoot .information .tableForm .tableCell .backArea ul li .radioForm {min-width:10rem;}
  .joinPage .bottomFoot .agreeCI .tableForm .tableCell .backArea .chkForm {min-width:6rem;}
  .chkForm label i {min-width:6rem;height:8.5rem;}
  .radioLine {width:5.6rem; margin: 0 0.4rem;}
  #whatActive .backArea .radioLine label i {width:6rem;}
  .statisticsPage .statBox .chartBox table tr td {font-size:0.9rem;}
  .noHeartBeat .titleArea {height: 10.5rem;}
}