/*css1 시작*/
:root {
    /* COLOR */
    --color-white: #fff;
    --color-black: #211714;
    --color-gray-100: #f6f6f6;
    --color-gray-200: #f4f4f4;
    --color-gray-300: #eee;
    --color-gray-400: #ddd;
    --color-gray-500: #bbb;
    --color-gray-600: #999;
    --color-gray-700: #666;
    --color-gray-800: #444;

    /* FONT */
    --font-primary: 'Lifeplus', sans-serif;
    --font-secondary: 'Pretendard', sans-serif;
    --font-thirdly: 'Hanwha', sans-serif;

    --letter-spacing: -0.01em;

    --font-size-ko-01: 64rem;
    --font-size-ko-02: 50rem;
    --font-size-ko-03: 45rem;
    --font-size-ko-04: 32rem;
    --font-size-ko-05: 24rem;
    --font-size-ko-06: 20rem;
    --font-size-ko-07: 18rem;
    --font-size-ko-08: 16rem;
    --font-size-ko-09: 14rem;
    --font-size-ko-10: 20rem;
    --font-size-ko-11: 110rem;

    --font-lineheight-ko-01: 86rem;
    --font-lineheight-ko-02: 68rem;
    --font-lineheight-ko-03: 64rem;
    --font-lineheight-ko-04: 46rem;
    --font-lineheight-ko-05: 44rem;
    --font-lineheight-ko-06: 32rem;
    --font-lineheight-ko-07: 30rem;
    --font-lineheight-ko-08: 26rem;
    --font-lineheight-ko-09: 24rem;
    --font-lineheight-ko-10: 32rem;
    --font-lineheight-ko-11: 130rem;
}

/*css1 끝*/
.visit_btn{
  color: #fff;
}
.visit_btn:after {
background: rgba(255, 255, 255, .7);
}
/*css2 시작*/
@charset "utf-8";
body.disclosure_info.on{
  overflow: hidden;
  height: 100%;
}

header {
    background: transparent;
    position: absolute;
}
header .hd_info .lang i{
  color: #fff;
}
header.scorll {
    box-shadow: none;
    position: absolute;
}

header .hd_inner nav > ul > li > a {
    color: #fff;
}

/*제품서브 시작*/
.pd_main_list {
    padding: 60px 0 250px;
}

.pd_main_list b {
    color: #B7B7B7;
    font-size: 42px;
}

.pd_main_list > .inner {
    display: flex;
    align-items: end;
    justify-content: center;
    text-align: center;
}

.pd_main_list .pd {}

.pd_main_list .pd img {
    display: block;
    width: 70%;
    margin: 0 auto 30px;
}

.pd_main_list .pd div {}

.pd_main_list .pd dl {}

.pd_main_list .pd dt {
    font-size: 20px;
    color: #DBBF68;
}

.pd_main_list .pd dt span {}

.pd_main_list .pd dd {
    font-size: 42px;
    padding-bottom: 20px;
    font-weight: 700;
}

.pd_main_list .pd dd span {}

.pd_main_list .pd p {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, .5);
    line-height: 1.7;
}

.pd_main_list .pd em {}


/*제품서브 끝*/
/*
 * File       : reset.css
 * Author     : STUDIO-JT (KMS)
 *
 * SUMMARY:
 * RESET FILES
 */

section.visual,
section.sub_tab {
    display: none;
}


/* **************************************** *
 * RESET FILES
 * **************************************** */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
time,
figure,
article,
nav,
header,
footer,
hgroup,
video,
audio,
aside,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: start;
    font-weight: normal;
}

figure,
article,
header,
footer,
nav,
hgroup,
video,
audio,
aside,
main {
    display: block;
}

/* RESET MOBILE DEFAULT STYLE */
html {
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    text-size-adjust: none;
}

body,
textarea:focus,
input:focus,
a:focus {
    -webkit-tap-highlight-color: rgba(107, 120, 245, .08);
}

body {
    -webkit-touch-callout: none;
}

/* SELECTION */
::-moz-selection {
    background: rgba(33, 43, 53, .35);
    color: var(--color-white);
}

::selection {
    background: rgba(33, 43, 53, .35);
    color: var(--color-white);
}

::-moz-selection {
    background: rgba(33, 43, 53, .35);
    color: var(--color-white);
}

/*css3 끝*/

/*css4 시작*/
@charset "utf-8";

/*
 * File       : jt-strap.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * A11Y
 * TYPOGRAPHY
 * JT GUIDE
 * LAZYLOAD
 * VIDEO
 * MARQUEE
 * SHARE
 * SUB VISUAL
 * COMINGSOON ALERT
 * ANCHOR LIST
 * HOVER
 */



/* **************************************** *
 * A11Y
 * **************************************** */
.sr-only {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}

:focus:not(:focus-visible) :is(select, input[type=text], input[type=tel], input[type=email], input[type=password], input[type=url], input[type=number], input[type=search], textarea, input[type=submit], input[type=button], button, a) {
    outline: none;
}



/* **************************************** *
 * TYPOGRAPHY
 * **************************************** */
