/* common */

html { font-size: 62.5%; }
body { width: auto; height: auto; overflow-x: hidden !important; font-size: 16px; color: #333; font-family: 'Noto Sans KR', sans-serif; letter-spacing: -1px; }
.wrap { width: 1200px; margin: 0 auto; position: relative; }
.wrap:after, ul:after { content: ""; clear: both; display: block; }
h2 { position: relative; left: -9999px; width: 0; height: 0; font-size: 0; overflow: hidden; }

/* 스크롤 스크립트 */
      .sa {
        opacity: 0;
        transition: all 1.5s ease;
      }

      /* 아래에서 위로 페이드 인 */
      .sa-up {
        transform: translate(0, 100px);
      }

      /* 왼쪽에서 오른쪽으로 페이드 인 */
      .sa-right {
        transform: translate(-100px, 100px);
      }

      /* 오른쪽에서 왼쪽으로 페이드 인 */
      .sa-left {
        transform: translate(100px, 0);
      }


      .sa.show {
        opacity: 1;
        transform: none;
      }