@charset "utf-8";

/*
 * File   : sub-kms.css
 * Author : STUDIO-JT (KMS, Chaehee)
 *
 * SUMMARY:
 * Product Single - Top Content
 * Product Single - Slogan
 * Product Single - Component Layout
 * Product Single - Component
 * Product Single - Dialog
 * Product Single - Nothing
 * Hover
 * RWD
 * Etc
 */



/* **************************************** *
 * Product Single - Top Content
 * **************************************** */
.product-single__detail { position: relative; }
.product-single__detail:after { content: ''; display: table; clear: both; }
.product-single__detail > * { width: calc(50% - 8rem); background: var(--color-gray-200); border-radius: 12rem; overflow: hidden; }

/* Picture slider */
.product-single__picture { float: left; position: sticky; top: 94rem; }

.product-single__slider { width: 100%; }
.product-single__slider-image { padding-top: 86.918%; background: no-repeat center center / cover; }

.product-single__slider-control { position: absolute; left: 24rem; top: 50%; font-size: 0; transform: translateY(-50%); z-index: 2; }
.product-single__slider-control .swiper-pagination-bullets { display: flex; flex-direction: column; gap: 8rem; width: auto; position: relative; bottom: auto; left: auto; }
.product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet { display: block; width: 72rem; height: 72rem; margin: 0; position: relative; background: transparent; border-radius: 0; opacity: 1; }
.product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet > span { display: block; width: 100%; height: 100%; background: no-repeat center center / cover; border-radius: 8rem; overflow: hidden; }
.product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet > span:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2rem solid transparent; border-radius: 8rem; box-sizing: border-box; transition: border .3s; }
.product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active > span:after { border-color: var(--color-primary); }

/* Information */
.product-single__information { float: right; padding: 70rem; }
.product-single__dafault { display: flex; flex-direction: column; gap: 32rem; }
.product-single__extend { display: flex; flex-direction: column; gap: 60rem; margin-top: 80rem; }

/* Label */
.product-single__label { display: flex; flex-wrap: wrap; gap: 8rem; }
.product-single__label > span { padding: 5rem 24rem; background: var(--color-quaternary); border-radius: 8rem; }

/* Basic */
.product-single__basic > span { display: block; margin-bottom: 8rem; }

/* Price */
.product-single__price { margin-top: 24rem; }
.product-single__price > .jt-choices__wrap { max-width: 310rem; margin-top: 16rem; }
.product-single__price .choices__list--single { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.product-single__price .choices__list--single .choices__item { display: inline; }
html.mobile .product-single__price .jt-choices__wrap > select { appearance: none; white-space: nowrap; text-overflow: ellipsis; }

/* Option */
.product-single__option { display: block; margin-top: 4rem; }

/* Effect */
.product-single__effect { display: flex; flex-direction: column; gap: 6rem; }
.product-single__effect > li { padding-left: 18rem; position: relative; }
.product-single__effect > li:before { content: ''; width: 6rem; height: 6rem; position: absolute; top: 12rem; left: 0; background: var(--color-primary); border-radius: 50%; }

/* Chip */
.product-single__chip-list { display: flex; flex-wrap: wrap; gap: 8rem; }
.product-single__chip-list > li { width: 40rem; height: 40rem; position: relative; background: var(--color-white); border-radius: 50%; cursor: pointer; }
.product-single__chip-list > li:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2rem solid transparent; border-radius: 50%; box-sizing: border-box; transition: border .3s; }
.product-single__chip-list > li > i { width: calc(100% - 12rem); height: calc(100% - 12rem); position: absolute; top: 6rem; left: 6rem; border-radius: 50%; }
.product-single__chip-list > li.product-single__chip--current:after { border-color: var(--color-primary); }

.product-single__chip-select { margin-top: 8rem; }

/* Buy */
.product-single__buy-btn { display: flex; align-items: center; justify-content: center; gap: 8rem; margin-top: 28rem; padding: 24rem; background: var(--color-primary); border-radius: 8rem; transition: background-color .3s; }
.product-single__buy-btn > span { color: var(--color-white); }
.product-single__buy-btn > .jt-icon { width: 16rem; }
.product-single__buy-btn > .jt-icon svg path { fill: var(--color-white); }

/* Extend */
.product-single__extend-list { display: flex; flex-direction: column; gap: 24rem; }
.product-single__extend-list li { display: flex; flex-direction: column; gap: 8rem; }
.product-single__extend-list h3 { color: var(--color-primary); }

.product-single__extend-icons { display: grid; gap: 48rem 12rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-single__extend-icons-image { max-width: 120rem; margin: 0 auto; }
.product-single__extend-icons-image .jt-lazyload { padding-top: 100%; }
.product-single__extend-icons-image .jt-lazyload img { height: 100%; }
.product-single__extend-icons p { margin-top: 12rem; text-align: center; color: var(--color-primary); }



/* **************************************** *
 * Product Single - Slogan
 * **************************************** */
.product-single__slogan { width: 100vw; position: relative; left: 50%; transform: translateX(-50%); overflow: hidden; }
.product-single__slogan:first-child { margin-top: -40rem; margin-bottom: -40rem; }
.product-single__slogan:last-child { margin-bottom: 0; }
html.desktop .product-single__slogan { width: calc(100vw - 17px);}



/* **************************************** *
 * Product Single - Component Layout
 * **************************************** */
.product-single__component { display: flex; flex-direction: column; gap: 200rem; margin-top: 200rem; }

/* Title */
.product-single__component-title { margin-bottom: 80rem; text-align: center; }

.product-single__component-title i { display: block; width: 63rem; margin: 0 auto 20rem; }
.product-single__component-title i > svg { display: block; width: 100%; height: auto; }

.product-single__component-title h2 + p { margin-top: 32rem; }

/* 2 Column */
.product-single__component-column { display: flex; gap: 16rem; }
.product-single__component-column > * { width: calc((100% - 16rem) / 2); position: relative; border-radius: 12rem; overflow: hidden; }

/* Btn */
.product-single__component-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8rem; margin: 0 auto; padding: 20rem 60rem; background: var(--color-primary); border-radius: 8rem; transition: background-color .3s; }
.product-single__component-btn > span { color: var(--color-white); }
.product-single__component-btn > .jt-icon { width: 24rem; }
.product-single__component-btn > .jt-icon svg path { fill: var(--color-white); }



/* **************************************** *
 * Product Single - Component
 * **************************************** */
/* Photo */
.product-single__photo .jt-lazyload { width: 100%; border-radius: 12rem; overflow: hidden; }
.product-single__photo--small { display: none; }
.product-single__video { position: relative; border-radius: 12rem; overflow: hidden; }
.product-single__video--small { display: none; }

/* Frame */
.product-single__frame-content { display: flex; flex-direction: column; gap: 40rem; padding: 40rem; background: var(--color-gray-300); border-radius: 12rem; }