.jt-typo--01 {
    font-size: var(--font-size-ko-01);
    line-height: var(--font-lineheight-ko-01);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--02 {
    font-size: var(--font-size-ko-02);
    line-height: var(--font-lineheight-ko-02);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--03 {
    font-size: var(--font-size-ko-03);
    line-height: var(--font-lineheight-ko-03);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--04 {
    font-size: var(--font-size-ko-04);
    line-height: var(--font-lineheight-ko-04);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--05 {
    font-size: var(--font-size-ko-05);
    line-height: var(--font-lineheight-ko-05);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--06 {
    font-size: var(--font-size-ko-06);
    line-height: var(--font-lineheight-ko-06);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--07 {
    font-size: var(--font-size-ko-07);
    line-height: var(--font-lineheight-ko-07);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--08 {
    font-size: var(--font-size-ko-08);
    line-height: var(--font-lineheight-ko-08);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--09 {
    font-size: var(--font-size-ko-09);
    line-height: var(--font-lineheight-ko-09);
    font-weight: 700;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--10 {
    font-size: var(--font-size-ko-10);
    line-height: var(--font-lineheight-ko-10);
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--11 {
    font-size: var(--font-size-ko-07);
    line-height: var(--font-lineheight-ko-07);
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--12 {
    font-size: var(--font-size-ko-11);
    line-height: var(--font-lineheight-ko-11);
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--13 {
    font-size: var(--font-size-ko-08);
    line-height: var(--font-lineheight-ko-08);
    font-weight: 500;
    letter-spacing: var(--letter-spacing);
}

.jt-typo--hanwha {
    font-family: var(--font-thirdly);
    font-weight: 500;
}



/* **************************************** *
 * JT GUIDE
 * **************************************** */
/* ICON */
.jt-icon {
    display: inline-block;
    vertical-align: middle;
}

.jt-icon svg {
    display: block;
    width: 100%;
    height: auto;
}

.jt-icon svg path {
    fill: var(--color-black);
    transition: fill .3s;
}



/* **************************************** *
 * BUTTON
 * **************************************** */
.jt-btn__basic {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: var(--color-gray-500);
    transition: color .3s, opacity .3s;
}

.jt-btn__basic span {
    vertical-align: middle;
}

.jt-btn__basic .jt-icon {
    width: 24rem;
    height: 24rem;
    background: var(--color-gray-400);
    border-radius: 12rem;
    overflow: hidden;
    margin-left: 10rem;
    position: relative;
    top: 1rem;
    transition: background .3s;
}

.jt-btn__basic .jt-icon path {
    fill: var(--color-gray-600);
}

.jt-btn__basic.jt-btn--type-02 {
    color: var(--color-white);
}

.jt-btn__basic.jt-btn--type-02 .jt-icon {
    background: var(--color-white);
}

.jt-btn__basic.jt-btn--type-02 .jt-icon path {
    fill: var(--color-gray-700);
}

.jt-btn__basic.jt-btn--type-03 {
    color: var(--color-black);
}

.jt-btn__basic.jt-btn--type-03 .jt-icon {
    background: var(--color-black);
}

.jt-btn__basic.jt-btn--type-03 .jt-icon path {
    fill: var(--color-white);
}

.jt-btn__underline {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    position: relative;
    padding-bottom: 3rem;
}

.jt-btn__underline span {
    vertical-align: middle;
}

.jt-btn__underline .jt-icon {
    width: 12rem;
    height: 12rem;
    margin-left: 8rem;
    position: relative;
}

.jt-btn__underline .jt-icon path {
    fill: var(--color-black);
}

.jt-btn__underline:before,
.jt-btn__underline:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 3rem;
    background: var(--color-black);
    transition: width .4s;
    transition-timing-function: cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.jt-btn__underline:before {
    width: 100%;
    right: 0;
    transition-delay: .2s;
}

.jt-btn__underline:after {
    width: 0;
    left: 0;
    transition-delay: 0s;
}

.jt-btn__round {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    color: var(--color-white);
    border-radius: 99rem;
    padding: 15rem 40rem;
    background: #000;
    border: 0;
    cursor: pointer;
}

.jt-btn__round span {
    display: inline-block;
    vertical-align: middle;
    transition: opacity .3s;
}

.jt-btn__round .jt-icon {
    width: 12rem;
    height: 12rem;
    margin-left: 8rem;
    position: relative;
    top: 1rem;
    transition: opacity .3s;
}

.jt-btn__round .jt-icon path {
    fill: var(--color-white);
}



/* **************************************** *
 * LAZYLOAD
 * **************************************** */
img[data-unveil] {
    opacity: 0;
    transition: opacity .3s;
}

.jt-lazyload--loaded img[data-unveil],
img[data-unveil].jt-lazyload--loaded {
    opacity: 1
}

.jt-lazyload {
    position: relative;
    overflow: hidden;
}

.jt-lazyload img {
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.jt-lazyload.jt-lazyload--loaded img,
.jt-lazyload img.jt-lazyload--loaded {
    height: auto;
}

/* Color preview */
.jt-lazyload__color-preview {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--color-gray-300);
}

.jt-lazyload.jt-lazyload--loaded .jt-lazyload__color-preview {
    background: transparent;
    transition: background-color .1s;
    transition-delay: .3s
}



/* **************************************** *
 * VIDEO
 * **************************************** */
/* Native Background Video */
.jt-background-video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(0);
}

.jt-background-video__vod {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    transform: translateZ(0);
}

.jt-background-video__vod:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.jt-background-video__vod video {
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jt-background-video__poster {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: no-repeat center center / cover;
}

.jt-background-video__play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
}

.jt-background-video__play:after {
    content: '';
    display: block;
    width: 80rem;
    height: 80rem;
    background: url(../images/icon/icon-mejs-play.svg?v=1.0.0) no-repeat center center / cover;
}





/* **************************************** *
 * MARQUEE
 * **************************************** */
.jt-marquee {
    font-size: 0;
    overflow: hidden;
}

.jt-marquee__inner {
    will-change: auto;
}

.jt-marquee--horizontal {
    white-space: nowrap;
}

.jt-marquee--horizontal .jt-marquee__inner {
    display: inline-block;
}

.jt-marquee--horizontal .jt-marquee__items {
    display: inline-block;
}



/* **************************************** *
 * SHARE
 * **************************************** */
.jt-share {
    margin-top: 40rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20rem;
}

.jt-share .jt-share__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 48rem;
    height: 48rem;
    border-radius: 50%;
    background: var(--color-white);
    border: 1px solid var(--color-gray-300)
}

.jt-share .jt-share__item:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #000;
    opacity: 0;
    transition: transform .3s, opacity .3s;
}

.jt-share .jt-share__item .jt-icon {
    position: relative;
    width: 24rem;
    height: 24rem;
}

.jt-share .jt-share__item .jt-icon path {
    fill: #000;
}

/* Clipboard */
.jt-share__tooltip {
    padding: 15rem 40rem;
    position: fixed;
    left: 50rem;
    left: 50%;
    bottom: 40rem;
    border-radius: 6rem;
    background: #000;
    z-index: 501;
    white-space: nowrap;
    transform: translateX(-50%);
}

.jt-share__tooltip p {
    color: var(--color-white);
}



/* **************************************** *
 * SUB VISUAL
 * **************************************** */
.jt-sub-visual {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jt-sub-visual__scroll {
    position: relative;
    height: 100vh;
    border-radius: 30rem;
    background: var(--color-white);
    overflow: hidden;
}

html.kakao .jt-sub-visual__scroll {
    height: var(--full-height);
}

.jt-sub-visual__scroll-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.jt-sub-visual__scroll-item + .jt-sub-visual__scroll-item {
    opacity: 0;
    visibility: hidden;
}

.jt-sub-visual__scroll-item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .2;
}

.jt-sub-visual__scroll-content {
    position: absolute;
    color: var(--color-white);
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    text-align: center;
    padding: 40rem;
}

.jt-sub-visual__scroll-category {
    display: block;
    margin-bottom: 12rem;
    opacity: .7;
}

.jt-sub-visual__scroll-bg {
    height: 100%;
    background: no-repeat center center / cover;
}

.jt-sub-visual__scroll-bg--tablet {
    display: none;
}

.jt-sub-visual__scroll-bg--mobile {
    display: none;
}



/* **************************************** *
 * COMINGSOON ALERT
 * **************************************** */
.jt-comingsoon::backdrop {
    background: rgba(0, 0, 0, .4);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s, visibility .3s;
}

.jt-comingsoon--open[open]::backdrop {
    opacity: 1;
    visibility: visible;
}

.jt-comingsoon {
    max-width: calc(100% - 40rem);
    border: 0;
    border-radius: 20rem;
    padding: 0;
    box-shadow: 0 0 60rem rgba(0, 0, 0, .13);
    background: var(--color-gray-100);
    opacity: 0;
    visibility: hidden;
}

.jt-comingsoon__container {
    padding: 75rem 70rem;
}

.jt-comingsoon__logo {
    width: 95rem;
    margin: 0 auto 8rem;
}

.jt-comingsoon__title {
    display: block;
    text-align: center;
    margin-bottom: 16rem;
}

.jt-comingsoon__desc {
    text-align: center;
    color: var(--color-gray-700);
}

.jt-comingsoon__close {
    position: absolute;
    width: 24rem;
    height: 24rem;
    padding: 20rem;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    background: none;
    cursor: pointer;
    box-sizing: content-box;
}

.jt-comingsoon__close .jt-icon {
    width: 100%;
    height: 100%;
    transition: transform .3s;
}



/* **************************************** *
 * ANCHOR LIST
 * **************************************** */
.sub-archive {
    padding-top: 140rem;
}

.sub-archive__anchor {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: calc(100% - 875rem);
    padding-right: 80rem;
    padding-top: 100rem;
}

.sub-archive__anchor-sticky {
    position: sticky;
    top: 100rem;
    margin-bottom: 200rem;
}

.sub-archive__anchor-sticky--lock {
    position: static;
}

.sub-archive__anchor-list {
    margin-top: 40rem;
}

.sub-archive__anchor-list a {
    position: relative;
    display: inline-block;
    padding: 10rem 10rem 10rem 0;
    color: var(--color-gray-600);
    transition: color .3s;
}

.sub-archive__anchor-list a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 10rem;
    height: 2rem;
    background: var(--color-black);
    width: 0;
    transition: width .3s;
}

.sub-archive__anchor-list a.jt-anchor--current {
    color: var(--color-black);
}

.sub-archive__anchor-list a.jt-anchor--current:after {
    width: calc(100% - 10rem);
}

.sub-archive__list {
    padding-left: calc(100% - 875rem);
    padding-top: 100rem;
}

.sub-archive__list + .sub-archive__list {
    margin-top: 60rem;
}

.sub-archive__item + .sub-archive__item {
    margin-top: 160rem;
}

.sub-archive__item-thumb {
    position: relative;
    border-radius: 20rem;
    overflow: hidden;
}

.sub-archive__item-thumb .jt-lazyload {
    padding-top: 56%;
    transition: transform 1s;
}

.sub-archive__item-category {
    position: absolute;
    left: 20rem;
    top: 20rem;
    background: rgba(0, 0, 0, .9);
    color: var(--color-white);
    padding: 4rem 16rem;
    border-radius: 99rem;
}

html.ios .sub-archive__item-category {
    padding: 3rem 16rem 4rem;
}

html.mac .sub-archive__item-category {
    padding: 4rem 16rem 3rem;
}

.sub-archive__item-data {
    margin-top: 8rem;
    display: flex;
    justify-content: space-between;
    gap: 40rem;
}

.sub-archive__item-title {
    color: var(--color-gray-800);
    flex: 1;
}

.sub-archive__item-info {
    color: var(--color-gray-600);
    flex: 1;
    text-align: right;
}



/* **************************************** *
 * HOVER
 * **************************************** */

/*css4 끝*/

/*css5 시작*/
@charset "utf-8";

/*
 * File       : layout.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * GLOBAL
 * HEADER
 * FOOTER
 * CONTAINER
 * ARTICLE
 * 404
 * HOVER
 */



/* **************************************** *
 * GLOBAL
 * **************************************** */
html {
    font-size: 6.25%;
}

html.safari.desktop {
    font-size: 1px;
    /* Type : px */
}

body {
    overflow-x: hidden;
    font-family: var(--font-primary);
    font-size: 16rem;
    word-break: keep-all;
    color: var(--color-black);
}

a {
    color: inherit;
    text-decoration: none;
}

body.scroll-fixed {
    overflow: hidden;
}

html:not(.android):not(.mac) body.scroll-fixed {
    position: fixed;
    overflow-y: scroll;
    height: 100%;
}

/* WRAP */
.wrap {
    max-width: 1500rem;
    margin: 0 auto;
    position: relative;
}

.wrap-narrow {
    max-width: 1244rem;
    margin: 0 auto;
    position: relative;
}

/* BR */
br.smbr {
    display: none;
}

br.mdbr {
    display: none;
}

/* GRID */
.gird-background {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
    overflow: hidden;
}

.gird-background__inner {
    position: relative;
    max-width: 1244rem;
    margin: 0 auto;
    height: 100%;
}

.gird-background span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: var(--color-gray-300);
    transition: background .7s;
}

.gird-background span:nth-child(1) {
    left: -20%;
}

.gird-background span:nth-child(2) {
    left: -1px;
}

.gird-background span:nth-child(3) {
    left: 20%;
}

.gird-background span:nth-child(4) {
    left: 40%;
}

.gird-background span:nth-child(5) {
    left: 60%;
}

.gird-background span:nth-child(6) {
    left: 80%;
}

.gird-background span:nth-child(7) {
    right: -1px;
}

.gird-background span:nth-child(8) {
    right: -20%;
}

/* GRAY */
.jt-background--gray .gird-background span {
    background: var(--color-gray-400);
}

/* DARK */
body.jt-background--dark .main-container {
    background: #000;
    color: var(--color-white);
}

body.jt-background--dark .main-container .gird-background span,
.main-container .jt-background--dark .gird-background span {
    background: #1f1f1f;
}



body.open-menu #header {
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}






/* **************************************** *
 * CONTAINER
 * **************************************** */
.main-container {
    position: relative;
    min-height: calc(100svh - 164rem);
    transition: background .7s;
}

html.naver .main-container {
    min-height: calc(100vh - 164rem);
}




/*css5 끝*/

/*css6 시작*/
@charset "utf-8";

/*
 * File       : sub-story.css
 * Author     : STUDIO-JT (KMS, JSH)
 *
 * SUMMARY:
 * VISUAL
 * IDENTITY
 * ABOUT
 * VALUE
 * SENSORY
 * TYPE
 * BUSINESS
 */



/* **************************************** *
 * VISUAL
 * **************************************** */
.story-visual {
    position: relative;
    overflow: hidden;
}

.story-visual__video {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

html.kakao .story-visual__video {
    height: var(--full-height);
}

.story-visual__video-inner {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.story-visual__video-inner:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .6;
}

.story-visual__scene {
    width: 100%;
    position: absolute;
    top: 50%;
    text-align: center;
    margin-top: -55rem;
}

.story-visual__scene b {
    display: block;
    font-size: 110rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .17em;
    color: var(--color-white);
    margin-right: -.17em;
}

.story-visual__content {
    position: relative;
}

.story-visual__content-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100svh;
    text-align: center;
    padding-top: 66rem;
}

html.naver .story-visual__content-item {
    height: 100vh;
}

html.kakao .story-visual__content-item {
    height: var(--full-height);
}

.story-visual__content-item > p {
    color: var(--color-white);
}

.story-visual__down {
    position: fixed;
    bottom: 44rem;
    left: 50%;
    padding: 4rem;
    margin-left: -22rem;
}

.story-visual__down .jt-icon {
    width: 36rem;
    height: 36rem;
    animation: scroll-down 2.5s ease-in-out infinite;
}

.story-visual__down .jt-icon svg path {
    fill: var(--color-white);
}

/* MOTION */
.story-visual__scene,
.story-visual__content-item:not(:first-child) {
    opacity: 0;
}



/* **************************************** *
 * IDENTITY
 * **************************************** */
.story-identity {
    position: relative;
    height: 200vh;
    overflow: hidden;
}

html.kakao .story-identity {
    height: calc(var(--full-height) * 2);
}

.story-identity__inner {
    width: 100%;
    height: 50%;
}

.story-identity__viewer-outer {
    position: relative;
    width: 600rem;
    height: 100%;
    margin: auto;
}

.story-identity__viewer {
    width: 100%;
    padding-top: 66.66%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.story-identity__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.story-identity__video video {
    width: 100%;
    height: auto;
    clip-path: inset(0);
}

.story-identity__video--play {
    opacity: 1;
}

.story-identity__poster {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: no-repeat center center / cover;
    opacity: 0;
    visibility: hidden;
}



/* **************************************** *
 * ABOUT
 * **************************************** */
.story-about {
    padding: 140rem 0;
    position: relative;
    overflow: hidden;
}

.story-about .gird-background {
    background: var(--color-gray-100);
}

.story-about__title {
    margin-bottom: 84rem;
    overflow: hidden;
    position: relative;
}

.story-about__title > * {
    position: relative;
    overflow: hidden;
}

.story-about__title b {
    display: block;
    position: relative;
}

.story-about__title--01 {
    color: var(--color-gray-700);
    left: 20%;
}

.story-about__title--02 {
    margin-top: 12rem;
    left: 40%;
}

.story-about__item {
    display: inline-flex;
    flex-direction: column;
    gap: 80rem;
    text-align: left;
    overflow: hidden;
    margin-left: 626rem;
}

.story-about__item span {
    display: block;
    margin-bottom: 4rem;
    color: var(--color-gray-600);
}

.story-about__item b {
    display: block;
}

.story-about__item p {
    margin-top: 20rem;
    color: var(--color-gray-700);
}



/* **************************************** *
 * VALUE
 * **************************************** */
.story-value {
    padding-top: 100vh;
    position: relative;
    overflow: hidden;
    background: var(--color-gray-100);
}

html.kakao .story-value {
    padding-top: var(--full-height);
}

.story-value__background {
    width: 100%;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
}

html.kakao .story-value__background {
    height: var(--full-height);
}

.story-value__image {
    width: 200%;
    height: 100%;
    position: absolute;
    top: 0;
    background: no-repeat center center / cover;
}

.story-value__image .jt-lazyload {
    padding-top: 100vh;
}

html.kakao .story-value__image .jt-lazyload {
    padding-top: var(--full-height);
}

.story-value__image .jt-lazyload.jt-lazyload--loaded img {
    height: 100%;
    object-fit: cover;
}

.story-value__image--mobile {
    display: none;
}

.story-value__sticky {
    position: absolute;
    top: 0;
    width: calc(50% + 1px);
    height: 100%;
    overflow: hidden;
}

.story-value__sticky--left {
    left: 0;
    clip-path: inset(100% 100% 0 0);
}

.story-value__sticky--left .story-value__image {
    left: 0;
}

.story-value__sticky--right {
    right: 0;
    clip-path: inset(100% 0 0 100%);
}

.story-value__sticky--right .story-value__image {
    right: 0;
}

.story-value__typo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: grid;
    align-items: center;
    height: 100vh;
    opacity: 0;
}

html.kakao .story-value__typo {
    height: var(--full-height);
}

.story-value__typo span,
.story-value__typo b {
    display: block;
    text-align: center;
    color: var(--color-white);
}

.story-value__typo span {
    opacity: .6;
}

.story-value__typo b {
    margin-top: 12rem;
}

.story-value__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .2);
    opacity: 0;
}

.story-value__spacer {
    height: 100vh;
}

html.kakao .story-value__spacer {
    height: var(--full-height);
}



/* **************************************** *
 * SENSORY
 * **************************************** */
.story-sensory {
    background: var(--color-gray-100);
    overflow: hidden;
    position: relative;
}

.story-sensory__inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    height: 100vh;
    /* max-width: 1500rem; margin: 0 auto; */
}

html.kakao .story-sensory__inner {
    height: var(--full-height);
}

.story-sensory__title {
    flex: 1 1;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    min-width: 437rem;
}

.story-sensory__title > * {
    display: block;
    overflow: hidden;
    position: relative;
    opacity: 0;
}

.story-sensory__title > span {
    margin-bottom: 12rem;
    color: var(--color-gray-600);
}

.story-sensory__gallery {
    display: flex;
    gap: 16rem;
    position: relative;
    right: -20%;
}

.story-sensory__gallery-list {
    opacity: 0;
    transition: opacity .3s;
}

.story-sensory__gallery-list.jt-marquee {
    opacity: 1;
}

.story-sensory__gallery-item {
    width: 396rem;
    margin-bottom: 16rem;
}

.story-sensory__gallery-item .jt-lazyload img {
    border-radius: 20rem;
    height: 100%;
    object-fit: cover;
}

.story-sensory__gallery-item .jt-lazyload__color-preview {
    border-radius: 20rem;
}

.story-sensory__gallery-list--01 {
    margin-top: -100rem;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
    padding-top: 133.08%;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
    padding-top: 65.65%;
}

.story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
    padding-top: 146.46%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
    padding-top: 108.83%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
    padding-top: 65.65%;
}

.story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
    padding-top: 108.83%;
}



/* **************************************** *
 * TYPE
 * **************************************** */
.story-type__slider {
    display: flex;
    flex-wrap: nowrap;
    height: 100vh;
    gap: 240rem;
    overflow: hidden;
}

html.kakao .story-type__slider {
    height: var(--full-height);
}

.story-type__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24rem;
}

