:root {
  --header-h: 81px;
}

html {
  scroll-padding-top: var(--header-h);
  scroll-behavior: smooth;
}

/* header */
.header {
  width: 100%;
  position: fixed;
  display: flex;
  align-items: center;
  top: 0;
  padding: 16px 80px 0;
  z-index: 300;
  background-color: rgba(255, 255, 255, 1);
  transition: height 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid #eff0f2;
}
.nav-dimmed {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 200;
}

.nav-dimmed.on {
  opacity: 1;
  visibility: visible;
}

.header .logo {
  position: relative;
  width: 160px;
  height: 64px;
  margin-left: 48px;
}

.header .logo a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.header .logo a img {
  width: 100px;
  height: auto;
}
.wrap {
  padding-top: 81px;
}

#gnb {
  position: relative;
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.nav-left {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.btn-menu {
  position: absolute;
  width: 28px;
  height: 28px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-menu span,
.full-gnb-btn span {
  width: 24px;
  height: 24px;
}

.btn-menu .menu-close {
  display: none;
}
.btn-menu.menu-open .menu-close {
  display: block;
}

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

.gnb-depth1 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 800px;
  min-height: 64px;
  margin: 0 172px 0 auto;
}

.gnb-depth1 li.gnb-item {
  position: relative;
  flex: 1;
  padding: 0 52px;
}
.nav-bg {
  position: absolute;
  left: 0;
  top: 81px;
  width: 100%;
  height: 0;
  background-color: #fff;
  transition-property: height;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.gnb-depth1 > li > a {
  position: relative;
  padding: 21px 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #111;
  transition: color 0.2s;
  white-space: nowrap;
}

.gnb-depth1 > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0;
  height: 2px;
  background-color: #111;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  opacity: 0;
  z-index: 10;
}

.gnb-depth1 > li:hover > a::after,
.gnb-depth1 > li.on > a::after,
.gnb-depth1 > li > a:focus-within::after {
  width: 100%;
  opacity: 1;
}

.gnb-depth1 > li:hover > a,
.gnb-depth1 > li.on > a,
.gnb-depth1 > li > a:focus-within,
.gnb-depth2 li:hover,
.gnb-depth2 li.on a,
.gnb-depth2 li a:focus {
  font-weight: 600;
}

.gnb-sub {
  position: absolute;
  top: 42px;
  left: 52px;
  pointer-events: none;
  z-index: 10;
}

.gnb-depth2 {
  padding: 32px 24px 32px 0;
  white-space: nowrap;
  height: 0;
  opacity: 0;
  visibility: hidden;
  transition-property: height, padding, opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
}

.gnb-depth2 li a {
  display: block;
  color: #444;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.gnb-depth2 li + li {
  margin-top: 20px;
}

.gnb-depth2 li:hover a,
.gnb-depth2 li.on a,
.gnb-depth2 li a:focus {
  color: #111;
  font-weight: 600;
}

.header.on .gnb-item:hover > .gnb-sub .gnb-depth2,
.header.on .gnb-item:focus-within > .gnb-sub .gnb-depth2,
.header.on .gnb-item > a:hover + .gnb-sub .gnb-depth2,
.header.on .gnb-item > a:focus + .gnb-sub .gnb-depth2,
.header.on .gnb-item > a:focus-visible + .gnb-sub .gnb-depth2 {
  visibility: visible;
  height: auto;
  opacity: 1;
}
.header.full-open .gnb-depth2 {
  visibility: visible;
  opacity: 1;
  height: auto;
}

.header.on .gnb-sub {
  pointer-events: auto;
}

.header.full-open .gnb-depth2,
.header.full-open .gnb-depth1 {
  pointer-events: auto;
}

.m-header {
  display: none;
  height: 56px;
  position: sticky;
  top: 0;
  z-index: 300;
  background-color: #fff;
  border-bottom: 1px solid #eff0f2;
}

.m-logo {
  display: flex;
  align-items: center;
  width: 100px;
}

.m-logo a {
  display: flex;
}

.m-header-inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 56px;
}

.m-logo-wrap {
  display: flex;
  justify-content: center;
  flex: 1 auto;
  padding: 8px 12px 8px 4px;
}

.m-btn-menu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 4px;
}

.m-btn-menu span {
  width: 24px;
  height: 24px;
}
.mobile .no-scroll {
  overflow: hidden;
}
#m-gnb {
  position: fixed;
  left: 0;
  top: 56px;
  width: 100%;
  height: calc(100vh - 56px);
  background: #fff;
  overflow-y: auto;
  transform: translateY(-8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s;
  padding: 12px 20px 12px 24px;
  z-index: 300;
}

body.m-nav-open {
  overflow: hidden;
}
body.m-nav-open::before {
  content: "";
  position: fixed;
  inset: 60px 0 0 0;
  z-index: 280;
  pointer-events: none;
}
body.m-nav-open #m-gnb {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.m-gnb-depth1 > li > a {
  display: block;
  padding: 14px 4px;
  font-size: 16px;
  font-weight: 600;
}
.m-gnb-sub {
  margin: 4px 0 12px 0;
}

.m-gnb-depth2 > li + li {
  margin-top: 12px;
}

.m-gnb-depth2 > li > a {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #444;
}

.m-gnb-item .m-accordion-btn.active span,
.m-gnb-item.on .m-accordion-btn span {
  font-weight: 600;
}
.m-gnb-item .m-accordion-btn.active span:before,
.m-gnb-item.on .m-accordion-btn span:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
  background-color: #111111;
}
.m-btn-menu .m-menu-close {
  display: none;
}
.m-btn-menu.menu-open .m-menu-close {
  display: block;
}

.m-btn-menu.menu-open .m-menu-open {
  display: none;
}

.m-accordion-btn {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 16px 0;
}

.m-accordion-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 18px;
  right: 0;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-menu-btn-arrow.png")
    no-repeat;
  background-size: cover;
  transition: 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
}

.m-accordion-btn.active::after {
  transform: rotate(180deg);
}

.accordion-btn.active + .accordion-item {
  visibility: visible;
}
.m-accordion-btn span {
  position: relative;
  font-size: 17px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -0.3px;
  font-family: "Pretendard";
}
.m-gnb-depth2 > li > a:hover,
.m-gnb-depth2 > li.on > a,
.m-gnb-depth2 > li > a:focus-within {
  font-weight: 600;
}
body #m-gnb .accordion-btn.active + .accordion-item {
  visibility: hidden;
}
body.m-nav-open #m-gnb .accordion-btn.active + .accordion-item {
  visibility: visible;
}
.skip-nav {
  position: relative;
}
.skip-nav a{
  position:absolute; 
  top:-115px; 
  left:0; 
  background:#000; 
  height:30px; 
  line-height:30px; 
  color:#fff; 
  font-size:12px; 
  padding:0 6px;
  z-index: 1000000;
}
.skip-nav a:focus,
.skip-nav a:active{top:-81px;}
@media (max-width: 767px) {
  .header {
    display: none;
  }
  .m-header {
    display: block;
  }
  .wrap {
    padding-top: 0;
  }
  html {
    scroll-padding-top: 0;
    scroll-behavior: smooth; /* 선택: 부드러운 스크롤 */
  }
  .skip-nav {
    display: none;
  }
}

/* footer */
footer.desktop {
  position: relative;
  border-top: 1px solid #eff0f2;
}

footer.desktop .footer-wrap {
  padding: 20px 0 24px;
  max-width: 1380px;
  margin: 0 auto;
}

.footer-sitemap {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.footer-sitemap li a {
  display: block;
  position: relative;
  font-size: 13px;
  line-height: 18px;
}

.footer-sitemap li a.policy {
  font-weight: 600;
}

.footer-sitemap li + li a {
  padding-left: 21px;
}

.footer-sitemap li + li a::after {
  content: "";
  position: absolute;
  left: 10px;
  top: 5px;
  width: 1px;
  height: 8px;
  background-color: #ddd;
}

.footer-ci {
  display: inline-flex;
  width: auto;
  height: 22px;
  margin: 28px auto 20px;
}

.footer-contact,
.comp-info ul {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
}

.footer-contact li,
.comp-info ul li {
  position: relative;
  white-space: nowrap;
  padding-right: 25px;
  line-height: 1;
}

.footer-contact li > *,
.comp-info ul li > * {
  font-size: 13px;
  line-height: 18px;
  color: #444;
  vertical-align: top;
}

.desktop .footer-contact li + li::after,
.desktop .comp-info ul li + li::after {
  content: "";
  position: absolute;
  left: -12px;
  top: 6px;
  width: 1px;
  height: 8px;
  background-color: #ddd;
}

.footer-contact li.n-after::after,
.comp-info ul li.n-after::after {
  display: none;
}

.footer-contact li:nth-child(4) {
  flex-basis: 100%;
  margin-top: 6px;
}

.comp-info {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid #eff0f2;
}

.copyright {
  margin-top: 6px;
  font-size: 13px;
  line-height: 18px;
  color: #727780;
  white-space: nowrap;
}

footer.mobile .footer-wrap {
  max-width: 767px;
  margin: 0 auto;
  padding: 24px 20px 48px;
  border-top: 1px solid #eff0f2;
}
footer.mobile .footer-ci {
  margin: 26px auto 22px;
}
footer.mobile .footer-contact li + li,
footer.mobile .comp-info ul li {
  margin-top: 6px;
}
footer.mobile .comp-info {
  margin-top: 22px;
  padding-top: 20px;
}
footer.mobile .comp-info ul li span + span,
footer.mobile .comp-info ul li a + span {
  padding-left: 8px;
}

/***** accordion *****/
.accordion-item {
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: max-height 0.3s ease;
}

/***** modal *****/
.modal {
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 24px;
  box-sizing: border-box;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s 0.5s;
  z-index: 1000;
}
.modal.on {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s;
}
.modal .dimed {
  position: absolute;
  inset: 0px;
  z-index: -10;
  background-color: rgb(0 0 0 / 0.3);
}
.modal .modal-body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 304px;
  max-height: 80%;
  overflow: hidden;
  padding: 36px 0 0 0;
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  transform: translateY(100px);
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
}

.modal .modal-body:focus,
.modal .modal-body:focus-visible,
.modal .modal-body:focus:not(:focus-visible) {
  outline: 2px dashed #fff;
}

.modal.on .modal-body {
  transform: translateY(0);
  opacity: 1;
}
.modal .modal-body .modal-close-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer;
}
.modal .modal-body .modal-title {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
  padding: 0 20px;
}
.modal .modal-body .modal-text {
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 20px;
}
.modal .modal-body .modal-title + .modal-text {
  color: #727780;
  margin-top: 8px;
}
.modal .modal-body .modal-btn-wrap {
  display: flex;
  margin-top: 24px;
  padding: 0 20px 20px;
  justify-content: center;
  gap: 8px;
}
.modal .modal-body .modal-btn-wrap button,
.modal .modal-body .modal-btn-wrap a {
  width: 128px;
  font-size: 14px;
  font-weight: 500;
  height: 40px;
}
.modal.product-modal .modal-body {
  max-width: 912px;
  padding: 0;
  max-height: 100%;
}

.modal.product-modal .modal-body .modal-title {
  position: relative;
  text-align: left;
  padding: 22px 36px 22px 40px;
  border-bottom: 1px solid #eff0f2;
}
.modal.product-modal .modal-body .modal-title h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.modal.product-modal .modal-body .modal-close-btn {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 36px;
  top: 22px;
  width: 28px;
  height: 28px;
  cursor: pointer;
}
.modal.product-modal .modal-body .modal-sub-text {
  padding: 28px 40px 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #444444;
}
.modal.product-modal .modal-body .modal-list {
  padding: 8px 40px 64px;
}
.modal.product-modal .modal-body .modal-list.dishwasher-list {
  padding-bottom: 24px;
}
.modal.product-modal .modal-body .modal-list.dishwasher-list2 {
  padding-bottom: 48px;
}
.modal.product-modal .modal-body .modal-list.dishwasher-list + .modal-sub-text {
  padding-top: 0;
}
.modal.product-modal .modal-body .modal-list li {
  position: relative;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  padding-left: 16px;
  color: #444444;
}
.modal.product-modal .modal-body .modal-list li::before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  top: 8.5px;
  left: 6.5px;
  background: #111;
  border-radius: 50%;
}
.modal.product-modal .modal-body .modal-list li + li {
  margin-top: 4px;
}
@media (max-width: 767px) {
  .modal {
    padding: 50px 45px;
  }
  .modal .modal-body {
    max-width: 300px;
    height: auto;
    max-height: 90%;
    padding: 40px 0 0 0;
  }
  .modal .modal-body .modal-title {
    font-size: 15px;
    line-height: 20px;
  }
  .modal .modal-body .modal-btn-wrap {
    margin-top: 28px;
  }
  .modal .modal-body .modal-btn-wrap button,
  .modal .modal-body .modal-btn-wrap a {
    width: 100%;
  }
  .modal.product-modal .modal-body {
    max-height: 486px;
  }
  .modal.product-modal .modal-body .modal-scroll {
    max-height: 60%;
    overflow: auto;
    padding: 20px 0 0;
    position: relative;
  }
  .modal.product-modal .modal-body .modal-list.dishwasher-list2 {
    padding-bottom: 20px;
  }

  .modal.product-modal .modal-body .modal-scroll::after {
    content: "";
    position: fixed;
    bottom: 67px;
    left: 0;
    width: 100%;
    height: 22px;
    background: linear-gradient(
      360deg,
      #ffffff 0%,
      rgba(255, 255, 255, 0) 100%
    );
  }

  .modal.product-modal .modal-body .modal-title {
    display: flex;
    align-items: center;
    padding: 30px 20px 10px 20px;
    border-bottom: 0;
  }
  .modal.product-modal .modal-body .modal-scroll .modal-title {
    padding-top: 0;
  }
  .modal.product-modal .modal-body .modal-title h3 {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.2px;
  }
  .modal.product-modal .modal-body .modal-scroll + .modal-btn-wrap {
    margin-top: 8px;
  }
  .modal.product-modal .modal-body .modal-sub-text {
    padding: 8px 20px 0;
    font-weight: 600;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
  }
  .modal.product-modal .modal-body .modal-list {
    padding: 8px 20px 0;
  }
  .modal.product-modal .modal-body .modal-list li {
    padding-left: 8px;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0%;
  }
  .modal.product-modal .modal-body .modal-list li::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 2px;
    top: 8px;
    left: 0px;
    background: #444;
    border-radius: 50%;
  }
  .modal.product-modal .modal-body .modal-list li + li {
    margin-top: 8px;
  }
  .modal.product-modal .modal-body .modal-btn-wrap {
    margin-top: 24px;
  }
}

/***** error content *****/
.error-content,
.m-error-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  text-align: center;
}

.m-error-content {
  display: none;
}

.m-error-content .error-inner {
  text-align: center;
}
.error-content .error-title {
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.4px;
  margin-bottom: 12px;
}

.m-error-content .error-title {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin-bottom: 6px;
}

.error-content .error-desc {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #727780;
}

.m-error-content .error-desc {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #444444;
}

.error-content .error-btn {
}

.m-error-content .btn-group {
  position: fixed;
  bottom: 34px;
  left: 0;
}

.m-error-content .btn-group .error-btn {
  width: 100%;
}

.m-error-content .icon-exclamation {
  margin: 0 auto 16px;
  width: 48px;
  height: 48px;
  background: url(".https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-exclamation.png")
    no-repeat center/contain;
}

.error-content .icon-exclamation {
  margin: 0 auto 16px;
  width: 80px;
  height: 80px;
  background: url(".https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-exclamation.png")
    no-repeat center/contain;
}

.error-content .maintenance-time {
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #ea1917;
  margin-top: 12px;
}

.m-error-content .maintenance-time {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  color: #ea1917;
  margin-top: 6px;
}
.m-error-content .maintenance-time span {
  margin: 0 4px;
  font-size: 15px;
  font-weight: 700;
}
/* floating button */
.floating-area {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 16px;
  right: 48px;
  bottom: 48px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.8s ease-out, transform 0.5s ease-out;
  z-index: 500;
}
.floating-area.visible {
  opacity: 1;
  visibility: visible;
}
.floating-wrap .floating-btn {
  display: block;
  width: 56px;
  height: 56px;
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.15);
  border-radius: 50%;
  background: #fff;
}

.floating-wrap .floating-btn::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 14px;
  height: 19px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-floating-btn.svg)
    no-repeat center center;
  background-size: cover;
}

.m-floating-wrap .m-floating-btn {
  display: block;
  width: 40px;
  height: 40px;
  box-shadow: 0px 2.8px 28px 0px #2127310f, 0px 0px 1.4px 0px #2127311a;
  border-radius: 50%;
  background: #fff;
}

.m-floating-wrap .m-floating-btn::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 13px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-floating-btn.svg)
    no-repeat center center;
  background-size: cover;
}
.m-floating-wrap.mobile {
  display: none;
}

.info-title {
  display: block;
  background: #111;
  color: #fff;
  text-align: center;
  line-height: 16px;
  border-radius: 20px;
  font-size: 12px;
  padding: 6px 12px;
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
}
.info-title::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 6px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/info-arrow.svg)
    no-repeat center/contain;
}
/***** 이용약관, 개인정보처리방침 *****/
.etc-area {
  width: 1380px;
  margin: 0 auto;
  padding: 80px 0;
}
.policy_title {
  margin-bottom: 120px;
}
.policy_title h1 {
  font-weight: 600;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: -0.5px;
  text-align: center;
}
.policy-content {
  padding-bottom: 40px;
  border-bottom: 1px solid #f3f5f7;
}
.policy-content + .policy-content {
  padding-top: 40px;
}
.policy-content:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.policy_box h5 {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.policy_box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #444444;
}
.policy_box p + ol {
  margin-top: 20px;
}

