mjchemi/scss/reset.scss

@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");

*{
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;  
  color: #191919;
}  



div, ol, ul , li , a , p , h1 , h2 , h3, h4 ,h5, h6, span, section, header, main, footer{
  padding:0px;
  margin:0px;
  list-style: none;
  box-sizing: border-box;
  text-decoration: none;
  color: #191919;
}

body{    
  height:100%;
}

.hidden{
  display: none!important;
}

.text-center{
  text-align: center!important;
}
.text-left{
  text-align: left!important;
}
.text-right{
  text-align: right!important ;
}

// 변수 : S
$wirdh-full: 100%;
$w-1200: 1200px;
$translate-center-x: translateX(-50%);
$translate-center-y: translateY(-50%);
$trasnlate-center: translate(-50%, -50%);
$transition-default: all linear 0.3s;
// 변수 : E

//패딩 : 180까지
@for $i from 0 through 500 {
  .pt--#{$i} {
    padding-top: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .pb--#{$i} {
    padding-bottom: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .pl--#{$i} {
    padding-left: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .pr--#{$i} {
    padding-right: #{$i}px !important;
  }
}

//마진 : 180까지
@for $i from 0 through 500 {
  .mt--#{$i} {
    margin-top: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .mb--#{$i} {
    margin-bottom: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .ml--#{$i} {
    margin-left: #{$i}px !important;
  }
}

@for $i from 0 through 500 {
  .mr--#{$i} {
    margin-right: #{$i}px !important;
  }
}