.story-type__item:first-child {
    padding-left: calc((100% - 1500rem) / 2);
}

.story-type__item:last-child {
    padding-right: calc((100% - 1500rem) / 2);
}

.story-type__title {
    font-size: 0;
}

.story-type__title-inner {
    display: inline-block;
}

.story-type__title span {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 20rem;
    position: relative;
    top: -14rem;
    color: var(--color-gray-700);
}

.story-type__gallery {
    font-size: 0;
    white-space: nowrap;
}

.story-type__gallery > li {
    display: inline-block;
    vertical-align: top;
}

.story-type__gallery > li + li {
    margin-left: 16rem;
}

.story-type__gallery .jt-lazyload img {
    border-radius: 20rem;
    height: 100%;
    object-fit: cover;
}

.story-type__gallery .jt-lazyload__color-preview {
    border-radius: 20rem;
}

.story-type--art .story-type__gallery > li:nth-child(1) {
    width: 513rem;
}

.story-type--art .story-type__gallery > li:nth-child(1) .jt-lazyload {
    padding-top: 100%;
}

.story-type--art .story-type__gallery > li:nth-child(2) {
    width: 420rem;
}

.story-type--art .story-type__gallery > li:nth-child(2) .jt-lazyload {
    padding-top: 122.14%;
}

