@charset "UTF-8";
@import url(./common.css);
#seoul-gnb-plugin .seoul-gnb-holder {
  max-width: 1800px !important;
}

.list-util .list-util__unit em.count {
  position: absolute;
  top: -9px;
  right: -10px;
  display: inline-block;
  width: 23px;
  height: 23px;
  background: var(--root-color-8);
  font-size: var(--root-font-size-sm);
  font-weight: var(--root-font-bold-weight);
  border-radius: 100%;
  font-style: normal;
  text-align: center;
  line-height: 23px;
  letter-spacing: -1px;
}

.mobile-menu-btn {
  display: none;
}

.mobile-close {
  display: none;
}

.page-title {
  text-align: center;
  font-size: var(--root-font-size-pagetitle);
}

/* 대여하기 */
.detail-search-wrap .detail-search-section dl {
  display: flex;
  margin-bottom: 33px;
  align-items: center;
}
.detail-search-wrap .detail-search-section dl dt {
  width: 120px;
  line-height: 40px;
}
.detail-search-wrap .detail-search-section dl dt br {
  display: none;
}
.detail-search-wrap .detail-search-section dl dd {
  width: calc(100% - 120px);
}
.detail-search-wrap .detail-search-section.modify dl {
  margin-bottom: 10px;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify dl {
    margin-bottom: 10px !important;
  }
}
.detail-search-wrap .detail-search-section.modify dl:is(:last-child) {
  margin-bottom: 0 !important;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify dl dt {
    width: 70px;
  }
}
.detail-search-wrap .detail-search-section.modify dl [type=radio] {
  position: absolute;
  overflow: hidden;
  appearance: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.detail-search-wrap .detail-search-section.modify dl [type=radio]:checked ~ .txt-label {
  font-weight: var(--root-font-bold-weight);
  text-decoration: underline;
  text-underline-offset: 3px;
}
.detail-search-wrap .detail-search-section.modify dl [type=checkbox]:not(:checked) {
  opacity: 0.2;
}
.detail-search-wrap .detail-search-section.modify dl:has(.input-wrap) {
  margin-bottom: 30px;
}
.detail-search-wrap .detail-search-section.modify dl:has(.input-wrap) dt {
  display: none;
}
.detail-search-wrap .detail-search-section.modify dl:has(.input-wrap) dd {
  flex-grow: 1;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify dl:has(.input-wrap) {
    margin-bottom: 20px !important;
  }
}
.detail-search-wrap .detail-search-section.modify .check-group:has([type=checkbox]) {
  margin-left: -5px;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify .check-group:has([type=checkbox]) {
    margin-left: -3px;
  }
}
.detail-search-wrap .detail-search-section.modify .chk-default {
  gap: 10px 30px;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify .chk-default {
    gap: 10px 20px;
  }
}
.detail-search-wrap .detail-search-section.modify .input-wrap {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.detail-search-wrap .detail-search-section.modify .input-wrap [type=text] {
  width: 55%;
  padding: 0 5px;
  border: 0;
  border-bottom: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify .input-wrap [type=text] {
    width: 100%;
  }
}
.detail-search-wrap .detail-search-section.modify .input-wrap [type=text]::placeholder {
  color: #999;
}
.detail-search-wrap .detail-search-section.modify .input-wrap .btn {
  width: 135px;
  height: 46px;
}
@media screen and (max-width : 768px) {
  .detail-search-wrap .detail-search-section.modify .input-wrap .btn {
    width: auto;
    height: auto;
  }
}
.detail-search-wrap .detail-search-section.modify .product-color {
  gap: 9px;
  margin: 5px 0 10px;
}
.detail-search-wrap:has(.detail-search-section.modify) {
  border-bottom: 0;
}
.detail-search-wrap .refresh-wrap {
  display: flex;
  justify-content: end;
  width: 100%;
}
.detail-search-wrap .refresh-wrap .refresh {
  display: inline-flex;
  align-items: center;
  border: none;
  background: transparent;
  color: #666;
}
.detail-search-wrap .refresh-wrap .refresh::after {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background-size: 100%;
}

.page-title + .product-search-form {
  margin-top: 15px;
}

.product-search-form .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  margin: 0 auto;
}
.product-search-form .inner .input-wrap {
  display: flex;
  width: calc(100% - 340px);
  max-width: 600px;
  border-bottom: 2px solid var(--root-color-1);
}
@media screen and (max-width : 1024px) {
  .product-search-form .inner .input-wrap {
    width: calc(100% - 240px);
  }
}
@media screen and (max-width : 768px) {
  .product-search-form .inner .input-wrap {
    border-bottom-width: 1px;
    width: calc(100% - 150px);
  }
}
@media screen and (max-width : 380px) {
  .product-search-form .inner .input-wrap {
    border-bottom-width: 1px;
    width: calc(100% - 110px);
  }
}
.product-search-form .inner .input-wrap button {
  position: relative;
  display: block;
  width: 76px;
  height: 60px;
  background-color: #fff;
  border: none;
  text-indent: -9999px;
}
.product-search-form .inner .input-wrap button::before {
  content: "";
  position: absolute;
  border: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 34px;
  height: 34px;
  background-size: cover;
}
.product-search-form .inner .input-wrap input[type=text] {
  width: 100%;
  height: 60px;
  padding: 0 10px 0 20px;
  border: none;
  font-size: var(--root-font-size-xxlg);
  color: var(--root-color-1);
}
.product-search-form .inner .input-wrap input[type=text]::placeholder {
  font-size: var(--root-font-size-lg);
  color: #999;
}
@media screen and (max-width : 768px) {
  .product-search-form .inner .input-wrap input[type=text] {
    padding-right: 0;
  }
}
.product-search-form .inner .select-wrap {
  position: relative;
  width: 150px;
  border-bottom: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .product-search-form .inner .select-wrap {
    width: 120px;
    border-bottom-width: 1px;
  }
}
@media screen and (max-width : 480px) {
  .product-search-form .inner .select-wrap {
    width: 80px;
  }
}
.product-search-form .inner select {
  width: 135px;
  height: 60px;
  border: none;
  font-size: var(--root-font-size-xxlg);
  color: var(--root-color-2);
}
.product-search-form .inner .detail-select-wrap {
  width: 150px;
  border-bottom: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .product-search-form .inner .detail-select-wrap {
    border-bottom-width: 1px;
  }
}
.product-search-form .inner .detail-select-wrap a,
.product-search-form .inner .detail-select-wrap button {
  width: 150px;
  height: 60px;
  border: none;
  font-size: var(--root-font-size-lg);
  color: var(--root-color-2);
  display: inline-block;
  line-height: 60px;
  position: relative;
}
.product-search-form .inner .detail-select-wrap a::before, .product-search-form .inner .detail-select-wrap a::before,
.product-search-form .inner .detail-select-wrap button::before,
.product-search-form .inner .detail-select-wrap button::before {
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  transform-origin: 50% 50%;
  transform: rotate(180deg) translateY(50%);
  transition: 0.3s;
}
.product-search-form .inner .detail-select-wrap button {
  background-color: transparent;
  text-align: left;
}
.product-search-form .inner .detail-select-wrap button.is-active::before {
  transform: rotate(0deg) translateY(-50%);
}
.product-search-form .inner .detail-select-wrap a.active::before {
  transform: rotate(0deg) translateY(-50%);
}
.product-search-form .select-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.product-search-form .select-group .wrap-form__select {
  width: 100%;
}
.product-search-form .select-group .wrap-form__select .wrap-add-dropdown .btn-dropdown {
  height: 44px;
  padding-left: 10px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  font-size: var(--root-font-size-md);
}
.product-search-form .select-group select {
  width: 100%;
  max-width: 500px;
  height: 46px;
  border-radius: 5px;
  border-color: var(--root-color-11);
}
.product-search-form .check-group.product-color {
  gap: 10px;
}
.product-search-form .check-group.chk-default {
  gap: 20px 30px;
}
@media screen and (max-width : 768px) {
  .product-search-form .check-group.chk-default {
    gap: 14px 20px;
  }
}
.product-search-form .inner-wrap {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.product-search-form .inner-wrap .search-logo {
  position: absolute;
  top: 61px;
  left: 20px;
}
.product-search-form .keyword-wrap {
  width: 100%;
  max-width: 1042px;
  margin: 40px auto 0;
  text-align: center;
}
.product-search-form .keyword-wrap:is(.detail-search-section .keyword-wrap) {
  margin: 50px auto;
}
.product-search-form .keyword-wrap h3 {
  margin-bottom: 20px;
}
.product-search-form .keyword-wrap p {
  padding: 50px 0;
  font-size: 36px;
  font-weight: var(--root-font-light-weight);
}
.product-search-form .keyword-wrap p span {
  color: var(--root-color-8);
}
.product-search-form .keyword-wrap ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 5px;
}
.product-search-form .keyword-wrap a {
  display: inline-block;
  padding: 10px 38px;
  border: 1px solid var(--root-color-1);
  border-radius: 30px;
  transition: 0.3s;
}
@media (hover: hover) {
  .product-search-form .keyword-wrap a:hover, .product-search-form .keyword-wrap a:focus {
    background: var(--root-color-1);
    color: #fff;
  }
}
.product-search-form + .wrap-search-tab {
  margin-top: 40px;
}
.product-search-form + .inner-contents {
  margin-top: 60px;
}
.product-search-form + .area-tab {
  margin-top: 80px;
}
@media screen and (max-width : 768px) {
  .product-search-form + .area-tab {
    margin-top: 40px;
  }
}
.product-search-form + .box-info {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .product-search-form + .box-info {
    margin-top: 40px;
  }
}

.product-list-wrap .list-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-list-wrap .list-info + .product-list {
  margin-top: 30px;
}
.product-list-wrap .list-info p span {
  font-weight: var(--root-font-bold-weight);
}
.product-list-wrap .list-info .sort-type ul {
  display: flex;
  align-items: center;
  gap: 32px;
}
.product-list-wrap .list-info .sort-type li {
  display: block;
  position: relative;
}
.product-list-wrap .list-info .sort-type li.active a {
  font-weight: var(--root-font-bold-weight);
}
.product-list-wrap .list-info .sort-type li + li::after {
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  width: 1px;
  height: 13px;
  background: var(--root-color-1);
  content: "";
}
.product-list-wrap.line-add {
  border-top: 2px solid var(--root-color-1);
  padding-top: 40px;
}

.product-detail-wrap {
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.product-detail-wrap .left-area {
  display: block;
  max-width: 500px;
  width: 40%;
}
.product-detail-wrap .left-area .swiper {
  height: auto;
}
.product-detail-wrap .left-area .swiper-wrapper {
  width: auto;
}
.product-detail-wrap .left-area .swiper-slide {
  width: 78px;
  height: 100%;
}
.product-detail-wrap .left-area .swiper-slide img {
  display: block;
  object-fit: cover;
  height: 100%;
  width: 100%;
  max-height: 580px;
}
.product-detail-wrap .left-area .gallery-slider {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid var(--root-color-11);
}
.product-detail-wrap .left-area .gallery-slider .swiper-slide .gallery-zoom {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 32px;
  height: 32px;
  border: none;
  background-color: transparent;
  background-size: cover;
}
.product-detail-wrap .left-area .gallery-slider .swiper-button-next,
.product-detail-wrap .left-area .gallery-slider .swiper-button-prev {
  display: none;
}
.product-detail-wrap .left-area .thumb-slider .swiper-slide {
  overflow: hidden;
  width: 78px !important;
  height: 78px;
  border: 1px solid var(--root-color-11);
}
.product-detail-wrap .left-area .thumb-slider .swiper-slide-thumb-active {
  opacity: 1;
}
.product-detail-wrap .left-area .thumb-slider .default-gallery img {
  width: 100%;
  height: 100%;
}
.product-detail-wrap .swiper .default-gallery {
  background-color: #fafafa;
  height: 100%;
  max-height: 580px;
}
.product-detail-wrap .option-control {
  width: min-content;
}
.product-detail-wrap .product-warning {
  margin: 18px 0 35px 0;
  color: var(--root-color-p2);
}
.product-detail-wrap + .wrap-cont {
  margin-top: 55px;
}
@media screen and (max-width : 768px) {
  .product-detail-wrap + .wrap-cont {
    margin-top: 27px;
  }
}

.rs-modal.gallery-modal {
  margin: 0 auto;
  background: none;
  border: none;
  min-width: auto;
  width: 80vw;
  max-width: 600px;
  padding: 50px;
}
.rs-modal.gallery-modal .swiper-slide img {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  max-width: 700px;
}
.rs-modal.gallery-modal .swiper-button-prev {
  width: 36px;
  height: 36px;
  background: url(../img/common/ico-gallery-arrow.png) no-repeat 50% 50%;
  left: -50px;
}
.rs-modal.gallery-modal .swiper-button-next {
  width: 36px;
  height: 36px;
  background: url(../img/common/ico-gallery-arrow.png) no-repeat 50% 50%;
  right: -50px;
  transform: rotate(180deg);
}
.rs-modal.gallery-modal .swiper-button-prev::after,
.rs-modal.gallery-modal .swiper-button-next::after {
  display: none;
}
.rs-modal.gallery-modal .modal-info {
  display: block;
  text-align: right;
  margin-bottom: 25px;
}
.rs-modal.gallery-modal .modal-info .modal-close {
  background: url(../img/common/ico-close-white.png) no-repeat 50% 50%;
  width: 28px;
  height: 28px;
  min-height: 28px;
  margin: 0;
}
.rs-modal.gallery-modal .modal-content {
  position: relative;
}
.rs-modal.gallery-modal .swiper-pagination-fraction {
  position: absolute;
  top: -51px;
  left: 0;
  height: 26px;
  width: 60px;
  text-align: left;
  color: #fff;
}

.product-option-selected .section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid var(--root-color-11);
  border-top: none;
  padding: 5px 0;
}
.product-option-selected .section .name {
  padding: 10px 20px;
}
.product-option-selected .section .name span {
  margin-right: 50px;
}
.product-option-selected .section .option-delete {
  width: 55px;
  background-repeat: no-repeat;
  background-position: 50%;
}
@media screen and (max-width : 768px) {
  .product-option-selected .section .option-delete {
    width: 34px;
    background-size: 14px 14px;
  }
}

.option-control {
  display: flex;
}
.option-control button {
  border: none;
  background-color: #fff;
}
.option-control .wrap-quantity {
  display: flex;
  width: 136px;
  height: 45px;
  border: 1px solid var(--root-color-11);
  border-radius: 5px;
  overflow: hidden;
}
@media screen and (max-width : 768px) {
  .option-control .wrap-quantity {
    width: auto;
    height: 36px;
  }
}
.option-control .wrap-quantity input[type=text], .option-control .wrap-quantity input[type=passport], .option-control .wrap-quantity input[type=tel], .option-control .wrap-quantity input[type=time], .option-control .wrap-quantity input[type=url], .option-control .wrap-quantity input[type=date], .option-control .wrap-quantity input[type=email], .option-control .wrap-quantity input[type=number] {
  display: flex;
  align-items: center;
  width: 45px;
  padding: 0;
  border: none;
  border-left: 1px solid var(--root-color-11);
  border-right: 1px solid var(--root-color-11);
  border-radius: 0;
  text-align: center;
}
@media screen and (max-width : 768px) {
  .option-control .wrap-quantity input[type=text], .option-control .wrap-quantity input[type=passport], .option-control .wrap-quantity input[type=tel], .option-control .wrap-quantity input[type=time], .option-control .wrap-quantity input[type=url], .option-control .wrap-quantity input[type=date], .option-control .wrap-quantity input[type=email], .option-control .wrap-quantity input[type=number] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
  }
}
.option-control .wrap-quantity button {
  position: relative;
  width: 44px;
  height: 44px;
}
@media screen and (max-width : 768px) {
  .option-control .wrap-quantity button {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
  }
}
.option-control .wrap-quantity button.minus::after {
  content: "-";
  font-size: var(--root-font-size-lg);
  font-weight: var(--root-font-bold-weight);
}
.option-control .wrap-quantity button.plus::after {
  content: "+";
  font-size: var(--root-font-size-lg);
}

.mid-title {
  font-size: var(--root-font-size-xxlg);
  font-weight: var(--root-font-bold-weight);
}
.mid-title .mid-title__num {
  font-weight: 400;
}
.mid-title + .box-store, .mid-title + .product-information, .mid-title + .product-list-wrap, .mid-title + .info-list, .mid-title + .review-list, .mid-title + .box-quotation {
  margin-top: 25px;
}
@media screen and (max-width : 768px) {
  .mid-title + .box-store, .mid-title + .product-information, .mid-title + .product-list-wrap, .mid-title + .info-list, .mid-title + .review-list, .mid-title + .box-quotation {
    margin-top: 12px;
  }
}

.info-list {
  border-top: 2px solid var(--root-color-1);
}
.info-list dl {
  display: flex;
  border-bottom: 1px solid var(--root-color-11);
}
.info-list dl dt {
  padding: 16px 10px 16px 19px;
  width: 118px;
}
.info-list dl dd {
  padding: 16px 10px 16px 20px;
  width: calc(100% - 118px);
}
.info-list + .mid-title {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .info-list + .mid-title {
    margin-top: 30px;
  }
}

.mo-more {
  display: block;
  border: 1px solid var(--root-color-11);
  margin: 20px auto;
}
.mo-more a {
  display: block;
  text-align: center;
  padding: 3px 10px;
}
.mo-more a span {
  position: relative;
  padding-right: 15px;
}
.mo-more a span::before {
  content: "";
  position: absolute;
  top: -4px;
  right: -8px;
  width: 24px;
  height: 24px;
  background-size: cover;
  transform: rotate(180deg);
  transition: 0.3s;
}

.review-list .mo-more {
  display: none;
}
.review-list + .pagination, .review-list + .wrap-btn, .review-list + .mid-title {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .review-list + .pagination, .review-list + .wrap-btn, .review-list + .mid-title {
    margin-top: 30px;
  }
}

.rental-notice {
  border-top: 2px solid var(--root-color-1);
  margin-bottom: var(--content-margin-b6);
}

.list-util {
  display: flex;
  gap: 25px;
}
.list-util .total-search button span::before {
  width: 28px;
  height: 28px;
}
.list-util .mypage a span::before,
.list-util .mypage button span::before {
  width: 30px;
  height: 30px;
}
.list-util .mypage i {
  font-style: normal;
  font-weight: var(--root-font-light-weight);
}
.list-util .basket a span::before,
.list-util .basket button span::before {
  width: 30px;
  height: 30px;
}
.list-util .mail a span::before {
  width: 34px;
  height: 26px;
}

.list-util__unit {
  position: relative;
}
.list-util__unit > a, .list-util__unit > button {
  display: block;
  position: relative;
  min-width: 30px;
  min-height: 30px;
  border: none;
  background-color: transparent;
  line-height: 30px;
  white-space: nowrap;
}
.list-util__unit > a:is(.login a) > span, .list-util__unit > a.btn-search-open > span, .list-util__unit > a[data-open=myPage] > span, .list-util__unit > button:is(.login a) > span, .list-util__unit > button.btn-search-open > span, .list-util__unit > button[data-open=myPage] > span {
  scale: 1.5;
}
.list-util__unit > a[data-open=myPage] > span, .list-util__unit > button[data-open=myPage] > span {
  margin-right: 5px;
}
@media screen and (max-width : 768px) {
  .list-util__unit > a:is(.login a) > span, .list-util__unit > a.btn-search-open > span, .list-util__unit > a[data-open=myPage] > span, .list-util__unit > button:is(.login a) > span, .list-util__unit > button.btn-search-open > span, .list-util__unit > button[data-open=myPage] > span {
    scale: 1;
  }
}
.list-util__unit > a > span, .list-util__unit > button > span {
  position: relative;
  display: inline-block;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.list-util__unit > a > span::before, .list-util__unit > a > span::before, .list-util__unit > button > span::before, .list-util__unit > button > span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 29px;
  height: 31px;
  background-size: cover;
  background-position: center;
}

.list-search-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-search-tab li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 82px;
  padding: 10px;
  border-bottom: 2px solid var(--root-color-1);
  color: #999;
  font-size: var(--root-font-size-xlg);
  line-height: 1.2;
  letter-spacing: -0.75px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width : 768px) {
  .list-search-tab li {
    min-height: 60px;
    font-size: var(--root-font-size-lg);
    padding: 10px 0;
  }
}
.list-search-tab li.is-active {
  border: 2px solid var(--root-color-1);
  border-bottom-color: #fff;
  color: var(--root-color-1);
  font-weight: var(--root-font-bold-weight);
}
.list-search-tab + .tab-content {
  margin-top: 35px;
}
.list-search-tab + .tab-content .box-info + .box-tbl {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-search-tab + .tab-content .box-info + .box-tbl {
    margin-top: 10px;
  }
}
.list-search-tab + .product-search-form {
  margin-top: 60px;
}

.wrap-search-tab + .wrap-search-tab {
  margin-top: 35px;
}
.wrap-search-tab .box-tbl {
  margin-top: 80px;
}

.detail-search-wrap {
  display: none;
  overflow: hidden;
  width: calc(100% + 40px);
  margin: 0 -20px;
  padding: 0 20px;
  border-bottom: 2px solid var(--root-color-1);
}
.detail-search-wrap.is-active {
  display: block;
}
.detail-search-wrap .detail-search-section {
  width: 100%;
  max-width: 1200px;
  margin: 60px auto 0;
}
.detail-search-wrap .btn-area {
  margin: 40px auto 60px;
  text-align: center;
}
.detail-search-wrap .btn-area a,
.detail-search-wrap .btn-area button {
  margin: 0 4px;
}

