@charset "UTF-8";
/* ==================== #sitemap ==================== */
#sitemap {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  line-height: 1;
  pointer-events: none;
}
#sitemap .stmp__wrapper {
  right: 0;
  z-index: 30;
  width: 70%;
  height: 80%;
  padding: 5% 5% 3%;
  background: url(/img/common/body.png);
}
#sitemap .stmp__wrapper .stmp__container {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}
#sitemap .stmp__container {
  position: relative;
  height: 100%;
  font-family: var(--Pretendard);
  font-weight: 500;
  color: var(--theme-color);
  white-space: nowrap;
}
#sitemap .stmp__group {
  height: 100%;
  font-size: 24px;
  position: relative;
}
#sitemap .stmp__gnb {
  width: 13em;
}
#sitemap .stmp__gnb .gnb__list {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#sitemap .stmp__gnb li {
  position: relative;
}
#sitemap .stmp__gnb li .gnb__link {
  display: inline-block;
  background: url(/img/common/body.png);
  padding-right: 0.5em;
  position: relative;
  z-index: 10;
}
#sitemap .stmp__gnb li::before {
  content: "";
  position: absolute;
  top: 0.5em;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.5s;
  background: rgba(var(--theme-color-rgb), 0.5);
}
#sitemap .stmp__gnb li.--single::before {
  display: none;
}
#sitemap .stmp__gnb li.--active::before {
  width: 100%;
}
#sitemap .stmp__gnb .gnb__link {
  display: flex;
  flex-direction: column;
  width: fit-content;
}
#sitemap .stmp__gnb i {
  font: normal 100 15px var(--Seasons);
}
#sitemap .stmp__gnb strong {
  font-weight: 500;
}
#sitemap .snb__list {
  width: 13em;
  height: 0;
  position: relative;
  left: 100%;
  pointer-events: none;
  background: url(/img/common/body.png);
  opacity: 0;
  translate: 2em -1em;
  transition: 0.5s;
}
#sitemap .snb__list li {
  font-size: 22px;
}
#sitemap .snb__list li + li {
  padding-top: 1em;
}
#sitemap .snb__list[data-menu=community] ul,
#sitemap .snb__list[data-menu=case] ul {
  translate: 0 calc(-100% + 1em);
}
#sitemap .gnb__btn.--active .snb__list {
  opacity: 1;
  translate: 1em -1em;
  pointer-events: auto;
}
#sitemap .stmp__quick {
  display: flex;
  align-items: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
}
#sitemap .stmp__quick .quick__social {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
}
#sitemap .stmp__quick .quick__social a {
  position: relative;
}
#sitemap .stmp__quick .quick__social a span {
  position: absolute;
  top: 50%;
  right: 3.2em;
  translate: -1em -50%;
  opacity: 0;
  cursor: default;
  pointer-events: none;
  transition: 0.4s;
}
#sitemap .stmp__quick .quick__social a::after {
  content: "";
  display: block;
  width: 2.2em;
  height: 2.2em;
}
#sitemap .stmp__quick .quick__social a:hover span {
  translate: 0 -50%;
  opacity: 1;
}
#sitemap .stmp__quick .quick__social a + a {
  margin-top: 1em;
}
#sitemap .stmp__quick .quick__social .--book::after {
  width: 2em;
  background: url(/img/common/logo/naver-book-green.svg) center/contain no-repeat;
}
#sitemap .stmp__quick .quick__social .--kakao::after {
  background: url(/img/common/logo/kakao-green.svg) center/contain no-repeat;
}
#sitemap .stmp__quick .quick__social .--insta::after {
  width: 2em;
  background: url(/img/common/logo/insta-green.svg) center/contain no-repeat;
}
#sitemap .stmp__quick .quick__social .--blog::after {
  width: 2em;
  background: url(/img/common/logo/naver-blog-green.svg) center/contain no-repeat;
}
#sitemap .stmp__quick .quick__social .--youtube::after {
  background: url(/img/common/logo/youtube-green.svg) center/contain no-repeat;
}
#sitemap .stmp__quick .quick__member {
  display: flex;
}
#sitemap .stmp__quick .quick__member li {
  font-size: 14px;
}
#sitemap .stmp__quick .quick__member li + li {
  padding-left: 1em;
}
#sitemap .stmp__wrapper,
#sitemap .stmp__visual,
#sitemap .stmp__bg {
  position: absolute;
  bottom: -100%;
  opacity: 0;
  will-change: bottom;
  transition: 0.8s ease;
}
#sitemap .stmp__wrapper {
  transition-delay: 0.05s;
}
#sitemap .stmp__visual {
  transition-delay: 0.1s;
}
#sitemap .stmp__bg {
  transition-delay: 0.15s;
}
#sitemap .stmp__visual {
  left: 0;
  z-index: 10;
  width: 60%;
  height: 100%;
}
#sitemap .stmp__bg {
  right: 0;
  z-index: 0;
  width: 55%;
  height: 100%;
  background: var(--c-peacock);
}