.policy_box ol li {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #444444;
}
.policy_box ol li + li {
  margin-top: 8px;
}
.policy_box table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  table-layout: fixed;
}
.policy_box table thead tr {
  background-color: #f3f5f7;
}
.policy_box table thead tr th {
  padding: 14px 20px;
  font-family: Pretendard;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #dee1e5;
}
.policy_box table thead tr th.line {
  border-left: 1px solid #dee1e5;
}
.policy_box table tbody {
  border-top: 1px solid #111111;
  position: relative;
}
.policy_box table tbody::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #111111;
}
.policy_box table tbody tr th,
.policy_box table tbody tr td {
  padding: 14px 20px;
  border-bottom: 1px solid #dee1e5;
  background-color: #fff;
}
.policy_box table tbody tr th p,
.policy_box table tbody tr td p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #111111;
}
.policy_box table tbody tr th {
  text-align: left;
  border-right: 1px solid #dee1e5;
}
.m-etc-area {
  display: none;
  padding-bottom: 60px;
}
.m-etc-area .policy_title {
  padding: 24px 20px;
  margin: 0;
}
.m-etc-area .policy_box ol li {
  font-size: 14px;
}
.m-etc-area .policy_title h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  text-align: center;
}
.m-etc-area .policy_box {
  padding: 0 20px;
}
.m-etc-area .policy-content {
  padding-bottom: 24px;
  border-bottom: 1px solid #f3f5f7;
}
.m-etc-area .policy-content + .policy-content {
  padding-top: 24px;
}
.m-etc-area .policy-content:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.m-etc-area .policy_box h5 {
  font-weight: 600;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.3px;
  margin-bottom: 12px;
}
.m-etc-area .policy_box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #444444;
}
.m-etc-area .policy_box p + ol {
  margin-top: 12px;
}

.m-etc-area .policy_box ol li > .first_letter,
.m-etc-area .policy_box ol li > a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #444444;
}
.m-etc-area .policy_box ol li > a.underline {
  text-decoration: underline;
}

.m-etc-area .policy_box ol li + li {
  margin-top: 8px;
}
.m-etc-area .policy_box table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.m-etc-area .policy_box table thead tr {
  background-color: #f3f5f7;
}
.m-etc-area .policy_box table thead tr th {
  padding: 14px 20px;
  font-family: Pretendard;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  vertical-align: middle;
  text-align: left;
  border-bottom: 1px solid #dee1e5;
}
.m-etc-area .policy_box table thead tr th.line {
  border-left: 1px solid #dee1e5;
}
.m-etc-area .policy_box table tbody {
  border-top: 1px solid #111111;
  position: relative;
}
.m-etc-area .policy_box table tbody::after {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #111111;
}
.m-etc-area .policy_box table tbody tr th,
.m-etc-area .policy_box table tbody tr td {
  padding: 14px 20px;
  border-bottom: 1px solid #dee1e5;
  background-color: #fff;
}
.m-etc-area .policy_box table tbody tr th p,
.m-etc-area .policy_box table tbody tr td p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #111111;
}
.m-etc-area .policy_box table tbody tr th {
  text-align: left;
  border-right: 1px solid #dee1e5;
}
.policy-area .policy-select-box {
  margin-top: 40px;
  width: 327px;
}
.policy-area .policy_title {
  margin-bottom: 40px;
}
.policy-area .policy_box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #111111;
}
.policy-area .policy_box p + p {
  margin-top: 8px;
}
.wi_ol {
  display: flex;
  width: 100%;
  padding: 40px 60px;
  background-color: #f9fafb;
  border-radius: 16px;
  margin: 40px 0;
}
.wi_ol ol {
  flex: 1;
}
.policy-area ol li,
.policy-area ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #111111;
}
.wi_ol ol li + li {
  margin-top: 12px;
}
.policy-area .policy_box .policy-content.line {
  padding-top: 40px;
  border-top: 1px solid #f3f5f7;
}
.policy-area .second,
.policy-area .second ul,
.line-ol li p,
.policy-area ul li,
.policy-area ol li p,
.policy-area ol li > ol {
  margin-top: 8px;
}
.policy-area .policy_box .line-ol > li + li {
  margin-top: 20px;
}
.policy-area .policy_box .policy-content > p + ul,
.policy-area .policy_box .policy-content > p + ol {
  margin-top: 20px;
}

.m-policy-area .policy-select-box {
  margin: 16px 0 24px;
  padding: 0 20px;
  width: 100%;
}

.m-policy-area .policy_box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  color: #444444;
}
.m-policy-area .policy_box p + p {
  margin-top: 8px;
}
.m-policy-area .wi_ol {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 20px;
  gap: 8px;
  background-color: #f9fafb;
  border-radius: 8px;
  margin: 24px 0;
}

.m-policy-area ol li,
.m-policy-area ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0px;
  color: #444444;
}
.m-policy-area ol li *,
.m-policy-area ul li * {
  color: #444444;
}

.m-policy-area .policy_box .policy-content.line {
  padding-top: 24px;
  border-top: 1px solid #f3f5f7;
}
.m-policy-area .second,
.m-policy-area .second ul,
.line-ol li p,
.m-policy-area ul li,
.m-policy-area ol li p,
.m-policy-area ol li > ol {
  margin-top: 8px;
}
.m-policy-area .policy_box .line-ol > li + li {
  margin-top: 12px;
}
.m-policy-area .policy_box .policy-content > p + ul,
.m-policy-area .policy_box .policy-content > p + ol {
  margin-top: 12px;
}
@media (max-width: 767px) {
  .m-etc-area {
    display: block;
  }
}

/***** terms *****/
.terms-wrap {
  width: 100%;
  padding: 40px;
  border-radius: 16px;
  background-color: #f9fafb;
  margin-top: 24px;
}

.terms-titme {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.terms-list {
  margin-top: 12px;
}

.terms-list li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #727780;
}

.terms-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 2px;
  height: 2px;
  background-color: #727780;
  border-radius: 50%;
}

.terms-list li + li {
  margin-top: 8px;
}

@media (max-width: 767px) {
  .error-content {
    display: none;
  }
  .m-error-content {
    display: flex;
  }
  .floating-area {
    right: 16px;
    bottom: 16px;
  }
  .terms-wrap {
    margin: 0 auto;
    padding: 40px 20px;
  }
  .terms-list li {
    padding-left: 18px;
  }
  .terms-list li::before {
    width: 3px;
    height: 3px;
    left: 6.5px;
    top: 8px;
  }
  .nav-dimmed {
    display: none;
  }
  .etc-area {
    display: none;
  }
  .m-etc-area {
    display: block;
  }
  .floating-wrap.desktop {
    display: none;
  }
  .m-floating-wrap.mobile {
    display: block;
  }
}

/***** 투어 예약 *****/
.reservation-section {
  position: relative;
  max-width: 1380px;
  margin: 0 auto;
  padding: 80px 0 0 0;
}
.reservation-section.reservation-intro-wrap {
  width: 100%;
  padding: 0 0 80px 0;
}
.reservation-intro-wrap .reservation-intro-inner {
  max-width: 1380px;
  margin: 0 auto;
}

.reservation-title-wrap {
  text-align: center;
  padding-bottom: 40px;
}
.reservation-sub-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  letter-spacing: -0.5px;
}
.reservation-title {
  margin-top: 2px;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.5px;
}
.reservation-text {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #727780;
}
.kb-wrap {
  position: relative;
  width: 100%;
  height: 290px;
  text-align: center;
  padding: 80px 0 60px;
}
.intro-sub-title {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
  color: #fff;
}
.intro-title {
  margin-top: 2px;
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
  letter-spacing: -0.5px;
  color: #fff;
}
.intro-text {
  margin-top: 12px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #fff;
}
.kb-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/reservation/seoul-kb-img.png")
    no-repeat center/cover;
  /* filter: brightness(0.7); */
  z-index: -1;
}

.map-wrap {
  position: relative;
  display: flex;
  margin-top: 64px;
  width: 100%;
}

.reservation-section .map-content {
  width: 912px;
  height: 528px;
  border-radius: 16px;
  overflow: hidden;
}
.map-info + .map-content {
  margin-left: 24px;
}
.map-info {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 40px;
  background-color: rgba(17, 17, 17, 0.95);
  border-radius: 16px;
  flex: 1;
  min-width: 350px;
}
.map-info ul {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.map-info ul li {
  padding: 24px 0;
  line-height: 1;
}
.map-info ul li + li {
  border-top: 1px solid rgba(239, 240, 242, 0.2);
}
.map-info ul li:first-child {
  padding-top: 0;
}
.map-info ul li:last-child {
  padding-bottom: 0;
}
.map-info ul li h5 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
}
.map-info ul li h5 i {
  position: relative;
  width: 24px;
  height: 24px;
  margin-right: 4px;
}
.map-info ul li h5 i::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
}
.map-info ul li h5 i.icon-location::before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-location.png")
    no-repeat center/contain;
}
.map-info ul li h5 i.icon-clock::before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-clock.png")
    no-repeat center/contain;
}
.map-info ul li h5 i.icon-calendar-clock::before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-calendar-clock.png")
    no-repeat center/contain;
}
.map-info ul li h5 i.icon-message::before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-message.png")
    no-repeat center/contain;
}
.map-info ul li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 12px;
  color: #aaaaaa;
}
.map-info ul li p + p {
  margin-top: 4px;
}

.m-reservation-section .kb-wrap {
  padding: 24px 20px;
  margin-bottom: 32px;
  height: 186px;
}
.m-reservation-section .kb-wrap:before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/reservation/m-seoul-kb-img.png")
    no-repeat center/cover;
}
.m-reservation-section .intro-sub-title {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.m-reservation-section .intro-title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: -0.5px;
}
.m-reservation-section .intro-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.m-reservation-section .reservation-title-wrap {
  padding: 24px 20px;
}
.m-reservation-section .reservation-title-wrap .reservation-title {
  font-size: 24px;
  line-height: 32px;
}
.m-reservation-section .reservation-title-wrap .reservation-sub-title {
  font-size: 16px;
  line-height: 22px;
}

.m-reservation-section .reservation-title-wrap .reservation-text {
  font-size: 16px;
  line-height: 22px;
}
.m-reservation-section .map-wrap {
  padding: 0 20px;
  margin: 0 auto;
}
.m-reservation-section .map-wrap .map-content {
  width: 100%;
  height: 402px;
  border-radius: 8px;
}
.m-reservation-section .reservation-intro-inner .btn-group {
  margin-top: 16px;
}

.m-reservation-section .map-info {
  border-radius: 0px;
  margin-top: 32px;
  padding: 40px 20px;
}

.m-reservation-section .map-info ul {
}
.m-reservation-section .map-info ul li {
  line-height: 1;
  padding: 24px 0;
}
.m-reservation-section .map-info ul li h5 i {
  margin-right: 4px;
  width: 24px;
  height: 24px;
}
.m-reservation-section .map-info ul li h5 {
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.m-reservation-section .map-info ul li p {
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin-left: 0;
  margin-top: 12px;
}
.m-reservation-section .map-info ul li p + p {
  margin-top: 4px;
}
.m-reservation-section .map-info ul li:first-child {
  padding-top: 0;
}
.m-reservation-section .map-info ul li:last-child {
  padding-bottom: 0;
}

.complete-content {
  text-align: center;
  padding: 126.5px 0 70.5px;
}
.info-no-data {
  text-align: center;
}

.icon-complete,
.icon-exclamation {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
}
.icon-complete::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-complete.png")
    no-repeat center/contain;
}
.icon-exclamation::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  transform: translate(-50%, -50%);
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-exclamation.png")
    no-repeat center/contain;
}
.complete-content-title,
.info-no-data-title {
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.4px;
  margin-top: 16px;
}
.complete-content-text {
  margin-top: 12px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #727780;
}
.m-reservation-section .reservation-complete-inner {
  padding-bottom: 34px;
}
.m-reservation-section .complete-content {
  padding: 183.5px 0 163.5px;
}
.m-reservation-section .icon-complete {
  width: 48px;
  height: 48px;
}
.m-reservation-section .icon-complete,
.m-reservation-section .icon-exclamation {
  width: 48px;
  height: 48px;
}
.m-reservation-section .icon-complete::before {
  width: 48px;
  height: 48px;
}
.m-reservation-section .complete-content-title,
.m-reservation-section .info-no-data-title {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin-top: 16px;
}
.m-reservation-section .complete-content-text {
  margin-top: 6px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.m-reservation-section .info-no-data {
  padding: 166px 0 190px 0;
}
.m-reservation-section .icon-exclamation::before {
  width: 48px;
  height: 48px;
}
.reservation-info-content {
  margin-top: 40px;
}
.reservation-info-content.empty-info {
  margin-top: 0;
  padding: 148.5px 0 92.5px;
}
.reservation-info-content .waring-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #ea1917;
  margin-bottom: 24px;
}

.info-accordion .accordion-btn,
.info-table-title {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.info-accordion .accordion-btn span,
.info-table-title span {
  font-size: 17px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.info-accordion .accordion-btn em,
.info-table-title em {
  padding: 5px 6px 6px 6px;
  font-size: 11px;
  font-weight: 600;
  line-height: 14px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  margin-right: 12px;
}
.info-accordion .accordion-btn .info-accordion-hour-text,
.info-table-title .info-accordion-hour-text {
  position: relative;
  margin-left: 17px;
}
.info-accordion .accordion-btn .info-accordion-hour-text::before,
.info-table-title .info-accordion-hour-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -8px;
  width: 1px;
  height: 16px;
  background-color: #eff0f2;
  transform: translateY(-50%);
}
.info-accordion .accordion-btn:before,
.apply-step .accordion-btn:before,
.agreement-item .accordion-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-accordion.png")
    no-repeat center/contain;
  transform: translateY(-50%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.info-box {
  padding: 40px;
  box-shadow: 0 2px 8px 0 rgba(33, 39, 49, 0.08),
    0 0 1px 0 rgba(33, 39, 49, 0.36);
  border-radius: 16px;
}
.info-box + .info-box {
  margin-top: 24px;
}
.info-accordion .accordion-btn.active:before,
.apply-step .accordion-btn.active:before {
  transform: translateY(-50%) rotate(180deg);
}
.agreement-item .accordion-btn.active:before {
  transform: rotate(180deg);
}
.apply-step + .apply-step {
  margin-top: 24px;
}
.info-table-area {
  margin-top: 12px;
}
.tbl-reservation-info {
  border-top: 1px solid #111111;
  table-layout: fixed;
}
.tbl-reservation-info tbody tr th {
  padding: 14px 40px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  background-color: #f3f5f7;
  border-bottom: 1px solid #dee1e5;
  border-right: 1px solid #dee1e5;
  vertical-align: middle;
}
.tbl-reservation-info tbody tr td {
  padding: 14px 40px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #dee1e5;
}
.tbl-reservation-info tbody tr td span {
  font-size: 14px;
  line-height: 20px;
}
.tbl-reservation-info .del-btn {
  padding: 4px 6px;
  margin-left: 8px;
  font-size: 12px;
  line-height: 14px;
  border-radius: 4px;
  border: 1px solid #dee1e5;
  vertical-align: middle;
}
.info-accordion .accordion-item + .accordion-btn {
  margin-top: 16px;
}
.tbl-reservation-info.single {
  margin-top: 21px;
}
.m-reservation-section .reservation-info-content {
  padding: 0 20px;
  margin-top: 0;
}
.m-reservation-section .info-box {
  padding: 24px;
}
.m-reservation-section .reservation-info-content .waring-text {
  font-size: 16px;
  line-height: 18px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
.m-reservation-section
  .info-accordion
  .accordion-btn
  em
  .m-reservation-section
  .info-table-title
  em {
  padding: 2.5px 5px 3.5px 6px;
  margin-right: 8px;
}
.m-reservation-section
  .info-accordion
  .accordion-btn
  span
  .m-reservation-section
  .info-table-title
  span {
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.2px;
}
.m-reservation-section
  .info-accordion
  .accordion-btn
  span.info-accordion-hour-text,
.m-reservation-section .info-table-title span.info-accordion-hour-text {
  margin-left: 9px;
}
.m-reservation-section
  .info-accordion
  .accordion-btn
  span.info-accordion-hour-text::before,
.m-reservation-section .info-table-title span.info-accordion-hour-text::before {
  left: -4px;
  width: 1px;
  height: 12px;
}
.m-reservation-section .info-accordion .accordion-btn:before {
  width: 20px;
  height: 20px;
}
.m-reservation-section .tbl-reservation-info tbody tr th {
  padding: 14px 4px 14px 20px;
  font-size: 14px;
  line-height: 20px;
}
.m-reservation-section .tbl-reservation-info tbody tr td {
  padding: 14px 20px 14px 20px;
  font-size: 14px;
  line-height: 20px;
}
.m-reservation-section .tbl-reservation-info tbody tr td span {
  font-size: 14px;
  line-height: 20px;
}
.m-reservation-section .tbl-reservation-info tbody tr td .del-btn {
  padding: 4px 6px;
  font-size: 12px;
  line-height: 16px;
  margin-left: 8px;
  vertical-align: middle;
}
.apply-step .accordion-btn {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #111;
  font-family: "Pretendard", sans-serif;
}
.reservation-calendar-time-wrap {
  margin-top: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
}
.calendar-img {
  width: 444px;
  height: 378px;
  border-radius: 16px;
  overflow: hidden;
}

.calendar-month {
  width: 444px;
  height: 378px;
  padding: 38px 45px;
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 rgba(33, 39, 49, 0.08),
    0 0 1px 0 rgba(33, 39, 49, 0.36);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.calendar-area .calendar-title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  gap: 12px;
  margin-bottom: 6px;
}
.calendar-area .calendar-title strong {
  font-size: 19px;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: -0.2px;
}
.calendar-area .calendar-title button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.calendar-area .calendar-title button.next-month::after,
.calendar-area .calendar-title button.prev-month::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-arrow.png")
    no-repeat center/contain;
}
.calendar-area .calendar-title button.prev-month::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.calendar-area .calendar-title button:disabled::after {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-arrow-disabled.png")
    no-repeat center/contain;
}
.calendar-area .calendar-title button.prev-month:disabled::after {
  transform: translate(-50%, -50%) rotate(0);
}
.calendar-area .calendar-title button.next-month:disabled::after {
  transform: translate(-50%, -50%) rotate(180deg);
}

.calendar-table .calendar-header tr th {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #727780;
  height: 36px;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

.calendar-table .calendar-body tr td {
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 8px;
}
.calendar-table .calendar-body tr td .date {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin-top: 6px;
}
.calendar-table .calendar-body tr td .date strong {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.calendar-table .calendar-body tr td .date.selected {
  background-color: #ea1917;
  border-radius: 50%;
}
.calendar-table .calendar-body tr td .date.selected strong {
  color: #fff;
  font-weight: 600;
}
.calendar-table .calendar-body tr td .date.disabled {
  pointer-events: none;
}
.calendar-table .calendar-body tr td .date.disabled strong {
  color: #8f9298;
}
.calendar-legend {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  margin-top: 12px;
}
.calendar-legend li {
  position: relative;
  padding-left: 16px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.2px;
}
.calendar-legend li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: #8f9298;
}
.calendar-legend li:nth-child(2):before {
  background-color: #111111;
}
.calendar-legend li:nth-child(3):before {
  background-color: #ea1917;
}
.time-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
}
.time-list li .btn-time {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 354px;
  height: 56px;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.2px;
  color: #444;
  border: 1px solid #dee1e5;
  border-radius: 12px;
  font-family: "Pretendard", sans-serif;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.time-list li .btn-time.disabled {
  pointer-events: none;
  color: #cbd0d5;
  background-color: #fafafa;
}
.time-list li .btn-time.selected {
  border-color: #111111;
  font-weight: 600;
}
.calendar-time-terms {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #727780;
  padding-left: 10px;
  margin-left: 0;
  margin-top: 12px;
  display: none;
}
.calendar-time-terms:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #727780;
  border-radius: 50%;
  transform: translateY(-50%);
}
.certificate-area {
  margin-top: 24px;
}
.certificate-text {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  margin: 12px 0 24px 0;
}
.certificate-btn {
  height: 48px;
  font-size: 15px;
  line-height: 20px;
}
.info-area {
  padding-top: 36px;
}
.c-form {
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 12px;
}
.c-form + .c-form {
  margin-top: 32px;
}
.c-form .c-label {
  position: relative;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  height: 20px;
}
.c-form .c-label .required {
  color: #ff3f18;
  margin-left: 2px;
}
.c-form .form-text,
.c-form .form-select {
  width: 527px;
  height: 56px;
  line-height: 20px;
  padding: 18px 20px;
  border: 1px solid #dee1e5;
  background-color: #fff;
  border-radius: 8px;
  font-size: 14px;
}
.c-form .form-text:read-only {
  background-color: #f9fafb;
  pointer-events: none;
  color: #727780;
  border: 1px solid #eff0f2;
}
.c-form .select-box {
  width: 527px;
  position: relative;
}
.c-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 181px;
  height: 32px;
}
.c-radio label,
.c-checkbox label {
  position: relative;
  display: block;
  padding-left: 34px;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
}
.form-radio,
.form-checkbox {
  vertical-align: middle;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
  width: 24px;
  height: 24px;
  border: none;
  background: 0 0;
  left: 0;
  margin: 0;
}
.c-radio label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-radio-off.png")
    no-repeat center/contain;
  transform: translateY(-50%);
}
.c-radio .form-radio:checked + label:before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-radio-on.png")
    no-repeat center/contain;
}
.c-checkbox label:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-off.png")
    no-repeat center/contain;
  transform: translateY(-50%);
}
.c-checkbox .form-checkbox:checked + label:before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-on.png")
    no-repeat center/contain;
}
.form-inline {
  display: flex;
  align-items: center;
  gap: 12px;
}
.terms-text {
  position: relative;
  padding-left: 10px;
  font-size: 13px;
  line-height: 18px;
  color: #727780;
  margin-top: -4px;
}
.terms-text:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 2px;
  height: 2px;
  background-color: #727780;
  border-radius: 50%;
  transform: translateY(-50%);
}
.c-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 174px;
  height: 32px;
}
.c-checkbox.etx-box {
  width: 80px;
}
.c-checkbox-ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.form-text.favorite-form {
  width: 444px;
  height: 48px;
  padding: 14px 20px;
  margin-left: 24px;
}
.c-textarea-box {
  width: 100%;
  height: 144px;
  padding: 20px 20px 50px 20px;
  border: 1px solid #dee1e5;
  border-radius: 8px;
}
.c-textarea {
  width: 100%;
  height: 80px;
  padding: 0;
  resize: none;
  font-size: 14px;
}