/* Renewal */
.product-single__renewal-compare { display: flex; position: relative; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__renewal-compare:after { content: ''; width: 100rem; height: 100rem; position: absolute; top: calc(50% - 50rem); left: calc(50% - 50rem); background: var(--color-quaternary) url(../images/sub/product/product-renewal-icon.svg) no-repeat center center / 67rem auto; border-radius: 50%; }

.product-single__renewal-compare > * { width: 50%; position: relative; border-radius: 12rem; }
.product-single__renewal-thumb { max-width: 660rem; margin: 0 auto; }
.product-single__renewal-thumb .jt-lazyload { padding-top: 100%; }
.product-single__renewal-txt { padding: 0 40rem 100rem; text-align: center; }
.product-single__renewal-txt > p { margin-top: 16rem; }
.product-single__renewal-label { padding: 12rem 40rem; position: absolute; top: 0; left: 0; font-style: normal; background: var(--color-quaternary); border-radius: 12rem 0; }

.product-single__renewal-before .product-single__renewal-txt { color: var(--color-gray-600); }

.product-single__renewal-after { background: #E9F4E0; }
.product-single__renewal-after:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 6rem solid var(--color-quaternary); border-radius: 12rem; box-sizing: border-box; }

/* Improve */
.product-single__improve { padding: 180rem 0 160rem; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__improve-compare { display: flex; gap: 24rem; }
.product-single__improve-compare > li { position: relative; width: 50%; }
.product-single__improve-caption { margin-top: 80rem; text-align: center; color: var(--color-gray-700); }
.product-single__improve-label { padding: 12rem 40rem; position: absolute; top: 0; left: 0; font-style: normal; background: var(--color-quaternary); border-radius: 12rem 0; z-index: 1; }
.product-single__improve-thumb { border-radius: 12rem; overflow: hidden; }
.product-single__improve-thumb figure { padding-top: 135.13%; }
.product-single__improve-before .product-single__improve-label { background: var(--color-gray-700); color: var(--color-white); }
.product-single__improve-after:after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 6rem solid var(--color-quaternary); border-radius: 12rem; box-sizing: border-box; display: none; }
.product-single__improve-small { display: none; }

/* Features */
.product-single__features-screen { position: relative; }
.product-single__features-screen:not(.animate) .product-single__features-image { opacity: 0; }
.product-single__features-screen:not(.animate) .product-single__features-txt { opacity: 0; }
.product-single__features-screen.animate .product-single__features-image { opacity: 1; }
.product-single__features-screen.animate .product-single__features-txt { opacity: 1; }

.product-single__features-image { width: 700rem; margin: 0 auto; transition: opacity 1s; }
.product-single__features-image .jt-lazyload { padding-top: 100%; }

.product-single__features-txt { transition: opacity 1s; transition-delay: .3s; }
.product-single__features-txt p { margin-top: 16rem; }
.product-single__features-txt > li { width: 290rem; position: absolute; top: 50%; }
.product-single__features-txt > li:nth-child(1) { right: 0; margin-top: -107rem; }
.product-single__features-txt > li:nth-child(2) { left: 0; margin-top: -264rem; }
.product-single__features-txt > li:nth-child(3) { left: 0; margin-top: 50rem; }

/* Diagram */
.product-single__diagram { padding: 180rem 0 160rem; background: var(--color-gray-200); border-radius: 12rem; }

.product-single__diagram-point { display: flex; justify-content: center; font-size: 0; margin-top: 100rem; }
/* .product-single__diagram-point > li { display: inline-block; vertical-align: top; width: calc( (100% + 106rem) / 3 ); } */
.product-single__diagram-point > li { flex: 1; max-width: 438rem; }
.product-single__diagram-point > li + li { margin-left: -53rem; }
.product-single__diagram-point > li > p { margin-top: 24rem; text-align: center; }
.product-single__diagram-point > li > p > em { background: rgb(255 229 91 / 50%); }
.product-single__diagram-point > li:nth-child(even) .product-single__diagram-circle { background-color: rgba(170, 213, 133, 0.45); border-color: var(--color-quaternary); }
.product-single__diagram-point-small > li { max-width: 370rem; }
.product-single__diagram-point-small > li + li { margin-left: -48rem; }

.product-single__diagram-circle { width: 100%; padding-top: 100%; position: relative; background: rgba(252, 238, 163, 0.5); border: 1px solid #E3D274; border-radius: 50%; box-sizing: border-box; }
.product-single__diagram-circle-inner { width: 100%; position: absolute; left: 0; top: 50%; text-align: center; transform: translateY(-50%); padding: 0 60rem; }
.product-single__diagram-circle-inner > b { display: block; }
.product-single__diagram-circle-inner > b small { display: block; margin-top: 6rem; font-size: var(--font-size-08); line-height: var(--font-lineheight-08); }
.product-single__diagram-circle-inner > p { display: none; }

.product-single__diagram-check-list { display: flex; flex-direction: column; gap: 32rem; margin-top: 100rem; padding: 80rem 0; border-top: 1px solid var(--color-gray-500); border-bottom: 1px solid var(--color-gray-500); }
.product-single__diagram-check-list > li { padding-left: 32rem; position: relative; }
.product-single__diagram-check-list .jt-icon { width: 24rem; position: absolute; left: 0; top: 8rem; }
.product-single__diagram-check-list .jt-icon svg path { fill: var(--color-primary); }
.product-single__diagram-check-list p { color: var(--color-gray-800); }
.product-single__diagram-check-list h3 + p { margin-top: 8rem; }

.product-single__diagram-caption { margin-top: 80rem; text-align: center; color: var(--color-gray-700); }

/* Ingredients */
.product-single__itemize-images-data:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.product-single__itemize-images-data .product-single__itemize-images-bg:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, black, transparent); opacity: .2; }

.product-single__itemize-images-key { min-height: 902rem; padding: 100rem 60rem; background: var(--color-gray-200); }

.product-single__itemize-images-bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: no-repeat center center / cover; }

.product-single__itemize-images-value { display: flex; align-items: flex-end; height: 100%; }
.product-single__itemize-images-value-inner { width: 100%; padding: 80rem 40rem; position: relative; color: var(--color-white); }
.product-single__itemize-images-value ul { display: flex; flex-direction: column; gap: 16rem; }
.product-single__itemize-images-value ul > li { padding-left: 24rem; position: relative; }
.product-single__itemize-images-value ul > li:before { content: ''; width: 8rem; height: 8rem; position: absolute; left: 0; top: 21rem; background: var(--color-white); border-radius: 50%; }
.product-single__itemize-images-value p { margin-top: 40rem; }

.product-single__itemize-images-key-list { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 48rem; position: relative; }
.product-single__itemize-images-key-list > li { display: block; width: calc(100% - 40rem); text-align: center; color: rgba(19, 62, 53, 0.4); cursor: pointer; transition: color .6s; }
.product-single__itemize-images-key-list > li > span { display: inline-block; padding-right: 40rem; position: relative; box-sizing: border-box; }
.product-single__itemize-images-key-list > li > span:after { content: ''; display: block; width: 24rem; height: 24rem; position: absolute; right: 0; bottom: 22rem; background: var(--color-primary); border-radius: 50%; opacity: 0; transition: opacity .6s; }
.product-single__itemize-images-key-list > li.product-single__itemize-images-key--active { color: var(--color-primary); }
.product-single__itemize-images-key-list > li.product-single__itemize-images-key--active > span:after { opacity: 1; }

/* Half data */
.product-single__half-data-picture { background: var(--color-gray-200); }
.product-single__half-data-image { width: 100%; height: 100%; padding-top: 100%; background: no-repeat center center / cover; }

.product-single__half-data-content { display: flex; align-items: flex-end; padding: 230rem 40rem 40rem; color: var(--color-tertiary); background: var(--color-primary); }
.product-single__half-data-content > p { width: calc(100% - 80rem); position: absolute; top: 38rem; left: 40rem; }

.product-single__half-data-type { width: 100%; }
.product-single__half-data-type > li { display: flex; justify-content: space-between; gap: 20rem; padding: 24rem 0; border-bottom: 1px solid rgba(252, 238, 163, 0.3); }
.product-single__half-data-type > li:last-child { border-bottom: none; }
.product-single__half-data-type > li > b { width: 150rem; flex-shrink: 0; }
.product-single__half-data-type > li > p { width: 100%; text-align: right; }

/* Half basic */
.product-single__half-basic-picture { background: var(--color-gray-200); }
.product-single__half-basic-image { width: 100%; height: 100%; padding-top: 100%; background: no-repeat center center / cover; }

.product-single__half-basic-content { display: flex; align-items: center; padding: 40rem; color: var(--color-tertiary); background: var(--color-primary); }
.product-single__half-basic-content > p { width: 100%; text-align: center; }

/* Proven */
.product-single__proven-item-wrap { display: flex; flex-direction: column; gap: 100rem; }
.product-single__proven-item { position: relative; }

.product-single__proven-count { position: absolute; top: 40rem; left: 40rem; }
.product-single__proven-count:after { content: ''; display: block; width: 100%; height: 1px; position: absolute; left: 0; bottom: -6rem; background: var(--color-primary); }

.product-single__proven-horizontal { display: flex; flex-direction: column; gap: 80rem; }