body.menu-active #hd h1 a {
  background: url(/img/logo/logo-white.svg) left center/100% auto no-repeat;
}
body.menu-active #hd .hd__menu {
  pointer-events: none;
  opacity: 0;
}
body.menu-active #hd .hd__buttons {
  color: #fff;
}
body.menu-active #hd .hd__buttons #btn__menu {
  transform: rotate(45deg);
}
body.menu-active #hd .hd__buttons #btn__menu::before, body.menu-active #hd .hd__buttons #btn__menu::after {
  translate: -50% -50%;
  transform-origin: center;
  background: #fff;
}
body.menu-active #hd .hd__buttons #btn__menu::before {
  transform: rotate(90deg);
}
body.menu-active #hd .hd__buttons #btn__menu::after {
  transform: rotate(0);
}
body.menu-active #sitemap {
  pointer-events: auto;
}
body.menu-active #sitemap .stmp__wrapper,
body.menu-active #sitemap .stmp__visual,
body.menu-active #sitemap .stmp__bg {
  bottom: 0;
  opacity: 1;
}
body.menu-active #sitemap .stmp__wrapper {
  transition-delay: 0.15s;
}
body.menu-active #sitemap .stmp__visual {
  transition-delay: 0.1s;
}
body.menu-active #sitemap .stmp__bg {
  transition-delay: 0.05s;
}