/* 장바구니 */
.page-title + .inner-contents, .page-title + .box-store, .page-title + .product-detail-wrap, .page-title + .wrap-cont {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .page-title + .inner-contents, .page-title + .box-store, .page-title + .product-detail-wrap, .page-title + .wrap-cont {
    margin-top: 40px;
  }
}
@media screen and (max-width : 480px) {
  .page-title + .inner-contents, .page-title + .box-store, .page-title + .product-detail-wrap, .page-title + .wrap-cont {
    margin-top: 30px;
  }
}
.page-title + .page-info {
  margin-top: 28px;
}
@media screen and (max-width : 768px) {
  .page-title + .page-info {
    margin-top: 20px;
  }
}
.page-title + .txt-info {
  margin-top: 65px;
}
@media screen and (max-width : 768px) {
  .page-title + .txt-info {
    margin-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .page-title + .txt-info {
    margin-top: 30px;
  }
}
.page-title + .txt-info.case-1 {
  margin-top: 25px;
}

.page-info {
  font-size: var(--root-font-size-xxlg);
  line-height: 1.5;
  letter-spacing: -0.75px;
  text-align: center;
}
@media screen and (max-width : 768px) {
  .page-info {
    font-size: var(--root-font-size-xlg);
  }
}
.page-info + .wrap-btn {
  margin-top: 30px;
}
@media screen and (max-width : 768px) {
  .page-info + .wrap-btn {
    margin-top: 17px;
  }
}
.page-info + .area-tab, .page-info + .wrap-cont {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .page-info + .area-tab, .page-info + .wrap-cont {
    margin-top: 27px;
  }
}

.wrap-cont {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 60px;
}
@media screen and (max-width : 1280px) {
  .wrap-cont {
    gap: 40px;
  }
}
@media screen and (max-width : 1024px) {
  .wrap-cont {
    flex-direction: column;
  }
}
@media screen and (max-width : 768px) {
  .wrap-cont {
    gap: 23px;
  }
}
.wrap-cont .cont-left {
  width: 790px;
}
@media screen and (max-width : 1280px) {
  .wrap-cont .cont-left {
    width: calc(100% - 390px);
  }
}
@media screen and (max-width : 1024px) {
  .wrap-cont .cont-left {
    width: 100%;
  }
}
.wrap-cont .cont-right {
  width: 350px;
}
@media screen and (max-width : 1024px) {
  .wrap-cont .cont-right {
    width: 100%;
  }
}
.wrap-cont.type-normal {
  display: block;
}
.wrap-cont.type-1 .cont-left {
  width: 41.6%;
}
@media screen and (max-width : 768px) {
  .wrap-cont.type-1 .cont-left {
    width: 100%;
  }
}
.wrap-cont.type-1 .cont-right {
  width: 58.35%;
}
@media screen and (max-width : 768px) {
  .wrap-cont.type-1 .cont-right {
    width: 100%;
  }
}
.wrap-cont.type-short {
  display: block;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.wrap-cont + .wrap-cont.type-short {
  margin-top: 70px;
}
.wrap-cont.is-fixed .cont-right {
  position: fixed;
  top: 92px;
  left: 50%;
  margin-left: 250px;
}
@media screen and (max-width : 1280px) {
  .wrap-cont.is-fixed .cont-right {
    left: auto;
    right: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width : 1024px) {
  .wrap-cont.is-fixed .cont-right {
    position: relative;
    top: auto;
    right: auto;
  }
}

.wrap-text-cont {
  margin-block-end: 60px;
  padding: 20px;
  border: 1px solid var(--root-color-11);
  border-radius: 20px;
  background-color: var(--root-color-13);
}
.wrap-text-cont .text-info {
  margin-block-start: 15px;
}
.wrap-text-cont .text-info li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-block-end: 10px;
  word-break: keep-all;
}
.wrap-text-cont .text-info li:last-child {
  margin-block-end: unset;
}
@media screen and (max-width : 640px) {
  .wrap-text-cont .text-info li {
    gap: 5px;
    margin-block-end: 20px;
  }
  .wrap-text-cont .text-info li span:not(.cont-tag) {
    inline-size: 100%;
  }
}
.wrap-text-cont .cont-tag {
  padding: 10px 38px;
  inline-size: 180px;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  background-color: var(--root-color-1);
  transition: 0.3s;
}
@media screen and (max-width : 640px) {
  .wrap-text-cont .cont-tag {
    padding: 2px 14px;
    inline-size: 120px;
  }
}

.wrap-list-cont .cont-info__flex {
  display: flex;
  gap: 20px 40px;
  flex-wrap: wrap;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info__flex {
    gap: 10px;
  }
}
.wrap-list-cont .cont-info__flex .cont-info {
  flex-grow: 1;
  margin-top: 0 !important;
}
.wrap-list-cont .cont-info__flex + .cont-info {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info__flex + .cont-info {
    margin-top: 10px;
  }
}
.wrap-list-cont .cont-info__flex .cont-info__cont {
  width: unset !important;
  flex-grow: 1;
}
.wrap-list-cont .cont-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info {
    align-items: flex-start;
    gap: 15px 10px;
  }
}
.wrap-list-cont .cont-info .cont-info__tit {
  width: 140px;
  font-size: var(--root-font-size-lg);
  font-weight: 700;
  color: var(--root-color-1);
  letter-spacing: -0.75px;
}
@media screen and (max-width : 1280px) {
  .wrap-list-cont .cont-info .cont-info__tit {
    width: 120px;
  }
}
.wrap-list-cont .cont-info .cont-info__tit.type-top {
  align-self: flex-start;
  margin-top: 5px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__tit {
    width: 100px;
    word-break: break-all;
  }
}
.wrap-list-cont .cont-info .cont-info__cont {
  width: calc(50% - 190px);
}
@media screen and (max-width : 1280px) {
  .wrap-list-cont .cont-info .cont-info__cont {
    width: calc(50% - 134px);
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont {
    width: calc(100% - 120px);
  }
}
.wrap-list-cont .cont-info .cont-info__cont:not(.size-full) + .cont-info__tit {
  margin-left: 40px;
}
@media screen and (max-width : 1280px) {
  .wrap-list-cont .cont-info .cont-info__cont:not(.size-full) + .cont-info__tit {
    margin-left: 20px;
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont:not(.size-full) + .cont-info__tit {
    margin-left: 0;
  }
}
.wrap-list-cont .cont-info .cont-info__cont + .txt-info {
  margin-top: 2px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont + .txt-info {
    margin-top: -5px;
  }
}
.wrap-list-cont .cont-info .cont-info__cont.size-full:not(.wrap-form__radio) {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 15px;
  flex-grow: 1;
  width: unset;
}
.wrap-list-cont .cont-info .cont-info__cont.case-calendar {
  position: relative;
  width: 34%;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont.case-calendar {
    width: calc(100% - 120px);
  }
  .wrap-list-cont .cont-info .cont-info__cont.case-calendar::before {
    left: 10px;
    width: 12px;
    height: 12px;
  }
  .wrap-list-cont .cont-info .cont-info__cont.case-calendar input {
    padding-left: 25px;
  }
}
.wrap-list-cont .cont-info .cont-info__cont.case-calendar input {
  padding-left: 45px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont.case-calendar input {
    padding-left: 30px;
  }
}
.wrap-list-cont .cont-info .cont-info__cont.case-calendar::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(../img/common/icon_calendar_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont.case-calendar::before {
    left: 10px;
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info .cont-info__cont .wrap-flex {
    flex-direction: column;
    justify-content: flex-start;
  }
  .wrap-list-cont .cont-info .cont-info__cont .wrap-flex .wrap-form__input input {
    width: 100%;
  }
}
.wrap-list-cont .cont-info + .cont-info {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info + .cont-info {
    margin-top: 10px;
  }
}
.wrap-list-cont .cont-info + .tit-cont {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info + .tit-cont {
    margin-top: 20px;
  }
}
.wrap-list-cont .cont-info + .wrap-btn {
  margin-top: 35px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info + .wrap-btn {
    margin-top: 30px;
  }
}
.wrap-list-cont .cont-info + .wrap-flex {
  margin-top: 55px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info + .wrap-flex {
    margin-top: 30px;
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info.type-1 {
    align-items: flex-start;
  }
}
.wrap-list-cont .cont-info.type-1 .cont-info__cont {
  width: 680px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info.type-1 .cont-info__cont {
    width: calc(100% - 93px);
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info.type-1 .cont-fint__tit {
    margin-top: 5px;
  }
  .wrap-list-cont .cont-info.type-1 .cont-info .cont-info__tit {
    width: 170px;
  }
  .wrap-list-cont .cont-info.type-1 .cont-info .cont-info__tit.size-1 {
    width: 70px;
  }
  .wrap-list-cont .cont-info.type-1 .cont-info .cont-info__cont {
    width: calc(50% - 230px);
  }
  .wrap-list-cont .cont-info.type-1 .cont-info .cont-info__cont.size-full {
    width: calc(100% - 200px);
  }
}
.wrap-list-cont .cont-info.type-column {
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
}
.wrap-list-cont .cont-info.type-column .cont-info__tit {
  width: 100%;
}
.wrap-list-cont .cont-info.type-column .cont-info__cont {
  width: 100%;
}
.wrap-list-cont .cont-info.type-column .cont-info__cont + .cont-info__tit {
  margin-top: 15px;
  margin-left: 0;
}
.wrap-list-cont .cont-info.type-2 {
  gap: 15px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info.type-2 {
    gap: 20px 10px;
  }
}
@media screen and (max-width : 380px) {
  .wrap-list-cont .cont-info.type-2 .case-calendar {
    width: 100%;
    margin-top: -10px;
  }
  .wrap-list-cont .cont-info.type-2 .wrap-form__select {
    flex-grow: 1;
  }
}
.wrap-list-cont .cont-info.type-2 .txt-info {
  width: 100%;
}
.wrap-list-cont .cont-info.type-2 + .cont-info {
  margin-top: 35px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info.type-2 + .cont-info {
    margin-top: 15px;
  }
}
@media screen and (max-width : 768px) {
  .wrap-list-cont .cont-info + .box-certification {
    margin-top: 40px;
  }
}
.wrap-list-cont + .tit-cont {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont + .tit-cont {
    margin-top: 25px;
  }
}
.wrap-list-cont + .wrap-btn {
  margin-top: 35px;
}
.wrap-list-cont.type-1 .cont-info .cont-info__tit {
  width: 170px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont.type-1 .cont-info .cont-info__tit {
    width: 83px;
    margin-top: 4px;
  }
}
.wrap-list-cont.type-1 .cont-info .cont-info__tit.size-1 {
  width: 70px;
}
@media screen and (max-width : 768px) {
  .wrap-list-cont.type-1 .cont-info .cont-info__tit.size-1 {
    width: 83px;
  }
}
.wrap-list-cont.type-1 .cont-info .cont-info__cont {
  width: calc(50% - 230px);
}
@media screen and (max-width : 768px) {
  .wrap-list-cont.type-1 .cont-info .cont-info__cont {
    width: calc(100% - 93px);
  }
}
.wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full {
  width: calc(100% - 200px);
}
@media screen and (max-width : 768px) {
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full {
    width: calc(100% - 93px);
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file label + .txt-info {
    width: 100%;
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file .wrap-form-file {
    width: calc(100vw - 40px);
    margin-left: -93px;
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file .wrap-form-file .list-form-file {
    gap: 12px;
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file .wrap-form-file .list-form-file > li {
    width: calc((100% - 36px) / 4);
    height: 0;
    padding-top: calc((100% - 36px) / 4);
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file .wrap-form-file .list-form-file > li img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media screen and (max-width : 480px) {
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full {
    width: calc(100% - 93px);
  }
  .wrap-list-cont.type-1 .cont-info .cont-info__cont.size-full.wrap-form__file .wrap-form-file .list-form-file > li {
    width: calc((100% - 24px) / 3);
    padding-top: calc((100% - 24px) / 3);
  }
}
.wrap-list-cont + .box-certification {
  margin-top: 40px;
}

.txt-length {
  width: 100%;
  padding-right: 5px;
  text-align: right;
  font-size: var(--root-font-size-sm);
}

.wrap-form__select.is-setted .wrap-add-dropdown {
  position: relative;
}
.wrap-form__select.is-setted .wrap-add-dropdown.active .btn-dropdown::after {
  transform: rotate(180deg) translateY(50%);
}
.wrap-form__select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown {
  background-color: var(-root-color-22);
  color: var(--root-color-p1);
  pointer-events: none;
}
.wrap-form__select.is-setted .wrap-add-dropdown[data-disabled=disabled] .btn-dropdown::before {
  opacity: 0.2;
}
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown,
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 60px;
  padding-right: 40px;
  border: none;
  background-color: #fff;
  font-size: var(--root-font-size-lg);
  color: var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown,
  .wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown {
    height: 40px;
    padding-right: 35px;
  }
}
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown::after,
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: all 0.2s linear;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_select_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown::after,
  .wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown::after {
    width: 20px;
    height: 20px;
  }
}
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown.active,
.wrap-form__select.is-setted .wrap-add-dropdown .btn-dropdown.active {
  color: var(--root-color-1);
  font-weight: 700;
}
.wrap-form__select.is-setted .wrap-add-dropdown .fake-dropdown {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}
.wrap-form__select.type-1.is-setted .wrap-add-dropdown .btn-dropdown {
  height: 44px;
  padding-left: 20px;
  padding-right: 40px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  font-weight: 400;
  font-size: var(--root-font-size-md);
}
@media screen and (max-width : 768px) {
  .wrap-form__select.type-1.is-setted .wrap-add-dropdown .btn-dropdown {
    height: 36px;
    padding-right: 30px;
    padding-left: 10px;
  }
}
.wrap-form__select.type-1.is-setted .wrap-add-dropdown .btn-dropdown::after {
  right: 10px;
}
.wrap-form__select.type-2.is-setted .wrap-add-dropdown .btn-dropdown {
  height: 46px;
  padding-left: 20px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  font-weight: 400;
  font-size: var(--root-font-size-md);
  color: var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .wrap-form__select.type-2.is-setted .wrap-add-dropdown .btn-dropdown {
    padding-left: 15px;
    height: 32px;
  }
}
.wrap-form__select.type-2.is-setted .wrap-add-dropdown .btn-dropdown::after {
  right: 10px;
}
.wrap-form__select.size-1.is-setted .wrap-add-dropdown .btn-dropdown {
  width: 350px;
}
@media screen and (max-width : 768px) {
  .wrap-form__select.size-1.is-setted .wrap-add-dropdown .btn-dropdown {
    width: 100%;
  }
}
.wrap-form__select.size-2.is-setted .wrap-add-dropdown .btn-dropdown {
  width: 200px;
}
@media screen and (max-width : 768px) {
  .wrap-form__select.size-2.is-setted .wrap-add-dropdown .btn-dropdown {
    width: 100%;
  }
}

.wrap-form__textarea textarea {
  appearance: none;
  display: block;
  width: 100%;
  height: 125px;
  padding: 25px;
  line-height: 42px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
@media screen and (max-width : 768px) {
  .wrap-form__textarea textarea {
    height: 85px;
    padding: 10px;
  }
}
.wrap-form__textarea textarea::placeholder {
  color: var(--root-color-15);
  font-weight: 300;
  line-height: 1.5;
}
.wrap-form__textarea textarea.size-1 {
  height: 300px;
}
@media screen and (max-width : 768px) {
  .wrap-form__textarea textarea.size-1 {
    height: 170px;
  }
}
.wrap-form__textarea textarea.size-2 {
  height: 350px;
}
@media screen and (max-width : 768px) {
  .wrap-form__textarea textarea.size-2 {
    height: 250px;
  }
}
.wrap-form__textarea textarea.size-3 {
  height: 100px;
  padding: 15px;
}
.wrap-form__textarea textarea.size-4 {
  height: 120px;
  padding: 20px;
}
.wrap-form__textarea textarea.size-5 {
  padding: 10px 18px;
}
.wrap-form__textarea textarea + .txt-length {
  margin-top: 8px;
}
@media screen and (max-width : 768px) {
  .wrap-form__textarea textarea + .txt-length {
    margin-top: 3px;
  }
}
.wrap-form__textarea textarea::-webkit-scrollbar {
  width: 14px;
}
.wrap-form__textarea textarea::-webkit-scrollbar-track {
  background: #fff;
}
.wrap-form__textarea textarea::-webkit-scrollbar-thumb {
  background: var(--root-color-11);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
.wrap-form__textarea .tit-cont {
  font-size: var(--root-font-size-lg);
  font-weight: 700;
}
.wrap-form__textarea .tit-cont.color-1 {
  color: var(--root-color-7);
}
.wrap-form__textarea .tit-cont + textarea {
  margin-top: 18px;
}
@media screen and (max-width : 480px) {
  .wrap-form__textarea .tit-cont + textarea {
    margin-top: 10px;
  }
}
.wrap-form__textarea + .wrap-btn {
  margin-top: 20px;
}

.wrap-form__input input[type=text], .wrap-form__input input[type=password], .wrap-form__input input[type=tel], .wrap-form__input input[type=time], .wrap-form__input input[type=url], .wrap-form__input input[type=date], .wrap-form__input input[type=email], .wrap-form__input input[type=number] {
  width: 100%;
  height: 44px;
  padding: 0 20px;
  line-height: 42px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
@media screen and (max-width : 768px) {
  .wrap-form__input input[type=text], .wrap-form__input input[type=password], .wrap-form__input input[type=tel], .wrap-form__input input[type=time], .wrap-form__input input[type=url], .wrap-form__input input[type=date], .wrap-form__input input[type=email], .wrap-form__input input[type=number] {
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 34px;
  }
}
.wrap-form__input input[type=text]::placeholder, .wrap-form__input input[type=password]::placeholder, .wrap-form__input input[type=tel]::placeholder, .wrap-form__input input[type=time]::placeholder, .wrap-form__input input[type=url]::placeholder, .wrap-form__input input[type=date]::placeholder, .wrap-form__input input[type=email]::placeholder, .wrap-form__input input[type=number]::placeholder {
  font-weight: 300;
  color: var(--root-color-15);
}
.wrap-form__input input[type=text].size-370, .wrap-form__input input[type=password].size-370, .wrap-form__input input[type=tel].size-370, .wrap-form__input input[type=time].size-370, .wrap-form__input input[type=url].size-370, .wrap-form__input input[type=date].size-370, .wrap-form__input input[type=email].size-370, .wrap-form__input input[type=number].size-370 {
  width: 370px;
}
@media screen and (max-width : 768px) {
  .wrap-form__input input[type=text].size-370, .wrap-form__input input[type=password].size-370, .wrap-form__input input[type=tel].size-370, .wrap-form__input input[type=time].size-370, .wrap-form__input input[type=url].size-370, .wrap-form__input input[type=date].size-370, .wrap-form__input input[type=email].size-370, .wrap-form__input input[type=number].size-370 {
    width: 100%;
  }
}
.wrap-form__input .btn-duplicate {
  height: 44px;
  padding-left: 40px;
  padding-right: 40px;
  transition: all 0.2s linear;
  border: 2px solid var(--root-color-7);
  border-radius: 4px;
  background-color: var(--root-color-7);
  font-size: var(--root-font-size-md);
  color: #fff;
}
@media screen and (max-width : 768px) {
  .wrap-form__input .btn-duplicate {
    height: 36px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-form__input .btn-duplicate {
    height: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (hover: hover) {
  .wrap-form__input .btn-duplicate:hover {
    background-color: #fff;
    color: var(--root-color-7);
  }
}
.wrap-form__input.type-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}
.wrap-form__input.type-flex input {
  width: 100%;
}

.wrap-form__file .txt-label {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s linear;
  height: 36px;
  padding: 0 20px;
  border: 1px solid var(--root-color-7);
  background-color: var(--root-color-7);
  font-size: var(--root-font-size-sm);
  font-weight: 500;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width : 768px) {
  .wrap-form__file .txt-label {
    gap: 6px;
    height: 32px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wrap-form__file .txt-label::before {
  display: block;
  width: 24px;
  height: 24px;
  transition: all 0.2s linear;
  filter: brightness(255) invert(1);
  background: url(../img/common/icon_file_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .wrap-form__file .txt-label::before {
    width: 18px;
    height: 18px;
  }
}
@media (hover: hover) {
  .wrap-form__file .txt-label:hover {
    background-color: #fff;
    color: var(--root-color-7);
  }
  .wrap-form__file .txt-label:hover::before {
    filter: brightness(0) invert(0);
  }
}
.wrap-form__file input[type=file] {
  appearance: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.wrap-form__file input[type=file]:disabled + .txt-label {
  opacity: 0.3;
  cursor: default;
}
.wrap-form__file .MultiFile-wrap {
  appearance: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.wrap-form__file .MultiFile-wrap:disabled + .txt-label {
  opacity: 0.3;
  cursor: default;
}
.wrap-form__file .wrap-form-file {
  width: 100%;
}
.wrap-form__file .list-form-file {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
.wrap-form__file .list-form-file > li {
  overflow: hidden;
  position: relative;
  width: 150px;
  height: 150px;
  border: 1px solid var(--root-color-7);
  border-radius: 4px;
}
.wrap-form__file .list-form-file > li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.wrap-form__file .list-form-file > li .btn-del-img {
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 16px;
  height: 0;
  padding-top: 14px;
  background: url(../img/common/icon_close_2.svg) 50% 50% no-repeat;
  border-radius: 16px;
  border: 1px solid var(--root-color-1);
  background-size: 12px 12px;
  text-indent: -9999px;
}
.wrap-form__file .list-form-file > li:first-child::after {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 10px;
  border-radius: 19px;
  background-color: #fff;
  font-size: var(--root-font-size-sm);
  font-weight: 500;
  white-space: nowrap;
  content: "대표 이미지";
}
.wrap-form__file .list-form-file + .txt-num {
  margin-top: 8px;
}
.wrap-form__file .txt-num {
  display: none;
  font-size: var(--root-font-size-sm);
}
.wrap-form__file .txt-num.is-active {
  display: block;
}
.wrap-form__file .txt-num .txt-num__cur {
  font-weight: 500;
}
.wrap-form__file.type-1 label {
  width: 100%;
}
.wrap-form__file.type-1 label input + .txt-label {
  justify-content: center;
  width: 100%;
  height: 32px;
  transition: all 0.2s linear;
  padding: 0;
  border: 2px solid var(--root-color-1);
  background-color: #fff;
  font-size: var(--root-font-size-sm);
  letter-spacing: -0.75px;
  color: var(--root-color-1);
  text-align: center;
}
@media screen and (max-width : 768px) {
  .wrap-form__file.type-1 label input + .txt-label {
    height: 30px;
    border-width: 1px;
  }
}
.wrap-form__file.type-1 label input + .txt-label::before {
  display: none;
}
@media (hover: hover) {
  .wrap-form__file.type-1 label input + .txt-label:hover {
    background-color: var(--root-color-1);
    color: #fff;
  }
}
.wrap-form__file.profile__photo.type-1 {
  width: 140px;
}
@media screen and (max-width : 768px) {
  .wrap-form__file.profile__photo.type-1 {
    flex-shrink: 0;
    width: 110px;
  }
}

.wrap-form__multi {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  width: 100%;
}
@media screen and (max-width : 768px) {
  .wrap-form__multi {
    gap: 10px;
    width: calc(100vw - 40px);
    margin-left: -93px;
    margin-top: 40px;
  }
}
.wrap-form__multi select {
  appearance: none;
  width: 100%;
  height: 260px;
  padding: 12px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
@media screen and (max-width : 768px) {
  .wrap-form__multi select {
    height: 130px;
    padding: 10px;
  }
}
.wrap-form__multi select option {
  display: flex;
  align-items: center;
  height: 36px;
  padding-left: 14px;
  font-size: var(--root-font-size-md);
}
@media screen and (max-width : 768px) {
  .wrap-form__multi select option {
    height: 18px;
    padding-left: 0;
  }
}
.wrap-form__multi select::-webkit-scrollbar {
  width: 14px;
}
@media screen and (max-width : 768px) {
  .wrap-form__multi select::-webkit-scrollbar {
    width: 7px;
  }
}
.wrap-form__multi select::-webkit-scrollbar-track {
  background: #fff;
}
.wrap-form__multi select::-webkit-scrollbar-thumb {
  background: var(--root-color-11);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
@media screen and (max-width : 768px) {
  .wrap-form__multi select::-webkit-scrollbar-thumb {
    border-width: 2px;
  }
}

.txt-alert.type-1 {
  position: relative;
  padding-left: 28px;
  font-size: var(--root-font-size-md);
  color: var(--root-color-p2);
}
@media screen and (max-width : 768px) {
  .txt-alert.type-1 {
    padding-left: 18px;
  }
}
.txt-alert.type-1::before {
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  background: url(../img/common/icon_alert_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .txt-alert.type-1::before {
    width: 16px;
    height: 16px;
  }
}
.txt-alert.type-1 button {
  border: none;
  background-color: transparent;
  color: var(--root-color-p2);
}
.txt-alert + .product-option-selected {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .txt-alert + .product-option-selected {
    margin-top: 8px;
  }
}

.txt-info {
  font-size: var(--root-font-size-md);
  letter-spacing: -0.75px;
  line-height: 1.75;
}
.txt-info.type-1 {
  color: var(--root-color-1);
}
.txt-info.type-2 {
  color: var(--root-color-7);
}
.txt-info.type-3 {
  color: var(--root-color-24);
}
.txt-info.size-1 {
  font-size: var(--root-font-size-sm);
}
.txt-info + .wrap-btn {
  margin-top: 35px;
}
@media screen and (max-width : 768px) {
  .txt-info + .wrap-btn {
    margin-top: 17px;
  }
}
.txt-info.type-center {
  text-align: center;
}
.txt-info .txt-info__highlight {
  font-size: var(--root-font-size-xxlg);
  font-weight: 500;
  letter-spacing: -0.75px;
  word-break: keep-all;
}
.txt-info .txt-info__highlight + .txt-info__middle {
  margin-top: 8px;
}
.txt-info .txt-info__middle {
  font-size: var(--root-font-size-lg);
  letter-spacing: -0.75px;
  word-break: keep-all;
}
.txt-info.case-1 {
  font-size: var(--root-font-size-xxlg);
  line-height: 2;
  text-align: center;
  letter-spacing: -0.75px;
  word-break: keep-all;
}
@media screen and (max-width : 768px) {
  .txt-info.case-1 {
    font-size: var(--root-font-size-xlg);
    line-height: 1.6;
  }
}
.txt-info.type-big {
  font-size: var(--root-font-size-xxlg);
  letter-spacing: -0.75px;
  word-break: keep-all;
}
.txt-info.type-big + .wrap-btn {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .txt-info.type-big + .wrap-btn {
    margin-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .txt-info.type-big + .wrap-btn {
    margin-top: 30px;
  }
}
.txt-info.type-big + .wrap-list-cont {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .txt-info.type-big + .wrap-list-cont {
    margin-top: 35px;
  }
}
@media screen and (max-width : 480px) {
  .txt-info.type-big + .wrap-list-cont {
    margin-top: 25px;
  }
}
.txt-info + .wrap-form__radio {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .txt-info + .wrap-form__radio {
    margin-top: 30px;
  }
}
@media screen and (max-width : 480px) {
  .txt-info + .wrap-form__radio {
    margin-top: 20px;
  }
}
.txt-info + .wrap-cont {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .txt-info + .wrap-cont {
    margin-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .txt-info + .wrap-cont {
    margin-top: 30px;
  }
}

.wrap-form {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.wrap-form + .list-cart {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .wrap-form + .list-cart {
    margin-top: 10px;
  }
}

.tit-cont {
  font-size: var(--root-font-size-xxlg);
}
.tit-cont.type-1 {
  font-size: var(--root-font-size-lg);
  color: var(--root-color-1);
  font-weight: 700;
}
.tit-cont.type-1 + .wrap-form {
  margin-top: 15px;
}
.tit-cont.type-1 + .list-square, .tit-cont.type-1 + .list-cart, .tit-cont.type-1 + .list-review {
  margin-top: 18px;
}
@media screen and (max-width : 768px) {
  .tit-cont.type-1 + .list-square, .tit-cont.type-1 + .list-cart, .tit-cont.type-1 + .list-review {
    margin-top: 12px;
  }
}
.tit-cont.type-2 {
  font-size: var(--root-font-size-xlg);
  font-weight: 700;
}
.tit-cont.type-3 {
  font-size: var(--root-font-size-xxlg);
  font-weight: 700;
  color: var(--root-color-7);
}
.tit-cont.type-dot {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  font-size: var(--root-font-size-xlg);
  font-weight: 500;
}
.tit-cont.type-dot::before {
  display: block;
  content: "·";
}
.tit-cont.type-dot + .wrap-list-cont {
  margin-top: 35px;
}
@media screen and (max-width : 768px) {
  .tit-cont.type-dot + .wrap-list-cont {
    margin-top: 15px;
  }
}
.tit-cont.type-dot .essential-unit {
  width: 12px;
  padding-top: 25px;
}
@media screen and (max-width : 768px) {
  .tit-cont.type-dot .essential-unit {
    width: 6px;
    padding-top: 12px;
  }
}
.tit-cont.type-dot .essential-unit::after {
  top: -2px;
  font-size: var(--root-font-size-xlg);
}
.tit-cont.case-center {
  text-align: center;
}
.tit-cont + .wrap-list-cont {
  margin-top: 25px;
}
.tit-cont + .wrap-form__radio.type-gray {
  margin-top: 15px;
}
.tit-cont + .wrap-payment-agree, .tit-cont + .cont-info {
  margin-top: 30px;
}
.tit-cont + .list-definition, .tit-cont + .inner-square {
  margin-top: 15px;
}

.txt-cont {
  font-size: var(--root-font-size-xxlg);
}
.txt-cont.case-center {
  text-align: center;
}
.txt-cont + .wrap-list-cont {
  margin-top: 40px;
}

.essential-unit {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 12px;
  height: 0;
  padding-top: 20px;
  text-indent: -9999px;
}
@media screen and (max-width : 768px) {
  .essential-unit {
    left: 3px;
    width: 6px;
    padding-top: 12px;
  }
}
.essential-unit::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: var(--root-color-p2);
  text-align: right;
  text-indent: 0;
  content: "*";
}

.inp-line-1 {
  width: 100%;
  height: 44px;
  padding-left: 20px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  font-weight: 400;
  font-size: var(--root-font-size-md);
  color: var(--root-color-1);
}

.wrap-form__checkbox {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width : 768px) {
  .wrap-form__checkbox {
    gap: 20px;
  }
}
@media screen and (max-width : 380px) {
  .wrap-form__checkbox {
    gap: 10px;
  }
}
.wrap-form__checkbox label {
  display: block;
  position: relative;
}
.wrap-form__checkbox label input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  appearance: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.wrap-form__checkbox label input[type=checkbox] + .txt-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0;
  font-size: var(--root-font-size-md);
  color: var(--root-color-1);
  white-space: nowrap;
}
.wrap-form__checkbox label input[type=checkbox] + .txt-label::before {
  display: block;
  width: 26px;
  height: 26px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  content: "";
}
.wrap-form__checkbox label input[type=checkbox] + .txt-label.type-1 {
  font-weight: 500;
}
.wrap-form__checkbox label input[type=checkbox]:checked + .txt-label::before {
  border-color: #1f1f1f;
  background: url(../img/common/icon_check_1.svg) no-repeat;
}
.wrap-form__checkbox.type-img label input[type=checkbox] + .txt-label {
  gap: 20px;
}
.wrap-form__checkbox.type-img label input[type=checkbox] + .txt-label .label__img {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
  width: 78px;
  height: 78px;
}
.wrap-form__checkbox.type-img label input[type=checkbox] + .txt-label .label__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wrap-form__checkbox.type-light label input[type=checkbox] + .txt-label {
  font-weight: 400;
}
.wrap-form__checkbox.type-circle label {
  display: block;
  position: relative;
}
.wrap-form__checkbox.type-circle label input[type=checkbox] {
  position: absolute;
  overflow: hidden;
  appearance: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.wrap-form__checkbox.type-circle label input[type=checkbox] + .txt-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0;
  font-size: var(--root-font-size-md);
  color: var(--root-color-1);
  white-space: nowrap;
}
@media screen and (max-width : 768px) {
  .wrap-form__checkbox.type-circle label input[type=checkbox] + .txt-label {
    gap: 5px;
  }
}
.wrap-form__checkbox.type-circle label input[type=checkbox] + .txt-label::before {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid var(--root-color-11);
  background: url(../img/common/icon_check_4.svg) 50% 50% no-repeat;
  background-size: 85%;
  background-color: #fff;
}
@media screen and (max-width : 768px) {
  .wrap-form__checkbox.type-circle label input[type=checkbox] + .txt-label::before {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-form__checkbox.type-circle label input[type=checkbox] + .txt-label::before {
    width: 18px;
    height: 18px;
  }
}
.wrap-form__checkbox.type-circle label input[type=checkbox]:checked + .txt-label::before {
  border-color: var(--root-color-1);
  background-color: var(--root-color-1);
  background-image: url(../img/common/icon_check_3.svg);
}
.wrap-form__checkbox .checkbox__sub label input[type=checkbox] + .txt-label {
  font-weight: 400;
  font-size: var(--root-font-size-sm);
}
.wrap-form__checkbox .checkbox__sub label input[type=checkbox] + .txt-label::before {
  width: 22px;
  height: 22px;
}
@media screen and (max-width : 768px) {
  .wrap-form__checkbox .checkbox__sub label input[type=checkbox] + .txt-label::before {
    width: 18px;
    height: 18px;
  }
}

.wrap-form__radio {
  display: flex;
  align-items: center;
  gap: 40px;
}
@media screen and (max-width : 768px) {
  .wrap-form__radio {
    flex-wrap: wrap;
    gap: 10px 15px;
  }
}
.wrap-form__radio label {
  display: block;
  position: relative;
}
.wrap-form__radio label input[type=radio] {
  position: absolute;
  overflow: hidden;
  appearance: none;
  width: 1px;
  height: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
}
.wrap-form__radio label input[type=radio] + .txt-label {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0;
  font-size: var(--root-font-size-md);
  color: var(--root-color-1);
  white-space: nowrap;
}
@media screen and (max-width : 768px) {
  .wrap-form__radio label input[type=radio] + .txt-label {
    gap: 5px;
  }
}
.wrap-form__radio label input[type=radio] + .txt-label::before, .wrap-form__radio label input[type=radio] + .txt-label::after {
  display: block;
  transition: all 0.2s linear;
  border-radius: 100%;
  content: "";
}
.wrap-form__radio label input[type=radio] + .txt-label::before {
  width: 26px;
  height: 26px;
  border: 1px solid var(--root-color-11);
  background-color: #fff;
}
@media screen and (max-width : 768px) {
  .wrap-form__radio label input[type=radio] + .txt-label::before {
    width: 18px;
    height: 18px;
  }
}
.wrap-form__radio label input[type=radio] + .txt-label::after {
  opacity: 0;
  position: absolute;
  top: 7px;
  left: 7px;
  width: 12px;
  height: 12px;
  background-color: var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .wrap-form__radio label input[type=radio] + .txt-label::after {
    width: 8px;
    height: 8px;
    top: 7px;
    left: 5px;
  }
}
.wrap-form__radio label input[type=radio]:checked + .txt-label::before {
  border-color: #1f1f1f;
}
.wrap-form__radio label input[type=radio]:checked + .txt-label::after {
  opacity: 1;
}
.wrap-form__radio.type-img label input[type=checkbox] + .txt-label {
  gap: 20px;
}
.wrap-form__radio.type-img label input[type=checkbox] + .txt-label .label__img {
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
  width: 78px;
  height: 78px;
}
.wrap-form__radio.type-img label input[type=checkbox] + .txt-label .label__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.wrap-form__radio.type-gray {
  display: flex;
  align-items: center;
  gap: 80px;
  padding: 20px;
  background-color: var(--root-color-13);
}
@media screen and (max-width : 768px) {
  .wrap-form__radio.type-gray {
    gap: 20px 30px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-form__radio.type-gray {
    gap: 10px 20px;
  }
}
.wrap-form__radio.type-gray + .txt-info {
  margin-top: 15px;
}
.wrap-form__radio.type-center {
  justify-content: center;
  gap: 60px;
}
@media screen and (max-width : 768px) {
  .wrap-form__radio.type-center {
    gap: 40px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-form__radio.type-center {
    gap: 30px;
  }
}
.wrap-form__radio.size-1 label input[type=radio] + .txt-label {
  font-size: var(--root-font-size-xlg);
  font-weight: 500;
}
.wrap-form__radio.size-1 label input[type=radio] + .txt-label::after {
  top: 9px;
}
.wrap-form__radio + .area-tab {
  margin-top: 20px;
}
.wrap-form__radio:is(.wrap-flex .wrap-form__radio:has(+ .wrap-form__input)) {
  width: auto;
}
@media screen and (max-width : 768px) {
  .wrap-form__radio:is(.wrap-flex .wrap-form__radio:has(+ .wrap-form__input)) {
    width: 100%;
  }
}

.wrap-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wrap-flex > * {
  width: 100%;
}
.wrap-flex > *:nth-child(even) {
  justify-content: flex-end;
  text-align: right;
}
@media screen and (max-width : 768px) {
  .wrap-flex > *:nth-child(even) {
    text-align: left;
  }
}
.wrap-flex + .wrap-agree {
  margin-top: 18px;
}
@media screen and (max-width : 768px) {
  .wrap-flex + .wrap-agree {
    margin-top: 10px;
  }
}
.wrap-flex + .box-square {
  margin-top: 15px;
}

.btn-square {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s linear;
  height: 42px;
  padding: 10px 40px;
  border: 2px solid var(--root-color-1);
  background-color: transparent;
  color: var(--root-color-1);
  font-size: var(--root-font-size-lg);
  font-weight: 500;
  letter-spacing: -0.75px;
  white-space: nowrap;
}
.btn-square.type-line-1 {
  border: 2px solid var(--root-color-1);
}
.btn-square.type-line-1.case-del {
  gap: 4px;
  height: 40px;
  padding-left: 15px;
  padding-right: 20px;
  font-size: var(--root-font-size-md);
}
.btn-square.type-line-1.case-del::before {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_close_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media (hover: hover) {
  .btn-square.type-line-1.case-del:hover::before {
    filter: invert(1) brightness(255);
  }
}
@media (hover: hover) {
  .btn-square.type-line-1:hover {
    background-color: var(--root-color-1);
    color: #fff;
  }
}
.btn-square.type-line-2 {
  border: 2px solid #fff;
  color: #fff;
}
.btn-square.type-line-3 {
  border: 2px solid var(--root-color-7);
  border-radius: 4px;
  color: var(--root-color-7);
  font-size: var(--root-font-size-md);
}
@media (hover: hover) {
  .btn-square.type-line-3:hover {
    background-color: var(--root-color-7);
    color: #fff;
  }
}
.btn-square.type-line-4 {
  padding-left: 40px;
  padding-right: 40px;
  border: 2px solid var(--root-color-1);
  background-color: var(--root-color-13);
  color: var(--root-color-1);
  font-size: var(--root-font-size-md);
}
@media (hover: hover) {
  .btn-square.type-line-4:hover {
    background-color: var(--root-color-1);
    color: #fff;
  }
}
@media screen and (max-width : 768px) {
  .btn-square.type-line-4 {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width : 480px) {
  .btn-square.type-line-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.btn-square.type-line-5 {
  border: 2px solid var(--root-color-23);
  color: var(--root-color-23);
  font-size: var(--root-font-size-md);
}
@media (hover: hover) {
  .btn-square.type-line-5:hover {
    background-color: var(--root-color-23);
    color: #fff;
  }
}
.btn-square.type-line-6 {
  border: 2px solid var(--root-color-7);
  color: var(--root-color-7);
}
@media (hover: hover) {
  .btn-square.type-line-6:hover {
    background-color: var(--root-color-7);
    color: #fff;
  }
}
.btn-square.type-color-1 {
  border: 2px solid var(--root-color-7);
  background-color: var(--root-color-7);
  color: #fff;
}
@media (hover: hover) {
  .btn-square.type-color-1:hover {
    background-color: #fff;
    border: 2px solid var(--root-color-7);
    color: var(--root-color-7);
  }
}
.btn-square.type-color-2 {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
@media (hover: hover) {
  .btn-square.type-color-2:hover {
    background-color: #fff;
    border: 2px solid var(--root-color-1);
    color: var(--root-color-1);
  }
}
.btn-square.type-color-3 {
  border: 2px solid var(--root-color-8);
  background-color: var(--root-color-8);
  color: #fff;
}
@media (hover: hover) {
  .btn-square.type-color-3:hover {
    background-color: #fff;
    border: 2px solid var(--root-color-8);
    color: var(--root-color-8);
  }
}
.btn-square.type-color-4 {
  border: 2px solid var(--root-color-10);
  background-color: var(--root-color-10);
  color: #fff;
}
@media (hover: hover) {
  .btn-square.type-color-4:hover {
    background-color: #fff;
    border: 2px solid var(--root-color-10);
    color: var(--root-color-10);
  }
}
.btn-square.size-big {
  height: 66px;
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width : 768px) {
  .btn-square.size-big {
    height: 46px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.btn-square.size-2 {
  height: 56px;
  padding-left: 35px;
  padding-right: 35px;
  font-size: var(--root-font-size-md);
}
.btn-square.size-3 {
  height: 80px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: var(--root-font-size-xlg);
}
.btn-square.size-4 {
  height: 40px;
}
.btn-square.size-5 {
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: var(--root-font-size-sm);
  font-weight: 500;
}
@media screen and (max-width : 768px) {
  .btn-square.size-5 {
    height: 32px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn-square.size-6 {
  height: 46px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: var(--root-font-size-md);
  font-weight: 500;
}
@media screen and (max-width : 768px) {
  .btn-square.size-6 {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width : 480px) {
  .btn-square.size-6 {
    height: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.btn-square.size-7 {
  height: 50px;
  padding-left: 40px;
  padding-right: 40px;
  font-size: var(--root-font-size-md);
  font-weight: 500;
}
@media screen and (max-width : 480px) {
  .btn-square.size-7 {
    height: 46px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width : 480px) {
  .btn-square.size-7 {
    height: 36px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.btn-square.type-add {
  gap: 4px;
  padding-left: 30px;
}
.btn-square.type-add::before {
  display: block;
  width: 20px;
  height: 20px;
  transition: all 0.2s linear;
  background: url(../img/common/icon_add_1.svg) no-repeat;
  filter: brightness(255) invert(1);
  background-size: contain;
  content: "";
}
@media (hover: hover) {
  .btn-square.type-add:hover::before {
    filter: brightness(0) invert(0);
  }
}
.btn-square.type-arrow {
  justify-content: space-between;
  min-width: 240px;
  padding-right: 23px;
  border-radius: 4px;
}
.btn-square.type-arrow::after {
  display: block;
  width: 24px;
  height: 24px;
  filter: brightness(255) invert(1);
  background: url(../img/common/icon_arrow_2.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media (hover: hover) {
  .btn-square.type-arrow:hover {
    border: 1px solid var(--root-color-11);
    background-color: #fff;
    color: var(--root-color-1);
  }
  .btn-square.type-arrow:hover::after {
    opacity: 0.2;
    filter: brightness(0) invert(0);
  }
}
.btn-square.type-print {
  gap: 4px;
  font-weight: 500;
}
.btn-square.type-print::before {
  display: block;
  width: 18px;
  height: 18px;
  filter: brightness(255) invert(1);
  background: url(../img/common/icon_print_1.svg) no-repeat;
  background-size: contain;
  content: "";
  transition: all 0.2s linear;
}
@media (hover: hover) {
  .btn-square.type-print:hover::before {
    filter: unset;
  }
}
@media print {
  .btn-square.type-print {
    display: none;
  }
}

.list-cart {
  border-top: 2px solid var(--root-color-1);
  padding-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-cart {
    padding-top: 10px;
  }
}
.list-cart > li {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .list-cart > li {
    padding-bottom: 10px;
  }
}
.list-cart > li + li {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-cart > li + li {
    margin-top: 10px;
  }
}
.list-cart > li .cart__del {
  display: flex;
  justify-content: flex-end;
}
.list-cart > li .cart__del .btn-del__icon {
  width: 24px;
  padding-top: 24px;
}
.list-cart > li .list-cart__product {
  padding-right: 50px;
}
@media screen and (max-width : 768px) {
  .list-cart > li .list-cart__product {
    padding-right: 20px;
  }
}
.list-cart + .wrap-flex {
  margin-top: 60px;
}
.list-cart + .tit-cont {
  margin-top: 55px;
}

.list-cart__product {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-cart__product .list-cart__info {
  font-size: var(--root-font-size-md);
  text-align: right;
  color: var(--root-color-1);
}
.list-cart__product + .product-option-selected {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-cart__product + .product-option-selected {
    margin-top: 10px;
  }
}

.product-option-selected .section.type-1 {
  justify-content: flex-start;
  gap: 20px;
  position: relative;
  min-height: 56px;
  padding: 0;
  border-top: 1px solid var(--root-color-11);
  background-color: var(--root-color-13);
  font-size: var(--root-font-size-md);
}
.product-option-selected .section.type-1 .product-option-selected__size + .product-option-selected__num {
  margin-left: 25px;
}
.product-option-selected .section.type-1 .product-option-selected__num span {
  font-weight: 500;
}
.product-option-selected .section.type-1 .option-control + .product-option-selected__day {
  margin-left: 30px;
}
.product-option-selected .section.type-1 .product-option-selected__day + .product-option-selected__price {
  margin-left: 30px;
}
.product-option-selected .section.type-1 .product-option-selected__del {
  position: absolute;
  top: 50%;
  right: 1px;
  transform: translateY(-50%);
  width: 54px;
}
.product-option-selected .section.case-1 .name {
  padding-left: 50px;
  padding-right: 25px;
}
@media screen and (max-width : 768px) {
  .product-option-selected .section.case-1 .name {
    padding-left: 15px;
    padding-right: 10px;
  }
}
.product-option-selected .section.case-1 .product-option-selected__num + .product-option-selected__day {
  margin-left: 70px;
}
@media screen and (max-width : 768px) {
  .product-option-selected .section.case-1 .product-option-selected__num + .product-option-selected__day {
    margin-left: 40px;
  }
}
.product-option-selected .section [data-pos=right] {
  margin-left: auto;
  margin-right: 20px;
}
@media screen and (max-width : 768px) {
  .product-option-selected .section [data-pos=right] {
    margin-right: 10px;
  }
}
.product-option-selected.type-disabled {
  opacity: 0.3;
  pointer-events: none;
}
.product-option-selected + .product-option-selected, .product-option-selected + .txt-alert {
  margin-top: 10px;
}

button.btn-del__icon {
  display: block;
  overflow: hidden;
  position: relative;
  width: 54px;
  height: 0;
  padding-top: 54px;
  border: none;
  background-color: transparent;
  text-indent: -9999px;
}
button.btn-del__icon::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: url(../img/common/icon_close_1.svg) no-repeat;
  background-size: contain;
  content: "";
}

.wrap-payment {
  padding: 40px;
  border: 1px solid var(--root-color-11);
  background-color: var(--root-color-13);
}
.wrap-payment .payment-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrap-payment .payment-info .payment-info__tit {
  font-size: var(--root-font-size-lg);
}
.wrap-payment .payment-info .payment-info__price {
  font-size: var(--root-font-size-lg);
  font-weight: 100;
}
.wrap-payment .payment-info .payment-info__price span {
  font-weight: 500;
}
.wrap-payment .payment-info + .payment-info {
  margin-top: 25px;
}
.wrap-payment .payment-info + .payment-total {
  margin-top: 70px;
  padding-top: 16px;
  border-top: 2px solid var(--root-color-1);
}
.wrap-payment .payment-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--root-font-size-xlg);
}
.wrap-payment .payment-total .payment-total__price {
  font-weight: 100;
}
.wrap-payment .payment-total .payment-total__price span {
  font-weight: 500;
  color: #ff6395;
}
.wrap-payment .payment-total + .btn-payment {
  margin-top: 38px;
}
.wrap-payment .btn-payment {
  padding-left: 18px;
  padding-right: 18px;
}
.wrap-payment .btn-payment button {
  width: 100%;
  height: 65px;
}
.wrap-payment.type-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100px;
  padding: 10px 20px;
  border-width: 1px 0;
  border-color: var(--root-color-1);
  background-color: transparent;
  font-size: var(--root-font-size-lg);
  font-weight: 700;
}
@media screen and (max-width : 768px) {
  .wrap-payment.type-1 {
    height: 60px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.wrap-payment.type-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 78px;
  padding: 10px 20px;
  border-width: 2px 0 1px;
  border-color: var(--root-color-1);
  background-color: transparent;
  font-size: var(--root-font-size-lg);
  font-weight: 700;
}
.wrap-payment + .txt-info {
  margin-top: 25px;
}
.wrap-payment + .tit-cont, .wrap-payment + .wrap-flex {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .wrap-payment + .tit-cont, .wrap-payment + .wrap-flex {
    margin-top: 30px;
  }
}

.wrap-payment-agree {
  padding: 40px 20px 36px;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .wrap-payment-agree {
    padding: 20px;
  }
}
.wrap-payment-agree .wrap-form__checkbox label input[type=checkbox] + .txt-label {
  font-weight: 500;
}
.wrap-payment-agree .wrap-form__checkbox + .wrap-form__checkbox {
  margin-top: 20px;
}
.wrap-payment-agree .wrap-form__checkbox.type-1 {
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin-left: 42px;
}
@media screen and (max-width : 768px) {
  .wrap-payment-agree .wrap-form__checkbox.type-1 {
    margin-left: 30px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-payment-agree .wrap-form__checkbox.type-1 {
    margin-left: 20px;
  }
}
.wrap-payment-agree .wrap-form__checkbox.type-1 > label input[type=checkbox] + .txt-label {
  font-weight: 400;
  font-size: var(--root-font-size-sm);
  letter-spacing: -0.75px;
}
.wrap-payment-agree .wrap-form__checkbox.type-1 > label input[type=checkbox] + .txt-label::before {
  width: 22px;
  height: 22px;
}
@media screen and (max-width : 768px) {
  .wrap-payment-agree .wrap-form__checkbox.type-1 > label input[type=checkbox] + .txt-label::before {
    width: 18px;
    height: 18px;
  }
}
.wrap-payment-agree .wrap-form__checkbox.type-1 > label + .checkbox__sub {
  margin-top: 10px;
}
.wrap-payment-agree .wrap-form__checkbox .checkbox__sub {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-left: 20px;
}
@media screen and (max-width : 480px) {
  .wrap-payment-agree .wrap-form__checkbox .checkbox__sub {
    padding-left: 10px;
  }
}
.wrap-payment-agree .wrap-form__checkbox .checkbox__sub label input[type=checkbox] + .txt-label {
  font-weight: 400;
}
.wrap-payment-agree .wrap-form__checkbox .checkbox__sub .btn-underline {
  display: block;
  border: none;
  background-color: transparent;
  font-size: var(--root-font-size-sm);
  letter-spacing: -0.75px;
  text-decoration: underline;
}
.wrap-payment-agree .wrap-form__checkbox .checkbox__sub.type-1 {
  padding-left: 0;
}
.wrap-payment-agree.type-1 {
  padding: 0;
  border: none;
}
.wrap-payment-agree.type-1 .wrap-form__checkbox label input[type=checkbox] + .txt-label {
  font-weight: 400;
}
.wrap-payment-agree.type-1 .wrap-form__checkbox.type-1 label input[type=checkbox] + .txt-label {
  font-size: var(--root-font-size-md);
}
.wrap-payment-agree.type-1 .checkbox__sub + .wrap-form__radio, .wrap-payment-agree.type-1 .checkbox__sub + .wrap-form__checkbox {
  margin-top: 10px;
  margin-left: 35px;
}
.wrap-payment-agree.type-1 + .txt-info {
  margin-top: 30px;
}
.wrap-payment-agree + .btn-payment {
  margin-top: 20px;
}
.wrap-payment-agree + .btn-payment button {
  width: 100%;
  height: 66px;
}
@media screen and (max-width : 768px) {
  .wrap-payment-agree + .btn-payment button {
    height: 56px;
  }
}
@media screen and (max-width : 768px) {
  .wrap-payment-agree + .btn-payment button {
    height: 50px;
  }
}

.wrap-agree {
  height: 298px;
  padding: 25px 15px 25px 30px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
.wrap-agree + .txt-info {
  margin-top: 15px;
}
.wrap-agree + .wrap-isolate {
  margin-top: 25px;
}
@media screen and (max-width : 768px) {
  .wrap-agree {
    height: 150px;
    padding: 15px 5px 15px 15px;
  }
}

.area-scroll,
.area-inner-scroll {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.area-scroll::-webkit-scrollbar,
.area-inner-scroll::-webkit-scrollbar {
  width: 14px;
}
.area-scroll::-webkit-scrollbar-track,
.area-inner-scroll::-webkit-scrollbar-track {
  background: #fff;
}
.area-scroll::-webkit-scrollbar-thumb,
.area-inner-scroll::-webkit-scrollbar-thumb {
  background: var(--root-color-11);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}

.wrap-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width : 768px) {
  .wrap-btn {
    gap: 10px;
  }
}
.wrap-btn.type-between {
  justify-content: space-between;
}
.wrap-btn.type-start {
  justify-content: flex-start;
}
.wrap-btn.type-detail {
  gap: 10px;
  justify-content: space-between;
}
@media screen and (max-width : 768px) {
  .wrap-btn.type-detail {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.wrap-btn.type-detail .wrap-form__select {
  width: 100%;
}
.wrap-btn.type-detail button {
  flex-shrink: 0;
  height: 46px;
  font-size: var(--root-font-size-md);
  white-space: nowrap;
}
@media screen and (max-width : 768px) {
  .wrap-btn.type-detail button {
    height: 32px;
  }
}
.wrap-btn.type-1 {
  gap: 10px;
}
.wrap-btn.type-1 .btn-square {
  height: 52px;
  font-size: var(--root-font-size-md);
  font-weight: 400;
}
@media screen and (max-width : 768px) {
  .wrap-btn.type-1 .btn-square {
    height: 42px;
  }
}
.wrap-btn.type-2 {
  gap: 10px;
}
.wrap-btn.type-2 .btn-square {
  min-width: 140px;
}
@media screen and (max-width : 768px) {
  .wrap-btn.type-2 .btn-square {
    min-width: unset;
  }
}
@media screen and (max-width : 768px) {
  .wrap-btn.type-2.type-start {
    justify-content: space-between;
  }
  .wrap-btn.type-2.type-start .wrap-form__select {
    width: 100%;
  }
}
.wrap-btn.type-3 {
  gap: 10px;
}
.wrap-btn + .product-search-form {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .wrap-btn + .product-search-form {
    margin-top: 20px;
  }
}
.wrap-btn + .wrap-txt__center {
  margin-top: 15px;
}
.wrap-btn + .wrap-rental-detail {
  margin-top: 40px;
}
.wrap-btn [data-pos=end] {
  margin-left: auto;
}

.wrap-txt__center {
  text-align: center;
}

.inner-info {
  text-align: center;
}
.inner-info .inner-info__tit {
  font-weight: 500;
  font-size: var(--root-font-size-xxlg);
  color: var(--root-color-7);
  letter-spacing: -0.75px;
}
.inner-info .inner-info__tit + .inner-info__txt {
  margin-top: 10px;
}
.inner-info .inner-info__txt {
  font-size: var(--root-font-size-xlg);
  line-height: 1.6;
}
.inner-info .inner-info__txt span {
  font-weight: 500;
}
.inner-info + .tit-cont {
  margin-top: 45px;
}
.inner-info.type-1 .inner-info__tit {
  color: var(--root-color-20);
}
.inner-info.type-1 .inner-info__tit + .inner-info__txt {
  margin-top: 50px;
}
.inner-info.type-1 .inner-info__txt {
  font-size: var(--root-font-size-lg);
}
.inner-info.type-1 .inner-info__txt .inner-info__gap {
  margin-top: 25px;
}
.inner-info.type-1 .inner-info__txt + .wrap-form__checkbox {
  margin-top: 35px;
}
.inner-info.type-1 .wrap-form__checkbox {
  justify-content: center;
}
.inner-info.type-1 .wrap-form__checkbox label input[type=checkbox] + .txt-label {
  font-size: var(--root-font-size-lg);
  text-align: center;
}
.inner-info.type-1 + .wrap-btn {
  margin-top: 60px;
}

.list-square {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width : 480px) {
  .list-square {
    flex-direction: column;
  }
}
.list-square.size-2 {
  gap: 20px;
}
.list-square.size-3 {
  gap: 60px;
}
@media screen and (max-width : 1024px) {
  .list-square.size-3 {
    gap: 20px;
  }
}
@media screen and (max-width : 640px) {
  .list-square.size-3 {
    flex-direction: column;
  }
}
.list-square > * {
  display: flex;
  flex-direction: column;
  gap: 23px;
  align-items: center;
  width: 100%;
  padding: 35px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  text-align: center;
  letter-spacing: -0.75px;
  font-size: var(--root-font-size-md);
}
@media screen and (max-width : 1024px) {
  .list-square > * {
    padding: 20px;
  }
}
@media screen and (max-width : 640px) {
  .list-square > * {
    padding: 17px;
    gap: 10px;
  }
}
.list-square > * .list-square__num {
  font-weight: 500;
  font-size: var(--root-font-size-xxlg);
}
.list-square.type-consignment > * .list-square__num::after {
  display: block;
  width: 70px;
  height: 70px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 640px) {
  .list-square.type-consignment > * .list-square__num::after {
    width: 30px;
    height: 30px;
  }
}
.list-square.type-consignment > *.case-1 .list-square__num::after {
  background-image: url(../img/content/icon_consignment_1.svg);
}
.list-square.type-consignment > *.case-2 .list-square__num::after {
  background-image: url(../img/content/icon_consignment_2.svg);
}
.list-square.type-consignment > *.case-3 .list-square__num::after {
  background-image: url(../img/content/icon_consignment_3.svg);
}
.list-square + .wrap-btn {
  margin-top: 60px;
}
@media screen and (max-width : 1024px) {
  .list-square + .wrap-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width : 768px) {
  .list-square + .wrap-btn {
    margin-top: 20px;
  }
}

.area-layer {
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 1200;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 730px;
  width: 100%;
  border: 4px solid var(--root-color-1);
  background-color: #fff;
  transition: all 0.5s ease-in;
}
.area-layer.is-active {
  display: block;
}
@media screen and (max-width : 768px) {
  .area-layer {
    max-width: none;
    width: calc(100vw - 40px);
    border-width: 3px;
  }
}
.area-layer .head-layer {
  display: flex;
  align-items: center;
  height: 88px;
  padding: 10px 90px 10px 28px;
  border-bottom: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .area-layer .head-layer {
    height: 60px;
    padding-left: 15px;
    padding-right: 50px;
  }
}
.area-layer .head-layer.type-1 {
  justify-content: center;
  padding-left: 90px;
  border-bottom: none;
}
.area-layer .head-layer.type-1 + .wrap-layer-cont {
  margin-top: 0;
}
.area-layer .tit-layer {
  font-size: var(--root-font-size-sxxlg);
  font-weight: 700;
}
@media screen and (max-width : 768px) {
  .area-layer .tit-layer {
    font-size: var(--root-font-size-xxlg);
  }
}
.area-layer .tit-layer.color-1 {
  color: var(--root-color-8);
}
.area-layer .btn-close {
  position: absolute;
  top: 0;
  right: 0;
}
.area-layer.type-1 {
  position: fixed;
  width: 610px;
  transform: translate(0);
  transition: none;
  padding-bottom: 30px;
}
@media screen and (max-width : 768px) {
  .area-layer.type-1 {
    width: calc(100vw - 40px);
    padding-bottom: 10px;
  }
}
.area-layer.type-page {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  max-width: 100%;
  border: none;
}
.area-layer.size-1 {
  width: 590px;
}
.area-layer.size-2 {
  width: 475px;
}
.area-layer.size-3 {
  width: 550px;
}
.area-layer.size-4 {
  width: 400px;
}
.area-layer.size-5 {
  width: 660px;
}
.area-layer.size-6 {
  width: 656px;
}
@media screen and (max-width : 768px) {
  .area-layer.size-1, .area-layer.size-2, .area-layer.size-3, .area-layer.size-4, .area-layer.size-5, .area-layer.size-6 {
    width: calc(100vw - 40px);
  }
}
.area-layer .wrap-list-cont .cont-info {
  flex-wrap: nowrap;
  gap: 20px 30px;
  justify-content: space-between;
}
.area-layer .wrap-list-cont .cont-info .cont-info__tit {
  width: auto;
  flex-shrink: 0;
  font-size: var(--root-font-size-md);
  font-weight: 400;
}
.area-layer .wrap-list-cont .cont-info .cont-info__cont {
  width: 100%;
}
.area-layer .wrap-img {
  text-align: center;
}

.btn-close {
  display: block;
  overflow: hidden;
  position: relative;
  width: 88px;
  height: 0;
  padding-top: 88px;
  border: none;
  background-color: transparent;
  text-indent: -9999px;
}
@media screen and (max-width : 768px) {
  .btn-close {
    width: 44px;
    padding-top: 58px;
  }
}
.btn-close::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: url(../img/common/icon_close_2.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .btn-close::before {
    width: 24px;
    height: 24px;
  }
}

.layer-dim {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1100;
}

.wrap-layer-cont {
  position: relative;
  margin-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
@media screen and (max-width : 768px) {
  .wrap-layer-cont {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.wrap-layer-cont .wrap-isolate + .wrap-isolate {
  margin-top: 35px;
  padding-top: 25px;
  border-top: 1px solid var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .wrap-layer-cont .wrap-isolate + .wrap-isolate {
    margin-top: 12px;
    padding-top: 12px;
  }
}
.wrap-layer-cont .wrap-isolate + .wrap-flex {
  margin-top: 35px;
}
.wrap-layer-cont .layer-cont__tit {
  font-weight: 500;
  color: var(--root-color-7);
}
.wrap-layer-cont .layer-cont__tit.type-1 {
  font-size: var(--root-font-size-lg);
  font-weight: 700;
  color: var(--root-color-7);
}
.wrap-layer-cont .layer-cont__tit + .list-info {
  margin-top: 10px;
}
.wrap-layer-cont .list-info + .layer-cont__tit {
  margin-top: 20px;
}
.wrap-layer-cont.type-1 {
  margin-top: 0;
  padding: 0;
}
.wrap-layer-cont.type-2 {
  margin-top: 0;
}
.wrap-layer-cont.type-3 {
  padding-bottom: 30px;
}
.wrap-layer-cont .p-type1 {
  font-size: var(--root-font-size-lg);
  margin-bottom: 10px;
  padding-left: 15px;
  text-indent: -15px;
}

.list-info.type-dot > li {
  position: relative;
  padding-left: 14px;
  font-size: var(--root-font-size-md);
  line-height: 1.6;
}
@media screen and (max-width : 768px) {
  .list-info.type-dot > li {
    padding-left: 0;
  }
}
.list-info.type-dot > li::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
.list-info.type-dot > li + li {
  margin-top: 10px;
}
@media screen and (max-width : 768px) {
  .list-info.type-dot > li + li {
    margin-top: 8px;
  }
}
.list-info.type-num-1 {
  counter-reset: li;
}
.list-info.type-num-1 > li {
  display: flex;
  gap: 5px;
  position: relative;
}
.list-info.type-num-1 > li::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  line-height: 25px;
  font-size: var(--root-font-size-xsm);
  text-align: center;
  counter-increment: li;
  content: counter(li);
}
@media screen and (max-width : 768px) {
  .list-info.type-num-1 > li::after {
    width: 10px;
    line-height: 14px;
  }
}
.list-info.type-num-1 > li::before {
  display: block;
  position: relative;
  top: 5px;
  width: 16px;
  height: 16px;
  border: 1px solid var(--root-color-1);
  border-radius: 50%;
  content: "";
}
@media screen and (max-width : 768px) {
  .list-info.type-num-1 > li::before {
    width: 10px;
    height: 10px;
    top: 3px;
  }
}
.list-info.type-num-2 {
  counter-reset: li;
}
.list-info.type-num-2 > li {
  display: flex;
  gap: 3px;
  position: relative;
}
.list-info.type-num-2 > li::before {
  display: block;
  counter-increment: li;
  content: counter(li);
}
.list-info.type-num-2 > li + li {
  margin-top: 5px;
}
.list-info.type-num-3 {
  counter-reset: li;
}
.list-info.type-num-3 > li {
  display: flex;
  gap: 6px;
  position: relative;
  font-size: var(--root-font-size-lg);
}
.list-info.type-num-3 > li::after {
  display: block;
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  line-height: 22px;
  font-size: var(--root-font-size-lg);
  text-align: center;
  font-weight: 300;
  color: #fff;
  counter-increment: li;
  content: counter(li);
}
@media screen and (max-width : 768px) {
  .list-info.type-num-3 > li::after {
    width: 20px;
    height: 20px;
    line-height: 20px;
  }
}
.list-info.type-num-3 > li::before {
  flex-shrink: 0;
  display: block;
  position: relative;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--root-color-1);
  content: "";
}
@media screen and (max-width : 768px) {
  .list-info.type-num-3 > li::before {
    width: 20px;
    height: 20px;
  }
}
.list-info.type-num-3 > li + li {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-info.type-num-3 > li + li {
    margin-top: 15px;
  }
}
@media screen and (max-width : 480px) {
  .list-info.type-num-3 > li + li {
    margin-top: 10px;
  }
}
.list-info .list-info, .list-info + .list-info {
  margin-top: 12px;
}
.list-info .wrap-form__checkbox {
  margin-top: 12px;
}
.list-info.type-img {
  display: flex;
  flex-wrap: wrap;
  gap: 18px 28px;
}
@media screen and (max-width : 768px) {
  .list-info.type-img {
    gap: 16px 23px;
  }
}
.list-info.type-img > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: calc(50% - 14px);
  font-size: var(--root-font-size-sm);
  line-height: 1.71;
  font-weight: 500;
}
@media screen and (max-width : 768px) {
  .list-info.type-img > li {
    gap: 6px;
  }
}
.list-info.type-img > li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.list-info.type-img + .txt-info {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-info.type-img + .txt-info {
    margin-top: 10px;
  }
}
.list-info.type-underline > li {
  padding: 5px 0 5px 20px;
  font-size: var(--root-font-size-md);
  line-height: 1.68;
}
.list-info.type-underline > li + li {
  border-top: 1px dashed var(--root-color-11);
}
.list-info + .review-list {
  margin-top: 15px;
}
.list-info + .review-list.type-store {
  border-top: 1px solid var(--root-color-11);
}
.list-info.type-definition > li {
  display: flex;
  gap: 5px;
}
.list-info.type-definition > li + li {
  margin-top: 10px;
}
.list-info.type-definition .definition__tit {
  width: 50px;
}
.list-info.type-definition .definition__txt {
  width: calc(100% - 55px);
}

.layer-footer {
  display: flex;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  padding: 30px;
  text-align: center;
}
@media screen and (max-width : 768px) {
  .layer-footer {
    gap: 24px;
    padding: 15px;
  }
  .layer-footer .wrap-form__checkbox {
    margin-right: auto;
  }
}
@media screen and (max-width : 380px) {
  .layer-footer {
    padding: 15px 0;
  }
}

.list-rent > li {
  margin-top: 35px;
  border-top: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .list-rent > li {
    margin-top: 15px;
  }
}
.list-rent .list-rent__tit {
  font-size: var(--root-font-size-xxlg);
  font-weight: 500;
}
.list-rent .list-rent__tit .essential-unit {
  width: 12px;
  padding-top: 25px;
}
@media screen and (max-width : 768px) {
  .list-rent .list-rent__tit .essential-unit {
    width: 6px;
    padding-top: 12px;
  }
}
.list-rent .list-rent__tit .essential-unit::after {
  top: -2px;
  font-size: var(--root-font-size-xlg);
}
.list-rent .list-rent__tit + .btn-close {
  flex-shrink: 0;
}
.list-rent .list-rent__tit + .btn-close::before {
  left: auto;
  right: 0;
  transform: translate(0, -50%);
}
.list-rent + .wrap-btn {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .list-rent + .wrap-btn {
    margin-top: 20px;
    padding-top: 20px;
  }
}
.list-rent.type-1 > li {
  border-top: none;
}

.product-list-wrap .section ul li a .tag,
.product-list-wrap .section .list-product li a .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  min-width: 76px;
  min-height: 36px;
  background: var(--root-color-7);
  font-size: var(--root-font-size-sm);
  font-weight: var(--root-font-bold-weight);
  color: #fff;
  text-align: center;
}
.product-list-wrap .section ul li a .tag.type-sale,
.product-list-wrap .section .list-product li a .tag.type-sale {
  background: var(--root-color-10);
}
.product-list-wrap .section ul li a .tag.type-sale,
.product-list-wrap .section .list-product li a .tag.type-sale {
  background: var(--root-color-7);
}
.product-list-wrap .section ul li a .tag.type-ing,
.product-list-wrap .section .list-product li a .tag.type-ing {
  background: var(--root-color-8);
}
.product-list-wrap .section ul li a .tag.type-finish,
.product-list-wrap .section .list-product li a .tag.type-finish {
  background: var(--root-color-9);
}
.product-list-wrap .section ul li a .tag.type-freecycle,
.product-list-wrap .section .list-product li a .tag.type-freecycle {
  background: var(--root-color-14);
}
.product-list-wrap .section ul li a .tag.type-complete,
.product-list-wrap .section .list-product li a .tag.type-complete {
  background: var(--root-color-15);
}
.product-list-wrap .section ul {
  display: flex;
  flex-wrap: wrap;
  gap: 55px 20px;
}
.product-list-wrap .section ul li {
  width: calc((100% - 60px) / 4);
}
.product-list-wrap .section ul li .img {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 116.071%;
  transition: all 0.2s linear;
}
@media screen and (max-width : 768px) {
  .product-list-wrap .section ul li .img {
    padding-top: 113.8%;
  }
}
.product-list-wrap .section ul li .img button {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
  height: 17px;
  border: none;
  background: url(../img/common/ico-like.png) no-repeat 50% 50%;
}
.product-list-wrap .section ul li .img button.active {
  background-image: url(../img/common/ico-like-active.png);
}
.product-list-wrap .section ul li .img img {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.2s linear;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.product-list-wrap .section ul li a {
  position: relative;
}
@media (hover: hover) {
  .product-list-wrap .section ul li a:hover img {
    opacity: 0.6;
  }
}
.product-list-wrap .section ul li .info {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-top: 16px;
}
.product-list-wrap .section ul li .info p {
  width: calc((100% - 10px) / 2);
  font-weight: var(--root-font-bold-weight);
  white-space: wrap;
  word-break: break-all;
}
.product-list-wrap .section ul li .info p + p {
  font-weight: var(--root-font-weight);
  text-align: right;
}
.product-list-wrap .section ul li .info + .list-product__info {
  margin-top: 7px;
  padding-top: 8px;
  border-top: 1px solid var(--root-color-11);
}
.product-list-wrap .section ul li .info02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid var(--root-color-11);
}
.product-list-wrap .section ul li .info02 p {
  font-size: var(--root-font-size-sm);
  color: #666;
}
.product-list-wrap .section ul li .info02 p + p {
  text-align: right;
  width: 50%;
}
.product-list-wrap .section ul li .info02 p + p span {
  color: var(--root-color-p2);
}
.product-list-wrap .section .list-product li .list-product__info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  font-size: var(--root-font-size-sm);
  color: var(--root-color-12);
}
.product-list-wrap .section .list-product li .list-product__info .list-product__date {
  flex-shrink: 0;
}
.product-list-wrap .section .list-product li .list-product__info .list-product__address {
  text-align: right;
  white-space: wrap;
  word-break: break-all;
}
.product-list-wrap .section .list-product li .list-product__info + .list-product__tag {
  margin-top: 8px;
}
.product-list-wrap .section .list-product li .list-product__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: 0;
  margin-right: 0;
}
.product-list-wrap .section .list-product li .list-product__tag li {
  display: flex;
  align-items: center;
  width: auto;
  height: 24px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid var(--root-color-9);
  border-radius: 24px;
  font-size: var(--root-font-size-sm);
}

/* 창고 생성 */
.box-gray {
  padding: 40px;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
  background-color: var(--root-color-13);
}
@media screen and (max-width : 768px) {
  .box-gray {
    padding: 30px;
  }
}
@media screen and (max-width : 480px) {
  .box-gray {
    padding: 20px;
  }
}
.box-gray + .box-explain {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .box-gray + .box-explain {
    margin-top: 25px;
  }
}

.box-profile {
  display: flex;
  gap: 30px;
}
@media screen and (max-width : 768px) {
  .box-profile {
    gap: 10px 15px;
    justify-content: space-between;
  }
  .box-profile .profile__name {
    width: 100%;
  }
}
@media screen and (max-width : 480px) {
  .box-profile {
    align-items: center;
    flex-direction: column;
  }
  .box-profile .profile__name {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
  }
  .box-profile .profile__name .profile__tit {
    width: 50px;
  }
  .box-profile .profile__name .wrap-form__input.type-flex {
    width: calc(100% - 55px);
  }
  .box-profile .profile__name .wrap-form__input + .txt-info {
    margin-top: 4px;
  }
  .box-profile .profile__name .txt-info {
    width: 100%;
  }
}

.profile__photo {
  width: 140px;
}
.profile__photo .profile__img {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
  background: #fff url(../img/common/default.svg) 50% 50% no-repeat;
}
.profile__photo .profile__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.profile__photo .profile__img + label {
  margin-top: 10px;
}
.profile__photo.type-1 {
  width: 100%;
}
.profile__photo.type-1 .wrap-form__file {
  width: 140px;
  margin-left: auto;
  margin-right: auto;
}
.profile__photo.type-1 .wrap-form__file + .profile__name {
  margin-top: 30px;
}

.profile__name .profile__tit {
  font-size: var(--root-font-size-lg);
  font-weight: 500;
}
.profile__name .profile__tit + .wrap-form__input {
  margin-top: 18px;
}
@media screen and (max-width : 480px) {
  .profile__name .profile__tit + .wrap-form__input {
    margin-top: 0;
  }
}
.profile__name .wrap-form__input input {
  width: 308px;
  border-radius: 4px;
}
@media screen and (max-width : 768px) {
  .profile__name .wrap-form__input input {
    width: 100%;
  }
}
.profile__name .wrap-form__input .btn-duplicate {
  height: 44px;
  transition: all 0.2s linear;
  padding-left: 20px;
  padding-right: 20px;
  border: 2px solid var(--root-color-7);
  border-radius: 4px;
  background-color: var(--root-color-7);
  font-size: var(--root-font-size-md);
  color: #fff;
}
@media screen and (max-width : 768px) {
  .profile__name .wrap-form__input .btn-duplicate {
    height: 36px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (hover: hover) {
  .profile__name .wrap-form__input .btn-duplicate:hover {
    background-color: #fff;
    color: var(--root-color-7);
  }
}
.profile__name .wrap-form__input + .txt-info {
  margin-top: 18px;
}
.profile__name.type-1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.profile__name.type-1 .profile__tit {
  flex-shrink: 0;
  font-size: var(--root-font-size-md);
}
.profile__name.type-1 .profile__tit + .wrap-form__input {
  margin-top: 0;
}
.profile__name + .txt-info {
  margin-top: 15px;
}

.box-explain .tit-cont + .inner-explain {
  margin-top: 25px;
}
@media screen and (max-width : 768px) {
  .box-explain .tit-cont + .inner-explain {
    margin-top: 7px;
  }
}
.box-explain .inner-explain + .inner-explain {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .box-explain .inner-explain + .inner-explain {
    margin-top: 18px;
  }
}
.box-explain .explain__tit {
  font-weight: 500;
  color: var(--root-color-7);
}
.box-explain .explain__tit + .explain__txt {
  margin-top: 5px;
}
.box-explain .explain__txt + .list-info {
  margin-top: 10px;
  margin-left: 25px;
}
@media screen and (max-width : 768px) {
  .box-explain .explain__txt + .list-info {
    margin-left: 10px;
    margin-top: 4px;
  }
}
.box-explain .explain__txt + .wrap-form__checkbox {
  margin-top: 25px;
}
@media screen and (max-width : 768px) {
  .box-explain .explain__txt + .wrap-form__checkbox {
    margin-top: 8px;
  }
}
.box-explain .list-info + .wrap-form__checkbox {
  margin-top: 22px;
}
@media screen and (max-width : 768px) {
  .box-explain .list-info + .wrap-form__checkbox {
    margin-top: 8px;
  }
}
.box-explain + .wrap-btn {
  margin-top: 40px;
}
@media screen and (max-width : 768px) {
  .box-explain + .wrap-btn {
    margin-top: 20px;
  }
}

.add-pop-wrap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1101;
  width: 100%;
  height: 100%;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
  overflow: hidden;
  overflow-y: auto;
}

.add-pop-swiper {
  position: relative;
  width: 800px;
  height: 928px;
  padding: 100px 0 50px;
}
@media screen and (max-width : 768px) {
  .add-pop-swiper {
    padding-top: 50px;
  }
}
.add-pop-swiper .inner-pop-swiper {
  overflow: hidden;
  position: relative;
}
.add-pop-swiper .swiper-wrapper {
  width: 100% !important;
  background: transparent;
}
.add-pop-swiper .swiper-slide {
  background-color: transparent;
}
.add-pop-swiper img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.add-pop-swiper .btn-layer-close {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 0;
  padding-top: 100px;
  border: none;
  background-color: transparent;
  text-indent: -9999px;
}
@media screen and (max-width : 768px) {
  .add-pop-swiper .btn-layer-close {
    width: 40px;
    padding-top: 40px;
  }
}
.add-pop-swiper .btn-layer-close::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  background: url(../img/common/icon_close_2.svg) no-repeat;
  background-size: contain;
  filter: brightness(255) invert(1);
  content: "";
}
@media screen and (max-width : 768px) {
  .add-pop-swiper .btn-layer-close::before {
    width: 26px;
    height: 26px;
  }
}
.add-pop-swiper .txt-num {
  display: flex;
  align-items: center;
  gap: 3px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100px;
  font-size: var(--root-font-size-xxlg);
  color: #fff;
  font-weight: 100;
}
.add-pop-swiper .txt-num .txt-num__cur {
  font-weight: 700;
}
@media screen and (max-width : 768px) {
  .add-pop-swiper .txt-num {
    height: 40px;
  }
}
.add-pop-swiper .swiper-button-next,
.add-pop-swiper .swiper-button-prev {
  overflow: hidden;
  width: 40px;
  height: 0;
  margin-top: 50px;
  padding-top: 40px;
  text-indent: -9999px;
}
.add-pop-swiper .swiper-button-next::after,
.add-pop-swiper .swiper-button-prev::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_arrow_4.svg) no-repeat;
  background-size: contain;
}
.add-pop-swiper .swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, -66px);
}
@media screen and (max-width : 768px) {
  .add-pop-swiper .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 0);
  }
}
.add-pop-swiper .swiper-button-next {
  right: var(--swiper-navigation-sides-offset, -66px);
}
.add-pop-swiper .swiper-button-next::after {
  transform: rotate(180deg) translate(50%, 50%);
}
@media screen and (max-width : 768px) {
  .add-pop-swiper .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 0);
  }
}

.product-detail-wrap .right-area {
  width: 54%;
  margin-left: 6%;
}
.product-detail-wrap .right-area .product-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px auto 20px;
}
@media screen and (max-width : 768px) {
  .product-detail-wrap .right-area .product-top {
    margin-top: 25px;
    margin-bottom: 12px;
    flex-wrap: wrap;
  }
  .product-detail-wrap .right-area .product-top .util {
    width: 100%;
    text-align: right;
  }
}
.product-detail-wrap .right-area .product-top .title {
  font-size: var(--root-font-size-pagetitle);
  font-weight: var(--root-font-bold-weight);
  word-break: break-all;
  width: calc(100% - 150px);
}
@media screen and (max-width : 768px) {
  .product-detail-wrap .right-area .product-top .title {
    width: 100%;
    font-size: var(--root-font-size-sxxlg);
  }
}
.product-detail-wrap .right-area .product-top .util button {
  display: inline-block;
  width: 36px;
  height: 33px;
  border: none;
  background: url(../img/common/ico-like-big.png) no-repeat 50% 50%;
  vertical-align: middle;
  background-size: cover;
}
.product-detail-wrap .right-area .product-top .util button.active {
  background-image: url(../img/common/ico-like-big-active.png);
}
.product-detail-wrap .right-area .product-top .util .clipboard {
  display: inline-block;
  min-width: 69px;
  min-height: 36px;
  margin-left: 16px;
  line-height: 36px;
  text-align: center;
  transition: all 0.2s linear;
  border: 1px solid var(--root-color-1);
  border-radius: 3px;
  vertical-align: middle;
}
@media (hover: hover) {
  .product-detail-wrap .right-area .product-top .util .clipboard:hover {
    background-color: var(--root-color-1);
    color: #fff;
  }
}
.product-detail-wrap .right-area .product-information dl dt {
  width: 22.5%;
  word-break: keep-all;
}
@media screen and (max-width : 768px) {
  .product-detail-wrap .right-area .product-information dl dt {
    width: 35%;
    padding-left: 5px;
  }
}
.product-detail-wrap .right-area .product-information dl dd {
  width: 77.5%;
}
@media screen and (max-width : 768px) {
  .product-detail-wrap .right-area .product-information dl dd {
    width: 65%;
  }
}
.product-detail-wrap .category-arr ul {
  display: flex;
}
.product-detail-wrap .category-arr li {
  position: relative;
  display: inline-block;
  padding-left: 11px;
  margin-left: 11px;
  line-height: 16px;
}
.product-detail-wrap .category-arr li::after {
  content: "";
  position: absolute;
  top: 4px;
  left: -6px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #322e2f;
  border-right: 1px solid #322e2f;
  transform: rotate(45deg);
}
.product-detail-wrap .category-arr li:first-child {
  margin: 0;
  padding: 0;
}
.product-detail-wrap .category-arr li:first-child::after {
  display: none;
}
.product-detail-wrap .left-area .category-arr {
  display: none;
}
.product-detail-wrap .product-option-wrap .product-option__inner {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 4px 10px;
  border: 1px solid var(--root-color-11);
  background: var(--root-color-13);
}
.product-detail-wrap .product-option-wrap .product-option__inner .wrap-form__select {
  width: 100%;
}
.product-detail-wrap .product-option-wrap .product-option__inner .wrap-form__select .wrap-form__select .wrap-add-dropdown .btn-dropdown {
  height: 46px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  background-color: #fff;
  font-size: var(--root-font-size-md);
  font-size: var(--root-color-1);
}
.product-detail-wrap .product-option-wrap .product-option__inner .button-dropdown {
  position: relative;
  display: block;
  width: calc(100% - 107px);
  max-height: 46px;
  padding: 10px 20px;
  border: 1px solid var(--root-color-11);
  border-radius: 3px;
  background: #fff;
}
@media (hover: hover) {
  .product-detail-wrap .product-option-wrap .product-option__inner > a:hover, .product-detail-wrap .product-option-wrap .product-option__inner > a.active {
    border-color: var(--root-color-1);
  }
}
.product-detail-wrap .product-option-wrap .product-option__inner > a::before {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  width: 12px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(180deg);
  transition: 0.3s;
}
.product-detail-wrap .product-option-wrap .product-option__inner > a.active::before {
  transform: rotate(0deg);
}
.product-detail-wrap .product-option-wrap .product-option__inner .product-option__btn {
  background: var(--root-color-p1);
  border: none;
  min-width: 107px;
  min-height: 46px;
  transition: all 0.2s linear;
  border-radius: 3px;
  color: #fff;
  font-size: var(--root-font-size-md);
  font-weight: var(--root-font-bold-weight);
}
@media screen and (max-width : 768px) {
  .product-detail-wrap .product-option-wrap .product-option__inner .product-option__btn {
    min-width: 50px;
    min-height: 36px;
  }
}
@media (hover: hover) {
  .product-detail-wrap .product-option-wrap .product-option__inner .product-option__btn:hover {
    border: 1px solid var(--root-color-p1);
    background-color: #fff;
    color: var(--root-color-p1);
  }
}
.product-detail-wrap .product-option-wrap ul li {
  border-bottom: 1px solid #dadada;
}
.product-detail-wrap .product-option-wrap ul li:last-child {
  border-bottom: none;
}
.product-detail-wrap .product-option-wrap ul li a {
  display: block;
  padding: 10px 20px;
}
@media (hover: hover) {
  .product-detail-wrap .product-option-wrap ul li a:hover {
    background: #fafafa;
  }
}

.product-information {
  border-top: 2px solid var(--root-color-1);
}
.product-information.type-1 {
  border-bottom: 1px solid var(--root-color-1);
}
.product-information.type-2 {
  border-bottom: 1px solid var(--root-color-11);
}
.product-information dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #dadada;
}
.product-information dl:last-child {
  border: none;
}
.product-information dl.consigm {
  background: #fafafa;
}
.product-information dl.consigm dd {
  color: var(--root-color-p1);
}
.product-information dl dt {
  width: 17.3%;
  padding: 16px 10px 16px 20px;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 768px) {
  .product-information dl dt {
    width: 20%;
    padding: 10px;
  }
}
@media screen and (max-width : 480px) {
  .product-information dl dt {
    width: 30%;
  }
}
.product-information dl dt.product-information__place {
  display: flex;
  align-items: center;
  gap: 2px;
  min-width: 140px;
}
@media screen and (max-width : 768px) {
  .product-information dl dt.product-information__place {
    min-width: 100px;
  }
}
.product-information dl dt.product-information__place::before {
  display: block;
  width: 18px;
  height: 24px;
  background: url(../img/common/icon_place_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .product-information dl dt.product-information__place::before {
    width: 12px;
    height: 12px;
    margin-top: 5px;
  }
}
.product-information dl dt.product-information__place + dd {
  max-width: calc(100% - 140px);
}
@media screen and (max-width : 768px) {
  .product-information dl dt.product-information__place + dd {
    max-width: calc(100% - 100px);
  }
}
.product-information dl dd {
  width: 82.7%;
  padding: 16px 10px;
}
@media screen and (max-width : 768px) {
  .product-information dl dd {
    width: 80%;
    padding: 8px 10px;
  }
}
@media screen and (max-width : 480px) {
  .product-information dl dd {
    width: 70%;
  }
}
.product-information dl dd ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 20px;
  line-height: 30px;
}
.product-information dl dd ul li + li {
  margin-top: 3px;
}
@media screen and (max-width : 768px) {
  .product-information dl dd ul li {
    flex-wrap: wrap;
    line-height: 20px;
  }
  .product-information dl dd ul li + li {
    margin-top: 5px;
  }
}
@media screen and (max-width : 480px) {
  .product-information dl dd ul li {
    letter-spacing: -0.8px;
  }
}
.product-information dl dd ul li .ing {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  padding-left: 20px;
  padding-right: 20px;
  border: 1px solid var(--root-color-10);
  color: var(--root-color-10);
  font-size: var(--root-font-size-sm);
  font-weight: var(--root-font-bold-weight);
  text-align: center;
  vertical-align: middle;
}
@media screen and (max-width : 768px) {
  .product-information dl dd ul li .ing {
    height: 24px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.product-information dl dd ul li:last-child {
  margin-bottom: 0;
}
@media screen and (max-width : 768px) {
  .product-information dl dd ul.list-product__img li {
    width: calc((100% - 40px) / 3);
    padding-top: calc((100% - 40px) / 3);
  }
}
@media screen and (max-width : 480px) {
  .product-information dl dd ul.list-product__img li {
    width: calc((100% - 20px) / 2);
    padding-top: calc((100% - 20px) / 2);
  }
}
.product-information .product-information__tit {
  display: flex;
  align-items: center;
  height: 56px;
  padding-left: 20px;
  font-size: var(--root-font-size-xlg);
  font-weight: 700;
}
@media screen and (max-width : 768px) {
  .product-information .product-information__tit {
    padding-left: 10px;
  }
}
.product-information .btn-report {
  height: 56px;
}
@media screen and (max-width : 768px) {
  .product-information .btn-report {
    height: 40px;
  }
}
.product-information .list-product__img li {
  margin: 0;
}
.product-information + .wrap-btn, .product-information + .align-right {
  margin-top: 40px;
}
@media screen and (max-width : 768px) {
  .product-information + .wrap-btn, .product-information + .align-right {
    margin-top: 20px;
  }
}
.product-information + .product-information {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .product-information + .product-information {
    margin-top: 30px;
  }
}
.product-information + .mid-title {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .product-information + .mid-title {
    margin-top: 25px;
  }
}

.list-product__img {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width : 480px) {
  .list-product__img {
    gap: 10px;
  }
}
.list-product__img li {
  overflow: hidden;
  position: relative;
  width: 150px;
  height: 0;
  padding-top: 150px;
}
.list-product__img li .img-zoom {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding: 100% 0 0;
  border-radius: 4px;
  box-shadow: 1px 1px 1px inset var(--root-color-11), -1px -1px 1px inset var(--root-color-11);
  border: none;
  background-color: transparent;
  text-indent: -9999px;
}
.list-product__img li .img-zoom::before {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: all 0.2s linear;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding-top: 32px;
  background: url(../img/common/icon_zoom_1.svg) 50% 35% no-repeat;
  background-size: 28px 28px;
  background-color: rgba(35, 31, 32, 0.85);
  color: #fff;
  text-align: center;
  pointer-events: none;
  text-indent: 0;
  content: "확대보기";
}
@media screen and (max-width : 768px) {
  .list-product__img li .img-zoom::before {
    padding-top: 0;
  }
}
@media (hover: hover) {
  .list-product__img li .img-zoom:hover::before {
    opacity: 1;
  }
}
.list-product__img li img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.link-report.type-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.link-report.type-right .btn-report {
  display: flex;
  align-items: center;
  gap: 4px;
  border: none;
  background-color: transparent;
  font-size: var(--root-font-size-md);
  color: var(--root-color-8);
}
.link-report.type-right .btn-report::before {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_report_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .link-report.type-right .btn-report::before {
    width: 20px;
    height: 20px;
  }
}

.box-quotation {
  position: relative;
  padding: 35px 60px 45px;
  border-top: 2px solid var(--root-color-1);
  border-bottom: 1px solid var(--root-color-11);
  background-color: var(--root-color-13);
  font-size: var(--root-font-size-md);
  line-height: 1.625;
  letter-spacing: -0.7px;
}
@media screen and (max-width : 768px) {
  .box-quotation {
    padding: 18px 30px;
  }
}
.box-quotation::before, .box-quotation::after {
  display: block;
  position: absolute;
  width: 52px;
  height: 43px;
  background: url(../img/common/icon_mark_1.png) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .box-quotation::before, .box-quotation::after {
    width: 26px;
    height: 22px;
  }
}
.box-quotation::before {
  top: 20px;
  left: 0;
}
.box-quotation::after {
  bottom: 20px;
  right: 0;
  transform: rotate(180deg);
}
.box-quotation + .box-info {
  margin-top: 30px;
}
.box-quotation + .box-info pre {
  white-space: pre-wrap;
}
@media screen and (max-width : 768px) {
  .box-quotation + .box-info {
    margin-top: 20px;
  }
}

.box-info {
  font-size: var(--root-font-size-md);
  line-height: 2.25;
}
.box-info.type-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.box-info + .box-tbl {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .box-info + .box-tbl {
    margin-top: 10px;
  }
}

.small-title {
  font-size: var(--root-font-size-xlg);
  font-weight: 500;
}

.review-list {
  border-top: 2px solid var(--root-color-1);
}
.review-list > ul > li {
  padding: 15px 20px;
  border-bottom: 1px solid var(--root-color-11);
}
.review-list .review-util {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
  margin-bottom: 11px;
}
@media screen and (max-width : 768px) {
  .review-list .review-util {
    margin-bottom: 4px;
  }
}
.review-list .review-util > div {
  display: flex;
  align-items: center;
}
.review-list .review-util > div .id-text {
  font-weight: var(--root-font-bold-weight);
}
.review-list .review-util > div .rating {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 19px;
  width: 102px;
  height: 24px;
  background: url(../img/common/star-rating-bg01.png) no-repeat 0 50%;
}
@media screen and (max-width : 768px) {
  .review-list .review-util > div .rating {
    width: 55px;
    height: 13px;
    margin-right: 10px;
    background-size: contain;
  }
}
.review-list .review-util > div .rating > span {
  display: block;
  width: 100%;
  height: 24px;
  background: url(../img/common/star-rating-bg02.png) no-repeat 0 50%;
}
@media screen and (max-width : 768px) {
  .review-list .review-util > div .rating > span {
    height: 13px;
    background-size: 55px 8px;
  }
}
.review-list.type-store {
  border-top: none;
}
.review-list.type-store .review-util > div {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width : 768px) {
  .review-list.type-store .review-util > div {
    gap: 5px;
  }
}
.review-list.type-store .review-util > div .photo-field {
  display: block;
  overflow: hidden;
  position: relative;
  width: 30px;
  height: 30px;
  border: 1px solid var(--root-color-11);
  border-radius: 100%;
  background: #fff url(../img/common/icon_store_1.svg) 50% 50% no-repeat;
  background-size: 20px 20px;
}
@media screen and (max-width : 768px) {
  .review-list.type-store .review-util > div .photo-field {
    width: 22px;
    height: 22px;
    background-size: 10px 10px;
  }
}
.review-list.type-store .review-util > div .photo-field img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.review-list.type-warehouse > ul > li {
  padding-left: 0;
  padding-right: 0;
}

.box-store {
  position: relative;
  padding: 17px 20px 20px 90px;
  border-top: 2px solid var(--root-color-1);
  background-color: var(--root-color-13);
}
@media screen and (max-width : 768px) {
  .box-store {
    padding: 10px 10px 10px 50px;
  }
}
.box-store .photo-field {
  display: block;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 21px;
  width: 49px;
  height: 49px;
  border-radius: 100%;
  border: 1px solid var(--root-color-11);
  background-color: #fff;
  transform: translateY(-50%);
}
@media screen and (max-width : 768px) {
  .box-store .photo-field {
    left: 10px;
    width: 30px;
    height: 30px;
  }
}
.box-store .photo-field::before {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_store_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
.box-store .photo-field img {
  display: block;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.box-store + .small-title {
  margin-top: 14px;
}
@media screen and (max-width : 768px) {
  .box-store + .small-title {
    margin-top: 8px;
  }
}
.box-store .box-store__tit {
  font-size: var(--root-font-size-lg);
  font-weight: 500;
}
.box-store .box-store__tit + .box-store__info {
  margin-top: 12px;
}
@media screen and (max-width : 768px) {
  .box-store .box-store__tit + .box-store__info {
    margin-top: 2px;
  }
}
.box-store .box-store__info {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: var(--root-font-size-md);
}
@media screen and (max-width : 768px) {
  .box-store .box-store__info {
    gap: 16px;
  }
}
.box-store .box-store__info p + p {
  position: relative;
}
.box-store .box-store__info p + p::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  width: 1px;
  height: 10px;
  background-color: var(--root-color-1);
  content: "";
}
@media screen and (max-width : 768px) {
  .box-store .box-store__info p + p::before {
    left: -8px;
    height: 8px;
  }
}
.box-store.type-1 {
  display: flex;
  align-items: center;
  gap: 20px;
  max-width: 1200px;
  min-height: 90px;
  margin-left: auto;
  margin-right: auto;
  border-top: none;
}
@media screen and (max-width : 768px) {
  .box-store.type-1 {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 3px 10px;
    padding-right: 137px;
  }
  .box-store.type-1 .box-store__info {
    gap: 10px;
  }
  .box-store.type-1 .box-store__info p + p::before {
    left: -5px;
  }
  .box-store.type-1 .btn-write,
  .box-store.type-1 .btn-square {
    position: absolute;
    top: 50%;
    right: 10px;
    padding-left: 20px;
    padding-right: 20px;
    transform: translateY(-50%);
  }
}
@media screen and (max-width : 480px) {
  .box-store.type-1 {
    padding-right: 105px;
  }
  .box-store.type-1 .btn-square {
    height: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.box-store.type-1 .box-store__tit + .box-store__info {
  margin-left: 20px;
  margin-top: 0;
}
@media screen and (max-width : 768px) {
  .box-store.type-1 .box-store__tit + .box-store__info {
    margin-left: 0;
  }
}
.box-store.type-1 .btn-write,
.box-store.type-1 .btn-square {
  margin-left: auto;
}
.box-store.type-1 .btn-write {
  margin-right: 20px;
}
@media screen and (max-width : 768px) {
  .box-store.type-1 .btn-write {
    margin-right: 0;
  }
}
.box-store + .inner-contents {
  margin-top: 80px;
}
@media screen and (max-width : 768px) {
  .box-store + .inner-contents {
    margin-top: 40px;
  }
}

.btn-write {
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
  background-color: transparent;
  font-weight: 500;
}
.btn-write::before {
  display: block;
  width: 24px;
  height: 24px;
  background: url(../img/common/icon_write_1.svg) no-repeat;
  background-size: contain;
  content: "";
}

.txt-highlight {
  color: var(--root-color-8);
  font-weight: 700;
}

[role=region] {
  display: none;
  overflow: hidden;
}
[role=region].is-active {
  display: block;
}

.list-report {
  padding-left: 30px;
  padding-right: 30px;
}
.list-report > li + li {
  border-top: 1px solid var(--root-color-11);
}
.list-report > li [aria-controls] {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  height: 76px;
  border: none;
  padding-top: 20px;
  padding-bottom: 20px;
  transition: all 0.2s linear;
  background-color: transparent;
  font-size: var(--root-font-size-md);
}
.list-report > li [aria-controls]::before {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 12px;
  height: 12px;
  transition: all 0.2s linear;
  background: url(../img/common/icon_arrow_3.svg) no-repeat;
  background-size: contain;
  content: "";
}
.list-report > li [aria-controls][aria-expanded=true] {
  height: 56px;
  padding-bottom: 0;
  font-weight: 500;
  color: var(--root-color-7);
}
.list-report > li [aria-controls][aria-expanded=true]::before {
  transform: rotate(180deg);
}
.list-report > li .list-info.type-underline {
  padding-left: 20px;
}
.list-report > li .wrap-form__textarea {
  margin-top: 10px;
}
.list-report > li .wrap-btn {
  margin: 20px 0;
}

.box-tbl {
  border-top: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .box-tbl {
    overflow-x: auto;
    overflow-y: hidden;
  }
}
@media screen and (max-width : 768px) {
  .box-tbl.type-notice colgroup col:nth-child(3) {
    width: 13% !important;
  }
  .box-tbl.type-notice colgroup col:nth-child(4) {
    width: 30% !important;
  }
}
@media screen and (max-width : 480px) {
  .box-tbl.type-notice colgroup col:nth-child(3) {
    width: 10% !important;
  }
  .box-tbl.type-notice colgroup col:nth-child(4) {
    width: 30% !important;
  }
}
.box-tbl table {
  position: relative;
  width: 100%;
}
.box-tbl table caption {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.box-tbl table thead th {
  padding: 15px 10px;
  font-size: var(--root-font-size-lg);
  font-weight: 500;
  line-height: 1.44;
  text-align: center;
  border-bottom: 1px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .box-tbl table thead th {
    white-space: nowrap;
  }
  .box-tbl table thead th.mo-size-15 {
    width: 15%;
  }
}
.box-tbl table thead.be-hidden {
  position: absolute;
  overflow: hidden;
  width: 0;
  height: 0;
}
.box-tbl table tbody td {
  padding: 15px 10px;
  border-bottom: 1px solid var(--root-color-11);
  font-size: var(--root-font-size-md);
  line-height: 1.625;
  text-align: center;
  word-break: keep-all;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 768px) {
  .box-tbl table tbody td {
    padding: 6px;
  }
}
.box-tbl table tbody td.td-link {
  padding-left: 45px;
  text-align: left;
}
@media screen and (max-width : 768px) {
  .box-tbl table tbody td.td-link {
    padding-left: 6px;
  }
}
.box-tbl table tbody td.td-link a {
  display: block;
  width: 100%;
  color: var(--root-color-1);
  word-break: break-all;
}
.box-tbl table tbody td .case-finish {
  color: var(--root-color-8);
}
.box-tbl table tbody td .case-promote {
  color: var(--root-color-8);
}
.box-tbl table tbody td .case-find {
  color: var(--root-color-16);
}
.box-tbl table tbody td .case-experience {
  color: var(--root-color-17);
}
.box-tbl table tbody td .case-poll {
  color: var(--root-color-18);
}
.box-tbl table tbody td .link-file {
  display: inline-block;
  overflow: hidden;
  width: 16px;
  height: 0;
  padding-top: 16px;
  background: url(../img/common/icon_file_2.svg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
.box-tbl table tbody td.td-line {
  border-left: 1px solid var(--root-color-11);
}
.box-tbl table tbody tr.type-notice {
  background-color: var(--form-bg-1);
}
@media screen and (max-width : 768px) {
  .box-tbl table .mobile-hide {
    display: none !important;
  }
}
.box-tbl.type-1 thead th {
  border-bottom-color: var(--root-color-11);
  font-size: var(--root-font-size-md);
}
.box-tbl.type-2 thead th {
  border-bottom-color: var(--root-color-11);
  background-color: var(--form-bg-1);
  font-size: var(--root-font-size-md);
}
.box-tbl.type-2 thead th + th {
  border-left: 1px solid var(--root-color-11);
}
.box-tbl.type-2 tbody td + td {
  border-left: 1px solid var(--root-color-11);
}

.box-detail .detail-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 13px 10px;
  justify-content: space-between;
  min-height: 56px;
  padding: 15px 40px;
  border-top: 2px solid var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .box-detail .detail-head {
    gap: 5px 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.box-detail .detail-head + .detail-content {
  border-top: 1px solid var(--root-color-1);
}
.box-detail .detail-head .detail-head__tit {
  font-weight: 500;
  font-size: var(--root-font-size-lg);
  letter-spacing: -0.75px;
  white-space: nowrap;
}
.box-detail .detail-head .detail-head__info {
  display: flex;
  align-items: center;
  gap: 32px;
}
.box-detail .detail-head .detail-head__info .detail-head__date {
  font-size: var(--root-font-size-md);
}
.box-detail .detail-head .detail-head__info .detail-head__date + .detail-head__name {
  position: relative;
}
.box-detail .detail-head .detail-head__info .detail-head__date + .detail-head__name::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  height: 12px;
  width: 1px;
  background-color: var(--root-color-1);
  content: "";
}
.box-detail .detail-head .detail-head__file {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  font-size: var(--root-font-size-md);
}
.box-detail .detail-content {
  padding: 40px;
  font-size: var(--root-font-size-md);
  line-height: 1.7;
  letter-spacing: -0.75px;
}
.box-detail .detail-content img {
  max-width: 100%;
  height: auto;
}
.box-detail .detail-content .img-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 55px 20px;
  margin: 15px 0;
}
.box-detail .detail-content .img-wrap.img4 .img {
  width: calc((100% - 60px) / 4);
}
.box-detail .detail-content .img-wrap.img4 .img a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
@media (hover: hover) {
  .box-detail .detail-content .img-wrap.img4 .img a:hover img {
    opacity: 0.6;
  }
}
.box-detail .detail-content .img-wrap.img4 .img a p {
  text-align: center;
}
@media screen and (max-width : 1024px) {
  .box-detail .detail-content .img-wrap {
    gap: 40px 20px;
  }
  .box-detail .detail-content .img-wrap.img4 .img {
    width: calc((100% - 60px) / 3);
  }
}
@media screen and (max-width : 640px) {
  .box-detail .detail-content .img-wrap {
    gap: 26px 20px;
  }
  .box-detail .detail-content .img-wrap.img4 .img {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width : 768px) {
  .box-detail .detail-content {
    padding: 20px;
  }
}
.box-detail .detail-relative {
  border-top: 1px solid var(--root-color-11);
  border-bottom: 1px solid var(--root-color-11);
}
.box-detail .detail-relative .detail-relative__prev,
.box-detail .detail-relative .detail-relative__next {
  padding-left: 40px;
  padding-right: 40px;
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-relative__prev,
  .box-detail .detail-relative .detail-relative__next {
    padding-left: 0;
    padding-right: 0;
  }
}
.box-detail .detail-relative .detail-relative__prev a,
.box-detail .detail-relative .detail-relative__next a {
  display: flex;
  align-items: center;
  gap: 20px;
  position: relative;
  height: 56px;
  padding-left: 120px;
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-relative__prev a,
  .box-detail .detail-relative .detail-relative__next a {
    gap: 15px;
    height: 40px;
    padding-left: 70px;
  }
}
.box-detail .detail-relative .detail-relative__prev a::before, .box-detail .detail-relative .detail-relative__prev a::after,
.box-detail .detail-relative .detail-relative__next a::before,
.box-detail .detail-relative .detail-relative__next a::after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--root-font-size-lg);
  font-weight: 700;
  content: "";
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-relative__prev a::before, .box-detail .detail-relative .detail-relative__prev a::after,
  .box-detail .detail-relative .detail-relative__next a::before,
  .box-detail .detail-relative .detail-relative__next a::after {
    font-size: var(--root-font-size-md);
  }
}
.box-detail .detail-relative .detail-relative__prev a::before,
.box-detail .detail-relative .detail-relative__next a::before {
  left: 0;
  width: 12px;
  height: 12px;
  background: url(../img/common/icon_arrow_3.svg) no-repeat;
  background-size: contain;
}
.box-detail .detail-relative .detail-relative__prev a::after,
.box-detail .detail-relative .detail-relative__next a::after {
  left: 24px;
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-relative__prev a .detail-ralative__tit,
  .box-detail .detail-relative .detail-relative__next a .detail-ralative__tit {
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 106px);
    white-space: nowrap;
  }
}
.box-detail .detail-relative .detail-relative__prev a .detail-relative__status,
.box-detail .detail-relative .detail-relative__next a .detail-relative__status {
  font-size: var(--root-font-size-md);
}
.box-detail .detail-relative .detail-relative__prev a .detail-relative__status strong,
.box-detail .detail-relative .detail-relative__next a .detail-relative__status strong {
  font-weight: 700;
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-relative__prev a .detail-relative__status,
  .box-detail .detail-relative .detail-relative__next a .detail-relative__status {
    flex-shrink: 0;
    width: 70px;
  }
}
.box-detail .detail-relative .detail-relative__prev a::after {
  content: "이전글";
}
.box-detail .detail-relative .detail-relative__prev + .detail-relative__next {
  border-top: 1px solid var(--root-color-11);
}
.box-detail .detail-relative .detail-relative__next a::before {
  transform: rotate(180deg) translateY(50%);
}
.box-detail .detail-relative .detail-relative__next a::after {
  content: "다음글";
}
.box-detail .detail-relative .detail-relative__next + .detail-relative__prev {
  border-top: 1px solid var(--root-color-11);
}
.box-detail .detail-relative .detail-relative__status {
  width: 70px;
}
.box-detail .detail-relative .detail-ralative__date {
  width: 86px;
  margin-left: auto;
  text-align: right;
  color: var(--root-color-9);
}
@media screen and (max-width : 768px) {
  .box-detail .detail-relative .detail-ralative__date {
    flex-shrink: 0;
  }
}
.box-detail + .wrap-btn {
  margin-top: 40px;
}

.list-detail__file {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media screen and (max-width : 768px) {
  .list-detail__file {
    flex-wrap: wrap;
  }
}
.list-detail__file li a,
.list-detail__file li button {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  transition: all 0.2s linear;
  padding: 5px 20px;
  border: 1px solid var(--root-color-1);
  border-radius: 4px;
  background-color: var(--root-color-1);
  font-size: var(--root-font-size-sm);
  font-weight: 500;
  color: #fff;
}
.list-detail__file li a::before,
.list-detail__file li button::before {
  display: block;
  width: 16px;
  height: 16px;
  transition: all 0.2s linear;
  background: url(../img/common/icon_file_2.svg) no-repeat;
  background-size: contain;
  filter: brightness(255) invert(1);
  content: "";
}
@media (hover: hover) {
  .list-detail__file li a:hover,
  .list-detail__file li button:hover {
    background-color: #fff;
    color: var(--root-color-1);
  }
  .list-detail__file li a:hover::before,
  .list-detail__file li button:hover::before {
    filter: brightness(0) invert(0);
  }
}

.box-post {
  padding: 30px 15px 0 30px;
}
.box-post .post__tit {
  font-weight: 500;
}
.box-post .post__tit + .post__txt {
  margin-top: 4px;
}
.box-post .post__txt + .post__evaluate {
  margin-top: 20px;
}

.post__evaluate {
  display: flex;
  align-items: center;
  gap: 18px;
  font-weight: 500;
}
.post__evaluate + .wrap-form__textarea {
  margin-top: 25px;
}

.list-evaluate {
  display: flex;
  align-items: center;
  gap: 4px;
}
.list-evaluate > li {
  flex-shrink: 0;
}
.list-evaluate label {
  display: block;
  position: relative;
}
.list-evaluate label input[type=radio] {
  appearance: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.list-evaluate label input[type=radio] + .txt-label {
  display: block;
  overflow: hidden;
  width: 18px;
  height: 0;
  padding-top: 18px;
  background: url(../img/common/icon_star_blank.svg) no-repeat;
  background-size: contain;
  text-indent: -9999px;
}
@media screen and (max-width : 768px) {
  .list-evaluate label input[type=radio] + .txt-label {
    width: 15px;
    padding-top: 15px;
  }
}
.list-evaluate label input[type=radio].is-active + .txt-label, .list-evaluate label input[type=radio]:checked + .txt-label {
  background-image: url(../img/common/icon_star_fill.svg);
}
.list-evaluate.type-1 label input[type=radio] + .txt-label {
  width: 20px;
  height: 20px;
}
@media screen and (max-width : 480px) {
  .list-evaluate.type-1 label input[type=radio] + .txt-label {
    width: 16px;
    height: 16px;
  }
}

.list-faq {
  border-top: 1px solid var(--root-color-11);
}
.list-faq.wrap-accordion {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .list-faq.wrap-accordion {
    margin-top: 30px;
  }
}
.list-faq .accordion__unit {
  border-bottom: 1px solid var(--root-color-11);
}
.list-faq .accordion__btn button {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 56px;
  padding: 10px 40px;
  border: none;
  background-color: transparent;
  font-size: var(--root-font-size-md);
  letter-spacing: -0.75px;
  text-align: left;
  color: var(--root-color-1);
}
@media screen and (max-width : 768px) {
  .list-faq .accordion__btn button {
    min-height: 40px;
    gap: 10px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width : 480px) {
  .list-faq .accordion__btn button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.list-faq .accordion__btn button::before {
  display: block;
  font-size: var(--root-font-size-lg);
  content: "Q.";
}
@media screen and (max-width : 768px) {
  .list-faq .accordion__btn button::before {
    align-self: flex-start;
  }
}
.list-faq .accordion__btn button::after {
  display: block;
  width: 12px;
  height: 12px;
  transition: all 0.2s linear;
  margin-left: auto;
  background: url(../img/common/icon_arrow_3.svg) no-repeat;
  background-size: contain;
  content: "";
}
.list-faq .accordion__btn button[aria-expanded=true] {
  font-weight: 500;
}
.list-faq .accordion__btn button[aria-expanded=true]::before {
  font-weight: 500;
}
.list-faq .accordion__btn button[aria-expanded=true]::after {
  transform: rotate(180deg);
}
.list-faq .accordion__inner {
  display: flex;
  gap: 20px;
  padding: 35px 80px;
  background-color: var(--root-color-13);
  line-height: 2.25;
  letter-spacing: -0.75px;
  word-break: break-all;
}
@media screen and (max-width : 768px) {
  .list-faq .accordion__inner {
    gap: 10px;
    padding: 20px 20px 20px 40px;
    line-height: 1.7;
  }
}
@media screen and (max-width : 480px) {
  .list-faq .accordion__inner {
    padding: 10px 10px 10px 30px;
  }
}
.list-faq .accordion__inner::before {
  display: block;
  font-size: var(--root-font-size-lg);
  font-weight: 500;
  content: "A.";
}

.list-privacy > li a {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
  height: 56px;
  padding: 10px 20px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  background-color: transparent;
  font-size: var(--root-font-size-md);
  letter-spacing: -0.75px;
}
.list-privacy > li a::after {
  display: block;
  width: 12px;
  height: 12px;
  transition: all 0.2s linear;
  margin-left: auto;
  background: url(../img/common/icon_arrow_3.svg) no-repeat;
  background-size: contain;
  content: "";
}
.list-privacy > li.is-active a {
  font-weight: 500;
}
.list-privacy > li.is-active a::before {
  font-weight: 500;
}
.list-privacy > li.is-active a::after {
  transform: rotate(180deg);
}
.list-privacy .accordion__inner {
  display: flex;
  gap: 20px;
  padding: 40px 0 0;
  line-height: 2.25;
  letter-spacing: -0.75px;
}

.wrap-rental-detail .rental-detail__inner .rental-detail__top {
  display: flex;
  align-items: center;
  gap: 10px;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 1024px) {
  .wrap-rental-detail .rental-detail__inner .rental-detail__top {
    flex-wrap: wrap;
  }
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status {
  display: flex;
  align-items: center;
  height: 46px;
  padding: 5px 38px;
  border-width: 2px;
  border-style: solid;
  font-weight: 500;
}
@media screen and (max-width : 768px) {
  .wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status {
    height: 40px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media screen and (max-width : 480px) {
  .wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-booking {
  border-color: var(--root-color-7);
  color: var(--root-color-7);
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-approval {
  border-color: var(--root-color-10);
  color: var(--root-color-10);
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-payment {
  border-color: var(--root-color-8);
  color: var(--root-color-8);
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-hold {
  border-color: var(--root-color-3);
  color: var(--root-color-3);
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-rental-cancel {
  border-color: var(--root-color-6);
  color: var(--root-color-6);
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status.type-finish {
  border-color: var(--root-color-1);
  background-color: var(--root-color-1);
  color: #fff;
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status + .rental-detail__date {
  margin-left: 10px;
}
@media screen and (max-width : 480px) {
  .wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__status + .rental-detail__date {
    margin-left: 0;
  }
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__date {
  font-weight: 500;
  letter-spacing: -0.75px;
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .rental-detail__date span {
  font-weight: 400;
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top .wrap-btn {
  margin-left: auto;
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top + .box-rental-detail {
  margin-top: 20px;
}
.wrap-rental-detail .rental-detail__inner .rental-detail__top + .tit-layer {
  margin-top: 15px;
}
.wrap-rental-detail .rental-detail__inner + .rental-detail__inner {
  margin-top: 60px;
}

.box-rental-detail {
  border-top: 2px solid var(--root-color-1);
  border-bottom: 1px solid var(--root-color-11);
}
@media screen and (max-width : 640px) {
  .box-rental-detail {
    border-bottom: 0;
  }
}
.box-rental-detail .rental-detail__unit {
  display: flex;
  align-items: center;
  border-left: 1px solid var(--root-color-11);
  border-right: 1px solid var(--root-color-11);
}
@media screen and (max-width : 640px) {
  .box-rental-detail .rental-detail__unit {
    flex-wrap: wrap;
    align-items: normal;
    border-top: 0 !important;
  }
}
@media screen and (max-width : 768px) {
  .box-rental-detail .rental-detail__unit {
    border-left: none;
    border-right: none;
  }
}
.box-rental-detail .rental-detail__unit + .rental-detail__unit {
  border-top: 1px solid var(--root-color-11);
}
@media screen and (max-width : 640px) {
  .box-rental-detail .rental-detail__unit:has(.rental-detail__cont.type-full) .rental-detail__tit {
    flex-grow: 1;
    min-height: auto !important;
    padding-bottom: 5px;
    border-bottom: 0;
  }
}
.box-rental-detail .rental-detail__tit,
.box-rental-detail .rental-detail__cont {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  min-height: 56px;
  padding: 10px 10px 10px 18px;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 768px) {
  .box-rental-detail .rental-detail__tit,
  .box-rental-detail .rental-detail__cont {
    padding-left: 10px;
  }
}
@media screen and (max-width : 480px) {
  .box-rental-detail .rental-detail__tit,
  .box-rental-detail .rental-detail__cont {
    min-height: unset;
    justify-content: space-between;
  }
}
.box-rental-detail .rental-detail__tit {
  width: 12.6%;
  min-width: 85px;
  font-weight: 700;
}
@media screen and (max-width : 640px) {
  .box-rental-detail .rental-detail__tit {
    width: 85px !important;
    border-left: 0 !important;
    border-bottom: 1px solid var(--root-color-11);
  }
}
.box-rental-detail .rental-detail__tit + .rental-detail__cont {
  border-left: 1px solid var(--root-color-11);
}
.box-rental-detail .rental-detail__cont {
  width: 20.6%;
  flex-grow: 1;
}
@media screen and (max-width : 640px) {
  .box-rental-detail .rental-detail__cont {
    width: calc(100% - 85px);
    border-bottom: 1px solid var(--root-color-11);
  }
}
.box-rental-detail .rental-detail__cont + .rental-detail__tit {
  border-left: 1px solid var(--root-color-11);
}
.box-rental-detail .rental-detail__cont.type-double {
  width: 53.9%;
}
.box-rental-detail .rental-detail__cont.type-full {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  width: 87.4%;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width : 768px) {
  .box-rental-detail .rental-detail__cont.type-full {
    padding-right: 0;
  }
}
@media screen and (max-width : 640px) {
  .box-rental-detail .rental-detail__cont.type-full {
    width: 100%;
    min-height: auto;
    padding-top: 5px;
    padding-bottom: 10px;
    border-left: 0 !important;
  }
}
.box-rental-detail .rental-detail__cont .rental-detail__name {
  font-weight: 700;
  letter-spacing: -0.75px;
}
.box-rental-detail.type-1 {
  border-top-color: var(--root-color-11);
  border-top-width: 1px;
}
.box-rental-detail.type-1 .rental-detail__tit,
.box-rental-detail.type-1 .rental-detail__cont {
  min-height: 46px;
  padding-right: 10px;
  font-size: var(--root-font-size-sm);
}
.box-rental-detail + .tit-layer {
  margin-top: 35px;
}
.box-rental-detail + .tit-cont {
  margin-top: 50px;
}

.tit-layer.type-1 {
  font-size: var(--root-font-size-md);
}
.tit-layer.type-1 + .box-rental-detail, .tit-layer.type-1 + .rental-product {
  margin-top: 15px;
}

.rental-detail__product {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 100%;
}
@media screen and (max-width : 1280px) {
  .rental-detail__product {
    flex-wrap: wrap;
  }
}
@media screen and (max-width : 768px) {
  .rental-detail__product {
    gap: 10px 15px;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product {
    gap: 10px;
  }
}
.rental-detail__product .rental-detail__img {
  flex-shrink: 0;
  overflow: hidden;
  width: 54px;
  height: 54px;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .rental-detail__product .rental-detail__img {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product .rental-detail__img {
    width: 40px;
    height: 40px;
  }
}
.rental-detail__product .rental-detail__img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.rental-detail__product .list-img__info {
  display: flex;
  align-items: center;
  height: 56px;
  margin-left: auto;
  padding: 10px 15px;
  background-color: var(--root-color-13);
}
@media screen and (max-width : 768px) {
  .rental-detail__product .list-img__info {
    width: 100%;
    justify-content: space-between;
    gap: 10px;
  }
}
.rental-detail__product .list-img__info > li {
  position: relative;
  width: 120px;
  text-align: center;
}
@media screen and (max-width : 768px) {
  .rental-detail__product .list-img__info > li {
    width: 100%;
  }
}
.rental-detail__product .list-img__info > li + li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 14px;
  transform: translateY(-50%);
  background-color: var(--root-color-11);
  content: "";
}
.rental-detail__product .rental-detail__name {
  font-weight: 700;
  letter-spacing: -0.75px;
}
.rental-detail__product .wrap-btn,
.rental-detail__product .wrap-star-review {
  margin-left: auto;
}
@media screen and (max-width : 480px) {
  .rental-detail__product .wrap-star-review {
    width: 100%;
  }
}
.rental-detail__product.type-1 .rental-detail__img {
  width: 80px;
  height: 80px;
}
@media screen and (max-width : 768px) {
  .rental-detail__product.type-1 .rental-detail__img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .rental-detail__img {
    width: 50px;
    height: 50px;
  }
}
.rental-detail__product.type-1 .rental-detail__name {
  flex-shrink: 0;
  width: 10%;
}
.rental-detail__product.type-1 .rental-detail__name a {
  word-break: break-all;
}
@media screen and (max-width : 1280px) {
  .rental-detail__product.type-1 .rental-detail__name {
    width: calc(63% - 140px);
  }
}
@media screen and (max-width : 768px) {
  .rental-detail__product.type-1 .rental-detail__name {
    width: calc(63% - 105px);
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .rental-detail__name {
    width: calc(80% - 80px);
  }
}
.rental-detail__product.type-1 .rental-detail__price {
  flex-shrink: 0;
  width: 7.5%;
}
@media screen and (max-width : 1280px) {
  .rental-detail__product.type-1 .rental-detail__price {
    width: 12%;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .rental-detail__price {
    width: 20%;
    text-align: right;
  }
}
.rental-detail__product.type-1 .rental-detail__date {
  flex-shrink: 0;
  width: 10%;
  text-align: center;
}
@media screen and (max-width : 1280px) {
  .rental-detail__product.type-1 .rental-detail__date {
    width: 25%;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .rental-detail__date {
    width: 100%;
    text-align: right;
  }
  .rental-detail__product.type-1 .rental-detail__date br {
    display: none;
  }
}
.rental-detail__product.type-1 .wrap-form__select {
  width: 160px;
}
@media screen and (max-width : 768px) {
  .rental-detail__product.type-1 .wrap-form__select {
    width: auto;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .wrap-form__select {
    width: 100%;
  }
  .rental-detail__product.type-1 .wrap-form__select .wrap-add-dropdown .btn-dropdown {
    white-space: nowrap;
  }
}
@media screen and (max-width : 768px) {
  .rental-detail__product.type-1 .wrap-btn {
    justify-content: flex-end;
    width: 100%;
    margin-left: 0;
  }
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .wrap-btn {
    justify-content: space-between;
  }
}
.rental-detail__product.type-1 .wrap-btn .btn-square {
  min-width: 0;
}
@media screen and (max-width : 480px) {
  .rental-detail__product.type-1 .wrap-btn .btn-square {
    flex-grow: 0;
    width: 70%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .rental-detail__product.type-1 .wrap-btn .btn-square[class*=type-color] {
    width: 100%;
  }
}

.rental-product {
  padding: 20px;
  border: 1px solid var(--root-color-11);
}
.rental-product .rental-detail__product {
  flex-direction: column;
  gap: 10px;
}
.rental-product .rental-detail__product .rental-detail__img {
  width: 44px;
  height: 44px;
}
.rental-product .rental-detail__inner {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.rental-product .rental-detail__inner .rental-detail__info {
  margin-left: auto;
  font-size: var(--root-font-size-sm);
}
.rental-product .list-img__info {
  justify-content: space-between;
  width: 100%;
}
.rental-product .list-img__info > li {
  width: 100%;
  font-size: var(--root-font-size-sm);
}
.rental-product + .rental-product {
  margin-top: 20px;
}
.rental-product + .wrap-payment {
  margin-top: 30px;
}

.list-review {
  border-top: 2px solid var(--root-color-1);
}
.list-review .rental-detail__product .rental-detail__img {
  width: 78px;
  height: 78px;
}
@media screen and (max-width : 768px) {
  .list-review .rental-detail__product .rental-detail__img {
    width: 40px;
    height: 40px;
  }
}
.list-review .rental-detail__product .rental-detail__name {
  font-size: var(--root-font-size-xlg);
  letter-spacing: -0.75px;
}
.list-review .rental-detail__product + .wrap-form__textarea {
  margin-top: 16px;
}
.list-review .wrap-form__textarea {
  padding-left: 100px;
}
@media screen and (max-width : 480px) {
  .list-review .wrap-form__textarea {
    padding-left: 0;
  }
  .list-review .wrap-form__textarea .tit-cont.color-1 {
    font-weight: 500;
    font-size: var(--root-font-size-lg);
    color: var(--root-color-1);
  }
}
.list-review .post__evaluate {
  font-size: var(--root-font-size-lg);
}
@media screen and (max-width : 480px) {
  .list-review .post__evaluate {
    display: flex;
    gap: 10px;
  }
  .list-review .post__evaluate p {
    width: 22%;
  }
}
.list-review .review__unit {
  padding: 20px;
  border-bottom: 1px solid var(--root-color-11);
}
.list-review .review__unit.type-1 {
  border-bottom: none;
}
@media screen and (max-width : 768px) {
  .list-review .review__unit {
    padding: 10px;
  }
}
.list-review.type-1 > li + li {
  margin-top: 20px;
  border-top: 1px solid var(--root-color-1);
}
.list-review.type-1 + .wrap-payment.type-1 {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .list-review.type-1 + .wrap-payment.type-1 {
    margin-top: 10px;
  }
}

.wrap-poll {
  padding: 35px 40px;
  background-color: var(--form-bg-1);
}
@media screen and (max-width : 768px) {
  .wrap-poll {
    padding: 20px;
  }
}
.wrap-poll .poll__tit {
  font-weight: 500;
}
.wrap-poll .poll__tit + .list-poll, .wrap-poll .poll__tit + .wrap-form__textarea {
  margin-top: 15px;
}
.wrap-poll .list-poll {
  margin-left: 40px;
}
@media screen and (max-width : 768px) {
  .wrap-poll .list-poll {
    margin-left: 0;
  }
}
.wrap-poll + .wrap-poll {
  margin-top: 20px;
}
.wrap-poll .wrap-form__textarea textarea {
  height: 80px;
  padding: 18px;
}
.wrap-poll + .wrap-btn {
  margin-top: 40px;
}

.list-poll {
  display: flex;
  align-items: center;
  gap: 75px;
}
@media screen and (max-width : 768px) {
  .list-poll {
    flex-wrap: wrap;
    gap: 20px 30px;
  }
}
@media screen and (max-width : 480px) {
  .list-poll {
    gap: 10px 20px;
  }
}
.list-poll label {
  display: block;
  position: relative;
}
.list-poll label input[type=radio] {
  appearance: none;
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
}
.list-poll label input[type=radio] + .txt-label {
  display: flex;
  align-items: center;
  gap: 12px;
  position: relative;
}
.list-poll label input[type=radio] + .txt-label::before, .list-poll label input[type=radio] + .txt-label::after {
  display: block;
  border-radius: 100%;
  transition: 0.2s linear;
  content: "";
}
.list-poll label input[type=radio] + .txt-label::before {
  width: 26px;
  height: 26px;
  border: 1px solid var(--root-color-11);
  background-color: #fff;
}
@media screen and (max-width : 768px) {
  .list-poll label input[type=radio] + .txt-label::before {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width : 480px) {
  .list-poll label input[type=radio] + .txt-label::before {
    width: 20px;
    height: 20px;
  }
}
.list-poll label input[type=radio] + .txt-label::after {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-color: #000;
}
@media screen and (max-width : 768px) {
  .list-poll label input[type=radio] + .txt-label::after {
    left: 5px;
  }
}
@media screen and (max-width : 480px) {
  .list-poll label input[type=radio] + .txt-label::after {
    left: 4px;
  }
}
.list-poll label input[type=radio]:checked + .txt-label::before {
  border-color: var(--root-color-1);
}
.list-poll label input[type=radio]:checked + .txt-label::after {
  opacity: 1;
}

.visual-txt.type-1 {
  margin-top: 52px;
  margin-bottom: 32px;
  font-size: var(--root-font-size-xxlg);
  font-weight: 700;
  color: var(--root-color-8);
  text-align: center;
}

.txt-status {
  font-weight: 700;
}
.txt-status.type-hold {
  color: var(--root-color-3);
}
.txt-status.type-request {
  color: var(--root-color-7);
}
.txt-status.type-confirm {
  color: var(--root-color-1);
}

.list-definition > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 56px;
  padding: 10px 0;
}
.list-definition > li + li {
  border-top: 1px solid var(--root-color-11);
}
.list-definition .definition__tit {
  flex-shrink: 0;
  width: 19.6%;
  font-weight: 500;
}
.list-definition .definition__txt {
  width: 100%;
}
.list-definition .definition__detail {
  overflow-x: hidden;
  overflow-y: auto;
  height: 210px;
  padding: 10px 20px;
  line-height: 1.8;
}
.list-definition .definition__detail::-webkit-scrollbar {
  width: 14px;
}
.list-definition .definition__detail::-webkit-scrollbar-track {
  background: #fff;
}
.list-definition .definition__detail::-webkit-scrollbar-thumb {
  background: var(--root-color-11);
  background-clip: padding-box;
  border: 4px solid transparent;
  border-radius: 10px;
}
.list-definition .wrap-form__textarea {
  width: 100%;
  margin-top: 10px;
}
.list-definition .wrap-form__textarea textarea {
  height: 230px;
  padding: 20px;
  line-height: 1.6;
}
.list-definition.type-1 {
  border-bottom: 1px solid var(--root-color-11);
}
.list-definition.type-1 .definition__tit {
  font-weight: 700;
}

.wrap-login {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width : 480px) {
  .wrap-login {
    width: 75%;
  }
}
.wrap-login .wrap-form__input label {
  position: relative;
  width: 100%;
  height: 56px;
  padding-left: 130px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
@media screen and (max-width : 480px) {
  .wrap-login .wrap-form__input label {
    height: 46px;
    padding-left: 100px;
  }
}
.wrap-login .wrap-form__input label input {
  width: 100%;
  height: 100%;
  border: none;
}
.wrap-login .wrap-form__input label input + .txt-label {
  display: flex;
  align-items: center;
  gap: 8px;
  position: absolute;
  top: 0;
  left: 20px;
  width: 120px;
  height: 100%;
  font-size: var(--root-font-size-md);
  color: var(--root-color-15);
}
@media screen and (max-width : 480px) {
  .wrap-login .wrap-form__input label input + .txt-label {
    left: 10px;
  }
}
.wrap-login .wrap-form__input label input + .txt-label::before {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.wrap-login .wrap-form__input label input + .txt-label.type-id::before {
  background-image: url(../img/common/icon_id_1.svg);
}
.wrap-login .wrap-form__input label input + .txt-label.type-password::before {
  background-image: url(../img/common/icon_pw_1.svg);
}
.wrap-login .wrap-form__input label + label {
  margin-top: 20px;
}
.wrap-login .wrap-form__input + .wrap-form__checkbox {
  margin-top: 20px;
}
@media screen and (max-width : 480px) {
  .wrap-login .wrap-form__input + .wrap-form__checkbox {
    margin-top: 10px;
  }
}
.wrap-login .wrap-form__checkbox + .btn-square {
  margin-top: 30px;
}
@media screen and (max-width : 480px) {
  .wrap-login .wrap-form__checkbox + .btn-square {
    margin-top: 20px;
  }
}
.wrap-login .btn-square {
  width: 100%;
}
.wrap-login .btn-square + .list-login-util {
  margin-top: 36px;
}
@media screen and (max-width : 480px) {
  .wrap-login .btn-square + .list-login-util {
    margin-top: 20px;
  }
}
.wrap-login .list-login-util {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width : 480px) {
  .wrap-login .list-login-util {
    justify-content: center;
  }
}
.wrap-login .list-login-util > li {
  position: relative;
}
.wrap-login .list-login-util > li button {
  display: block;
  border: none;
  background-color: transparent;
  padding: 0 16px;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 480px) {
  .wrap-login .list-login-util > li button {
    padding: 0 8px;
  }
}
.wrap-login .list-login-util > li + li::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1px;
  height: 10px;
  transform: translateY(-50%);
  background-color: var(--root-color-1);
  content: "";
}
.wrap-login .list-login-util > li + li:last-child button {
  padding-right: 0;
}

.wrap-regist {
  max-width: 740px;
  margin-left: auto;
  margin-right: auto;
}

.box-regist {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
.box-regist::before {
  display: block;
  width: 40px;
  height: 40px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .box-regist::before {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width : 480px) {
  .box-regist::before {
    width: 32px;
    height: 32px;
  }
}
.box-regist.type-personal::before {
  background-image: url(../img/common/icon_regist_1.svg);
}
.box-regist.type-group::before {
  width: 42px;
  background-image: url(../img/common/icon_regist_2.svg);
}

.list-regist-step {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  counter-reset: li;
}
@media screen and (max-width : 768px) {
  .list-regist-step {
    align-items: flex-start;
    gap: 10%;
  }
}
.list-regist-step > li {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: var(--root-font-size-xxlg);
  letter-spacing: -0.75px;
  color: #bbb;
  white-space: nowrap;
}
@media screen and (max-width : 1024px) {
  .list-regist-step > li {
    flex-direction: column;
  }
}
@media screen and (max-width : 768px) {
  .list-regist-step > li {
    width: 26.6666666667%;
    white-space: wrap;
    word-break: keep-all;
    text-align: center;
  }
}
@media screen and (max-width : 480px) {
  .list-regist-step > li {
    font-size: var(--root-font-size-lg);
  }
}
.list-regist-step > li::before {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background-color: var(--root-color-11);
  font-size: var(--root-font-size-xxlg);
  font-weight: 700;
  color: #fff;
  counter-increment: li;
  content: counter(li);
}
@media screen and (max-width : 768px) {
  .list-regist-step > li::before {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width : 480px) {
  .list-regist-step > li::before {
    width: 30px;
    height: 30px;
    font-size: var(--root-font-size-xlg);
  }
}
.list-regist-step > li.is-active {
  font-weight: 700;
  color: var(--root-color-20);
}
.list-regist-step > li.is-active::before {
  background-color: var(--root-color-20);
}
.list-regist-step > li + li {
  position: relative;
}
.list-regist-step > li + li::after {
  display: block;
  opacity: 0.15;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -65px;
  width: 40px;
  height: 40px;
  background: url(../img/common/icon_dot_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .list-regist-step > li + li::after {
    top: 3px;
    left: calc(-13.3333333333% - 20px);
    transform: none;
    width: 30px;
    height: 30px;
  }
}
.list-regist-step + .certification__tit, .list-regist-step + .box-certification {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .list-regist-step + .certification__tit, .list-regist-step + .box-certification {
    margin-top: 40px;
  }
}
@media screen and (max-width : 480px) {
  .list-regist-step + .certification__tit, .list-regist-step + .box-certification {
    margin-top: 30px;
  }
}
@media screen and (max-width : 768px) {
  .list-regist-step.size-4 {
    gap: 5%;
  }
  .list-regist-step.size-4 > li {
    width: 21.25%;
  }
  .list-regist-step.size-4 > li + li::after {
    left: calc(-10.625% - 15px);
  }
}

.box-certification {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 50px;
  border-radius: 4px;
  border: 1px solid var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .box-certification {
    width: 80%;
    padding: 36px;
  }
}
@media screen and (max-width : 480px) {
  .box-certification {
    width: 100%;
    padding: 30px 20px;
  }
}
.box-certification .certification__type {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 130px;
  height: 130px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100%;
  background-color: var(--form-bg-1);
  text-align: center;
}
@media screen and (max-width : 768px) {
  .box-certification .certification__type {
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width : 480px) {
  .box-certification .certification__type {
    width: 100px;
    height: 100px;
  }
}
.box-certification .certification__type::after {
  display: block;
  width: 60px;
  height: 60px;
  background: url(../img/common/icon_phone_1.svg) no-repeat;
  background-size: contain;
  content: "";
}
@media screen and (max-width : 768px) {
  .box-certification .certification__type::after {
    width: 50px;
    height: 50px;
  }
}
@media screen and (max-width : 768px) {
  .box-certification .certification__type::after {
    width: 30px;
    height: 30px;
  }
}
.box-certification .certification__type + .btn-square {
  margin-top: 40px;
}
@media screen and (max-width : 768px) {
  .box-certification .certification__type + .btn-square {
    margin-top: 30px;
  }
}
@media screen and (max-width : 480px) {
  .box-certification .certification__type + .btn-square {
    margin-top: 20px;
  }
}
.box-certification .btn-square + .list-info {
  margin-top: 35px;
}
.box-certification .list-info {
  width: 100%;
}
.box-certification .list-info > li + li {
  margin-top: 5px;
}
.box-certification.type-1 {
  border: none;
}

.certification__tit {
  font-size: var(--root-font-size-xlg);
  text-align: center;
}
.certification__tit + .certification__type {
  margin-top: 35px;
}
@media screen and (max-width : 768px) {
  .certification__tit + .certification__type {
    margin-top: 30px;
  }
}
@media screen and (max-width : 480px) {
  .certification__tit + .certification__type {
    margin-top: 20px;
  }
}
.certification__tit + .wrap-btn {
  margin-top: 70px;
}
@media screen and (max-width : 768px) {
  .certification__tit + .wrap-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width : 480px) {
  .certification__tit + .wrap-btn {
    margin-top: 30px;
  }
}

.area-tab.type-1 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.list-certification-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.list-certification-tab > li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.2s linear;
  width: 100%;
  height: 100px;
  font-size: var(--root-font-size-xxlg);
  color: var(--root-color-22);
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width : 768px) {
  .list-certification-tab > li {
    height: 80px;
  }
}
@media screen and (max-width : 480px) {
  .list-certification-tab > li {
    height: 70px;
  }
}
.list-certification-tab > li::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  transition: all 0.2s linear;
  background-color: var(--root-color-11);
  content: "";
}
@media screen and (max-width : 768px) {
  .list-certification-tab > li::after {
    height: 3px;
  }
}
@media screen and (max-width : 480px) {
  .list-certification-tab > li::after {
    height: 2px;
  }
}
.list-certification-tab > li.is-active {
  font-weight: 700;
  color: var(--root-color-20);
}
.list-certification-tab > li.is-active::after {
  background-color: var(--root-color-20);
}
.list-certification-tab + .tab-content {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .list-certification-tab + .tab-content {
    margin-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .list-certification-tab + .tab-content {
    margin-top: 30px;
  }
}

.wrap-certification-tab + .wrap-certification-tab {
  margin-top: 60px;
}

.list-introduce-1 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid var(--root-color-1);
}
.list-introduce-1 > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 600px;
  padding-left: 50%;
  border-bottom: 1px solid var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li {
    height: auto;
    padding-left: 0;
    gap: 30px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-1 > li {
    gap: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.list-introduce-1 > li::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  content: "";
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li::before {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-bottom: 20px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-1 > li::before {
    margin-bottom: 10px;
  }
}
.list-introduce-1 > li .introduce__tit {
  font-size: var(--root-font-size-xxxslg);
  font-weight: 100;
  text-align: center;
  line-height: 1.2;
  letter-spacing: -0.75px;
}
.list-introduce-1 > li .introduce__tit strong {
  font-size: var(--root-font-size-xxsslg);
}
.list-introduce-1 > li .introduce__tit + .introduce__txt {
  margin-top: 28px;
  letter-spacing: -0.75px;
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li .introduce__tit + .introduce__txt {
    margin-top: 0;
  }
}
.list-introduce-1 > li .introduce__txt {
  font-size: var(--root-font-size-xlg);
  line-height: 1.8;
  text-align: center;
}
.list-introduce-1 > li.case-1::before {
  background-image: url(../img/content/img_introduce_1_1.svg);
  width: 204px;
  height: 279px;
  margin-left: -402px;
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li.case-1::before {
    width: 161px;
    height: 220px;
    margin-left: 0;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-1 > li.case-1::before {
    width: 124px;
    height: 170px;
  }
}
.list-introduce-1 > li.case-2::before {
  background-image: url(../img/content/img_introduce_1_2.svg);
  width: 348px;
  height: 170px;
  margin-left: -474px;
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li.case-2::before {
    width: 245px;
    height: 120px;
    margin-left: 0;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-1 > li.case-2::before {
    width: 200px;
    height: 98px;
  }
}
.list-introduce-1 > li.case-3::before {
  background-image: url(../img/content/img_introduce_1_3.svg);
  width: 252px;
  height: 333px;
  margin-left: -426px;
}
@media screen and (max-width : 768px) {
  .list-introduce-1 > li.case-3::before {
    width: 200px;
    height: 264px;
    margin-left: 0;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-1 > li.case-3::before {
    width: 160px;
    height: 211px;
  }
}

.list-introduce-2 {
  display: flex;
  justify-content: space-between;
  gap: 4.1%;
}
@media screen and (max-width : 768px) {
  .list-introduce-2 {
    flex-direction: column;
  }
}
.list-introduce-2 > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  padding-top: 60px;
  text-align: center;
}
@media screen and (max-width : 768px) {
  .list-introduce-2 > li {
    gap: 30px;
    padding-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-2 > li {
    gap: 20px;
    padding-top: 30px;
  }
}
.list-introduce-2 > li .introduce__tit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 130px;
  height: 125px;
  font-size: var(--root-font-size-xxlg);
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width : 768px) {
  .list-introduce-2 > li .introduce__tit {
    width: 120px;
    height: 115px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-2 > li .introduce__tit {
    width: 100px;
    height: 97px;
  }
}
.list-introduce-2 > li .introduce__tit::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.list-introduce-2 > li .introduce__txt {
  font-size: var(--root-font-size-xlg);
  line-height: 1.8;
}
.list-introduce-2 > li.case-1 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_1.png);
}
.list-introduce-2 > li.case-2 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_2.png);
}
.list-introduce-2 > li.case-3 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_3.png);
}

.list-introduce-3 {
  border-top: 2px solid var(--root-color-1);
}
.list-introduce-3 > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 460px;
}
@media screen and (max-width : 768px) {
  .list-introduce-3 > li {
    flex-direction: column;
    gap: 50px;
    min-height: unset;
  }
}
.list-introduce-3 > li .introduce__unit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 20px 60px;
}
@media screen and (max-width : 768px) {
  .list-introduce-3 > li .introduce__unit {
    padding: 40px 30px 0;
  }
  .list-introduce-3 > li .introduce__unit + .introduce__unit {
    padding-top: 0;
    padding-bottom: 40px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-3 > li .introduce__unit {
    padding: 30px 20px 0;
  }
  .list-introduce-3 > li .introduce__unit + .introduce__unit {
    padding-top: 0;
    padding-bottom: 30px;
  }
}
.list-introduce-3 > li .introduce__unit.type-1 {
  align-items: flex-start;
}
.list-introduce-3 > li + li {
  border-top: 1px solid var(--root-color-11);
}
.list-introduce-3 > li .introduce__tit {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 127px;
  height: 122px;
  font-size: var(--root-font-size-xxlg);
  font-weight: 700;
  color: #fff;
}
@media screen and (max-width : 768px) {
  .list-introduce-3 > li .introduce__tit {
    width: 110px;
    height: 106px;
  }
}
@media screen and (max-width : 480px) {
  .list-introduce-3 > li .introduce__tit {
    width: 100px;
    height: 96px;
  }
}
.list-introduce-3 > li .introduce__tit::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.list-introduce-3 > li .introduce__tit + .introduce__txt {
  margin-top: 30px;
}
.list-introduce-3 > li .introduce__txt {
  font-size: var(--root-font-size-xlg);
  line-height: 1.8;
  font-weight: 500;
  text-align: center;
}
.list-introduce-3 > li .introduce__stit {
  padding-left: 8px;
  font-size: var(--root-font-size-lg);
  font-weight: 700;
  color: var(--root-color-7);
}
.list-introduce-3 > li .introduce__stit + .list-info {
  margin-top: 15px;
}
.list-introduce-3 > li .list-info + .introduce__stit {
  margin-top: 45px;
}
.list-introduce-3 > li.case-1 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_1.png);
}
.list-introduce-3 > li.case-2 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_2.png);
}
.list-introduce-3 > li.case-3 .introduce__tit::before {
  background-image: url(../img/content/img_introduce_2_3.png);
}

.mov-wrap {
  width: 80%;
  margin: 60px auto 0;
}
@media screen and (max-width : 768px) {
  .mov-wrap {
    width: 90%;
    margin-top: 50px;
  }
}
@media screen and (max-width : 480px) {
  .mov-wrap {
    margin-top: 30px;
  }
}
.mov-wrap iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

.area-map {
  position: relative;
  margin-bottom: 20px;
  height: 360px;
  background-color: var(--root-color-11);
}
@media screen and (max-width : 768px) {
  .area-map {
    height: 300px;
  }
}
@media screen and (max-width : 480px) {
  .area-map {
    height: 220px;
  }
}
.area-map + .box-warehouse-info {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .area-map + .box-warehouse-info {
    margin-top: 40px;
  }
}
@media screen and (max-width : 480px) {
  .area-map + .box-warehouse-info {
    margin-top: 30px;
  }
}

.warehouse-info .list-search-tab {
  margin-top: 80px;
}
@media screen and (max-width : 768px) {
  .warehouse-info .list-search-tab {
    margin-top: 30px;
  }
}
.warehouse-info .list-search-tab + .tab-content,
.warehouse-info .wrap-search-tab + .wrap-search-tab {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .warehouse-info .list-search-tab + .tab-content,
  .warehouse-info .wrap-search-tab + .wrap-search-tab {
    margin-top: 20px;
  }
}
.warehouse-info .warehouse-img img {
  width: 100%;
}
.warehouse-info .swiper-button-next,
.warehouse-info .swiper-button-prev {
  width: 60px;
  height: 60px;
  background: url("../img/common/icon_arrow_1_f.svg") center/24px rgba(0, 0, 0, 0.8) no-repeat;
}
.warehouse-info .swiper-button-next::after,
.warehouse-info .swiper-button-prev::after {
  content: none;
}
@media screen and (max-width : 768px) {
  .warehouse-info .swiper-button-next,
  .warehouse-info .swiper-button-prev {
    width: 30px;
    height: 30px;
    background-size: 16px;
  }
}
.warehouse-info .swiper-button-next {
  right: 0;
}
.warehouse-info .swiper-button-prev {
  left: 0;
  transform: rotate(180deg);
}

.warehouse-img-txt {
  margin: 30px 0 60px;
}
@media screen and (max-width : 768px) {
  .warehouse-img-txt {
    margin: 20px 0;
  }
}
.warehouse-img-txt li {
  margin-bottom: 20px;
  word-break: keep-all;
}
@media screen and (max-width : 768px) {
  .warehouse-img-txt li {
    margin-bottom: 10px;
  }
}
.warehouse-img-txt li::before {
  content: "·";
  display: inline-block;
  width: 10px;
}
.warehouse-img-txt li:last-child {
  margin-bottom: 0;
}

.box-warehouse-info {
  margin-top: 50px;
}
@media screen and (max-width : 768px) {
  .box-warehouse-info {
    margin-top: 20px;
  }
}
.box-warehouse-info .warehouse-info__tit {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--root-font-size-lg);
  font-weight: 700;
}
.box-warehouse-info .warehouse-info__tit::before {
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
.box-warehouse-info .warehouse-info__tit + .warehouse-info__txt {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .box-warehouse-info .warehouse-info__tit + .warehouse-info__txt {
    margin-top: 10px;
  }
}
.box-warehouse-info .warehouse-info__tit.case-warehouse::before {
  background-image: url(../img/common/icon_store_2.svg);
}
.box-warehouse-info .warehouse-info__tit.case-traffic::before {
  background-image: url(../img/common/icon_traffic_1.svg);
}
.box-warehouse-info .warehouse-info__tit.case-time::before {
  background-image: url(../img/common/icon_time_1.svg);
}
.box-warehouse-info .warehouse-info__tit.case-visit::before {
  background-image: url(../img/common/icon_notice_1.svg);
}
.box-warehouse-info .warehouse-info__tit.case-park::before {
  background-image: url(../img/common/icon_park_1.svg);
}
.box-warehouse-info .warehouse-info__txt.type-flex {
  display: flex;
  align-items: center;
  gap: 32px;
}
.box-warehouse-info .warehouse-info__txt.type-flex span + span {
  position: relative;
}
.box-warehouse-info .warehouse-info__txt.type-flex span + span::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -16px;
  transform: translateY(-50%);
  width: 1px;
  height: 12px;
  background-color: var(--root-color-1);
  content: "";
}
.box-warehouse-info .warehouse-info__txt + .warehouse-info__tit {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .box-warehouse-info .warehouse-info__txt + .warehouse-info__tit {
    margin-top: 30px;
  }
}
.box-warehouse-info .case-park + .warehouse-info__txt p:first-child {
  margin-bottom: 20px;
}
@media screen and (max-width : 768px) {
  .box-warehouse-info .case-park + .warehouse-info__txt p:first-child {
    margin-bottom: 10px;
  }
}

.box-restage {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 92px;
}
.box-restage p {
  overflow: hidden;
  width: 165px;
  height: 0;
  padding-top: 25px;
  background: url(../img/common/logo_1.png) no-repeat;
  background-size: contain;
  text-indent: -9999px;
  font-size: 0;
}

.box-square {
  padding: 30px;
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
}
.box-square .square__tit.type-1 {
  font-size: var(--root-font-size-xlg);
  font-weight: 700;
  color: var(--root-color-7);
}
.box-square .square__tit.type-2 {
  font-size: var(--root-font-size-lg);
  font-weight: 700;
}
.box-square .square__tit + .square__txt, .box-square .square__tit + .inner-square {
  margin-top: 15px;
}
.box-square .square__txt {
  line-height: 2.25;
}
.box-square .square__txt + .square__tit {
  margin-top: 30px;
}
.box-square .inner-square.type-1 {
  padding-left: 20px;
}
.box-square.type-scroll {
  padding: 30px 15px 0 30px;
}
@media screen and (max-width : 768px) {
  .box-square.type-scroll {
    padding: 10px 5px 0 10px;
  }
}
.box-square.type-scroll .area-scroll {
  max-height: 370px;
}
@media screen and (max-width : 768px) {
  .box-square.type-scroll .area-scroll {
    max-height: 135px;
  }
}
.box-square + .wrap-btn, .box-square + .wrap-flex {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .box-square + .wrap-btn, .box-square + .wrap-flex {
    margin-top: 30px;
  }
}

.tab--list li.is-active button {
  font-weight: 700;
  text-decoration: underline;
}

.area-policy .area-tab {
  display: flex;
  justify-content: space-between;
  gap: 60px;
  position: relative;
  margin-top: 40px;
}
@media screen and (max-width : 768px) {
  .area-policy .area-tab {
    flex-direction: column;
    gap: 30px;
    margin-top: 20px;
  }
}
.area-policy .area-tab::before {
  display: block;
  position: absolute;
  top: 0;
  left: 320px;
  width: 1px;
  height: 100%;
  background-color: var(--root-color-11);
  content: "";
}
@media screen and (max-width : 768px) {
  .area-policy .area-tab::before {
    display: none;
  }
}
.area-policy .area-tab .tab-policy {
  flex-direction: column;
  align-items: flex-start;
  flex-shrink: 0;
  width: 300px;
}
.area-policy .area-tab .tab-policy > li + li {
  margin-top: 28px;
}
@media screen and (max-width : 768px) {
  .area-policy .area-tab .tab-policy > li + li {
    margin-top: 10px;
  }
}
.area-policy .area-tab .tab-policy button {
  display: block;
  border: none;
  background-color: transparent;
  text-align: left;
  word-break: keep-all;
  letter-spacing: -0.075em;
}
.area-policy .area-tab.is-fixed {
  padding-left: 360px;
}
@media screen and (max-width : 768px) {
  .area-policy .area-tab.is-fixed {
    padding-left: 0;
  }
}
.area-policy .area-tab.is-fixed .tab-policy {
  position: fixed;
  left: 50%;
  top: 110px;
  width: 300px;
  margin-left: -600px;
}
@media screen and (max-width : 1280px) {
  .area-policy .area-tab.is-fixed .tab-policy {
    left: 20px;
    margin-left: 0;
  }
}
@media screen and (max-width : 768px) {
  .area-policy .area-tab.is-fixed .tab-policy {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
}

.accordion__btn + .area-policy {
  margin-top: 40px;
}

.wrap-list-dropdown {
  display: none;
  overflow: hidden;
  position: relative;
  z-index: 100;
  width: 100%;
  padding: 0;
  border: 1px solid var(--root-color-11);
  border-radius: 2px;
  background-color: #fff;
}
.wrap-list-dropdown.is-active {
  display: block;
}
.wrap-list-dropdown.direct-up {
  top: auto;
  bottom: 45px;
}

.list-dropdown {
  overflow-y: auto;
  max-height: 225px;
  margin: 0;
  padding: 0;
}
.list-dropdown > li button {
  display: flex;
  align-items: center;
  min-height: 45px;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  background-color: transparent;
  transition: all 0.2s linear;
  font-size: var(--root-font-size-sm);
  letter-spacing: -0.33px;
  line-height: 1.5;
  color: var(--root-color-1);
  font-weight: 400;
  text-align: left;
}
@media screen and (max-width : 768px) {
  .list-dropdown > li button {
    min-height: 36px;
  }
}
@media screen and (max-width : 480px) {
  .list-dropdown > li button {
    min-height: 32px;
  }
}
.list-dropdown > li button:hover {
  background-color: var(--form-bg-1);
  font-weight: 700;
}
.list-dropdown > li button[data-disabled] {
  color: var(--root-color-12);
  pointer-events: none;
}
.list-dropdown > li.is-selected button {
  color: var(--root-color-19);
  font-weight: 700;
}
.list-dropdown > li + li {
  border-top: 1px solid var(--root-color-11);
}
.list-dropdown::-webkit-scrollbar {
  width: 8px;
}
.list-dropdown::-webkit-scrollbar-track {
  background: #fff;
}
.list-dropdown::-webkit-scrollbar-thumb {
  background: var(--root-color-11);
  background-clip: padding-box;
  border: 2px solid transparent;
  border-radius: 8px;
}

.box-policy-inner {
  line-height: 1.6;
}
.box-policy-inner .tit-policy {
  font-weight: 700;
}
.box-policy-inner .tit-policy.type-1 {
  color: var(--root-color-7);
  font-size: var(--root-font-size-xlg);
}
.box-policy-inner .tit-policy.type-1 + .type-2 {
  margin-top: 20px;
  margin-left: 20px;
}
@media screen and (max-width : 768px) {
  .box-policy-inner .tit-policy.type-1 + .type-2 {
    margin-top: 10px;
    margin-left: 10px;
  }
}
.box-policy-inner .tit-policy.type-2 {
  margin-top: 30px;
  margin-left: 20px;
  font-size: var(--root-font-size-lg);
}
.box-policy-inner .tit-policy.type-3 {
  font-size: var(--root-font-size-xlg);
}
.box-policy-inner .tit-policy.type-3 + .type-1 {
  margin-top: 20px;
}
.box-policy-inner .tit-policy + .txt-policy, .box-policy-inner .tit-policy + .list-policy {
  margin-top: 20px;
}
@media screen and (max-width : 768px) {
  .box-policy-inner .tit-policy + .txt-policy, .box-policy-inner .tit-policy + .list-policy {
    margin-top: 10px;
  }
}
.box-policy-inner .txt-policy {
  margin-left: 20px;
}
.box-policy-inner .txt-policy.type-1 {
  margin-top: 20px;
}
.box-policy-inner .txt-policy + .tit-policy, .box-policy-inner .txt-policy + .list-policy {
  margin-top: 30px;
}
.box-policy-inner .txt-policy + .txt-policy {
  margin-top: 10px;
}
.box-policy-inner .list-policy {
  margin-left: 20px;
}
@media screen and (max-width : 768px) {
  .box-policy-inner .list-policy {
    margin-left: 10px;
  }
}
.box-policy-inner .list-policy > li + li {
  margin-top: 15px;
}
.box-policy-inner .list-policy.type-1 > li + li {
  margin-top: 3px;
}
.box-policy-inner .list-policy .list-policy {
  margin-top: 10px;
  margin-left: 10px;
}
.box-policy-inner .list-policy + .txt-policy, .box-policy-inner .list-policy + .box-tbl, .box-policy-inner .list-policy + .tit-policy {
  margin-top: 30px;
}
.box-policy-inner .list-policy + .txt-policy.type-3, .box-policy-inner .list-policy + .box-tbl.type-3, .box-policy-inner .list-policy + .tit-policy.type-3 {
  margin-top: 30px;
}
.box-policy-inner .box-tbl {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* 위탁하기 */
.wrap-cont-consignment .tit-cont {
  margin-top: 45px;
}
@media screen and (max-width : 768px) {
  .wrap-cont-consignment .tit-cont {
    margin-top: 20px;
  }
}
.wrap-cont-consignment .tit-cont.type-1 {
  font-size: var(--root-font-size-xlg);
  color: var(--root-color-7);
}
.wrap-cont-consignment .tit-cont.type-3 {
  font-size: var(--root-font-size-lg);
}
.wrap-cont-consignment .list-definition.type-1 .definition__tit {
  padding-left: 20px;
  width: 120px;
}
@media screen and (max-width : 768px) {
  .wrap-cont-consignment .list-definition.type-1 .definition__tit {
    width: 80px;
  }
}
.wrap-cont-consignment .wrap-flex {
  margin-top: 60px;
}
@media screen and (max-width : 768px) {
  .wrap-cont-consignment .wrap-flex {
    margin-top: 30px;
  }
}
.wrap-cont-consignment .wrap-flex .tit-cont {
  margin-top: 0;
}
.wrap-cont-consignment .list-info {
  margin-top: 10px;
}
.wrap-cont-consignment .wrap-agree {
  height: 400px;
}

/* 에러페이지 */
.wrap-error {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 100vh;
  padding: 20px 0;
}

.error-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0 20px;
  min-height: 500px;
}
.error-cont h1.logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.error-cont h1.logo::after {
  content: "";
  width: 68px;
  height: 68px;
  margin-top: 80px;
  background: url(../img/common/ico-error.png) no-repeat 0 0;
}
@media screen and (max-width : 768px) {
  .error-cont h1.logo::after {
    margin-top: 40px;
  }
}
.error-cont .page-title {
  word-break: keep-all;
}
.error-cont p {
  margin-top: 25px;
  font-size: var(--root-font-size-xxlg);
  letter-spacing: -0.075em;
  text-align: center;
  word-break: keep-all;
}
.error-cont .wrap-btn {
  margin: 70px 0 0;
}
@media screen and (max-width : 768px) {
  .error-cont .wrap-btn {
    margin-top: 30px;
  }
}
@media screen and (max-width : 380px) {
  .error-cont .wrap-btn {
    gap: 0;
    justify-content: space-between;
  }
  .error-cont .wrap-btn .btn-square {
    max-width: 48%;
    min-width: 48%;
    padding: 0 15px;
  }
}

.no-result {
  padding: 15px 10px;
  border-top: 2px solid var(--root-color-1);
  border-bottom: 1px solid var(--root-color-11);
  font-size: var(--root-font-size-md);
  font-weight: 400;
  text-align: center;
}

.show-pc {
  display: flex !important;
}
@media screen and (max-width : 768px) {
  .show-pc {
    display: none !important;
  }
}

.show-mobile {
  display: none !important;
}
@media screen and (max-width : 768px) {
  .show-mobile {
    display: flex !important;
  }
}

/* 물품등록 select box mobile */
.select-category .category-select-wrap {
  width: 100%;
  display: none;
  justify-content: space-between;
}
.select-category .category-select-wrap .wrap-form__select {
  width: calc(33% - 5px);
  font-size: var(--body-font-size);
  border: 1px solid var(--root-color-11);
  border-radius: 4px;
  overflow: hidden;
}
.select-category .category-select-wrap select {
  width: 100%;
  padding: 0 10px;
}
@media screen and (max-width : 768px) {
  .select-category {
    width: 100% !important;
  }
  .select-category .wrap-form__multi {
    display: none !important;
  }
  .select-category .category-select-wrap {
    display: flex !important;
  }
  .select-category .category-select-wrap .wrap-form__select .btn-dropdown {
    height: 36px;
    line-height: 36px;
    padding-left: 10px;
    font-size: var(--root-font-size-md);
  }
}

.swiper-outer.area-main-special {
  position: relative;
  margin-block: clamp(20px, 4vw, 40px) !important;
  padding-inline: 40px;
}
@media screen and (max-width : 768px) {
  .swiper-outer.area-main-special {
    padding-inline: 30px;
  }
}

.coop-swiper.swiper .swiper-wrapper {
  align-items: center;
}
.coop-swiper.swiper .swiper-slide {
  inline-size: auto;
  text-align: center;
  padding-inline: clamp(10px, 1.5vw, 30px);
}
.coop-swiper.swiper img {
  max-inline-size: 7.5rem;
  max-block-size: 3.125rem;
}
@media screen and (max-width : 768px) {
  .coop-swiper.swiper img {
    max-inline-size: 100%;
  }
}

.swiper-outer:has([class*=swiper-button-][class*=-lock]) .swiper-wrapper {
  justify-content: center;
}

.coop-swiper.swiper-button-prev,
.coop-swiper.swiper-button-next {
  width: 40px;
  height: auto;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #f9f9f9;
}
@media screen and (max-width : 768px) {
  .coop-swiper.swiper-button-prev,
  .coop-swiper.swiper-button-next {
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
  }
}
.coop-swiper.swiper-button-prev::after,
.coop-swiper.swiper-button-next::after {
  content: "";
  position: absolute;
  inset-block-start: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  inline-size: 20px;
  block-size: 20px;
  background: url(../img/common/icon_arrow_1.svg) no-repeat;
  background-size: contain;
}

.coop-swiper.swiper-button-prev {
  left: 0;
}
.coop-swiper.swiper-button-prev::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.coop-swiper.swiper-button-next {
  right: 0;
}

.coop-list {
  --_min: 220px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--_min)), 1fr));
  border-block-start: 2px solid var(--root-color-1);
}
.coop-list::after {
  content: "";
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  inline-size: 100%;
  border-block-end: 1px solid var(--root-color-11);
}
.coop-list .item {
  display: grid;
  place-items: center;
  padding-block: min(40px, 5vw);
  border-block-end: 1px solid var(--root-color-11);
}
.coop-list img {
  max-inline-size: 100%;
  max-block-size: 6.25rem;
}

.box-certification:has(.company-info) {
  padding: 30px;
  word-break: keep-all;
}
@media screen and (max-width : 768px) {
  .box-certification:has(.company-info) {
    width: 100%;
    padding: 20px;
  }
  .box-certification:has(.company-info) .list-info.type-dot > li {
    padding-left: 14px;
  }
  .box-certification:has(.company-info) .list-info.type-num-1 > li::before {
    width: 15px;
    min-width: 15px;
    height: 15px;
  }
  .box-certification:has(.company-info) .list-info.type-num-1 > li::after {
    top: 4px;
    left: 2px;
    font-size: var(--root-font-size-sm);
  }
}

.company-info {
  margin: 20px 0 5px;
  text-align: left;
  width: 100%;
}

.wrap-form__uploadFile {
  align-items: flex-start !important;
}
.wrap-form__uploadFile .file-list .txt-info {
  height: 30px;
  line-height: 30px;
}
.wrap-form__uploadFile .file-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.wrap-form__uploadFile .btn-file-del {
  width: 16px;
  height: 16px;
  background: url(../img/common/icon_close_2.svg) 50% 50% no-repeat;
  border-radius: 16px;
  border: 1px solid var(--root-color-1);
  background-size: 12px 12px;
  text-indent: -9999px;
}

@media screen and (max-width : 1024px) {
  .list-util__unit.login {
    width: 100%;
    border-bottom: 1px solid var(--root-color-1);
  }
  .list-util__unit.login > a {
    width: auto;
    min-width: auto;
    padding-left: 20px;
  }
  .list-util__unit.login > a > span {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: 58px;
    text-indent: 0;
  }
  .list-util__unit.login > a > span::before {
    position: relative;
    top: auto;
    left: auto;
    width: 18px;
    height: 18px;
    background-image: url(../img/common/icon_login_1.svg);
  }
  .list-util__unit .list-util__unit.mypage {
    display: none;
  }
  .list-util .list-util__unit.basket, .list-util .list-util__unit.notification, .list-util .list-util__unit.mail {
    display: none;
  }
  .total-search-form .inner-wrap {
    display: block;
    min-height: auto;
  }
  .total-search-form .inner-wrap .search-logo {
    position: relative;
    top: auto;
    left: auto;
    margin: 30px auto 80px;
    text-align: center;
  }
  .total-search-form .search-close a {
    top: -8px;
  }
  .total-search-form .inner .select-wrap,
  .total-search-form .inner .input-wrap {
    height: 44px;
  }
  .total-search-form .inner select,
  .total-search-form .inner .input-wrap input[type=text],
  .total-search-form .inner .input-wrap button {
    height: 42px;
  }
  .total-search-form .inner .input-wrap button::before {
    top: 6px;
  }
  .total-search-form .keyword-wrap p {
    padding: 38px 0 40px 0;
  }
  /* 대여하기 */
  .product-search-form .inner select,
  .product-search-form .inner .input-wrap input[type=text],
  .product-search-form .inner .input-wrap button,
  .product-search-form .inner .detail-select-wrap a,
  .product-search-form .inner .detail-select-wrap button {
    height: 42px;
    line-height: 42px;
  }
  .product-list-wrap .section ul {
    gap: 40px 20px;
  }
  .product-list-wrap .section ul li {
    width: calc((100% - 60px) / 3);
  }
  .product-list-wrap .product-information dl dt {
    width: 100px;
  }
  .info-list dl dt {
    width: 100px;
  }
}
@media screen and (max-width : 768px) {
  .btn-more {
    font-size: var(--root-font-size-md);
  }
  .btn-square {
    height: 38px;
    padding: 5px 20px;
  }
  .btn-square.type-line-1 {
    border: 2px solid var(--root-color-1);
  }
  .btn-square.type-line-1.case-del {
    gap: 4px;
    height: 36px;
    padding-left: 6px;
    padding-right: 10px;
  }
  .btn-square.type-line-1.case-del::before {
    width: 18px;
    height: 18px;
  }
  .btn-square.size-2 {
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .btn-square.size-3 {
    height: 56px;
    padding-left: 30px;
    padding-right: 30px;
  }
  .btn-square.size-4 {
    height: 40px;
  }
  .btn-square.type-add {
    gap: 4px;
    padding-left: 15px;
  }
  .btn-square.type-add::before {
    width: 20px;
    height: 20px;
  }
  .btn-square.type-arrow {
    justify-content: space-between;
    min-width: 37.5vw;
    padding-left: 15px;
    padding-right: 12px;
  }
  .btn-square.type-arrow::after {
    width: 18px;
    height: 18px;
  }
  .btn-square.type-print {
    gap: 4px;
  }
  .btn-square.type-print::before {
    width: 18px;
    height: 18px;
  }
  .total-search-form .inner-wrap {
    display: block;
    min-height: auto;
  }
  .total-search-form .inner-wrap .search-logo {
    position: relative;
    top: auto;
    left: auto;
    margin: 30px auto 80px;
    text-align: center;
  }
  .total-search-form .search-close a {
    top: -8px;
  }
  .total-search-form .inner .select-wrap,
  .total-search-form .inner .input-wrap {
    height: 44px;
  }
  .total-search-form .inner select,
  .total-search-form .inner .input-wrap input[type=text],
  .total-search-form .inner .input-wrap button {
    height: 42px;
  }
  .total-search-form .inner .input-wrap button::before {
    top: 6px;
  }
  .total-search-form .keyword-wrap p {
    padding: 38px 0 40px 0;
  }
  /* 대여하기 */
  .product-search-form .inner select,
  .product-search-form .inner .input-wrap input[type=text],
  .product-search-form .inner .input-wrap button,
  .product-search-form .inner .detail-select-wrap a,
  .product-search-form .inner .detail-select-wrap button {
    height: 40px;
    line-height: 40px;
  }
  .product-search-form .inner .detail-select-wrap a::before,
  .product-search-form .inner .detail-select-wrap button::before {
    width: 18px;
    height: 18px;
  }
  .product-search-form .inner .input-wrap button {
    flex-shrink: 0;
    width: 40px;
  }
  .product-search-form .inner .input-wrap button::before {
    width: 24px;
    height: 24px;
  }
  .product-list-wrap .product-information dl dt {
    width: 100px;
  }
  .info-list dl dt {
    width: 100px;
  }
  /* 대여하기 */
  .product-search-form .keyword-wrap ul {
    gap: 6px;
  }
  .product-search-form .keyword-wrap a {
    padding: 2px 14px;
  }
  .product-search-form .check-group.chk-default .check-label .check {
    width: 30px;
    height: 30px;
    background-size: cover;
  }
  .product-search-form .detail-search-wrap .detail-search-section dl {
    margin-bottom: 20px;
  }
  .product-search-form .select-group select {
    height: 32px;
  }
  .product-search-form + .inner-contents {
    margin-top: 30px;
  }
  .detail-search-wrap .detail-search-section dl dt {
    line-height: 32px;
  }
  .detail-search-wrap .detail-search-section dl:nth-child(1) dt {
    margin-top: 0;
  }
  .product-list-wrap .list-info .sort-type ul {
    gap: 16px;
  }
  .product-list-wrap .list-info .sort-type li + li::after {
    left: -8px;
    height: 10px;
  }
  .product-detail-wrap {
    flex-wrap: wrap;
  }
  .product-detail-wrap .left-area {
    width: 100%;
    max-width: none;
  }
  .product-detail-wrap .left-area .thumb-slider {
    display: none;
  }
  .product-detail-wrap .left-area .category-arr {
    display: block;
    margin-bottom: 10px;
  }
  .product-detail-wrap .left-area .gallery-slider .swiper-button-next,
  .product-detail-wrap .left-area .gallery-slider .swiper-button-prev {
    display: block;
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    background-color: #fff;
    background-position: center;
    left: 0;
  }
  .product-detail-wrap .left-area .gallery-slider .swiper-button-next {
    left: auto;
    right: 0;
    transform: rotate(180deg);
  }
  .product-detail-wrap .left-area .gallery-slider .swiper-button-next::after,
  .product-detail-wrap .left-area .gallery-slider .swiper-button-prev::after {
    display: none;
  }
  .product-detail-wrap .right-area {
    width: 100%;
    margin: 0;
  }
  .product-detail-wrap .right-area .category-arr {
    display: none;
  }
  .product-detail-wrap .right-area .product-top .util button {
    width: 26px;
    height: 23px;
  }
  .product-detail-wrap .right-area .product-top .util .clipboard {
    min-height: 30px;
    line-height: 30px;
  }
  .product-detail-wrap .product-option-wrap .product-option__inner {
    padding: 4px;
  }
  .list-util__unit.login {
    width: 100%;
    border-bottom: 1px solid var(--root-color-1);
  }
  .list-util__unit.login > a {
    width: auto;
    min-width: auto;
    padding-left: 20px;
  }
  .list-util__unit.login > a > span {
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    height: 58px;
    text-indent: 0;
  }
  .list-util__unit.login > a > span::before {
    position: relative;
    top: auto;
    left: auto;
    width: 18px;
    height: 18px;
    background-image: url(../img/common/icon_login_1.svg);
  }
  .list-util__unit .list-util__unit.mypage {
    display: none;
  }
  .list-util .list-util__unit.basket, .list-util .list-util__unit.notification, .list-util .list-util__unit.mail {
    display: none;
  }
  .list-search-tab li {
    height: 41px;
  }
  .product-list-wrap .section .list-product li a .tag,
  .product-list-wrap .section ul li a .tag {
    min-width: 43px;
    min-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .pagination {
    margin-top: 30px;
  }
  .detail-search-wrap .btn-area {
    margin-top: 20px;
    margin-bottom: 30px;
  }
  .wrap-form__checkbox label input[type=checkbox] + .txt-label {
    gap: 6px;
  }
  .wrap-form__checkbox label input[type=checkbox] + .txt-label::before {
    width: 18px;
    height: 18px;
    border-radius: 2px;
  }
  .wrap-form__checkbox.type-img label input[type=checkbox] + .txt-label {
    gap: 6px;
  }
  .wrap-form__checkbox.type-img label input[type=checkbox] + .txt-label .label__img {
    width: 40px;
    height: 40px;
  }
  .wrap-form__checkbox.type-light label input[type=checkbox] + .txt-label {
    font-weight: 400;
  }
  .wrap-payment {
    padding: 20px;
  }
  .wrap-payment .payment-info + .payment-info {
    margin-top: 10px;
  }
  .wrap-payment .payment-info + .payment-total {
    margin-top: 16px;
    padding-top: 8px;
  }
  .wrap-payment .payment-total + .btn-payment {
    margin-top: 18px;
  }
  .wrap-payment .btn-payment {
    text-align: center;
  }
  .wrap-payment .btn-payment button {
    width: auto;
    height: 46px;
  }
  .wrap-payment + .txt-info {
    margin-top: 8px;
  }
  .product-option-selected .section.type-1 {
    gap: 10px;
    min-height: 36px;
  }
  .product-option-selected .section.type-1 .product-option-selected__size + .product-option-selected__num {
    margin-left: 2px;
  }
  .product-option-selected .section.type-1 .option-control .wrap-quantity {
    width: 80px;
    height: 26px;
  }
  .product-option-selected .section.type-1 .option-control .wrap-quantity button {
    width: 26px;
    height: 26px;
  }
  .product-option-selected .section.type-1 .option-control .wrap-quantity input[type=number] {
    width: 26px;
    height: 24px;
  }
  .product-option-selected .section.type-1 .option-control + .product-option-selected__day {
    margin-left: 8px;
  }
  .product-option-selected .section.type-1 .product-option-selected__day + .product-option-selected__price {
    margin-left: 8px;
    padding-right: 10px;
  }
  .product-option-selected .section.type-1 .product-option-selected__del {
    width: 28px;
  }
  .product-option-selected .section.type-1 .product-option-selected__del button {
    background-image: none;
  }
  .product-option-selected .section.type-1 .product-option-selected__del button::before {
    width: 16px;
    height: 16px;
  }
  .product-option-selected.type-disabled {
    opacity: 0.3;
    pointer-events: none;
  }
  .product-option-selected + .product-option-selected, .product-option-selected + .txt-alert {
    margin-top: 10px;
  }
  font[size="4"] {
    font-size: var(--root-font-size-xlg);
  }
  font[size="3"] {
    font-size: var(--root-font-size-lg);
  }
  .product-option-selected .section .name {
    display: flex;
    align-items: center;
    min-height: 32px;
    padding: 5px 10px;
  }
  .product-option-selected .section .name span {
    margin-right: 10px;
  }
  .product-option-selected .section .name span:last-child {
    margin-right: 0;
  }
}
@media screen and (max-width : 640px) {
  /* 대여하기 */
  .product-list-wrap .section ul {
    gap: 26px 20px;
  }
  .product-list-wrap .section ul li {
    width: calc((100% - 20px) / 2);
  }
  .product-list-wrap .section ul li a .tag {
    min-width: 48px;
    min-height: 29px;
  }
  .product-list-wrap .section .list-info .sort-type li {
    margin-left: 10px;
    padding-left: 10px;
  }
  .product-list-wrap .section .list-info .sort-type li::after {
    height: 11px;
    top: 8px;
  }
  .product-search-form .inner .detail-select-wrap {
    margin: 10px auto 0;
  }
  .product-search-form .detail-search-section {
    margin-top: 20px;
  }
  .product-search-form .keyword-wrap {
    margin-top: 20px;
  }
  .product-search-form .check-group.chk-default {
    gap: 10px 25px;
  }
  .detail-search-wrap .detail-search-section dl {
    justify-content: space-between;
    gap: 10px;
  }
  .detail-search-wrap .detail-search-section dl dt {
    width: auto;
    white-space: nowrap;
  }
  .detail-search-wrap .detail-search-section dl dt br {
    display: block;
  }
  .detail-search-wrap .detail-search-section dl dd {
    width: 100%;
  }
  .product-color .txt-label,
  .product-color .check {
    width: 30px;
    height: 30px;
  }
  .product-detail-wrap .right-area .product-top .util button {
    width: 20px;
    height: 17px;
  }
  .product-detail-wrap .product-information dl dd {
    padding: 7px 10px;
  }
  .product-detail-wrap .product-information dl dt {
    padding: 7px 0 7px 10px;
    width: 70px;
  }
  .product-detail-wrap .product-option-wrap .product-option__inner > a {
    height: 36px;
    width: calc(100% - 55px);
    padding: 8px 20px;
  }
  .product-detail-wrap .product-option-wrap .product-option__inner > a::before {
    top: 12px;
  }
  .product-detail-wrap .product-option-wrap .product-option__inner .btn {
    min-height: 26px;
    min-width: 50px;
  }
  .info-list dl dt {
    padding: 10px 0 10px 10px;
    width: 70px;
  }
  .info-list dl dd {
    padding: 10px;
  }
  .review-list > ul > li {
    padding: 10px;
  }
}
@media screen and (max-width : 480px) {
  /* 대여하기 */
  .product-search-form .check-group.chk-default .check-label .check {
    width: 24px;
    height: 24px;
  }
  .product-color .txt-label,
  .product-color .check {
    overflow: hidden;
    width: 21px;
    height: 0;
    padding-top: 21px;
    text-indent: -9999px;
  }
  .product-color .check {
    background-size: 10px 6px;
  }
}
@media screen and (max-width : 380px) {
  .product-option-selected .section.type-1 {
    gap: 2px;
  }
}/*# sourceMappingURL=restageseoul-style.css.map */