#wrap {
  max-width: 768px;
  margin: 0 auto;
}
header {
  padding: 2rem;
  position: relative;
}
header a {
  width: fit-content;
  display: block;
  margin: 0 auto;
}
header a img {
  width: 12rem;
}
header h1 {
  font-size: 2.4rem;
  font-weight: 700;
  text-align: center;
}
header .prev {
  position: absolute;
  top: 50%;
  left: 2rem;
  transform: translateY(-50%);
  width: 2.5rem;
  height: 2.5rem;
  background: url("../../../../icon_5.png") no-repeat center / contain;
}
header .header-bar {
  display: none;
  width: 100%;
  height: .5rem;
  background: #f0f2f6;
  border-radius: .5rem;
  margin-top: 2rem;
  position: relative;
  overflow: hidden;
}
header .header-bar .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 33.3%;
  height: 100%;
  background: #705594;
  border-radius: .5rem;
}
header .header-bar .bar-md {
  left: 50%;
  transform: translateX(-50%);
}
header .header-bar .bar-end {
  left: unset;
  transform: translateX(0%);
  right: 0;
}

main {
  position: relative;
  min-height: 605px;
}
main .info_txt_wrap {
  padding: 2.5rem 2rem;
  text-align: center;
}
main .info_txt_wrap h1 {
  width: fit-content;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  margin: 0 auto;
}
main .info_txt_wrap h1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 2rem);
  height: 1.5rem;
  background: #b2dfde;
  z-index: -1;
}
main .info_txt_wrap p {
  font-size: 1.7rem;
  line-height: 1.4;
  color: #888;
}
main .info_img_wrap {
  position: relative;
  font-size: 0;
}
main .info_img_wrap img {
  width: 100%;
}
main .go {
  display: block;
  font-size: 2.4rem;
  font-weight: 700;
  background: #009591;
  color: #fff;
  width: 90%;
  padding: 1.5rem 2rem;
  border-radius: 4rem;
  text-align: center;
  margin: 2rem auto 3rem;
}

main .swiper_wrap {
  text-align: center;
  padding-bottom: 6.5rem;
}
main .swiper_wrap h4 {
  font-size: 2.2rem;
  line-height: 1.5;
  margin-bottom: 4rem;
}
main .swiper_wrap .img_wrap {
  width: 25rem;
  height: 15rem;
  margin: 0 auto;
  margin-bottom: 3rem;
}
main .swiper_wrap .img_wrap img {
  width: 100%;
}
main .swiper_wrap .img_wrap .img2 {
  width: 58%;
}
main .swiper_wrap .check {
  display: block;
  font-size: 2.1rem;
  font-weight: 600;
  padding: 1rem 0;
  margin: 0 auto;
  border: 1px solid #009591;
  background: #fff;
  color: #009591;
  width: 22rem;
  border-radius: 3rem;
}
main .swiper_wrap .swiper-pagination {
  top: unset !important;
  bottom: 0 !important;
}
main .swiper_wrap .swiper-pagination-bullet {
  width: 1.6rem !important;
  height: 1.6rem !important;
  margin: 0 .6rem !important;
}
main .swiper_wrap .swiper-pagination-bullet-active {
  background: #009591 !important;
}

/* info_input.php */
main .form_txt_wrap {
  padding: 2.5rem 2rem 2rem;
}
main .form_txt_wrap p {
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: -.05rem;
}
main .form_wrap {
  padding: 2rem;
}
main .form_wrap .form_item {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.5rem;
}
main .form_wrap .form_item label {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}
main .form_wrap .form_item input,
main .form_wrap .form_item select {
  width: 100%;
  border: 1px solid #ddd;
  padding: 1.2rem 1.5rem;
  font-size: 1.7rem;
  border-radius: .0rem;
  background: #efefef;
}
main .form_wrap .form_item option {
  font-size: inherit;
}
main .form_wrap .form_item .resi_num_wrap,
main .form_wrap .form_item .phone_num_wrap {
  display: flex;
  align-items: center;
}
main .form_wrap .form_item .resi_num_wrap span {
  font-size: 2.5rem;
  margin: 0 .5rem;
}
main .form_wrap .form_item .phone_num_wrap select {
  width: 45%;
  margin-right: 1.5rem;
  height: 4.8rem;
}
main .form_wrap .privacy_wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}
main .form_wrap .privacy_wrap input[type="checkbox"] {
  width: 2.3rem;
  height: 2.3rem;
  appearance: auto;
}
main .form_wrap .privacy_wrap label {
  font-size: 1.8rem;
  letter-spacing: -.05rem;
  margin-right: .5rem;
  margin-left: .8rem;
}
main .form_wrap .privacy_wrap .privacy_btn {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: .15rem;
}
main .form_wrap .btn_submit {
  width: 100%;
  display: flex;
    justify-content: center;
    align-items: center;
	gap:10px;
  padding: 2.5rem 1.5rem;
  font-size: 2.5rem;
  font-weight: 400;
  background: #000;
  color: #fff;
  margin: 2rem 0 1.5rem;
}
main .form_wrap .btn_submit img{
	width:25px;
	height:25px;
}

