/* font  size*/
.f-s-8px {
  font-size: 8px !important;
}
.f-s-9px {
  font-size: 9px !important;
}
.f-s-10px {
  font-size: 10px !important;
}
.f-s-11px {
  font-size: 11px !important;
}
.f-s-12px {
  font-size: 12px !important;
}
.f-s-13px {
  font-size: 13px !important;
}

.f-s-15px {
  font-size: 15px !important;
}
.f-s-16px {
  font-size: 16px !important;
}
.f-s-17px {
  font-size: 17px !important;
}
.f-s-19px {
  font-size: 19px !important;
}
.f-s-20px {
  font-size: 20px !important;
}
.f-s-21px {
  font-size: 21px !important;
}
.f-s-22px {
  font-size: 22px !important;
}
.f-s-23px {
  font-size: 23px !important;
}
.f-s-25px {
  font-size: 25px !important;
}
.f-s-26px {
  font-size: 26px !important;
}
.f-s-27px {
  font-size: 27px !important;
}
.f-s-28px {
  font-size: 28px !important;
}
.f-s-29px {
  font-size: 29px !important;
}
.f-s-30px {
  font-size: 30px !important;
}
.f-s-31px {
  font-size: 31px !important;
}
.f-s-32px {
  font-size: 32px !important;
}

/* 모바일 폰트 크기 */
@media screen and (max-width: 719px) {
  .mo\:f-s-6px {
    font-size: 6px !important;
  }
  .mo\:f-s-7px {
    font-size: 7px !important;
  }
  .mo\:f-s-8px {
    font-size: 8px !important;
  }
  .mo\:f-s-9px {
    font-size: 9px !important;
  }
  .mo\:f-s-10px {
    font-size: 10px !important;
  }
  .mo\:f-s-11px {
    font-size: 11px !important;
  }
  .mo\:f-s-12px {
    font-size: 12px !important;
  }
  .mo\:f-s-13px {
    font-size: 13px !important;
  }
  .mo\:f-s-14px {
    font-size: 14px !important;
  }
  .mo\:f-s-15px {
    font-size: 15px !important;
  }
  .mo\:f-s-16px {
    font-size: 16px !important;
  }
  .mo\:f-s-17px {
    font-size: 17px !important;
  }
  .mo\:f-s-18px {
    font-size: 18px !important;
  }
  .mo\:f-s-19px {
    font-size: 19px !important;
  }
  .mo\:f-s-20px {
    font-size: 20px !important;
  }
  .mo\:f-s-21px {
    font-size: 21px !important;
  }
  .mo\:f-s-22px {
    font-size: 22px !important;
  }
  .mo\:f-s-23px {
    font-size: 23px !important;
  }
  .mo\:f-s-24px {
    font-size: 24px !important;
  }
}
/* font  size*/

/* line-height */
.l-h-15px {
  line-height: 15px !important;
}
.l-h-19px {
  line-height: 19px !important;
}
.l-h-21px {
  line-height: 21px !important;
}
.l-h-22px {
  line-height: 22px !important;
}
.l-h-23px {
  line-height: 23px !important;
}
.l-h-25px {
  line-height: 25px !important;
}
.l-h-26px {
  line-height: 26px !important;
}
.l-h-28px {
  line-height: 28px !important;
}
.l-h-29px {
  line-height: 29px !important;
}
.l-h-30px {
  line-height: 30px !important;
}
.l-h-34px {
  line-height: 34px !important;
}
.l-h-38px {
  line-height: 38px !important;
}
.l-h-41px {
  line-height: 41px !important;
}
.l-h-1 {
  line-height: 1 !important;
}

@media screen and (max-width: 719px) {
  .mo\:l-h-11px {
    line-height: 11px !important;
  }
  .mo\:l-h-12px {
    line-height: 12px !important;
  }
  .mo\:l-h-13px {
    line-height: 13px !important;
  }
  .mo\:l-h-14px {
    line-height: 14px !important;
  }
  .mo\:l-h-15px {
    line-height: 15px !important;
  }
  .mo\:l-h-16px {
    line-height: 16px !important;
  }
  .mo\:l-h-17px {
    line-height: 17px !important;
  }
  .mo\:l-h-18px {
    line-height: 18px !important;
  }
  .mo\:l-h-19px {
    line-height: 19px !important;
  }
  .mo\:l-h-20px {
    line-height: 20px !important;
  }
  .mo\:l-h-21px {
    line-height: 21px !important;
  }
  .mo\:l-h-22px {
    line-height: 22px !important;
  }
  .mo\:l-h-23px {
    line-height: 23px !important;
  }
  .mo\:l-h-24px {
    line-height: 24px !important;
  }
  .mo\:l-h-25px {
    line-height: 25px !important;
  }
  .mo\:l-h-26px {
    line-height: 26px !important;
  }
  .mo\:l-h-27px {
    line-height: 27px !important;
  }
  .mo\:l-h-28px {
    line-height: 28px !important;
  }
  .mo\:l-h-29px {
    line-height: 29px !important;
  }
  .mo\:l-h-30px {
    line-height: 30px !important;
  }
  .mo\:l-h-31px {
    line-height: 31px !important;
  }
  .mo\:l-h-32px {
    line-height: 32px !important;
  }
  .mo\:l-h-33px {
    line-height: 33px !important;
  }
  .mo\:l-h-34px {
    line-height: 34px !important;
  }
  .mo\:l-h-35px {
    line-height: 35px !important;
  }
  .mo\:l-h-36px {
    line-height: 36px !important;
  }
  .mo\:l-h-46px {
    line-height: 46px !important;
  }
  .mo\:l-h-1 {
    line-height: 1 !important;
  }
}
/* line-height */

/* padding */
.p-t-1px {
  padding-top: 1px !important;
}
.p-t-2px {
  padding-top: 2px !important;
}
.p-t-3px {
  padding-top: 3px !important;
}
.p-t-4px {
  padding-top: 4px !important;
}
.p-t-5px {
  padding-top: 5px !important;
}
.p-t-6px {
  padding-top: 6px !important;
}
.p-t-7px {
  padding-top: 7px !important;
}
.p-t-8px {
  padding-top: 8px !important;
}
.p-t-9px {
  padding-top: 9px !important;
}
.p-t-10px {
  padding-top: 10px !important;
}
.p-t-11px {
  padding-top: 11px !important;
}
.p-t-12px {
  padding-top: 12px !important;
}
.p-t-13px {
  padding-top: 13px !important;
}
.p-t-14px {
  padding-top: 14px !important;
}
.p-t-15px {
  padding-top: 15px !important;
}
.p-t-17px {
  padding-top: 17px !important;
}
.p-t-18px {
  padding-top: 18px !important;
}
.p-t-19px {
  padding-top: 19px !important;
}
.p-t-20px {
  padding-top: 20px !important;
}
.p-t-21px {
  padding-top: 21px !important;
}
.p-t-22px {
  padding-top: 22px !important;
}
.p-t-23px {
  padding-top: 23px !important;
}
.p-t-25px {
  padding-top: 25px !important;
}
.p-t-26px {
  padding-top: 26px !important;
}
.p-t-27px {
  padding-top: 27px !important;
}
.p-t-28px {
  padding-top: 28px !important;
}
.p-t-29px {
  padding-top: 29px !important;
}
.p-t-31px {
  padding-top: 31px !important;
}
.p-t-96px {
  padding-top: 96px !important;
}
.p-t-0px {
  padding-top: 0px !important;
}

/* 모바일 패딩 설정 */
@media screen and (max-width: 719px) {
  .mo\:p-t-1px {
    padding-top: 1px !important;
  }
  .mo\:p-t-2px {
    padding-top: 2px !important;
  }
  .mo\:p-t-3px {
    padding-top: 3px !important;
  }
  .mo\:p-t-4px {
    padding-top: 4px !important;
  }
  .mo\:p-t-5px {
    padding-top: 5px !important;
  }
  .mo\:p-t-6px {
    padding-top: 6px !important;
  }
  .mo\:p-t-7px {
    padding-top: 7px !important;
  }
  .mo\:p-t-8px {
    padding-top: 8px !important;
  }
  .mo\:p-t-9px {
    padding-top: 9px !important;
  }
  .mo\:p-t-10px {
    padding-top: 10px !important;
  }
  .mo\:p-t-11px {
    padding-top: 11px !important;
  }
  .mo\:p-t-12px {
    padding-top: 12px !important;
  }
  .mo\:p-t-13px {
    padding-top: 13px !important;
  }
  .mo\:p-t-14px {
    padding-top: 14px !important;
  }
  .mo\:p-t-15px {
    padding-top: 15px !important;
  }
  .mo\:p-t-16px {
    padding-top: 16px !important;
  }
  .mo\:p-t-17px {
    padding-top: 17px !important;
  }
  .mo\:p-t-18px {
    padding-top: 18px !important;
  }
  .mo\:p-t-19px {
    padding-top: 19px !important;
  }
  .mo\:p-t-20px {
    padding-top: 20px !important;
  }
  .mo\:p-t-21px {
    padding-top: 21px !important;
  }
  .mo\:p-t-22px {
    padding-top: 22px !important;
  }
  .mo\:p-t-23px {
    padding-top: 23px !important;
  }
  .mo\:p-t-24px {
    padding-top: 24px !important;
  }
  .mo\:p-t-25px {
    padding-top: 25px !important;
  }
  .mo\:p-t-26px {
    padding-top: 26px !important;
  }
  .mo\:p-t-27px {
    padding-top: 27px !important;
  }
  .mo\:p-t-28px {
    padding-top: 28px !important;
  }
  .mo\:p-t-29px {
    padding-top: 29px !important;
  }
  .mo\:p-t-30px {
    padding-top: 30px !important;
  }
  .mo\:p-t-31px {
    padding-top: 31px !important;
  }
  .mo\:p-t-32px {
    padding-top: 32px !important;
  }
  .mo\:p-t-33px {
    padding-top: 33px !important;
  }
  .mo\:p-t-34px {
    padding-top: 34px !important;
  }
  .mo\:p-t-100px {
    padding-top: 100px !important;
  }
  .mo\:p-t-0px {
    padding-top: 0px !important;
  }
}

