@charset "utf-8";

/* color */

:root {
  --bg-color: #1C1C1C;
  --white: #ffffff;
  --txt01: #333333;
  --txt02: #666666;
  --txt03: #C9C9C9;
  --primary: #4781FD;
  --line: #e8e8e8;
  --box-color: #F2F3F5;
}
.pc_only {
  display: block;
}
.mb_only {
  display: none;
}
.bold {
  font-weight: 700;
  white-space: nowrap;
}
.bold-bl{
  font-weight: 700;
  white-space: nowrap;
  color: #4781FD;
}

@media (max-width: 1024px) {
  .pc_only {
    display: none;
  }
  .mb_only {
    display: block;
  }
}

/* 공통 */
/* body { */
.inner {
  width: 100%;
  position: relative;
  background: var(--bg-color);
}

/* 코드 추가 */
.mx-w140 {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

.sub_title_wrap {
  background: url(../images/img-sub.png) no-repeat;
}
/* 코드 추가 끝 */

.d-flex {
  display: flex;
}
.justify-content-between {
  justify-content: space-between;
}
.align-item-center {
  align-items: center;
}
.align-item-top {
  align-items: flex-start;
}
.gap10 {
  gap: 10px;
}
.gap20 {
  gap: 20px;
}
.gap30 {
  gap: 30px;
}
@media (max-width: 1024px) {
  .mb-flexwrap {
    flex-wrap: wrap;
  }
}
.w100{
  width: 100%;
}
/* 텍스트 */
.ti1 {
  font-size: 10rem;
  color: var(--white);
  font-weight: 600;
}
.ti2 {
  font-size: 6rem;
  color: var(--white);
  font-weight: 600;
}
.ti3 {
  font-size: 24px;
  color: var(--white);
  font-weight: 600;
}
.txt01 {
  font-size: 24px;
  color: var(--white);
  line-height: 140%;
}
.txt02 {
  color: var(--white);
  font-size: 20px;
  line-height: 160%;
}
.txt03 {
  font-size: 42px;
  color: var(--white);
  font-weight: 600;
}
.txt04 {
  font-size: 18px;
  color: var(--white);
  font-weight: 300;
}
.txt04-bold {
  font-size: 18px;
  color: var(--white);
  font-weight: 600;
}
.txt05 {
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  text-align: center;
}

.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}

/* 마진 */
.mt00 {
  margin-top: 0px !important;
}
.mb00 {
  margin-bottom: 0px !important;
}
.mt05 {
  margin-top: 5px !important;
}
.ml05 {
  margin-left: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
/* 코드 추가 */
.mb60 {
  margin-bottom: 60px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mx-1 {
  margin: 0 10px !important;
}
.mx-2 {
  margin: 0 20px !important;
}