/* --------------- max-width: 1280px --------------- */
@media (max-width: 1280px) {
  #sitemap .stmp__group {
    font-size: 20px;
  }
  #sitemap .snb__list li {
    font-size: 18px;
  }
}
/* --------------- max-width: 1024px --------------- */
@media (max-width: 1024px) {
  #sitemap .stmp__wrapper {
    width: 80%;
    height: 85%;
  }
  #sitemap .stmp__gnb {
    width: 10em;
  }
}
/* --------------- max-width: 768px --------------- */
@media (max-width: 768px) {
  #sitemap .stmp__wrapper {
    width: 90%;
    height: 85%;
  }
}
/* --------------- max-width: 640px --------------- */
@media (max-width: 640px) {
  #sitemap .stmp__wrapper {
    height: calc(100% - 100px);
  }
}
/* --------------- max-height: 700px --------------- */
@media (max-height: 700px) {
  #sitemap .stmp__group {
    font-size: 20px;
  }
  #sitemap .snb__list li {
    font-size: 18px;
  }
  #sitemap .stmp__quick .quick__social {
    font-size: 13px;
  }
}
/* --------------- 모바일 --------------- */
@media (max-width: 768px) and (orientation: portrait), (max-height: 768px) and (orientation: landscape) {
  #sitemap .stmp__gnb {
    width: calc(100% - 2.5em);
    max-height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(var(--theme-color-rgb), 0.8) transparent;
    scrollbar-gutter: stable;
    padding-right: 10px;
  }
  #sitemap .stmp__gnb::-webkit-scrollbar {
    width: 4px;
  }
  #sitemap .stmp__gnb::-webkit-scrollbar-thumb {
    border-radius: 4px;
  }
  #sitemap .stmp__gnb li::before {
    display: none;
  }
  #sitemap .stmp__gnb .gnb__list {
    justify-content: flex-start;
    height: auto;
  }
  #sitemap .stmp__gnb .gnb__btn.--multi .gnb__link {
    pointer-events: none;
  }
  #sitemap .stmp__gnb .gnb__btn + .gnb__btn {
    margin-top: 1.5em;
  }
  #sitemap .snb__list {
    left: 0;
    translate: 0 0;
    height: auto;
    overflow: hidden;
    max-height: 0;
  }
  #sitemap .snb__list ul {
    padding: 0.8em 0 0;
  }
  #sitemap .gnb__btn.--active .snb__list {
    translate: 1em 0;
  }
  #sitemap .snb__list[data-menu=community] ul,
  #sitemap .snb__list[data-menu=case] ul {
    translate: 0 0;
  }
  #sitemap .gnb__btn .snb__list[data-length="1"] {
    transition-delay: 0.05s;
  }
  #sitemap .gnb__btn .snb__list[data-length="2"] {
    transition-delay: 0.1s;
  }
  #sitemap .gnb__btn .snb__list[data-length="3"] {
    transition-delay: 0.15s;
  }
  #sitemap .gnb__btn .snb__list[data-length="4"] {
    transition-delay: 0.2s;
  }
  #sitemap .gnb__btn .snb__list[data-length="5"] {
    transition-delay: 0.25s;
  }
  #sitemap .gnb__btn .snb__list[data-length="6"] {
    transition-delay: 0.3s;
  }
  #sitemap .gnb__btn .snb__list[data-length="7"] {
    transition-delay: 0.35s;
  }
  #sitemap .gnb__btn .snb__list[data-length="8"] {
    transition-delay: 0.4s;
  }
  #sitemap .gnb__btn .snb__list[data-length="9"] {
    transition-delay: 0.45s;
  }
  #sitemap .gnb__btn .snb__list[data-length="10"] {
    transition-delay: 0.5s;
  }
  #sitemap .gnb__btn .snb__list[data-length="11"] {
    transition-delay: 0.55s;
  }
  #sitemap .gnb__btn .snb__list[data-length="12"] {
    transition-delay: 0.6s;
  }
  #sitemap .gnb__btn .snb__list[data-length="13"] {
    transition-delay: 0.65s;
  }
  #sitemap .gnb__btn .snb__list[data-length="14"] {
    transition-delay: 0.7s;
  }
  #sitemap .gnb__btn .snb__list[data-length="15"] {
    transition-delay: 0.75s;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="1"] {
    max-height: 2.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="2"] {
    max-height: 5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="3"] {
    max-height: 7.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="4"] {
    max-height: 10em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="5"] {
    max-height: 12.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="6"] {
    max-height: 15em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="7"] {
    max-height: 17.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="8"] {
    max-height: 20em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="9"] {
    max-height: 22.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="10"] {
    max-height: 25em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="11"] {
    max-height: 27.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="12"] {
    max-height: 30em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="13"] {
    max-height: 32.5em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="14"] {
    max-height: 35em;
  }
  #sitemap .gnb__btn.--active .snb__list[data-length="15"] {
    max-height: 37.5em;
  }
  #sitemap .stmp__quick .quick__member {
    flex-direction: column;
    text-align: right;
  }
  #sitemap .stmp__quick .quick__member li + li {
    padding: 1.5em 0 0 0;
  }
  #sitemap .stmp__wrapper,
  #sitemap .stmp__visual,
  #sitemap .stmp__bg {
    bottom: 0;
  }
  #sitemap .stmp__bg {
    width: 75%;
    right: 0;
    translate: 100% 0;
  }
  #sitemap .stmp__visual {
    width: 65%;
    left: 0;
    translate: -100% 0;
  }
  #sitemap .stmp__wrapper {
    right: 0;
    left: auto;
    translate: 100% 0;
  }
  body.menu-active #sitemap .stmp__visual,
  body.menu-active #sitemap .stmp__wrapper,
  body.menu-active #sitemap .stmp__bg {
    bottom: 0;
    translate: 0 0;
    opacity: 1;
  }
  body.menu-active #sitemap .stmp__bg {
    transition-delay: 0.05s;
  }
  body.menu-active #sitemap .stmp__visual {
    transition-delay: 0.1s;
  }
  body.menu-active #sitemap .stmp__wrapper {
    transition-delay: 0.2s;
  }
}
@media (max-height: 640px) and (orientation: landscape) {
  #sitemap .stmp__wrapper {
    height: calc(100% - 70px);
  }
  #sitemap .stmp__quick .quick__social {
    font-size: 10px;
  }
  #sitemap .stmp__quick .quick__member li {
    font-size: 12px;
  }
}
/* ==================== #sub__visual ==================== */
#sub__visual {
  background-position: center;
  background-size: cover;
  position: relative;
  height: 1300px;
  padding-top: 50px;
  border-radius: 0 0 6em 6em;
  --fz: 25px;
  --h1: 200px;
  font-size: var(--fz);
  color: var(--c-yellow);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#sub__visual .visual__title {
  width: 90%;
  max-width: 1600px;
  position: relative;
}
#sub__visual h1 {
  font-size: var(--h1);
  font-weight: normal;
  font-family: var(--Seasons);
}
#sub__visual .title__desc {
  font-size: var(--h1);
  line-height: 1.6;
}
#sub__visual .title__desc p {
  font-size: var(--fz);
  letter-spacing: -0.05em;
  word-break: keep-all;
}
#sub__visual .visual__scroll {
  position: absolute;
  bottom: calc(5% + 1em);
  left: 50%;
  translate: -50% 0;
  font-size: 0.8em;
  width: 1.85em;
  height: 2.8em;
  border: 4px solid var(--c-yellow);
  border-radius: 100em;
}
#sub__visual .visual__scroll i {
  position: absolute;
  top: 0.6em;
  left: 50%;
  translate: -50% 0;
  width: 0.2em;
  height: 0.6em;
  background: var(--c-yellow);
  border-radius: 100em;
  animation: mouse_wheel 2.5s ease infinite;
}
#sub__visual .visual__scroll p {
  position: absolute;
  top: calc(100% + 1em);
  left: 50%;
  width: 0;
  font-family: var(--Seasons);
  white-space: nowrap;
  display: flex;
  justify-content: center;
}

@keyframes mouse_wheel {
  0% {
    top: 5px;
    opacity: 1;
  }
  80% {
    top: 24px;
    opacity: 0;
  }
  100% {
    top: 24px;
    opacity: 0;
  }
}
/* --------------- sub__visual - center --------------- */
#sub__visual[data-type=center] {
  text-align: center;
}
#sub__visual[data-type=center] .title__desc p {
  margin-top: 1em;
}