.p-r-1px {
  padding-right: 1px !important;
}
.p-r-2px {
  padding-right: 2px !important;
}
.p-r-3px {
  padding-right: 3px !important;
}
.p-r-4px {
  padding-right: 4px !important;
}
.p-r-5px {
  padding-right: 5px !important;
}
.p-r-6px {
  padding-right: 6px !important;
}
.p-r-7px {
  padding-right: 7px !important;
}
.p-r-8px {
  padding-right: 8px !important;
}
.p-r-9px {
  padding-right: 9px !important;
}
.p-r-10px {
  padding-right: 10px !important;
}
.p-r-11px {
  padding-right: 11px !important;
}
.p-r-12px {
  padding-right: 12px !important;
}
.p-r-13px {
  padding-right: 13px !important;
}
.p-r-14px {
  padding-right: 14px !important;
}
.p-r-15px {
  padding-right: 15px !important;
}
.p-r-16px {
  padding-right: 16px !important;
}
.p-r-17px {
  padding-right: 17px !important;
}
.p-r-18px {
  padding-right: 18px !important;
}
.p-r-19px {
  padding-right: 19px !important;
}
.p-r-20px {
  padding-right: 20px !important;
}
.p-r-21px {
  padding-right: 21px !important;
}
.p-r-22px {
  padding-right: 22px !important;
}
.p-r-23px {
  padding-right: 23px !important;
}
.p-r-24px {
  padding-right: 24px !important;
}
.p-r-25px {
  padding-right: 25px !important;
}
.p-r-26px {
  padding-right: 26px !important;
}
.p-r-27px {
  padding-right: 27px !important;
}
.p-r-28px {
  padding-right: 28px !important;
}
.p-r-29px {
  padding-right: 29px !important;
}
.p-r-30px {
  padding-right: 30px !important;
}
.p-r-31px {
  padding-right: 31px !important;
}
.p-r-32px {
  padding-right: 32px !important;
}
.p-r-40px {
  padding-right: 40px !important;
}
.p-r-50px {
  padding-right: 50px !important;
}
.p-r-134px {
  padding-right: 134px !important;
}
.p-r-160px {
  padding-right: 160px !important;
}
.p-r-0px {
  padding-right: 0px !important;
}