.product-single__proven-vertical { display: flex; gap: 16rem; }
.product-single__proven-vertical > * { display: flex; width: calc((100% - 16rem) / 2); position: relative; border-radius: 12rem; overflow: hidden; }
.product-single__proven-vertical-content { align-items: flex-end; padding: 158rem 40rem 80rem 40rem; background: var(--color-gray-300); }
.product-single__proven-vertical-content-inner { display: flex; flex-direction: column; justify-content: flex-end; gap: 48rem; height: auto; }
.product-single__proven-vertical-img { align-items: center; background: var(--color-gray-200); }
.product-single__proven-vertical-img-slider { width: 100%; }
.product-single__proven-vertical-slider { height: auto; }
.product-single__proven-vertical-slider .swiper-wrapper { height: auto; }
.product-single__proven-vertical-slider .product-single__proven-vertical-content-inner { padding-bottom: 100rem; }
.product-single__proven-vertical-content .swiper-control { position: absolute; bottom: 80rem; left: 40rem; width: auto; }
.product-single__proven-vertical-content .swiper-navigation { display: flex; gap: 90rem; }
.product-single__proven-vertical-content .swiper-navigation .swiper-button { position: relative; top: auto; left: auto; right: auto; margin-top: auto; }
.product-single__proven-vertical-content .swiper-navigation .swiper-button .jt-icon path { fill: var(--color-primary); }
.product-single__proven-vertical-content .swiper-pagination { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.product-single__proven-vertical-content .swiper-pagination-fraction { display: inline-flex; align-items: center; gap: 4rem; width: auto; }
.product-single__proven-vertical-content .swiper-pagination-fraction > span { width: 15rem; font-family: var(--font-secondary); font-size: var(--font-size-15); font-weight: 500; line-height: var(--font-lineheight-15); color: var(--color-primary); }
.product-single__proven-vertical-content .swiper-pagination-fraction > span.swiper-pagination-slug { width: 4rem; line-height: 1; font-size: 0; }
.product-single__proven-vertical-content .swiper-pagination-fraction > span.swiper-pagination-slug svg path { fill: var(--color-primary); }

.product-single__proven-value-list { display: flex; flex-direction: column; gap: 20rem; }
.product-single__proven-value-list > li { display: flex; /* align-items: center; */ gap: 20rem; padding-left: 24rem; position: relative; align-items: flex-start; padding-top: 4rem; margin-top: -4rem; }
.product-single__proven-value-list > li:before { content: ''; width: 8rem; height: 8rem; position: absolute; left: 0; top: 23rem; background: var(--color-primary); border-radius: 100%; }
.product-single__proven-value-list > li > p { width: 100%; background: url(../images/sub/product/product-proven-line.svg) repeat-x right 24rem; }
.product-single__proven-value-list > li > p > span { display: inline-block; max-width: calc(100% - 145rem); padding-right: 20rem; background: var(--color-gray-300); }
.product-single__proven-value-list > li > strong { display: flex; align-items: baseline; gap: 6rem; flex-shrink: 0; }

.product-single__proven-check-list { display: flex; flex-direction: column; gap: 24rem; /* margin-top: 48rem; */ }
.product-single__proven-check-list > li { padding-left: 32rem; position: relative; }
.product-single__proven-check-list .jt-icon { width: 24rem; position: absolute; left: 0; top: 9rem; }
.product-single__proven-check-list .jt-icon svg path { fill: var(--color-primary); }
.product-single__proven-check-list p { color: var(--color-gray-800); }
.product-single__proven-check-list h3 + p { margin-top: 8rem; }

.product-single__proven-caption { text-align: center; color: var(--color-gray-700); }

.product-single__proven-image { position: relative; display: flex; align-items: center; width: 100%; height: 100%; border-radius: 12rem; overflow: hidden; }
.product-single__proven-image > * { width: 100%; }
.product-single__proven-image--small { display: none; }
.product-single__proven-image--small-wrap  { display: none; }
.product-single__proven-image--small-wrap .swiper-navigation { position: fixed; bottom: 0; left: 0; }
.product-single__proven-image figure { width: 100%; }

.product-single__proven-item--primary { padding: 180rem 0 120rem; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__proven-item--primary .product-single__proven-title { text-align: center; }

.product-single__proven-item--secondary .product-single__proven-caption { text-align: left; }

.product-single__proven-item--tertiary { padding: 180rem 0 120rem; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__proven-item--tertiary .product-single__proven-check-list { padding: 80rem 0; margin-top: 0; border-top: 1px solid var(--color-gray-500); border-bottom: 1px solid var(--color-gray-500); }

.product-single__proven-horizontal .product-single__proven-title-group { text-align: center; }
.product-single__proven-title-group span { display: block; margin-top: 20rem; }

.product-single__proven-subtitle { display: block; margin-top: 20rem; }

.product-single__proven-group-title { text-align: center; margin-bottom: 40rem; }
.product-single__proven-group + .product-single__proven-group { padding-top: 80rem; border-top: 1px solid var(--color-gray-500); }

.product-single__proven-columns { display: flex; gap: 24rem; }
.product-single__proven-column { flex: 1; }
.product-single__proven-column figure { padding-top: 142.22%; }
.product-single__proven-column-content { margin-top: 24rem; }
.product-single__proven-column-content > li { position: relative; padding-left: 18rem; }
.product-single__proven-column-content > li:before { content: ''; width: 6rem; height: 6rem; position: absolute; left: 0; top: 14rem; background: var(--color-primary); border-radius: 100%; }

/* Howto */
.product-single__howto-step { display: flex; align-items: center; padding: 80rem 40rem; background: var(--color-primary); color: var(--color-tertiary); }
.product-single__howto-step ul { width: 100%; }
.product-single__howto-step li { padding: 40rem 0; border-bottom: 1px solid rgba(252, 238, 163, 0.3); }
.product-single__howto-step li:first-child { padding-top: 0; }
.product-single__howto-step li:last-child { padding-bottom: 0; border-bottom: none; }
.product-single__howto-step b { display: block; margin-bottom: 12rem; }

.product-single__howto-picture { background: var(--color-gray-200); }
.product-single__howto-image { width: 100%; height: 100%; padding-top: 100%; background: no-repeat center center / cover; }
.product-single__howto-movie { width: 100%; height: 100%; padding-top: 100%; position: relative; }
.product-single__howto-movie .jt-fullvid-container { position: absolute; top: 0; left: 0; }

/* Ritual */
.product-single__ritual-list { display: flex; align-items: stretch; justify-content: center; gap: 16rem; }
.product-single__ritual-item { width: calc((100% - 48rem) / 4); position: relative; border-radius: 12rem; }
.product-single__ritual-item:not(:first-child):after { content: ''; width: 64rem; height: 64rem; margin-top: -32rem; position: absolute; top: 50%; left: -40rem; background: var(--color-white) url(../images/sub/product/product-ritual-icon.svg) no-repeat center center / 18rem auto; border-radius: 50%; z-index: 1; }
.product-single__ritual-link { display: block; height: 100%; padding: 40rem 40rem 60rem; position: relative; text-align: center; background: var(--color-gray-200); transition: background-color .4s; border-radius: 12rem; overflow: hidden; }
.product-single__ritual-num { display: block; width: 180rem; margin: 0 auto 60rem; padding: 8rem 24rem; background: var(--color-quaternary); border-radius: 8rem; box-sizing: border-box; }
.product-single__ritual-image { max-width: 240rem; margin: 0 auto; }
.product-single__ritual-image .jt-lazyload { padding-top: 100%; }
.product-single__ritual-cat { display: block; margin-top: 48rem; }
.product-single__ritual-name { margin-top: 12rem; font-size: 0; }
.product-single__ritual-name > span { border-bottom: 1px solid transparent; transition: border .4s; -webkit-box-decoration-break: clone; }
.product-single__ritual-name > .jt-icon { width: 16rem; margin-left: 4rem; opacity: 0; transition: opacity .4s; }
.product-single__ritual-name > .jt-icon svg path { fill: var(--color-primary); }

/* Epilogue */
.product-single__epilogue { padding: 180rem 0; background: var(--color-gray-200); border-radius: 12rem; }
.product-single__epilogue-inner { display: flex; flex-direction: column; gap: 180rem; }

.product-single__epilogue-title { margin-bottom: 60rem; }

/* Review */
.product-single__review-list { border-top: 1px solid var(--color-primary); }
.product-single__review-list > li { padding: 40rem 0; border-bottom: 1px solid var(--color-gray-400); }

.product-single__review-rate { display: block; width: 130rem; height: 23rem; position: relative; background: url(../images/sub/product/product-rate-empty.svg?v1.1) no-repeat left center / 130rem 23rem; }
.product-single__review-rate > i { width: 0; height: 100%; position: absolute; top: 0; left: 0; background: url(../images/sub/product/product-rate-full.svg?v1.1) no-repeat left center / 130rem 23rem; }
.product-single__review-content { display: block; margin-top: 16rem; }
.product-single__review-source { margin-top: 12rem; }

/* Abstract */
.product-single__abstract-data { width: 100%; table-layout: fixed; border-top: 1px solid var(--color-primary); }
.product-single__abstract-data :is(th, td) { padding: 24rem 20rem; border-bottom: 1px solid var(--color-gray-400); }
.product-single__abstract-data :is(th, td):first-child { padding-left: 0; }
.product-single__abstract-data :is(th, td):last-child { padding-right: 0; }

.product-single__abstract-data th { width: 350rem; }
.product-single__abstract-data td { color: var(--color-gray-800); }

/* Box */
.product-single__box { padding: 180rem 0 160rem; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__box-img { border-radius: 12rem; overflow: hidden; }
.product-single__box-img--small { display: none; }
.product-single__box-video { border-radius: 12rem; overflow: hidden; }
.product-single__box-video--small { display: none; }

/* Banner - txt */
.product-single__txt-banner { padding: 180rem 0 160rem; background: var(--color-gray-300); border-radius: 12rem; text-align: center; }
.product-single__txt-banner i { display: block; width: 63rem; margin: 0 auto 20rem; }
.product-single__txt-banner i > svg { display: block; width: 100%; height: auto; }
.product-single__txt-banner h2 + p { margin-top: 32rem; }

/* Banner - icon */
.product-single__icon-banner { display: flex; flex-direction: column; gap: 24rem; padding: 100rem; text-align: center; background: var(--color-gray-300); border-radius: 12rem; }
.product-single__icon-banner > i { display: block; width: 72rem; margin: 0 auto; }
.product-single__icon-banner > figure { display: block;  width: 72rem; height: 72rem; margin: 0 auto; }
.product-single__icon-banner > p { color: var(--color-gray-700); }

/* Banner - img */
.product-single__img-banner { padding: 40rem; background: var(--color-gray-300); border-radius: 12rem; display: flex; align-items: center; justify-content: space-between; }
.product-single__img-banner-content { width: calc(100% - 580rem); padding: 0 80rem; }
.product-single__img-banner-content h2 + p { margin-top: 32rem; }
.product-single__img-banner-photo { width: 580rem; border-radius: 12rem; overflow: hidden; }
.product-single__img-banner-photo figure { padding-top: 74.14%; }
.product-single__img-banner-photo--small { display: none; }

/* Horiz */
.product-single__horiz .jt-category-nav-wrap { margin-top: -8rem; margin-bottom: 70rem; }
.product-single__horiz-colgroup { display: flex; gap: 16rem; width: 100%; height: 700rem; }
.product-single__horiz-bg-wrap { position: relative; width: calc(100% - 612rem); border-radius: 12rem; overflow: hidden; background: var(--color-gray-200); }
.product-single__horiz-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; }
.product-single__horiz-bg--small { opacity: 0; visibility: hidden; }
.product-single__horiz-content { position: relative; display: flex; flex-direction: column; justify-content: center; width: 596rem; padding: 160rem 80rem; border-radius: 12rem; background: var(--color-gray-300); }
.product-single__horiz-caption { position: absolute; bottom: 80rem; left: 80rem; width: calc(100% - 160rem); color: var(--color-gray-700); }

.product-single__tabs-panels > div { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; }
.product-single__tabs-panels > div:not(:first-child) { height: 100%; }
.product-single__tabs-panels > div:first-child { opacity: 1; position: relative; top: auto; left: auto; }

.product-single__horiz .product-single__tabs-panels { position: relative; }



/* **************************************** *
 * Product Single - Dialog
 * **************************************** */
.product-single-dialog { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 9999; overflow: hidden auto; }

.product-single-dialog__container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; text-align: center; box-sizing: border-box; }
.product-single-dialog__container:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }

.product-single-dialog__content { display: inline-block; vertical-align: middle; width: 596rem; margin: 0 auto; padding: 60rem 16rem 60rem 40rem; position: relative; text-align: left; background: var(--color-white); border: none; border-radius: 12rem; box-sizing: border-box; overflow: hidden; }

.product-single-dialog__content-inner { padding-right: 24rem; max-height: calc(80vh - 214rem); overflow-y: auto; -webkit-overflow-scrolling: touch; }
html.win .product-single-dialog__content-inner { overflow: overlay; }
html.win .product-single-dialog__content-inner::-webkit-scrollbar { width: 8rem; background: transparent; }
html.win .product-single-dialog__content-inner::-webkit-scrollbar-track { background: var(--color-gray-200); border-radius: 99rem; }
html.win .product-single-dialog__content-inner::-webkit-scrollbar-thumb { background: var(--color-gray-400); border-radius: 99rem; }

.product-single-dialog__close { width: 32rem; height: 32rem; margin: 0; padding: 0; position: absolute; top: 24rem; right: 24rem; background: transparent; border: none; outline: none; cursor: pointer; }
.product-single-dialog__close > .jt-icon { width: 100%; }
.product-single-dialog__close > .jt-icon svg path { fill: var(--color-gray-600); }

.product-single-dialog__title { margin-bottom: 40rem; padding-right: 24rem; text-align: center; }

/* Shop now */
.product-single__shopnow { display: flex; flex-direction: column; gap: 8rem; }
.product-single__shopnow > li { padding: 24rem; background: var(--color-gray-200); border-radius: 8rem; }
.product-single__shopnow .jt-icon { width: 16rem; }
.product-single__shopnow .jt-icon svg path { fill: var(--color-primary); }

.product-single__shopnow-primary { display: block; position: relative; }
.product-single__shopnow-primary > span { padding-left: 44rem; background: no-repeat left center / 32rem auto; }
.product-single__shopnow-primary > .jt-icon { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }

.product-single__shopnow > li .product-single__shopnow-primary > span { background-image: url(../images/sub/product/product-shop-etc.svg); }
.product-single__shopnow > li.product-single__shopnow--amazon .product-single__shopnow-primary > span { background-image: url(../images/sub/product/product-shop-amazon.svg); }
.product-single__shopnow > li.product-single__shopnow--yesstyle .product-single__shopnow-primary > span { background-image: url(../images/sub/product/product-shop-yesstyle.svg); }
.product-single__shopnow > li.product-single__shopnow--stylevana .product-single__shopnow-primary > span { background-image: url(../images/sub/product/product-shop-stylevana.svg); }
.product-single__shopnow > li.product-single__shopnow--naverstore .product-single__shopnow-primary > span { background-image: url(../images/sub/product/product-shop-naverstore.svg); }

.product-single__shopnow-secondary { margin-top: 16rem; margin-bottom: -4rem; padding-top: 12rem; border-top: 1px solid var(--color-gray-400); }
.product-single__shopnow-secondary a { display: flex; align-items: center; justify-content: space-between; gap: 24rem; padding: 4rem 0; }
.product-single__shopnow-secondary a > .jt-icon { flex-shrink: 0; }



/* **************************************** *
 * Product Single - Nothing
 * **************************************** */
.product-single__nothing { margin-top: 200rem; padding: 280rem 0; text-align: center; background: var(--color-gray-200); border-radius: 12rem; }



/* **************************************** *
 * Hover
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

    /* Buy */
    .product-single__buy-btn:hover { background: var(--color-secondary); }
    
    /* Product Single - Component Layout */
    .product-single__component-btn:hover { background: var(--color-secondary); }
    
    /* Ritual */
    .product-single__ritual-link:hover { background: var(--color-gray-300); }
    .product-single__ritual-link:hover .product-single__ritual-name > span { border-bottom-color: currentColor; }
    .product-single__ritual-link:hover .product-single__ritual-name > .jt-icon { opacity: 1; }

    /* Proven */
    .product-single__proven-vertical-content .swiper-navigation .swiper-button:hover { background: var(--color-primary); }
    .product-single__proven-vertical-content .swiper-navigation .swiper-button:hover .jt-icon path { fill: var(--color-white); }

}