.text-length-wrap {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  bottom: 20px;
  right: 20px;
}
.text-length-wrap p {
  font-size: 13px;
  line-height: 18px;
  color: #727780;
}
.information-agreement-content {
  margin: 60px 0;
  max-width: 1146px;
}
.agreement-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.agreement-text {
  margin-top: 24px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.agreement-sub-text {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.agreement-wrap {
  margin-top: 32px;
  padding: 20px;
  background-color: #f9fafb;
  border-radius: 16px;
}
.all-agree {
  padding-bottom: 12px;
  border-bottom: 1px solid #eff0f2;
}
.all-agree label {
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.2px;
}

.agreement-content {
  margin-top: 12px;
}
/* .m-logo-wrap */
.agreement-item + .agreement-item {
  margin-top: 8px;
}
.agreement-item {
  position: relative;
}
.agreement-head .c-checkbox {
  width: 100%;
}
.agreement-head .c-checkbox label {
  font-size: 14px;
  line-height: 20px;
}
.agreement-head .c-checkbox label .require {
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #ea1917;
}
.agreement-item .accordion-btn {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 8px;
  top: 8px;
}
.agreement-item .accordion-btn:before {
  width: 20px;
  height: 20px;
  top: 0;
  transform: translateY(0);
}
.agree-accordion-content table {
  margin-top: 9px;
  border-top: 1px solid #111111;
}
.agree-accordion-content table tbody tr th {
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  background-color: #f3f5f7;
  border-bottom: 1px solid #dee1e5;
  border-right: 1px solid #dee1e5;
  vertical-align: middle;
}
.agree-accordion-content table tbody tr td {
  padding: 14px 20px;
  font-size: 14px;
  line-height: 20px;
  border-bottom: 1px solid #dee1e5;
  background-color: #fff;
}
.apply-info {
  padding: 35px 0 40px;
  border-top: 1px solid #eff0f2;
}
.apply-info-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.apply-info-text {
  margin-top: 24px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.m-reservation-section .apply-step .accordion-btn {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.3px;
  font-family: "Pretendard", sans-serif;
}
.m-reservation-section .apply-step .accordion-btn:before {
  width: 20px;
  height: 20px;
}
.m-reservation-section .reservation-calendar-time-wrap {
  display: block;
  margin-top: 12px;
}
.m-reservation-section .calendar-month {
  width: 100%;
  height: auto;
  padding: 12px 16px;
  border-radius: 0;
  box-shadow: none;
  border-bottom: 1px solid #eff0f2;
}
.m-reservation-section .reservation-apply-inner {
  padding: 0 20px 20px;
}
.m-reservation-section .calendar-area .calendar-title {
  height: 40px;
  gap: 8px;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.m-reservation-section .calendar-area .calendar-title button {
  width: 28px;
  height: 28px;
}
.m-reservation-section .calendar-area .calendar-title button.next-month::after,
.m-reservation-section .calendar-area .calendar-title button.prev-month::after {
  width: 20px;
  height: 20px;
}
.m-reservation-section .calendar-table .calendar-header tr th {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  height: 28px;
}
.m-reservation-section .calendar-table .calendar-body tr td {
  height: 28px;
  text-align: center;
  vertical-align: middle;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
}
.m-reservation-section .calendar-table .calendar-body tr td .date {
  width: 28px;
  height: 28px;
}
.m-reservation-section .calendar-legend {
  gap: 16px;
}
.m-reservation-section .calendar-legend li {
  font-size: 14px;
  letter-spacing: 0;
}
.m-reservation-section .calendar-legend li:before {
  left: 2px;
}
.m-reservation-section .time-area {
  margin-top: 20px;
}
.m-reservation-section .time-list {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, 1fr);
}
.m-reservation-section .time-list li .btn-time {
  width: 100%;
  height: 40px;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: 0;
  border-radius: 6px;
}
.m-reservation-section .calendar-time-terms {
  font-size: 13px;
  line-height: 18px;
  padding-left: 8px;
  margin-left: 0;
  margin-top: 0;
  display: block;
}
.m-reservation-section .hasDate .calendar-time-terms {
  margin-top: 16px;
}
.m-reservation-section .certificate-area {
  margin-top: 20px;
}
.m-reservation-section .certificate-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
  margin: 0 0 16px 0;
}
.m-reservation-section .certificate-btn {
  width: 100%;
  height: 40px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
}
.m-reservation-section .info-area {
  padding-top: 20px;
}
.mobile .c-form + .c-form {
  margin-top: 32px;
}
.mobile .c-form .form-text,
.mobile .c-form .form-select {
  width: 100%;
  height: 48px;
  padding: 14px 16px;
}
.mobile .c-form .form-text:read-only {
  background-color: #f9fafb;
  pointer-events: none;
  color: #727780;
  border: 1px solid #eff0f2;
}
.mobile .select-box {
  width: 100%;
  position: relative;
}
.mobile .form-inline-input {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.mobile .c-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 20px;
}
.mobile .c-radio label,
.mobile .c-checkbox label {
  padding-left: 24px;
  cursor: pointer;
}
.mobile .form-radio,
.mobile .form-checkbox {
  width: 20px;
  height: 20px;
}
.mobile .c-radio label:before {
  width: 20px;
  height: 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-radio-m-off.png)
    no-repeat center / contain;
}
.mobile .c-checkbox label:before {
  width: 20px;
  height: 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-m-off.png)
    no-repeat center / contain;
}

.mobile .c-radio .form-radio:checked + label:before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-radio-m-on.png")
    no-repeat center/contain;
}

.mobile .c-checkbox .form-checkbox:checked + label:before {
  background: url("https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-m-on.png")
    no-repeat center/contain;
}
.mobile .terms-text {
  padding-left: 8px;
}

.mobile .c-checkbox {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 20px;
}
.mobile .c-checkbox.etx-box > div {
  width: 100%;
  padding-left: 12px;
}
.mobile .c-checkbox-ul {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, 1fr);
}
.mobile .c-checkbox-ul li:last-child {
  grid-column: 1 / -1;
}
.mobile .form-text.favorite-form {
  width: 100%;
  height: 40px;
  padding: 10px 16px;
  margin: 0;
}
.mobile .information-agreement-content {
  margin: 40px 0;
  width: 100%;
}
.mobile .agreement-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -0.3px;
}
.mobile .agreement-text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.mobile .agreement-sub-text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.mobile .agreement-wrap {
  margin-top: 24px;
  border-radius: 8px;
}

.mobile .all-agree label {
  font-size: 15px;
  line-height: 20px;
}
/* .mobile .agreement-content .c-checkbox label:before {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-noline-off.png)
    no-repeat center / contain;
}
.mobile .agreement-content .c-checkbox .form-checkbox:checked + label:before {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-checkbox-noline-on.png)
    no-repeat center / contain;
} */
.mobile .agreement-item + .agreement-item {
  margin-top: 12px;
}
.mobile .agree-accordion-content table {
  margin-top: 12px;
}
.mobile .apply-info {
  padding: 24px 0 12px;
  border-top: 1px solid #eff0f2;
}
.mobile .apply-info-title {
  font-size: 19px;
  line-height: 26px;
}
.mobile .apply-info-text {
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0;
}
.mobile .agreement-item .accordion-btn {
  right: 0;
  top: 4px;
}
.m-reservation-apply-wrap .btn-group {
  padding: 0;
}
.mobile .agreement-item .accordion-btn:before {
  width: 16px;
  height: 16px;
  right: 2px;
  top: 2px;
}
.reservation-apply-wrap,
.reservation-info-inner {
  padding-bottom: 80px;
}

.select-wrap .ui-selectbox-wrap {
  display: block;
  position: relative;
}
.select-wrap .ui-selectbox-wrap .ui-select-button {
  display: block;
  position: relative;
  height: 48px;
  padding: 11px 44px 11px 20px;
  border-radius: 8px;
  border: 1px solid #dee1e5;
}
.select-wrap .ui-selectbox-wrap .ui-select-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-select-arrow.png)
    no-repeat;
  background-size: 100% auto;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.disabled {
  border-color: #eff0f2;
  background: #f9fafb;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.disabled:after {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_down_16_gray.svg)
    no-repeat;
  background-size: 100% auto;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.placeholder .ui-select-text {
  color: #111;
}
.select-wrap
  .ui-selectbox-wrap
  .ui-select-button.disabled.placeholder
  .ui-select-text {
  color: #cbd0d5;
}
.select-wrap .ui-selectbox-wrap.on .ui-select-button {
  border-radius: 8px 8px 0 0;
  border-color: #111;
  border-bottom-color: transparent;
}
.select-wrap .ui-selectbox-wrap.on .ui-select-button:after {
  transform: rotate(180deg);
}
.select-wrap .ui-selectbox-wrap .ui-select-text {
  font-size: 14px;
  line-height: 20px;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list {
  position: absolute;
  top: 47px;
  right: 0;
  left: 0;
  overflow: hidden;
  border: 1px solid #111;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #fff;
  z-index: 1;
}
.info-area .select-wrap .ui-selectbox-wrap .ui-selectbox-list,
.referenceWrap .select-wrap .ui-selectbox-wrap .ui-selectbox-list {
  max-height: 200px;
  overflow-y: scroll;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list ul li a {
  display: block;
  overflow: hidden;
  padding: 11px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #111;
  outline-offset: -1px;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list ul li a:hover {
  background: #f9fafb;
  color: #111;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list ul li a.selected {
  background: #f9fafb;
  font-weight: 600;
}
/***** 메인 *****/
/* PC */
.home section.content {
  height: 800px;
  /* min-width: 1460px; */
}
.home .content-inner {
  position: relative;
  height: 100%;
  background: #f9fafb;
  max-width: 1920px;
  margin: 0 auto;
}

#storeBanner,
#product {
  height: auto;
}

/* 히어로배너 */
#heroBanner {
  height: 760px;
  background: #111;
}
.hero-banner {
  position: relative;
  overflow: hidden;
}
.hero-banner .visual-box .swiper.banner-swiper {
  height: 760px;
  background: #111;
}
.hero-banner .visual-box .swiper-slide {
  height: 760px;
  max-width: 1920px;
  margin: 0 auto;
}
/* .hero-banner .visual-box .swiper-slide:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0.1) 50.02%,
    rgba(0, 0, 0, 0.8) 83.36%
  );
} */
.hero-banner .banner-text {
  text-align: center;
}

.hero-banner .visual-box .swiper-slide img {
  object-fit: cover;
  height: 100%;
}
.hero-banner .text-box {
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
}
.hero-banner .banner-text .title {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  letter-spacing: -1.4px;
  color: #fff;
}
.hero-banner .banner-text .desc {
  margin-top: 12px;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
}
.hero-banner .scroll {
  position: absolute;
  padding-left: 47px;
  right: -472px;
  bottom: -20px;
  z-index: 5;
  transform: rotate(-90deg);
}
.hero-banner-scroll {
  position: absolute;
  right: 264px;
  bottom: 94px;
  z-index: 5;
  transform: rotate(-90deg);
}
.hero-banner-scroll .text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
}
.hero-banner-scroll::before {
  content: "";
  position: absolute;
  width: 16px;
  height: 42px;
  top: -13px;
  left: -33px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/main/scroll-arrow.svg)
    no-repeat;
  background-size: 100% auto;
  transform: rotate(90deg);
}
.hero-banner .scroll:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 42px;
  top: -13px;
  left: 12px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/main/scroll-arrow.svg)
    no-repeat;
  background-size: 100% auto;
  transform: rotate(90deg);
}
.hero-banner .scroll .text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
}

/* Product */
#product {
  background: #1d1d1d;
  overflow: hidden;
}
.home .products {
  background: #1d1d1d;
  padding: 120px 0;
  /* min-width: 1380px; */
  /* width: 1380px; */
  margin: 0 auto;
}

.home .products .title {
  color: #fff;
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: -1.4px;
  text-align: center;
}
.home .products .desc {
  margin-top: 20px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #fff;
  opacity: 0.8;
  text-align: center;
}
.home .products .product-swiper {
  position: relative;
  margin-top: 60px;
  overflow: visible;
  max-width: 1380px;
}

.home .products .product-swiper .swiper-slide {
  width: 444px;
}
.home .products .product-swiper .swiper-slide a {
  display: block;
}
.home .products .product-swiper .swiper-slide .product-thumb {
  height: 444px;
}
.home .products .product-swiper .swiper-slide .product-name {
  padding: 16px 20px;
  background: #111;
}
.home .products .product-swiper .swiper-slide .product-name span {
  position: relative;
  display: inline-block;
  padding-right: 20px;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.3px;
  color: #fff;
  opacity: 0.8;
}
.home .products .product-swiper .swiper-slide .product-name span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_white_20.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}
.home .products .product-swiper .swiper-navigation-icon {
  display: none;
}
.home .products .product-swiper .swiper-arrow {
  width: 1380px;
  position: absolute;
  top: 186px;
  left: 50%;
  transform: translateX(-50%);
  height: 72px;
  z-index: 1;
}