/* --------------- sub__visual - center-reverse --------------- */
#sub__visual[data-type=center-reverse] .visual__title {
  display: flex;
  flex-direction: column-reverse;
}
#sub__visual[data-type=center-reverse] h1 {
  display: flex;
  flex-direction: column;
}
#sub__visual[data-type=center-reverse] h1 span:first-child {
  text-align: left;
}
#sub__visual[data-type=center-reverse] h1 span:last-child {
  text-align: right;
  padding-top: 0.1em;
}
#sub__visual[data-type=center-reverse] .title__desc p {
  margin-bottom: 1.5em;
}

@media (max-width: 768px) {
  #sub__visual[data-type=center-reverse] .visual__title {
    flex-direction: column;
  }
  #sub__visual[data-type=center-reverse] .title__desc p {
    text-align: center;
  }
  #sub__visual[data-type=center-reverse] .title__desc p {
    margin: 1.5em 0 0 0;
  }
  #sub__visual[data-type=center-reverse] .title__desc strong {
    display: block;
  }
}
/* --------------- sub__visual - sig-right --------------- */
#sub__visual[data-type=sig-right] h1 {
  display: flex;
  flex-direction: column;
}
#sub__visual[data-type=sig-right] h1 span {
  width: fit-content;
}
#sub__visual[data-type=sig-right] h1 span:first-child {
  padding-left: 0.5em;
  position: relative;
}
#sub__visual[data-type=sig-right] h1 span:first-child i {
  font-size: 0.4em;
  font-family: var(--Signature);
  position: absolute;
  bottom: 100%;
  left: 45%;
  translate: 0 -0.3em;
}
#sub__visual[data-type=sig-right] h1 span:last-child {
  padding-right: 0.5em;
  align-self: flex-end;
}
#sub__visual[data-type=sig-right] .title__desc {
  position: absolute;
  top: 0;
  height: 0.8em;
  left: 4.7em;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1400px) {
  #sub__visual[data-type=sig-right] .title__desc p {
    translate: 0 1.5em;
  }
  #sub__visual[data-type=sig-right] .title__desc p span {
    display: block;
  }
}
@media (max-width: 1280px) {
  #sub__visual[data-type=sig-right] .title__desc {
    position: relative;
    left: auto !important;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  #sub__visual[data-type=sig-right] .title__desc p span {
    display: inline;
  }
}
@media (max-width: 768px) {
  #sub__visual[data-type=sig-right] .title__desc p br {
    display: block;
  }
}
/* --------------- sub__visual - sig-left --------------- */
#sub__visual[data-type=sig-left] h1 {
  display: flex;
  flex-direction: column;
}
#sub__visual[data-type=sig-left] h1 span {
  width: fit-content;
}
#sub__visual[data-type=sig-left] h1 span:first-child {
  position: relative;
}
#sub__visual[data-type=sig-left] h1 span:first-child i {
  font-size: 0.4em;
  font-family: var(--Signature);
  position: absolute;
  top: 1em;
  left: 100%;
  translate: 0.5em -0.3em;
}
#sub__visual[data-type=sig-left] h1 span:last-child {
  align-self: flex-end;
}
#sub__visual[data-type=sig-left] .title__desc {
  position: absolute;
  top: 1em;
  height: 0.8em;
  left: 0;
}

@media (max-width: 1400px) {
  #sub__visual[data-type=sig-left] .title__desc p br {
    display: none;
  }
  #sub__visual[data-type=sig-left] .title__desc p span {
    display: block;
  }
}
@media (max-width: 1280px) {
  #sub__visual[data-type=sig-left] .title__desc p {
    translate: 0 0;
  }
}
@media (max-width: 768px) {
  #sub__visual[data-type=sig-left] .title__desc p br {
    display: block;
  }
}
@media (max-width: 768px) {
  #sub__visual[data-type=sig-left] .visual__title {
    width: 90% !important;
  }
  #sub__visual[data-type=sig-left] h1 span:first-child i {
    left: 50%;
    top: 0;
    translate: -50% -100%;
  }
  #sub__visual[data-type=sig-left] .title__desc {
    position: initial;
    text-align: center;
  }
  #sub__visual[data-type=sig-left] .title__desc p {
    padding-top: 1em;
  }
  #sub__visual[data-type=sig-left] .title__desc p span {
    display: inline;
  }
}
/* --------------- sub__visual - sig-bottom --------------- */
#sub__visual[data-type=sig-bottom] h1 {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
#sub__visual[data-type=sig-bottom] h1 span {
  width: fit-content;
}
#sub__visual[data-type=sig-bottom] h1 span:first-child {
  position: relative;
}
#sub__visual[data-type=sig-bottom] h1 span:first-child i {
  font-size: 0.4em;
  font-family: var(--Signature);
  position: absolute;
  top: 1em;
  left: 100%;
  translate: 0.5em -0.3em;
}
#sub__visual[data-type=sig-bottom] h1 span:last-child {
  align-self: flex-end;
}
#sub__visual[data-type=sig-bottom] .title__desc {
  position: absolute;
  top: 100%;
  left: 15%;
  width: 70%;
  height: 0.8em;
  display: flex;
  justify-content: flex-end;
}
#sub__visual[data-type=sig-bottom] .title__desc p {
  margin-top: 1.5em;
}