/* **************************************** *
 * RWD
 * **************************************** */
@media(min-width: 2000px) {
    html.mac .product-single__shopnow-primary > span { background-size: auto 100%; }
}



@media(min-width: 1201px) {

    /* Product - List */
    .article--product .article__header { padding-bottom: 60rem; }

} 



@media(max-width: 1600px){

    /* Product Single - Dialog */
    .product-single__shopnow-primary > span { background-size: contain; }
    
    /* Product Single - Component */
    .product-single__itemize-images-value ul > li:before { top: 20rem; }
    .product-single__itemize-images-key { min-height: 720rem; }
    .product-single__itemize-images-key-list > li > span:after { bottom: 20rem; }

    .product-single__proven-value-list > li { padding-top: 0; margin-top: 0; }
    .product-single__proven-value-list > li:before { top: 18rem; }
    .product-single__proven-check-list .jt-icon { top: 6rem; }

    .product-single__horiz-bg-wrap { width: 65%; }
    .product-single__horiz-content { width: 35%; }

    .product-single__half-basic-content > p br { display: none; }
    
    .product-single__diagram-check-list .jt-icon { top: 6rem; }

    /* Product Single - Nothing */
    .product-single__nothing { margin-top: 160rem; padding: 240rem 0; }
}



@media(max-width: 1480px){

    /* Product Single - Top Content */
    .product-single__picture { top: 80rem; }
    .product-single__slider-image { padding-top: 100%; }

    /* Product Single - Component */
    .product-single__itemize-images-value ul > li:before { top: 18rem; }
    .product-single__itemize-images-key { padding: 100rem 40rem; }
    .product-single__itemize-images-key-list > li > span:after { bottom: 16rem; }

    .product-single__proven-value-list > li:before { top: 17rem; }
    .product-single__proven-value-list > li > p { background-position: right 21rem; }    
    .product-single__proven-check-list .jt-icon { width: 22rem; }
    .product-single__proven-check-list > li { padding-left: 30rem; }
    .product-single__proven-column-content > li:before { top: 13rem; }

    .product-single__epilogue { padding: 140rem 0; }
    .product-single__epilogue-inner { gap: 140rem; }

    .product-single__ritual-link { padding: 36rem 30rem 58rem; }
    .product-single__ritual-num { width: 160rem; margin-bottom: 45rem; }
    .product-single__ritual-cat { margin-top: 40rem; }
    .product-single__ritual-name { margin-top: 10rem; }

    .product-single__img-banner-photo { width: 35%; }
    .product-single__img-banner-content { width: 65%; padding: 0 60rem 0 30rem; } 
    
    .product-single__horiz-colgroup { height: 600rem; }
    .product-single__horiz-content { padding: 140rem 60rem; }
    .product-single__horiz-caption { bottom: 60rem; left: 60rem; width: calc(100% - 120rem); }

    .product-single__diagram-check-list .jt-icon { top: 5rem; }
}



