@charset "UTF-8";

/*-----------------------------------
    sitemap_block
-----------------------------------*/
#sitemap{
  padding: 34px 0 97px;
}
#sitemap .contents_inner{
  max-width: 930px; 
}
#sitemap a{
  font-size: 15px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 18px;
  position: relative;
  transition: color .3s ease;
}
#sitemap a::before{
  content: "";
  width: 0;
  height: 1px;
  background-color: #1D4836;
  position: absolute;
  left: 0;
  bottom: -3px;
  transition: width .3s ease;
}
#sitemap a:hover::before{
  width: 100%;
}
#sitemap ul{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  gap: 18px;
  margin-left: 18px;
}
#sitemap ul li a{
  font-size: 13px;
  margin-bottom: 18px;
  position: relative;
  transition: color .3s ease;
}
#sitemap ul li a::before{
  content: "";
  width: 0;
  height: 1px;
  background-color: #1D4836;
  position: absolute;
  left: 0;
  bottom: -3px;
  transition: width .3s ease;
}
#sitemap ul li a:hover::before{
  width: 100%;
}
#sitemap a:hover{
  color: #1D4836;
}
span.arrow{
  padding-left: 17.5px;
  position: relative;
  display: block;
}
/* span.mb{
  margin-bottom: 30px;
} */
span.arrow::before{
  content: "";
  width: 8.66px;
  height: 7.5px;
  background: url(../img/sitemap/sitemap_arrow.svg) no-repeat center center / contain;
  position: absolute;
  top: 7px;
  left: 0;
  /* transform: translateY(-50%); */
}
.sitemap_r_wrap{
  display: -webkit-flex;
	display: flex;
  -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
  gap: 100px;
}
.sitemap_c_wrap{
  display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
@media screen and (max-width: 840px) {
  #sitemap .contents_inner{
    width: 70%;
    margin: 0 auto;
  }
  .sitemap_r_wrap{
    display: -webkit-flex;
	  display: flex;
	  -webkit-flex-wrap: wrap;
	  flex-wrap: wrap;
	  -webkit-justify-content: flex-start;
	  justify-content: flex-start;
	  -webkit-align-items: flex-start;
	  align-items: flex-start;
    column-gap: 50px;
    row-gap: 30px;
  }
}
@media screen and (max-width: 640px) {
  #sitemap{
    padding: 20px 0 50px;
  }
  span.mb{
    margin-bottom: 18px;
  }
  .sitemap_r_wrap{
    row-gap: 18px;
  }
}