@media (max-width: 1200px) {
  #contents {
    margin-top: 80px;
    margin-left: 0px;
  }

  #left_nav {
    -webkit-transform: translateX(-600px);
  }

  #sub_nav .sub_title {
    padding: 25px 15px 25px 25px;
  }

  .normal_blue_box {
    border-radius: unset;
    border: unset;
    border-bottom: 1px solid #eee;
    box-shadow: unset;
  }

  .normal_blue_box .normal_blue_box_header {
    border-top-left-radius: unset;
    border-top-right-radius: unset;
  }

  .normal_blue_box .normal_blue_box_content {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
    padding: 0.5rem 0.5rem;
  }

  .normal_blue_box .normal_blue_box_content2 {
    padding: unset;
  }

  .normal_blue_box .normal_blue_box_bt {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }

  .normal_white_box {
    border-radius: 0;
  }

  .normal_width_step300,
  .normal_width_step400,
  .normal_width_step500,
  .normal_width_step600,
  .normal_width_step700,
  .normal_width_step800,
  .normal_width_step900,
  .normal_width_step1000,
  .normal_width_step1100,
  .normal_width_step1200,
  .normal_width_step1300,
  .normal_width_step1400,
  .normal_width_step1500,
  .normal_width_step1600 {
    /* width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px; */
    width: 100%;
  }

  .clist {
    width: 94%;
  }

  .clist,
  .clist_header {
    font-size: 1rem;
  }

  .open {
    -webkit-transform: translateX(66px) !important;
  }

  /* 클래스가 붙으면 위로 숨김 */
  .hide-menu {
    transform: translateY(-100%);
  }

  /* 클래스가 붙으면 위로 숨김 */
  .hide-margin {
    margin-top: 0 !important;
    padding-top: 120px !important;
  }

  .big_cate {
    width: 65px;
    height: 65px;
  }
  .icon_desc,
  .big_cate:hover .balloon {
    display: none;
  }
  .big_cate .fa {
    font-size: 1.5rem;
  }

  #contents {
    /* margin-top: 46px; */
    margin-right: unset;
  }

  #top_nav {
    /* height: unset; */
    grid-template-columns: auto 80px 70px;
  }
  #top_nav .add {
    transition: all ease 0.1s;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    cursor: pointer;
    width: 66px;
    height: 56px;
    font-size: 22px;
    justify-content: center;
    align-items: center;
    font-weight: 800;
  }

  #top_nav .top_logo {
    margin-left: 55px;
  }

  #left_nav {
    width: 66px;
    overflow: auto scroll;
    &::-webkit-scrollbar {
      display: none;
    }

    /* (2) Firefox */
    scrollbar-width: none;

    /* (3) Internet Explorer, Old Edge */
    -ms-overflow-style: none;
  }

  #sub_nav {
    -webkit-transform: translateX(-400px);
    width: 300px;
    height: 90%;
    top: 55px;
    font-size: 1.2rem;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  #sub_nav::-webkit-scrollbar {
    display: none;
  }

  #sub_nav .sub_title {
    font-size: 17px;
  }

  .map_tree .map_title {
    font-size: 28px;
  }

  .map_tree {
    grid-template-columns: auto;
    gap: 10px;
    padding: 0 20px;
  }

  .spacing32 {
    display: none;
  }

  .spacing16 {
    height: 0px;
  }
  .map_tree .map_branch {
    filter: opacity(0.5);
  }
}