/* FOOTER */
footer .ft_wrap1 {
  background: #90a3a2;
  padding: 2rem;
}
footer .ft_wrap2 {
  background: #000;
  padding: 2rem;
}
footer ul li {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #fff;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  filter: none !important;
  background: none !important;
  word-break: break-all;
}
footer ul li:not(:last-child) {
  margin-bottom: .6rem !important;
}

#id::placeholder,
#password::placeholder,
#customer_name::placeholder{
font-size:.95em;
}

/* 231010 index */
.IndexTop img{width:100%;height:100%;}
.IndexBottom{position:fixed;bottom:0;left:0;width:100%;}
/* .IndexBottom .wrap-btn{font-weight:600;background-color:#000;color:#fff;display:flex;align-items: center;justify-content: center;margin:0 auto;font-size:1.5rem;padding:1.05rem 3rem;width:100%;} */


/* 231010 second */
.SecondTop{font-size:2rem;text-align:center;background-color:#efefef;padding:1.8rem;}
.SecondMiddle{padding:1.8rem;}
.SecondMiddle p{font-size:1.5rem;}
.BubbleLeft{padding:2rem;width:85%;margin:1.8rem 0;padding:2.5rem 3rem;background-image:url(../../../../img_5.png);}
.BubbleLeft p{color:#fff;line-height:1.3em;}
.BubbleRight{margin-left: auto;padding:1.8rem;width:fit-content;padding:2.5rem 3rem;background-image:url(../../../../img_4.png);text-align:center;}
.BubbleLeft, .BubbleRight{background-size: 100% 100%;}
.wrap-btn{font-weight:600;background-color:#fdff62;color:#3e3a39;display:flex;align-items: center;justify-content: center;margin:0 auto;font-size:1.5rem;padding:1.05rem 3rem;width:100%;}
.wrap-btn img{width:12px;height:12px;margin-left:5px;}
.SecondBottom{position:fixed;bottom:0;left:0;width:100%;}

/* 231010 third */
.ThirdTop {
  font-size: 1.7rem;
  padding: 1.8rem 1.8rem 0;
  line-height: 1.5em;
  color: #666;
}

.ThirdMiddle {
  padding: 1.8rem;
}

.ThirdMiddle label {
  font-size: 1.8rem;
  border: 1px solid #eee; /* �⺻������ ������ �׵θ��� �����ϴ�. */
  width: 100%;
  display: block;
  padding: 3rem 2rem;
  transition: border-color 0.3s; /* ��ȭ�� �ε巴�� ����� ���� Ʈ������ */
}

/* üũ�ڽ��� ����ϴ�. */
.ThirdMiddle .custom-checkbox {
  display: none;
}

/* üũ�ڽ��� ��ü�� �̹��� ��Ÿ���� �����մϴ�. */
.ThirdMiddle .custom-checkbox-image {
  width: 20px; /* �̹����� �ʺ� ���� */
  height: 20px; /* �̹����� ���� ���� */
  background-image: url(../../../../icon_6-1.png); /* ����� �̹��� ���� ��� */
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; /* �̹����� �ؽ�Ʈ ������ ���� ���� */
}

/* üũ�� ������ �� �̹����� �����մϴ�. */
.ThirdMiddle .custom-checkbox:checked + .custom-checkbox-image {
  background-image: url(../../../../icon_6.png); /* üũ�� ������ �̹��� ���� ��� */
}
.ThirdBottom{position:fixed;bottom:0;left:0;width:100%;}

/* 231010 fourth */
.FourthTop{padding:1.8rem 3.8rem 0;}
.FourthTop p{font-size:1.6rem;color:#666;line-height:1.4em;}
.FourthTop p:first-of-type{letter-spacing:3px;}
.FourthBottom{position:fixed;bottom:0;left:0;width:100%;}
.FourthBottom_Flex{display:flex;}
.FourthBottom_Flex .gray{background-color:#d3d3d3;width:30%;}

.FourthMiddle {
  padding: 1.8rem;
}

.FourthMiddle label {
  font-size: 1.8rem;
  border: 1px solid #eee; /* �⺻������ ������ �׵θ��� �����ϴ�. */
  width: 100%;
  display: block;
  padding: 3rem 2rem;
  transition: border-color 0.3s; /* ��ȭ�� �ε巴�� ����� ���� Ʈ������ */
}

/* üũ�ڽ��� ����ϴ�. */
.FourthMiddle .custom-checkbox {
  display: none;
}

/* üũ�ڽ��� ��ü�� �̹��� ��Ÿ���� �����մϴ�. */
.FourthMiddle .custom-checkbox-image {
  width: 20px; /* �̹����� �ʺ� ���� */
  height: 20px; /* �̹����� ���� ���� */
  background-image: url(../../../../icon_3-1.png); /* ����� �̹��� ���� ��� */
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px; /* �̹����� �ؽ�Ʈ ������ ���� ���� */
}

/* üũ�� ������ �� �̹����� �����մϴ�. */
.FourthMiddle .custom-checkbox:checked + .custom-checkbox-image {
  background-image: url(../../../../icon_3.png); /* üũ�� ������ �̹��� ���� ��� */
}

/* 231010 info */
.infoBottom{position:fixed;bottom:0;left:0;width:100%;}
.infoBottom img{width:12px;height:12px;}

/* .adsbygoogle{margin:0 auto !important; } */

.adsense{background-color:#fff;}