.story-type--art .story-type__gallery > li:nth-child(3) {
    width: 670rem;
}

.story-type--art .story-type__gallery > li:nth-child(3) .jt-lazyload {
    padding-top: 76.56%;
}

.story-type--art .story-type__gallery > li:nth-child(4) {
    width: 420rem;
}

.story-type--art .story-type__gallery > li:nth-child(4) .jt-lazyload {
    padding-top: 122.14%;
}

.story-type--music .story-type__gallery > li:nth-child(1) {
    width: 420rem;
}

.story-type--music .story-type__gallery > li:nth-child(1) .jt-lazyload {
    padding-top: 122.14%;
}

.story-type--music .story-type__gallery > li:nth-child(2) {
    width: 513rem;
}

.story-type--music .story-type__gallery > li:nth-child(2) .jt-lazyload {
    padding-top: 100%;
}

.story-type--music .story-type__gallery > li:nth-child(3) {
    width: 724rem;
}

.story-type--music .story-type__gallery > li:nth-child(3) .jt-lazyload {
    padding-top: 70.85%;
}

.story-type--music .story-type__gallery > li:nth-child(4) {
    width: 420rem;
}

.story-type--music .story-type__gallery > li:nth-child(4) .jt-lazyload {
    padding-top: 122.14%;
}

.story-type--sports .story-type__gallery > li:nth-child(1) {
    width: 420rem;
}

.story-type--sports .story-type__gallery > li:nth-child(1) .jt-lazyload {
    padding-top: 122.14%;
}

.story-type--sports .story-type__gallery > li:nth-child(2) {
    width: 724rem;
}

.story-type--sports .story-type__gallery > li:nth-child(2) .jt-lazyload {
    padding-top: 70.85%;
}

.story-type--sports .story-type__gallery > li:nth-child(3) {
    width: 724rem;
}

.story-type--sports .story-type__gallery > li:nth-child(3) .jt-lazyload {
    padding-top: 70.85%;
}

.story-type--sports .story-type__gallery > li:nth-child(4) {
    width: 384rem;
}

.story-type--sports .story-type__gallery > li:nth-child(4) .jt-lazyload {
    padding-top: 133.59%;
}

.story-type--gourmet .story-type__gallery > li:nth-child(1) {
    width: 724rem;
}

.story-type--gourmet .story-type__gallery > li:nth-child(1) .jt-lazyload {
    padding-top: 70.85%;
}

.story-type--gourmet .story-type__gallery > li:nth-child(2) {
    width: 424rem;
}