@media(max-width: 1200px){

    /* Product Single - Top Content */
    .product-single__information { padding: 40rem; }
    .product-single__extend-icons { gap: 24rem 12rem; }
    .product-single__extend-icons-image { max-width: 100rem; }
    .product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet { width: 60rem; height: 60rem; }

    /* Product Single - Component Layout */
    .product-single__component { margin-top: 160rem; gap: 160rem; }
    .product-single__component-title { margin-bottom: 60rem; }
    .product-single__component-title h2 + p { margin-top: 24rem; }

    /* Product Single - Component */
    .product-single__diagram { padding: 140rem 0 120rem; }
    .product-single__diagram-caption { margin-top: 70rem; }
    .product-single__diagram-circle-inner { padding: 0 40rem; }
    .product-single__diagram-point { margin-top: 80rem; }
    .product-single__diagram-point > li + li { margin-left: -32rem; }
    .product-single__diagram-point-small > li + li { margin-left: -24rem; }
    .product-single__diagram-point-small > li > p { padding: 0 24rem; }
    .product-single__diagram-point-small > li > p br { display: none; }
    .product-single__diagram-check-list { margin-top: 80rem; padding: 70rem 0; }

    .product-single__itemize-images-key { min-height: 562rem; padding: 100rem 40rem; }
    .product-single__itemize-images-key-list { gap: 40rem; }
    .product-single__itemize-images-key-list > li { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__itemize-images-key-list > li > span { padding-right: 34rem; }
    .product-single__itemize-images-key-list > li > span:after { width: 18rem; height: 18rem; bottom: 14rem; }

    .product-single__proven-item--primary { padding: 140rem 0 100rem; }
    .product-single__proven-vertical-content { padding: 140rem 40rem 80rem 40rem; }
    .product-single__proven-value-list > li:before { top: 16rem; }

    .product-single__epilogue { padding: 100rem 0; }
    .product-single__epilogue-inner { gap: 120rem; }

    .product-single__frame-content { gap: 30rem; padding: 30rem; }

    .product-single__improve { padding: 140rem 0 120rem; }
    .product-single__improve-caption { margin-top: 70rem; }

    .product-single__box { padding: 140rem 0 120rem; }

    .product-single__txt-banner { padding: 120rem 0; }
    .product-single__txt-banner h2 + p { margin-top: 24rem; }
    
    .product-single__img-banner { padding: 30rem; }
    .product-single__img-banner-content h2 + p { margin-top: 24rem; }

    .product-single__horiz .jt-category-nav-wrap { margin-bottom: 52rem; }
    .product-single__horiz-colgroup { height: 500rem; }

    /* Product Single - Dialog */
    .product-single__shopnow-primary > span { padding-left: 40rem; }

    /* Product Single - Nothing */
    .product-single__nothing { padding: 200rem 0; }
}



@media(max-width: 1023px){

    /* Product Single - Top Content */
    .product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet { width: 50rem; height: 50rem; }
    .product-single__picture { top: 70rem; }

    /* Product Single - Component */
    .product-single__component-title h2 + p { margin-top: 20rem; }
    .product-single__component-btn { padding: 16rem 40rem; border-radius: 6rem; }
    .product-single__component-btn > .jt-icon { width: 20rem; }

    .product-single__ritual-list { height: 440rem; }
    .product-single__ritual-item:not(:first-child):after { width: 52rem; height: 52rem; left: -33rem; }
    .product-single__ritual-cat { margin-top: 20rem; }
    .product-single__ritual-name { margin-top: 8rem; }
    .product-single__ritual-name > span { white-space: normal; }
    .product-single__ritual-num { position: absolute; top: 10rem; left: 10rem; margin: 0; width: 100rem; padding: 6rem 19rem; /* margin: -71rem 0rem 35rem -29rem; */ font-size: var(--font-size-15); line-height: var(--font-lineheight-15); }
    .product-single__ritual-link { padding: 80rem 20rem 40rem; }
    .product-single__ritual-image { max-width: 100%; }

    .product-single__itemize-images-key-list > li > span:after { bottom: 11rem; }
    .product-single__itemize-images-value ul > li:before { top: 17rem; }

    .product-single__proven-subtitle { font-size: var(--font-size-11); line-height: var(--font-lineheight-11); }
    .product-single__proven-horizontal { gap: 60rem; }
    .product-single__proven-check-list > li { padding-left: 28rem; }
    .product-single__proven-check-list .jt-icon { width: 20rem; }
    .product-single__proven-group + .product-single__proven-group { padding-top: 60rem; }
    .product-single__proven-item--tertiary { padding: 140rem 0 100rem; }
    .product-single__proven-item--tertiary .product-single__proven-check-list { padding: 60rem 0; }
    .product-single__proven-columns { gap: 20rem; }
    .product-single__proven-column-content > li:before { top: 12rem; }

    .product-single__txt-banner h2 + p { margin-top: 20rem; }

    .product-single__icon-banner { gap: 20rem; }
    .product-single__icon-banner > figure { width: 64rem; height: 64rem; }
    
    .product-single__img-banner-photo { width: 32%; }
    .product-single__img-banner-content { width: 68%; }
    .product-single__img-banner-content h2 + p { margin-top: 20rem; }
    .product-single__img-banner-content h2 + p br { display: none; }

    .product-single__horiz-colgroup { height: 480rem; }
    .product-single__horiz-content { padding: 120rem 40rem; }
    .product-single__horiz-caption { bottom: 40rem; left: 40rem; width: calc(100% - 80rem); }

    .product-single__diagram-check-list { margin-top: 70rem; padding: 60rem 0; }
    .product-single__diagram-check-list .jt-icon { top: 3rem; }
    .product-single__diagram-caption { margin-top: 60rem; }

    .product-single__improve-caption { margin-top: 60rem; }

    /* Product Single - Nothing */
    .product-single__nothing { padding: 180rem 0; }
}



@media(max-width: 860px){

    /* Product Single - Top Content */
    .product-single__label { gap: 4rem; }
    .product-single__label > span { padding: 2rem 8rem; border-radius: 4rem; }
    
    .product-single__basic { margin-top: -8rem; }
    .product-single__basic span { font-size: var(--font-size-13); line-height: var(--font-lineheight-13); }
    .product-single__basic h1 { font-size: var(--font-size-03); line-height: var(--font-lineheight-03); }
    .product-single__detail { margin-left: -20rem; margin-right: -20rem; }
    .product-single__detail > * { width: 100%; position: inherit; border-radius: 0; top: auto; }
    .product-single__information { padding: 32rem 16rem 52rem; }
    .product-single__slider-control { left: 50%; transform: translateX(-50%); top: auto; bottom: 32rem; }
    .product-single__slider-control .swiper-pagination-bullets { gap: 12rem; flex-direction: row; }
    .product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet { background: var(--color-primary); width: 8rem; height: 8rem; border-radius: 50%; opacity: 0.45; }
    .product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active { opacity: 1; }
    .product-single__slider-control .swiper-pagination-bullets .swiper-pagination-bullet > span { display: none; }
    .product-single__extend { gap: 52rem; margin-top: 28rem; }
    .product-single__buy { position: fixed; left: 0; bottom: 0; width: 100%; z-index: 100; }
    .product-single__buy-btn { border-radius: 0; margin-top: 0; }

    body.single-product #footer { margin-bottom: 74rem; }

    /* Product Single - Component Layout */
    .product-single__component { margin-top: 100rem; gap: 100rem; }
    .product-single__component .product-single--no-margin { padding-bottom: 0; }
    .product-single__component .wrap-middle { margin-left: 24rem; margin-right: 24rem; }
    .product-single__component .wrap-small { margin-left: 24rem; margin-right: 24rem; }
    
    /* Product Single - Component */
    .product-single__photo .jt-lazyload { border-radius: 8rem }
    .product-single__photo--large { display: none; }
    .product-single__photo--small { display: block; }
    .product-single__video { border-radius: 8rem; }
    .product-single__video--large { display: none; }
    .product-single__video--small { display: block; }

    .product-single__slogan:first-child { margin-top: -20rem; margin-bottom: -20rem; }
    
    .product-single__renewal-compare { border-radius: 8rem; }
    .product-single__renewal-compare > * { border-radius: 8rem; }
    .product-single__renewal-compare:after { width: 70rem; height: 70rem; top: calc(50% - 35rem); left: calc(50% - 35rem); background-size: 50rem auto; }
    .product-single__renewal-txt { padding : 0rem 40rem 60rem }
    .product-single__renewal-label { border-radius: 8rem 0; padding: 10rem 32rem; }
    .product-single__renewal-after:after { border-radius: 8rem; }

    .product-single__features .wrap-small { margin: 0; }
    .product-single__features-image { width: 100%; }
    .product-single__features-txt { display: flex; flex-direction: column; gap: 32rem; margin-top: 40rem; }
    .product-single__features-txt > li { position: inherit; width: 100%; text-align: center; padding-bottom: 31rem; border-bottom: 1rem solid var(--color-gray-300); }
    .product-single__features-txt > li:nth-child(1) { order: 1; margin-top: 0; margin-bottom: 0; right: auto; }
    .product-single__features-txt > li:nth-child(2) { order: 0; margin-top: 0; margin-bottom: 0; left: auto; }
    .product-single__features-txt > li:nth-child(3) { order: 2; margin-top: 0; margin-bottom: 0; left: auto; padding-bottom: 0; border-bottom: 0; }
    .product-single__features-txt p { margin-top: 8rem; }

    .product-single__diagram { padding: 100rem 0 80rem; }
    .product-single__diagram-point { margin-top: 60rem; }
    .product-single__diagram-point > li { max-width: 400rem; }
    .product-single__diagram-point > li + li { margin-left: -24rem; }
    .product-single__diagram-point > li > p { padding: 0 24rem; }
    .product-single__diagram-point > li > p br { display: none; }
    .product-single__diagram-circle-inner { padding: 0 24rem; }
    .product-single__diagram-circle-inner > b.jt-typo--07 { font-size: var(--font-size-06); line-height: var(--font-lineheight-06); }    
    .product-single__diagram-circle-inner > p { display: block; margin-top: 16rem; }
    .product-single__diagram-circle-inner > p em { background: rgb(255 229 91 / 50%); }
    .product-single__diagram-circle-inner--no-desc > b.jt-typo--07 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__diagram-check-list { margin-top: 60rem; padding: 60rem 0; }
    .product-single__diagram-caption { margin-top: 60rem; }

    .product-single__component-column { flex-wrap: wrap; gap: 0; border-radius: 8rem; overflow: hidden; }
    .product-single__component-column > * { width: 100%; border-radius: 0; }
    .product-single__itemize-images-key { min-height: auto; height: calc(100vw - 40rem); }
    .product-single__itemize-images-key-list > li { width: calc(100% - 10rem); font-size: var(--font-size-01); line-height: var(--font-lineheight-01); }
    .product-single__itemize-images-key-list > li > span:after { bottom: 18rem; }
    .product-single__itemize-images-data { height: calc(100vw - 40rem); }
    .product-single__itemize-images-value-inner { padding: 60rem 24rem; }
    .product-single__itemize-images-value ul > li:before { width: 7rem; height: 7rem; top: 18rem; }

    .product-single__half-data .product-single__component-column { flex-wrap: wrap; }
    .product-single__half-data-content { padding: 40rem 24rem; gap: 60rem; flex-direction: column; }
    .product-single__half-data-content > p { position: relative; top: auto; left: auto; width: 100%; }

    .product-single__half-basic-content { padding: 60rem 24rem; }

    .product-single__proven-count { top: 80rem; left: 50%; transform: translateX(-50%); }
    .product-single__proven-value-list > li { padding-left: 22rem; }
    .product-single__proven-value-list > li:before { width: 7rem; height: 7rem; top: 18rem; }
    .product-single__proven-title-group { text-align: center; }
    .product-single__proven-image { border-radius: 0; width: auto; margin-left: -24rem; margin-right: -24rem; }
    .product-single__proven-image--large { display: none; }
    .product-single__proven-image--small { display: block; }
    .product-single__proven-image--small-wrap { position: relative; display: block; width: auto; margin-left: -24rem; margin-right: -24rem; }
    .product-single__proven-item--primary { padding: 148rem 0 80rem; border-radius: 8rem; overflow: hidden; }
    .product-single__proven-item--primary .product-single__proven-title { padding: 0 24rem; }
    .product-single__proven-vertical { flex-wrap: wrap; gap: 0; border-radius: 8rem; overflow: hidden; }
    .product-single__proven-vertical > * { display: block; width: 100%; border-radius: 0; }
    .product-single__proven-vertical > *.product-single__proven-vertical-img { display: none; }
    .product-single__proven-vertical-content { padding: 148rem 24rem 40rem; }
    .product-single__proven-vertical-content-inner { width: 100%; }
    .product-single__proven-vertical-content-inner .product-single__proven-image--small { margin-left: -24rem; margin-right: -24rem; }
    .product-single__proven-vertical-content .swiper-control { position: static; bottom: auto; left: auto; width: auto; margin-top: 60rem; margin-bottom: -8rem; }
    .product-single__proven-vertical-content .swiper-control .swiper-navigation { display: none; }
    .product-single__proven-vertical-content .swiper-navigation { gap: 0; justify-content: space-between; position: absolute; width: calc(100% - 32rem); top: 50%; left: 50%; transform: translate(-50%, -50%); bottom: auto; z-index: 10; }
    .product-single__proven-vertical-content .swiper-pagination-fraction { position: relative; top: auto; left: auto; transform: none; padding: 4rem 12rem; border-radius: 100rem; background: var(--color-gray-400); gap: 2rem; }
    .product-single__proven-vertical-content .swiper-pagination-fraction > span { width: 12rem; }
    .product-single__proven-vertical-content .swiper-navigation .swiper-button { width: 20rem; height: 20rem; border-radius: 0; background: none; }
    .product-single__proven-vertical-content .swiper-navigation .swiper-button .jt-icon { width: 20rem; }
    .product-single__proven-vertical-content .swiper-navigation .swiper-button .jt-icon path { fill: var(--color-gray-500); }
    .product-single__proven-vertical-slider { margin-left: -24rem; margin-right: -24rem; }
    .product-single__proven-vertical-slider .product-single__proven-vertical-content-inner { padding: 0 24rem; }
    .product-single__proven-item--tertiary { padding: 148rem 0 80rem; }
    .product-single__proven-item--tertiary .product-single__proven-check-list { padding: 50rem 0; }
    .product-single__proven-horizontal { gap: 50rem; }
    .product-single__proven-group-title { margin-bottom: 32rem; }

    .product-single__proven-columns { gap: 16rem; }
    
    .product-single__howto-step { padding: 0; }
    .product-single__howto-step li { border-bottom: none; padding: 50rem 24rem 100rem; }
    .product-single__howto-step li:first-child { padding-top: 50rem; }
    .product-single__howto-step .swiper-pagination { position: absolute; bottom: 40rem; }
    .product-single__howto-step .swiper-pagination-bullet { background: var(--color-tertiary); }

    .product-single__icon-banner { padding: 80rem; }

    .product-single__ritual-list { display: block; overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin-left: -20rem; margin-right: -20rem; height: 490rem; }
    .product-single__ritual-list::-webkit-scrollbar { display: none; }
    .product-single__ritual-item { width: 286rem; display: inline-block; position: relative; margin-left: 8rem; height: 100%; vertical-align: text-top; }
    .product-single__ritual-item:first-child { margin-left: 20rem; }
    .product-single__ritual-item:last-child { margin-right: 20rem; }
    .product-single__ritual-link { border-radius: 8rem; }
    .product-single__ritual-num { border-radius: 6rem; }

    .product-single__abstract-data tr { width: 100%; display: grid; }
    .product-single__abstract-data :is(th, td) { width: 100%; padding: 24rem 0; }
    .product-single__abstract-data :is(th, td):first-child { padding-bottom: 0; border-bottom: none; }
    .product-single__abstract-data :is(th, td):last-child { padding-top: 8rem; }

    .product-single__component .product-single__epilogue .wrap-small { margin-left: 20rem; margin-right: 20rem; }
    .product-single__epilogue { margin-left: -20rem; margin-right: -20rem; border-radius: 0; }
    .product-single__epilogue-inner { gap: 100rem; }
    .product-single__epilogue-title { margin-bottom: 32rem; }
    .product-single__review-source { margin-top: 8rem; }
    .product-single__review-list > li { padding: 32rem 0 31rem; }

    .product-single__frame-content { padding: 0; background: transparent; gap: 40rem; border-radius: 8rem; }
    .product-single__frame-content .product-single__video { border-radius: 8rem; }
    
    .product-single__improve { padding: 100rem 0 80rem; border-radius: 8rem; }
    .product-single__improve-label { border-radius: 8rem 0; padding: 8rem 24rem; }
    .product-single__improve-compare { gap: 16rem; }
    .product-single__improve-thumb { border-radius: 8rem; }
    .product-single__improve-after:after { border-radius: 8rem; }
    .product-single__improve-caption { margin-top: 60rem; font-size: var(--font-size-16); line-height: var(--font-lineheight-16); font-weight: 400; }

    .product-single__diagram-point { flex-direction: column; align-items: center;  }
    .product-single__diagram-point > li { width: 100%; }
    .product-single__diagram-point > li + li { margin-left: 0; margin-top: -28rem; }
    .product-single__diagram-point > li > p { display: none; }
    .product-single__diagram-caption { font-size: var(--font-size-16); line-height: var(--font-lineheight-16); font-weight: 400; }

    .product-single__box { padding: 100rem 0 0; border-radius: 8rem; overflow: hidden; }
    .product-single__box-img { margin-left: -24rem; margin-right: -24rem; border-radius: 0; }
    .product-single__box-img--large { display: none; }
    .product-single__box-img--small { display: block; }
    .product-single__box-video { margin-left: -24rem; margin-right: -24rem; border-radius: 0; }
    .product-single__box-video--large { display: none; }
    .product-single__box-video--small { display: block; }

    .product-single__txt-banner { padding: 80rem 0; }

    .product-single__icon-banner > p { font-size: var(--font-size-16); line-height: var(--font-lineheight-16); font-weight: 400; }

    .product-single__img-banner { flex-direction: column-reverse; gap: 0; border-radius: 8rem; padding: 0; overflow: hidden; }
    .product-single__img-banner-content { padding: 60rem 24rem; width: 100%; text-align: center; }
    .product-single__img-banner-photo { width: 100%; border-radius: 0; }
    .product-single__img-banner-photo--large { display: none; }
    .product-single__img-banner-photo--small { display: block; }
    .product-single__img-banner-photo figure { padding-top: 100%; }

    .product-single__horiz-colgroup { flex-direction: column; height: auto; gap: 0; }
    .product-single__horiz-bg-wrap { width: 100%; padding-top: 100%; border-radius: 8rem 8rem 0 0; }
    .product-single__horiz-content { width: 100%; border-radius: 0 0 8rem 8rem; padding: 60rem 24rem; }
    .product-single__horiz-caption { position: relative; bottom: auto; left: auto; width: auto; margin-top: 20rem; font-size: var(--font-size-16); line-height: var(--font-lineheight-16); font-weight: 400; }
    .product-single__horiz-bg--small { opacity: 1; visibility: visible; }
    .product-single__horiz-bg--large { opacity: 0; visibility: hidden; }

    /* Product Single - Dialog */
    .product-single-dialog__content { position: fixed; width: 100%; left: 0; bottom: 0; border-radius: 24rem 24rem 0 0; }
    .product-single__shopnow-primary > span { padding-left: 38rem; }

    /* Product Single - Nothing */
    .product-single__nothing { margin-top: 100rem; padding: 160rem 0; border-radius: 8rem; }
}



@media(max-width: 540px){
    
    /* Product Single - Top Content */
    .product-single__detail { margin-left: -16rem; margin-right: -16rem; }
    .product-single__label > span { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); }
    .product-single__basic { margin-top: -5rem; }
    .product-single__basic > span { margin-bottom: 16rem; }
    .product-single__price { margin-top: 24rem; }
    .product-single__price > p { font-size: var(--font-size-13); line-height: var(--font-lineheight-13); }
    .product-single__effect > li { padding-left: 12rem; }
    .product-single__effect > li:before { width: 4rem; height: 4rem; }
    .product-single__extend-list li { gap: 8rem; }
    .product-single__extend-icons  { gap: 32rem 12rem; }
    .product-single__extend-icons p { margin-top: 8rem; }
    .product-single__extend-icons-image { max-width: 80rem; }
    .product-single__slider-image { padding-top: 100%; }
    .product-single__buy-btn { padding-top: 19rem; padding-bottom: 19rem; }
    body.single-product #footer { margin-bottom: 61rem; }

    /* Product Single - Slogan */
    .product-single__slogan { margin-top: 60rem; }

    /* Product Single - Component Layout */
    .product-single__component { margin-top: 80rem; gap: 80rem; }
    .product-single__component-title { margin-bottom: 40rem; }
    .product-single__component-title h2 br:not(.smbr) { display: none; }
    .product-single__component-title i { width: 39rem; margin: 0 auto 12rem; }
    .product-single__component-title h2 + p { margin-top: 16rem; }
    .product-single__component-btn { padding: 12rem 24rem; border-radius: 4rem; }
    .product-single__component-btn > .jt-icon { width: 16rem; }

    /* Product Single - Component */
    .product-single__renewal-thumb { max-width: none; }
    .product-single__renewal-compare { flex-wrap: wrap; }
    .product-single__renewal-compare > * { width: 100%; padding: 32rem 39rem 60rem; }
    .product-single__renewal-compare:after { width: 52rem; height: 52rem; top: calc(50% - 26rem); left: calc(50% - 26rem); background-size: 34rem auto; transform: rotate(90deg); }
    .product-single__renewal-txt { padding: 0; }
    .product-single__renewal-txt > p { margin-top: 12rem; min-height: 64rem }
    .product-single__renewal-label { padding: 8rem 24rem; }
    .product-single__renewal-after:after { border-radius: 8rem; border: 4rem solid var(--color-quaternary) }

    .product-single__features-image { width: calc(100% + 32rem); margin-left: -16rem; margin-right: -16rem; }

    .product-single__diagram { padding: 60rem 0; border-radius: 8rem  }
    .product-single__diagram-point { margin-top: 40rem; }
    .product-single__diagram-point > li { width: 100%; position: relative; padding: 0; }
    .product-single__diagram-point > li + li { margin-left: 0; margin-top: -20rem; }
    .product-single__diagram-point > li > p { position: absolute; bottom: 60rem; }
    .product-single__diagram-circle-inner { padding: 0 40rem; }
    .product-single__diagram-check-list { margin-top: 40rem; padding: 40rem 0; gap: 24rem; }
    .product-single__diagram-check-list > li { padding-left: 28rem; }
    .product-single__diagram-check-list .jt-icon { top: 3rem; width: 20rem; }
    .product-single__diagram-check-list p.jt-typo--14 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); font-weight: 400; }
    .product-single__diagram-caption.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); margin-top: 40rem; text-align: left; }
    .product-single__diagram--no-explanation .product-single__diagram-caption { text-align: center; }
    
    .product-single__itemize-images-data { height: calc(100vw - 32rem); }
    .product-single__itemize-images-value-inner { padding: 40rem 24rem; }
    .product-single__itemize-images-value ul { gap: 4rem; }
    .product-single__itemize-images-value ul > li { font-size: var(--font-size-11);  line-height: var(--font-lineheight-11); padding-left: 12rem; }
    .product-single__itemize-images-value ul > li:before { width: 4rem; height: 4rem; top: 14rem; }
    .product-single__itemize-images-value p { margin-top: 20rem; }
    .product-single__itemize-images-value p.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); }

    .product-single__itemize-images-key { padding: 71rem 12rem; }
    .product-single__itemize-images-key-list { gap: 24rem; }
    .product-single__itemize-images-key-list > li { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__itemize-images-key-list > li > span { padding-right: 20rem; }
    .product-single__itemize-images-key-list > li > span:after { width: 10rem; height: 10rem; bottom: 11rem; }

    .product-single__half-data-content { flex-wrap: wrap; height: auto; gap: 40rem; }
    .product-single__half-data-type > li { flex-direction: column; flex-wrap: wrap; gap: 4rem; padding: 15rem 0 16rem 0; }
    .product-single__half-data-type > li:first-child { padding-top: 0; }
    .product-single__half-data-type > li:last-child { padding-bottom: 0; }
    .product-single__half-data-type > li > b { width: 100%; }
    .product-single__half-data-type > li > p { text-align: left; }

    .product-single__half-basic-content { padding: 40rem 24rem; }

    .product-single__proven { gap: 48rem; }
    .product-single__proven-count { top : 60rem }
    .product-single__proven-count:after { bottom: -4rem; }
    .product-single__proven-item--primary { padding: 115rem 0 60rem; border-radius: 8rem }
    .product-single__proven-item--primary .product-single__proven-title { padding: 0; }
    .product-single__proven-item--primary .product-single__proven-title.jt-typo--03 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__proven-horizontal { gap: 40rem; }
    .product-single__proven-title-group span { margin-top: 16rem; }
    .product-single__proven-value-list { gap: 20rem; }
    .product-single__proven-value-list > li { flex-wrap: wrap; gap: 4rem; padding-left: 12rem; }
    .product-single__proven-value-list > li > p { font-size: var(--font-size-13); line-height: var(--font-lineheight-13); background: none; }
    .product-single__proven-value-list > li > p > span { max-width: 100%; }
    .product-single__proven-value-list > li > strong { width: 100%; justify-content: end; background: url(../images/sub/product/product-proven-line.svg) repeat-x right center; gap: 0; }
    .product-single__proven-value-list > li > strong > b { padding: 0 6rem 0 12rem; background: var(--color-gray-300) }
    .product-single__proven-value-list > li > strong > span { background: var(--color-gray-300); }
    .product-single__proven-value-list > li:before { width: 4rem; height: 4rem; top: 13rem; }
    
    .product-single__proven-caption.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); font-weight: 400; text-align: left; }
    .product-single__proven-title { text-align: center; }
    .product-single__proven-title br:not(.smbr) { display: none; }
    .product-single__proven-check-list > li { padding-left: 26rem; }
    .product-single__proven-check-list > li br:not(.smbr) { display: none; }
    .product-single__proven-check-list .jt-icon { top: 4rem; }
    .product-single__proven-check-list p.jt-typo--14 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); font-weight: 400; }
    .product-single__proven-vertical-content { padding: 115rem 24rem 40rem; }
    .product-single__proven-vertical-content-inner { gap: 40rem; }
    .product-single__proven-vertical-content .swiper-control { margin-top: 40rem; margin-bottom: -16rem; }
    .product-single__proven-vertical-content .swiper-pagination-fraction > span.swiper-pagination-slug { margin: -1rem 0; }

    .product-single__proven-item--tertiary { padding: 115rem 0 60rem; }
    .product-single__proven-item--tertiary .product-single__proven-check-list { padding: 40rem 0; }
    .product-single__proven-columns { gap: 8rem; }
    .product-single__proven-column-content { margin-top: 16rem; }
    .product-single__proven-column-content > li.jt-typo--14 { font-size: 11rem; line-height: 15rem; padding-left: 9rem; }
    .product-single__proven-column-content > li:before { width: 3rem; height: 3rem; top: 7rem; }
    .product-single__proven-column-content > li + li { margin-top: 4rem; }
    .product-single__proven-group + .product-single__proven-group { padding-top: 40rem; }
    .product-single__proven-group-title { margin-bottom: 24rem; }
    
    .product-single__howto-step li { padding: 40rem 24rem 80rem; }

    .product-single__icon-banner { padding: 52rem 24rem; gap: 16rem; border-radius: 8rem }
    .product-single__icon-banner > i { width: 60rem; }
    .product-single__icon-banner > b { text-wrap: pretty; }
    .product-single__icon-banner > b br:not(.smbr) { display: none; }
    .product-single__icon-banner > p.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); }

    .product-single__ritual-list { height: 480rem; margin-left: -16rem; margin-right: -16rem; }
    .product-single__ritual-item:first-child { margin-left: 16rem; }
    .product-single__ritual-item:last-child { margin-right: 16rem; }

    .product-single__component .product-single__epilogue .wrap-small { margin-left: 16rem; margin-right: 16rem; }
    .product-single__epilogue { margin-left: -16rem; margin-right: -16rem; }
    .product-single__epilogue { padding: 80rem 0; }
    .product-single__epilogue-inner { gap: 80rem; }

    .product-single__improve { padding: 60rem 0; overflow: hidden; }
    .product-single__improve--no-desc { padding-bottom: 0;}
    .product-single__improve-label { border-radius: 0 0 8rem 0; padding: 6rem 21rem; }
    .product-single__improve-compare { flex-direction: column; gap: 0; margin-left: -24rem; margin-right: -24rem; display: none; }
    .product-single__improve-compare > li { width: 100%; }
    .product-single__improve-thumb { width: 100%; border-radius: 0; }
    .product-single__improve-small { display: block; margin-left: -24rem; margin-right: -24rem; }
    .product-single__improve-after:after { border-radius: 0 0 8rem 0; border-width: 5rem; }
    .product-single__improve-caption.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); margin-top: 40rem; text-align: left; }
    
    .product-single__box { padding: 60rem 0 0; }

    .product-single__txt-banner { padding: 52rem 0; }
    .product-single__txt-banner h2 + p { margin-top: 16rem; }
    .product-single__txt-banner i { width: 39rem; margin: 0 auto 12rem; }

    .product-single__icon-banner { padding: 52rem 40rem; }
    .product-single__icon-banner > figure { width: 60rem; height: 60rem; }

    .product-single__img-banner-content { padding: 40rem 24rem; }
    .product-single__img-banner-content h2 + p { margin-top: 16rem; }

    .product-single__horiz .jt-category-nav-wrap { margin-top: -3rem; margin-bottom: 37rem; }
    .product-single__horiz-content { padding: 40rem 24rem; }
    .product-single__horiz-caption { margin-top: 16rem; }
    .product-single__horiz-caption.jt-typo--15 { font-size: var(--font-size-17); line-height: var(--font-lineheight-17); }

    .product-single__abstract-data td { word-break: break-all; }

    /* Product Single - Dialog */
    .product-single-dialog__content { padding: 40rem 16rem; }
    .product-single-dialog__content-inner { padding-right: 0; max-height: auto; }
    .product-single-dialog__title { margin-bottom: 24rem; padding-right: 0; }
    .product-single-dialog__close { width: 24rem; height: 24rem; }
    .product-single__shopnow-secondary { display: grid; grid-template-columns: 1fr 1fr; gap: 12rem 30rem; }
    .product-single__shopnow-secondary a { gap: 4rem; justify-content: start; padding: 0; }

    /* Product Single - Nothing */
    .product-single__nothing { margin-top: 80rem; padding: 100rem 20rem; }
    .product-single__nothing p.jt-typo--10 { font-size: var(--font-size-11); line-height: var(--font-lineheight-11); }

    /*  */
    .product-single__component-title h2.jt-typo--03 { font-size: var(--font-size-04); line-height: var(--font-lineheight-04); }
    .product-single__txt-banner h2.jt-typo--04 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__proven-title.jt-typo--04 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__proven-title-group h3.jt-typo--04 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__img-banner-content h2.jt-typo--04 { font-size: var(--font-size-05); line-height: var(--font-lineheight-05); }
    .product-single__icon-banner > b { font-size: var(--font-size-06); line-height: var(--font-lineheight-06); }
}



/* **************************************** *
 * Etc
 * **************************************** */
@media (min-width: 1024px){

    /* Sun Day Adventure Sunscreen SPF 50 */
    html[lang="en-US"] body.postid-5819 .product-single__features-txt > li { width: 340rem; }

    /* Oat In Gentle Exfoliating Face Cleanser */
    html[lang="en-US"] body.postid-5902 .product-single__features-txt > li { width: 360rem; }

}