/* 모바일 패딩 설정 */
@media screen and (max-width: 719px) {
  .mo\:p-r-1px {
    padding-right: 1px !important;
  }
  .mo\:p-r-2px {
    padding-right: 2px !important;
  }
  .mo\:p-r-3px {
    padding-right: 3px !important;
  }
  .mo\:p-r-4px {
    padding-right: 4px !important;
  }
  .mo\:p-r-5px {
    padding-right: 5px !important;
  }
  .mo\:p-r-6px {
    padding-right: 6px !important;
  }
  .mo\:p-r-7px {
    padding-right: 7px !important;
  }
  .mo\:p-r-8px {
    padding-right: 8px !important;
  }
  .mo\:p-r-9px {
    padding-right: 9px !important;
  }
  .mo\:p-r-10px {
    padding-right: 10px !important;
  }
  .mo\:p-r-11px {
    padding-right: 11px !important;
  }
  .mo\:p-r-12px {
    padding-right: 12px !important;
  }
  .mo\:p-r-13px {
    padding-right: 13px !important;
  }
  .mo\:p-r-14px {
    padding-right: 14px !important;
  }
  .mo\:p-r-15px {
    padding-right: 15px !important;
  }
  .mo\:p-r-16px {
    padding-right: 16px !important;
  }
  .mo\:p-r-17px {
    padding-right: 17px !important;
  }
  .mo\:p-r-18px {
    padding-right: 18px !important;
  }
  .mo\:p-r-19px {
    padding-right: 19px !important;
  }
  .mo\:p-r-20px {
    padding-right: 20px !important;
  }
  .mo\:p-r-21px {
    padding-right: 21px !important;
  }
  .mo\:p-r-22px {
    padding-right: 22px !important;
  }
  .mo\:p-r-23px {
    padding-right: 23px !important;
  }
  .mo\:p-r-24px {
    padding-right: 24px !important;
  }
  .mo\:p-r-25px {
    padding-right: 25px !important;
  }
  .mo\:p-r-26px {
    padding-right: 26px !important;
  }
  .mo\:p-r-27px {
    padding-right: 27px !important;
  }
  .mo\:p-r-28px {
    padding-right: 28px !important;
  }
  .mo\:p-r-0px {
    padding-right: 0px !important;
  }
}
.p-b-1px {
  padding-bottom: 1px !important;
}
.p-b-2px {
  padding-bottom: 2px !important;
}
.p-b-3px {
  padding-bottom: 3px !important;
}
.p-b-4px {
  padding-bottom: 4px !important;
}
.p-b-5px {
  padding-bottom: 5px !important;
}
.p-b-6px {
  padding-bottom: 6px !important;
}
.p-b-7px {
  padding-bottom: 7px !important;
}
.p-b-8px {
  padding-bottom: 8px !important;
}
.p-b-9px {
  padding-bottom: 9px !important;
}
.p-b-10px {
  padding-bottom: 10px !important;
}
.p-b-11px {
  padding-bottom: 11px !important;
}
.p-b-13px {
  padding-bottom: 13px !important;
}
.p-b-14px {
  padding-bottom: 14px !important;
}
.p-b-15px {
  padding-bottom: 15px !important;
}
.p-b-17px {
  padding-bottom: 17px !important;
}
.p-b-18px {
  padding-bottom: 18px !important;
}
.p-b-19px {
  padding-bottom: 19px !important;
}
.p-b-20px {
  padding-bottom: 20px !important;
}
.p-b-21px {
  padding-bottom: 21px !important;
}
.p-b-22px {
  padding-bottom: 22px !important;
}
.p-b-23px {
  padding-bottom: 23px !important;
}
.p-b-25px {
  padding-bottom: 25px !important;
}
.p-b-26px {
  padding-bottom: 26px !important;
}
.p-b-27px {
  padding-bottom: 27px !important;
}
.p-b-28px {
  padding-bottom: 28px !important;
}
.p-b-29px {
  padding-bottom: 29px !important;
}
.p-b-30px {
  padding-bottom: 30px !important;
}
.p-b-31px {
  padding-bottom: 31px !important;
}
.p-b-32px {
  padding-bottom: 32px !important;
}
.p-b-50px {
  padding-bottom: 50px !important;
}
.p-b-0px {
  padding-bottom: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:p-b-1px {
    padding-bottom: 1px !important;
  }
  .mo\:p-b-2px {
    padding-bottom: 2px !important;
  }
  .mo\:p-b-3px {
    padding-bottom: 3px !important;
  }
  .mo\:p-b-4px {
    padding-bottom: 4px !important;
  }
  .mo\:p-b-5px {
    padding-bottom: 5px !important;
  }
  .mo\:p-b-6px {
    padding-bottom: 6px !important;
  }
  .mo\:p-b-7px {
    padding-bottom: 7px !important;
  }
  .mo\:p-b-8px {
    padding-bottom: 8px !important;
  }
  .mo\:p-b-9px {
    padding-bottom: 9px !important;
  }
  .mo\:p-b-10px {
    padding-bottom: 10px !important;
  }
  .mo\:p-b-11px {
    padding-bottom: 11px !important;
  }
  .mo\:p-b-12px {
    padding-bottom: 12px !important;
  }
  .mo\:p-b-13px {
    padding-bottom: 13px !important;
  }
  .mo\:p-b-14px {
    padding-bottom: 14px !important;
  }
  .mo\:p-b-15px {
    padding-bottom: 15px !important;
  }
  .mo\:p-b-16px {
    padding-bottom: 16px !important;
  }
  .mo\:p-b-17px {
    padding-bottom: 17px !important;
  }
  .mo\:p-b-18px {
    padding-bottom: 18px !important;
  }
  .mo\:p-b-19px {
    padding-bottom: 19px !important;
  }
  .mo\:p-b-20px {
    padding-bottom: 20px !important;
  }
  .mo\:p-b-21px {
    padding-bottom: 21px !important;
  }
  .mo\:p-b-22px {
    padding-bottom: 22px !important;
  }
  .mo\:p-b-23px {
    padding-bottom: 23px !important;
  }
  .mo\:p-b-24px {
    padding-bottom: 24px !important;
  }
  .mo\:p-b-25px {
    padding-bottom: 25px !important;
  }
  .mo\:p-b-26px {
    padding-bottom: 26px !important;
  }
  .mo\:p-b-27px {
    padding-bottom: 27px !important;
  }
  .mo\:p-b-28px {
    padding-bottom: 28px !important;
  }
  .mo\:p-b-29px {
    padding-bottom: 29px !important;
  }
  .mo\:p-b-30px {
    padding-bottom: 30px !important;
  }
  .mo\:p-b-0px {
    padding-bottom: 0px !important;
  }
}
.p-l-1px {
  padding-left: 1px !important;
}
.p-l-2px {
  padding-left: 2px !important;
}
.p-l-3px {
  padding-left: 3px !important;
}
.p-l-4px {
  padding-left: 4px !important;
}
.p-l-5px {
  padding-left: 5px !important;
}
.p-l-6px {
  padding-left: 6px !important;
}
.p-l-7px {
  padding-left: 7px !important;
}
.p-l-8px {
  padding-left: 8px !important;
}
.p-l-9px {
  padding-left: 9px !important;
}
.p-l-10px {
  padding-left: 10px !important;
}
.p-l-11px {
  padding-left: 11px !important;
}
.p-l-12px {
  padding-left: 12px !important;
}
.p-l-13px {
  padding-left: 13px !important;
}
.p-l-14px {
  padding-left: 14px !important;
}
.p-l-15px {
  padding-left: 15px !important;
}
.p-l-16px {
  padding-left: 16px !important;
}
.p-l-17px {
  padding-left: 17px !important;
}
.p-l-18px {
  padding-left: 18px !important;
}
.p-l-19px {
  padding-left: 19px !important;
}
.p-l-20px {
  padding-left: 20px !important;
}
.p-l-21px {
  padding-left: 21px !important;
}
.p-l-22px {
  padding-left: 22px !important;
}
.p-l-23px {
  padding-left: 23px !important;
}
.p-l-24px {
  padding-left: 24px !important;
}
.p-l-25px {
  padding-left: 25px !important;
}
.p-l-26px {
  padding-left: 26px !important;
}
.p-l-27px {
  padding-left: 27px !important;
}
.p-l-28px {
  padding-left: 28px !important;
}
.p-l-29px {
  padding-left: 29px !important;
}
.p-l-30px {
  padding-left: 30px !important;
}
.p-l-31px {
  padding-left: 31px !important;
}
.p-l-32px {
  padding-left: 32px !important;
}
.p-l-40px {
  padding-left: 40px !important;
}
.p-l-50px {
  padding-left: 50px !important;
}
.p-l-134px {
  padding-left: 134px !important;
}
.p-l-160px {
  padding-left: 160px !important;
}
.p-l-0px {
  padding-left: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:p-l-0 {
    padding-left: 0 !important;
  }
  .mo\:p-r-0 {
    padding-right: 0 !important;
  }
  .mo\:p-l-1px {
    padding-left: 1px !important;
  }
  .mo\:p-l-2px {
    padding-left: 2px !important;
  }
  .mo\:p-l-3px {
    padding-left: 3px !important;
  }
  .mo\:p-l-4px {
    padding-left: 4px !important;
  }
  .mo\:p-l-5px {
    padding-left: 5px !important;
  }
  .mo\:p-l-6px {
    padding-left: 6px !important;
  }
  .mo\:p-l-7px {
    padding-left: 7px !important;
  }
  .mo\:p-l-8px {
    padding-left: 8px !important;
  }
  .mo\:p-l-9px {
    padding-left: 9px !important;
  }
  .mo\:p-l-10px {
    padding-left: 10px !important;
  }
  .mo\:p-l-11px {
    padding-left: 11px !important;
  }
  .mo\:p-l-12px {
    padding-left: 12px !important;
  }
  .mo\:p-l-13px {
    padding-left: 13px !important;
  }
  .mo\:p-l-14px {
    padding-left: 14px !important;
  }
  .mo\:p-l-15px {
    padding-left: 15px !important;
  }
  .mo\:p-l-16px {
    padding-left: 16px !important;
  }
  .mo\:p-l-17px {
    padding-left: 17px !important;
  }
  .mo\:p-l-18px {
    padding-left: 18px !important;
  }
  .mo\:p-l-19px {
    padding-left: 19px !important;
  }
  .mo\:p-l-20px {
    padding-left: 20px !important;
  }
  .mo\:p-l-21px {
    padding-left: 21px !important;
  }
  .mo\:p-l-22px {
    padding-left: 22px !important;
  }
  .mo\:p-l-23px {
    padding-left: 23px !important;
  }
  .mo\:p-l-24px {
    padding-left: 24px !important;
  }
  .mo\:p-l-25px {
    padding-left: 25px !important;
  }
  .mo\:p-l-26px {
    padding-left: 26px !important;
  }
  .mo\:p-l-27px {
    padding-left: 27px !important;
  }
  .mo\:p-l-28px {
    padding-left: 28px !important;
  }
  .mo\:p-l-29px {
    padding-left: 29px !important;
  }
  .mo\:p-l-33px {
    padding-left: 33px !important;
  }
  .mo\:p-l-0px {
    padding-left: 0px !important;
  }
}
/* 기본 패딩 설정 (PC) */
.p-x-6px {
  padding-left: 6px !important;
  padding-right: 6px !important;
}
.p-x-16px {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.p-x-17px {
  padding-left: 17px !important;
  padding-right: 17px !important;
}
.p-x-18px {
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.p-x-19px {
  padding-left: 19px !important;
  padding-right: 19px !important;
}
.p-x-20px {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.p-x-21px {
  padding-left: 21px !important;
  padding-right: 21px !important;
}
.p-x-22px {
  padding-left: 22px !important;
  padding-right: 22px !important;
}
.p-x-23px {
  padding-left: 23px !important;
  padding-right: 23px !important;
}
.p-x-24px {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.p-x-25px {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.p-x-26px {
  padding-left: 26px !important;
  padding-right: 26px !important;
}
.p-x-27px {
  padding-left: 27px !important;
  padding-right: 27px !important;
}
.p-x-28px {
  padding-left: 28px !important;
  padding-right: 28px !important;
}
.p-x-29px {
  padding-left: 29px !important;
  padding-right: 29px !important;
}
.p-x-30px {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.p-x-31px {
  padding-left: 31px !important;
  padding-right: 31px !important;
}
.p-x-32px {
  padding-left: 32px !important;
  padding-right: 32px !important;
}
.p-x-160px {
  padding-left: 160px !important;
  padding-right: 160px !important;
}
.p-x-260px {
  padding-left: 260px !important;
  padding-right: 260px !important;
}
.p-x-0px {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

/* 모바일 패딩 설정 */
@media screen and (max-width: 719px) {
  .mo\:p-x-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .mo\:p-x-2px {
    padding-left: 2px !important;
    padding-right: 2px !important;
  }
  .mo\:p-x-3px {
    padding-left: 3px !important;
    padding-right: 3px !important;
  }
  .mo\:p-x-4px {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .mo\:p-x-5px {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  .mo\:p-x-6px {
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  .mo\:p-x-7px {
    padding-left: 7px !important;
    padding-right: 7px !important;
  }
  .mo\:p-x-8px {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .mo\:p-x-9px {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .mo\:p-x-10px {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .mo\:p-x-11px {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
  .mo\:p-x-12px {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .mo\:p-x-13px {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
  .mo\:p-x-14px {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .mo\:p-x-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .mo\:p-x-16px {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .mo\:p-x-100px {
    padding-left: 100px !important;
    padding-right: 100px !important;
  }
  .mo\:p-x-0px {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
}
/* padding */

/* margin */
.m-x-1px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.m-x-2px {
  margin-left: 2px !important;
  margin-right: 2px !important;
}
.m-x-3px {
  margin-left: 3px !important;
  margin-right: 3px !important;
}
.m-x-4px {
  margin-left: 4px !important;
  margin-right: 4px !important;
}
.m-x-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.m-x-6px {
  margin-left: 6px !important;
  margin-right: 6px !important;
}
.m-x-7px {
  margin-left: 7px !important;
  margin-right: 7px !important;
}
.m-x-8px {
  margin-left: 8px !important;
  margin-right: 8px !important;
}
.m-x-9px {
  margin-left: 9px !important;
  margin-right: 9px !important;
}
.m-x-10px {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.m-x-11px {
  margin-left: 11px !important;
  margin-right: 11px !important;
}
.m-x-12px {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.m-x-13px {
  margin-left: 13px !important;
  margin-right: 13px !important;
}
.m-x-14px {
  margin-left: 14px !important;
  margin-right: 14px !important;
}
.m-x-15px {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.m-x-16px {
  margin-left: 16px !important;
  margin-right: 16px !important;
}
.m-x-17px {
  margin-left: 17px !important;
  margin-right: 17px !important;
}
.m-x-18px {
  margin-left: 18px !important;
  margin-right: 18px !important;
}
.m-x-19px {
  margin-left: 19px !important;
  margin-right: 19px !important;
}
.m-x-20px {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.m-x-21px {
  margin-left: 21px !important;
  margin-right: 21px !important;
}
.m-x-22px {
  margin-left: 22px !important;
  margin-right: 22px !important;
}
.m-x-23px {
  margin-left: 23px !important;
  margin-right: 23px !important;
}
.m-x-24px {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.m-x-25px {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.m-x-26px {
  margin-left: 26px !important;
  margin-right: 26px !important;
}
.m-x-27px {
  margin-left: 27px !important;
  margin-right: 27px !important;
}
.m-x-28px {
  margin-left: 28px !important;
  margin-right: 28px !important;
}
.m-x-29px {
  margin-left: 29px !important;
  margin-right: 29px !important;
}
.m-x-30px {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.m-x-31px {
  margin-left: 31px !important;
  margin-right: 31px !important;
}
.m-x-32px {
  margin-left: 32px !important;
  margin-right: 32px !important;
}
.m-x-0px {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:m-x-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .mo\:m-x-2px {
    margin-left: 2px !important;
    margin-right: 2px !important;
  }
  .mo\:m-x-3px {
    margin-left: 3px !important;
    margin-right: 3px !important;
  }
  .mo\:m-x-4px {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .mo\:m-x-5px {
    margin-left: 5px !important;
    margin-right: 5px !important;
  }
  .mo\:m-x-6px {
    margin-left: 6px !important;
    margin-right: 6px !important;
  }
  .mo\:m-x-7px {
    margin-left: 7px !important;
    margin-right: 7px !important;
  }
  .mo\:m-x-8px {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .mo\:m-x-9px {
    margin-left: 9px !important;
    margin-right: 9px !important;
  }
  .mo\:m-x-10px {
    margin-left: 10px !important;
    margin-right: 10px !important;
  }
  .mo\:m-x-11px {
    margin-left: 11px !important;
    margin-right: 11px !important;
  }
  .mo\:m-x-12px {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .mo\:m-x-13px {
    margin-left: 13px !important;
    margin-right: 13px !important;
  }
  .mo\:m-x-14px {
    margin-left: 14px !important;
    margin-right: 14px !important;
  }
  .mo\:m-x-15px {
    margin-left: 15px !important;
    margin-right: 15px !important;
  }
  .mo\:m-x-16px {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .mo\:m-x-17px {
    margin-left: 17px !important;
    margin-right: 17px !important;
  }
  .mo\:m-x-18px {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
  .mo\:m-x-19px {
    margin-left: 19px !important;
    margin-right: 19px !important;
  }
  .mo\:m-x-20px {
    margin-left: 20px !important;
    margin-right: 20px !important;
  }
  .mo\:m-x-21px {
    margin-left: 21px !important;
    margin-right: 21px !important;
  }
  .mo\:m-x-22px {
    margin-left: 22px !important;
    margin-right: 22px !important;
  }
  .mo\:m-x-23px {
    margin-left: 23px !important;
    margin-right: 23px !important;
  }
  .mo\:m-x-24px {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .mo\:m-x-25px {
    margin-left: 25px !important;
    margin-right: 25px !important;
  }
  .mo\:m-x-26px {
    margin-left: 26px !important;
    margin-right: 26px !important;
  }
  .mo\:m-x-27px {
    margin-left: 27px !important;
    margin-right: 27px !important;
  }
  .mo\:m-x-28px {
    margin-left: 28px !important;
    margin-right: 28px !important;
  }
  .mo\:m-x-0px {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
}
.m-t-1px {
  margin-top: 1px !important;
}
.m-t-2px {
  margin-top: 2px !important;
}
.m-t-3px {
  margin-top: 3px !important;
}
.m-t-4px {
  margin-top: 4px !important;
}
.m-t-5px {
  margin-top: 5px !important;
}
.m-t-6px {
  margin-top: 6px !important;
}
.m-t-7px {
  margin-top: 7px !important;
}
.m-t-9px {
  margin-top: 9px !important;
}
.m-t-10px {
  margin-top: 10px !important;
}
.m-t-11px {
  margin-top: 11px !important;
}
.m-t-13px {
  margin-top: 13px !important;
}
.m-t-14px {
  margin-top: 14px !important;
}
.m-t-15px {
  margin-top: 15px !important;
}
.m-t-16px {
  margin-top: 16px !important;
}
.m-t-17px {
  margin-top: 17px !important;
}
.m-t-18px {
  margin-top: 18px !important;
}
.m-t-19px {
  margin-top: 19px !important;
}
.m-t-20px {
  margin-top: 20px !important;
}
.m-t-21px {
  margin-top: 21px !important;
}
.m-t-22px {
  margin-top: 22px !important;
}
.m-t-23px {
  margin-top: 23px !important;
}
.m-t-25px {
  margin-top: 25px !important;
}
.m-t-26px {
  margin-top: 26px !important;
}
.m-t-27px {
  margin-top: 27px !important;
}
.m-t-28px {
  margin-top: 28px !important;
}
.m-t-29px {
  margin-top: 29px !important;
}
.m-t-30px {
  margin-top: 30px !important;
}
.m-t-31px {
  margin-top: 31px !important;
}
.m-t-32px {
  margin-top: 32px !important;
}
.m-t-0px {
  margin-top: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:m-t-1px {
    margin-top: 1px !important;
  }
  .mo\:m-t-2px {
    margin-top: 2px !important;
  }
  .mo\:m-t-3px {
    margin-top: 3px !important;
  }
  .mo\:m-t-4px {
    margin-top: 4px !important;
  }
  .mo\:m-t-5px {
    margin-top: 5px !important;
  }
  .mo\:m-t-6px {
    margin-top: 6px !important;
  }
  .mo\:m-t-7px {
    margin-top: 7px !important;
  }
  .mo\:m-t-8px {
    margin-top: 8px !important;
  }
  .mo\:m-t-9px {
    margin-top: 9px !important;
  }
  .mo\:m-t-10px {
    margin-top: 10px !important;
  }
  .mo\:m-t-11px {
    margin-top: 11px !important;
  }
  .mo\:m-t-12px {
    margin-top: 12px !important;
  }
  .mo\:m-t-13px {
    margin-top: 13px !important;
  }
  .mo\:m-t-14px {
    margin-top: 14px !important;
  }
  .mo\:m-t-15px {
    margin-top: 15px !important;
  }
  .mo\:m-t-16px {
    margin-top: 16px !important;
  }
  .mo\:m-t-17px {
    margin-top: 17px !important;
  }
  .mo\:m-t-18px {
    margin-top: 18px !important;
  }
  .mo\:m-t-19px {
    margin-top: 19px !important;
  }
  .mo\:m-t-20px {
    margin-top: 20px !important;
  }
  .mo\:m-t-21px {
    margin-top: 21px !important;
  }
  .mo\:m-t-22px {
    margin-top: 22px !important;
  }
  .mo\:m-t-23px {
    margin-top: 23px !important;
  }
  .mo\:m-t-24px {
    margin-top: 24px !important;
  }
  .mo\:m-t-25px {
    margin-top: 25px !important;
  }
  .mo\:m-t-26px {
    margin-top: 26px !important;
  }
  .mo\:m-t-27px {
    margin-top: 27px !important;
  }
  .mo\:m-t-28px {
    margin-top: 28px !important;
  }
  .mo\:m-t-29px {
    margin-top: 29px !important;
  }
  .mo\:m-t-30px {
    margin-top: 30px !important;
  }
  .mo\:m-t-0px {
    margin-top: 0px !important;
  }
}
.m-r-1px {
  margin-right: 1px !important;
}
.m-r-2px {
  margin-right: 2px !important;
}
.m-r-3px {
  margin-right: 3px !important;
}
.m-r-4px {
  margin-right: 4px !important;
}
.m-r-5px {
  margin-right: 5px !important;
}
.m-r-6px {
  margin-right: 6px !important;
}
.m-r-7px {
  margin-right: 7px !important;
}
.m-r-8px {
  margin-right: 8px !important;
}
.m-r-9px {
  margin-right: 9px !important;
}
.m-r-10px {
  margin-right: 10px !important;
}
.m-r-11px {
  margin-right: 11px !important;
}
.m-r-12px {
  margin-right: 12px !important;
}
.m-r-13px {
  margin-right: 13px !important;
}
.m-r-14px {
  margin-right: 14px !important;
}
.m-r-15px {
  margin-right: 15px !important;
}
.m-r-16px {
  margin-right: 16px !important;
}
.m-r-17px {
  margin-right: 17px !important;
}
.m-r-18px {
  margin-right: 18px !important;
}
.m-r-19px {
  margin-right: 19px !important;
}
.m-r-20px {
  margin-right: 20px !important;
}
.m-r-21px {
  margin-right: 21px !important;
}
.m-r-22px {
  margin-right: 22px !important;
}
.m-r-23px {
  margin-right: 23px !important;
}
.m-r-24px {
  margin-right: 24px !important;
}
.m-r-25px {
  margin-right: 25px !important;
}
.m-r-26px {
  margin-right: 26px !important;
}
.m-r-27px {
  margin-right: 27px !important;
}
.m-r-28px {
  margin-right: 28px !important;
}
.m-r-29px {
  margin-right: 29px !important;
}
.m-r-30px {
  margin-right: 30px !important;
}
.m-r-31px {
  margin-right: 31px !important;
}
.m-r-32px {
  margin-right: 32px !important;
}
.m-r-0px {
  margin-right: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:m-r-1px {
    margin-right: 1px !important;
  }
  .mo\:m-r-2px {
    margin-right: 2px !important;
  }
  .mo\:m-r-3px {
    margin-right: 3px !important;
  }
  .mo\:m-r-4px {
    margin-right: 4px !important;
  }
  .mo\:m-r-5px {
    margin-right: 5px !important;
  }
  .mo\:m-r-6px {
    margin-right: 6px !important;
  }
  .mo\:m-r-7px {
    margin-right: 7px !important;
  }
  .mo\:m-r-8px {
    margin-right: 8px !important;
  }
  .mo\:m-r-9px {
    margin-right: 9px !important;
  }
  .mo\:m-r-10px {
    margin-right: 10px !important;
  }
  .mo\:m-r-11px {
    margin-right: 11px !important;
  }
  .mo\:m-r-12px {
    margin-right: 12px !important;
  }
  .mo\:m-r-13px {
    margin-right: 13px !important;
  }
  .mo\:m-r-14px {
    margin-right: 14px !important;
  }
  .mo\:m-r-15px {
    margin-right: 15px !important;
  }
  .mo\:m-r-16px {
    margin-right: 16px !important;
  }
  .mo\:m-r-17px {
    margin-right: 17px !important;
  }
  .mo\:m-r-18px {
    margin-right: 18px !important;
  }
  .mo\:m-r-19px {
    margin-right: 19px !important;
  }
  .mo\:m-r-20px {
    margin-right: 20px !important;
  }
  .mo\:m-r-21px {
    margin-right: 21px !important;
  }
  .mo\:m-r-22px {
    margin-right: 22px !important;
  }
  .mo\:m-r-23px {
    margin-right: 23px !important;
  }
  .mo\:m-r-24px {
    margin-right: 24px !important;
  }
  .mo\:m-r-25px {
    margin-right: 25px !important;
  }
  .mo\:m-r-26px {
    margin-right: 26px !important;
  }
  .mo\:m-r-27px {
    margin-right: 27px !important;
  }
  .mo\:m-r-28px {
    margin-right: 28px !important;
  }
  .mo\:m-r-0px {
    margin-right: 0px !important;
  }
}

.m-b-1px {
  margin-bottom: 1px !important;
}
.m-b-2px {
  margin-bottom: 2px !important;
}
.m-b-3px {
  margin-bottom: 3px !important;
}
.m-b-5px {
  margin-bottom: 5px !important;
}
.m-b-6px {
  margin-bottom: 6px !important;
}
.m-b-7px {
  margin-bottom: 7px !important;
}
.m-b-8px {
  margin-bottom: 8px !important;
}
.m-b-9px {
  margin-bottom: 9px !important;
}
.m-b-10px {
  margin-bottom: 10px !important;
}
.m-b-11px {
  margin-bottom: 11px !important;
}
.m-b-12px {
  margin-bottom: 12px !important;
}
.m-b-13px {
  margin-bottom: 13px !important;
}
.m-b-14px {
  margin-bottom: 14px !important;
}
.m-b-15px {
  margin-bottom: 15px !important;
}
.m-b-16px {
  margin-bottom: 16px !important;
}
.m-b-17px {
  margin-bottom: 17px !important;
}
.m-b-18px {
  margin-bottom: 18px !important;
}
.m-b-19px {
  margin-bottom: 19px !important;
}
.m-b-20px {
  margin-bottom: 20px !important;
}
.m-b-21px {
  margin-bottom: 21px !important;
}
.m-b-22px {
  margin-bottom: 22px !important;
}
.m-b-23px {
  margin-bottom: 23px !important;
}
.m-b-25px {
  margin-bottom: 25px !important;
}
.m-b-26px {
  margin-bottom: 26px !important;
}
.m-b-27px {
  margin-bottom: 27px !important;
}
.m-b-28px {
  margin-bottom: 28px !important;
}
.m-b-29px {
  margin-bottom: 29px !important;
}
.m-b-30px {
  margin-bottom: 30px !important;
}
.m-b-31px {
  margin-bottom: 31px !important;
}
.m-b-32px {
  margin-bottom: 32px !important;
}
.m-b-0px {
  margin-bottom: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:m-b-1px {
    margin-bottom: 1px !important;
  }
  .mo\:m-b-2px {
    margin-bottom: 2px !important;
  }
  .mo\:m-b-3px {
    margin-bottom: 3px !important;
  }
  .mo\:m-b-4px {
    margin-bottom: 4px !important;
  }
  .mo\:m-b-5px {
    margin-bottom: 5px !important;
  }
  .mo\:m-b-6px {
    margin-bottom: 6px !important;
  }
  .mo\:m-b-7px {
    margin-bottom: 7px !important;
  }
  .mo\:m-b-8px {
    margin-bottom: 8px !important;
  }
  .mo\:m-b-9px {
    margin-bottom: 9px !important;
  }
  .mo\:m-b-10px {
    margin-bottom: 10px !important;
  }
  .mo\:m-b-11px {
    margin-bottom: 11px !important;
  }
  .mo\:m-b-12px {
    margin-bottom: 12px !important;
  }
  .mo\:m-b-13px {
    margin-bottom: 13px !important;
  }
  .mo\:m-b-14px {
    margin-bottom: 14px !important;
  }
  .mo\:m-b-15px {
    margin-bottom: 15px !important;
  }
  .mo\:m-b-16px {
    margin-bottom: 16px !important;
  }
  .mo\:m-b-17px {
    margin-bottom: 17px !important;
  }
  .mo\:m-b-18px {
    margin-bottom: 18px !important;
  }
  .mo\:m-b-19px {
    margin-bottom: 19px !important;
  }
  .mo\:m-b-20px {
    margin-bottom: 20px !important;
  }
  .mo\:m-b-21px {
    margin-bottom: 21px !important;
  }
  .mo\:m-b-22px {
    margin-bottom: 22px !important;
  }
  .mo\:m-b-23px {
    margin-bottom: 23px !important;
  }
  .mo\:m-b-24px {
    margin-bottom: 24px !important;
  }
  .mo\:m-b-25px {
    margin-bottom: 25px !important;
  }
  .mo\:m-b-26px {
    margin-bottom: 26px !important;
  }
  .mo\:m-b-27px {
    margin-bottom: 27px !important;
  }
  .mo\:m-b-28px {
    margin-bottom: 28px !important;
  }
  .mo\:m-b-29px {
    margin-bottom: 29px !important;
  }
  .mo\:m-b-30px {
    margin-bottom: 30px !important;
  }
  .mo\:m-b-0px {
    margin-bottom: 0px !important;
  }
  .mo\:m-b-0 {
    margin-bottom: 0 !important;
  }
}
.m-l-1px {
  margin-left: 1px !important;
}
.m-l-2px {
  margin-left: 2px !important;
}
.m-l-3px {
  margin-left: 3px !important;
}
.m-l-4px {
  margin-left: 4px !important;
}
.m-l-5px {
  margin-left: 5px !important;
}
.m-l-6px {
  margin-left: 6px !important;
}
.m-l-7px {
  margin-left: 7px !important;
}
.m-l-8px {
  margin-left: 8px !important;
}
.m-l-9px {
  margin-left: 9px !important;
}
.m-l-10px {
  margin-left: 10px !important;
}
.m-l-11px {
  margin-left: 11px !important;
}
.m-l-12px {
  margin-left: 12px !important;
}
.m-l-13px {
  margin-left: 13px !important;
}
.m-l-14px {
  margin-left: 14px !important;
}
.m-l-15px {
  margin-left: 15px !important;
}
.m-l-16px {
  margin-left: 16px !important;
}
.m-l-17px {
  margin-left: 17px !important;
}
.m-l-18px {
  margin-left: 18px !important;
}
.m-l-19px {
  margin-left: 19px !important;
}
.m-l-20px {
  margin-left: 20px !important;
}
.m-l-21px {
  margin-left: 21px !important;
}
.m-l-22px {
  margin-left: 22px !important;
}
.m-l-23px {
  margin-left: 23px !important;
}
.m-l-24px {
  margin-left: 24px !important;
}
.m-l-25px {
  margin-left: 25px !important;
}
.m-l-26px {
  margin-left: 26px !important;
}
.m-l-27px {
  margin-left: 27px !important;
}
.m-l-28px {
  margin-left: 28px !important;
}
.m-l-29px {
  margin-left: 29px !important;
}
.m-l-30px {
  margin-left: 30px !important;
}
.m-l-31px {
  margin-left: 31px !important;
}
.m-l-32px {
  margin-left: 32px !important;
}
.m-l-0px {
  margin-left: 0px !important;
}

@media screen and (max-width: 719px) {
  .mo\:m-l-1px {
    margin-left: 1px !important;
  }
  .mo\:m-l-2px {
    margin-left: 2px !important;
  }
  .mo\:m-l-3px {
    margin-left: 3px !important;
  }
  .mo\:m-l-4px {
    margin-left: 4px !important;
  }
  .mo\:m-l-5px {
    margin-left: 5px !important;
  }
  .mo\:m-l-6px {
    margin-left: 6px !important;
  }
  .mo\:m-l-7px {
    margin-left: 7px !important;
  }
  .mo\:m-l-8px {
    margin-left: 8px !important;
  }
  .mo\:m-l-9px {
    margin-left: 9px !important;
  }
  .mo\:m-l-10px {
    margin-left: 10px !important;
  }
  .mo\:m-l-11px {
    margin-left: 11px !important;
  }
  .mo\:m-l-12px {
    margin-left: 12px !important;
  }
  .mo\:m-l-13px {
    margin-left: 13px !important;
  }
  .mo\:m-l-14px {
    margin-left: 14px !important;
  }
  .mo\:m-l-15px {
    margin-left: 15px !important;
  }
  .mo\:m-l-16px {
    margin-left: 16px !important;
  }
  .mo\:m-l-17px {
    margin-left: 17px !important;
  }
  .mo\:m-l-18px {
    margin-left: 18px !important;
  }
  .mo\:m-l-19px {
    margin-left: 19px !important;
  }
  .mo\:m-l-20px {
    margin-left: 20px !important;
  }
  .mo\:m-l-21px {
    margin-left: 21px !important;
  }
  .mo\:m-l-22px {
    margin-left: 22px !important;
  }
  .mo\:m-l-23px {
    margin-left: 23px !important;
  }
  .mo\:m-l-24px {
    margin-left: 24px !important;
  }
  .mo\:m-l-25px {
    margin-left: 25px !important;
  }
  .mo\:m-l-26px {
    margin-left: 26px !important;
  }
  .mo\:m-l-27px {
    margin-left: 27px !important;
  }
  .mo\:m-l-28px {
    margin-left: 28px !important;
  }
  .mo\:m-l-0px {
    margin-left: 0px !important;
  }
}
/* margin */

/* width */
.w-16px {
  width: 16px;
}
.w-36px {
  width: 36px !important;
}
@media screen and (max-width: 719px) {
  .mo\:w-16px {
    width: 16px;
  }
  .mo\:w-28px {
    width: 28px !important;
  }
  .mo\:w-36px {
    width: 36px !important;
  }
}
/* width */

/* height */
.h-auto {
  height: auto !important;
}
.h-14px {
  height: 14px !important;
}
.h-18px {
  height: 18px !important;
}
.h-19px {
  height: 19px !important;
}
.h-20px {
  height: 20px !important;
}
.h-30px {
  height: 30px !important;
}
.h-36px {
  height: 36px !important;
}
.h-40px {
  height: 40px !important;
}
.h-50px {
  height: 50px !important;
}
.h-60px {
  height: 60px !important;
}
.h-70px {
  height: 70px !important;
}
.h-80px {
  height: 80px !important;
}
.h-110px {
  height: 110px !important;
}
.h-150px {
  height: 150px !important;
}

@media screen and (max-width: 719px) {
  .mo\:h-12px {
    height: 12px !important;
  }
  .mo\:h-14px {
    height: 14px !important;
  }
  .mo\:h-17px {
    height: 17px !important;
  }
  .mo\:h-18px {
    height: 18px !important;
  }
  .mo\:h-19px {
    height: 19px !important;
  }
  .mo\:h-20px {
    height: 20px !important;
  }
  .mo\:h-28px {
    height: 28px !important;
  }
  .mo\:h-30px {
    height: 30px !important;
  }
  .mo\:h-40px {
    height: 40px !important;
  }
  .mo\:h-46px {
    height: 46px !important;
  }
  .mo\:h-48px {
    height: 48px !important;
  }
  .mo\:h-50px {
    height: 50px !important;
  }
  .mo\:h-60px {
    height: 60px !important;
  }
  .mo\:h-70px {
    height: 70px !important;
  }
  .mo\:h-80px {
    height: 80px !important;
  }
  .mo\:h-110px {
    height: 110px !important;
  }
  .mo\:h-150px {
    height: 150px !important;
  }
}

/* height */

/* gap */
.gap-8px {
  gap: 8px !important;
}
.gap-10px {
  gap: 10px !important;
}
.gap-12px {
  gap: 12px !important;
}
.gap-14px {
  gap: 14px !important;
}
.gap-18px {
  gap: 18px !important;
}
.gap-20px {
  gap: 20px !important;
}
.gap-22px {
  gap: 22px !important;
}
.gap-24px {
  gap: 24px !important;
}
.gap-26px {
  gap: 26px !important;
}
.gap-28px {
  gap: 28px !important;
}
.gap-30px {
  gap: 30px !important;
}
.gap-32px {
  gap: 32px !important;
}
.gap-34px {
  gap: 34px !important;
}

@media screen and (max-width: 719px) {
  .mo\:gap-3px {
    gap: 3px !important;
  }
  .mo\:gap-4px {
    gap: 4px !important;
  }
  .mo\:gap-6px {
    gap: 6px !important;
  }
  .mo\:gap-7px {
    gap: 7px !important;
  }
  .mo\:gap-8px {
    gap: 8px !important;
  }
  .mo\:gap-9px {
    gap: 9px !important;
  }
  .mo\:gap-10px {
    gap: 10px !important;
  }
  .mo\:gap-11px {
    gap: 11px !important;
  }
  .mo\:gap-12px {
    gap: 12px !important;
  }
  .mo\:gap-13px {
    gap: 13px !important;
  }
  .mo\:gap-14px {
    gap: 14px !important;
  }
  .mo\:gap-15px {
    gap: 15px !important;
  }
  .mo\:gap-16px {
    gap: 16px !important;
  }
  .mo\:gap-17px {
    gap: 17px !important;
  }
  .mo\:gap-18px {
    gap: 18px !important;
  }
  .mo\:gap-19px {
    gap: 19px !important;
  }
  .mo\:gap-20px {
    gap: 20px !important;
  }
  .mo\:gap-22px {
    gap: 22px !important;
  }
  .mo\:gap-24px {
    gap: 24px !important;
  }
  .mo\:gap-32px {
    gap: 32px !important;
  }
}
@media screen and (max-width: 719px) {
  .mp\:r-gap-4px {
    row-gap: 4px;
  }
}

.arrow-size1 {
  width: 4px;
  height: 7px;
}
.arrow-size2 {
  width: 5px;
  height: 9px;
}
.arrow-size3 {
  width: 7px;
  height: 12px;
}

@media screen and (max-width: 719px) {
  .mo\:arrow-size1 {
    width: 4px;
    height: 7px;
  }
  .mo\:arrow-size2 {
    width: 5px;
    height: 9px;
  }
  .mo\:arrow-size3 {
    width: 7px;
    height: 12px;
  }
}
.bl0 {
  border-left: 0 !important;
}
.br0 {
  border-right: 0 !important;
}
.point {
  position: relative;
}
.posi-rel {
  position: relative;
}
@media screen and (max-width: 719px) {
  .point {
    padding-left: 11px;
  }
}
.grid-b.col-half {
  grid-template-columns: 50% 50%;
}
.grid-b > div.t-center {
  text-align: center;
}
.d-grid {
  display: grid;
}
.d-grid.col4 {
  grid-template-columns: repeat(4, 1fr);
}
.d-grid.col3 {
  grid-template-columns: repeat(3, 1fr);
}
.d-grid.col2 {
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 719px) {
  .d-grid.mo\:col4 {
    grid-template-columns: repeat(4, 1fr);
  }
  .d-grid.mo\:col3 {
    grid-template-columns: repeat(3, 1fr);
  }
  .d-grid.mo\:col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
.m-view {
  display: none;
}
@media screen and (max-width: 719px) {
  .pc-view {
    display: none;
  }
  .m-view {
    display: block;
  }
  .mobile-b {
    display: block;
  }
}
.font-rixrak {
  font-family: 'rixrak-sans-pro', sans-serif;
}
.f-444 {
  color: #444;
}
.b-g-c-222 {
  background-color: #222;
}
.b-g-c-f6f6f6 {
  background-color: #f6f6f6;
}
.b-c-eee {
  border-color: #eee;
}
.t-left {
  text-align: left;
}
.flex-column {
  flex-direction: column;
}
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
.order3 {
  order: 3;
}
i.midline {
  display: inline-block;
  width: 1px;
  height: 13px;
  background-color: #dddddd;
}
.i-laurel-left {
  width: 16px;
  height: 35px;
  background: url('/hong4/_img/pg/i-laurel-left.svg') no-repeat;
}
.i-laurel-right {
  width: 16px;
  height: 35px;
  background: url('/hong4/_img/pg/i-laurel-right.svg') no-repeat;
}
body.hong4 .i-arrow-left {
  background: url('/hong4/_img/main/i-arrow-left.svg') no-repeat;
}
body.hong4 .i-tool-close {
  background: url('/hong4/_img/main/i-tool-close.svg') no-repeat;
}
body.hong4 .ic_clock {
  background: url('/hong4/img/common/ic_clock.png') no-repeat;
}
body.hong4 .ic-won-red {
  background: url('/hong4/_img/pg/ic-won-red.svg') no-repeat;
}
body.hong4 .i-reply {
  background: url('/hong4/_img/pg/i-reply.svg') no-repeat;
}
body.hong4 .i-crown-pp {
  background: url('/hong4/_img/main/i-crown-pp.svg') no-repeat;
}
body.hong4 .i-crown-gr {
  background: url('/hong4/_img/main/i-crown-gr.svg') no-repeat;
}
/*** 교육이수용 뱃지 ***/
body.hong4 div.i-achv,
body.hong4 .tool-open {
  display: block;
  flex: none;
  position: relative;
  z-index: 3;
  border-radius: 3px;
  font-weight: 500;
  cursor: pointer;
  font-style: normal;
  border: solid 1px #dcdcdc;
  background-color: #f8f8f8;
}
body.hong4 .tool-tip.tool-tip-badge {
  display: none;
  position: absolute;
  width: auto;
  height: auto;
  top: -2px;
  left: -6px;
  z-index: 4;
  border-radius: 4px;
  box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06);
  cursor: initial;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge {
    top: -3px;
    left: -4px;
  }
}
body.hong4 .tool-tip.tool-tip-badge h2 {
  font-weight: 500;
  cursor: default;
}
body.hong4 .tool-tip.tool-tip-badge .popup-box {
  position: unset;
  transform: unset;
  width: 200px;
  border-radius: 4px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-box {
    width: 190px;
    border-radius: 4px;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-top {
  display: flex;
  justify-content: space-between;
  align-items: self-start;
  position: relative;
}

body.hong4 .tool-tip.tool-tip-badge .popup-box div.i-achv {
  position: unset !important;
}
body.hong4 .tool-tip.tool-tip-badge .popup-top .i-tool-close {
  width: 14px;
  height: 14px;
  background-size: 8px 8px !important;
  background-position: center center !important;
  cursor: pointer;
}

@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-top .i-tool-close {
    width: 13px;
    height: 13px;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-top {
  width: 100%;
  padding: 4px 12px;
  background-color: #eeeeee;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-top {
    width: 100%;
    height: 29px;
    line-height: 29px;
    padding: 4px 8px;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-bottom {
  padding: 0;
  background-color: #fff;
  cursor: default;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-bottom {
    padding: 0;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-bottom .popup-inner-top {
  padding: 8px 12px 9px;
  font-size: 13px;
  line-height: 19px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-bottom .popup-inner-top {
    padding: 8px 8px 10px;
    font-size: 13px;
    line-height: 19px;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-bottom .popup-inner-top p {
  font-weight: 400;
}
body.hong4 .search-page .i-tool-close {
  padding: 6px;
  cursor: pointer;
}
/*** 교육이수용 뱃지 ***/
.txt-mid-line {
  position: relative;
}
.txt-mid-line::after {
  content: '';
  display: block;
  position: absolute;
  top: 55%;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #999;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap .sale-product .sale-product-ul.ver2 .list-item-info .current-state.current-pos {
    min-width: 46px;
  }
  body.hong4 .profile-tab-wrap .sale-product .sale-product-ul.ver2 .list-item-info .current-state.current-abs {
    min-width: 40px;
  }
}

/**************************************************************************************************/

/*** 이벤트 ***/
.main-tab.ver2 {
  height: 63px;
  border-color: #e3e7ed;
}
@media screen and (max-width: 719px) {
  .main-tab.ver2 {
    height: 50px;
  }
}
.main-tab.ver2 ul li a {
  line-height: 63px;
}
@media screen and (max-width: 719px) {
  .main-tab.ver2 ul li a {
    line-height: 50px;
    font-size: 15px;
  }
}
body.hong4 .tab-wrap .march .info-section {
  border-color: #e3e7ed;
}
body.hong4 .theme-wrap .theme-filter.justify-between {
  justify-content: space-between;
}
body.hong4 .regular-select-box .theme-sel {
  display: inline-block;
  padding: 6px 40px 6px 16px;
  border: 1px solid #e9e9e9;
  border-radius: 4px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.68px;
  background: url(/hong4/_img/main/i-list-arrow-down.png) no-repeat center right 16px / 12px 7px;
}
@media screen and (max-width: 719px) {
  body.hong4 .regular-select-box .theme-sel {
    padding: 4px 23px 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    line-height: 17px;
    background: url(/hong4/_img/main/i-list-arrow-down.png) no-repeat center right 10px / 7px 4px;
  }
}
body.hong4 .regular-select-box .theme-sel.active {
  font-weight: bold;
  border-color: #222;
}
body.hong4 .regular-filter-box.ver2 .regular-pos-box label {
  font-size: 14px;
}
@media screen and (max-width: 719px) {
  body.hong4 .regular-filter-box.ver2 .regular-pos-box label {
    font-size: 12px;
  }
}
body.hong4 .regular-filter-box.ver2 .regular-pos-box label::before {
  right: auto;
  left: 0;
  top: 57%;
}
body.hong4 .regular-filter-box.ver2 + .regular-header::after {
  border-color: #f1f1f1;
}

body.hong4 .tab-wrap .list-item-container.ver2 .list-img::after {
  font-size: 10px;
}
body.hong4 .tab-wrap .list-item-container.ver2 .list-img.cate-tarot::after {
  background-color: #4e008e !important;
}

@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info {
    gap: 0;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info > p:nth-child(1) {
  margin-top: 2px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info > p:nth-child(1) {
    margin-top: 1px;
    height: 22px;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info > p:nth-child(3) {
  margin-top: 8px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info > p:nth-child(3) {
    margin-top: 6px;
    height: 18px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-info > p i.i-list-won {
    margin-top: 2px;
  }
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-inner-bot .list-recent {
    gap: 10px;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .i-list-review {
  width: 13px;
  height: 13px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .i-list-review {
    width: 10px;
    height: 10px;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .i-list-star {
  margin-left: 4px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .i-list-star {
    margin-left: 0px;
  }
  body.hong4 .tab-wrap .list-item-container.ver2 .list-item-inner-bot .list-recent > p > span:last-child {
    margin-left: 2px;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .item-btn {
  margin-top: 12px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .item-btn {
    margin-top: 0px;
  }
}
body.hong4 .tab-wrap .list-item-container.ver2 .item-btn.item-pos-btn {
  background-color: #4e008e;
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .item-btn.item-pos-btn {
    margin-top: 8px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .tab-wrap .list-item-container.ver2 .i-list-arrow-down {
    margin-left: 0;
  }
}
body.hong4 .regular-header.b-b-0::after {
  display: none;
}
body.hong4 .total-usage {
  border-radius: 4px;
  border: solid 1px #e6e6e6;
}
body.hong4 .total-usage > span {
  position: relative;
}
body.hong4 .total-usage > span i.ic_clock {
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
@media screen and (max-width: 719px) {
  body.hong4 .total-usage > span i.ic_clock {
    width: 14px;
    height: 14px;
  }
}
body.hong4 .total-usage > span:not(:last-child)::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #cecece;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 719px) {
  body.hong4 .total-usage > span:not(:last-child)::after {
    height: 10px;
  }
}
body.hong4 .march-event-wrap .i-search-none {
  width: 28px;
  height: 28px;
}
@media screen and (max-width: 719px) {
  body.hong4 .march-event-wrap .i-search-none {
    width: 24px;
    height: 24px;
  }
}
/*** 이벤트 ***/

/*** 굿즈 ***/
.march-wrap .content-box .content-top {
  background-image: linear-gradient(to bottom, #f0eefb, #fff);
}
.march-wrap .content-box .content-top .img-wrap.march-character {
  position: relative;
  z-index: 0;
  padding-top: 32px;
  overflow: hidden;
  overflow: -moz-hidden;
  overflow: -webkit-hidden;
}
.march-wrap .content-box .content-top .img-wrap.march-character::before {
  position: absolute;
  content: '';
  display: block;
  width: 296px;
  height: 296px;
  background-image: linear-gradient(to bottom, #dfdaf8, #f9f7ff8c, #f9f7ff);
  border-radius: 100%;
  z-index: -1;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.march-wrap .content-box .content-top .img-wrap.march-character img {
  width: 206px;
}
@media screen and (max-width: 719px) {
  .march-wrap .content-box .content-top .img-wrap.march-character img {
    width: 170px;
  }
}
.march-wrap .content-box .content-top .img-wrap.img-wrap.goods-calendar {
  width: 116px;
}
@media screen and (max-width: 719px) {
  .march-wrap .content-box .content-top .img-wrap.img-wrap.goods-calendar {
    max-width: 92px;
    width: auto;
  }
}
.march-wrap .content-box .content-middle {
  background-color: #f3f4f7;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 719px) {
  .march-wrap .content-box .content-middle .i-option {
    background-size: 12px 10px;
  }
}
.march-wrap .content-box .product-wrap {
  row-gap: 24px !important;
}
@media screen and (max-width: 719px) {
  .march-wrap .content-box .product-wrap {
    row-gap: 20px !important;
  }
}
.march-wrap .content-box .product-wrap > div > a {
  display: block;
  height: 100%;
}
.march-wrap .content-box .product-wrap .img-box {
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  overflow: -moz-hidden;
  overflow: -webkit-hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.march-wrap .content-box .product-wrap .img-box img {
  margin: auto;
}
.march-wrap .content-box .product-wrap .march-name {
  letter-spacing: -0.48px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 68px;
}
.march-wrap .content-box .product-wrap .price-box .ic-won-red {
  width: 16px;
  height: 16px;
  margin-top: 2px;
}
@media screen and (max-width: 719px) {
  .march-wrap .content-box .product-wrap .price-box .ic-won-red {
    width: 14px;
    height: 14px;
    margin-top: 1px;
  }
}
.nav .product-name > a span {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.march-wrap.march-detail-wrap .content-box .content-top {
  background-color: #f3f4f7;
  background-image: unset;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-box .content-top {
    flex-direction: column;
  }
}
.march-wrap.march-detail-wrap .content-top > .product-img {
  position: relative;
  width: fit-content;
  padding-bottom: 20px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top > .product-img {
    padding-bottom: 18px;
  }
}
.march-wrap.march-detail-wrap .content-top > .product-img {
  width: 100%;
  max-width: 200px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top > .product-img {
    max-width: unset;
  }
}
.march-wrap.march-detail-wrap .content-top .product-img .product-swiper-container {
  width: 100%;
  overflow: hidden;
}
.march-wrap.march-detail-wrap .content-top .product-swiper-container .product-img {
  overflow: hidden;
  border-radius: 4px;
}
.march-wrap.march-detail-wrap .content-top .product-swiper-container .product-img:last-child {
  margin-right: 0 !important;
}
.march-wrap.march-detail-wrap .content-top .product-img img {
  display: block;
}
.march-wrap.march-detail-wrap .content-top .product-img .swiper-pagination.product-swiper-pagination {
  top: auto !important;
  bottom: 0 !important;
}
.march-wrap.march-detail-wrap
  .content-top
  .product-img
  .swiper-pagination.product-swiper-pagination
  .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background-color: #d8d6dc;
  opacity: 1;
  margin-top: 0;
  margin-bottom: 0;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap
    .content-top
    .product-img
    .swiper-pagination.product-swiper-pagination
    .swiper-pagination-bullet {
    width: 4px;
    height: 4px;
    margin: 0 3px;
  }
}
.march-wrap.march-detail-wrap
  .content-top
  .product-img
  .swiper-pagination.product-swiper-pagination
  .swiper-pagination-bullet-active {
  width: 8px;
  height: 8px;
  background-color: #6335b4;
  margin-top: 0;
  margin-bottom: -1px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap
    .content-top
    .product-img
    .swiper-pagination.product-swiper-pagination
    .swiper-pagination-bullet-active {
    width: 6px;
    height: 6px;
  }
}
.march-wrap.march-detail-wrap .content-top .product-info-box {
  width: 100%;
}
.march-wrap.march-detail-wrap .content-top .product-info-box .product-name {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top .product-info-box .product-name {
    text-align: center;
  }
}
.march-wrap.march-detail-wrap .content-top .product-info-box .product-info {
  border-top: 1px solid #e9e9e9;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top .product-info-box .product-info {
    justify-content: center;
  }
}
.march-wrap.march-detail-wrap .content-top .product-info-box .product-info .i-list-won {
  width: 18px;
  height: 18px;
  margin-top: 2px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top .product-info-box .product-info .i-list-won {
    width: 16px;
    height: 16px;
    margin-top: 2px;
  }
}
.march-wrap.march-detail-wrap .content-top .product-info-box .product-info b::before,
.march-wrap.march-detail-wrap .content-top .product-info-box .product-info b::after {
  content: '';
  display: inline-block;
  width: 1px;
  height: 12px;
  background-color: #d8d6dc;
  margin: 0 12px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-top .product-info-box .product-info b::before,
  .march-wrap.march-detail-wrap .content-top .product-info-box .product-info b::after {
    margin: 0 8px;
  }
}
.march-wrap.march-detail-wrap .product-info-box .product-info i.i-share-btn {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .product-info-box .product-info i.i-share-btn {
    width: 16px;
    height: 16px;
  }
}
.march-wrap.march-detail-wrap .content-middle {
  border-bottom: 1px solid #e9e9e9;
  border-top: 0;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-middle {
    border-bottom: 0;
  }
}
.march-wrap.march-detail-wrap .content-bottom {
  padding: 0 134px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-bottom {
    padding: 0;
    background-color: #fff;
  }
}
.march-wrap.march-detail-wrap .content-bottom .product-box {
  background-color: #eee;
  padding: 40px 50px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-bottom .product-box {
    background-color: #fff;
    padding: 30px 16px 0px;
  }
}
.march-wrap.march-detail-wrap .content-bottom .product-box .text-box:not(:first-of-type) {
  margin-top: 24px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-bottom .product-box .text-box:not(:first-of-type) {
    margin-top: 20px;
  }
}
.march-wrap.march-detail-wrap .content-bottom .product-box .img-box img {
  display: block;
  margin-top: 24px;
}
@media screen and (max-width: 719px) {
  .march-wrap.march-detail-wrap .content-bottom .product-box .img-box img {
    margin-top: 20px;
  }
}
.march-wrap.march-detail-wrap .content-bottom .product-box .text-box p {
  color: #222;
  font-size: 1rem;
}
.popup-bg-wrapper .product-img {
  max-width: 236px;
  max-height: 236px;
  margin: auto;
}
@media screen and (max-width: 719px) {
  .popup-bg-wrapper .product-img {
    max-width: 193px;
    max-height: 193px;
    margin: auto;
  }
}
/*** 굿즈 ***/

/*** seo최적화 ***/
body.pg .recommended-review-wrap .badge.purple {
  width: 36px;
}
@media screen and (max-width: 719px) {
  body.pg .recommended-review-wrap .badge.purple {
    width: 28px;
  }
}
.cont-filter-box .filter-box .filter {
  border-color: #e3e7ed;
  border-radius: 2px;
  cursor: pointer;
}
.cont-filter-box .filter-box .filter.active {
  border-color: #222;
  font-weight: bold;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .cont-filter-box .filter-box .filter {
    border-radius: 4px;
  }
}
.cont-filter-box .filter-box .filter.i-arrow-bot {
  background-size: 12px 7px;
  background-position: center right 16px;
}
@media screen and (max-width: 719px) {
  .cont-filter-box .filter-box .filter.i-arrow-bot {
    background-size: 7px 4px;
    background-position: top 52% right 11px;
  }
}
.recommended-review-wrap .content-wrap .content-middle.cont-list-box .partner-info .profile-img {
  width: 62px;
  height: 42px;
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap .content-wrap .content-middle.cont-list-box .partner-info .profile-img {
    width: 50px;
    height: 35px;
    border-radius: 3px;
  }
}
.recommended-review-wrap .content-wrap .content-middle.cont-list-box .partner-info {
  background-size: 7px 12px;
  background-position: center right;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap .content-wrap .content-middle.cont-list-box .partner-info {
    background-size: 5px 9px;
  }
}

.recommended-review-wrap .content-wrap .content-middle.cont-list-box div > div > p {
  width: calc(100% - 96px);
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap .content-wrap .content-middle.cont-list-box div > div > p {
    width: calc(100% - 80px);
  }
}
.recommended-review-wrap .content-wrap .content-middle.cont-list-box div > .img-box {
  width: 80px;
  height: 80px;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap .content-wrap .content-middle.cont-list-box div > .img-box {
    width: 70px;
    height: 70px;
  }
}
.recommended-review-wrap .content-wrap .content-middle.cont-list-box div > .img-box img {
  aspect-ratio: 1 / 1;
}
.paging-box span {
  cursor: default;
}
.paging-box button {
  width: 80px;
  height: 40px;
  justify-content: center;
  background-color: #fff;
  border-radius: 4px;
  border: solid 1px #e9e9e9;
  font-family: 'Noto Sans KR', 'Noto Sans Korean', 'Nanum Gothic', sans-serif !important;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .paging-box button {
    width: 61px;
    height: 37px;
  }
}
.paging-box .paging-input-box input[type='number'] {
  width: 32px;
  height: 32px;
  border-radius: 2px;
  border: solid 1px #e9e9e9;
  background-color: #fff;
  appearance: none;
  -moz-appearance: textfield;
  -webkit-appearance: none;
  -ms-appearance: none;
}
@media screen and (max-width: 719px) {
  .paging-box .paging-input-box input[type='number'] {
    width: 26px;
    height: 26px;
  }
}
.paging-box .paging-input-box input[type='number']::-webkit-outer-spin-button,
.paging-box .paging-input-box input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.paging-box .paging-input-box input[type='number'] {
  -moz-appearance: textfield;
  appearance: none;
}
.recommended-review-wrap.detail .content-middle .i-arrow-right {
  background-size: 6.7px 12px;
  background-position: center right;
}
.recommended-review-wrap.detail .content-middle .profile-img {
  width: 100px;
  height: 64px;
  border-radius: 4px;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap.detail .content-middle .profile-img {
    width: 94px;
    height: 60px;
    border-radius: 2px;
  }
}
.recommended-review-wrap.detail .reply-box {
  border-radius: 8px;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap.detail .reply-box {
    border-radius: 6px;
  }
}
.recommended-review-wrap.detail .reply-box .i-reply {
  width: 16px;
  height: 12px;
  padding: 0 !important;
}
@media screen and (max-width: 719px) {
  .recommended-review-wrap.detail .reply-box .i-reply {
    width: 12px;
    height: 10px;
    background-size: contain !important;
  }
}
/*** seo최적화 ***/

/*** 교육이수용 뱃지 ***/
body.hong4 .achv-badge-wrap .list-item-inner-bot {
  position: relative;
}
body.hong4 .list-wrap.ver2 .list-tab li {
  font-weight: 400;
}
body.hong4 .list-wrap.ver2 .list-tab li.active {
  font-weight: bold;
}
body.hong4 .tab-wrap .list-item-container .list-item-inner-top div.i-achv {
  position: absolute;
  right: 6px;
  bottom: 4px;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge {
    position: absolute;
    width: auto;
    height: auto;
  }
}
body.hong4 .profile-tab-wrap.achv-badge-wrap .i-list-partner {
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .i-list-partner {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .sale-product .list-item-info .list-item-name {
    font-size: 14px;
    line-height: 20px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .sale-product .list-item-info .current-state.current-pos {
    font-size: 10px;
    line-height: 15px;
    padding: 1px 4px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .sale-product .sale-product-ul .sale-product-list {
    gap: 12px;
  }
}
body.hong4 .achv-badge-wrap .list-img::after {
  font-size: 10px;
}
body.hong4 .achv-badge-wrap .list-img.t-rleh.t-ch::after {
  content: '기도\A+초';
}
body.hong4 .goods-pray-candle.t-rleh.t-ch::after {
  content: '기도\A+초' !important;
}

@media screen and (max-width: 719px) {
  body.hong4 .achv-badge-wrap .list-img::after {
    font-size: 9px;
    padding-top: 4px;
  }
  body.hong4 .achv-badge-wrap .list-img.t-rleh.t-ch::after {
    max-width: 24px;
  }
}
body.hong4 .tool-tip.tool-tip-badge .popup-top {
  width: 100%;
  height: 26px;
  line-height: 26px;
  padding: 4px 12px;
  padding-right: 9px;
  align-items: center;
}
@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-top {
    width: 100%;
    height: 23px;
    line-height: 23px;
    padding: 4px 8px;
    padding-right: 6px;
  }
}

@media screen and (max-width: 719px) {
  body.hong4 .tool-tip.tool-tip-badge .popup-bottom {
    padding: 0;
  }
}
body.hong4 .profile-tab-wrap.achv-badge-wrap .profile-detail.ver2 .tool-tip.tool-tip-badge {
  top: 34px;
  left: 34%;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .profile-detail.ver2 .tool-tip.tool-tip-badge {
    top: -1px;
    left: 15%;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .service-container .service-detail-bg.fold .service-detail-con {
    max-height: 476px;
  }
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .refund-info > p {
    letter-spacing: -0.48px;
  }
}
body.hong4 .profile-tab-wrap.achv-badge-wrap .service-container .service-faq .i-arrow-faq {
  transform: unset;
  top: 24px;
}
@media screen and (max-width: 719px) {
  body.hong4 .profile-tab-wrap.achv-badge-wrap .service-container .service-faq .i-faq {
    width: 12px;
    height: 12px;
    top: 21px;
  }
  body.hong4 .profile-tab-wrap.achv-badge-wrap .service-container .service-faq .faq-box-li > p {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
body.hong4
  .profile-tab-wrap.achv-badge-wrap
  .service-container
  .service-inner-common.service-faq
  .faq-box-li:nth-child(3)
  > p {
  padding-bottom: 0;
}
body.hong4
  .profile-tab-wrap.achv-badge-wrap
  .service-container
  .service-inner-common.service-faq
  .faq-box-li:nth-child(3)
  > .active {
  padding-bottom: 13px;
}
body.hong4
  .profile-tab-wrap.achv-badge-wrap
  .service-container
  .service-inner-common.service-faq.active
  .faq-box-li:nth-child(3)
  > p {
  padding-bottom: 12px;
}
body.hong4
  .profile-tab-wrap.achv-badge-wrap
  .service-container
  .service-inner-common.service-faq
  .faq-box-li:last-child
  > p {
  padding-bottom: 0;
}
body.hong4
  .profile-tab-wrap.achv-badge-wrap
  .service-container
  .service-inner-common.service-faq
  .faq-box-li:last-child
  > .active {
  padding-bottom: 13px;
}
body.hong4 .profile-tab-wrap.achv-badge-wrap .profile-name.visit {
  word-break: unset;
}
/*** 교육이수용 뱃지 ***/

/*** 홍카페 추천 AI ***/
body.hong4 .theme-banner.ver3 > div {
  background-color: #f6f6f6;
  border: 1px solid #eee;
  border-radius: 2px;
  padding: 9px 0 9px;
  height: 44px;
}
@media screen and (max-width: 719px) {
  body.hong4 .theme-banner.ver3 > div {
    height: 38px;
    padding: 8px 0 6px;
  }
}
body.hong4 .theme-banner.ver3 > div.i-crown-arrow {
  background: url(/hong4/_img/main/i-crown-pp.svg) no-repeat, url(/hong4/_img/main/i-arrow-right.png) no-repeat;
  background-position: top 15px left 16px, top 15px right 16px;
  background-size: 16px 14px, 7px 12px;
  background-color: #f6f6f6 !important;
}
body.hong4.green .theme-banner.ver3 > div.i-crown-arrow {
  background: url(/hong4/_img/main/i-crown-gr.svg) no-repeat, url(/hong4/_img/main/i-arrow-right.png) no-repeat;
  background-position: top 15px left 16px, top 15px right 16px;
  background-size: 16px 14px, 7px 12px;
  background-color: #f6f6f6 !important;
}
@media screen and (max-width: 719px) {
  body.hong4 .theme-banner.ver3 > div.i-crown-arrow {
    background: url(/hong4/_img/main/i-crown-pp.svg) no-repeat, url(/hong4/_img/main/i-arrow-right.png) no-repeat;
    background-position: top 11px left 11px, top 13px right 11px;
    background-size: 14px 12px, 5px 9px;
  }
  body.hong4.green .theme-banner.ver3 > div.i-crown-arrow {
    background: url(/hong4/_img/main/i-crown-gr.svg) no-repeat, url(/hong4/_img/main/i-arrow-right.png) no-repeat;
    background-position: top 11px left 11px, top 13px right 11px;
    background-size: 14px 12px, 5px 9px;
  }
}
body.hong4 .theme-banner.ver3 .swiper-wrapper {
  height: 24px;
}
body.hong4 .theme-banner.ver3 > div .i-arrow-right {
  background-size: contain !important;
}
body.hong4 .theme-banner.ver3 .swiper-slide {
  width: 100%;
  max-width: 100%;
  border: 0;
  margin: 0;
  height: 100%;
}
body.hong4 .theme-banner.ver3 .i-crown-pp,
body.hong4 .theme-banner.ver3 .i-crown-gr {
  flex: none;
}
body.pg .detail-select-container.ver2 {
  background: #fff;
}
body.pg .detail-select-container.ver2 .detail-select-swiper li.swiper-slide {
  flex: none;
}
body.pg .detail-select-container.ver2 .detail-select-swiper li.swiper-slide.refresh,
body.pg .detail-select-container.ver2 .detail-select-swiper li.swiper-slide.active {
  border: 1px solid #222;
  box-shadow: none;
}
body.hong4 .detail-select-container.ver2 .detail-select-swiper li.swiper-slide {
  background-position: right 16px center;
}
@media screen and (max-width: 719px) {
  body.hong4 .detail-select-container.ver2 .detail-select-swiper li.swiper-slide {
    background-position: right 10px center;
  }
}
body.hong4 .detail-select-container.ver2 .detail-select-swiper li.swiper-slide.refresh {
  background-size: 18px 18px;
  background-position: center center;
}
@media screen and (max-width: 719px) {
  body.hong4 .detail-select-container.ver2 .detail-select-swiper li.swiper-slide.refresh {
    background-size: 14px 14px;
  }
}
body.hong4 .common-live-connect .common-live-connect-swiper .swiper-slide:last-child {
  margin-right: 20px;
}
@media screen and (max-width: 719px) {
  body.hong4 .common-live-connect .common-live-connect-swiper .swiper-slide:last-child {
    margin-right: 16px;
  }
}
/*** 홍카페 추천 AI ***/

.popup-bg#zipcodePopup .popup-div .popup-center {
  max-height: 70vh;
  overflow: hidden;
  overflow-y: auto;
}

/* 해외사용자 코인 */
body.hong4 .sub-tab.ver2 ul li a {
  background-color: #f5f5f5;
}
body.hong4 .sub-tab.ver2 ul li a.active {
  background-color: #fff;
}
/* //해외사용자 코인 */
.main-tab.ver3 {
  height: 63px;
}

@media screen and (max-width: 719px) {
  .main-tab.ver3 {
    height: 50px;
  }
}
.main-tab.ver3 ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  line-height: 27px;
}
@media screen and (max-width: 719px) {
  .main-tab.ver3 ul li a {
    font-size: 15px;
    line-height: 17px;
  }
  .main-tab.ver3 ul li a .count {
    line-height: 15px;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 399.9px) {
  .main-tab.ver3 ul li a .count {
    display: block;
  }
}
/* 나만의 점 */

body.hong4 .full-popup.ver2 {
  display: flex;
  flex-direction: column;
  z-index: 99;
}
body.hong4 .full-popup.ver2 header {
  background-color: #f33e76;
  flex: 0 0 80px;
}
@media (max-width: 719px) {
  body.hong4 .full-popup.ver2 header {
    flex: 0 0 50px;
  }
}
body.hong4 .full-popup.ver2 header p {
  font-weight: bold;
  font-size: 22px;
  line-height: 32px;
}
@media (max-width: 719px) {
  body.hong4 .full-popup.ver2 header p {
    font-size: 17px;
    line-height: 25px;
  }
}
body.hong4 .full-popup.ver2 header .i-close {
  display: block;
  width: 18px;
  height: 18px;
  background: none;
}
@media (max-width: 719px) {
  body.hong4 .full-popup.ver2 header .i-close {
    width: 14px;
    height: 14px;
  }
}
body.hong4 .full-popup.ver2 main {
  height: calc(100% - 152px);
  padding-bottom: 0;
  overflow-y: auto;
  flex: unset;
}
@media (max-width: 719px) {
  body.hong4 .full-popup.ver2 main {
    height: calc(100% - 50px);
    padding-bottom: 0;
  }
}
body.hong4 .full-popup.ver2 main .inner-wrap.ver2 {
  min-height: auto;
}
body.hong4 .full-popup.ver2 main .info-box {
  height: auto;
}
body.hong4 .full-popup .guide-wrap .success-write-content.ver2 {
  padding: 24px 0 50px;
}
@media (max-width: 719px) {
  body.hong4 .full-popup .guide-wrap .success-write-content.ver2 {
    padding: 16px 16px 122px;
  }
}
body.hong4 nav.nav .write-guide-btn.ver2 {
  display: flex;
  align-items: center;
  gap: 12px;
  line-height: 29px;
}
@media (max-width: 719px) {
  body.hong4 nav.nav .write-guide-btn.ver2 {
    gap: 6px;
    line-height: 17px;
  }
}

body.hong4 .i-close.ver2 {
  background: unset;
}
@media (max-width: 719px) {
  body.hong4 .i-close.ver2 {
    width: 14px;
  }
}
.oper-policy-box .table-box td {
  padding-right: 20px;
}
body.hong4 .success-write-banner.divination-write-banner .success-item .award-box .arward-line,
body.hong4 .success-write-banner.divination-write-banner .success-item .award-box.fame-box > div.arward-line {
  gap: 0;
}
body.hong4 .success-item.fame-item {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06);
  border-radius: 6px;
  width: 100%;
}
.shareverif-box .shareverif.ver2 .img-link img {
  height: 32px;
}
@media (max-width: 719px) {
  .shareverif-box .shareverif.ver2 .img-link img {
    height: 30px;
  }
}
.sns-input-box .sns-channel {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sns-input-box .sns-channel .btn-del {
  padding: 1px 7px;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  border-radius: 3px;
  background-color: #da4841;
  color: #fff;
  cursor: pointer;
}
@media (max-width: 719px) {
  .sns-input-box .sns-channel .btn-del {
    padding: 1px 6px;
    font-size: 11px;
    line-height: 17px;
  }
}
.question-box.ver1 {
  margin-top: 44px;
}
.question-box.ver1:first-child {
  margin-top: 0;
}
@media (max-width: 719px) {
  .question-box.ver1 {
    margin-top: 40px;
  }
}
.profile-wrap.ver2 {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
}
.review-write-inner.renewal {
  flex: 1 0 auto;
}
.shareverif-box .shareverif.ver2 .img-link img {
  flex: 0 0 auto;
}
.shareverif-box .shareverif.ver2 .link {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 95%;
}
/* //나만의 점 */
body.hong4 .input-wp .txt-input.border-c-ddd {
  border-color: #ddd !important;
}
.img-upload-wp label.mt-8px,
.img-upload-wp .img_del.mt-8px {
  margin-top: 8px !important;
}

/* 가불신청 */

.grid-b.l25r75 {
  grid-template-columns: 25% 75%;
  margin-top: 14px;
}
@media (max-width: 719px) {
  .grid-b.l25r75 {
    margin-top: 12px;
  }
}
.grid-b.l25r75 > div,
.grid-b.l25r75 > a {
  padding: 0 16px;
}
@media (max-width: 719px) {
  .grid-b.l25r75 > div,
  .grid-b.l25r75 > a {
    padding: 0 14px;
    line-height: 40px;
  }
}
.month-tt .i-arrow-r.ver3 {
  background: url('/publish/img/tailwind/ico-arwright-black-5x9.svg') no-repeat right center / 5px 9px;
  padding-right: 11px;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 719px) {
  .month-tt .i-arrow-r.ver3 {
    padding-right: 9px;
    font-size: 12px;
    line-height: 17px;
    background-position-y: 53%;
  }
}
.grid-b.l26r73 {
  grid-template-columns: 26.3% 73.7%;
}
@media (max-width: 719px) {
  .grid-b.l26r73 {
    grid-template-columns: 27% 73%;
  }
  .grid-b.l26r73 > div,
  .grid-b.l26r73 > a {
    line-height: 40px;
  }
}
@media (max-width: 360px) {
  .grid-b.l26r73 {
    grid-template-columns: 29% 71%;
  }
}
/* //가불신청 */