@charset "UTF-8";

.lp_wrap .sns .head li {
  position: absolute;
  opacity: 0;
  transform: translateY(20%);
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(1) {
  top: 18.2%;
  left: 8.7%;
  width: 10.026%;
  transition: 0.6s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(2) {
  top: 19.1%;
  left: 21.3%;
  width: 7.552%;
  transition: 0.6s 0.1s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(3) {
  top: 17%;
  left: 32.6%;
  width: 5.859%;
  transition: 0.6s 0.2s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(4) {
  top: 16.75%;
  left: 41%;
  width: 12.5%;
  transition: 0.6s 0.3s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(5) {
  top: 17.2%;
  left: 55.8%;
  width: 9.505%;
  transition: 0.6s 0.4s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(6) {
  top: 16.9%;
  left: 66.8%;
  width: 12.37%;
  transition: 0.6s 0.5s;
		border-top: none;
}
.lp_wrap .sns .head li:nth-child(7) {
  top: 17%;
  left: 80.5%;
  width: 10.807%;
  transition: 0.6s 0.6s;
		border-top: none;
}
.lp_wrap .sns .head li.trigger.move,
.lp_wrap .sns .head li.trigger.move ~ li {
  opacity: 1;
  transform: translateY(0);
		border-top: none;
}
.lp_wrap .sns .slider_wrap {
  position: absolute;
  top: 32.8%;
  left: 0%;
  width: 100%;
}
.lp_wrap .sns .slider_wrap img {
  width: 98.96%;
  margin-left: 1%;
}
.lp_wrap .sns .slider_wrap .slider .slick-dots {
  bottom: -6%;
  height: 3.2%;
}
.lp_wrap .sns .slider_wrap .slider .slick-dots li {
  width: auto;
  height: 100%;
  margin: 0% 1.2%;
  aspect-ratio: 1 / 1;
  box-sizing: border-box;
  background-color: transparent;
  border: 2px solid #5a3219;
  border-radius: 50%;
  transition: 0.2s;
}
.lp_wrap .sns .slider_wrap .slider .slick-dots li.slick-active {
  background-color: #d76002;
  border: 2px solid #d76002;
}
.lp_wrap .sns .smp {
  position: absolute;
  top: 33.5%;
  left: 27.865%;
  width: 44.271%;
  pointer-events: none;
}