@charset "UTF-8";

@media (max-width: 1400px){
  .menu-sub .wrap { width: 1120px;}
  .menu-sub .wrap ul{width: 196px!important;}
  .menu .menu-item{ padding: 2rem 0; width: 14rem !important; }
}

@media (max-width: 1200px){
  main::before{content: ''; display: none;}
  main::after{content: ''; display: none;}
  .menu-sub .wrap { width: 940px;}
  .menu-sub .wrap ul{width: 140px!important;}
  .menu .menu-item{ padding: 2rem 0; width: 10rem !important; }
  .m-link{justify-content: space-between;}
  .m-link .link-item{margin-right: 1rem; }
}

/* sjkim... */
.web-hide{display: none!important;}
@media (max-width:1024px){
  .mf-layout{
      display: grid;
      gap: 0;
      grid-template-areas: "sidebar main"; grid-template-columns: 1fr auto;}

  .lf-sidebar{display: none;}
  .m-link{justify-content: space-around;}
  .m-link .link-item{margin-right: 3rem; }
  .menu .menu-item{ padding: 2rem 0; width: 8rem !important; }
  .tb-div-cell{ padding: 2px 5px; word-break: normal;}
  /* sjkim... */
  .mbl-hide{display: none!important;}
  .mbl-show{display: inline-block!important;}
}

@media (max-width:968px){
    .hf-wrap{ height:90px; padding: 1rem 0;}
    .offcanvas-title::before { background-size: 85% !important;}
    .offcanvas-title{ color: #333 !important; font-size: 1.14rem !important;}
    .topmenu{display: none;}
    .hf-link{display: none;}
    .hf-wrap h1{height: 50px; line-height: 50px; font-size: 1.36rem; letter-spacing: -0.2rem;}
    .hf-wrap h1::before{height: 50px; background-size: 80%;}
    .btn-menu{display: inline-flex;width:3rem; height: 3rem;display: block; text-indent: -9999px;
              background:transparent url('../../images/biz/ico_menu.svg') no-repeat center center; background-size: 1.8rem;}
    .login{ height: auto; margin:2rem; box-shadow: none;}
    .login .m-title{ font-size: 1rem;}
    .login .join, .login .find-id{ font-size: 0.91rem; display: none;}

    .mf-search .cell-label{line-height: 44px;}
    .mf-search .cell-form, .mf-search .cell-form-2 {display: block; width: calc(100% - 126px); margin: 5px 0;}
    .card .card-header{ flex-wrap: wrap;}
    .card .card-header .vr{ display: none;}

    input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control{
      padding:3px 4px !important;
      white-space: nowrap;
      overflow: visible;
      line-height: 28px !important;
    }
    .form-control{ padding: 3px 4px !important;}

    footer .f-logo{ width: 100%; height:3rem; background-size:50%;}
    footer ul{display: flex; margin: 1rem 0; }
    footer ul li{ height: 1.4rem; line-height: 1.4rem;}
    footer .justify-content-between{   flex-direction:column;}
    footer .form-select{ width: 90vw;}
}
@media (max-width: 768px){
  .pr-6{ padding-right: 0;}

  main::before{content: ''; display: none;}
  main::after{content: ''; display: none;}
  /* .main{background-size: 50%;} */
.main {
    background-size: 50%;
    padding-bottom: 250px!important;
}/* sjkim added */
  .lf-sidebar{display: none;}

  .m-link .link-item{margin-right: 0; }
  .m-link .link-item .icon {
    width: 9rem;/* sjkim...old = 8rem */
    height: 8rem;
    padding: 1.5rem;
  }
  .tb-view th{ font-size: .91rem; }
}