.home .products .product-swiper .swiper-button {
  top: 0;
  margin: 0;
  padding: 12px;
  width: 72px;
  height: 72px;
  color: transparent;
}
.home .products .product-swiper .swiper-button-disabled {
  display: none;
}
.home .products .product-swiper .swiper-button-prev {
  left: -36px;
}
.home .products .product-swiper .swiper-button-next {
  right: -36px;
}
.home .products .product-swiper .swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  border-radius: 100%;
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36),
    0 2px 8px 0 rgba(33, 39, 49, 0.08);
  background: #fff
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat center / 20px auto;
}
.home .products .product-swiper .swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  border-radius: 100%;
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36),
    0 2px 8px 0 rgba(33, 39, 49, 0.08);
  background: #fff
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat center / 20px auto;
}

/* Brand Story, SKS Seoul */
.brand-story,
.sks-seoul {
  overflow: hidden;
  background: #fff;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
#sksSeoul,
#brandStory {
  background: #f9fafb;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
.home-content-box {
  position: relative;
  max-width: 1380px;
  height: 100%;
  margin: 0 auto;
}
.home #storeBanner {
  background: #111;
}
.text-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background: #f9fafb; */
  z-index: 3;
  transform: translateX(-50%);
  left: 50%;
}
.text-wrap .inner {
  position: absolute;
  top: 50%;
  width: 500px;
  z-index: 1;
  transform: translateY(-50%);
}
.text-wrap .title {
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: -1.4px;
  color: #000;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
.text-wrap .text-box {
  margin-top: 20px;
}
.text-wrap .text-box p {
  color: #727780;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
}
.text-box p + p {
  margin-top: 16px;
}
.text-wrap .view-more {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  padding: 13px 38px 13px 18px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
  border-radius: 1000px;
  border: 1px solid #dee1e5;
  background: #fff;
}
.text-wrap .view-more:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat;
  background-size: 100% auto;
}
.bg-wrap {
  position: absolute;
  width: 678px;
  height: 678px;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
  scale: 0.64896;
}
.brand-story .bg-wrap {
  right: -118px;
  top: 59px;
}
.sks-seoul .bg-wrap {
  left: -118px;
  top: 59px;
}
.bg-wrap img {
  position: absolute;
  width: 100%;
  object-fit: cover;
  overflow: clip;
  object-position: 50% 50%;
}
.content .image-overlay {
  background-color: #111;
  inset: 0% 0% 0% auto;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.7s;
}
.content .image-overlay-wrap {
  position: absolute;
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: space-between;
  top: 0;
  z-index: 2;
}
#storeBanner .image-overlay.left {
  width: 271.25px;
}
#storeBanner .image-overlay.right {
  width: 271.25px;
}
#brandStory .text-wrap .inner {
  width: 518px;
}
.content.active .image-overlay {
  width: 0 !important;
}
.sks-seoul .text-wrap {
  right: 0;
}
.sks-seoul .text-wrap .inner {
  right: 0;
}
.content.active .text-wrap {
  color: #fff;
  z-index: 5;
}
.content.active .text-wrap .title {
  color: #fff;
}
.content.active .text-wrap .text-box p {
  color: #fff;
}
.content.active .brand-story,
.content.active .sks-seoul,
#sksSeoul.content.active,
#brandStory.content.active {
  background: #111;
}
.content.active .brand-story .bg-wrap {
  scale: 1;
  right: 0;
  top: 61px;
}
.content.active .sks-seoul .bg-wrap {
  scale: 1;
  left: 0;
  top: 61px;
}

/* 전시매장 찾아보기 */
.home .store-banner {
  background: #111;
  padding: 120px 0;
  height: auto;
}
.home .store-banner .banner-wrap {
  position: relative;
  max-width: 100%;
  height: 320px;
  margin: 0 auto;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/main/bg_store_banner_pc.png)
    no-repeat;
}
.home .store-banner .banner-wrap .text-box {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  text-align: center;
}
.home .store-banner .banner-wrap .title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #fff;
}
.home .store-banner .banner-wrap .title strong {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 700;
}
.home .store-banner .banner-wrap .search-link {
  display: inline-block;
  position: relative;
  margin-top: 20px;
  padding: 14px 38px 14px 18px;
  background: #111;
  border-radius: 1000px;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: -0.2px;
  font-weight: 600;
  color: #fff;
}
.home .store-banner .banner-wrap .search-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_white_20.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

/* Mobile */
#heroBannerMo,
#productMo,
#brandStoryMo,
#sksSeoulMo,
#storeBannerMo {
  max-width: 767px;
  height: auto;
  margin: 0 auto;
  min-width: initial;
}
/* 히어로배너 */
#heroBannerMo {
  height: 540px;
}
.mo-hero-banner {
  position: relative;
  overflow: hidden;
}
.mo-hero-banner .visual-box .swiper.m-banner-swiper {
  height: 540px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}
.mo-hero-banner .visual-box .swiper-slide {
  height: 540px;
}
/* .mo-hero-banner .visual-box .swiper-slide:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 433px;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 59.17%,
    rgba(0, 0, 0, 0.64) 70.7%
  );
} */
.mo-hero-banner .visual-box .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mo-hero-banner .banner-text {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
  pointer-events: none;
}
.mo-hero-banner .banner-text .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}
.mo-hero-banner .banner-text .desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
  opacity: 0.9;
}
.mo-hero-banner .scroll {
  position: absolute;
  padding-left: 27px;
  right: -2px;
  bottom: 40px;
  z-index: 5;
  transform: rotate(-90deg);
  pointer-events: none;
}
.mo-hero-banner .scroll:before {
  content: "";
  position: absolute;
  width: 16px;
  height: 22px;
  top: -3px;
  left: 2px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/main/scroll-arrow-mo.svg)
    no-repeat;
  background-size: 100% auto;
  transform: rotate(90deg);
}
.mo-hero-banner .scroll .text {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
}

/* Product */
.home .mo-products {
  background: rgba(17, 17, 17, 0.95);
  padding: 48px 20px 64px;
}
.home .mo-products .title {
  color: #fff;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.5px;
  text-align: center;
}
.home .mo-products .desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
  text-align: center;
}
.home .mo-products .product-list {
  position: relative;
  margin-top: 28px;
}
.home .mo-products .product-list .list-wrapper {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  gap: 0 8px;
  padding: 0 20px;
  margin: 0 -20px;
}
.home .mo-products .product-list .list-wrapper::-webkit-scrollbar {
  display: none;
}
.home .mo-products .product-list .product-item {
  width: 148px !important;
  flex-shrink: 0;
}
.home .mo-products .product-list .product-item a {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.home .mo-products .product-list .product-item .product-thumb {
  height: 148px;
}
.home .mo-products .product-list .product-item .product-name {
  padding: 12px;
  background: #111;
  display: flex;
  flex: auto;
  align-items: center;
}
.home .mo-products .product-list .product-item .product-name span {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  opacity: 0.8;
}
.home .mo-products .product-list .product-item .product-name span:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_white_20.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

/* Brand Story, SKS Seoul */
.mo-bg-wrap {
  position: relative;
  width: 100%;
  height: 500px;
}
.mo-bg-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.mo-text-wrap {
  padding: 32px 20px 64px;
  background: #f9fafb;
}
.mo-text-wrap .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.mo-text-wrap .text-box {
  margin-top: 12px;
}
.mo-text-wrap .text-box p {
  color: #727780;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.mo-text-wrap .text-box p + p {
  margin-top: 12px;
}
.mo-text-wrap .view-more {
  display: inline-block;
  position: relative;
  margin-top: 24px;
  padding: 9px 32px 9px 14px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.2px;
  border-radius: 1000px;
  border: 1px solid #dee1e5;
  background: #fff;
}
.mo-text-wrap .view-more:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat;
  background-size: 100% auto;
}

/* 전시매장 찾아보기 */
.home .mo-store-banner {
  position: relative;
  padding: 45px 20px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/main/bg_store_banner_mo.png)
    no-repeat;
  background-size: 100% auto;
  z-index: 0;
}
.home .mo-store-banner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  opacity: 0.8;
  z-index: -1;
}
.home .mo-store-banner .banner-wrap {
  text-align: center;
}
.home .mo-store-banner .banner-wrap .title {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: rgba(255, 255, 255, 0.8);
}
.home .mo-store-banner .banner-wrap .title strong {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
  font-weight: 600;
}
.home .mo-store-banner .banner-wrap .search-link {
  display: inline-block;
  position: relative;
  margin-top: 12px;
  padding: 10px 30px 10px 13px;
  background: #111;
  border-radius: 1000px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #fff;
}
.home .mo-store-banner .banner-wrap .search-link:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 16px;
  height: 16px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_white_20.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

.referenceWrap .content {
  max-width: 1380px;
  margin: 0 auto;
  padding: 80px 0;
}
.referenceWrap .content .page-header {
  text-align: center;
}
.referenceWrap .content .page-header .category {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.referenceWrap .content .page-header .title {
  margin-top: 2px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.referenceWrap .content-inner {
  position: relative;
  margin-top: 68px;
  display: flex;
  gap: 0 24px;
  align-items: flex-start;
}
.left-area {
  width: 444px;
  flex-shrink: 0;
}
.left-area .tabs-wrap {
  margin-bottom: 16px;
  padding: 0 42px;
  height: 60px;
  border-bottom: 1px solid #eff0f2;
}
.left-area .tabs-content {
  display: none;
}
.left-area .tabs-content.active {
  display: block;
}
.left-area .tabs-wrap .tabs {
  display: flex;
  height: 100%;
}
.left-area .tabs-wrap .tabs li {
  position: relative;
  flex: 1;
  flex-shrink: 0;
}
.left-area .tabs-wrap .tabs .tab-menu {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 60px;
  letter-spacing: -0.2px;
  color: #444;
}
.left-area .tabs-wrap .tabs li.on:after {
  content: "";
  position: absolute;
  width: calc(100% - 120px);
  height: 2px;
  left: 60px;
  right: 60px;
  bottom: 0;
  background: #111;
}
.left-area .form-wrap {
  display: flex;
  gap: 0 8px;
}
.left-area .form-wrap .search-box {
  flex: 1;
}
.left-area .form-wrap .search-box input {
  width: 100%;
  height: 48px;
  padding: 0 16px 0 20px;
  border-radius: 8px;
  border: 1px solid #dee1e5;
  background: #fff;
  font-size: 14px;
}
.left-area .form-wrap .search-box input::placeholder {
  font-size: 14px;
  color: #727780;
}
.left-area .form-wrap .cell {
  width: 78px;
}
.left-area .form-wrap .cell .search-btn {
  width: 100%;
  padding: 14px 12px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 20px;
  border-radius: 8px;
  background: #111;
  color: #fff;
}
.left-area .form-wrap .cell .search-btn:disabled {
  background: #dee1e5;
}
.left-area .form-wrap .cell .search-btn:focus-visible {
  outline: 3px dotted #111;
}
.left-area .form-wrap.double-line {
  flex-direction: column;
}
.left-area .form-wrap.double-line .select-box {
  display: flex;
  gap: 0 8px;
  margin-top: 8px;
}
.left-area .form-wrap.double-line .select-box .select-wrap {
  flex: 1;
  flex-shrink: 0;
}
.select-wrap .ui-selectbox-wrap {
  display: block;
  position: relative;
}
.select-wrap .ui-selectbox-wrap .ui-select-button {
  display: block;
  position: relative;
  height: 48px;
  padding: 11px 44px 11px 20px;
  border-radius: 8px;
  border: 1px solid #dee1e5;
}
.select-wrap .ui-selectbox-wrap .ui-select-button:after {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_down_16.svg)
    no-repeat;
  background-size: 100% auto;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.disabled {
  border-color: #eff0f2;
  background: #f9fafb;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.disabled:after {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_down_16_gray.svg)
    no-repeat;
  background-size: 100% auto;
}
.select-wrap .ui-selectbox-wrap .ui-select-button.placeholder .ui-select-text {
  color: #111;
}
.select-wrap
  .ui-selectbox-wrap
  .ui-select-button.disabled.placeholder
  .ui-select-text {
  color: #cbd0d5;
}
.select-wrap .ui-selectbox-wrap.on .ui-select-button {
  border-radius: 8px 8px 0 0;
  border-color: #111;
  border-bottom-color: transparent;
}
.select-wrap .ui-selectbox-wrap.on .ui-select-button:after {
  transform: rotate(180deg);
}
.select-wrap .ui-selectbox-wrap .ui-select-text {
  font-size: 14px;
  line-height: 20px;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list {
  position: absolute;
  top: 47px;
  right: 0;
  left: 0;
  overflow: hidden;
  border: 1px solid #111;
  border-top: none;
  border-radius: 0 0 8px 8px;
  background: #fff;
  z-index: 1;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list ul li a {
  display: block;
  overflow: hidden;
  padding: 11px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #111;
  outline-offset: -1px;
}
.select-wrap .ui-selectbox-wrap .ui-selectbox-list ul li a:hover {
  background: #f9fafb;
  color: #111;
}
.left-area .tabs-wrap .tabs li.on .tab-menu {
  color: #111;
  font-weight: 600;
}
.search-result {
  margin-top: 24px;
}
.search-result .desc {
  font-size: 14px;
  line-height: 20px;
  color: #727780;
}
.search-result .desc span {
  font-size: 14px;
  line-height: 20px;
  color: #ea1917;
  font-weight: 600;
}
.search-result.no-result {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 0;
  width: 444px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
.search-result.no-result p {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px 0;
  font-size: 19px;
  line-height: 26px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.search-result.no-result p:before {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_notice_80.svg)
    no-repeat;
}
.store-list-box {
  margin-top: 8px;
  padding: 24px 0 24px 24px;
  border-radius: 16px;
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.28),
    0 2px 8px 0 rgba(33, 39, 49, 0.05);
  background: #fff;
}
.store-list-box .scroll-wrap {
  max-height: 466px;
  overflow-y: auto;
}
#searchResult2 .store-list-box .scroll-wrap {
  max-height: 410px;
}
.store-list-box .scroll-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  display: none;
}
.store-list-box .scroll-wrap .mCSB_scrollTools {
  width: 20px;
}
.store-list-box .scroll-wrap .mCSB_scrollTools .mCSB_draggerRail {
  width: 4px;
  background-color: #dddddd;
}
.store-list-box .scroll-wrap .mCSB_inside > .mCSB_container {
  margin-right: 24px;
}
.store-list-box .scroll-wrap .mCSB_scrollTools {
  opacity: 1;
}
.store-item {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #eff0f2;
}
.store-item:first-child {
  padding-top: 0;
  border-top: none;
}
.store-item:first-child .point-pin {
  top: 0;
}
.store-item .accordion-btn {
  display: block;
  position: relative;
  margin-left: 40px;
  outline-offset: -1px;
}
.store-item .accordion-btn:after {
  content: "";
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  top: 0;
  right: 0;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_down_24.svg)
    no-repeat center center;
  background-size: 100% auto;
}
.point-pin {
  position: absolute;
  top: 20px;
  left: 0;
  display: block;
  width: 36px;
  height: 36px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_pin_36.svg)
    no-repeat;
  background-size: 100% auto;
  text-align: center;
  cursor: pointer;
}
#map .point-pin {
  top: 0;
}
.point-pin .num {
  display: inline-block;
  font-size: 9px;
  line-height: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}
.point-pin.selected {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_pin_selected_36.svg)
    no-repeat;
  background-size: 100% auto;
}
.point-pin.selected .num {
  color: #ea1917;
}
.custom-map {
  position: relative;
}
.map-zoom-ctrl {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mobile .map-zoom-ctrl {
  top: 8px;
  right: 8px;
}
.zoom-btn {
  width: 48px;
  height: 48px;
  border: 0;
  cursor: pointer;
}
.mobile .zoom-btn {
  width: 40px;
  height: 40px;
}
.zoom-btn.zoom-in {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-map-zoomin.png)
    no-repeat center center;
  background-size: cover;
}
.zoom-btn.zoom-out {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon-map-zoomout.png)
    no-repeat center center;
  background-size: cover;
}
.zoom-btn:active {
  transform: scale(0.95);
}
.map-balloon {
  position: relative;
  width: 36px;
  height: 36px;
}
.map-balloon .info-title {
  display: none;
}
.map-balloon.active .info-title {
  display: block;
}
.store-item .accordion-btn .store-name {
  padding-top: 2px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.store-item .accordion-btn .store-address {
  margin-top: 8px;
}
.store-address .tit {
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  color: #444;
  margin-bottom: 4px;
}
.store-address .info {
  font-size: 12px;
  line-height: 16px;
  color: #727780;
}
.store-address .info + .info {
  margin-top: 2px;
}
.store-item .store-info {
  padding-left: 40px;
  overflow: hidden;
  max-height: 0;
  visibility: hidden;
  transition: max-height 0.3s ease;
}
.store-item .store-info .store-number,
.store-item .store-info .store-time {
  margin-top: 8px;
}
.store-item .store-info .tit {
  font-size: 12px;
  line-height: 16px;
  color: #444;
  margin-bottom: 4px;
}
.store-item .store-info .info {
  font-size: 12px;
  line-height: 16px;
  color: #727780;
}
.store-item .store-info .info-etc {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #727780;
  margin-top: 4px;
}
.store-item .store-info .info + .info {
  margin-top: 2px;
}
.store-item .store-info .store-photo {
  margin-top: 12px;
}
.store-item .store-info .noti {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #727780;
}

.store-item .accordion-btn.active:after {
  transform: rotate(180deg);
}
.store-item .accordion-btn.active + .store-info {
  visibility: visible;
}
.right-area {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  width: 912px;
  height: 690px;
}
.right-area img {
  display: block;
  width: auto;
  object-fit: cover;
}
.right-area .overlay-box {
  position: absolute;
  padding: 6px 12px;
  border-radius: 20px;
  background: #111;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #fff;
}
.right-area .overlay-box:after {
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 8px;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_tooltip.svg)
    no-repeat;
  background-size: 100% auto;
}

