.main {
  display: flex;
  flex-direction: column;
  align-items: center;

}

.main .banner-wrap {
  display: flex;
  height: 1000px;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding-top: 400px;
  background: url('../images/main/bg.png') no-repeat center;
  background-position: cover;
}

.main .banner-wrap .banner-inner {
  display: flex;
  flex-direction: column;
  gap: 52px;

  width: 100%;
  max-width: 1270px;
}

.main .banner-wrap .banner-inner h1 {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 60px;
  font-weight: 700;
}

.main .banner-wrap .banner-inner p {
  color: #FFF;
  font-family: "Noto Sans KR";
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}

.main .content-wrap {
  display: flex;
  width: 1270px;
  padding: 200px 0;
  flex-direction: column;
  gap: 100px;
}

.main .content .title-wrap {}

.main .content-wrap .title-wrap h1 {
  color: #000;
  font-family: "Pretendard";
  font-size: 46px;
  font-weight: 700;
}

.main .content-wrap .title-wrap p {
  color: #777;
  font-family: "Pretendard";
  font-size: 27px;

}

.main .content-wrap .content {
  display: flex;
  padding: 59px 0;
  justify-content: center;
  align-items: center;
  gap: 8px;
  position: relative;
}

.main .content-wrap .content .outer-box {
  display: flex;
  width: 821px;
  height: 821px;
  padding: 82px;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px dashed #92C4FF;
  position: absolute;
  z-index: -1;
}

.main .content-wrap .content .outer-box .inner-box {
  width: 657px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  background: #F0F7FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .content-wrap .content .outer-box .inner-box .box {
  display: flex;
  width: 453px;
  height: 425px;
  align-items: center;
  justify-content: center;
  position: relative;
}

.main .content-wrap .content .outer-box .inner-box .box .circle {
  width: 425px;
  aspect-ratio: 1/1;
  border-radius: 100%;
  border-radius: 100%;
  border: 1px solid #1356A7;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow {
  width: 28px;
  height: 28px;
  position: absolute;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow01 {
  right: 101.125px;
  top: 17.344px;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow02 {

  right: -1px;
  top: 198.5px;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow03 {
  right: 101.126px;
  bottom: 17.344px;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow04 {
  left: 101.125px;

  bottom: 18.345px;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow05 {
  top: 198.5px;
  left: 0;
}

.main .content-wrap .content .outer-box .inner-box .box .ico_arrow06 {
  left: 101.126px;
  top: 18.345px;
}

.main .content-wrap .content .info-wrap {
  display: flex;
  width: 1270px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px;
}

.main .content-wrap .content .info-wrap>div {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 140px;
}

.main .content-wrap .content .info-wrap .middle {
  gap: 120px;
}

.main .content-wrap .content .info-wrap .box {
  display: flex;
  width: 240px;
  height: 240px;
  padding: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 200px;
  background: center;
  background-size: cover;
}

.main .content-wrap .content .info-wrap .box p {
  color: #FFF;
  text-align: center;
  font-family: "Pretendard";
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}

.main .content-wrap .content .info-wrap .box04 {
  width: 300px;
  height: 300px;
  background: white;
}

.main .content-wrap .content .info-wrap .box05 {
  background: rgba(0, 0, 0, 0.20);
}

.main .content-wrap .content .info-wrap .box04 img {
  width: 200px;
  height: 78px;
  flex-shrink: 0;
  aspect-ratio: 100/39;
}

.main .content-wrap .content .info-wrap .box01 {
  background-image: url('../images/main/01.png');
}

.main .content-wrap .content .info-wrap .box02 {
  background-image: url('../images/main/02.png');
}

.main .content-wrap .content .info-wrap .box03 {
  background-image: url('../images/main/03.png');
}

.main .content-wrap .content .info-wrap .box06 {
  background-image: url('../images/main/04.png');
}

.main .content-wrap .content .info-wrap .box07 {
  background-image: url('../images/main/05.png');
}

.main .btn-wrap {
  display: flex;
  align-items: flex-start;
  width: 100%;
}

.main .btn-wrap a {
  height: 280px;
  flex: 1;
  width: 100%;
  display: flex;
}

.main .btn-wrap div {
  width: 100%;
  display: flex;
  height: 280px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: no-repeat center cover;
}

.main .btn-wrap .notice {
  background-image: url('../images/main/notice.png');
}

.main .btn-wrap .inquiry {
  background-image: url('../images/main/inquiry.png');
}

.main .btn-wrap h1 {
  color: #FFF;
  font-family: "Pretendard";
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
}

.main .btn-wrap p {
  color: #FFF;
  font-family: "Pretendard";
  font-size: 18px;
  font-weight: 700;
}