@keyframes width {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.index_header .container {
  /*padding-top: 3rem;*/
}
.index_header .container .tit {
  font-family: "Enter Sansman Bold";
  color: #ff3939;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
}

.index_footer .container {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index : 9999;
  background: #fff;
}
.index_footer .container::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.index_footer .container .gnb .gnb_list {
  grid-template-columns: repeat(4, 1fr);
  padding: 1.5rem 0;
}
.index_footer .container .gnb .gnb_list a .img_box {
  width: 3.8rem;
  height: 3.8rem;
}
.index_footer .container .gnb .gnb_list a .img_box span {
  font-size: 3.1rem;
  color: #5c5c5c;
}
.index_footer .container .gnb .gnb_list a .tit {
  color: #5c5c5c;
  font-size: 1.3rem;
  font-weight: 400;
}
.index_footer .container .gnb .gnb_list a.active .img_box span {
  color: #6285ff;
}
.index_footer .container .gnb .gnb_list a.active .tit {
  color: #6285ff;
  font-weight: 500;
}
#info_sec .inner {
	background:none !important;
}
@media screen and (min-width: 1024px) {
  .index_header .container {
    margin-top: 3rem;
  }
  .index_header .container .tit {
    font-size: 4rem;
  }
}
@media screen and (min-width: 400px) {
  html {
    font-size: 65%;
  }
}
@media screen and (max-width: 375px) {
  html {
    font-size: 61.5%;
  }
}
@media screen and (max-width: 365px) {
  html {
    font-size: 59%;
  }
}
@media screen and (max-width: 350px) {
  html {
    font-size: 57%;
  }
}
@media screen and (max-width: 340px) {
  html {
    font-size: 55%;
  }
  body {
    min-width: 310px;
  }
}
.faq_main > .container {
  padding-bottom: 7rem;
}

.sec_1 .container {
  padding: 5rem 0 2rem;
}
.sec_1 .container .text_area .tit {
  color: #5c5c5c;
  font-size: 2.5rem;
  font-weight: 500;
  margin-bottom: 3rem;
}
.sec_1 .container .text_area .tit span {
  position: relative;
  z-index: 1;
}
.sec_1 .container .text_area .tit span::before {
	display:none;
  position: absolute;
  bottom: -0.3rem;
  left: 0;
  content: "";
  width: 0;
  height: 1rem;
  background: rgba(255, 98, 98, 0.5);
  z-index: -1;
  transition: 0.3s;
  animation: width 0.5s 0.8s both;
}
.sec_1 .container .text_area .txt span {
  color: #464646;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-weight: 400;
  padding-left: 2rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.8rem;
  background-image: url(./../../../img/check_ico_1.svg);
}


@media screen and (max-width: 700px) {
	.map_box {
		height:58vw !important;
	}
}