/* 모바일 */
.referenceWrap .mo-content {
  max-width: 767px;
  margin: 0 auto;
  padding-bottom: 56px;
}
.referenceWrap .mo-content .page-header {
  text-align: center;
  padding: 24px 20px;
}
.referenceWrap .mo-content .page-header .category {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.referenceWrap .mo-content .page-header .title {
  margin-top: 2px;
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.top-area {
  padding: 0 20px 32px;
}
.map-content {
  position: relative;
  width: 100%;
  height: 402px;
  border-radius: 8px;
  overflow: hidden;
}
.top-area img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.top-area .overlay-box {
  position: relative;
  padding: 6px 12px;
  border-radius: 20px;
  background: #111;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  color: #fff;
}
.top-area .overlay-box:after {
  content: "";
  position: absolute;
  display: block;
  width: 28px;
  height: 8px;
  top: 28px;
  left: 50%;
  transform: translateX(-50%);
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_tooltip.svg)
    no-repeat;
  background-size: 100% auto;
}
.bottom-area .tabs-wrap {
  padding: 0 20px;
  background: #111;
}
.bottom-area .tabs-wrap.fixed {
  position: fixed;
  top: 0px;
  z-index: 250;
  width: 100%;
}
.bottom-area .tabs-wrap.fixed.scroll-up {
  top: 56px;
}
.bottom-area .tabs-wrap .tabs {
  display: flex;
}
.bottom-area .tabs-wrap .tabs li {
  position: relative;
  flex: 1;
  flex-shrink: 0;
}
.bottom-area .tabs-wrap .tabs li.on:after {
  content: "";
  position: absolute;
  width: calc(100% - 120px);
  height: 2px;
  left: 60px;
  right: 60px;
  bottom: 0;
  background: #fff;
}
.bottom-area .tabs-wrap .tabs .tab-menu {
  display: block;
  text-align: center;
  font-size: 14px;
  line-height: 48px;
  color: rgba(255, 255, 255, 0.8);
}
.bottom-area .tabs-wrap .tabs li.on .tab-menu {
  font-weight: 600;
  color: #fff;
}
.bottom-area .tabs-content {
  display: none;
}
.bottom-area .tabs-content.active {
  display: block;
}
.bottom-area .tabs-wrap.fixed ~ .tabs-content .form-wrap {
  position: sticky;
  top: 48px;
  z-index: 250;
}
.bottom-area .tabs-wrap.fixed.scroll-up ~ .tabs-content .form-wrap {
  top: 104px;
}
.bottom-area .form-wrap {
  display: flex;
  padding: 20px;
  gap: 0 8px;
  background: #fff;
}
.bottom-area .form-wrap .search-box {
  flex: 1;
}
.bottom-area .form-wrap .search-box input {
  width: 100%;
  height: 48px;
  padding: 0 16px;
  border-radius: 8px;
  border: 1px solid #dee1e5;
  background: #fff;
  font-size: 14px;
}
.bottom-area .form-wrap .search-box input::placeholder {
  font-size: 14px;
  color: #727780;
}
.bottom-area .form-wrap .search-box input:focus,
.bottom-area .form-wrap .search-box input:focus-visible {
  outline-color: #111;
}
.bottom-area .form-wrap .search-box input:focus::placeholder,
.bottom-area .form-wrap .search-box input:focus-visible::placeholder {
  display: none;
}
.bottom-area .form-wrap .cell {
  width: 66px;
}
.bottom-area .form-wrap .cell .search-btn {
  width: 100%;
  padding: 14px 16px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.2px;
  line-height: 20px;
  border-radius: 8px;
  background: #111;
  color: #fff;
}
.bottom-area .form-wrap .cell .search-btn:disabled {
  background: #dee1e5;
}
.bottom-area .form-wrap .cell .search-btn:disabled {
  background: #dee1e5;
}
.bottom-area .form-wrap.double-line {
  flex-direction: column;
}
.bottom-area .form-wrap.double-line .select-box {
  display: flex;
  gap: 0 8px;
  margin-top: 8px;
}
.bottom-area .form-wrap.double-line .select-box .select-wrap {
  flex: 1;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .search-result {
    margin-top: 12px;
    padding: 0 20px;
  }
  .search-result.no-result {
    position: static;
    transform: none;
    margin-top: -146px;
    padding: 266px 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .search-result.no-result p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .search-result.no-result p:before {
    width: 48px;
    height: 48px;
    background-size: 100% 100%;
  }
  .search-result .desc {
    padding-bottom: 12px;
    border-bottom: 1px solid #eff0f2;
    font-size: 14px;
    line-height: 20px;
    color: #727780;
    letter-spacing: -0.2px;
  }
  .search-result .desc span {
    font-size: 14px;
    line-height: 20px;
    color: #ea1917;
    font-weight: 600;
    letter-spacing: -0.2px;
  }
  .store-list-box {
    margin-top: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .store-list-box .scroll-wrap {
    max-height: max-content !important;
    overflow-y: visible;
  }
  .store-item {
    padding: 24px 0;
    border-top: 1px solid #eff0f2;
  }
  .store-item:first-child {
    padding-top: 24px;
    border-top: none;
  }
  .store-item .accordion-btn {
    margin-left: 42px;
  }
  .store-item .accordion-btn:after {
    width: 20px;
    height: 20px;
  }
  .store-item .point-pin {
    width: 40px;
    height: 40px;
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_pin_40.svg)
      no-repeat;
    background-size: 100% auto;
    top: 24px;
  }
  .store-item:first-child .point-pin {
    top: 24px;
  }
  .store-item .point-pin .num {
    font-size: 12px;
    line-height: 16px;
  }
  .store-item .point-pin.selected {
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/reference/icon_pin_selected_40.svg)
      no-repeat;
    background-size: 100% auto;
  }
  .store-item .accordion-btn .store-name {
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.3px;
  }
  .store-item .accordion-btn .store-address {
    margin-top: 12px;
  }
  .store-address .tit {
    font-size: 14px;
    line-height: 20px;
  }
  .store-address .info {
    font-size: 14px;
    line-height: 20px;
  }
  .store-item .store-info {
    padding-left: 42px;
  }
  .store-item .store-info .store-number,
  .store-item .store-info .store-time {
    margin-top: 8px;
  }
  .store-item .store-info .tit {
    font-size: 14px;
    line-height: 20px;
  }
  .store-item .store-info .info {
    font-size: 14px;
    line-height: 20px;
  }
}

/***** 브랜드스토리 *****/
/* PC */
.brandWrap section.content {
  height: 800px;
  /* min-width: 1460px; */
}
.brandWrap .content-inner {
  position: relative;
  height: 100%;
  background: #f9fafb;
}
.brandWrap .page-header {
  max-width: 1380px;
  margin: 0 auto;
  padding: 80px 0 40px;
  text-align: center;
}
.brandWrap .page-header .category {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.brandWrap .page-header .title {
  margin-top: 2px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* 히어로배너 */
#brandBanner {
  height: auto;
}
.brandWrap .brandstory-banner {
  position: relative;
  overflow: hidden;
}
.brandWrap .brandstory-banner .visual-box {
  height: 760px;
  background: #111;
  text-align: center;
}
/* .brandWrap .brandstory-banner .visual-box .swiper.banner-swiper {
  height: 760px;
  background: #111;
}
.brandWrap .brandstory-banner .visual-box .swiper-slide {
  height: 760px;
  max-width: 1920px;
  margin: 0 auto;
} */
.brandWrap .brandstory-banner .visual-box img {
  object-fit: cover;
}
.brandWrap .brandstory-banner .text-box {
  position: absolute;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
  z-index: 5;
}
.brandWrap .brandstory-banner .banner-text {
  text-align: center;
}
.brandWrap .brandstory-banner .banner-text .title {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
  letter-spacing: -1.4px;
  color: #fff;
}
.brandWrap .brandstory-banner .banner-text .desc {
  margin-top: 16px;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
  color: #fff;
  font-weight: 500;
  opacity: 0.8;
}
/* 텍스트배너 */
#textBanner {
  height: auto;
  padding: 120px 0;
  background: #111;
  text-align: center;
}
#textBanner .inner {
  max-width: 1380px;
  /* width: 1380px; */
  margin: 0 auto;
}
#textBanner .inner img {
  display: inline-block;
  width: 120px;
  height: auto;
}
#textBanner .inner p {
  margin-top: 24px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #fff;
  opacity: 0.8;
}

/* 컨텐츠-최고의 퍼포먼스, 키친 라이프 */
.brandWrap .content01,
.content02 {
  overflow: hidden;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
.brandWrap .active .content01,
.brandWrap .active .content02 {
  background: #111;
}
.brandWrap .text-wrap {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
  z-index: 3;
}

.brandWrap .text-wrap .text-box p {
  color: #727780;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  transition: color cubic-bezier(0.4, 0, 0.2, 1) 0.5s;
}
.brandWrap .text-box p + p {
  margin-top: 28px;
}

.brandWrap .bg-wrap img {
  position: absolute;
  width: 100%;
  object-fit: cover;
  overflow: clip;
  object-position: 50% 50%;
}
.brandWrap .content01 .bg-wrap {
  right: -118px;
  top: 59px;
}
.brandWrap .content02 .bg-wrap {
  left: -118px;
  top: 59px;
}
.brandWrap .active .content01 .bg-wrap,
.brandWrap .active .content02 .bg-wrap {
  scale: 1;
  top: 61px;
}
.brandWrap .active .content01 .bg-wrap {
  right: 0;
}
.brandWrap .active .content02 .bg-wrap {
  left: 0;
}

.brandWrap .content02 .text-wrap {
  right: 0;
}
.brandWrap .content02 .text-wrap .inner {
  right: 0;
}
.brandWrap .content.active .text-wrap {
  color: #fff;
  z-index: 1;
}
.brandWrap .content.active .text-wrap .title {
  color: #fff;
}
.brandWrap .content.active .text-wrap .text-box p {
  color: #fff;
  opacity: 0.8;
}

/* Mobile */
.brandWrap .content.mobile {
  max-width: 767px;
  margin: 0 auto;
  min-width: initial;
}

/* 히어로배너 */
.brandWrap .content.mobile .page-header {
  padding: 24px 20px;
}
.brandWrap .content.mobile .page-header .category {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.brandWrap .content.mobile .page-header .title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
}
#brandBannerMo {
  height: auto;
}
.brandWrap .m-brandstory-banner {
  position: relative;
  overflow: hidden;
}
.brandWrap .m-brandstory-banner .visual-box .swiper.m-banner-swiper {
  height: 540px;
}
.brandWrap .m-brandstory-banner .visual-box .swiper-slide {
  height: 540px;
}
.brandWrap .m-brandstory-banner .visual-box .swiper-slide img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.brandWrap .m-brandstory-banner .banner-text {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: 80px;
  transform: translateX(-50%);
  z-index: 5;
  text-align: center;
}
.brandWrap .m-brandstory-banner .banner-text .title {
  font-size: 28px;
  line-height: 32px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.5px;
}
.brandWrap .m-brandstory-banner .banner-text .desc {
  margin-top: 12px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
  opacity: 0.8;
}

/* 텍스트배너 */
#textBannerMo {
  height: auto;
  padding: 40px 20px;
  background: #111;
  text-align: center;
}
#textBannerMo .inner img {
  display: inline-block;
  width: 100px;
  height: auto;
}
#textBannerMo .inner p {
  margin-top: 20px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
  opacity: 0.8;
}

/* 컨텐츠-최고의 퍼포먼스, 키친 라이프 */
#bestPerformanceMo {
  height: auto;
}
#kitchenLifeMo {
  height: auto;
}
.brandWrap .mo-bg-wrap {
  position: relative;
  width: 100%;
  height: 500px;
}
.brandWrap .mo-bg-wrap img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  object-fit: cover;
}
.brandWrap .mo-text-wrap {
  padding: 32px 20px 80px;
  background: #f9fafb;
}
.brandWrap .mo-text-wrap .text-box {
  margin-top: 0;
}

.brandWrap .mo-text-wrap .text-box p {
  color: #727780;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.brandWrap .mo-text-wrap .text-box p + p {
  margin-top: 20px;
}

/*****  SKS Seoul소개  *****/
/* PC */
.header.hide {
  top: -80px;
}
.introWrap .content-inner {
  position: relative;
  max-width: 1380px;
  /* width: 1380px; */
  margin: 0 auto;
}
.introWrap .page-header {
  max-width: 1380px;
  margin: 0 auto;
  padding: 80px 0 40px;
  text-align: center;
}
.introWrap .page-header .category {
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  letter-spacing: -0.5px;
}
.introWrap .page-header .title {
  margin-top: 2px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 600;
  letter-spacing: -0.5px;
}

/* 이미지배너 */
#introBanner {
  background: #111;
}
.introWrap .intro-banner {
  position: relative;
  max-height: 1588px;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.intro-banner img {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 1588px;
}
.intro-banner .banner-text {
  position: absolute;
  max-width: 1380px;
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.intro-banner .banner-text .title {
  color: #fff;
  font-size: 36px;
  line-height: 50px;
  letter-spacing: -0.5px;
  font-weight: 600;
  white-space: nowrap;
}
.intro-banner .banner-text .desc-box {
  margin-top: 12px;
}
.intro-banner .banner-text .desc-box p {
  font-size: 24px;
  line-height: 32px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.5px;
  white-space: nowrap;
}
.intro-banner .banner-text .desc-box p + p {
  margin-top: 16px;
}

/* Architecture Story */
#architecture {
  background: #111;
}
.architecture-story {
  padding: 40px 0 80px;
  background: #111;
  text-align: center;
}
.architecture-story .title {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.architecture-story .desc-box {
  margin-top: 12px;
}
.architecture-story .desc-box p {
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  opacity: 0.8;
  letter-spacing: -0.5px;
}
.architecture-story .desc-box p + p {
  margin-top: 16px;
}
.architecture-story .floor-map {
  position: relative;
  padding: 80px 0;
  border-bottom: 1px solid #3d3e3e;
}
.architecture-story .floor-map img {
  display: inline-block;
  width: 418px;
  height: 990px;
}
.architecture-story .floor-list .floor-info {
  position: absolute;
  width: 434px;
}
.architecture-story .floor-list .floor-info.right-type {
  right: 0;
  text-align: left;
}
.architecture-story .floor-list .floor-info.left-type {
  left: 0;
  text-align: right;
}
.architecture-story .floor-list .floor-info.b1 {
  bottom: 148px;
}
.architecture-story .floor-list .floor-info.floor3 {
  bottom: 575px;
}
.architecture-story .floor-list .floor-info.floor5 {
  top: 80px;
}
.architecture-story .floor-list .floor-info.floor1 {
  bottom: 383px;
}
.architecture-story .floor-list .floor-info.floor4 {
  top: 244px;
}
.architecture-story .floor-list .floor-info strong {
  display: block;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.architecture-story .floor-list .floor-info .floor-name {
  margin: 4px 0 2px;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.architecture-story .floor-list .floor-info .floor-desc {
  display: block;
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  letter-spacing: -0.4px;
  opacity: 0.8;
}
.architecture-story .info {
  padding-top: 40px;
  display: flex;
  justify-content: center;
  gap: 0 120px;
}
.architecture-story .info .title {
  font-size: 22px;
  line-height: 38px;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.architecture-story .info-list li {
  display: flex;
  height: 40px;
  text-align: left;
  gap: 32px;
}
.architecture-story .info-list li.list-h-auto {
  height: auto;
}
.architecture-story .info-list .list-name {
  position: relative;
  width: 130px;
  padding-left: 40px;
  font-size: 16px;
  line-height: 40px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.2px;
  flex-shrink: 0;
}
.architecture-story .info-list .list-name:before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
  left: 0;
}
.architecture-story .info-list .list-name.location:before {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_location.svg)
    no-repeat;
  background-size: 100% auto;
}
.architecture-story .info-list .list-name.time:before {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_time.svg)
    no-repeat;
  background-size: 100% auto;
}
.architecture-story .info-list .list-name.number:before {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_number_v2.svg)
    no-repeat;
  background-size: 100% auto;
}
.architecture-story .info-list .list-cont {
  flex: 1;
  flex-shrink: 0;
  font-size: 16px;
  line-height: 40px;
  color: #aaa !important;
}
.architecture-story .info-list .list-cont-box {
  padding-top: 9px;
}
.architecture-story .info-list .list-cont-box p {
  line-height: 22px;
}

/* 층별 안내 */
#floorIntroduction,
#floorIntroductionMo {
  overflow: hidden;
}
.floor-introduction {
  width: 100%;
}
#floorIntroduction .tabs-wrap,
#floorIntroductionMo .tabs-wrap {
  padding: 0 270px;
  height: 60px;
  background: #f3f5f7;
}
#floorIntroduction .tabs-wrap.fixed,
#floorIntroductionMo .tabs-wrap.fixed {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 250;
}
#floorIntroduction .tabs-wrap.fixed {
  top: 80px;
}
#floorIntroduction .tabs-wrap.fixed.up,
#floorIntroductionMo .tabs-wrap.fixed.up {
  top: 80px;
}
#floorIntroduction .tabs-wrap .tabs,
#floorIntroductionMo .tabs-wrap .tabs {
  display: flex;
  justify-content: center;
  height: 60px;
}
#floorIntroduction .tabs-wrap .tab-menu,
#floorIntroductionMo .tabs-wrap .tab-menu {
  position: relative;
  display: block;
  width: 180px;
  height: 100%;
  font-size: 19px;
  line-height: 60px;
  color: #444;
  letter-spacing: -0.4px;
  text-align: center;
}
#floorIntroduction .tabs-wrap li.on .tab-menu,
#floorIntroductionMo .tabs-wrap li.on .tab-menu {
  color: #111;
  font-weight: 600;
}
#floorIntroduction .tabs-wrap li.on .tab-menu:after,
#floorIntroductionMo .tabs-wrap li.on .tab-menu:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 21px;
  height: 2px;
  background: #111;
}
.floor-introduction .tabs-content {
  padding: 80px 0;
  max-width: 1380px;
  margin: 0 auto;
}
.floor-introduction .floor-info {
  text-align: center;
}
.floor-introduction .floor-info strong {
  display: block;
  font-size: 32px;
  line-height: 44px;
  font-weight: 600;
  color: #727780;
  letter-spacing: -0.5px;
  opacity: 0.9;
}
.floor-introduction .floor-info .floor-name {
  margin-bottom: 6px;
  font-size: 52px;
  line-height: 62px;
  font-weight: 600;
  letter-spacing: -1.4px;
}
.floor-introduction .floor-info .floor-desc {
  display: block;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.5px;
}

