@charset "UTF-8";
:root {
  --en-font:  "Archivo", sans-serif;
  --kr-font:  "Noto Sans KR", sans-serif;
}
body {
    color: #fff;
}
/* ========= [ * inner pages ]  =========*/
:root {
  --bg-color: #fff;
  --theme-color: #262626;
  --main-color: rgba(255, 255, 255, 0.1); }

/* --------------- Menu --------------- */

.work-hed h1 {
  font-family: var(--en-font);
  font-size: 6rem;
  letter-spacing: -2px;
}
.work-hed .section-padding {
    padding-top: 6rem;
    padding-bottom: 6rem;
}





.works-mp {
  padding-bottom: 100px; }
.m_item {
    
    border-top: 0px solid rgba(255, 255, 255, 0.1);
    margin-bottom: 80px; }
        .m_item .cont {
      padding-top: 30px;}
      .m_item { transform: translateY(0);
      transition-property: transform;
      transition-duration: 0.3s;
      transition-delay: 0s;
      transition-timing-function: ease-in; }
    .m_item:hover { transform:translateY(-10px); }

    .m_item:hover .cont a {
      background: var(--main-color);
      border-color: var(--main-color); }
    .m_item .cont h5 {
      font-weight: 400;
      margin-bottom: 0px; 
        letter-spacing: 0;}
    .m_item .cont span {
      font-size: 14px;
      font-weight: 300;
      border-radius: 30px;
      text-transform: uppercase; 
    color:#c0c0c0}
    .m_item .cont a {
      padding: 8px 16px;
      border-radius: 30px;
      border: 0px solid rgba(255, 255, 255, 0.1);
      -webkit-transition: all .4s;
      -o-transition: all .4s;
      transition: all .4s; }
    .m_item .img {
      border-radius: 10px;
      overflow: hidden;
      margin-top: 0px; }
      .m_item .img img {
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center; }


        @media (max-width: 960px) {

  .work-hed h1 {
    font-size: 1.3rem;
      letter-spacing: 0px;
  }
  .work-hed .section-padding {
    padding-bottom: 3rem;
}
.m_item {
   margin-bottom: 30px;
}
}