@media (max-width: 900px) {
  #sub__visual[data-type=sig-bottom] .title__desc p br {
    display: none;
  }
}
@media (max-width: 768px) {
  #sub__visual[data-page=signature-toning-program] h1 {
    width: 90% !important;
  }
  #sub__visual[data-type=sig-bottom] h1 span:first-child i {
    top: auto;
    bottom: 100%;
    left: 50%;
  }
  #sub__visual[data-type=sig-bottom] .title__desc {
    width: 90%;
    left: 5%;
  }
  #sub__visual[data-type=sig-bottom] .title__desc p {
    width: 100% !important;
    text-align: center;
  }
  #sub__visual[data-type=sig-bottom] .title__desc p span {
    display: inline;
  }
}
/* --------------- sub__visual - center-right-reverse --------------- */
#sub__visual[data-type=center-right-reverse] .visual__title {
  display: flex;
  flex-direction: column-reverse;
  text-align: right;
}
#sub__visual[data-type=center-right-reverse] h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#sub__visual[data-type=center-right-reverse] h1 span:first-child {
  font-style: italic;
}
#sub__visual[data-type=center-right-reverse] .title__desc p {
  margin-bottom: 1.5em;
}

@media (max-width: 768px) {
  #sub__visual[data-type=center-right-reverse] .visual__title {
    flex-direction: column;
    align-items: center;
  }
  #sub__visual[data-type=center-right-reverse] h1 {
    width: fit-content;
  }
  #sub__visual[data-type=center-right-reverse] .title__desc p {
    margin: 1em 0 0 0;
    text-align: center;
  }
  #sub__visual[data-type=center-right-reverse] .title__desc p strong {
    display: block;
  }
}
/* --------------- sub__visual - center-right --------------- */
#sub__visual[data-type=center-right] .visual__title {
  display: flex;
  flex-direction: column;
  text-align: right;
}
#sub__visual[data-type=center-right] h1 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-style: italic;
}
#sub__visual[data-type=center-right] .title__desc p {
  margin-top: 0.5em;
}

@media (max-width: 768px) {
  #sub__visual[data-type=center-right] .visual__title {
    flex-direction: column;
    align-items: center;
  }
  #sub__visual[data-type=center-right] h1 {
    width: fit-content;
  }
  #sub__visual[data-type=center-right] .title__desc p {
    margin: 1em 0 0 0;
    text-align: center;
  }
}
@media (max-width: 600px) {
  #sub__visual[data-type=center-right] .title__desc p br {
    display: block;
  }
}
/* --------------- sub__visual - right-bottom --------------- */
#sub__visual[data-type=right-bottom] .visual__title {
  height: 50%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: right;
}
#sub__visual[data-type=right-bottom] h1 {
  display: flex;
  justify-content: flex-end;
}
#sub__visual[data-type=right-bottom] h1 span:last-child {
  font-style: italic;
  margin-left: 0.2em;
}

@media (max-width: 600px) {
  #sub__visual[data-type=right-bottom] .title__desc p br {
    display: block;
  }
}
/* --------------- sub__visual - right-bottom-reverse --------------- */
#sub__visual[data-type=right-bottom-reverse] .visual__title {
  height: 50%;
  display: flex;
  flex-direction: column-reverse;
  text-align: right;
}
#sub__visual[data-type=right-bottom-reverse] h1 {
  display: flex;
  justify-content: flex-end;
}
#sub__visual[data-type=right-bottom-reverse] h1 span:last-child {
  font-style: italic;
  margin-left: 0.2em;
}
#sub__visual[data-type=right-bottom-reverse] .title__desc p {
  margin-bottom: 1.5em;
}

@media (max-width: 600px) {
  #sub__visual[data-type=right-bottom-reverse] .title__desc p br {
    display: block;
  }
}
/* --------------- sub__visual - center-bottom-reverse --------------- */
#sub__visual[data-type=center-bottom-reverse] .visual__title {
  height: 50%;
  display: flex;
  flex-direction: column-reverse;
}
#sub__visual[data-type=center-bottom-reverse] h1 {
  display: flex;
}
#sub__visual[data-type=center-bottom-reverse] h1 span:last-child {
  font-style: italic;
  margin-left: 0.2em;
}
#sub__visual[data-type=center-bottom-reverse] .title__desc p {
  margin-bottom: 1.5em;
}