.floor-introduction .floor-swiper {
  width: 100%;
  margin: 40px 0;
}
.floor-introduction .floor-swiper .swiper-slide {
  max-width: 1380px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.floor-introduction .floor-swiper .swiper-slide img {
  display: block;
  width: 100%;
}
.floor-introduction .floor-swiper .slide-arrow {
  position: absolute;
  width: 1380px;
  height: 72px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.slide-arrow .swiper-button {
  position: absolute;
  width: 72px;
  height: 72px;
  color: transparent;
}
.slide-arrow .swiper-button .swiper-navigation-icon {
  display: none;
}
.floor-swiper-box {
  position: relative;
}
.slide-arrow .swiper-button.swiper-button-prev {
  top: 50%;
  transform: translateY(-50%);
  left: -36px;
  margin: 0;
}
.slide-arrow .swiper-button.swiper-button-prev:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(180deg);
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  border-radius: 100%;
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36),
    0 2px 8px 0 rgba(33, 39, 49, 0.08);
  background: #fff
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat center / 20px auto;
}
.slide-arrow .swiper-button.swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  right: -36px;
  margin: 0;
}
.slide-arrow .swiper-button.swiper-button-next:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 48px;
  height: 48px;
  font-size: 0;
  border-radius: 100%;
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36),
    0 2px 8px 0 rgba(33, 39, 49, 0.08);
  background: #fff
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat center / 20px auto;
}
.floor-introduction .floor-swiper .swiper-pagination {
  display: block;
  width: auto;
  height: 32px;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  padding: 7px 8px;
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.6);
}
.floor-introduction .floor-swiper .swiper-pagination-bullet {
  position: relative;
  width: 18px;
  height: 18px;
  margin: 0 !important;
  background: none;
  opacity: 1;
  vertical-align: top;
}
.floor-introduction .floor-swiper .swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 6px;
  height: 6px;
  border-radius: 100%;
  background: #fff;
  opacity: 0.7;
  z-index: 1;
}
.floor-introduction .floor-swiper .swiper-pagination-bullet-active:after {
  width: 10px;
  height: 10px;
  opacity: 1;
  background: transparent
  url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon-slide-dot.svg)
  no-repeat;
  background-size: cover;
}
.floor-introduction .text-box {
  text-align: center;
}
.floor-introduction .text-box p {
  font-size: 20px;
  line-height: 28px;
  color: #727780;
  letter-spacing: -0.4px;
}
.floor-introduction .text-box p + p {
  margin-top: 16px;
}
.floor-introduction .text-box .noti {
  display: inline-block;
  margin-top: 16px;
  font-size: 15px;
  line-height: 20px;
  color: #727780;
  letter-spacing: -0.2px;
}
.floor-introduction .btn-reservation {
  position: relative;
  display: inline-block;
  margin-top: 30px;
  padding: 13px 38px 13px 18px;
  border: 1px solid #dee1e5;
  border-radius: 1000px;
  background: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
}
.floor-introduction .btn-reservation:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_20.svg)
    no-repeat;
  background-size: 100% auto;
}

/* Mobile */
.introWrap .content.mobile {
  max-width: 767px;
  margin: 0 auto;
  min-width: initial;
}

/* 이미지배너 */
.introWrap .content.mobile .page-header {
  padding: 24px 20px;
  text-align: center;
}
.introWrap .content.mobile .page-header .category {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
}
.introWrap .content.mobile .page-header .title {
  font-size: 24px;
  line-height: 32px;
}

@media screen and (min-width:768px) and (max-width:1279px) { 
  .introWrap .slide-arrow .swiper-button.swiper-button-prev {
    left: 0;
  }
  .introWrap  .slide-arrow .swiper-button.swiper-button-next {
    right: 0;
  }
  .calendar-img {
    display: none;
  }
  .pad .productWrap section.content {
    min-width: auto;
  }
  .pad .product-kv-swiper .swiper-arrow {
    width:88%;
  }
  .pad .product-kv-swiper .swiper-navigation {
    width: 100%;
  }
  .pad .product-content .product-copy {
    height: 800px;
  }
  .pad .product-content .product-copy .text-inner{
    width:100%;
  }
  .pad .product-content .product-copy img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pad .product-content .product-detail .text-inner {
    width: 100%;
    left: 60%;
  }
  .pad .product-content .product-detail.rightCenter .text-box{
    right: 15%;
  }
  .pad .productWrap .content-header{
    max-width: 1380px;
    width: 100%;
    min-width: auto;
  }
  .pad .productWrap .tabs-wrap {
    max-width: 1380px;
    width: 100%;
    min-width: auto;
  }
  .pad .product-feature .tabs-content {
    max-width: 1380px;
    width: 100%;
    min-width: auto;
    padding-bottom: 40px;
  }
  .pad .product-feature .tabs-content .feature-text {
    flex-basis: 396px;
  }
  .pad .product-thinQ .feature-detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .pad .product-thinQ .feature-detail .text-inner {
    width: 100%;
    left: 60%;
  }
  .pad .product-thinQ .feature-list {
    max-width: 1380px;
    width: 100%;
  }
  .pad .product-thinQ .noti {
    max-width: 1380px;
    width: 100%;
  }
  .pad .productWrap .tabs-content {
    max-width: 1380px;
    width: 100%;
  }
  .pad .product-install .multiple-list {
    max-width: 1380px;
    width: 100%;
  }
  .pad .product-install .install-detail {
    max-width: 1380px;
    width: 100%;
  }
  .pad .product-thinQ .feature-detail, .pad .product-content .product-detail {
    overflow: hidden;
  }
  .pad .product-thinQ .noti-box {
    max-width: 1380px;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .m-header.hide {
    top: -60px;
  }
  .introWrap .content-inner {
    min-width: initial;
    width: 100%;
  }
  .introWrap .intro-banner {
    height: 551px;
    min-width: initial;
  }
  .intro-banner img {
    height: 100%;
  }
  .intro-banner .banner-text {
    top: 40px;
    width: calc(100% - 40px);
  }
  .intro-banner .banner-text .title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.5px;
  }
  .intro-banner .banner-text .desc-box p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: initial;
  }
  .intro-banner .banner-text .desc-box p + p {
    margin-top: 12px;
  }

  /* Architecture Story */
  .architecture-story {
    padding: 32px 20px 24px;
  }
  .architecture-story .title {
    font-size: 24px;
    line-height: 32px;
  }
  .architecture-story .desc-box p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .architecture-story .desc-box p + p {
    margin-top: 12px;
  }
  .architecture-story .floor-map {
    margin-top: 40px;
    padding: 0;
    border-bottom: none;
  }
  .architecture-story .floor-list .floor-info {
    position: initial;
    display: flex;
    gap: 0 5px;
    width: auto;
    padding: 24px 0;
    text-align: left;
    border-bottom: 1px solid #3d3e3e;
  }
  .architecture-story .floor-list .floor-info .info-text {
    flex: 1;
  }
  .architecture-story .floor-list .floor-info .info-img {
    width: 137px;
  }
  .architecture-story .floor-list .floor-info .info-img img {
    width: 100%;
    height: auto;
  }
  .architecture-story .floor-list .floor-info:first-child {
    margin-top: 0;
  }
  .architecture-story .floor-list .floor-info:last-child {
    border-bottom: none;
  }
  .architecture-story .floor-list .floor-info strong {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: initial;
  }
  .architecture-story .floor-list .floor-info .floor-name {
    margin: 0 0 4px;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: initial;
  }
  .architecture-story .floor-list .floor-info .floor-desc {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: initial;
  }
  .architecture-story .info {
    display: block;
    padding: 24px 20px;
    margin: 24px 0 0;
    text-align: left;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.1);
  }
  .architecture-story .info-list {
    /* padding: 32px 20px; */
  }
  .architecture-story .info-list li {
    display: block;
    height: auto;
    margin-top: 32px;
  }
  .architecture-story .info-list li {
    height: auto;
  }
  .architecture-story .info-list .list-cont-box {
    padding-top: 8px;
  }
  .architecture-story .info-list .list-cont-box p {
    margin-top: 0;
    line-height: 20px;
  }
  .architecture-story .info .title {
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.2px;
  }
  .architecture-story .info-list .list-name {
    display: block;
    padding-left: 28px;
    width: auto;
    height: 24px;
    font-size: 17px;
    line-height: 24px;
    letter-spacing: -0.3px;
  }
  .architecture-story .info-list .list-name:before {
    width: 24px;
    height: 24px;
  }
  .architecture-story .info-list .list-name.location:before {
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_location_24.svg)
      no-repeat;
    background-size: 100% auto;
  }
  .architecture-story .info-list .list-name.time:before {
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_time_24.svg)
      no-repeat;
    background-size: 100% auto;
  }
  .architecture-story .info-list .list-name.number:before {
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon_number_24.svg)
      no-repeat;
    background-size: 100% auto;
  }
  .architecture-story .info-list .list-cont {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
  }

  /* 층별 안내 */
  .floor-introduction {
    padding-bottom: 56px;
  }
  #floorIntroductionMo .tabs-wrap {
    padding: 0;
    height: 48px;
  }
  #floorIntroductionMo .tabs-wrap.fixed.up {
    top: 56px;
  }
  #floorIntroductionMo .tabs-wrap .tabs {
    justify-content: flex-start;
    height: 48px;
  }
  #floorIntroductionMo .tabs-wrap li {
    flex: 1;
  }
  #floorIntroductionMo .tabs-wrap .tab-menu {
    width: 100%;
    color: #111;
    font-size: 14px;
    line-height: 48px;
    letter-spacing: initial;
  }
  #floorIntroductionMo .tabs-wrap li.on .tab-menu:after {
    width: 16px;
  }
  .floor-introduction .tabs-content {
    padding: 32px 0 24px;
    min-width: initial;
    width: 100%;
  }
  .floor-introduction .tabs-wrap + .tabs-content {
    padding-top: 40px;
  }
  .floor-introduction .floor-info {
    width: 100%;
  }
  .floor-introduction .floor-info strong {
    font-size: 19px;
    line-height: 26px;
    letter-spacing: -0.4px;
    opacity: 1;
  }
  .floor-introduction .floor-info .floor-name {
    margin: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: -0.5px;
  }
  .floor-introduction .floor-info .floor-desc {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .floor-introduction .floor-swiper {
    margin: 24px 0;
  }
  .floor-introduction .floor-swiper .swiper-slide {
    width: 350px;
  }
  .floor-introduction .floor-swiper .slide-arrow {
    display: none;
  }
  .floor-introduction .floor-swiper .swiper-pagination {
    display: block;
    width: auto;
    height: 24px;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    padding: 3px 8px;
    border-radius: 1000px;
    background: rgba(0, 0, 0, 0.6);
  }
  .floor-introduction .floor-swiper .swiper-pagination-bullet {
    position: relative;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    background: none;
  }
  .floor-introduction .floor-swiper .swiper-pagination-bullet:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
    opacity: 0.7;
    z-index: 1;
  }
  .floor-introduction .floor-swiper .swiper-pagination-bullet-active:after {
    width: 10px;
    height: 10px;
    opacity: 1;
    background: transparent
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/introduction/icon-slide-dot.svg)
    no-repeat;
    background-size: cover;
  }
  .floor-introduction .text-box {
    padding: 0 20px;
  }
  .floor-introduction .text-box p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .floor-introduction .text-box p + p {
    margin-top: 12px;
  }
  .floor-introduction .text-box .noti {
    margin-top: 12px;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: initial;
  }
  .floor-introduction .btn-reservation {
    margin-top: 24px;
    padding: 9px 32px 9px 16px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: initial;
  }
  .floor-introduction .btn-reservation:after {
    width: 16px;
    height: 16px;
  }
}

/***** products *****/
.productWrap section.content {
  min-width: 1460px;
}
.popup-dim {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0, 0, 0, 0.3);
}
.popup-dim.active {
  display: block;
}
.popup-wrap {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 0 48px;
  width: 100%;
  max-width: 912px;
  background: #fff;
  border-radius: 16px;
  z-index: 1000;
  pointer-events: none;
}
.popup-wrap.active {
  display: block;
  pointer-events: auto;
}
.popup-wrap .pop-header {
  margin: 0 40px;
  padding: 22px 0;
}
.popup-wrap .pop-header .tit {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.popup-wrap .pop-conts {
  border-top: 1px solid #eff0f2;
  padding: 28px 40px 16px;
  height: calc(100% - 60px);
  max-height: calc(100% - 60px);
}
.popup-wrap .pop-conts .inner + .inner {
  margin-top: 24px;
}
.popup-wrap .pop-conts .title {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  color: #444;
  margin-bottom: 8px;
}
.popup-wrap .pop-conts .content .bullet-list li {
  position: relative;
  padding-left: 16px;
  margin-top: 4px;
  font-size: 14px;
  line-height: 20px;
  color: #444;
}
.popup-wrap .pop-conts .content .bullet-list li:first-child {
  margin-top: 0;
}
.popup-wrap .pop-conts .content .bullet-list li:before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  width: 3px;
  height: 3px;
  background: #444;
  border-radius: 100%;
}
.popup-wrap .btn-close {
  position: absolute;
  top: 22px;
  right: 36px;
  width: 28px;
  height: 28px;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/btn_close.svg)
    no-repeat;
  background-size: 100% auto;
}
.product-banner {
  height: 760px;
}
.product-kv-swiper .swiper-slide {
  position: relative;
  height: 760px;
  background: #000;
}
.product-kv-swiper .product-kv {
  height: 100%;
  max-width: 1920px;
  margin: 0 auto;
}
.product-kv-swiper .product-kv img {
  object-fit: cover;
  height: 100%;
}
.product-kv-swiper .product-text {
  position: absolute;
  width: 1380px;
  left: 50%;
  bottom: 100px;
  transform: translateX(-50%);
  text-align: center;
}
.product-kv-swiper .product-text .title {
  font-size: 52px;
  line-height: 62px;
  letter-spacing: -1.4px;
  font-weight: 700;
  color: #fff;
}
.product-kv-swiper .product-text .desc {
  margin-top: 16px;
  font-size: 24px;
  line-height: 32px;
  color: #ccc;
  letter-spacing: -0.5px;
  opacity: 0.8;
}
.product-kv-swiper .swiper-arrow {
  position: absolute;
  width: 1380px;
  height: 96px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.product-kv-swiper .swiper-arrow .swiper-button {
  position: absolute;
  margin: 0;
  width: 96px;
  height: 96px;
  top: 0;
}
.product-kv-swiper .swiper-arrow .swiper-button-prev {
  left: -48px;
}
.product-kv-swiper .swiper-arrow .swiper-button-next {
  right: -48px;
}
.product-kv-swiper .swiper-arrow .swiper-button:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 64px;
  height: 64px;
  font-size: 0;
  border-radius: 100%;
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 1px 0 rgba(33, 39, 49, 0.36),
    0 2px 8px 0 rgba(33, 39, 49, 0.08);
  backdrop-filter: blur(2.6407408714294434px);
}
.product-kv-swiper .swiper-arrow .swiper-button-prev:after {
  background: rgba(143, 143, 143, 0.4)
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_24_white.svg)
    no-repeat center / 24px auto;
  transform: translate(-50%, -50%) rotate(180deg);
}
.product-kv-swiper .swiper-arrow .swiper-button-next:after {
  background: rgba(143, 143, 143, 0.4)
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_24_white.svg)
    no-repeat center / 24px auto;
  transform: translate(-50%, -50%);
}
.product-kv-swiper .swiper-arrow .swiper-button .swiper-navigation-icon {
  display: none;
}
.product-kv-swiper .swiper-navigation {
  position: absolute;
  width: 1380px;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  padding-right: 24px;
  z-index: 1;
}
.product-kv-swiper .swiper-navigation .navigation-inner {
  display: flex;
  height: 32px;
  gap: 0 1px;
  justify-content: flex-end;
}
.product-kv-swiper .swiper-navigation .swiper-button {
  width: 30px;
  height: 100%;
  border-radius: 100px 0 0 100px;
  background: rgba(255, 255, 255, 0.2)
    url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_pause_white.svg)
    no-repeat top 8px left 8px / 16px auto;
}
.product-kv-swiper .swiper-navigation .swiper-button.play {
  background-image: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_play_white.svg);
}
.product-kv-swiper .swiper-navigation .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  height: 100%;
  padding: 0 10px 0 8px;
  border-radius: 0 100px 100px 0;
  color: #fff;
  background: rgba(255, 255, 255, 0.2);
  font-size: 0;
}
.product-kv-swiper .swiper-navigation .swiper-pagination > span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 32px;
  min-width: 14px;
}
.product-kv-swiper .swiper-navigation .swiper-pagination-current {
  font-weight: 600;
}
.product-kv-swiper
  .swiper-navigation
  .swiper-pagination
  > span.swiper-pagination-total {
  position: relative;
  padding-left: 11px;
  min-width: 27px;
}
.product-kv-swiper .swiper-navigation .swiper-pagination-total:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5px;
  width: 1px;
  height: 10px;
  background: #fff;
  opacity: 0.4;
  transform: translateY(-50%);
}