.story-type--gourmet .story-type__gallery > li:nth-child(2) .jt-lazyload {
    padding-top: 120.99%;
}

.story-type--gourmet .story-type__gallery > li:nth-child(3) {
    width: 724rem;
}

.story-type--gourmet .story-type__gallery > li:nth-child(3) .jt-lazyload {
    padding-top: 70.85%;
}

.story-type--gourmet .story-type__gallery > li:nth-child(4) {
    width: 420rem;
}

.story-type--gourmet .story-type__gallery > li:nth-child(4) .jt-lazyload {
    padding-top: 122.14%;
}



/* **************************************** *
 * BUSINESS
 * **************************************** */
.story-business {
    background: var(--color-gray-100);
    padding-top: 140rem;
    padding-bottom: 160rem;
    overflow: hidden;
    position: relative;
}

.story-business__title {
    text-align: center;
}

.story-business__title > span {
    display: block;
    color: var(--color-gray-600);
    margin-bottom: 12rem;
}

.story-business__title > b {
    display: block;
    margin-bottom: 24rem;
}

.story-business__title > p {
    color: var(--color-gray-700);
}

.story-business__gallery {
    display: flex;
    flex-direction: column;
    gap: 16rem;
    margin-top: 84rem;
}

.story-business__gallery-group {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 16rem;
}

.story-business__gallery-left {
    display: flex;
    flex-flow: column;
    gap: 16rem;
    align-items: end;
    justify-content: end;
}

.story-business__gallery-center {
    display: flex;
    flex-flow: row wrap;
    gap: 16rem;
    align-items: start;
    justify-content: space-between;
    align-content: start;
}

.story-business__gallery-right {
    display: flex;
    flex-flow: column;
    gap: 16rem;
    justify-content: end;
}

.story-business__gallery-bottom {
    display: flex;
    flex-flow: row nowrap;
    gap: 16rem;
    justify-content: center;
}

.story-business__gallery-item .jt-lazyload img {
    border-radius: 20rem;
    height: 100%;
    object-fit: cover;
}

.story-business__gallery-item .jt-lazyload__color-preview {
    border-radius: 20rem;
}

.story-business__img-center {
    transform-origin: 50% 0;
}

.story-business__gallery-left .story-business__gallery-item:nth-child(1) {
    width: 297rem;
}

.story-business__gallery-left .story-business__gallery-item:nth-child(1) .jt-lazyload {
    padding-top: 148.82%;
}

.story-business__gallery-left .story-business__gallery-item:nth-child(2) {
    width: 450rem;
}

