@media (min-width: 768px) {

  :root {
    --pc-width: 1000px;
    --pc-outside: #f7f9fc;
  }
  
  html {
    font-size: 11px;
  }

  body {
    background: var(--pc-outside);
  }

  #wrap {
    width: 100%;
    max-width: var(--pc-width);
    min-height: 100vh;
    margin: 0 auto 7.8rem;
    background: #f7f9fc;
  }

  /* main.css 에서 left:0 으로 고정돼 있어 가운데 정렬로 덮는다 */
  header,
  footer {
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: var(--pc-width);
  }

  .inner {
    padding: 0 2.4rem;
  }

  .index .inner {
    padding: 2rem 2.4rem;
  }

  .index .btn_wrap {
    max-width: 34rem;
    margin: 0 auto;
  }

  /* ---------- 마우스 환경 인터랙션 ---------- */

  a,
  button,
  select {
    cursor: pointer;
  }

  /* 목록 카드 */
  .list .list_wrap ul li a,
  .recent .list_wrap ul li a,
  .search .list_wrap ul li a,
  .home .list_wrap ul li a,
  .home .quick_wrap ul li a,
  .home .quick_wrap .search_box,
  .home .slide_wrap .swiper_wrap .swiper_box ul li a {
    transition: box-shadow .15s ease, transform .15s ease;
  }
  .list .list_wrap ul li a:hover,
  .recent .list_wrap ul li a:hover,
  .search .list_wrap ul li a:hover,
  .home .list_wrap ul li a:hover,
  .home .quick_wrap ul li a:hover,
  .home .slide_wrap .swiper_wrap .swiper_box ul li a:hover {
    box-shadow: 0 .4rem 1.2rem rgba(47, 107, 255, .15);
    transform: translateY(-.2rem);
  }

  /* 카드가 같이 들리면 어색해서 즐겨찾기는 따로 */
  .list .list_wrap ul li a .bookmark:hover,
  .recent .list_wrap ul li a .bookmark:hover,
  .search .list_wrap ul li a .bookmark:hover {
    opacity: .7;
  }

  /* 파란 버튼류 */
  .index .btn_wrap .next_btn,
  .detail .content_container .link_btn,
  .search .category_wrap .btn_wrap button,
  .search .category_wrap .btn_wrap a,
  .pager a {
    transition: opacity .15s ease;
  }
  .index .btn_wrap .next_btn:hover,
  .detail .content_container .link_btn:hover,
  .search .category_wrap .btn_wrap button:hover,
  .search .category_wrap .btn_wrap a:hover,
  .pager a:hover {
    opacity: .85;
  }

  /* 하단 탭바 */
  footer ul li a {
    transition: opacity .15s ease;
  }
  footer ul li a:hover {
    opacity: .7;
  }

  /* 더보기 목록 */
  .more .main_wrap ul li a {
    transition: background .15s ease;
  }
  .more .main_wrap ul li a:hover {
    background: #eff3f9;
  }

  /* 검색어 / 카테고리 태그 */
  .search .word_wrap .word_box ul li a,
  .recent .category_wrap ul li a {
    transition: background .15s ease, color .15s ease;
  }
  .search .word_wrap .word_box ul li a:hover,
  .recent .category_wrap ul li:not(.active) a:hover {
    background: var(--main-color);
    color: #fff;
  }

  .banner { display: none !important; }
}