#wrap{
  width: 100%;
  /* height: 3000px; */
  height: 100%;
  position: relative;
}

.inner {
  position: relative;
  width: 100%;
  max-width: 1480px;
  padding: 0 20px;
  margin: 0 auto;
}

.black_dim, .dynamic_black_dim {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #1e2b3783;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  z-index: 95;
  backdrop-filter: blur(5px);
  transition: var(--point-transition)
}

.dynamic_black_dim{
  z-index: 100;
}

.black_dim.on, .dynamic_black_dim.on {
  top: 0;
  visibility: visible;
  opacity: 1;
  pointer-events: inherit;
}


/* 마진 설정 */
.mar_t100{margin-top: 100px;}
.mar_t90{margin-top: 90px;}
.mar_t80{margin-top: 80px;}
.mar_t70{margin-top: 70px;}
.mar_t60{margin-top: 60px;}
.mar_t50{margin-top: 50px;}
.mar_t40{margin-top: 40px;}
.mar_t30{margin-top: 30px;}
.mar_t25{margin-top: 25px;}
.mar_t20{margin-top: 20px;}
.mar_t15{margin-top: 15px;}
.mar_t10{margin-top: 10px;}
.mar_t7{margin-top: 7px;}
.mar_t5{margin-top: 5px;}
.mar_t3{margin-top: 3px;}


.mar_r5{margin-right: 5px;}
.mar_r10{margin-right: 10px;}
.mar_r15{margin-right: 15px;}
.mar_r20{margin-right: 20px;}
.mar_r25{margin-right: 25px;}
.mar_r30{margin-right: 30px;}


.mar_l5{margin-left: 5px;}
.mar_l10{margin-left: 10px;}
.mar_l15{margin-left: 15px;}
.mar_l20{margin-left: 20px;}
.mar_l25{margin-left: 25px;}
.mar_l30{margin-left: 30px;}


.mar_b5{margin-bottom: 5px;}
.mar_b10{margin-bottom: 10px;}
.mar_b20{margin-bottom: 20px;}
.mar_b30{margin-bottom: 30px;}
.mar_b40{margin-bottom: 40px;}
.mar_b50{margin-bottom: 50px;}
.mar_b80{margin-bottom: 80px;}
.mar_b100{margin-bottom: 100px;}


.step_t80{margin-top: 80px;}
.step_t100{margin-top: 100px;}
.step_t120{margin-top: 120px;}
.step_t150{margin-top: 150px;}
.step_t200{margin-top: 200px;}