/* =========================================================
   MOBILE LAYOUT ENGINE
   PC에는 절대 영향 없음
   ========================================================= */

@media (max-width: 768px) {

  html, body {
    height: auto;
    overflow: visible;
  }

  .layout {
    display: block !important;
    width: 100%;
    height: auto !important;
    overflow: visible !important;
  }

  .topbar {
    position: relative;
    width: 100%;
    height: auto;
  }

  .body-area {
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .main-area,
  .content {
    width: 100%;
    height: auto;
    overflow: visible;
  }

  .sidebar {
    width: 100%;
    height: auto;
    position: relative;
  }

  /* PC 전용 우측영역 제거 */
  .right-area,
  .doc-storage,
  .storage-area {
    display: none !important;
  }

}