@media (max-width: 1280px) {
  #sub__visual[data-type=center-bottom-reverse] .visual__title {
    flex-direction: column;
    text-align: center;
  }
  #sub__visual[data-type=center-bottom-reverse] h1 {
    padding-top: 1em;
    flex-direction: column;
    align-items: center;
  }
  #sub__visual[data-type=center-bottom-reverse] h1 span:last-child {
    margin-left: 0;
  }
  #sub__visual[data-type=center-bottom-reverse] .title__desc p {
    padding-top: 1em;
  }
}
@media (max-width: 768px) {
  #sub__visual[data-type=center-bottom-reverse] .visual__title {
    flex-direction: column;
    align-items: center;
  }
  #sub__visual[data-type=center-bottom-reverse] h1 {
    width: fit-content;
  }
  #sub__visual[data-type=center-bottom-reverse] .title__desc p {
    text-align: center;
  }
}
@media (max-width: 600px) {
  #sub__visual[data-type=center-bottom-reverse] .title__desc p br {
    display: block;
  }
}
#sub__visual[data-cate=dr-eLaser] {
  background-image: url(/img/sub/visual/dr-eLaser.webp);
}
#sub__visual[data-cate=dr-eLaser] h1 {
  position: relative;
}
#sub__visual[data-cate=dr-eLaser] h1::after {
  content: "";
  position: absolute;
  top: 0.15em;
  left: 48.5%;
  width: 0.27em;
  height: 0.67em;
  background: url(/img/sub/visual/dr-eLaser.png) center bottom/contain no-repeat;
}

#sub__visual[data-cate=melasma-special] {
  background-image: url(/img/sub/visual/melasma-special.webp);
}
#sub__visual[data-cate=melasma-special] .title__desc {
  left: 4.7em;
}

#sub__visual[data-page=dr-eLaser-lifting] {
  background-image: url(/img/sub/visual/lifting-tightening/dr-eLaser-lifting.webp);
}

#sub__visual[data-page=ultherapy-prime] {
  background-image: url(/img/sub/visual/lifting-tightening/ultherapy-prime.webp);
}

#sub__visual[data-page=thermage-flx] {
  background-image: url(/img/sub/visual/lifting-tightening/thermage-flx.webp);
}

#sub__visual[data-page=titanium-lifting] {
  background-image: url(/img/sub/visual/lifting-tightening/titanium-lifting.webp);
}

@media (max-width: 768px) {
  #sub__visual[data-page=titanium-lifting] {
    background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/img/sub/visual/lifting-tightening/titanium-lifting.webp);
  }
}
#sub__visual[data-page=xerf] {
  background-image: url(/img/sub/visual/lifting-tightening/xerf.webp);
}

#sub__visual[data-page=shurink] {
  background-image: url(/img/sub/visual/lifting-tightening/shurink.webp);
}

#sub__visual[data-page=inmode] {
  background-image: url(/img/sub/visual/lifting-tightening/inmode.webp);
}

#sub__visual[data-page=onda] {
  background-image: url(/img/sub/visual/lifting-tightening/onda.webp);
}

#sub__visual[data-page=skin-booster-program] {
  background-image: url(/img/sub/visual/skin-booster/skin-booster-program.webp);
}

#sub__visual[data-page=collagen-booster] {
  background-image: url(/img/sub/visual/skin-booster/collagen-booster.webp);
}

#sub__visual[data-page=ecm-booster] {
  background-image: url(/img/sub/visual/skin-booster/ecm-booster.webp);
}

#sub__visual[data-page=acne-dual-program] {
  background-image: url(/img/sub/visual/acne-solution/acne-dual-program.webp);
}
#sub__visual[data-page=acne-dual-program] .visual__title {
  width: 54em;
}

@media (max-width: 1280px) {
  #sub__visual[data-page=acne-dual-program] .visual__title {
    width: 44em;
  }
}
@media (max-width: 1024px) {
  #sub__visual[data-page=acne-dual-program] .visual__title {
    width: 39em;
  }
}
@media (max-width: 900px) {
  #sub__visual[data-page=acne-dual-program] .visual__title {
    width: 34em;
  }
}
#sub__visual[data-page=acne-treatment] {
  background-image: url(/img/sub/visual/acne-solution/acne-treatment.webp);
}

#sub__visual[data-page=acne-pigmentation] {
  background-image: url(/img/sub/visual/acne-solution/acne-pigmentation.webp);
}

#sub__visual[data-page=signature-toning-program] {
  background-image: url(/img/sub/visual/brightening-solution/signature-toning-program.webp);
}
#sub__visual[data-page=signature-toning-program] h1 {
  width: 70%;
}
#sub__visual[data-page=signature-toning-program] .title__desc p {
  width: 29.25em;
}

@media (max-width: 1500px) {
  #sub__visual[data-type=sig-bottom] .title__desc p {
    width: 27em;
  }
}
@media (max-width: 1280px) {
  #sub__visual[data-type=sig-bottom] .title__desc p {
    width: 25em;
  }
}
@media (max-width: 900px) {
  #sub__visual[data-type=sig-bottom] .title__desc p {
    width: 19em;
  }
}
#sub__visual[data-page=pigmentation-treatment] {
  background-image: url(/img/sub/visual/brightening-solution/pigmentation-treatment.webp);
}