.story-business__gallery-left .story-business__gallery-item:nth-child(2) .jt-lazyload {
    padding-top: 60.88%;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(1) {
    width: 620rem;
    z-index: 1;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(1) .jt-lazyload {
    padding-top: 66.45%;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(2) {
    width: 302rem;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(2) .jt-lazyload {
    padding-top: 146.35%;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(3) {
    width: 302rem;
}

.story-business__gallery-center .story-business__gallery-item:nth-child(3) .jt-lazyload {
    padding-top: 146.35%;
}

.story-business__gallery-right .story-business__gallery-item:nth-child(1) {
    width: 297rem;
}

.story-business__gallery-right .story-business__gallery-item:nth-child(1) .jt-lazyload {
    padding-top: 148.82%;
}

.story-business__gallery-right .story-business__gallery-item:nth-child(2) {
    width: 450rem;
}

.story-business__gallery-right .story-business__gallery-item:nth-child(2) .jt-lazyload {
    padding-top: 60.88%;
}

.story-business__gallery-bottom .story-business__gallery-item {
    width: 450rem;
}

.story-business__gallery-bottom .story-business__gallery-item .jt-lazyload {
    padding-top: 60.88%;
}



/* **************************************** *
 * KEYFRAMES
 * **************************************** */
@keyframes scroll-down {
    0% {
        transform: translateY(-10rem);
        opacity: .2;
    }

    50% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(-10rem);
        opacity: .2;
    }
}

/*css6 끝*/



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px) {

    /* BUTTON */
    .jt-btn__underline .jt-icon {
        top: 1rem;
    }

    /* ANCHOR LIST */
    .sub-archive__anchor {
        position: relative;
        width: 100%;
        padding: 0;
    }

    .sub-archive__anchor-sticky {
        position: relative;
        top: 0;
        margin-bottom: 0;
    }

    .sub-archive__anchor-list {
        display: none;
    }

    .sub-archive__anchor-list > li > a {
        padding: 0;
    }

    .sub-archive__anchor-list a.jt-anchor--current:after {
        width: 100%;
        bottom: 0;
    }

    .sub-archive__list {
        padding-left: 0;
        padding-top: 60rem;
    }

    .sub-archive__list + .sub-archive__list {
        padding-top: 80rem;
    }

    .sub-archive__item + .sub-archive__item {
        margin-top: 80rem;
    }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px) {

    /* BUTTON */
    .jt-btn__basic .jt-icon {
        width: 20rem;
        height: 20rem;
    }

    html.ios .jt-btn__underline .jt-icon {
        top: 1.5rem;
    }

    /* VIDEO */
    .jt-mejs-video .mejs__controls {
        padding: 3rem 10rem;
    }

    /* SHARE */
    .jt-share {
        margin-top: 30rem;
    }

    /* ANCHOR LIST */
    .sub-archive {
        padding-top: 80rem;
    }

    .sub-archive__anchor-sticky {
        gap: 10rem;
    }

    .sub-archive__list {
        padding-top: 40rem;
    }

    .sub-archive__list + .sub-archive__list {
        padding-top: 60rem;
    }

    .sub-archive__item + .sub-archive__item {
        margin-top: 60rem;
    }

    .sub-archive__item-category {
        left: 10rem;
        top: 10rem;
        padding: 3rem 12rem;
    }

    html.ios .sub-archive__item-category {
        padding: 3rem 12rem;
    }

    html.mac .sub-archive__item-category {
        padding: 3rem 12rem;
    }

    /* SUB VISUAL */
    .jt-sub-visual__scroll-category {
        margin-bottom: 4rem;
    }

    .jt-sub-visual__scroll-bg--mobile {
        display: block;
    }

    .jt-sub-visual__scroll-bg--tablet {
        display: none;
    }

    .jt-sub-visual__scroll-bg--desktop {
        display: none;
    }

    /* COMINGSOON ALERT */
    .jt-comingsoon__container {
        padding: 60rem 40rem;
    }

    .jt-comingsoon__title {
        margin-bottom: 12rem;
    }

    .jt-comingsoon__close {
        width: 20rem;
        height: 20rem;
        padding: 16rem;
    }

}

/*css7 끝*/

/*css8 시작*/
@charset "utf-8";

/*
 * File       : rwd-layout.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * 2000px
 * 1640px
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



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

    html {
        font-size: 0.05254860746190225vw;
    }

}



/* **************************************** *
 * 1640px
 * **************************************** */
@media (max-width: 1640px) {

    /* WRAP */
    .wrap {
        max-width: 1244rem;
        margin: 0 auto
    }

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px) {

    /* GLOBAL */
    html {
        font-size: 0.06756756756756757vw;
    }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px) {

    /* GLOBAL */
    html {
        font-size: 0.0833333333333333vw;
    }

    /* VAR */
    :root {
        --font-size-ko-01: 54rem;
        --font-size-ko-02: 42rem;
        --font-size-ko-03: 38rem;
        --font-size-ko-11: 80rem;

        --font-lineheight-ko-01: 72rem;
        --font-lineheight-ko-02: 57rem;
        --font-lineheight-ko-03: 54rem;
        --font-lineheight-ko-11: 94rem;
    }

    /* WRAP */
    .wrap {
        margin: 0 50rem;
    }

    .wrap-narrow {
        max-width: inherit;
        margin: 0 50rem
    }

    /* GRID */
    .gird-background__inner {
        max-width: inherit;
        margin: 0 50rem;
    }

    .gird-background span:nth-child(1),
    .gird-background span:nth-child(8) {
        display: none;
    }


    /* MENU */
    .menu-container .gird-background {
        display: none;
    }

    .menu-container__inner {
        height: 100%;
    }

    .menu-nav {
        position: relative;
        flex-direction: column;
        height: 100%;
        overflow: auto;
    }


    .menu-item--svg i:first-child {
        margin-right: 6rem;
    }

    .menu-outlink {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: var(--color-white);
        padding: 20rem 50rem;
    }

    .menu-family {
        padding-right: 132rem;
    }

    .menu-family__btn {
        display: block;
        height: 48rem;
        font-size: 0;
        padding: 0;
        background: none;
        border: 0;
        font-family: inherit;
        color: var(--color-gray-600);
        cursor: pointer;
    }

    .menu-family__btn span {
        vertical-align: middle;
    }

    .menu-family__btn .jt-icon {
        position: relative;
        width: 16rem;
        height: 16rem;
        margin-left: 6rem;
        transition: transform .3s;
        will-change: transform;
    }

    .menu-family__btn .jt-icon svg path {
        fill: var(--color-gray-600);
    }

    .menu-family__list {
        display: none;
    }

    .menu-family__list > li > a {
        display: inline-block;
        padding: 6rem 8rem 6rem 0;
        color: var(--color-gray-600);
        line-height: 1;
    }

    .menu-family__list > li > a > span {
        vertical-align: top;
    }

    .menu-family--open .menu-family__btn .jt-icon {
        transform: rotate(-180deg);
    }

    .menu-sns {
        position: absolute;
        right: 50rem;
        top: 20rem;
        padding: 0;
        margin: 0 -12rem;
        gap: 0;
    }

    .menu-sns a {
        padding: 12rem;
    }

    /* NAVIGATOR */
    body.navigator--fixed .article__header {
        padding-top: 206rem;
    }



    /* CONTAINER */
    .main-container {
        min-height: calc(100svh - 140rem);
    }

    html.naver .main-container {
        min-height: calc(100vh - 140rem);
    }

    html.ios {
        min-height: calc(100svh - 139rem);
    }

    /* ARTICLE */
    .article__header {
        padding: 146rem 0 100rem;
    }

    .article__body {
        padding-bottom: 240rem;
    }

    /* 404 */
    .error-404__text span {
        font-size: 120rem;
    }

    .error-404__text .jt-icon {
        width: 120rem;
        margin: 0 45rem;
    }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px) {

    /* GLOBAL */
    html {
        font-size: 0.09775171065493645vw;
    }

    /* VAR */
    :root {
        --font-size-ko-01: 45rem;
        --font-size-ko-02: 35rem;
        --font-size-ko-03: 32rem;
        --font-size-ko-04: 27rem;
        --font-size-ko-05: 22rem;
        --font-size-ko-06: 18rem;
        --font-size-ko-10: 18rem;
        --font-size-ko-11: 70rem;

        --font-lineheight-ko-01: 60rem;
        --font-lineheight-ko-02: 48rem;
        --font-lineheight-ko-03: 46rem;
        --font-lineheight-ko-05: 38rem;
        --font-lineheight-ko-06: 28rem;
        --font-lineheight-ko-10: 28rem;
        --font-lineheight-ko-11: 82rem;
    }

    .pd_main_list > .inner {
        flex-direction: column;
        align-items: center;
        gap: 100px;
    }

    .delay02 {
        transition-delay: 0s !important;
    }

    .delay03 {
        transition-delay: 0s !important;
    }

    /* WRAP */
    .wrap {
        margin: 0 40rem;
    }

    .wrap-narrow {
        margin: 0 40rem
    }

    /* GRID */
    .gird-background__inner {
        margin: 0 40rem;
    }

    /* HEADER */
    .header__inner {
        margin: 0 40rem;
    }

    /* MENU */
    #menu > li > a {
        padding: 20rem 44rem 20rem 40rem;
    }

    #menu > li > a .jt-icon {
        top: 27rem;
        right: 40rem;
    }

    #menu > li > ul {
        padding: 20rem 40rem;
    }

    .menu-outlink {
        padding: 20rem 40rem;
    }

    .menu-sns {
        right: 40rem;
    }


    /* ARTICLE */
    .article__body {
        padding-bottom: 200rem;
    }


}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px) {

    /* GLOBAL */
    html {
        font-size: 0.13020833333333335vw;
    }

    /* VAR */
    :root {
        --font-secondary: sans-serif;

        --font-size-ko-01: 40rem;
        --font-size-ko-02: 33rem;
        --font-size-ko-03: 30rem;
        --font-size-ko-04: 26rem;
        --font-size-ko-11: 84rem;

        --font-lineheight-ko-01: 53rem;
        --font-lineheight-ko-02: 45rem;
        --font-lineheight-ko-03: 43rem;
        --font-lineheight-ko-04: 37rem;
        --font-lineheight-ko-11: 108rem;
    }

    /* WRAP */
    .wrap {
        margin: 0 30rem;
    }

    .wrap-narrow {
        margin: 0 30rem
    }

    /* BR */
    br.mdbr {
        display: block;
    }

    /* GRID */
    .gird-background__inner {
        margin: 0 30rem;
    }

    .gird-background span:nth-child(2) {
        left: 0;
    }

    .gird-background span:nth-child(3) {
        left: 25%;
    }

    .gird-background span:nth-child(4) {
        left: 50%;
    }

    .gird-background span:nth-child(5) {
        left: 75%;
    }

    .gird-background span:nth-child(6) {
        left: 100%;
    }

    .gird-background span:nth-child(7) {
        display: none;
    }

    html.android .gird-background span:nth-child(4) {
        left: calc(50% - .1rem);
    }

    html.android .gird-background span:nth-child(5) {
        left: calc(75% - .25rem);
    }

    html.android .gird-background span:nth-child(6) {
        left: calc(100% - .25rem);
    }

    /* HEADER */
    .header__inner {
        margin: 0 30rem;
    }

    /* NAVIGATOR */
    body.navigator--fixed .article__header {
        padding-top: 186rem;
    }

    /* MENU */
    #menu > li > a {
        padding: 20rem 54rem 20rem 30rem;
    }

    #menu > li > ul {
        padding: 20rem 30rem;
    }

    .menu-outlink {
        padding: 20rem 30rem;
    }

    .menu-family {
        padding-right: 122rem;
    }

    .menu-sns {
        right: 30rem;
    }

    /* FOOTER */
    .footer__inner {
        margin: 0 30rem;
    }

    /* ARTICLE */
    .article__header {
        padding: 126rem 0 60rem;
    }

    .article__header-sticky + div {
        margin-top: -80rem;
    }

    .article__category {
        margin-bottom: 8rem;
    }

    .article__desc {
        margin-top: 8rem;
    }

    .article__body {
        padding-bottom: 140rem;
    }

    /* 404 */
    .error-404__text span {
        font-size: 80rem;
    }

    .error-404__text .jt-icon {
        width: 80rem;
        margin: 0 30rem;
    }

}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px) {

    /* GLOBAL */
    html {
        font-size: 0.2564102564102564vw;
    }

    /* VAR */
    :root {
        --font-size-ko-01: 33rem;
        --font-size-ko-02: 30rem;
        --font-size-ko-03: 28rem;
        --font-size-ko-04: 25rem;
        --font-size-ko-05: 20rem;
        --font-size-ko-06: 17rem;
        --font-size-ko-07: 15rem;
        --font-size-ko-08: 14rem;
        --font-size-ko-09: 13rem;
        --font-size-ko-10: 16rem;
        --font-size-ko-11: 46rem;

        --font-lineheight-ko-01: 45rem;
        --font-lineheight-ko-02: 42rem;
        --font-lineheight-ko-03: 40rem;
        --font-lineheight-ko-04: 36rem;
        --font-lineheight-ko-05: 30rem;
        --font-lineheight-ko-06: 26rem;
        --font-lineheight-ko-07: 23rem;
        --font-lineheight-ko-08: 21rem;
        --font-lineheight-ko-09: 19rem;
        --font-lineheight-ko-10: 25rem;
        --font-lineheight-ko-11: 60rem;
    }

    /* WRAP */
    .wrap {
        margin: 0 24rem;
    }

    .wrap-narrow {
        margin: 0 24rem
    }

    /* GRID */
    .gird-background__inner {
        margin: 0 24rem;
    }

    /* BR */
    br.smbr {
        display: block;
    }

    br.mdbr {
        display: none;
    }

    /* CONTAINER */
    .main-container {
        min-height: calc(100svh - 119rem);
    }

    html.ios {
        min-height: calc(100svh - 119rem);
    }

    html.naver .main-container {
        min-height: calc(100vh - 119rem);
    }

    html.samsungbrowser .main-container {
        min-height: calc(var(--full-height) - 119rem);
    }


}

