@charset "UTF-8";
/* display */
.display-b {
  display: block;
}

.display-i {
  display: inline;
}

.display-i-b {
  display: inline-block;
}

.display-f {
  display: flex;
}

.display-g {
  display: grid;
}

/* display align */
.justify-c {
  justify-content: center;
}

.justify-sb {
  justify-content: space-between;
}

.justify-fs {
  justify-content: flex-start;
}

.justify-fe {
  justify-content: flex-end;
}

.align-items-c {
  align-items: center;
}

.align-items-fs {
  align-items: flex-start;
}

.align-items-fe {
  align-items: flex-end;
}

.align-content-c {
  align-content: center;
}

.align-content-fs {
  align-content: flex-start;
}

.align-content-fe {
  align-content: flex-end;
}

.align-content-sb {
  align-content: space-between;
}

.flex-wrap {
  flex-wrap: wrap;
}

/* text- align */
.text-align-c {
  text-align: center;
}

.text-align-l {
  text-align: left;
}

.text-align-r {
  text-align: right;
}

.text-align-j {
  text-align: justify;
}

/* margin */
.margin-c {
  margin: 0 auto;
}

.margin-l-0 {
  margin-right: auto;
  margin-left: 0;
}

.margin-r-0 {
  margin-left: auto;
  margin-right: 0;
}

/* 모바일 */
.mo_br {
  display: none;
}

.mo_img {
  display: none;
}

/* 기타 */
.bold {
  font-weight: bold;
}

.underline {
  text-decoration: underline;
}

/* 팝업띄웠을 때 html,body 스크롤 방지용 */
.scroll_lock {
  overflow: hidden;
}

/* font family */
.font_pretendard {
  font-family: "Pretendard", sans-serif;
}
.font_noto_serif {
  font-family: "Noto Serif KR", "Pretendard", sans-serif;
}

/**/
.max-width-1200 {
  max-width: 1200rem;
}
.max-width-1500 {
  max-width: 1500rem;
}
/**/
.margin-b-80 {
  margin-bottom: 80rem;
}
.margin-b-60 {
  margin-bottom: 60rem;
}
.margin-b-40 {
  margin-bottom: 40rem;
}
.margin-b-30 {
  margin-bottom: 30rem;
}
.margin-b-20 {
  margin-bottom: 20rem;
}
.margin-b-10 {
  margin-bottom: 10rem;
}

/**/
.padding-t-170 {
  padding-top: 170rem;
}
.padding-t-140 {
  padding-top: 140rem;
}
.padding-t-120 {
  padding-top: 120rem;
}
.padding-t-100 {
  padding-top: 100rem;
}
.padding-t-80 {
  padding-top: 80rem;
}
.padding-t-60 {
  padding-top: 60rem;
}
.padding-t-30 {
  padding-top: 30rem;
}
.padding-t-20 {
  padding-top: 20rem;
}

.padding-b-200 {
  padding-bottom: 200rem;
}
.padding-b-120 {
  padding-bottom: 120rem;
}
.padding-b-160 {
  padding-bottom: 160rem;
}
.padding-b-80 {
  padding-bottom: 80rem;
}
.padding-b-60 {
  padding-bottom: 60rem;
}
.padding-b-30 {
  padding-bottom: 30rem;
}
.padding-b-20 {
  padding-bottom: 20rem;
}