#sub__visual[data-page=pore-scar-program] {
  background-image: url(/img/sub/visual/pore-scar/pore-scar-program.webp);
}

#sub__visual[data-page=filler] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/img/sub/visual/face-contour-petit/filler.webp);
}

#sub__visual[data-page=botox] {
  background-image: url(/img/sub/visual/face-contour-petit/botox.webp);
}

#sub__visual[data-page=ps-contour-injection] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/img/sub/visual/face-contour-petit/ps-contour-injection.webp);
}

#sub__visual[data-page=filler] .title__desc p,
#sub__visual[data-page=ps-contour-injection] .title__desc p {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

#sub__visual[data-cate=case] {
  background-image: url(/img/sub/visual/case.webp);
}

#sub__visual[data-cate=community] {
  background-image: linear-gradient(rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)), url(/img/sub/visual/community.webp);
}

#sub__visual[data-cate=community] .title__desc p {
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}

/* ========================= #sub__visual 공통 ========================= */
@media (max-width: 1700px) {
  #sub__visual {
    --fz: 24px;
    --h1: 180px;
  }
}
@media (max-width: 1500px) {
  #sub__visual {
    --fz: 23px;
    --h1: 160px;
  }
}
@media (max-width: 1280px) {
  #sub__visual {
    --h1: 150px;
    height: 1000px;
  }
}
@media (max-width: 1024px) {
  #sub__visual {
    --fz: 22px;
    --h1: 130px;
    height: 800px;
  }
  #sub__visual .visual__scroll {
    font-size: 16px;
    border-width: 3px;
  }
}
@media (max-width: 900px) {
  #sub__visual {
    --h1: 110px;
  }
}
@media (max-width: 768px) {
  #sub__visual {
    --fz: 20px;
    --h1: 100px;
  }
  #sub__visual h1 {
    padding-top: 1em;
  }
  #sub__visual[data-type=right-bottom-reverse] h1 {
    padding-top: 0;
  }
  #sub__visual .visual__scroll {
    display: none;
  }
}
@media (max-width: 600px) {
  #sub__visual {
    --fz: 20px;
    --h1: 74px;
  }
  #sub__visual .title__desc br {
    display: none;
  }
  #sub__visual .title__desc span {
    display: block;
  }
}
@media (max-width: 480px) {
  #sub__visual {
    --fz: 16px;
    --h1: 56px;
  }
}
@media (max-width: 360px) {
  #sub__visual {
    --fz: 14px;
    --h1: 46px;
  }
}
@media (orientation: portrait) {
  #sub__visual {
    height: 70dvh;
    min-height: 30em;
  }
  #sub__visual[data-page=elaser_counsel] {
    height: 50dvh;
  }
}
#floating__quick {
  position: fixed;
  bottom: 11%;
  right: 24px;
  z-index: 90;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  transition: translate 0.6s;
}
#floating__quick a,
#floating__quick button:not(.quick__toggle) {
  background: var(--theme-color);
  display: flex;
  /* justify-content: center;
  align-items: center; */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 3.9em;
  aspect-ratio: 1/1;
  border: 0;
  border-radius: 1em;
  font-size: 20px;
  transition: 0.3s;
}
#floating__quick a:hover,
#floating__quick button:not(.quick__toggle):hover {
  filter: brightness(1.2);
}
#floating__quick a i,
#floating__quick button:not(.quick__toggle) i {
  overflow: hidden;
  color: transparent;
  width: 1.6em;
  aspect-ratio: 1/1;
  position: relative;
}
#floating__quick a span,
#floating__quick button:not(.quick__toggle) span {
  font-size: 0.7em;
  margin-top: 0.3em;
  color: var(--c-yellow);
}
#floating__quick .--main i {
  background: url(/img/common/icon/house.png) center/contain no-repeat;
}
#floating__quick .--cs i {
  background: url(/img/common/icon/headset.png) center/contain no-repeat;
}
#floating__quick .--kakao i {
  background: url(/img/common/logo/kakao-yellow.svg) center/contain no-repeat;
}
#floating__quick .--youtube i {
  background: url(/img/common/logo/youtube-yellow.svg) center/contain no-repeat;
}
#floating__quick .--naver i {
  width: 1.2em;
  background: url(/img/common/logo/naver-N-yellow.svg) center/contain no-repeat;
}
#floating__quick .--whats i {
  background: url(/img/common/logo/whatsapp-yellow.svg) center/contain no-repeat;
}
#floating__quick button[value="--wechat"] i {
  background: url(/img/common/logo/wechat-yellow.svg) center/contain no-repeat;
}
#floating__quick .quick__toggle {
  position: absolute;
  bottom: 100%;
  left: 50%;
  translate: -50% 0;
  background: var(--theme-color);
  border: 0;
  padding: 0.3em 3.5em;
  border-radius: 1.5em 1.5em 0 0;
}
#floating__quick .quick__toggle i {
  display: block;
  width: 3em;
  height: 1.5em;
  transform: rotate(-90deg);
  background: url(/img/common/icon/chevron-yellow.svg) center/contain no-repeat;
  transition: 0.3s;
}
#floating__quick.--off {
  translate: 0 100%;
}
#floating__quick.--off .quick__toggle i {
  transform: rotate(90deg);
}

