@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" , "pretendard" , "Pretendard Variable";
}
.font_noto_serif {
  font-family: "Noto Serif KR", "Pretendard" , "pretendard" , "Pretendard Variable", sans-serif;
}
.font_sorts_mill {
  font-family: "Sorts Mill Goudy", "Pretendard" ,"pretendard" , "Pretendard Variable", sans-serif;
}
.font_nanum_myeongjo {
  font-family: "Nanum Myeongjo", "Pretendard" , "pretendard" , "Pretendard Variable", sans-serif !important;
}
.font_cinzel {
  font-family: "Cinzel", "Pretendard" , "pretendard" , "Pretendard Variable", sans-serif !important;
}

.margin-b-80 {
  margin-bottom: 80px;
}
.margin-b-40 {
  margin-bottom: 40px;
}
.margin-b-30 {
  margin-bottom: 30px;
}
.margin-b-20 {
  margin-bottom: 20px;
}

.padding-t-200 {
  padding-top: 200px;
}
.padding-t-140 {
  padding-top: 140px;
}
.padding-t-120 {
  padding-top: 120px;
}
.padding-t-110 {
  padding-top: 100px;
}
.padding-t-100 {
  padding-top: 100px;
}
.padding-t-80 {
  padding-top: 80px;
}
.padding-t-50 {
  padding-top: 50px;
}
.padding-t-40 {
  padding-top: 40px;
}
.padding-t-20 {
  padding-top: 20px;
}

.padding-b-170 {
  padding-bottom: 170px;
}
.padding-b-160 {
  padding-bottom: 160px;
}
.padding-b-140 {
  padding-bottom: 140px;
}
.padding-b-120 {
  padding-bottom: 120px;
}
.padding-b-110 {
  padding-bottom: 110px;
}
.padding-b-80 {
  padding-bottom: 80px;
}
.padding-b-40 {
  padding-bottom: 40px;
}
.padding-b-30 {
  padding-bottom: 30px;
}
.padding-b-20 {
  padding-bottom: 20px;
}


.max-width-1200 {
    max-width: 1200px;
}