.productWrap .content-header {
  min-width: 1380px;
  width: 1380px;
  margin: 0 auto;
  padding: 160px 0 80px;
  text-align: center;
}
.productWrap .content-header .eyebrow {
  display: block;
  margin-bottom: 4px;
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  letter-spacing: -0.5px;
}
.productWrap .content-header .title {
  font-size: 48px;
  line-height: 58px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.productWrap .content-header .desc {
  margin-top: 16px;
  font-size: 24px;
  line-height: 32px;
  color: #aaa;
  letter-spacing: -0.5px;
}
.productWrap .text-box .eyebrow {
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  letter-spacing: -0.5px;
}
.productWrap .text-box .title {
  margin: 2px 0 16px;
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.productWrap .text-box .desc-area {
  display: flex;
  margin-top: 32px;
}
.productWrap .text-box .desc-area .desc-item .category {
  display: inline-block;
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid #444;
  font-size: 13px;
  line-height: 18px;
  font-weight: 500;
  color: #fff;
}
.productWrap .text-box .desc-area .desc-item {
  position: relative;
}
.productWrap .text-box .desc-area .desc-item + .desc-item {
  padding-left: 72px;
}
.productWrap .text-box .desc-area .desc-item + .desc-item:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 48px;
  width: 1px;
  height: 76px;
  background: rgba(255, 255, 255, 0.15);
  transform: translateY(-50%);
}
.productWrap .text-box .desc-area .desc-item .cont {
  margin-top: 6px;
  font-size: 16px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #fff;
}
.productWrap .text-box .desc {
  font-size: 20px;
  line-height: 28px;
  color: #aaa;
  letter-spacing: -0.4px;
}
.productWrap .text-box .small-txt {
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.productWrap .text-box .small-txt span {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.productWrap .text-box .small-txt span:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.productWrap .text-box .more-link {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding-right: 13px;
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  margin-top: -2px;
}
.productWrap .text-box .more-link:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_gray.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}
.productWrap .text-box .open-modal {
  position: relative;
  display: inline-block;
  margin-left: 8px;
  padding-right: 13px;
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  margin-top: -2px;
}
.productWrap .text-box .open-modal:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  right: 0;
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_gray.svg)
    no-repeat;
  background-size: 100% auto;
  transform: translateY(-50%);
}

