@media (max-width: 1024px) {
  /* 스크린 최대 너비 768px 일 때 */

  /* mobilemenu */

  .linkBox li:nth-child(even) {
    bottom: 0;
  }
  .linkBox ul li:hover a button {display: none;}
  #mMenuWrap {display: block;}
  nav {display: none;}
  .subMenuWrap {display: none;}
  .menu_btn{
      text-align: right;
      padding: 10px;
    }
    h1.headLogo {position: unset;}
    .headerInner {position: unset;}
    .menu_bg{
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.7);
      position: absolute;
      top:0;
      display: none;
    }
    .sidebar_menu{
      width: 30%;
      height: 100vh;
      background: var(--lightGray);
      position: absolute;
      top:0;
      right: -50%;
      
    }
    .close_btn{
      width: 25px;
      height: 25px;
      margin:10px;
    }
    .close_btn > a{
      display: block;
      width: 100%;
      height: 100%;
    }
    .menu_wrap{
      list-style: none;
    }
    .menu_wrap li {
      padding: 2vw 5vw;
      font-size: 15px;
    }
    .menu_wrap li a{
      display: block;
    }
    .menu_wrap li > .twoD {
      display: none;
    }
    .menu_wrap li > .twoD a{
      padding: 6px 0;
      border-bottom: 1px solid #d1d1d1;
      color: #999;
    }
    .menu_wrap li:hover, .menu_wrap li:active {
      background: var(--light);
    }
    header:hover > .subMenuWrap {
      display: none;
    }
    /* //mobilemenu */
    .subTit span {
      font-size: 2vw;
    }
  /* mainLocation */
  #mainLocation {
      height: 100%;
  }
  .contact {
    padding-top: 3vw;
  }
  .iconTxt { padding: 1vw;}
  .consult { justify-content: flex-start;}
  .consult a {padding-right: 3vw;}
  .mailCont {width: 100%;}
  
  .locacont {
      display: block;
  }
  .locaMap { width: 100%; }
  .locaMap img {
      width: 100%;
      height: 100%;
  }
  .locaInfo {
      width: 100%;
  }
  /* mainLink */
  #mainLink, .mainLinkBg {
    height: 100%;
  }
  .linkBox ul {
    flex-wrap: wrap;
  }
  .linkBox ul li {
    margin: 5vw 0;
    width: 39vw;
    height: 39vw;
  }
  .linkBox ul li a {
    width: 100%;
    height: 100%;
  }
  .linkBox ul li a img {
    width: 16vw;
  }

  .linkBox ul li a span {
    font-size: 3.3vw;
  }
  .linkBox ul li:nth-child(odd) a, .linkBox ul li:nth-child(even) a {
    left: 0;
    bottom: 0;
    top: 0; 
  }
  .mySwiper {display: none;}
  .main_banner_m { display: block; transition: 0.5s;}
  .linkBox li .linkImg {
    height: 39vw;
  }

  .bgGray::after, .bgWhite::after {
    display: none;
  }
  /* mainNotice */
  #mainNotice { height: 100%; }
  .noticeInner { 
    display: block; 
    padding: 5vw 0;}
  .noticeBox { display: block; width: 100%;}
  .noticeTit p { display: none; }
  .boxList { 
    width: 100%; 
    height: 25vw; 
  }
  .boxList em {
    font-size: 2.3vw;
  }
  .boxList strong  {
    font-size: 2.1vw;
  }
  .boxList p {
    font-size: 2vw;
  }
  .boxList span {
    font-size: 1.9vw;
  }
  .boxLeft , .boxRight {width: 100%;}

  /* footer */
  #footer {
    height: 20vh;
  }
  .footLogo {display: none;} 
}


@media (max-width: 768px) {
 
  .mainTxt span { font-size: 2rem;}
  .subTit h3 {font-size: 2rem;}
  /*page*/

.pageInner {flex-direction: column;}
.pageLeft, .pageRight {width: 100%; }
.subInner>h2 {font-size: 2rem; padding-right: 10px;}
.subInner>p {font-size: 14px;padding-right: 10px}
.pageCont h3 {font-size: 1.5rem;}
.pageCont {padding: 0 10px;}

.sidebar_menu {width: 70%; right: -70%;}

.locaInfo {font-size: 1rem;}

#mainLocation {padding-bottom: 12vh;}
#footer {height: 25vh;}
}