/*css8 끝*/

/*css9 시작*/
@charset "utf-8";

/*
 * File       : rwd-story.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * 1640px
 * 1480px
 * 1200px
 * 1200px portrait
 * 1023px
 * 1023px portrait
 * 860px
 * 860px portrait
 * 540px
 */



/* **************************************** *
 * 1640px
 * **************************************** */
@media (max-width: 1640px) {

    /* ABOUT */
    .story-about__item {
        margin-left: 40%;
    }

    /* SENSORY */
    /* .story-sensory__inner { max-width: inherit; margin: 0 70rem; } */
    .story-sensory__gallery {
        right: 0;
    }

    .story-sensory__gallery-item {
        width: 364rem;
    }

    /* TYPE */
    .story-type__item:first-child {
        padding-left: 70rem;
    }

    .story-type__item:last-child {
        padding-right: 70rem;
    }

}



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px) {

    /* VISUAL */
    .story-visual__scene {
        margin-top: -49rem;
    }

    .story-visual__scene b {
        font-size: 98rem;
    }

    /* SENSORY */
    .story-sensory__title {
        padding-right: 60rem;
    }

    /* .story-sensory__gallery-item { width: 354rem; } */

    /* TYPE */
    .story-type__slider {
        gap: 214rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 458.28rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 375.2rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 598.53rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 375.2rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 375.2rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 458.28rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 646.77rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 375.2rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 375.2rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 646.77rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 646.77rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 343.04rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 646.77rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 378.77rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 646.77rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 375.2rem;
    }

    /* BUSINESS */
    .story-business__gallery-left .story-business__gallery-item:nth-child(1) {
        width: 273rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(2) {
        width: 401rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(1) {
        width: 562rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(2) {
        width: 273rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(3) {
        width: 273rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(1) {
        width: 273rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(2) {
        width: 401rem;
    }

    .story-business__gallery-bottom .story-business__gallery-item {
        width: 401rem;
    }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px) {

    /* VISUAL */
    .story-visual__scene {
        margin-top: -40rem;
    }

    .story-visual__scene b {
        font-size: 80rem;
    }

    /* IDENTITY */
    .story-identity__viewer-outer {
        width: 50%;
    }

    /* ABOUT */
    .story-about__title--01 {
        left: 20%;
    }

    /* SENSORY */
    /* .story-sensory__inner { margin: 0 50rem; } */
    .story-sensory__title {
        padding-right: 50rem;
    }

    .story-sensory__gallery {
        gap: 12rem;
    }

    .story-sensory__gallery-item {
        width: 290rem;
        margin-bottom: 12rem;
    }

    /* TYPE */
    .story-type__title span {
        top: -10rem;
    }

    .story-type__slider {
        gap: 176rem;
    }

    .story-type__gallery > li + li {
        margin-left: 12rem;
    }

    .story-type__item:first-child {
        padding-left: 50rem;
    }

    .story-type__item:last-child {
        padding-right: 50rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 376.2rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 308rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 491.33rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 308rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 308rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 376.2rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 530.93rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 308rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 308rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 530.93rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 530.93rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 281.6rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 530.93rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 310.93rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 530.93rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 308rem;
    }

    /* BUSINESS */
    .story-business__gallery {
        gap: 12rem;
    }

    .story-business__gallery-group {
        gap: 12rem;
    }

    .story-business__gallery-left {
        gap: 12rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(1) {
        width: 225rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(2) {
        width: 330rem;
    }

    .story-business__gallery-center {
        gap: 12rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(1) {
        width: 462rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(2) {
        width: 225rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(3) {
        width: 225rem;
    }

    .story-business__gallery-right {
        gap: 12rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(1) {
        width: 225rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(2) {
        width: 330rem;
    }

    .story-business__gallery-bottom {
        gap: 12rem;
    }

    .story-business__gallery-bottom .story-business__gallery-item {
        width: 330rem;
    }

}



/* **************************************** *
 * 1200px portrait
 * **************************************** */
@media (orientation: portrait) and (max-width: 1200px) {

    /* TYPE */
    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 488.9rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 400.27rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 638.52rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 400.27rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 400.27rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 488.9rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 690rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 400.27rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 400.27rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 690rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 690rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 365.96rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 690rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 404.08rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 690rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 400.27rem;
    }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px) {

    /* VISUAL */
    .story-visual__scene {
        margin-top: -35rem;
    }

    .story-visual__scene b {
        font-size: 70rem;
    }

    /* SENSORY */
    /* .story-sensory__inner { margin: 0 40rem; } */
    .story-sensory__title {
        padding-right: 40rem;
    }

    .story-sensory__gallery-item {
        width: 243rem;
    }

    /* TYPE */
    .story-type__title span {
        top: -8rem;
    }

    .story-type__slider {
        gap: 147rem;
    }

    .story-type__item:first-child {
        padding-left: 40rem;
    }

    .story-type__item:last-child {
        padding-right: 40rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 322.5rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 264.04rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 421.2rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 264.04rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 264.04rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 322.5rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 455.15rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 264.04rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 264.04rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 455.15rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 455.15rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 241.4rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 455.15rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 266.55rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 455.15rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 264.04rem;
    }

    /* BUSINESS */
    .story-business__gallery-left .story-business__gallery-item:nth-child(1) {
        width: 193rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(2) {
        width: 282rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(1) {
        width: 396rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(2) {
        width: 192rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(3) {
        width: 192rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(1) {
        width: 193rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(2) {
        width: 282rem;
    }

    .story-business__gallery-bottom .story-business__gallery-item {
        width: 282rem;
    }

}



/* **************************************** *
 * 1023px portrait
 * **************************************** */
@media (orientation: portrait) and (max-width: 1023px) {

    /* TYPE */
    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 419.25rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 343.25rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 547.56rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 343.25rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 343.25rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 419.25rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 591.69rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 343.25rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 343.25rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 591.69rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 591.69rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 313.82rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 591.69rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 346.51rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 591.69rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 343.25rem;
    }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px) {

    /* VISUAL */
    .story-visual__down {
        bottom: 20rem;
    }

    .story-visual__scene {
        margin-top: -29rem;
    }

    .story-visual__scene b {
        font-size: 58rem;
    }

    .story-visual__scene b img {
        display: block;
        margin: 0 auto;
        height: 10vw;
    }

    /* ABOUT */
    .story-about__title--01 {
        left: 25%;
    }

    .story-about__title--02 {
        left: 25%;
    }

    .story-about__item {
        margin-left: 25%;
    }

    /* IDENTITY */
    .story-identity__viewer-outer {
        width: 60%;
    }

    /* SENSORY */
    .story-sensory__inner {
        flex-direction: column;
        height: auto;
        padding: 140rem 0;
        /*margin: 0 30rem;*/
    }

    html.kakao .story-sensory__inner {
        height: auto;
    }

    .story-sensory__title {
        padding-right: 0;
        margin-bottom: 60rem;
    }

    .story-sensory__gallery {
        flex-direction: column;
    }

    .story-sensory__gallery-list {
        overflow: visible;
        white-space: nowrap;
    }

    .story-sensory__gallery-item {
        display: inline-block;
        width: auto;
        height: 260rem;
        margin-bottom: 0;
        margin-right: 12rem;
    }

    .story-sensory__gallery-item .jt-lazyload {
        height: 100%;
    }

    .story-sensory__gallery-list--01 {
        margin-top: 0;
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.7514);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 1.523);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.6827);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 1.523);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
        padding-top: 0;
        width: calc(260rem * 0.9187);
    }

    /* TYPE */
    .story-type__slider {
        gap: 116rem;
    }

    .story-type__item:first-child {
        padding-left: 30rem;
    }

    .story-type__item:last-child {
        padding-right: 30rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 273.6rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 224rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 357.33rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 224rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 224rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 273.6rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 386.13rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 224rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 224rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 386.13rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 386.13rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 204.8rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 386.13rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 226.13rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 386.13rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 224rem;
    }

    /* BUSINESS */
    .story-business {
        padding-top: 72rem;
        padding-bottom: 100rem;
    }

    .story-business__gallery {
        margin-top: 48rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(1) {
        width: 162rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(2) {
        width: 240rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(1) {
        width: 336rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(2) {
        width: 162rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(3) {
        width: 162rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(1) {
        width: 162rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(2) {
        width: 240rem;
    }

    .story-business__gallery-bottom .story-business__gallery-item {
        width: 240rem;
    }

}



/* **************************************** *
 * 860px portrait
 * **************************************** */
@media (orientation: portrait) and (max-width: 860px) {

    /* TYPE */
    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 355.69rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 291.21rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 464.54rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 291.21rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 291.21rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 355.69rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 502rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 291.21rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 291.21rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 502rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 502rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 266.25rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 502rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 293.98rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 502rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 291.21rem;
    }

}

@media (max-width: 768px) {
    .pd_main_list {
        padding: 0 0 100px;
    }

    .pd_main_list > .inner {
        gap: 70px;
    }

    .pd_main_list .pd dd {
        font-size: 7vw;
        padding-bottom: 8px;
    }

    section.business .col dt {
        font-size: 16px;
        margin-top: 20px;
    }

    .pd_main_list .pd p {
        line-height: 1.5;
    }

    .pd_main_list .pd img {
        width: 80%;
    }
}

/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px) {

    /* VISUAL */
    .story-visual__content-item br:not(.smbr) {
        display: none;
    }

    .story-visual__scene {
        margin-top: -18rem;
    }

    .story-visual__scene b {
        font-size: 36rem;
    }

    /* IDENTITY */
    .story-identity__viewer-outer {
        width: 70%;
    }

    /* ABOUT */
    .story-about {
        padding: 80rem 0 140rem;
    }

    .story-about__title {
        margin-bottom: 60rem;
    }

    .story-about__title--01 {
        /*left: -20rem;*/
        left: 0;
    }

    .story-about__title--02 {
        margin-top: 8rem;
        /*left: 10rem;*/
        left: 0;
    }

    .story-about__item {
        gap: 40rem;
        margin-left: 0;
    }

    .story-about__item p {
        margin-top: 12rem;
    }

    /* VALUE */
    .story-value__typo b {
        margin-top: 8rem;
    }

    .story-value__sticky--left {
        clip-path: none;
    }

    .story-value__sticky--right {
        clip-path: none;
    }

    .story-value__image--mobile {
        display: block;
    }

    .story-value__image--desktop {
        display: none;
    }

    /* SENSORY */
    .story-sensory__inner {
        /*margin: 0 24rem;*/
        padding: 80rem 0;
    }

    .story-sensory__gallery {
        gap: 10rem;
    }

    .story-sensory__gallery-item {
        height: 200rem;
        margin-right: 10rem;
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.7514);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 1.523);
    }

    .story-sensory__gallery-list--01 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(1) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(2) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.6827);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(3) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(4) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(5) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 1.523);
    }

    .story-sensory__gallery-list--02 .story-sensory__gallery-item:nth-child(6) .jt-lazyload {
        padding-top: 0;
        width: calc(200rem * 0.9187);
    }

    /* TYPE */
    .story-type__slider {
        flex-flow: column;
        height: auto;
        padding: 72rem 24rem 80rem;
        gap: 72rem;
    }

    html.kakao .story-type__slider {
        height: auto;
    }

    .story-type__title span {
        top: 0;
        margin-left: 0;
        margin-top: 4rem;
    }

    .story-type__item {
        gap: 32rem;
    }

    .story-type__item:first-child {
        padding-left: 0;
    }

    .story-type__item:last-child {
        padding-right: 0;
    }

    .story-type__gallery {
        overflow-x: auto;
        margin-left: -48rem;
        margin-right: -48rem;
        padding-left: 48rem;
        padding-right: 48rem;
        scrollbar-width: none;
    }

    .story-type__gallery::-webkit-scrollbar {
        display: none;
    }

    .story-type__gallery > li + li {
        margin-left: 10rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(1) {
        width: 247.99rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(2) {
        width: 203.03rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(3) {
        width: 323.89rem;
    }

    .story-type--art .story-type__gallery > li:nth-child(4) {
        width: 203.03rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(1) {
        width: 203.03rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(2) {
        width: 247.99rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(3) {
        width: 350rem;
    }

    .story-type--music .story-type__gallery > li:nth-child(4) {
        width: 203.03rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(1) {
        width: 203.03rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(2) {
        width: 350rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(3) {
        width: 350rem;
    }

    .story-type--sports .story-type__gallery > li:nth-child(4) {
        width: 185.63rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) {
        width: 323.89rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(1) .jt-lazyload {
        padding-top: 76.56%;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(2) {
        width: 204.97rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(3) {
        width: 350rem;
    }

    .story-type--gourmet .story-type__gallery > li:nth-child(4) {
        width: 203.03rem;
    }

    /* BUSINESS */
    .story-business__title > span {
        margin-bottom: 8rem;
    }

    .story-business__title > b {
        margin-bottom: 16rem;
    }

    .story-business__gallery {
        gap: 10rem;
    }

    .story-business__gallery-group {
        gap: 10rem;
    }

    .story-business__gallery-left {
        gap: 10rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(1) {
        width: 125rem;
    }

    .story-business__gallery-left .story-business__gallery-item:nth-child(2) {
        width: 185rem;
    }

    .story-business__gallery-center {
        gap: 10rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(1) {
        width: 260rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(2) {
        width: 125rem;
    }

    .story-business__gallery-center .story-business__gallery-item:nth-child(3) {
        width: 125rem;
    }

    .story-business__gallery-right {
        gap: 10rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(1) {
        width: 125rem;
    }

    .story-business__gallery-right .story-business__gallery-item:nth-child(2) {
        width: 185rem;
    }

    .story-business__gallery-bottom {
        gap: 10rem;
    }

    .story-business__gallery-bottom .story-business__gallery-item {
        width: 185rem;
    }

}

/*css9 끝*/