@import url("/font/pretendard_gov.css");
@import url("/font/nanumsquare_neo.css");
@import url("/font/jalnan_gothic.css");
@import url("/font/montserrat.css");
@import url("/font/remixicon_v4.6.0.css");
@import url("/font/xeicon.css");
/*-------------------------------------------------

Title       : sub10
Author      : EASESOFT
Create Date : 2025-11

-------------------------------------------------*/
.c100100 .bg_white {
  background: #FFFFFF;
  border: none;
  border-radius: 1.6rem;
  padding: 2.4rem;
}
.c100100 h4:has(.num) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
}
.c100100 h4 .num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: #4579EB;
  color: #FFFFFF;
}
.c100100 .info_box {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 3rem;
}
.c100100 .info_box .title_md {
  flex: none;
  width: 13rem;
}
.c100100 .info_box .btn_box {
  margin-left: auto;
  align-self: center;
}
.c100100 .info_box .btn_box .btn {
  min-width: 14rem;
}

.c100200 h3:has(.num) {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 1.6rem;
}
.c100200 h3 .num {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  border-radius: 100%;
  background: #4579EB;
  color: #FFFFFF;
}

.c100500 .btn_box {
  flex-direction: column;
}
.c100500 .btn_box .btn {
  width: 22rem;
  height: 6rem;
}
.c100500 .btn_box .google {
  background: url("/main/img/google_play.png") no-repeat center center;
  background-size: 90%;
}
.c100500 .btn_box .apple {
  background: url("/main/img/apple_black.png") no-repeat center center;
  background-size: 90%;
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/
/* Media Query */
@media (max-width: 1024px) {
  .c100100 .list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .c100100 .box_group .cont_box {
    padding-right: 3.2rem;
    background-position: right 1.6rem top 1.6rem;
  }
}
@media (max-width: 768px) {
  .c100100 .list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .c100100 .box_group .cont_box {
    padding-right: 3.2rem;
    background-position: right 1.6rem top 1.6rem;
  }
}