.productWrap .text-box .small-txt + .small-txt {
  margin-top: 0;
}
.productWrap .tabs-wrap {
  width: 1380px;
  height: 60px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.productWrap .tabs-wrap .tabs {
  display: flex;
  gap: 0 24px;
}
.productWrap .tabs-wrap .tabs .tab-menu {
  position: relative;
  display: block;
  font-size: 19px;
  line-height: 60px;
  letter-spacing: -0.4px;
  color: #fff;
  opacity: 0.7;
}
.productWrap .tabs-wrap .tabs li.on .tab-menu {
  opacity: 1;
  font-weight: 600;
}
.productWrap .tabs-wrap .tabs li.on .tab-menu:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background: #fff;
  left: 0;
  bottom: 0;
}
.productWrap .tabs-content {
  width: 1380px;
  margin: 0 auto;
}
.productWrap .noti-list {
  padding-top: 20px;
}
.productWrap .noti-list li {
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.productWrap .bullet-list li {
  position: relative;
  padding-left: 17px;
  font-size: 16px;
  line-height: 22px;
  color: #8f8f8f;
  letter-spacing: -0.2px;
}
.productWrap .bullet-list li:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background: #8f8f8f;
  border-radius: 100%;
}
.productWrap .bullet-list li + li {
  margin-top: 8px;
}
.productWrap .multiple-list li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.productWrap .multiple-list li:before {
  content: "*";
  position: absolute;
  top: 0;
  left: 0;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.product-content {
  background: #111;
}
.product-content .product-copy {
  position: relative;
  max-width: 1920px;
  margin: 0 auto;
}
.product-content .product-copy img {
  display: block;
}
.product-content .product-copy .text-inner {
  position: absolute;
  width: 1380px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-content .product-copy.leftCenter .text-inner {
  /* width:678px;
  top:50%;
  left:270px;
  padding:80px 0;
  transform:translateY(-50%);
  border-top:1px solid #727780;
  border-bottom:1px solid #727780; */
}
.product-content .product-copy.leftCenter .text-inner .text-box {
  position: absolute;
  width: 678px;
  top: 50%;
  left: 0;
  padding: 229px 0;
  transform: translateY(-50%);
  border-top: 1px solid #727780;
  border-bottom: 1px solid #727780;
}
.product-content .product-copy .text-box .title {
  margin: 8px 0 30px;
  font-size: 48px;
  line-height: 58px;
}
.product-content .product-detail {
  position: relative;
  height: 1080px;
  max-width: 1920px;
  margin: 0 auto;
}
.product-content .product-detail.for-induction {
  height: auto;
  padding-bottom: 160px;
  background: #111;
}
.product-content .product-detail.for-dishwasher {
  height: auto;
  padding: 160px 0 60px;
  background: #111;
}
.product-content .product-detail .text-inner {
  position: absolute;
  width: 1380px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-content .product-detail .text-box {
  position: absolute;
}
.product-content .product-detail img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.product-content .product-detail.leftBottom .text-box {
  left: 0;
  bottom: 200px;
}
.product-content .product-detail.rightBottom .text-box {
  right: 0;
  bottom: 200px;
}
/* .product-content .product-detail.rightCenter .text-inner {
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  right:0;
} */
.product-content .product-detail.rightCenter .text-box {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-content .product-detail.leftCenter .text-box {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-detail.for-induction .content-box {
  width: 1380px;
  margin: 0 auto;
  padding: 80px 48px;
  border-radius: 16px;
  background: #1d1d1d;
  text-align: center;
}
.product-detail.for-induction .content-box > .title {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.product-detail.for-induction .content-box > .title.type2 {
  font-size: 28px;
}
.product-detail.for-induction .content-box .thumb {
  margin: 80px 0;
  text-align: center;
}
.product-detail.for-induction .content-box .thumb img {
  width: auto;
  height: auto;
}
.product-detail.for-induction .content-box .content-list .title {
  padding-bottom: 24px;
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: #ccc;
  border-bottom: 1px solid #727780;
}
.product-detail.for-induction .content-box .content-list .title .num {
  display: inline-block;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: #ccc;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #111;
  letter-spacing: -0.2px;
}
.product-detail.for-induction .content-box .content-list + .content-list {
  margin-top: 56px;
}
.product-detail.for-induction .content-box .content-list dd {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 24px 0;
  border-bottom: 1px solid #727780;
}
.product-detail.for-induction .content-box .content-list dd .sub-title {
  text-align: left;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #ccc;
  letter-spacing: -0.4px;
}
.product-detail.for-induction .content-box .content-list dd .text {
  text-align: right;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.4px;
  color: #8f8f8f;
}
.product-detail.for-dishwasher .content-box {
  width: 1380px;
  margin: 0 auto;
  padding: 80px 48px;
  border-radius: 16px;
  background: #1d1d1d;
  text-align: center;
}
.product-detail.for-dishwasher .content-box .title {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.product-detail.for-dishwasher .content-box .title.type2 {
  font-size: 28px;
}
.product-detail.for-dishwasher .content-box .content-inner {
  display: flex;
  gap: 0 24px;
  margin-top: 80px;
}
.product-detail.for-dishwasher .content-box .content-item {
  flex-shrink: 0;
}
.product-detail.for-dishwasher .content-box .content-item .thumb img {
  display: block;
}
.product-detail.for-dishwasher .content-box .content-item .text {
  text-align: left;
  margin-top: 28px;
}
.product-detail.for-dishwasher .content-box .content-item .text .tit {
  font-size: 28px;
  line-height: 38px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.product-detail.for-dishwasher .content-box .content-item .text .desc {
  margin-top: 6px;
  font-size: 17px;
  line-height: 24px;
  color: #aaa;
  letter-spacing: -0.3px;
}
.product-detail.for-dishwasher .content-box .content-item .text .noti {
  display: block;
  margin-top: 12px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.product-feature {
  background: #111;
}
.product-feature .tabs-content {
  display: flex;
  width: 1380px;
  margin: 0 auto;
  padding: 40px 0 160px;
  gap: 0 141px;
  align-items: center;
}
.product-feature .tabs-content .feature-img {
  width: 680px;
  height: 680px;
}
.product-feature .tabs-content .feature-text {
  flex: 1;
}
.product-feature .tabs-content .feature-text .title {
  font-size: 32px;
  line-height: 44px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.product-feature .tabs-content .feature-text .desc {
  margin-top: 16px;
  font-size: 20px;
  line-height: 28px;
  color: #aaa;
  letter-spacing: -0.4px;
}
.product-feature .tabs-content .feature-text .small-txt {
  display: block;
  margin-top: 16px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.product-thinQ {
  background: #111;
}
.product-thinQ .feature-detail {
  position: relative;
  height: 748px;
  max-width: 1920px;
  margin: 0 auto;
}
.product-thinQ .feature-detail img {
  object-fit: cover;
}
.product-thinQ .feature-detail .text-inner {
  position: absolute;
  width: 1380px;
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.product-thinQ .feature-detail .text-box {
  position: absolute;
}
.product-thinQ .feature-detail .text-box .eyebrow {
  display: block;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  letter-spacing: -0.5px;
}
.product-thinQ .feature-detail .text-box .desc {
  color: #fff;
}
.product-thinQ .feature-detail.leftCenter .text-box {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.product-thinQ .feature-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding: 80px 0 0;
  width: 1380px;
  margin: 0 auto;
}
.product-thinQ .feature-list .list-item {
  text-align: center;
  flex: 1;
}
.product-thinQ .feature-list .line {
  display: inline-block;
  width: 1px;
  height: 120px;
  background: rgba(255, 255, 255, 0.15);
}
.product-thinQ .feature-list .icon {
  width: 48px;
  height: 48px;
  margin: 0 auto 16px;
}
.product-thinQ .feature-list .text {
  color: #fff;
  font-size: 19px;
  line-height: 26px;
  letter-spacing: -0.4px;
}
.product-thinQ .noti-box {
  width: 1380px;
  margin: 52px auto 0;
  padding: 40px 48px;
  border-radius: 16px;
  background: #000;
}
.product-thinQ .noti {
  padding: 44px 0 160px;
  width: 1380px;
  margin: 0 auto;
}
.product-thinQ .noti-box + .noti {
  padding-top: 20px;
}
.product-thinQ .noti p {
  position: relative;
  padding-left: 11px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
}
.product-thinQ .noti p:before {
  content: "*";
  position: absolute;
  display: inline-block;
  left: 0;
}
#productSpec02 {
  position: relative;
  padding-top: 10px;
}
#productSpec02:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #111;
}
.product-spec {
  padding: 0 0 160px;
  background: #000;
}
.product-spec .content-header .title {
  font-size: 36px;
  line-height: 50px;
}
.product-spec .spec-img-box {
  display: flex;
  justify-content: center;
  padding-top: 80px;
  gap: 0 115px;
}
.product-spec .spec-img-box:has(.spec-img-item:nth-child(4)) {
  gap: 0 28px;
}
.product-spec .spec-img-box .spec-img-item {
  text-align: center;
}
.product-spec .spec-img-box .spec-img-item img {
  width: auto;
  height: auto;
}
.product-spec .spec-img-box .spec-img-item.w-half img {
  width: 50%;
}
.product-spec .spec-img-box .spec-img-item .item-text {
  margin-top: 56px;
  text-align: center;
}
.product-spec .spec-img-box .spec-img-item .item-text .title {
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.product-spec .spec-img-box .spec-img-item .item-text .desc {
  display: block;
  margin-top: 8px;
  font-size: 19px;
  line-height: 26px;
  color: #8f8f8f;
  letter-spacing: -0.4px;
}
.product-spec .spec-summary {
  margin-top: 80px;
  padding: 40px 48px;
  border-radius: 16px;
  background: #111;
}
.product-spec .spec-summary .title {
  font-size: 20px;
  line-height: 28px;
  color: #fff;
  font-weight: 600;
  letter-spacing: -0.4px;
  margin-bottom: 20px;
}
.product-spec .spec-table .table-category {
  margin: 80px 0 0;
  padding-bottom: 24px;
  border-bottom: 1px solid #727780;
}
.product-spec .spec-table .table-category p {
  font-size: 20px;
  line-height: 28px;
  color: #ccc;
  letter-spacing: -0.4px;
}
.product-spec .spec-table .table-item {
  margin-top: 80px;
  border-bottom: 1px solid #727780;
}
.product-spec .spec-table + .table-item {
  border-top: 1px solid #727780;
}
.product-spec .spec-table .table-item .title {
  padding-bottom: 20px;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  letter-spacing: -0.4px;
  color: #ccc;
  border-bottom: 1px solid #727780;
}
.product-spec .spec-table .table-item .table-list {
  flex: 1;
}
.product-spec .spec-table .table-list .list-item {
  display: flex;
  justify-content: space-between;
  padding: 24px 0;
  align-items: center;
}
.product-spec .spec-table .table-list .list-item + .list-item {
  border-top: 1px solid rgba(68, 68, 68, 0.5);
}
.product-spec .spec-table .table-list .list-item:last-child {
  border-bottom: none;
}
.product-spec .spec-table .table-list .list-item .list-tit {
  font-size: 19px;
  line-height: 28px;
  color: #ccc;
  font-weight: 600;
  letter-spacing: -0.4px;
}
.product-spec .spec-table.category-type .table-item {
  margin-top: 0;
  display: flex;
  gap: 0 24px;
  align-items: flex-start;
}
.product-spec .spec-table.category-type .table-item > .title {
  width: 327px;
  border-bottom: none;
  padding: 24px 0 0 0;
}
.product-spec .spec-table.download-type > .table-item {
  border: 0;
  border-radius: 16px;
  background-color: #111;
  padding: 8px 48px;
}
.product-spec .spec-table.download-type > .table-item + .table-item {
  border:0;
  margin-top: 20px;
}
.product-spec .spec-table.download-type .list-item + .list-item {
  border-top: 0;
}
.product-spec .spec-table.download-type > .table-item .title ~ .table-list > .list-item + .list-item {
  border-top: 1px solid rgba(68, 68, 68, 0.5);
  margin-top: 0;
}
.product-spec .spec-table.download-type > .table-item .title {
  border-bottom: 0;
  padding: 24px 0;
  font-size: 19px;
  line-height: 26px;
}
.product-spec .spec-table.download-type  .table-list .list-item .list-tit {
  line-height: 26px;
}

.product-spec .spec-table .table-list .list-item .list-cont {
  font-size: 19px;
  line-height: 28px;
  color: #8f8f8f;
  font-weight: 400;
  letter-spacing: -0.4px;
  text-align: right;
}
.product-spec .spec-table .table-list .list-item .list-cont .download-btn {
  font-size: 14px;
  line-height: 20px;
  color: #aaa;
  text-decoration: underline;
}
.product-spec .reference-box {
  margin-top: 80px;
  padding: 40px 48px;
  border-radius: 12px;
  background: #111;
}
.product-spec .reference-box .reference-cont {
  display: flex;
  gap: 0 24px;
}
.product-spec .reference-box .reference-item {
  flex: 1;
}
.product-spec .reference-box .reference-item .title {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #aaa;
  letter-spacing: -0.4px;
}
.product-spec .reference-box .reference-item .thumb {
  width: 100%;
  text-align: center;
}
.product-spec .reference-box .unit {
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #777;
  text-align: right;
}
.product-spec .reference-box .noti-list {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #333;
}
.product-spec .reference-box .noti-list li {
  font-size: 14px;
  line-height: 20px;
  color: #777 !important;
}
.product-spec .reference-box .multiple-list {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #333;
}
.product-spec .multiple-list {
  margin-top: 20px;
}
#productInstall {
  position: relative;
  padding-top: 10px;
}
#productInstall:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: #111;
}
.product-install {
  background: #000;
  padding: 0 0 200px;
}
.product-install .content-header {
  padding-bottom: 0;
}
.product-install .content-header .title {
  font-size: 36px;
  line-height: 50px;
}
.product-install .btn-view-more {
  margin-top: 24px;
  text-align: center;
}
.product-install .btn-view-more button {
  position: relative;
  padding: 13px 38px 13px 18px;
  border: 1px solid #dee1e5;
  border-radius: 1000px;
  background: #fff;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  letter-spacing: -0.2px;
  color: #111;
}
.product-install .btn-view-more button:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 14px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
}
.product-install .btn-view-more button.open:after {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_plus.svg)
    no-repeat;
  background-size: 100% auto;
}
.product-install .btn-view-more button.close {
  display: none;
}
.product-install .btn-view-more button.close:after {
  background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_close.svg)
    no-repeat;
  background-size: 100% auto;
}
.product-install .install-detail {
  display: none;
  width: 1380px;
  margin: 80px auto 0;
}
.product-install .install-detail .option-box {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  padding: 40px 48px;
  border-radius: 12px;
  background: #111;
}
.product-install .install-detail .install-option {
  flex: auto;
}
.product-install .install-detail .install-option .title {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: -0.2px;
  color: #aaa;
  font-weight: 600;
}
.product-install .install-detail .install-option .cont {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 320px;
}
.product-install .install-detail .install-option img {
  width: auto;
  height: auto;
}
.product-install .multiple-list {
  width: 1380px;
  margin: 80px auto 0;
}

.productWrap .content.mobile {
  max-width: 767px;
  margin: 0 auto;
  min-width: initial;
}
.content.mobile .product-banner {
  height: 600px;
}
@media (max-width: 767px) {
  .popup-wrap {
    width: calc(100% - 90px);
    max-width: initial;
    max-height: calc(100% - 114px);
    padding-bottom: 0;
  }
  .popup-wrap .pop-header {
    padding: 30px 0 10px;
    margin: 0 20px 8px;
    border-bottom: none;
  }
  .popup-wrap .pop-header .tit {
    font-size: 15px;
    line-height: 20px;
    letter-spacing: -0.2px;
  }
  .popup-wrap .pop-conts {
    padding: 8px 20px 16px;
    border-top: none;
  }
  .popup-wrap .pop-conts .title {
    font-size: 13px;
    line-height: 18px;
  }
  .popup-wrap .pop-conts .content .bullet-list li {
    margin-top: 8px;
    padding-left: 8px;
    font-size: 13px;
    line-height: 18px;
  }
  .popup-wrap .pop-conts .content .bullet-list li:before {
    width: 2px;
    height: 2px;
    top: 8px;
    left: 0;
  }
  .popup-wrap .pop-footer {
    padding: 8px 20px 20px;
  }
  .product-kv-swiper .product-kv img {
    width: 100%;
  }
  .popup-wrap .pop-footer .btn-area .btn-close {
    position: static;
    padding: 10px 12px;
    width: 100%;
    height: 40px;
    background: none;
    border-radius: 6px;
    background: #111;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #fff;
  }
  .product-content .product-detail img {
    width: 100%;
  }
  .productWrap .content-header {
    width: 100%;
    min-width: initial;
    padding: 60px 20px 40px;
    text-align: center;
  }
  .productWrap .content-header .eyebrow {
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .productWrap .content-header .title {
    font-size: 24px;
    line-height: 32px;
  }
  .productWrap .content-header .desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    opacity: 0.8;
    letter-spacing: initial;
  }
  .productWrap .text-box .open-modal {
    margin-left: 0;
  }
  .productWrap .text-box .eyebrow {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .productWrap .text-box .title {
    margin: 2px 0 12px;
    font-size: 24px;
    line-height: 32px;
  }
  .productWrap .text-box .desc-area .desc-item:last-child {
    padding-left: 73px;
  }
  .productWrap .text-box .desc-area .desc-item:last-child:before {
    left: 36px;
    height: 84px;
  }
  .productWrap .text-box .desc-area .desc-item.fixed-item {
    width: 108px;
  }
  .productWrap .text-box .desc-area .desc-item .category {
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .text-box .desc-area .desc-item .cont {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: initial;
  }
  .productWrap .product-detail.rightBottom .desc-area {
    justify-content: flex-end;
    text-align: right;
  }
  .productWrap .product-detail.rightBottom .desc-item {
    width: 80px;
    flex-shrink: 0;
    padding-left: 0 !important;
  }
  .productWrap .product-detail.rightBottom .desc-item + .desc-item {
    margin-left: 49px;
  }
  .productWrap .product-detail.rightBottom .desc-item + .desc-item:before {
    left: -24px;
    height: 32px;
  }
  .productWrap .text-box .desc {
    font-size: 14px;
    line-height: 20px;
    color: #aaa;
    letter-spacing: initial;
  }
  .productWrap .text-box .small-txt {
    margin-top: 16px;
  }
  .productWrap .text-box .small-txt.font12 span {
    font-size: 12px;
  }
  .productWrap .text-box .small-txt.reference-mark {
    position: relative;
    display: block;
    padding-left: 10px;
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .text-box .small-txt.reference-mark:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    line-height: 16px;
    color: #777;
  }
  .productWrap .text-box .small-txt:has(.open-modal) span {
    margin-right: 8px;
  }

  .productWrap .text-box .small-txt span {
    padding-left: 9px;
  }
  .product-kv-swiper .swiper-slide {
    height: 600px;
  }
  .product-kv-swiper .product-text {
    width: 100%;
    left: 0;
    bottom: 0;
    transform: none;
    padding: 0 20px 64px 20px;
  }
  .product-kv-swiper .product-text .title {
    font-size: 28px;
    line-height: 38px;
    font-weight: 600;
    letter-spacing: -0.5px;
    font-weight: 600;
  }
  .product-kv-swiper .product-text .desc {
    margin-top: 12px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .product-kv-swiper .swiper-navigation {
    width: auto;
    left: auto;
    bottom: 20px;
    right: 69px;
    transform: none;
    padding-right: 0;
  }
  .product-kv-swiper .swiper-navigation .navigation-inner {
    height: 24px;
  }
  .product-kv-swiper .swiper-navigation .swiper-button {
    width: 24px;
    background: rgba(255, 255, 255, 0.2)
      url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/icon_pause_white.svg)
      no-repeat top 6px left 8px / 12px auto;
  }
  .product-kv-swiper .swiper-navigation .swiper-pagination > span {
    line-height: 24px;
  }
  .product-kv-swiper .swiper-arrow {
    display: flex;
    align-items: center;
    width: auto;
    height: 24px;
    top: auto;
    bottom: 20px;
    left: auto;
    right: 20px;
    transform: none;
    padding: 3px 4px;
    border-radius: 100px;
    background: rgba(255, 255, 255, 0.2);
  }
  .product-kv-swiper .swiper-arrow .swiper-button {
    position: static;
    width: 18px;
    height: 18px;
  }
  .product-kv-swiper .swiper-arrow .swiper-button:after {
    position: static;
    width: 16px;
    height: 16px;
    transform: none;
    backdrop-filter: none;
    box-shadow: none;
    border: 0;
    background: url(https://image5.lge.co.kr/uploads/kr/business/sks/images/common/arrow_right_white_20.svg)
      no-repeat center / 16px auto;
  }
  .product-kv-swiper .swiper-arrow .swiper-button-prev:after {
    transform: rotate(180deg);
  }
  .product-content .product-copy {
    position: relative;
    height: 744px;
  }
  .product-content .product-copy .text-inner {
    position: absolute;
    min-width: initial;
    width: 100%;
    height: auto;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0 20px 60px;
    transform: none;
  }
  .product-content .product-copy .text-inner .text-box {
    text-align: center;
  }
  .product-content .product-copy .text-box .eyebrow {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: initial;
  }
  .product-content .product-copy .text-box .title {
    margin: 4px 0 20px;
    font-size: 24px;
    line-height: 32px;
  }
  .product-content .product-copy .text-box .desc {
    color: #ccc;
    opacity: 0.8;
  }
  .productWrap .text-box .more-link {
    margin-left: 0;
    padding-right: 12px;
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .text-box .open-modal {
    padding-right: 12px;
    font-size: 12px;
    line-height: 16px;
  }
  .product-content .product-detail.type-large {
    height: 744px;
  }
  .product-content .product-detail.type-medium {
    height: 600px;
  }
  .product-content .product-detail .text-inner {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    min-width: initial;
    padding: 0 20px 60px;
    transform: none;
  }
  .product-content .product-detail .text-box {
    position: static;
  }
  .product-content .product-detail.rightBottom .text-box {
    text-align: right;
  }
  .product-content .product-detail.rightBottom .text-box .small-txt {
    width: 350px;
    font-size: 12px;
    margin-left: auto;
  }
  .product-content .product-detail.for-induction {
    padding: 20px 20px 60px;
  }
  .product-content .product-detail.for-dishwasher {
    padding: 20px;
  }
  .product-detail.for-induction .content-box {
    width: 100%;
    padding: 32px 20px;
    border-radius: 8px;
  }
  .product-detail.for-induction .content-box .content-list + .content-list {
    margin-top: 36px;
  }
  .product-detail.for-induction .content-box > .title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-detail.for-induction .content-box .thumb {
    margin: 32px 0;
  }
  .product-detail.for-induction .content-box .content-list .title {
    padding-bottom: 12px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-detail.for-induction .content-box .content-list .title .num {
    width: 15px;
    height: 15px;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
  }
  .product-detail.for-induction .content-box .content-list dd {
    padding: 12px 0;
    align-items: flex-start;
  }
  .product-detail.for-induction .content-box .content-list dd .sub-title {
    font-size: 14px;
    line-height: 20px;
  }
  .product-detail.for-induction .content-box .content-list dd .text {
    font-size: 14px;
    line-height: 20px;
  }
  .product-detail.for-dishwasher .content-box {
    width: 100%;
    padding: 32px 20px;
    border-radius: 8px;
  }
  .product-detail.for-dishwasher .content-box .title {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-detail.for-dishwasher .content-box .content-inner {
    margin-top: 32px;
    flex-direction: column;
    gap: 32px 0;
  }
  .product-detail.for-dishwasher .content-box .content-item .text {
    margin-top: 20px;
  }
  .product-detail.for-dishwasher .content-box .content-item .text .tit {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-detail.for-dishwasher .content-box .content-item .text .desc {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .product-detail.for-dishwasher .content-box .content-item .text .noti {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .tabs-wrap {
    width: 100%;
    height: 48px;
    padding: 0 0 0 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
  .productWrap .tabs-wrap .tabs {
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
  }
  .productWrap .tabs-wrap .tabs::-webkit-scrollbar {
    display: none;
  }
  .productWrap .tabs-wrap .tabs li {
    flex: 1;
    text-align: center;
    white-space: nowrap;
  }
  .productWrap .tabs-wrap .tabs li:last-child {
    margin-right: 20px;
  }
  .productWrap .tabs-wrap .tabs .tab-menu {
    display: inline-block;
    font-size: 14px;
    line-height: 48px;
    letter-spacing: initial;
  }
  .productWrap .tabs-wrap .tabs li.on .tab-menu {
    font-weight: 600;
  }
  .productWrap .tabs-content {
    width: 100%;
    padding: 0 20px;
  }
  .productWrap .bullet-list li {
    padding-left: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #aaa;
    letter-spacing: initial;
  }
  .productWrap .bullet-list li:before {
    left: 6px;
    background: #aaa;
  }
  .productWrap .multiple-list li {
    padding-left: 9px;
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .multiple-list li:before {
    font-size: 12px;
    line-height: 16px;
  }
  .productWrap .noti-list {
    padding-top: 16px;
  }
  .productWrap .noti-list li {
    font-size: 12px;
    line-height: 16px;
  }
  .product-feature .tabs-content {
    padding: 20px 20px 60px;
    flex-direction: column;
    gap: 20px 0;
  }
  .product-feature .tabs-content.column-fixed-content,
  .product-feature .tabs-content.fridge-fixed-content {
    height: 524px;
  }
  .product-feature .tabs-content.lightwave-fixed-content {
    height: 548px;
  }
  .product-feature .tabs-content.dishwasher-fixed-content {
    height: 552px;
  }
  .product-feature .tabs-content .feature-img {
    width: 100%;
    height: auto;
  }
  .product-feature .tabs-content .feature-text {
    width: 100%;
  }
  .product-feature .tabs-content .feature-text .title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .product-feature .tabs-content .feature-text .desc {
    margin-top: 6px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .product-feature .tabs-content .feature-text .desc + .small-txt {
    display: block;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #777777;
    margin-top: 8px;
  }
  .product-feature .tabs-content .feature-text .small-txt {
    margin-top: 8px;
    font-size: 12px;
    line-height: 16px;
  }
  .product-thinQ .feature-detail {
    height: auto;
  }
  .product-thinQ .feature-detail img {
    display: block;
  }
  .product-thinQ .feature-detail .text-inner {
    position: static;
    width: 100%;
    transform: none;
    height: auto;
  }
  .product-thinQ .feature-detail .text-box {
    width: 100%;
    padding: 60px 20px 0;
    top: 0;
    left: 0;
    text-align: center;
  }
  .product-thinQ .feature-detail.topCenter .text-box {
    padding-top: 0;
    top: 20px;
  }
  .product-thinQ .feature-detail.topCenter .text-box .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
    margin: 0 0 6px 0;
  }
  .product-thinQ .feature-detail.topCenter .text-box .desc {
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .product-thinQ .feature-detail .text-box .eyebrow {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .product-thinQ .feature-detail .text-box .desc {
    color: #aaa;
    margin: 0;
  }
  .product-thinQ .feature-list {
    position: relative;
    width: 100%;
    padding: 24px 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 48px 0;
  }
  .product-thinQ .feature-list:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: rgba(255, 255, 255, 0.15);
  }
  .product-thinQ .feature-list .list-item {
    position: relative;
    width: 50%;
    text-align: center;
    flex: auto;
  }

  .product-thinQ .feature-list .list-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 80px;
    background: rgba(255, 255, 255, 0.15);
  }
  .product-thinQ .noti p {
    font-size: 12px;
  }
  .product-thinQ .feature-list .list-item:nth-of-type(1):before,
  .product-thinQ .feature-list .list-item:nth-of-type(3):before {
    display: none;
  }
  .product-thinQ .feature-list .line {
    display: none;
  }
  .product-thinQ .feature-list .icon {
    width: 36px;
    height: 36px;
    margin: 0 auto 8px;
  }
  .product-thinQ .feature-list .text {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: initial;
  }
  .product-thinQ .noti {
    width: 100%;
    padding: 20px 20px 60px;
  }
  .product-thinQ .noti-box {
    width: 100%;
    margin-top: 0;
    padding: 20px 20px 0px;
    border-radius: 0;
    background: #111;
  }
  .product-spec {
    padding-bottom: 80px;
  }
  #productSpec02 {
    padding-top: 10px;
  }
  #productSpec02:before {
    height: 10px;
  }
  .product-spec .content-header {
    padding-bottom: 24px;
  }
  .product-spec .spec-img-box {
    padding-top: 40px;
    gap: 0 16px;
  }
  .product-spec .spec-img-box:has(.spec-img-item:nth-child(4)) {
    gap: 0 8px;
  }
  .product-spec .spec-img-box .spec-img-item .item-text {
    margin-top: 24px;
  }
  .product-spec .spec-img-box:has(.spec-img-item:nth-child(4)) .item-text {
    margin-top: 8px;
  }
  .product-spec .spec-img-box .spec-img-item .item-text .title {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-spec .spec-img-box .spec-img-item .item-text .desc {
    font-size: 12px;
    line-height: 16px;
    margin-top: 6px;
  }
  .product-spec .spec-summary {
    margin-top: 40px;
    padding: 24px;
    border-radius: 8px;
    background: #1d1d1d;
  }
  .product-spec .spec-summary .title {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 22px;
    color: #ccc;
    letter-spacing: -0.2px;
  }
  .product-spec .spec-table {
    padding-top: 0;
  }
  .product-spec .spec-table.category-type {
    padding-top: 56px;
  }
  .product-spec .spec-table + .spec-table {
    padding-top: 40px;
  }
  .product-spec .spec-table.download-type + .spec-table.download-type {
    padding-top: 0;
  }
  .product-spec .spec-table .table-category {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 16px;
    border-bottom: 1px solid #727780;
  }
  .product-spec .spec-table .table-category p {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.2px;
    font-weight: 600;
  }
  .product-spec .spec-table .table-item {
    margin-top: 40px;
    flex-direction: column;
    border-top: none;
    border-bottom: 1px solid #727780;
    gap: 0;
  }
  .product-spec .spec-table .table-item:last-of-type {
    border-bottom: 1px solid #727780;
  }
  .product-spec .spec-table.category-type .table-item {
    margin-top: 0;
    flex-direction: row;
  }
  .product-spec .spec-table .table-item .title {
    width: 100%;
    padding: 0 0 12px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: -0.2px;
  }
  .product-spec .spec-table .table-list .list-item {
    padding: 16px 0;
    align-items: flex-start;
  }
  .product-spec .spec-table .table-list .list-item .list-tit {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
  }
  .product-spec .spec-table .table-list .list-item .list-cont {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: initial;
    font-weight: 400;
  }
  .product-spec .spec-table.download-type .table-list .list-item {
    padding: 16px 0;
  }
  .product-spec .spec-table.download-type > .table-item {
    border-radius: 8px;
    padding: 0 20px;
  }
  .product-spec
    .spec-table.download-type
    .table-list
    .list-item.border-bottom
    + .table-item {
    border: 0;
  }
  .product-spec .spec-table.download-type > .table-item .title {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
    padding:20px 0 0 0;
  }
  .product-spec .spec-table.download-type > .table-item .title ~ .table-list {
    padding: 4px 0;
  }
  .product-spec .spec-table.download-type > .table-item .table-list .table-item {
    margin-top: 0;
  }
  .product-spec .spec-table.download-type > .table-item, .product-spec .spec-table.download-type .table-item:last-of-type {
    border-bottom: 0;
  }
  .product-spec .spec-table.download-type > .table-item + .table-item {
    margin-top: 8px;
  }
  .product-spec .spec-table .table-list .list-item .list-cont .download-btn {
    font-size: 12px;
    font-weight: 400;
  }
  .product-spec .reference-box {
    margin-top: 40px;
    padding: 24px 20px;
    border-radius: 8px;
  }
  .product-spec .reference-box .reference-cont {
    flex-direction: column;
    gap: 24px 0;
  }
  .product-spec .reference-box .reference-item .title {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: initial;
  }
  .product-spec .reference-box .unit {
    margin-top: 16px;
    font-size: 12px;
    line-height: 16px;
  }
  .product-spec .reference-box .noti-list {
    margin-top: 16px;
  }
  .product-spec .reference-box .noti-list li {
    font-size: 12px;
    line-height: 16px;
  }
  .product-spec .reference-box .noti-list {
    margin-top: 16px;
  }
  #productInstall {
    margin-top: -4px;
  }
  .product-install {
    padding: 56px 20px 80px;
  }
  .product-install .content-header {
    padding: 0;
  }
  .product-install .btn-view-more {
    margin-top: 20px;
  }
  .product-install .btn-view-more button {
    padding: 9px 32px 9px 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
  }
  .product-install .btn-view-more button:after {
    width: 16px;
    height: 16px;
  }
  .product-install .install-detail {
    width: 100%;
  }
  .product-install .install-detail .option-box {
    padding: 24px 20px;
    border-radius: 8px;
    flex-direction: column;
    gap: 24px 0;
  }
  .product-install .install-detail .install-option .title {
    margin-bottom: 24px;
    font-size: 14px;
    line-height: 17px;
    letter-spacing: initial;
  }
  .product-install .install-detail .install-option .cont {
    height: auto;
  }
  .product-install .install-detail .option-box .noti-list {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid #333;
  }
  .product-install .multiple-list {
    width: 100%;
    margin-top: 56px;
    color: #8f8f8f;
  }
}