#reg {
  background: #ccc url('../../../img/reg/reg-bg.jpg') center/cover no-repeat !important;
}
#reg .content {
  padding-top: 108px;
  padding-bottom: 120px;
  overflow: visible !important;
  background-color: transparent !important;
}
#reg .eff01 {
  position: absolute;
  bottom: -22px;
  left: -414px;
  z-index: 2;
}
#reg .eff02 {
  position: absolute;
  top: -370px;
  right: -570px;
  z-index: 2;
  animation-delay: 0.6s !important;
}
#reg .eff03 {
  position: absolute;
  top: -370px;
  right: -910px;
  z-index: 2;
  animation-delay: 1s !important;
}
#reg .section-title {
  align-items: flex-start;
}
#reg .section-title .section-type {
  color: white;
}
#reg .section-title .section-name {
  color: white;
}
#reg .section-title .section-bar {
  width: 100% !important;
  background-color: white !important;
}
#reg .section-title .section-name-sub {
  color: white;
  text-align: left;
  margin-top: 48px;
}

#reg .row {  
  display: flex;
  justify-content: flex-end;
}
#reg .box {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#reg .box img {
  width: 236px;
  margin-left: 26px;
}
#reg .submit-button {
  margin-top: 65px;
  width: 357px;
  height: 60px;
}

#reg .eff-anim {
  animation: reg-up-down 4s ease-in-out infinite;
}

@keyframes reg-up-down {  
  0% { transform: translateY(0px); }  
  50% { transform: translateY(-45px); }  
  100% { transform: translateY(0px); }  
  /* 50% { transform: translateY(-22px); }  
  75% { transform: translateY(-22px); }   */
}

/*******************************/
/* 반응형 */
/*******************************/

/* 모바일 */
@media screen and (max-width: 450px) {
  #reg .eff01, #reg .eff02 {
    display: none;
  }
  #reg .content {
    padding-top: 70px;
    padding-bottom: 75px;
    padding-left: 16px;
    padding-right: 16px;
  }
  #reg .section-title {
    /* margin-top: 80px; */
  }
  #reg .section-title .section-name-sub {
    margin-top: 31px;
  }
  #reg .row {
    justify-content: center;

    padding: 0 8px;
    width: auto;
    margin: 0 14px;
    margin-top: 56px;
  }
  #reg .box {
    width: 100%;
    margin: 0 auto;
  }
  #reg .box .submit {
    margin-top: 57.5px;
    height: 51.5px;
    margin-left: 19.41px;
    margin-right: 19.41px;
    width: auto;
  }
  #reg .box .submit .txt {
    font-size: 18px;    
  }
  #reg .box .submit .txt i {
    font-size: 17px;  
    margin-left: 5.21px;
  }
  #reg .box > img {
    width: 48.625%;
  }
  #reg .submit-button {
    margin-top: 44px;
    width: 100%;
  }
}
/* 테블릿 */
@media screen and (min-width: 451px) and (max-width: 1023px) {
  #reg .box {
    margin: 0 auto;
    margin-top: 56px;
  }

  #reg .section-title {
    padding: 0 15px;
  }
}
/* PC */
@media screen and (min-width: 1024px) {
}