@charset "UTF-8";

.lp_wrap .size .height {
  position: absolute;
  top: 58.5%;
  left: 6%;
  width: 88%;
  cursor: pointer;
}
.lp_wrap .size .weight {
  position: absolute;
  top: 67.2%;
  left: 6%;
  width: 88%;
  cursor: pointer;
}
.lp_wrap .size .btn {
  position: absolute;
  top: 76.65%;
  left: 6%;
  width: 88%;
  cursor: pointer;
}
.lp_wrap .size .result {
  position: absolute;
  top: 85.7%;
  left: 57.9%;
  width: 16%;
  height: 4.5%;
  font-size: min(56px, 7.5vw);
  display: flex;
  justify-content: center;
  align-items: center;
}
.lp_wrap .size .h_box {
  position: absolute;
  top: 60%;
  left: 13.2%;
  width: 73.6%;
  display: none;
}
.lp_wrap .size .h_box ul li {
  position: absolute;
  left: 21.5%;
  cursor: pointer;
}
.lp_wrap .size .h_box ul li:nth-of-type(1) {
  top: 12.6%;
  width: 48.19%;
  background: url("../image/size-h1-on.png") center center/cover no-repeat;
}
.lp_wrap .size .h_box ul li:nth-of-type(2) {
  top: 29.4%;
  width: 56.703%;
  background: url("../image/size-h2-on.png") center center/contain no-repeat;
}
.lp_wrap .size .h_box ul li:nth-of-type(3) {
  top: 45.7%;
  width: 56.885%;
  background: url("../image/size-h3-on.png") center center/cover no-repeat;
}
.lp_wrap .size .h_box ul li:nth-of-type(4) {
  top: 62%;
  width: 55.798%;
  background: url("../image/size-h4-on.png") center center/cover no-repeat;
}
.lp_wrap .size .h_box ul li:nth-of-type(5) {
  top: 77.8%;
  width: 48.551%;
  background: url("../image/size-h5-on.png") center center/cover no-repeat;
}
.lp_wrap .size .h_box ul li img {
  opacity: 1;
  transition: 0.3s;
}
.lp_wrap .size .h_box ul li.open img {
  opacity: 0;
}
.lp_wrap .size .w_box {
  position: absolute;
  top: 58.3%;
  left: 13.2%;
  width: 73.6%;
  display: none;
}
.lp_wrap .size .w_box ul li {
  position: absolute;
  cursor: pointer;
}
.lp_wrap .size .w_box ul li:nth-of-type(1) {
  top: 11%;
  left: 5.2%;
  width: 31.341%;
  background: url("../image/size-w1-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(2) {
  top: 11%;
  left: 53.5%;
  width: 41.305%;
  background: url("../image/size-w2-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(3) {
  top: 25.5%;
  left: 5.2%;
  width: 41.124%;
  background: url("../image/size-w3-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(4) {
  top: 25%;
  left: 53.5%;
  width: 41.305%;
  background: url("../image/size-w4-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(5) {
  top: 39.6%;
  left: 5.2%;
  width: 41.486%;
  background: url("../image/size-w5-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(6) {
  top: 39.1%;
  left: 53.5%;
  width: 39.856%;
  background: url("../image/size-w6-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(7) {
  top: 53.7%;
  left: 5.2%;
  width: 40.58%;
  background: url("../image/size-w7-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(8) {
  top: 53.2%;
  left: 53.5%;
  width: 41.305%;
  background: url("../image/size-w8-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(9) {
  top: 67.7%;
  left: 5.2%;
  width: 41.124%;
  background: url("../image/size-w9-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(10) {
  top: 67.3%;
  left: 53.5%;
  width: 40.943%;
  background: url("../image/size-w10-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(11) {
  top: 81.8%;
  left: 5.2%;
  width: 41.124%;
  background: url("../image/size-w11-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li:nth-of-type(12) {
  top: 81.7%;
  left: 53.5%;
  width: 35.87%;
  background: url("../image/size-w12-on.png") center center/cover no-repeat;
}
.lp_wrap .size .w_box ul li img {
  opacity: 1;
  transition: 0.3s;
}
.lp_wrap .size .w_box ul li.open img {
  opacity: 0;
}