#channel__launcher {
  display: none;
}

#quick__modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100dvw;
  height: 100dvh;
  background: rgba(0, 0, 0, 0.6666666667);
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s;
}
#quick__modal.--active {
  opacity: 1;
  pointer-events: auto;
}
#quick__modal .modal__wrapper {
  position: relative;
  font-size: 5dvh;
}
#quick__modal .modal__wrapper img {
  width: auto;
  max-height: 70dvh;
  max-width: 60dvw;
  display: none;
}
#quick__modal .modal__wrapper img.--active {
  display: block;
}
#quick__modal .modal__wrapper .modal__close {
  position: absolute;
  top: 0;
  left: 102%;
  width: 1em;
  aspect-ratio: 1/1;
  border: 0;
  background: none;
}
#quick__modal .modal__wrapper .modal__close::before, #quick__modal .modal__wrapper .modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 1em;
  height: 1px;
  background: #fff;
}
#quick__modal .modal__wrapper .modal__close::before {
  transform: rotate(45deg);
}
#quick__modal .modal__wrapper .modal__close::after {
  transform: rotate(-45deg);
}

@media (min-width: 769px) {
  #floating__quick {
    padding-bottom: 54px;
  }
  #floating__quick .quick__toggle {
    bottom: 0;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid rgba(255, 248, 172, 0.45);
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(16, 51, 32, 0.22), inset 0 0 0 1px rgba(255, 248, 172, 0.12);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: filter 0.25s, transform 0.25s, box-shadow 0.25s;
  }
  #floating__quick .quick__toggle:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(16, 51, 32, 0.28), inset 0 0 0 1px rgba(255, 248, 172, 0.18);
  }
  #floating__quick .quick__toggle i {
    width: 10px;
    height: 17px;
  }
  #floating__quick.--off {
    translate: 0;
  }
  #floating__quick.--off a,
  #floating__quick.--off button:not(.quick__toggle) {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(10px) scale(0.94);
  }
}
@media (max-width: 768px) {
  #channel__launcher {
    display: flex;
    position: fixed;
    right: 14px;
    bottom: calc(70px + env(safe-area-inset-bottom));
    z-index: 9999999;
    width: 56px;
    height: 56px;
    padding: 0;
    border: 0;
    border-radius: 18px;
    background: #6757f5;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.22);
    justify-content: center;
    align-items: center;
  }
  #channel__launcher svg {
    display: block;
    width: 34px;
    height: 34px;
    fill: #fff;
  }
  #channel__launcher .channel__smile {
    fill: none;
    stroke: #6757f5;
    stroke-width: 2.3;
    stroke-linecap: round;
  }
  #floating__quick a,
  #floating__quick button:not(.quick__toggle) {
    font-size: 14px;
  }
  #floating__quick a i,
  #floating__quick .--naver i,
  #floating__quick button:not(.quick__toggle) i {
    width: 2em;
  }
  #floating__quick .--naver i {
    background-size: auto 80%;
  }
  #floating__quick {
    flex-direction: row;
    justify-content: space-evenly;
    padding: 0.8em 0 0.4em;
    right: 0;
    width: 100%;
    bottom: 0;
    background: var(--theme-color);
    padding-bottom: calc(0.4em + env(safe-area-inset-bottom));
  }
  #floating__quick.--off {
    translate: 0 100%;
  }
  #floating__quick.--off a, #floating__quick.--off button:not(.quick__toggle) {
    visibility: hidden;
    pointer-events: none;
  }
  #floating__quick .quick__toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 36px;
    padding: 0;
    border-radius: 24px 24px 0 0;
    cursor: pointer;
  }
  #floating__quick .quick__toggle i {
    width: 10px;
    height: 18px;
  }
  #floating__quick .quick__toggle:focus-visible {
    outline: 2px solid var(--c-yellow);
    outline-offset: -4px;
  }
  #quick__modal .modal__wrapper .modal__close {
    top: auto;
    bottom: 102%;
    left: 50%;
    translate: -50% 0;
  }
}
@media (max-width: 480px) {
  #floating__quick a,
  #floating__quick button:not(.quick__toggle) {
    font-size: 12px;
  }
}
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
  #floating__quick a,
  #floating__quick button:not(.quick__toggle) {
    font-size: 10px;
  }
  #floating__quick .quick__toggle {
    display: none;
  }
}/*# sourceMappingURL=ui.min.css.map */