.signature-content .brand-list-contents .kv-slick,.signature-content .brand-list-contents .brand-list .list,.signature-content .brand-list-contents .state-block ul,.signature-content .influencer .main-image-box,.signature-content .brand-detail-contents .section-image.images,.signature-content .phil-section .parallax-ref,.signature-content .product-detail-contents .module-b .parallax-ref,.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap,.signature-content .select-your-country .accordion-item .item-body .countries-list .country .country-wrap {
    *zoom:1}

.signature-content .brand-list-contents .kv-slick:before,.signature-content .brand-list-contents .brand-list .list:before,.signature-content .brand-list-contents .state-block ul:before,.signature-content .influencer .main-image-box:before,.signature-content .brand-detail-contents .section-image.images:before,.signature-content .phil-section .parallax-ref:before,.signature-content .product-detail-contents .module-b .parallax-ref:before,.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap:before,.signature-content .select-your-country .accordion-item .item-body .countries-list .country .country-wrap:before,.signature-content .brand-list-contents .kv-slick:after,.signature-content .brand-list-contents .brand-list .list:after,.signature-content .brand-list-contents .state-block ul:after,.signature-content .influencer .main-image-box:after,.signature-content .brand-detail-contents .section-image.images:after,.signature-content .phil-section .parallax-ref:after,.signature-content .product-detail-contents .module-b .parallax-ref:after,.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:after,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list:after,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap:after,.signature-content .select-your-country .accordion-item .item-body .countries-list .country .country-wrap:after {
    content: " ";
    display: table
}

.signature-content .brand-list-contents .kv-slick:after,.signature-content .brand-list-contents .brand-list .list:after,.signature-content .brand-list-contents .state-block ul:after,.signature-content .influencer .main-image-box:after,.signature-content .brand-detail-contents .section-image.images:after,.signature-content .phil-section .parallax-ref:after,.signature-content .product-detail-contents .module-b .parallax-ref:after,.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:after,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list:after,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap:after,.signature-content .select-your-country .accordion-item .item-body .countries-list .country .country-wrap:after {
    clear: both
}

.signature-content .scroll-icon .txt,.signature-content .btn-hero a,.signature-content .read-more a .txt,.signature-content .btn-explore a {
    text-transform: uppercase
}

.signature-content .breadcrumb .breadcrumb-wrap ul,.signature-content .brand-list-contents .keyvisual-block .slick-dots,.signature-content .brand-list-contents .brand-list .tabs ul,.signature-content .brand-list-contents .state-block ul,.signature-content .brand-list-contents .state-block ul.slick-dots,.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots,.signature-content .showroom-contents .showroomTabArea .showroomTabs ul {
    margin: 0;
    padding: 0;
    list-style: none
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    padding: 0;
    font-size: 16px
}

.lg-signature-wrap a {
    background-color: transparent
}

.lg-signature-wrap abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.lg-signature-wrap b,.lg-signature-wrap strong {
    font-weight: normal
}

.lg-signature-wrap code,.lg-signature-wrap kbd,.lg-signature-wrap samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.lg-signature-wrap small {
    font-size: 80%
}

.lg-signature-wrap sub,.lg-signature-wrap sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.lg-signature-wrap sub {
    bottom: -0.25em
}

.lg-signature-wrap sup {
    top: -0.5em
}

.lg-signature-wrap img {
    border-style: none
}

.lg-signature-wrap button,.lg-signature-wrap input,.lg-signature-wrap optgroup,.lg-signature-wrap select,.lg-signature-wrap textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.lg-signature-wrap button,.lg-signature-wrap input {
    overflow: visible
}

.lg-signature-wrap button,.lg-signature-wrap select {
    text-transform: none
}

.lg-signature-wrap button,.lg-signature-wrap [type="button"],.lg-signature-wrap [type="reset"],.lg-signature-wrap [type="submit"] {
    -webkit-appearance: button
}

.lg-signature-wrap button::-moz-focus-inner,.lg-signature-wrap [type="button"]::-moz-focus-inner,.lg-signature-wrap [type="reset"]::-moz-focus-inner,.lg-signature-wrap [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.lg-signature-wrap button:-moz-focusring,.lg-signature-wrap [type="button"]:-moz-focusring,.lg-signature-wrap [type="reset"]:-moz-focusring,.lg-signature-wrap [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

.lg-signature-wrap fieldset {
    padding: 0.35em 0.75em 0.625em
}

.lg-signature-wrap legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.lg-signature-wrap progress {
    vertical-align: baseline
}

.lg-signature-wrap textarea {
    overflow: auto
}

.lg-signature-wrap [type="checkbox"],.lg-signature-wrap [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

.lg-signature-wrap [type="number"]::-webkit-inner-spin-button,.lg-signature-wrap [type="number"]::-webkit-outer-spin-button {
    height: auto
}

.lg-signature-wrap [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.lg-signature-wrap [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.lg-signature-wrap ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.lg-signature-wrap details {
    display: block
}

.lg-signature-wrap summary {
    display: list-item
}

.lg-signature-wrap template {
    display: none
}

.lg-signature-wrap [hidden] {
    display: none
}

@font-face {
    font-family: 'Gotham Black';
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Black.eot");
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Black.eot?#iefix") format("embedded-opentype"),url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Black.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Bold';
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Bold.eot");
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Bold.eot?#iefix") format("embedded-opentype"),url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Bold.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Book';
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Book.eot");
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Book.eot?#iefix") format("embedded-opentype"),url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Book.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Light';
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Light.eot");
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Light.eot?#iefix") format("embedded-opentype"),url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Light.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Gotham Medium';
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Medium.eot");
    src: url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Medium.eot?#iefix") format("embedded-opentype"),url("/content/dam/lge/se/migration/lg-signature/resource/font/Gotham-Medium.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.lg-signature-wrap {
    width: 100%;
    background: #000;
    color: #fff;
    overflow-x: hidden
}

.lg-signature-wrap.white {
    background: #fff;
    color: #000
}

.lg-signature-wrap a,.lg-signature-wrap button {
    background: rgba(255,255,255,0.001)
}

.signature-content {
    width: 100%;
    height: auto
}

.sr-only {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    overflow: hidden
}

br.m {
    display: none
}

@media screen and (max-width: 767px) {
    br.m {
        display:block
    }

    br.d {
        display: none
    }
}

.vari .header-wrap .left,.vari .header-wrap .right {
    display: none
}

@media screen and (max-width: 767px) {
    .vari .header-wrap .mobile-menu {
        display:none
    }
}

.vari .signature-footer .links .sns {
    float: none;
    width: 100%;
    text-align: center
}

.vari .signature-footer .links .sns ul {
    float: none;
    display: inline-block
}

.vari .signature-footer .links .select-your-country {
    display: none
}

.vari .signature-footer .link-text {
    display: none
}

.signature-content .off .prog-circle .slice {
    opacity: 0
}

.signature-content .prog-circle {
    position: relative;
    float: left;
    background-color: transparent;
    margin: 0;
    width: 46px;
    height: 46px;
    font-size: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .prog-circle {
        width:40px;
        height: 40px;
        font-size: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .prog-circle {
        width:60px;
        width: 9.375vw;
        height: 60px;
        height: 9.375vw;
        font-size: 60px;
        font-size: 9.375vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .prog-circle {
        width:36px;
        height: 36px;
        font-size: 36px
    }
}

.signature-content .prog-circle .slice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
    opacity: 1;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.signature-content .prog-circle .slice.clipauto {
    clip: rect(auto, auto, auto, auto)
}

.signature-content .prog-circle .fill,.signature-content .prog-circle .bar {
    position: absolute;
    clip: rect(0em, 0.5em, 1em, 0em);
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg);
    border: 3px solid #fff
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .prog-circle .fill,.signature-content .prog-circle .bar {
        border-width:2px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .prog-circle .fill,.signature-content .prog-circle .bar {
        border-width:4px;
        border-width: .625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .prog-circle .fill,.signature-content .prog-circle .bar {
        border-width:2px
    }
}

.signature-content .prog-circle .fill {
    opacity: 0
}

.signature-content .prog-circle .clipauto .fill {
    opacity: 1
}

.signature-content .prog-circle .after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 3px solid rgba(255,255,255,0.1);
    box-sizing: border-box;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .prog-circle .after {
        border-width:2px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .prog-circle .after {
        border-width:4px;
        border-width: .625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .prog-circle .after {
        border-width:2px
    }
}

.signature-content .prog-circle .btns {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 100%
}

.signature-content .prog-circle .btns a {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%
}

.signature-content .prog-circle .btns a:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .prog-circle .btns a.stop {
    display: none
}

.signature-content .prog-circle .btns a.stop.on {
    display: block
}

.signature-content .prog-circle .btns a.stop:before {
    box-sizing: content-box;
    width: 4px;
    height: 10px;
    border-right: 3px solid #fff;
    border-left: 3px solid #fff;
    -moz-transition: width 0.1s,height 0.1s,border-width 0.1s;
    -o-transition: width 0.1s,height 0.1s,border-width 0.1s;
    -webkit-transition: width 0.1s,height 0.1s,border-width 0.1s;
    transition: width 0.1s,height 0.1s,border-width 0.1s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .prog-circle .btns a.stop:before {
        width:4px;
        height: 8px;
        border-width: 2px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .prog-circle .btns a.stop:before {
        width:6px;
        width: .9375vw;
        height: 14px;
        height: 2.1875vw;
        border-width: 4px;
        border-width: .625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .prog-circle .btns a.stop:before {
        width:3px;
        height: 7px;
        border-width: 2px
    }
}

body.no-touch .signature-content .prog-circle .btns a.stop:focus:before,body.no-touch .signature-content .prog-circle .btns a.stop:hover:before {
    width: 6px;
    height: 12px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .prog-circle .btns a.stop:focus:before,body.no-touch .signature-content .prog-circle .btns a.stop:hover:before {
        width:4px;
        height: 10px;
        border-width: 3px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .prog-circle .btns a.stop:focus:before,body.no-touch .signature-content .prog-circle .btns a.stop:hover:before {
        width:8px;
        width: 1.25vw;
        height: 16px;
        height: 2.5vw;
        border-width: 4px;
        border-width: .625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .prog-circle .btns a.stop:focus:before,body.no-touch .signature-content .prog-circle .btns a.stop:hover:before {
        width:4px;
        height: 8px;
        border-width: 2px
    }
}

.signature-content .prog-circle .btns a.play {
    display: none
}

.signature-content .prog-circle .btns a.play.on {
    display: block
}

.signature-content .prog-circle .btns a.play:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #fff
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .prog-circle .btns a.play:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6.96px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) {
    .signature-content .prog-circle .btns a.play:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.09375vw 0 1.09375vw 1.90312vw;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .prog-circle .btns a.play:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 3.5px 0 3.5px 6.09px;
        border-color: transparent transparent transparent #fff
    }
}

body.no-touch .signature-content .prog-circle .btns a.play:focus:before,body.no-touch .signature-content .prog-circle .btns a.play:hover:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.44px;
    border-color: transparent transparent transparent #fff
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .prog-circle .btns a.play:focus:before,body.no-touch .signature-content .prog-circle .btns a.play:hover:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8.7px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .prog-circle .btns a.play:focus:before,body.no-touch .signature-content .prog-circle .btns a.play:hover:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.25vw 0 1.25vw 2.175vw;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .prog-circle .btns a.play:focus:before,body.no-touch .signature-content .prog-circle .btns a.play:hover:before {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6.96px;
        border-color: transparent transparent transparent #fff
    }
}

.signature-content .scroll-icon {
    position: relative;
    margin: 0 auto;
    width: 20px;
    height: 80px
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .scroll-icon {
        width:20px;
        height: 50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .scroll-icon {
        width:20px;
        width: 3.125vw;
        height: 100px;
        height: 15.625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .scroll-icon {
        width:10px;
        height: 50px
    }
}

.signature-content .scroll-icon .line {
    position: absolute;
    top: 0;
    width: 1px;
    left: 50%;
    margin-left: -0.5px;
    height: 80px;
    background: rgba(255,255,255,0.25)
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .scroll-icon .line {
        height:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .scroll-icon .line {
        width:2px;
        width: .3125vw;
        min-width: 1px;
        height: 100px;
        height: 15.625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .scroll-icon .line {
        width:1px;
        height: 50px
    }
}

.signature-content .scroll-icon .line:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    -moz-transition: height 1.2s;
    -o-transition: height 1.2s;
    -webkit-transition: height 1.2s;
    transition: height 1.2s;
    -webkit-animation: scroll_ani 6s infinite;
    -moz-animation: scroll_ani 6s infinite;
    -ms-animation: scroll_ani 6s infinite;
    -o-animation: scroll_ani 6s infinite;
    animation: scroll_ani 6s infinite
}

.signature-content .scroll-icon .txt {
    position: absolute;
    text-align: right;
    font-family: "Gotham Book";
    font-weight: normal;
    letter-spacing: 1.2px;
    color: #fff;
    width: 60px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    left: -175%;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1440px) {
    .signature-content .scroll-icon .txt {
        font-size:.625vw;
        text-align: center
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1440px) and (max-width: 1600px) {
    .signature-content .scroll-icon .txt {
        font-size:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .scroll-icon .txt {
        width:100px;
        width: 15.625vw;
        font-size: 2.8125vw;
        left: -55px;
        left: -8.59375vw;
        margin-top: -10px;
        margin-top: -1.5625vw;
        text-align: center
    }
}

@media screen and (max-width: 767px) and (max-width: 426.66667px) {
    .signature-content .scroll-icon .txt {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .scroll-icon .txt {
        font-size:.625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) and (max-width: 1600px) {
    .signature-content .scroll-icon .txt {
        font-size:10px
    }
}

@keyframes scroll_ani {
    0% {
        transform-origin: top left;
        transform: scale(1, 0);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    30% {
        transform-origin: top left;
        transform: scale(1, 1)
    }

    41% {
        transform-origin: bottom left;
        transform: scale(1, 1);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    100% {
        transform-origin: bottom left;
        transform: scale(1, 0)
    }
}

.signature-content .btn-hero a {
    position: relative;
    display: inline-block;
    background: #ba8748;
    color: #fff;
    width: auto;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 13px;
    padding: 0 60px 0 29px;
    height: 46px;
    line-height: 46px;
    text-decoration: none;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-hero a {
        font-size:12px;
        padding: 0 35px 0 14px;
        height: 36px;
        line-height: 36px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-hero a {
        font-size:3.125vw;
        padding: 0px 86px 0px 39px;
        padding: 0vw 13.4375vw 0vw 6.09375vw;
        height: 60px;
        height: 9.375vw;
        line-height: 60px;
        line-height: 9.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .btn-hero a {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .btn-hero a {
        font-size:10px;
        padding: 0 43px 0 19.5px;
        height: 35px;
        line-height: 35px
    }
}

.signature-content .btn-hero a span {
    display: block;
    width: 100%;
    height: 100%;
    font-family: "Gotham Bold";
    font-weight: normal
}

body.no-touch .signature-content .btn-hero a:after,body.no-touch .signature-content .btn-hero a:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 6px;
    height: 1px;
    right: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a:after,body.no-touch .signature-content .btn-hero a:before {
        width:5px;
        right: 15px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a:after,body.no-touch .signature-content .btn-hero a:before {
        width:11px;
        width: 1.71875vw;
        right: 40px;
        right: 6.25vw;
        height: 2px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-hero a:after,body.no-touch .signature-content .btn-hero a:before {
        height:1px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .btn-hero a:after,body.no-touch .signature-content .btn-hero a:before {
        width:5.5px;
        right: 20px;
        height: 1px
    }
}

body.no-touch .signature-content .btn-hero a:after {
    top: 25px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a:after {
        top:19px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a:after {
        top:32px;
        top: 5vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .btn-hero a:after {
        top:18.5px
    }
}

body.no-touch .signature-content .btn-hero a:before {
    top: 21px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a:before {
        top:15px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a:before {
        top:25px;
        top: 3.90625vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .btn-hero a:before {
        top:15px
    }
}

body.no-touch .signature-content .btn-hero a span:before {
    content: "";
    display: block;
    position: absolute;
    line-height: 0;
    font-size: 0;
    background: #fff;
    width: 18px;
    height: 1px;
    right: 32px;
    top: 23px;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a span:before {
        width:15px;
        right: 15px;
        top: 17px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a span:before {
        width:28px;
        width: 4.375vw;
        right: 42px;
        right: 6.5625vw;
        top: 28.5px;
        top: 4.45313vw;
        height: 2px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-hero a span:before {
        height:1px;
        top: 28px;
        top: 4.375vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    body.no-touch .signature-content .btn-hero a span:before {
        width:14px;
        right: 21px;
        top: 17px;
        height: 1px
    }
}

body.no-touch .signature-content .btn-hero a:focus,body.no-touch .signature-content .btn-hero a:hover {
    padding-right: 70px;
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a:focus,body.no-touch .signature-content .btn-hero a:hover {
        padding-right:40px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a:focus,body.no-touch .signature-content .btn-hero a:hover {
        padding-right:102px;
        padding-right: 15.9375vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .btn-hero a:focus span:before,body.no-touch .signature-content .btn-hero a:hover span:before {
        width:28px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .btn-hero a:focus span:before,body.no-touch .signature-content .btn-hero a:hover span:before {
        width:20px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-hero a:focus span:before,body.no-touch .signature-content .btn-hero a:hover span:before {
        width:44px;
        width: 6.875vw
    }
}

body.touch .signature-content .btn-hero a:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 30px;
    width: 20px;
    height: 9px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-hero-2x.png") no-repeat 0 0;
    background-size: 100% auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.touch .signature-content .btn-hero a:after {
        right:15px;
        width: 15px;
        height: 7px
    }
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .btn-hero a:after {
        right:40px;
        right: 6.25vw;
        width: 30px;
        width: 4.6875vw;
        height: 14px;
        height: 2.1875vw;
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-hero-m-2x.png") no-repeat 0 0;
        background-size: 100% auto
    }
}

@media screen and (orientation: landscape) and (max-width: 767px) {
    body.touch .signature-content .btn-hero a:after {
        right:15px;
        right: 2.34375vw;
        width: 15px;
        width: 2.34375vw;
        height: 7px;
        height: 1.09375vw
    }
}

.signature-content .read-more {
    position: relative;
    margin: 0 auto;
    width: 100px;
    height: 115px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .read-more {
        height:80px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .read-more {
        width:150px;
        width: 23.4375vw;
        height: 121px;
        height: 18.90625vw
    }
}

.signature-content .read-more a {
    display: block;
    width: 100%;
    height: 100%
}

.signature-content .read-more a .line {
    position: relative;
    background: rgba(0,0,0,0.25);
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    width: 1px;
    left: 50%;
    height: 80px;
    margin-left: -0.5px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .read-more a .line {
        height:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .read-more a .line {
        height:80px;
        height: 12.5vw;
        width: 2px;
        width: .3125vw;
        min-width: 1px
    }
}

.signature-content .read-more a .line:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    -moz-transition: height 1.2s;
    -o-transition: height 1.2s;
    -webkit-transition: height 1.2s;
    transition: height 1.2s;
    -webkit-animation: scroll_ani 6s infinite;
    -moz-animation: scroll_ani 6s infinite;
    -ms-animation: scroll_ani 6s infinite;
    -o-animation: scroll_ani 6s infinite;
    animation: scroll_ani 6s infinite
}

.signature-content .read-more a .txt {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    font-family: "Gotham Bold";
    font-weight: normal;
    color: #000;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    white-space: nowrap;
    width: 100%;
    height: 20px;
    font-size: 14px;
    line-height: 20px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .read-more a .txt {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .read-more a .txt {
        height:30px;
        height: 4.6875vw;
        line-height: 30px;
        line-height: 4.6875vw;
        font-size: 3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .read-more a .txt {
        font-size:10px
    }
}

body.no-touch .signature-content .read-more a:focus .line,body.no-touch .signature-content .read-more a:hover .line {
    background: rgba(186,135,72,0.25)
}

body.no-touch .signature-content .read-more a:focus .line:before,body.no-touch .signature-content .read-more a:hover .line:before {
    background: #ba8748
}

body.no-touch .signature-content .read-more a:focus .txt,body.no-touch .signature-content .read-more a:hover .txt {
    color: #ba8748
}

@keyframes read-more {
    0% {
        transform-origin: top left;
        transform: scale(1, 0);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    30% {
        transform-origin: top left;
        transform: scale(1, 1)
    }

    41% {
        transform-origin: bottom left;
        transform: scale(1, 1);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    100% {
        transform-origin: bottom left;
        transform: scale(1, 0)
    }
}

.signature-content .btn-explore a {
    position: relative;
    display: inline-block;
    background: #ba8748;
    color: #fff;
    width: auto;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 12px;
    padding: 0 33px 0 15px;
    height: 36px;
    line-height: 36px;
    text-decoration: none;
    -moz-transition: padding 0.2s;
    -o-transition: padding 0.2s;
    -webkit-transition: padding 0.2s;
    transition: padding 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-explore a {
        font-size:0;
        padding: 0;
        width: 36px;
        height: 26px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-explore a {
        font-size:3.125vw;
        padding: 0px 69px 0px 30px;
        padding: 0vw 10.78125vw 0vw 4.6875vw;
        height: 60px;
        height: 9.375vw;
        line-height: 60px;
        line-height: 9.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .btn-explore a {
        font-size:10px
    }
}

.signature-content .btn-explore a span {
    display: block;
    width: 100%;
    height: 100%
}

body.no-touch .signature-content .btn-explore a:after,body.no-touch .signature-content .btn-explore a:before {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    width: 4px;
    height: 1px;
    right: 16px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a:after,body.no-touch .signature-content .btn-explore a:before {
        right:12px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:after,body.no-touch .signature-content .btn-explore a:before {
        width:10px;
        width: 1.5625vw;
        right: 28px;
        right: 4.375vw;
        height: 2px;
        box-sizing: content-box
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-explore a:after,body.no-touch .signature-content .btn-explore a:before {
        height:1px
    }
}

body.no-touch .signature-content .btn-explore a:after {
    top: 19px;
    box-sizing: content-box;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a:after {
        top:15px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:after {
        top:33px;
        top: 5.15625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-explore a:after {
        top:31px;
        top: 4.84375vw
    }
}

body.no-touch .signature-content .btn-explore a:before {
    top: 15px;
    box-sizing: content-box;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a:before {
        top:11px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:before {
        top:27px;
        top: 4.21875vw
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-explore a:before {
        top:25px;
        top: 3.90625vw
    }
}

body.no-touch .signature-content .btn-explore a span:before {
    box-sizing: content-box;
    content: "";
    display: block;
    position: absolute;
    line-height: 0;
    font-size: 0;
    background: #fff;
    width: 8px;
    height: 1px;
    right: 16px;
    top: 17px;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -webkit-transition: width 0.2s;
    transition: width 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a span:before {
        right:12px;
        top: 13px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a span:before {
        width:16px;
        width: 2.5vw;
        right: 30px;
        right: 4.6875vw;
        top: 30px;
        top: 4.6875vw;
        height: 2px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-explore a span:before {
        height:1px;
        top: 27.8px;
        top: 4.34375vw
    }
}

body.no-touch .signature-content .btn-explore a span:after {
    box-sizing: content-box;
    -moz-transition: right 0.2s;
    -o-transition: right 0.2s;
    -webkit-transition: right 0.2s;
    transition: right 0.2s;
    content: "";
    display: block;
    position: absolute;
    width: 4px;
    height: 7px;
    border: 1px solid #fff;
    border-right: 0;
    position: absolute;
    top: 13px;
    right: 23px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a span:after {
        top:9px;
        left: 12px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a span:after {
        left:auto;
        width: 8px;
        width: 1.25vw;
        right: 44px;
        right: 6.875vw;
        top: 22px;
        top: 3.4375vw;
        height: 14px;
        height: 2.1875vw;
        border-width: 2px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    body.no-touch .signature-content .btn-explore a span:after {
        top:20px;
        top: 3.125vw;
        height: 8px;
        border-width: 1px
    }
}

body.no-touch .signature-content .btn-explore a:focus,body.no-touch .signature-content .btn-explore a:hover {
    padding-right: 39px;
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-explore a:focus,body.no-touch .signature-content .btn-explore a:hover {
        padding-right:5px;
        box-sizing: content-box
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:focus,body.no-touch .signature-content .btn-explore a:hover {
        padding-right:82px;
        padding-right: 12.8125vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .btn-explore a:focus span:before,body.no-touch .signature-content .btn-explore a:hover span:before {
        width:14px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:focus span:before,body.no-touch .signature-content .btn-explore a:hover span:before {
        width:27px;
        width: 4.21875vw
    }
}

body.no-touch .signature-content .btn-explore a:focus span:after,body.no-touch .signature-content .btn-explore a:hover span:after {
    right: 29px
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-explore a:focus span:after,body.no-touch .signature-content .btn-explore a:hover span:after {
        right:56px;
        right: 8.75vw
    }
}

body.touch .signature-content .btn-explore a:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    width: 12px;
    height: 9px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-explore-2x.png") no-repeat 0 0;
    background-size: 100% auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.touch .signature-content .btn-explore a:after {
        right:12px;
        width: 13px;
        height: 9px
    }
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .btn-explore a:after {
        right:30px;
        right: 4.6875vw;
        width: 24px;
        width: 3.75vw;
        height: 18px;
        height: 2.8125vw;
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-explore-m-2x.png") no-repeat 0 0;
        background-size: 100% auto
    }
}

.signature-content .btn-play {
    position: absolute
}

.signature-content .btn-play.disabled:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    left: 0;
    top: 0
}

.signature-content .btn-play .btn-blank,.signature-content .btn-play a {
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    display: block;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5)
}

.signature-content .btn-play.type1 .btn-blank,.signature-content .btn-play.type1 a {
    width: 66px;
    height: 66px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-play.type1 .btn-blank,.signature-content .btn-play.type1 a {
        width:54px;
        height: 54px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.type1 .btn-blank,.signature-content .btn-play.type1 a {
        width:80px;
        width: 12.5vw;
        height: 80px;
        height: 12.5vw
    }
}

.signature-content .btn-play.type1 .btn-blank:after,.signature-content .btn-play.type1 a:after {
    box-sizing: content-box;
    content: "";
    display: block;
    position: static;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12.18px;
    border-color: transparent transparent transparent #000;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-play.type1 .btn-blank:after,.signature-content .btn-play.type1 a:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10.44px;
        border-color: transparent transparent transparent #000
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.type1 .btn-blank:after,.signature-content .btn-play.type1 a:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.40625vw 0 1.40625vw 2.44687vw;
        border-color: transparent transparent transparent #000
    }
}

.signature-content .btn-play.type1 .btn-blank:before,.signature-content .btn-play.type1 a:before {
    box-sizing: content-box;
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 0;
    height: 0;
    background: #000;
    -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1)
}

body.no-touch .signature-content .btn-play.type1 .btn-blank:hover:before,body.no-touch .signature-content .btn-play.type1 a:hover:before {
    width: 100%;
    height: 100%;
    border: 1px solid #000
}

body.no-touch .signature-content .btn-play.type1 .btn-blank:hover:after,body.no-touch .signature-content .btn-play.type1 a:hover:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 0 7px 12.18px;
    border-color: transparent transparent transparent #fff
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-play.type1 .btn-blank:hover:after,body.no-touch .signature-content .btn-play.type1 a:hover:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 6px 0 6px 10.44px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-play.type1 .btn-blank:hover:after,body.no-touch .signature-content .btn-play.type1 a:hover:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.40625vw 0 1.40625vw 2.44687vw;
        border-color: transparent transparent transparent #fff
    }
}

.signature-content .btn-play.type2 a {
    width: 54px;
    height: 54px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-play.type2 a {
        width:42px;
        height: 42px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.type2 a {
        width:80px;
        width: 12.5vw;
        height: 80px;
        height: 12.5vw
    }
}

.signature-content .btn-play.type2 a:before {
    box-sizing: content-box;
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 0;
    height: 0;
    background: #000;
    -moz-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 0.3s cubic-bezier(0.19, 1, 0.22, 1)
}

.signature-content .btn-play.type2 a:after {
    box-sizing: content-box;
    content: "";
    display: block;
    position: static;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin-left: 2px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.44px;
    border-color: transparent transparent transparent #000;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-play.type2 a:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6.96px;
        border-color: transparent transparent transparent #000
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.type2 a:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.40625vw 0 1.40625vw 2.44687vw;
        border-color: transparent transparent transparent #000
    }
}

body.no-touch .signature-content .btn-play.type2 a:hover:before {
    width: 100%;
    height: 100%;
    border: 1px solid #000
}

body.no-touch .signature-content .btn-play.type2 a:hover:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.44px;
    border-color: transparent transparent transparent #fff
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-play.type2 a:hover:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6.96px;
        border-color: transparent transparent transparent #fff
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-play.type2 a:hover:after {
        width:0;
        height: 0;
        border-style: solid;
        border-width: 1.40625vw 0 1.40625vw 2.44687vw;
        border-color: transparent transparent transparent #fff
    }
}

.signature-content .btn-play.type2 a .play {
    display: block
}

.signature-content .btn-play.type2 a .pause {
    display: none
}

.signature-content .btn-play.type2.pause a:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3px;
    height: 10px;
    margin: 0;
    border: 0;
    border-left: 3px solid #000;
    border-right: 3px solid #000;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .btn-play.type2.pause a:after {
        width:2px;
        height: 8px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.type2.pause a:after {
        width:4px;
        width: .625vw;
        height: 16px;
        height: 2.5vw;
        border-width: 5px;
        border-width: .78125vw
    }
}

body.no-touch .signature-content .btn-play.type2.pause a:hover:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 3px;
    height: 10px;
    margin: 0;
    border: 0;
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    -moz-transition: all 0.1s;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s;
    transition: all 0.1s
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .btn-play.type2.pause a:hover:after {
        width:2px;
        height: 8px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .btn-play.type2.pause a:hover:after {
        width:4px;
        width: .625vw;
        height: 16px;
        height: 2.5vw;
        border-width: 5px;
        border-width: .78125vw
    }
}

.signature-content .btn-play.type2.pause a .play {
    display: none
}

.signature-content .btn-play.type2.pause a .pause {
    display: block
}

.signature-content .btn-play.top {
    top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-play.top {
        top:30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.top {
        top:30px;
        top: 4.6875vw
    }
}

.signature-content .btn-play.middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.signature-content .btn-play.bottom {
    bottom: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-play.bottom {
        bottom:30px;
        bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.bottom {
        bottom:30px;
        bottom: 4.6875vw
    }
}

.signature-content .btn-play.left {
    left: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-play.left {
        left:40px;
        left: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.left {
        left:auto;
        left: 28px;
        left: 4.375vw
    }
}

.signature-content .btn-play.center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.signature-content .btn-play.right {
    right: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-play.right {
        right:40px;
        right: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-play.right {
        right:auto;
        right: 28px;
        right: 4.375vw
    }
}

.signature-content .btn-play.center.middle {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .btn-plus {
    position: absolute
}

.signature-content .btn-plus .anchor {
    width: 22px;
    height: 22px;
    display: block;
    position: relative;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.signature-content .btn-plus .anchor:before,.signature-content .btn-plus .anchor:after {
    content: "";
    display: block;
    position: absolute;
    background: #000;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .btn-plus .anchor:before {
    width: 100%;
    height: 2px
}

.signature-content .btn-plus .anchor:after {
    height: 100%;
    width: 2px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-plus .anchor {
        width:18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus .anchor {
        width:28px;
        height: 28px;
        width: 28px;
        width: 4.375vw;
        height: 28px;
        height: 4.375vw
    }

    .signature-content .btn-plus .anchor:before {
        height: 4px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .btn-plus .anchor:before {
        height:2px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus .anchor:after {
        width:4px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .btn-plus .anchor:after {
        width:2px
    }
}

.signature-content .btn-plus .anchor .collpase {
    display: none
}

.signature-content .btn-plus.collapse .expand {
    display: none
}

.signature-content .btn-plus.collapse .collpase {
    display: block
}

.signature-content .btn-plus.collapse .anchor {
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.signature-content .btn-plus.top {
    top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-plus.top {
        top:30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus.top {
        top:30px;
        top: 4.6875vw
    }
}

.signature-content .btn-plus.middle {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.signature-content .btn-plus.bottom {
    bottom: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-plus.bottom {
        bottom:30px;
        bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus.bottom {
        bottom:30px;
        bottom: 4.6875vw
    }
}

.signature-content .btn-plus.left {
    left: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-plus.left {
        left:30px;
        left: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus.left {
        left:auto;
        right: 30px;
        right: 4.6875vw
    }
}

.signature-content .btn-plus.center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%)
}

.signature-content .btn-plus.right {
    right: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-plus.right {
        right:30px;
        right: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-plus.right {
        right:auto;
        right: 30px;
        right: 4.6875vw
    }
}

.signature-content .btn-plus.center.middle {
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .btn-close {
    position: absolute;
    z-index: 1;
    width: 44px;
    height: 44px;
    background: rgba(0,0,0,0.1);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

.signature-content .btn-close a {
    display: block;
    width: 100%;
    height: 100%
}

.signature-content .btn-close a:before,.signature-content .btn-close a:after {
    content: "";
    display: block;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -o-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

.signature-content .btn-close a:before {
    width: 2px;
    height: 20px
}

.signature-content .btn-close a:after {
    width: 20px;
    height: 2px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .btn-close {
        width:36px;
        height: 36px
    }

    .signature-content .btn-close a:before {
        width: 2px;
        height: 16px
    }

    .signature-content .btn-close a:after {
        width: 16px;
        height: 2px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .btn-close {
        width:54px;
        width: 8.4375vw;
        height: 54px;
        height: 8.4375vw
    }

    .signature-content .btn-close a:before {
        width: 4px;
        width: .625vw;
        height: 24px;
        height: 3.75vw
    }

    .signature-content .btn-close a:after {
        width: 24px;
        width: 3.75vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .module .layer-player .btn-close,.signature-content .module .video-player-area .btn-close {
    right: 30px;
    top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .module .layer-player .btn-close,.signature-content .module .video-player-area .btn-close {
        right:30px;
        right: 1.875vw;
        top: 30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .module .layer-player .btn-close,.signature-content .module .video-player-area .btn-close {
        right:28px;
        right: 4.375vw;
        top: 28px;
        top: 4.375vw
    }
}

.signature-content .breadcrumb {
    position: absolute;
    width: 100%;
    text-align: right;
    font-size: 0;
    box-sizing: border-box;
    z-index: 2;
    top: 0;
    max-width: 100%;
    display: block;
    margin: 0
}

.signature-content .breadcrumb .breadcrumb-wrap {
    position: absolute;
    width: 100%;
    padding: 0 50px 0;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .breadcrumb .breadcrumb-wrap {
        padding:0px 50px 0px 50px;
        padding: 0vw 3.125vw 0vw 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-wrap {
        padding:60px 28px 0px 28px;
        padding: 9.375vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .breadcrumb .breadcrumb-wrap ul {
    display: inline-block;
    overflow: hidden
}

.signature-content .breadcrumb .breadcrumb-wrap ul li {
    float: left;
    padding-right: 16px;
    position: relative
}

.signature-content .breadcrumb .breadcrumb-wrap ul li strong,.signature-content .breadcrumb .breadcrumb-wrap ul li span,.signature-content .breadcrumb .breadcrumb-wrap ul li a {
    text-decoration: none;
    font-size: 12px;
    color: #a7a9ac;
    font-family: "Gotham Medium";
    font-weight: normal
}

body.no-touch .signature-content .breadcrumb .breadcrumb-wrap ul li a:hover,body.no-touch .signature-content .breadcrumb .breadcrumb-wrap ul li a:focus {
    color: #ba8748
}

.signature-content .breadcrumb .breadcrumb-wrap ul li:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    width: 4px;
    height: 1px;
    background: #a7a9ac;
    top: 5px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.signature-content .breadcrumb .breadcrumb-wrap ul li:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: 6px;
    width: 4px;
    height: 1px;
    background: #a7a9ac;
    top: 8px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.signature-content .breadcrumb .breadcrumb-wrap ul li:last-child {
    padding-right: 15px
}

.signature-content .breadcrumb .breadcrumb-wrap ul li:last-child strong,.signature-content .breadcrumb .breadcrumb-wrap ul li:last-child a {
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #ba8748
}

.signature-content .breadcrumb .breadcrumb-wrap ul li:last-child:before,.signature-content .breadcrumb .breadcrumb-wrap ul li:last-child:after {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-wrap ul {
        display:none
    }
}

.signature-content .breadcrumb .breadcrumb-wrap ul:only-child li:last-child {
    padding-right: 0px
}

.signature-content .breadcrumb .breadcrumb-wrap .breadcrumb-sns {
    position: relative;
    display: inline-block;
    top: 2px;
    height: 21px;
    color: #000;
    font-family: "LG Smart SemiBold",Tahoma,Arial,sans-serif
}

.signature-content .breadcrumb .breadcrumb-wrap .breadcrumb-sns span {
    display: block;
    font-size: 15px;
    line-height: 21px;
    color: #000;
    padding-right: 23px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/brand-list-share-icon.png") right top no-repeat;
    background-size: 18px 21px
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-wrap .breadcrumb-sns {
        width:26px;
        width: 4.0625vw;
        height: 26px;
        height: 4.0625vw;
        padding-left: 0;
        padding-right: 3px;
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/brand-list-share-icon-m.png") left top no-repeat;
        background-size: 90% 90%
    }

    .signature-content .breadcrumb .breadcrumb-wrap .breadcrumb-sns span {
        display: none
    }

    .signature-content .breadcrumb .breadcrumb-wrap .breadcrumb-sns:before {
        display: none
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons {
    font-size: 0;
    position: absolute;
    padding: 0 50px 0;
    top: 1px;
    right: 0;
    display: none;
    opacity: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons {
        padding:0px 50px 0px 50px;
        padding: 0vw 3.125vw 0vw 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons {
        padding:60px 28px 0px 28px;
        padding: 9.375vw 4.375vw 0vw 4.375vw;
        top: -3px;
        top: -.46875vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons a {
    display: inline-block
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon {
    position: relative;
    width: 24px;
    height: 24px;
    margin-right: 16px
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon:before,.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon:after {
    display: none
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-facebook {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-1.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-facebook {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-1-m.png") no-repeat;
        background-size: 100%
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-twitter {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-2.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-twitter {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-2-m.png") no-repeat;
        background-size: 100%
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-pinterest {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-3.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-pinterest {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-3-m.png") no-repeat;
        background-size: 100%
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-google {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-white-4.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon {
        margin-right:28px;
        margin-right: 4.375vw;
        width: 36px;
        width: 5.625vw;
        height: 36px;
        height: 5.625vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons>span {
    position: relative;
    display: inline-block;
    padding-left: 16px;
    vertical-align: top
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons>span {
        padding-left:28px;
        padding-left: 4.375vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons>span:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 1px;
    height: 9px;
    background: #a7a9ac;
    top: 8px;
    left: 0
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons>span:after {
        top:10px;
        top: 1.5625vw;
        width: 2px;
        width: .3125vw;
        height: 18px;
        height: 2.8125vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close {
    position: relative;
    width: 15px;
    height: 15px;
    top: 5px
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close {
        top:10px;
        top: 1.5625vw;
        width: 26px;
        width: 4.0625vw;
        height: 26px;
        height: 4.0625vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:after {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 15px;
    height: 2px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:after {
        top:6px;
        top: .9375vw;
        width: 26px;
        width: 4.0625vw;
        height: 3px;
        height: .46875vw
    }
}

.signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    right: 0;
    width: 15px;
    height: 2px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:before {
        top:6px;
        top: .9375vw;
        width: 26px;
        width: 4.0625vw;
        height: 3px;
        height: .46875vw
    }
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-facebook {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-1.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-facebook {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-1-m.png") no-repeat;
        background-size: 100%
    }
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-twitter {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-2.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-twitter {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-2-m.png") no-repeat;
        background-size: 100%
    }
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-pinterest {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-3.png") no-repeat;
    background-size: 100%
}

@media screen and (max-width: 767px) {
    .header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-pinterest {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-3-m.png") no-repeat;
        background-size: 100%
    }
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons a.sns-icon.icon-google {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/breadcrumb-sns-black-4.png") no-repeat;
    background-size: 100%
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:after {
    background-color: #000
}

.header-black .signature-content .breadcrumb .breadcrumb-sns-icons>span .breadcrumb-sns-icon-close:before {
    background-color: #000
}

.signature-content .breadcrumb.showroom {
    z-index: 5
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap {
    visibility: hidden
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_mobile_P {
    padding: 42px 28px 0px 28px;
    padding: 6.5625vw 4.375vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_mobile_L_S {
    padding: 29px 28px 0px 28px;
    padding: 4.53125vw 4.375vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_mobile_L_S .breadcrumb-sns {
    width: 22px;
    height: 22px
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_mobile_L_L {
    padding: 23px 28px 0px 28px;
    padding: 3.59375vw 4.375vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_mobile_L_L .breadcrumb-sns span {
    color: #FFFFFF00;
    font-size: 0
}

.signature-content .breadcrumb.showroom .breadcrumb-wrap.view_tablet {
    padding: 20px 50px 0px 50px;
    padding: 1.25vw 3.125vw 0vw 3.125vw
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_P {
    padding: 42px 28px 0px 28px;
    padding: 6.5625vw 4.375vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S {
    padding: 33px 32px 0px 28px;
    padding: 5.15625vw 5vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S a.sns-icon {
    width: 22px;
    height: 22px;
    margin-left: -16px
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S>span {
    padding-left: 0;
    margin-left: -16px
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S>span:after {
    width: .1vw;
    height: 1.2vw;
    top: 0.9vw;
    min-height: 10px
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S>span .breadcrumb-sns-icon-close {
    top: 1.8vw
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S>span .breadcrumb-sns-icon-close:before,.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_S>span .breadcrumb-sns-icon-close:after {
    width: 2vw;
    height: 0.2vw;
    top: -0.3vw;
    min-width: 14px;
    min-height: 2px
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_mobile_L_L {
    padding: 23px 28px 0px 28px;
    padding: 3.59375vw 4.375vw 0vw 4.375vw
}

.signature-content .breadcrumb.showroom .breadcrumb-sns-icons.view_tablet {
    padding: 20px 50px 0px 50px;
    padding: 1.25vw 3.125vw 0vw 3.125vw
}

.signature-content .img-seq .seq-visual {
    position: relative
}

.signature-content .img-seq .seq-visual img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.signature-content .img-seq .seq-visual img:first-child {
    position: relative
}

.signature-content .img-seq .seq-visual img.on {
    opacity: 1
}

.signature-content .brand-list-contents {
    width: 100%;
    overflow: hidden
}

.signature-content .brand-list-contents .keyvisual-block {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden
}

.signature-content .brand-list-contents .keyvisual-block.left,.signature-content .brand-list-contents .keyvisual-block.right {
    float: none
}

.signature-content .brand-list-contents .keyvisual-block .slick-next:before,.signature-content .brand-list-contents .keyvisual-block .slick-prev:before,.signature-content .brand-list-contents .keyvisual-block .icon-arrow-next:before,.signature-content .brand-list-contents .keyvisual-block .slick-next:before {
    display: none
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick {
    opacity: 0;
    -moz-transition: opacity 2.4s ease-out;
    -o-transition: opacity 2.4s ease-out;
    -webkit-transition: opacity 2.4s ease-out;
    transition: opacity 2.4s ease-out
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick.slick-initialized {
    opacity: 1
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .kv .img {
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .kv .kv-inner {
    width: 100%;
    height: 100%
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .kv:focus {
    outline: none
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list {
    -moz-transition: transform 0.3s linear;
    -o-transition: transform 0.3s linear;
    -webkit-transition: transform 0.3s linear;
    transition: transform 0.3s linear;
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
    overflow: visible
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-slide,.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-slide>div {
    width: 100%;
    height: 100%
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-slide {
    float: left;
    overflow: hidden;
    position: relative
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-slide.slick-next,.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-slide.slick-prev {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    margin-top: 0;
    left: 0
}

.signature-content .brand-list-contents .keyvisual-block .kv-slick .slick-list .slick-current .img {
    -moz-transform: translateX(0px);
    -o-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .keyvisual-block.left .slick-list,.signature-content .brand-list-contents .keyvisual-block.right .slick-list {
        -moz-transition:transform 0.3s linear;
        -o-transition: transform 0.3s linear;
        -webkit-transition: transform 0.3s linear;
        transition: transform 0.3s linear
    }

    .signature-content .brand-list-contents .keyvisual-block.left .kv .img,.signature-content .brand-list-contents .keyvisual-block.right .kv .img {
        -moz-transition: all 0.3s linear;
        -o-transition: all 0.3s linear;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear
    }

    .signature-content .brand-list-contents .keyvisual-block.left .slick-list {
        -moz-transform: translateX(140px);
        -o-transform: translateX(140px);
        -webkit-transform: translateX(140px);
        -ms-transform: translateX(140px);
        transform: translateX(140px)
    }

    .signature-content .brand-list-contents .keyvisual-block.left .slick-list .slick-current .img {
        -moz-transform: translateX(-70px);
        -o-transform: translateX(-70px);
        -webkit-transform: translateX(-70px);
        -ms-transform: translateX(-70px);
        transform: translateX(-70px)
    }

    .signature-content .brand-list-contents .keyvisual-block.right .slick-list {
        -moz-transform: translateX(-140px);
        -o-transform: translateX(-140px);
        -webkit-transform: translateX(-140px);
        -ms-transform: translateX(-140px);
        transform: translateX(-140px)
    }

    .signature-content .brand-list-contents .keyvisual-block.right .slick-list .slick-current .img {
        -moz-transform: translateX(70px);
        -o-transform: translateX(70px);
        -webkit-transform: translateX(70px);
        -ms-transform: translateX(70px);
        transform: translateX(70px)
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.001);
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow:hover {
        width:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-arrow {
        width:40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }
}

body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    box-sizing: content-box;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow:before {
        height:2px;
        height: .3125vw
    }
}

body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    box-sizing: content-box;
    top: 13px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow:after {
        width:12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        border-width: 2px;
        border-width: .3125vw;
        top: 13px;
        top: 2.03125vw
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev {
    left: 50px;
    transition-property: margin, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev {
        left:50px;
        left: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev {
        left:28px;
        left: 4.375vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev:hover {
        margin-left:-10px
    }
}

body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev:after {
    left: 1px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

body.touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-previous-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-prev {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-previous-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next {
    right: 50px;
    transition-property: margin, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next {
        right:50px;
        right: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next {
        right:28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next:hover {
        margin-right:-10px
    }
}

body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next:after {
    right: 1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-next-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .brand-list-contents .keyvisual-block .slick-arrow.slick-next {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-next-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .brand-list-contents .keyvisual-block .scroll-icon {
    position: absolute;
    right: 50px;
    bottom: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1440px) {
    .signature-content .brand-list-contents .keyvisual-block .scroll-icon {
        right:50px;
        right: 3.125vw;
        bottom: 50px;
        bottom: 3.125vw;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .scroll-icon {
        right:28px;
        right: 4.375vw;
        bottom: 40px;
        bottom: 6.25vw
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: 50px;
    z-index: 3
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots {
        bottom:50px;
        bottom: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots {
        bottom:38px;
        bottom: 5.9375vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots {
        bottom:5px;
        bottom: .78125vw;
        width: 100%;
        text-align: center
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    overflow: hidden;
    width: 46px;
    height: 46px;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots li {
        width:40px;
        height: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots li {
        width:60px;
        width: 9.375vw;
        height: 60px;
        height: 9.375vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .slick-dots li {
        position:relative;
        width: 36px;
        width: 5.625vw;
        height: 36px;
        height: 5.625vw
    }
}

.signature-content .brand-list-contents .keyvisual-block .slick-dots li.slick-active {
    opacity: 0
}

.signature-content .brand-list-contents .keyvisual-block .slick-dots li button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
    text-indent: 99999px
}

.signature-content .brand-list-contents .keyvisual-block .slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background: #fff
}

body.no-touch .signature-content .brand-list-contents .keyvisual-block .slick-dots li button:hover:before {
    width: 10px;
    height: 10px
}

.signature-content .brand-list-contents .keyvisual-block .indicator {
    position: absolute;
    left: 0;
    z-index: 4;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    bottom: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1440px) {
    .signature-content .brand-list-contents .keyvisual-block .indicator {
        bottom:50px;
        bottom: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .indicator {
        bottom:40px;
        bottom: 6.25vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .indicator {
        bottom:5px;
        bottom: .78125vw;
        width: 36px !important;
        height: 36px !important
    }
}

.signature-content .brand-list-contents .keyvisual-block .kv-text {
    width: 690px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text {
        width:690px;
        width: 43.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text {
        width:100%;
        box-sizing: border-box;
        padding: 0px 102px 0px 102px;
        padding: 0vw 15.9375vw 0vw 15.9375vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text {
        padding:0 51px
    }
}

.signature-content .brand-list-contents .keyvisual-block .kv-text .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 70px;
    line-height: 108.57143%;
    letter-spacing: -1.75px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        font-size:4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        font-size:70px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        line-height:111.11111%;
        letter-spacing: -1.35px;
        font-size: 8.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        font-size:27px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        font-size:54px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .title {
        font-size:35px
    }
}

.signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
    font-family: "Gotham Book";
    font-weight: normal;
    font-size: 24px;
    line-height: 137.5%;
    padding: 22px 0 53px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:1.5vw;
        padding: 22px 0px 53px 0px;
        padding: 1.375vw 0vw 3.3125vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 866.66667px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        line-height:137.5%;
        font-size: 3.75vw;
        padding: 44px 0px 52px 0px;
        padding: 6.875vw 0vw 8.125vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:24px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .brand-list-contents .keyvisual-block .kv-text .desc {
        font-size:14px;
        padding: 22px 0 26px 0
    }
}

.signature-content .brand-list-contents .keyvisual-block .kv-text .btn {
    padding: 0;
    background: none
}

.signature-content .brand-list-contents .keyvisual-block .kv-text.black {
    color: #000
}

.signature-content .brand-list-contents .kv-slick {
    width: 100%;
    height: 100%
}

.signature-content .brand-list-contents .kv-slick .slick-slide {
    z-index: 0
}

.signature-content .brand-list-contents .kv-slick .slick-current {
    z-index: 1
}

.signature-content .brand-list-contents .kv-slick .kv {
    float: left;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.signature-content .brand-list-contents .kv-slick .kv .kv-inner {
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -moz-transition: transform 5s ease-out;
    -o-transition: transform 5s ease-out;
    -webkit-transition: transform 5s ease-out;
    transition: transform 5s ease-out
}

.signature-content .brand-list-contents .kv-slick .kv .img {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0
}

.signature-content .brand-list-contents .kv-slick .kv .img:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: 2;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out
}

.signature-content .brand-list-contents .kv-slick.slick-initialized .slick-animating .kv-inner {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    -moz-transition: transform 5s ease-out;
    -o-transition: transform 5s ease-out;
    -webkit-transition: transform 5s ease-out;
    transition: transform 5s ease-out
}

.signature-content .brand-list-contents .kv-slick.slick-initialized .slick-animating .img:after {
    opacity: 0;
    -moz-transition: opacity 1.5s ease-out;
    -o-transition: opacity 1.5s ease-out;
    -webkit-transition: opacity 1.5s ease-out;
    transition: opacity 1.5s ease-out
}

.signature-content .brand-list-contents .kv-slick .slick-list,.signature-content .brand-list-contents .kv-slick .slick-track {
    height: 100%
}

.signature-content .brand-list-contents .brand-list {
    width: 100%
}

.signature-content .brand-list-contents .brand-list .tabs {
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs {
        overflow:hidden
    }
}

.signature-content .brand-list-contents .brand-list .tabs .underline {
    position: absolute;
    -moz-transition: width 0.2s,left 0.2s;
    -o-transition: width 0.2s,left 0.2s;
    -webkit-transition: width 0.2s,left 0.2s;
    transition: width 0.2s,left 0.2s;
    width: 100%;
    height: 8px;
    left: 0;
    bottom: 0;
    z-index: 2;
    background: #000
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs .underline {
        height:8px;
        height: .5vw;
        bottom: 0px;
        bottom: 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs .underline {
        height:8px;
        height: 1.25vw;
        bottom: 0px;
        bottom: 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs>div {
        position:relative;
        overflow-y: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        z-index: 3
    }

    body.no-touch .signature-content .brand-list-contents .brand-list .tabs>div {
        overflow: hidden
    }
}

.signature-content .brand-list-contents .brand-list .tabs>div:after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 8px;
    background: #eee
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs>div:after {
        height:8px;
        height: .5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs>div:after {
        height:8px;
        height: 1.25vw
    }
}

.signature-content .brand-list-contents .brand-list .tabs ul {
    position: relative;
    z-index: 2;
    width: 100%;
    padding: 163px 95px 0;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
    white-space: nowrap
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs ul {
        padding:163px 95px 0px 95px;
        padding: 10.1875vw 5.9375vw 0vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs ul {
        padding:175px 28px 0px 28px;
        padding: 27.34375vw 4.375vw 0vw 4.375vw;
        width: 100%
    }
}

.signature-content .brand-list-contents .brand-list .tabs ul li {
    position: relative;
    display: inline-block;
    line-height: 1;
    padding: 0 7px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li {
        padding:0px 7px 0px 7px;
        padding: 0vw .4375vw 0vw .4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li {
        padding:0px 4px 0px 4px;
        padding: 0vw .625vw 0vw .625vw
    }

    .signature-content .brand-list-contents .brand-list .tabs ul li:first-child {
        padding-left: 0
    }
}

.signature-content .brand-list-contents .brand-list .tabs ul li a {
    position: relative;
    display: block;
    font-family: "Gotham Bold";
    font-weight: normal;
    text-decoration: none;
    color: #ccc;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    font-size: 40px;
    padding: 0 20px 0 16px;
    line-height: 175%;
    letter-spacing: -1.25px
}

body.no-touch .signature-content .brand-list-contents .brand-list .tabs ul li a:focus,body.no-touch .signature-content .brand-list-contents .brand-list .tabs ul li a:hover {
    color: #000
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li a {
        font-size:2.5vw;
        padding: 0px 20px 0px 16px;
        padding: 0vw 1.25vw 0vw 1vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li a {
        font-size:5.625vw;
        padding: 0px 14px 0px 11px;
        padding: 0vw 2.1875vw 0vw 1.71875vw;
        line-height: 182%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li a {
        font-size:18px
    }
}

.signature-content .brand-list-contents .brand-list .tabs ul li .num {
    position: absolute;
    right: 23px;
    top: 10px;
    width: 0;
    white-space: nowrap;
    overflow: visible;
    text-align: left;
    opacity: 0;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    color: #ba8748;
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 175%;
    font-size: 16px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li .num {
        right:23px;
        right: 1.4375vw;
        top: 10px;
        top: .625vw;
        font-size: 1vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li .num {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li .num {
        right:15px;
        right: 2.34375vw;
        top: 5px;
        top: .78125vw;
        font-size: 2.8125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .tabs ul li .num {
        font-size:9px
    }
}

.signature-content .brand-list-contents .brand-list .tabs ul li.on a {
    color: #000
}

.signature-content .brand-list-contents .brand-list .tabs ul li.on .num {
    opacity: 1
}

.signature-content .brand-list-contents .brand-list .list {
    position: relative;
    width: 100%;
    width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 100px 80px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list {
        width:1600px;
        width: 100vw;
        padding: 100px 80px 0px 80px;
        padding: 6.25vw 5vw 0vw 5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list {
        width:640px;
        width: 100vw;
        padding: 80px 14px 0px 14px;
        padding: 12.5vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
    margin-top: 100px;
    -moz-transition: margin 1200ms ease 0ms;
    -o-transition: margin 1200ms ease 0ms;
    -webkit-transition: margin 1200ms ease 0ms;
    transition: margin 1200ms ease 0ms
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .title {
    margin-top: 150px;
    -moz-transition: margin 1200ms ease 0ms;
    -o-transition: margin 1200ms ease 0ms;
    -webkit-transition: margin 1200ms ease 0ms;
    transition: margin 1200ms ease 0ms
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1).on .txt .eyebrow {
    margin-top: 0
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1).on .txt .title {
    margin-top: 0
}

.signature-content .brand-list-contents .brand-list .list .article {
    position: relative;
    opacity: 0;
    -moz-transform: translateY(40px);
    -o-transform: translateY(40px);
    -webkit-transform: translateY(40px);
    -ms-transform: translateY(40px);
    transform: translateY(40px);
    -moz-transition: transform 500ms ease 100ms,opacity 1200ms ease 100ms;
    -o-transition: transform 500ms ease 100ms,opacity 1200ms ease 100ms;
    -webkit-transition: transform 500ms ease 100ms,opacity 1200ms ease 100ms;
    transition: transform 500ms ease 100ms,opacity 1200ms ease 100ms;
    text-align: left;
    float: left;
    width: 450px;
    margin: 0 15px 30px
}

.signature-content .brand-list-contents .brand-list .list .article.on {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .brand-list-contents .brand-list .list .article a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden
}

.signature-content .brand-list-contents .brand-list .list .article a .img {
    overflow: hidden
}

.signature-content .brand-list-contents .brand-list .list .article a .img img {
    width: 100%;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

body.no-touch .signature-content .brand-list-contents .brand-list .list .article a:hover .img img,body.no-touch .signature-content .brand-list-contents .brand-list .list .article a:focus .img img {
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article {
        width:450px;
        width: 28.125vw;
        margin: 0px 15px 30px 15px;
        margin: 0vw .9375vw 1.875vw .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article {
        width:278px;
        width: 43.4375vw;
        margin: 0px 14px 28px 14px;
        margin: 0vw 2.1875vw 4.375vw 2.1875vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article .img {
    font-size: 0;
    line-height: 0
}

.signature-content .brand-list-contents .brand-list .list .article .img img {
    width: 100%
}

.signature-content .brand-list-contents .brand-list .list .article .txt {
    font-family: "Gotham Medium";
    font-weight: normal;
    padding: 20px 20px 85px 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt {
        padding:20px 20px 85px 20px;
        padding: 1.25vw 1.25vw 5.3125vw 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt {
        padding:23px 20px 65px 20px;
        padding: 3.59375vw 3.125vw 10.15625vw 3.125vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article .txt .eyebrow {
    font-size: 13px;
    line-height: 230.76923%;
    letter-spacing: -.35px;
    color: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .eyebrow {
        font-size:.8125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1353.84615px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .eyebrow {
        font-size:11px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .eyebrow {
        font-size:3.125vw;
        line-height: 140%;
        letter-spacing: -.5px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .eyebrow {
        font-size:10px
    }
}

.signature-content .brand-list-contents .brand-list .list .article .txt .title {
    font-size: 18px;
    padding: 5px 0 0 0;
    line-height: 138.88889%;
    color: #000
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .title {
        font-size:1.125vw;
        padding-top: 5px;
        padding-top: .3125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .title {
        font-size:13px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .title {
        font-size:3.4375vw;
        line-height: 136.36364%;
        padding-top: 7px;
        padding-top: 1.09375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .list .article .txt .title {
        font-size:11px
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) {
    width: 1410px;
    margin-bottom: 120px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) {
        width:1410px;
        width: 88.125vw;
        margin-bottom: 120px;
        margin-bottom: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) {
        width:584px;
        width: 91.25vw;
        margin-bottom: 28px;
        margin-bottom: 4.375vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .img {
    width: 930px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .img {
        width:930px;
        width: 58.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .img {
        width:584px;
        width: 91.25vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt {
    width: 670px;
    left: 745px;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt {
        width:670px;
        width: 41.875vw;
        left: 745px;
        left: 46.5625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt {
        position:relative;
        left: auto;
        top: auto;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        width: 544px;
        width: 85vw;
        padding: 0px 20px 84px 20px;
        padding: 0vw 3.125vw 13.125vw 3.125vw;
        margin-top: -62px;
        margin-top: -9.6875vw
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
        font-size:1.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1120px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
        font-size:3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .eyebrow {
        font-size:10px
    }
}

.signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .title {
    font-size: 66px;
    padding: 7px 0 0 0;
    line-height: 113.63636%;
    font-family: "Gotham Bold";
    font-weight: normal;
    letter-spacing: -1.65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .title {
        font-size:4.125vw;
        padding-top: 7px;
        padding-top: .4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .title {
        font-size:9.375vw;
        line-height: 110%;
        padding-top: 7px;
        padding-top: 1.09375vw;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt .title {
        font-size:30px
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(3n-1) {
        clear:both
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(2n) {
        clear:both
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .article:nth-child(1) .txt:after {
        content:"";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 40%;
        opacity: 0.4;
        z-index: -1;
        background: rgba(255,255,255,0);
        background: -webkit-linear-gradient(top, rgba(255,255,255,0), #fff);
        background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='#fff')
    }
}

.signature-content .brand-list-contents .brand-list .list .read-more {
    clear: both;
    margin-bottom: 120px;
    padding-top: 11px;
    box-sizing: content-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list .read-more {
        margin-bottom:120px;
        margin-bottom: 7.5vw;
        padding-top: 11px;
        padding-top: .6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list .read-more {
        margin-bottom:113px;
        margin-bottom: 17.65625vw;
        padding-top: 20px;
        padding-top: 3.125vw
    }
}

.signature-content .brand-list-contents .brand-list .list.latest .article {
    text-align: left
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article {
        width:330px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article {
        width:330px;
        width: 20.625vw
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(1) {
        width:1410px;
        margin-bottom: 111px
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(1) {
        width:1410px;
        width: 88.125vw;
        margin-bottom: 111px;
        margin-bottom: 6.9375vw
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(1) .img {
        width:100%
    }

    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(1) .txt {
        position: relative;
        left: auto;
        top: auto;
        margin-left: 745px;
        margin-top: -75px;
        text-align: left;
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(1) .txt {
        margin-left:745px;
        margin-left: 46.5625vw;
        margin-top: -75px;
        margin-top: -4.6875vw
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(3n-1) {
        clear:none
    }

    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(7n-5),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(7n-1) {
        clear: both
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(2n) {
        clear:none
    }

    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-12),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-10),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-8),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-5),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-3),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n) {
        clear: both
    }
}

.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) {
    width: 690px;
    margin-bottom: 114px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) {
        width:690px;
        width: 43.125vw;
        margin-bottom: 114px;
        margin-bottom: 7.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6),.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) {
        width:584px;
        width: 91.25vw;
        margin-bottom: 100px;
        margin-bottom: 15.625vw
    }
}

.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 20px 32px 20px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt {
        padding:20px 20px 32px 20px;
        padding: 1.25vw 1.25vw 2vw 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt {
        padding:20px 20px 23px 20px;
        padding: 3.125vw 3.125vw 3.59375vw 3.125vw
    }
}

.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt .eyebrow,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt .eyebrow {
    position: relative;
    z-index: 2
}

.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt .title,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt .title {
    position: relative;
    z-index: 2;
    color: #fff
}

.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-6) .txt:after,.signature-content .brand-list-contents .brand-list .list.latest .article:nth-child(14n-1) .txt:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    opacity: 0.7;
    z-index: 1;
    background: rgba(0,0,0,0);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0), #000);
    background: linear-gradient(to bottom, rgba(0,0,0,0), #000);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='#000')
}

.signature-content .brand-list-contents .state-block {
    clear: both;
    width: 100%;
    margin-top: -10px
}

.signature-content .brand-list-contents .state-block .slick-slide>div {
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block {
        margin-top:-10px;
        margin-top: -.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block {
        margin-top:-12px;
        margin-top: -1.875vw
    }

    .signature-content .brand-list-contents .state-block .slick-list,.signature-content .brand-list-contents .state-block .slick-track {
        position: relative;
        height: 100%
    }
}

.signature-content .brand-list-contents .state-block>.title {
    width: 100%;
    text-align: center;
    color: #ba8748;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 28px;
    padding-bottom: 19px;
    line-height: 175%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block>.title {
        font-size:1.75vw;
        padding-bottom: 19px;
        padding-bottom: 1.1875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1028.57143px) {
    .signature-content .brand-list-contents .state-block>.title {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-list-contents .state-block>.title {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block>.title {
        font-size:4.375vw;
        padding-bottom: 17px;
        padding-bottom: 2.65625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-list-contents .state-block>.title {
        font-size:14px
    }
}

.signature-content .brand-list-contents .state-block .list {
    position: relative;
    width: 100%
}

.signature-content .brand-list-contents .state-block ul {
    width: 100%;
    height: 390px;
    background: #000
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block ul {
        height:390px;
        height: 24.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block ul {
        width:100%;
        height: 312px;
        height: 48.75vw
    }
}

.signature-content .brand-list-contents .state-block ul li {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    width: 33.3333%;
    height: 100%;
    text-align: center
}

.signature-content .brand-list-contents .state-block ul li.list-1 {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-newyork.jpg") no-repeat 50% 50%;
    background-size: cover
}

.signature-content .brand-list-contents .state-block ul li.list-2 {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-sydney.jpg") no-repeat 50% 50%;
    background-size: cover
}

.signature-content .brand-list-contents .state-block ul li.list-3 {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-london.jpg") no-repeat 50% 50%;
    background-size: cover
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block ul li {
        width:100%
    }

    .signature-content .brand-list-contents .state-block ul li.list-1 {
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-newyork-m.jpg") no-repeat 50% 50%;
        background-size: cover
    }

    .signature-content .brand-list-contents .state-block ul li.list-2 {
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-sydney-m.jpg") no-repeat 50% 50%;
        background-size: cover
    }

    .signature-content .brand-list-contents .state-block ul li.list-3 {
        background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/list/state-london-m.jpg") no-repeat 50% 50%;
        background-size: cover
    }
}

.signature-content .brand-list-contents .state-block ul li .txt {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .brand-list-contents .state-block ul li .txt .title {
    display: block;
    font-size: 0;
    line-height: 0
}

.signature-content .brand-list-contents .state-block ul li .txt .title img {
    height: 22px;
    width: auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block ul li .txt .title img {
        height:22px;
        height: 1.375vw;
        min-height: 14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block ul li .txt .title img {
        height:26px;
        height: 4.0625vw
    }
}

.signature-content .brand-list-contents .state-block ul li .txt .btn-explore {
    margin: 0 auto;
    display: block;
    margin-top: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block ul li .txt .btn-explore {
        margin-top:20px;
        margin-top: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block ul li .txt .btn-explore {
        margin-top:20px;
        margin-top: 3.125vw
    }
}

.signature-content .brand-list-contents .state-block .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.001);
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow:hover {
        width:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block .slick-arrow {
        width:40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }
}

body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow:before {
        height:2px;
        height: .3125vw
    }
}

body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow:after {
        width:12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        border-width: 2px;
        border-width: .3125vw;
        top: 13px;
        top: 2.03125vw
    }
}

.signature-content .brand-list-contents .state-block .slick-arrow.slick-prev {
    left: 50px;
    transition-property: margin, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev {
        left:50px;
        left: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev {
        left:28px;
        left: 4.375vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev:hover {
        margin-left:-10px
    }
}

body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev:after {
    left: 1px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

body.touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-previous-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-prev {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-previous-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .brand-list-contents .state-block .slick-arrow.slick-next {
    right: 50px;
    transition-property: margin, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-list-contents .state-block .slick-arrow.slick-next {
        right:50px;
        right: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-list-contents .state-block .slick-arrow.slick-next {
        right:28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-next:hover {
        margin-right:-10px
    }
}

body.no-touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-next:after {
    right: 1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-next {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-next-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .brand-list-contents .state-block .slick-arrow.slick-next {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-kv-next-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .brand-list-contents .state-block ul.slick-dots {
    position: absolute;
    width: 100%;
    z-index: 3;
    text-align: center;
    font-size: 0;
    height: auto;
    background: transparent;
    bottom: 40px;
    bottom: 6.25vw
}

@media screen and (orientation: landscape) {
    .signature-content .brand-list-contents .state-block ul.slick-dots {
        bottom:15px;
        bottom: 2.34375vw
    }
}

.signature-content .brand-list-contents .state-block ul.slick-dots li {
    float: none;
    display: inline-block;
    width: 30px;
    width: 4.6875vw;
    height: 30px;
    height: 4.6875vw;
    margin: 0px 4px 0px 4px;
    margin: 0vw .625vw 0vw .625vw
}

.signature-content .brand-list-contents .state-block ul.slick-dots li button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    border-radius: 50%;
    background: transparent
}

.signature-content .brand-list-contents .state-block ul.slick-dots li button:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    width: 1.25vw;
    height: 8px;
    height: 1.25vw;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff
}

.signature-content .brand-list-contents .state-block ul.slick-dots li.slick-active button {
    border: 1px solid #fff
}

.signature-content .influencer {
    max-width: 1600px;
    margin: 0 auto;
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .influencer {
        padding:0 24px;
        width: auto
    }
}

.signature-content .influencer .slick-list,.signature-content .influencer .slick-track {
    height: 100%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slick-list,.signature-content .influencer .slick-track {
        z-index:2
    }
}

.signature-content .influencer .influencer-title {
    position: relative;
    text-align: center
}

.signature-content .influencer .influencer-title:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    transform: translate(-50%, 0);
    left: 50%;
    width: 60px;
    height: 4px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .influencer-title:after {
        width:60px;
        width: 3.75vw;
        height: 4px;
        height: .25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .influencer-title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .influencer .influencer-title span {
    display: block;
    font-size: 24px;
    line-height: 1;
    font-family: "Gotham Bold";
    font-weight: normal;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 5px;
    letter-spacing: -.6px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .influencer-title span {
        font-size:1.5vw;
        padding-top: 30px;
        padding-top: 1.875vw;
        padding-bottom: 5px;
        padding-bottom: .3125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 800px) {
    .signature-content .influencer .influencer-title span {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .influencer-title span {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .influencer-title span {
        font-size:4.375vw;
        line-height: 72.91667%;
        padding-top: 40px;
        padding-top: 6.25vw;
        padding-bottom: 10px;
        padding-bottom: 1.5625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .influencer-title span {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .influencer-title span {
        font-size:28px
    }
}

.signature-content .influencer .influencer-title h2 {
    margin: 0;
    font-family: "Gotham Bold";
    font-weight: normal;
    color: #ba8748;
    font-size: 42px;
    line-height: 109.52381%;
    padding-bottom: 18px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .influencer-title h2 {
        font-size:2.625vw;
        padding-bottom: 18px;
        padding-bottom: 1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .influencer-title h2 {
        font-size:42px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .influencer-title h2 {
        font-size:6.5625vw;
        line-height: 109.52381%;
        padding-bottom: 0
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .influencer-title h2 {
        font-size:21px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .influencer-title h2 {
        font-size:42px
    }
}

.signature-content .influencer .influencer-title p {
    margin: 0;
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #333;
    font-size: 18px;
    line-height: 138.88889%;
    padding-bottom: 75px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .influencer-title p {
        font-size:1.125vw;
        padding-bottom: 75px;
        padding-bottom: 4.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .influencer .influencer-title p {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .influencer-title p {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .influencer-title p {
        font-size:3.4375vw;
        line-height: 136.36364%;
        padding-top: 30px;
        padding-top: 4.6875vw;
        padding-bottom: 50px;
        padding-bottom: 7.8125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .influencer-title p {
        font-size:11px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .influencer-title p {
        font-size:22px
    }
}

.signature-content .influencer .main-image-box {
    width: 100%;
    height: 100%;
    position: relative
}

.signature-content .influencer .main-image-box .slide-block {
    position: relative;
    display: none;
    width: 100%;
    height: 100%
}

.signature-content .influencer .main-image-box .slide-block.active {
    display: block;
    position: relative
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .slide-block {
        display:block;
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden
    }
}

.signature-content .influencer .main-image-box .box-wrap {
    position: relative;
    width: 100%;
    height: 100%
}

.signature-content .influencer .main-image-box .influ-image-slider {
    position: relative;
    width: 575px;
    height: 720px;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-image-slider {
        width:575px;
        width: 35.9375vw;
        height: 720px;
        height: 45vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-image-slider {
        width:100%;
        height: auto
    }
}

.signature-content .influencer .main-image-box .influ-image-slider .slide-block {
    width: 575px;
    height: 720px;
    overflow: hidden;
    position: absolute
}

.signature-content .influencer .main-image-box .influ-image-slider .slide-block.active {
    position: absolute
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-image-slider .slide-block {
        width:575px;
        width: 35.9375vw;
        height: 720px;
        height: 45vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-image-slider .slide-block {
        position:static;
        display: block;
        float: left;
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .signature-content .influencer .main-image-box .influ-image-slider .slide-block.active {
        position: static
    }
}

.signature-content .influencer .main-image-box .img-wrap {
    overflow: hidden
}

.signature-content .influencer .main-image-box img {
    width: 100%;
    display: block;
    transform: scale(1);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .influencer .main-image-box img:hover,.signature-content .influencer .main-image-box img:focus {
    transform: scale(1.05)
}

.signature-content .influencer .main-image-box .influ-text-slider {
    position: absolute;
    width: 450px;
    height: 480px;
    box-sizing: border-box;
    background: #fff;
    left: 455px;
    z-index: 2;
    top: 50%;
    transform: translate(0, -50%);
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-text-slider {
        width:450px;
        width: 28.125vw;
        height: 480px;
        height: 30vw;
        left: 455px;
        left: 28.4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider {
        position:relative;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        height: auto;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        font-size: 3.4375vw;
        line-height: 136.36364%;
        margin-top: -120px;
        margin-top: -18.75vw;
        padding: 40px 46px 40px 46px;
        padding: 6.25vw 7.1875vw 6.25vw 7.1875vw;
        width: 504px;
        width: 78.75vw;
        margin-bottom: 80px;
        margin-bottom: 12.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .main-image-box .influ-text-slider {
        font-size:11px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .main-image-box .influ-text-slider {
        font-size:22px
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}

.signature-content .influencer .main-image-box .influ-text-slider .slide-block {
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
    transition-duration: 0.6s;
    transition-property: opacity;
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    z-index: -1
}

.signature-content .influencer .main-image-box .influ-text-slider .slide-block.slick-active,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.active {
    opacity: 1;
    transition-delay: 0.5s;
    transition-property: top, opacity;
    z-index: 2
}

.signature-content .influencer .main-image-box .influ-text-slider .slide-block.slick-active .text-block>span,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.slick-active .text-block h3,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.slick-active .text-block p,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.slick-active .text-block .btn,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.active .text-block>span,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.active .text-block h3,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.active .text-block p,.signature-content .influencer .main-image-box .influ-text-slider .slide-block.active .text-block .btn {
    position: relative;
    opacity: 1;
    top: 0
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .slide-block {
        overflow:visible;
        position: relative;
        width: auto !important;
        display: block !important;
        padding-bottom: 20px;
        padding-bottom: 3.125vw
    }

    .signature-content .influencer .main-image-box .influ-text-slider .slide-block.active {
        transition-delay: 0.1s
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 0px 60px;
    text-align: left
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block {
        padding:0px 60px 0px 60px;
        padding: 0vw 3.75vw 0vw 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block {
        position:static;
        transform: translate(0, 0);
        padding: 0;
        text-align: center
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
    color: #ba8748;
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 18px;
    letter-spacing: -.45px;
    padding-bottom: 12px;
    display: block;
    transition-delay: 0.5s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        font-size:1.125vw;
        padding-bottom: 12px;
        padding-bottom: .75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        transition-delay:0.2s;
        font-size: 3.4375vw;
        line-height: 136.36364%;
        padding-bottom: 10px;
        padding-bottom: 1.5625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        font-size:11px
    }
}

@media screen and (max-width: 767px) and (min-width: 698.18182px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block>span {
        font-size:24px
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
    font-family: "Gotham Bold";
    font-weight: normal;
    margin: 0 0 27px;
    font-size: 60px;
    letter-spacing: -1.6px;
    line-height: 106.66667%;
    transition-delay: 0.6s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
        font-size:3.75vw;
        margin-bottom: 27px;
        margin-bottom: 1.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
        font-size:60px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
        transition-delay:0.3s;
        margin-bottom: 0;
        font-size: 7.5vw;
        line-height: 108.33333%;
        letter-spacing: -1.2px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
        font-size:24px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block h3 {
        font-size:48px
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block p {
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #333;
    margin: 0 0 52px;
    font-size: 20px;
    letter-spacing: -.5px;
    line-height: 140%;
    transition-delay: 0.7s
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        font-size:1.25vw;
        margin-bottom: 52px;
        margin-bottom: 3.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 880px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        font-size:11px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        font-size:20px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        transition-delay:0.4s;
        margin-bottom: 0;
        font-size: 3.75vw;
        line-height: 133.33333%;
        letter-spacing: -.6px;
        padding: 30px 0px 30px 0px;
        padding: 4.6875vw 0vw 4.6875vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block p {
        font-size:24px
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block .btn {
    transition-delay: 0.8s;
    transition-timing-function: ease
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .influ-text-slider .text-block .btn {
        transition-delay:0.5s;
        transition-timing-function: ease
    }
}

.signature-content .influencer .main-image-box .influ-text-slider .text-block>span,.signature-content .influencer .main-image-box .influ-text-slider .text-block h3,.signature-content .influencer .main-image-box .influ-text-slider .text-block p,.signature-content .influencer .main-image-box .influ-text-slider .text-block .btn {
    position: relative;
    opacity: 0;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s;
    transition-property: top, opacity;
    top: 30px
}

.signature-content .influencer .main-image-box .text-bg-m {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .main-image-box .text-bg-m {
        position:absolute;
        box-sizing: border-box;
        width: 504px;
        width: 78.75vw;
        left: 0;
        height: 100%;
        top: 0;
        background: #fff;
        display: block;
        z-index: 1
    }
}

.signature-content .influencer .thumbnail-block {
    width: 640px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 2;
    right: 0;
    margin-top: 40px;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block {
        width:640px;
        width: 40vw;
        margin-top: 40px;
        margin-top: 2.5vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-list-1 {
    float: left;
    width: 305px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-list-1 {
        width:305px;
        width: 19.0625vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-list-2 {
    float: right;
    width: 305px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-list-2 {
        width:305px;
        width: 19.0625vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-box {
    position: relative
}

.signature-content .influencer .thumbnail-block .thumbnail-box .image-box {
    width: 305px;
    height: 382px;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box .image-box {
        width:305px;
        width: 19.0625vw;
        height: 382px;
        height: 23.875vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-box .image-box .image {
    position: absolute;
    width: 100%;
    height: 100%;
    display: none
}

.signature-content .influencer .thumbnail-block .thumbnail-box .image-box .image.active {
    display: block
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box {
    position: relative
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text {
    position: absolute;
    width: 305px;
    height: auto;
    box-sizing: border-box;
    transition-property: top, opacity;
    top: 0;
    text-align: left;
    overflow: hidden;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text {
        width:305px;
        width: 19.0625vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text span,.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text .name {
    position: relative;
    top: 0px;
    opacity: 0;
    transition-property: top, opacity;
    -moz-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    -webkit-transition-duration: 0.7s;
    transition-duration: 0.7s
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.clear span,.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.clear .name {
    opacity: 0
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.active {
    z-index: 2
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.active span,.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.active .name {
    opacity: 1;
    top: 0px !important
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.active span {
    transition-delay: 0.8s
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text.active .name {
    transition-delay: 0.9s
}

.signature-content .influencer .thumbnail-block .thumbnail-box .text-box .text:first-child {
    position: relative
}

.signature-content .influencer .thumbnail-block .thumbnail-box .image {
    overflow: hidden
}

.signature-content .influencer .thumbnail-block .thumbnail-box a {
    text-decoration: none;
    display: block
}

.signature-content .influencer .thumbnail-block .thumbnail-box a .text {
    padding: 13px 20px 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text {
        padding:13px 20px 20px 13px;
        padding: .8125vw 1.25vw 1.25vw .8125vw
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-box a .text span {
    font-size: 13px;
    color: #ba8748;
    font-family: "Gotham Medium";
    font-weight: normal;
    margin-bottom: 9px;
    display: block
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text span {
        font-size:.8125vw;
        margin-bottom: 9px;
        margin-bottom: .5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1353.84615px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text span {
        font-size:11px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text span {
        font-size:13px
    }
}

.signature-content .influencer .thumbnail-block .thumbnail-box a .text .name {
    color: #000;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 24px;
    letter-spacing: -.6px;
    line-height: 108.33333%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text .name {
        font-size:1.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1000px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text .name {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .influencer .thumbnail-block .thumbnail-box a .text .name {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .thumbnail-block {
        display:none
    }
}

.signature-content .influencer .slide-nav-web {
    margin-top: 60px;
    margin-bottom: 125px;
    text-align: center;
    font-size: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .slide-nav-web {
        margin-top:60px;
        margin-top: 3.75vw;
        margin-bottom: 125px;
        margin-bottom: 7.8125vw
    }
}

.signature-content .influencer .slide-nav-web a {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition-property: border;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-nav-web a {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .influencer .slide-nav-web a:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #000
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-nav-web a:after {
        width:8px;
        width: 1.25vw;
        height: 8px;
        height: 1.25vw
    }
}

.signature-content .influencer .slide-nav-web a.on {
    border: 1px solid #000
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-nav-web {
        position:absolute;
        left: -99999px
    }
}

.signature-content .influencer .slide-arrow {
    position: absolute;
    top: 80px;
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.001);
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0
}

.signature-content .influencer .slide-arrow a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 2;
    top: auto;
    margin-top: 0;
    left: 0
}

.signature-content .influencer .slide-arrow a:after,.signature-content .influencer .slide-arrow a:before {
    content: '' !important
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .influencer .slide-arrow:hover {
        width:50px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .influencer .slide-arrow {
        top:80px;
        top: 5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1280px) {
    .signature-content .influencer .slide-arrow {
        top:40px;
        top: 2.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1080px) {
    .signature-content .influencer .slide-arrow {
        top:20px;
        top: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-arrow {
        margin-top:120px;
        margin-top: 18.75vw
    }
}

body.no-touch .signature-content .influencer .slide-arrow:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .influencer .slide-arrow:before {
        height:2px;
        height: .125vw
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .influencer .slide-arrow:before {
        height:2px;
        height: .3125vw
    }
}

body.no-touch .signature-content .influencer .slide-arrow:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    z-index: 1
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .influencer .slide-arrow:after {
        top:13px;
        top: 2.03125vw;
        width: 12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        border-width: 2px;
        border-width: .3125vw
    }
}

.signature-content .influencer .slide-arrow.slide-prev {
    right: 150px;
    transition-property: right, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

.signature-content .influencer .slide-arrow.slide-prev:after,.signature-content .influencer .slide-arrow.slide-prev:before {
    box-sizing: content-box
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-arrow.slide-prev {
        bottom:120px;
        bottom: 18.75vw;
        top: auto;
        left: 0;
        right: auto;
        width: 40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }

    .signature-content .influencer .slide-arrow.slide-prev a {
        display: block;
        font-size: 0;
        width: 40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-arrow.slide-prev {
        transition-property:left, width
    }
}

body.no-touch .signature-content .influencer .slide-arrow.slide-prev:hover {
    right: 150px;
    width: 50px
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .influencer .slide-arrow.slide-prev:hover {
        width:50px;
        width: 7.8125vw;
        left: -10px;
        left: -1.5625vw
    }
}

body.no-touch .signature-content .influencer .slide-arrow.slide-prev:after {
    left: 1px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

body.touch .signature-content .influencer .slide-arrow.slide-prev {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/gallery-arrow-left-black-w-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .influencer .slide-arrow.slide-prev {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/gallery-arrow-left-black-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .influencer .slide-arrow.slide-next {
    right: 30px;
    transition-property: right, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

.signature-content .influencer .slide-arrow.slide-next:after,.signature-content .influencer .slide-arrow.slide-next:before {
    box-sizing: content-box
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slide-arrow.slide-next {
        bottom:120px;
        bottom: 18.75vw;
        top: auto;
        left: auto;
        right: 0;
        width: 40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }

    .signature-content .influencer .slide-arrow.slide-next a {
        display: block;
        font-size: 0;
        width: 40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }
}

body.no-touch .signature-content .influencer .slide-arrow.slide-next:hover {
    right: 20px;
    width: 50px
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .influencer .slide-arrow.slide-next:hover {
        width:50px;
        width: 7.8125vw;
        right: -10px;
        right: -1.5625vw
    }
}

body.no-touch .signature-content .influencer .slide-arrow.slide-next:after {
    right: 1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.touch .signature-content .influencer .slide-arrow.slide-next {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/gallery-arrow-right-black-w-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .influencer .slide-arrow.slide-next {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/gallery-arrow-right-black-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slick-dots {
        position:relative;
        margin: 0;
        padding: 0;
        text-align: center;
        z-index: 5
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .signature-content .influencer .slick-dots {
        margin-top:120px;
        margin-top: 18.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slick-dots button {
        border:0;
        background: none;
        font-size: 0;
        outline: 0;
        width: 100%;
        height: 100%;
        cursor: pointer
    }

    .signature-content .influencer .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid transparent;
        border-radius: 50%;
        transition-property: border;
        -moz-transition-duration: 0.25s;
        -o-transition-duration: 0.25s;
        -webkit-transition-duration: 0.25s;
        transition-duration: 0.25s;
        -moz-transition-timing-function: "ease-out";
        -o-transition-timing-function: "ease-out";
        -webkit-transition-timing-function: "ease-out";
        transition-timing-function: "ease-out"
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .signature-content .influencer .slick-dots li {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slick-dots li:after {
        content:"";
        display: block;
        position: absolute;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 4px;
        height: 4px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        background-color: #000
    }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
    .signature-content .influencer .slick-dots li:after {
        width:8px;
        width: 1.25vw;
        height: 8px;
        height: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .influencer .slick-dots li.slick-active {
        border:1px solid #000
    }
}

.signature-content .influencer.ready {
    opacity: 0;
    -moz-transition: all 1200ms ease 100ms;
    -o-transition: all 1200ms ease 100ms;
    -webkit-transition: all 1200ms ease 100ms;
    transition: all 1200ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .influencer.ready.on {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .influencer .btn {
    padding: 0;
    background: none
}

.signature-content .sns-block {
    text-align: center;
    padding: 80px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .sns-block {
        padding:60px 0px 60px 0px;
        padding: 3.75vw 0vw 3.75vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .sns-block {
        padding:40px 28px 60px 28px;
        padding: 6.25vw 4.375vw 9.375vw 4.375vw
    }
}

.signature-content .sns-block .title {
    font-family: "LG Smart",Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 192.30769%;
    color: #000000;
    font-family: "Gotham Bold";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .sns-block .title {
        font-size:1.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1230.76923px) {
    .signature-content .sns-block .title {
        font-size:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .sns-block .title {
        font-size:26px
    }
}

.signature-content .sns-block .description {
    font-family: "LG Smart",Tahoma,Arial,sans-serif;
    font-size: 17px;
    color: #777777;
    margin: 4px 0 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .sns-block .description {
        font-size:1.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1411.76471px) {
    .signature-content .sns-block .description {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .sns-block .description {
        font-size:17px
    }
}

.signature-content .sns-block .sns-block {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .sns-block .sns-block {
        display:block
    }
}

.signature-content .sns-block .sns-icons {
    font-size: 0
}

@media screen and (max-width: 767px) {
    .signature-content .sns-block .sns-icons {
        position:relative
    }
}

.signature-content .sns-block .sns-icons>div {
    display: inline-block;
    padding: 0 53px
}

@media screen and (max-width: 1024px) {
    .signature-content .sns-block .sns-icons>div {
        padding:0 30px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .sns-block .sns-icons>div {
        display:block
    }
}

.signature-content .sns-block .sig-sns-nav {
    display: none;
    margin-top: 50px;
    margin-top: 7.8125vw
}

@media screen and (max-width: 767px) {
    .signature-content .sns-block .sig-sns-nav {
        display:block;
        line-height: 1;
        font-size: 0
    }
}

.signature-content .sns-block .nav-wrap {
    display: inline-block;
    width: auto;
    vertical-align: top
}

.signature-content .sns-block .nav-wrap .slick-dots {
    position: relative;
    bottom: 0
}

.signature-content .sns-block .nav-wrap .slick-dots li {
    width: 18px;
    margin: 0 5px;
    position: relative;
    display: inline-block;
    height: 18px;
    padding: 0
}

.signature-content .sns-block .nav-wrap .slick-dots button {
    background: #777777;
    border-radius: 50%;
    overflow: hidden
}

.signature-content .sns-block .nav-wrap .slick-dots .slick-active button {
    background: #ba8746
}

.signature-content .sns-block .controler {
    vertical-align: top;
    display: inline-block;
    border: 0;
    width: 18px;
    height: 18px;
    margin: 0 5px
}

.signature-content .sns-block .controler.stop {
    background: url(/content/dam/lge/se/migration/lg-signature/resource/images/common/hero-dot-pause.png) center no-repeat
}

.signature-content .sns-block .controler.play {
    background: url(/content/dam/lge/se/migration/lg-signature/resource/images/common/hero-dot-play.png) center no-repeat
}

.signature-content .sig-contact.m15.contact {
    padding: 0 1%;
    padding-top: 64px;
    padding-bottom: 85px
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact {
        padding-top:44px;
        padding-bottom: 60px
    }
}

.signature-content .sig-contact.m15.contact .container-head {
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
    margin-bottom: 55px
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact .container-head {
        padding:0 20px;
        margin-bottom: 19px;
        max-width: 560px
    }
}

.signature-content .sig-contact.m15.contact .container-head h2 {
    font-size: 32px;
    line-height: 34px;
    font-family: "LG Smart",Tahoma,Arial,sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    letter-spacing: 1px
}

@media screen and (max-width: 1280px) {
    .signature-content .sig-contact.m15.contact .container-head h2 {
        font-size:28px;
        line-height: 30px
    }
}

@media screen and (max-width: 900px) {
    .signature-content .sig-contact.m15.contact .container-head h2 {
        font-size:24px;
        line-height: 26px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact .container-head h2 {
        font-size:24px;
        line-height: 28px
    }
}

.signature-content .sig-contact.m15.contact .container-head p {
    color: #ccc;
    font-size: 20px;
    line-height: 26px;
    padding-top: 9px;
    font-family: "LG Smart",Tahoma,Arial,sans-serif
}

@media screen and (max-width: 1280px) {
    .signature-content .sig-contact.m15.contact .container-head p {
        font-size:18px;
        line-height: 24px
    }
}

@media screen and (max-width: 900px) {
    .signature-content .sig-contact.m15.contact .container-head p {
        font-size:16px;
        line-height: 20px;
        padding-top: 5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact .container-head p {
        font-size:16px;
        line-height: 20px;
        padding-top: 10px
    }
}

.signature-content .sig-contact.m15.contact .carousel {
    max-width: 1240px;
    display: block
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact .carousel {
        display:none
    }
}

.signature-content .sig-contact.m15.contact .carousel .slide {
    display: inline-block;
    vertical-align: top;
    min-width: 200px;
    width: 32%
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact .carousel .slide {
        width:100%;
        display: block;
        border-bottom: 1px solid #fff
    }
}

.signature-content .sig-contact.m15.contact .carousel .slide .icon-block {
    margin-bottom: 6px
}

.signature-content .sig-contact.m15.contact .carousel .slide .content-block h4 {
    font-size: 22px;
    line-height: 24px;
    font-family: "LG Smart",Tahoma,Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 10px
}

@media screen and (max-width: 1280px) {
    .signature-content .sig-contact.m15.contact .carousel .slide .content-block h4 {
        font-size:20px;
        line-height: 22px
    }
}

@media screen and (max-width: 900px) {
    .signature-content .sig-contact.m15.contact .carousel .slide .content-block h4 {
        font-size:18px;
        line-height: 20px
    }
}

.signature-content .sig-contact.m15.contact .carousel .slide .content-block p {
    margin-left: auto;
    margin-right: auto;
    font-size: 16px;
    line-height: 22px;
    max-width: 240px;
    font-family: "LG Smart Light",Tahoma,Arial,sans-serif
}

@media screen and (max-width: 1280px) {
    .signature-content .sig-contact.m15.contact .carousel .slide .content-block p {
        font-size:16px;
        line-height: 22px
    }
}

@media screen and (max-width: 900px) {
    .signature-content .sig-contact.m15.contact .carousel .slide .content-block p {
        font-size:15px;
        line-height: 20px
    }
}

.signature-content .sig-contact.m15.contact>ul {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .sig-contact.m15.contact>ul {
        display:block;
        width: 100%;
        padding: 0
    }
}

.signature-content .sig-contact.m15.contact>ul li {
    list-style: none;
    margin-top: 35px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #fff
}

.signature-content .sig-contact.m15.contact>ul li:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
}

.signature-content .sig-contact.m15.contact>ul li .icon-block {
    margin-bottom: 4px
}

.signature-content .sig-contact.m15.contact>ul li h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 6px;
    padding: 0 20px;
    font-weight: 700;
    max-width: 100%;
    font-family: "LG Smart",Tahoma,Arial,sans-serif
}

.signature-content .sig-contact.m15.contact>ul li p {
    font-size: 15px;
    line-height: 19px;
    padding: 0 20px;
    color: #aaa;
    font-family: "LG Smart Light",Tahoma,Arial,sans-serif
}

.signature-content .sig-contact.m15.contact>ul li p a {
    color: #aaa;
    display: inline-block;
    text-decoration: underline;
    line-height: 18px
}

.signature-content .philosophy-banner {
    margin-bottom: 120px;
    box-sizing: border-box;
    position: relative;
    width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 80px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .philosophy-banner {
        width:1600px;
        width: 100vw;
        margin-bottom: 120px;
        margin-bottom: 7.5vw;
        padding: 0px 80px 0px 80px;
        padding: 0vw 5vw 0vw 5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .philosophy-banner {
        margin-bottom:113px;
        margin-bottom: 17.65625vw;
        width: 640px;
        width: 100vw;
        padding: 0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .philosophy-banner .image-block {
    text-align: left
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .philosophy-banner .image-block {
        margin-left:15px;
        margin-left: .9375vw;
        margin-right: 15px;
        margin-right: .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .philosophy-banner .image-block {
        margin:0;
        padding: 0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .philosophy-banner .image-block img {
    width: 100%
}

.signature-content .philosophy-banner .text-block {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 0 90px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .philosophy-banner .text-block {
        padding:0px 90px 0px 90px;
        padding: 0vw 5.625vw 0vw 5.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .philosophy-banner .text-block {
        padding:0px 57px 0px 37px;
        padding: 0vw 8.90625vw 0vw 5.78125vw
    }
}

.signature-content .philosophy-banner .title {
    font-size: 36px;
    line-height: 40px;
    margin-bottom: 27px;
    color: #fff;
    font-family: "Gotham Bold";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .philosophy-banner .title {
        margin-bottom:27px;
        margin-bottom: 1.6875vw;
        font-size: 2.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .philosophy-banner .title {
        font-size:24px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .philosophy-banner .title {
        font-size:36px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .philosophy-banner .title {
        margin-bottom:27px;
        margin-bottom: 4.21875vw;
        font-size: 6.5625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 548.57143px) {
    .signature-content .philosophy-banner .title {
        font-size:36px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .philosophy-banner .title {
        font-size:42px
    }
}

.signature-content .philosophy-banner .btn {
    background-color: transparent;
    border-radius: 0;
    padding: 0
}

.signature-content .brand-detail-contents {
    max-width: 1600px;
    margin: 0 auto;
    padding-top: 310px;
    text-align: left
}

.signature-content .brand-detail-contents * {
    font-family: "Gotham Medium";
    font-weight: normal;
    box-sizing: content-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents {
        padding-top:310px;
        padding-top: 19.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents {
        padding-top:272px;
        padding-top: 42.5vw
    }
}

.signature-content .brand-detail-contents .brand-title-block {
    text-align: center;
    padding: 0 65px 0 65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .brand-title-block {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .brand-title-block {
        padding:0px 65px 0px 65px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .brand-title-block {
        padding:0px 65px 0px 65px;
        padding: 0vw 10.15625vw 0vw 10.15625vw
    }
}

.signature-content .brand-detail-contents .brand-title-block span {
    position: relative;
    display: block;
    color: #ba8748;
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        font-size:1.25vw;
        margin-bottom: 8px;
        margin-bottom: .5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        font-size:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        margin-bottom:8px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        margin-bottom:8px;
        margin-bottom: 1.25vw;
        line-height: 110%;
        font-size: 3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .brand-title-block span {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .brand-title-block h1 {
    position: relative;
    margin: 0;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 66px;
    line-height: 109.09091%;
    letter-spacing: -1.65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .brand-title-block h1 {
        font-size:4.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .brand-title-block h1 {
        font-size:66px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .brand-title-block h1 {
        line-height:110%;
        font-size: 9.375vw;
        letter-spacing: -1.5px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .brand-title-block h1 {
        font-size:30px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .brand-title-block h1 {
        font-size:60px
    }
}

.signature-content .brand-detail-contents .brand-title-block:after {
    content: "";
    display: block;
    position: relative;
    width: 1px;
    height: 80px;
    background: #ccc;
    margin: 60px auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .brand-detail-contents .brand-title-block:after {
        height:50px;
        margin-top: 60px;
        margin-top: 3.75vw;
        margin-bottom: 60px;
        margin-bottom: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .brand-title-block:after {
        height:80px;
        height: 12.5vw;
        margin-top: 60px;
        margin-top: 9.375vw;
        margin-bottom: 60px;
        margin-bottom: 9.375vw
    }
}

.signature-content .brand-detail-contents .section-image {
    position: relative;
    padding: 0 65px 0 65px;
    font-size: 0;
    margin-bottom: 250px
}

.signature-content .brand-detail-contents .section-image:after {
    clear: both;
    content: '';
    display: block
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw;
        margin-bottom: 250px;
        margin-bottom: 15.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image {
        padding:0px 65px 0px 65px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image {
        margin-bottom:250px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw;
        margin-bottom: 200px;
        margin-bottom: 31.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image.top-visual {
        padding:0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .brand-detail-contents .section-image img {
    width: 100%
}

.signature-content .brand-detail-contents .section-image .desc-block {
    position: relative;
    overflow: visible
}

.signature-content .brand-detail-contents .section-image .desc-block .block-wrap {
    overflow: hidden
}

.signature-content .brand-detail-contents .section-image .desc-block .desc {
    display: block;
    padding-top: 23px;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    word-break: break-word;
    white-space: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        font-size:1.125vw;
        padding-top: 23px;
        padding-top: 1.4375vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        padding-top:23px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        padding-top:23px;
        padding-top: 3.59375vw;
        font-size: 3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff {
    font-size: 0
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block {
    font-size: 0;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    padding-right: 27px;
    line-height: 100%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block {
        margin-right:25px;
        margin-right: 1.5625vw;
        padding-right: 27px;
        padding-right: 1.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block {
        margin-right:25px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block {
        padding-right:27px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block {
        margin-right:0;
        padding-right: 0;
        display: block;
        text-align: center;
        margin-bottom: -1px
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    width: 1px;
    height: 18px;
    background: #ccc;
    transform: rotate(30deg)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:after {
        height:18px;
        height: 1.125vw;
        margin-top: -9px;
        margin-top: -.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:after {
        height:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:after {
        margin-top:-9px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:after {
        display:none
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block:last-child:after {
    display: none
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
    display: inline-block;
    font-size: 18px;
    line-height: 166.66667%;
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #777
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:1.125vw;
        line-height: 175%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:3.125vw;
        line-height: 160%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-title {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
    display: inline-block;
    margin-left: 7px;
    font-size: 18px;
    line-height: 166.66667%;
    font-family: "Gotham Book";
    font-weight: normal;
    color: #999
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:1.125vw;
        line-height: 175%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:3.125vw;
        line-height: 160%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc.type-staff .desc-block .desc-text {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc a {
    color: #ba8748;
    text-decoration: none;
    display: inline-block;
    word-break: break-all
}

.signature-content .brand-detail-contents .section-image .desc-block .desc .title {
    font-size: 22px;
    line-height: 24px;
    color: #333;
    font-family: "Gotham Bold";
    font-weight: normal;
    display: block
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:1.375vw;
        line-height: 109.09091%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1163.63636px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:3.125vw;
        line-height: 110%
    }
}

@media screen and (max-width: 767px) and (max-width: 512px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:16px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .title {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-image .desc-block .desc .text {
    display: block;
    font-size: 15px;
    line-height: 27px;
    color: #333;
    margin-top: 5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:.9375vw;
        line-height: 180%;
        margin-top: 5px;
        margin-top: .3125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1280px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        margin-top:5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:2.34375vw;
        line-height: 133.33333%;
        margin-top: 5px;
        margin-top: .78125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 512px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-image .desc-block .desc .text {
        font-size:15px
    }
}

.signature-content .brand-detail-contents .section-image .image-block,.signature-content .brand-detail-contents .section-image .video-block {
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

.signature-content .brand-detail-contents .section-image .image-block a img,.signature-content .brand-detail-contents .section-image .image-block>span img,.signature-content .brand-detail-contents .section-image .video-block a img,.signature-content .brand-detail-contents .section-image .video-block>span img {
    transform: scale(1);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

body.no-touch .signature-content .brand-detail-contents .section-image .image-block a:hover img,body.no-touch .signature-content .brand-detail-contents .section-image .image-block a:focus img,body.no-touch .signature-content .brand-detail-contents .section-image .image-block>span:hover img,body.no-touch .signature-content .brand-detail-contents .section-image .image-block>span:focus img,body.no-touch .signature-content .brand-detail-contents .section-image .video-block a:hover img,body.no-touch .signature-content .brand-detail-contents .section-image .video-block a:focus img,body.no-touch .signature-content .brand-detail-contents .section-image .video-block>span:hover img,body.no-touch .signature-content .brand-detail-contents .section-image .video-block>span:focus img {
    transform: scale(1.05)
}

.signature-content .brand-detail-contents .section-image .col-max {
    max-width: 1600px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-max {
        max-width:1600px;
        max-width: 100vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-max {
        max-width:640px;
        max-width: 100vw
    }
}

.signature-content .brand-detail-contents .section-image .col-12 {
    max-width: 1440px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-12 {
        max-width:1440px;
        max-width: 90vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-12 {
        max-width:612px;
        max-width: 95.625vw
    }
}

.signature-content .brand-detail-contents .section-image .col-11 {
    max-width: 1320px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-11 {
        max-width:1320px;
        max-width: 82.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-11 {
        max-width:561px;
        max-width: 87.65625vw
    }
}

.signature-content .brand-detail-contents .section-image .col-10 {
    max-width: 1200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-10 {
        max-width:1200px;
        max-width: 75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-10 {
        max-width:510px;
        max-width: 79.6875vw
    }
}

.signature-content .brand-detail-contents .section-image .col-9 {
    max-width: 1080px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-9 {
        max-width:1080px;
        max-width: 67.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-9 {
        max-width:459px;
        max-width: 71.71875vw
    }
}

.signature-content .brand-detail-contents .section-image .col-8 {
    max-width: 960px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-8 {
        max-width:960px;
        max-width: 60vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-8 {
        max-width:408px;
        max-width: 63.75vw
    }
}

.signature-content .brand-detail-contents .section-image .col-7 {
    max-width: 840px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-7 {
        max-width:840px;
        max-width: 52.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-7 {
        max-width:357px;
        max-width: 55.78125vw
    }
}

.signature-content .brand-detail-contents .section-image .col-6 {
    max-width: 720px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-6 {
        max-width:720px;
        max-width: 45vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-6 {
        max-width:306px;
        max-width: 47.8125vw
    }
}

.signature-content .brand-detail-contents .section-image .col-5 {
    max-width: 600px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-5 {
        max-width:600px;
        max-width: 37.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-5 {
        max-width:255px;
        max-width: 39.84375vw
    }
}

.signature-content .brand-detail-contents .section-image .col-4 {
    max-width: 480px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-4 {
        max-width:480px;
        max-width: 30vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-4 {
        max-width:204px;
        max-width: 31.875vw
    }
}

.signature-content .brand-detail-contents .section-image .col-3 {
    max-width: 360px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-3 {
        max-width:360px;
        max-width: 22.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-3 {
        max-width:153px;
        max-width: 23.90625vw
    }
}

.signature-content .brand-detail-contents .section-image .col-2 {
    max-width: 240px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-2 {
        max-width:240px;
        max-width: 15vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-2 {
        max-width:102px;
        max-width: 15.9375vw
    }
}

.signature-content .brand-detail-contents .section-image .col-1 {
    max-width: 120px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .col-1 {
        max-width:120px;
        max-width: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .col-1 {
        max-width:51px;
        max-width: 7.96875vw
    }
}

.signature-content .brand-detail-contents .section-image.type-full {
    padding: 0
}

.signature-content .brand-detail-contents .section-image.left-side>div {
    margin-right: auto
}

@media screen and (min-width: 1920px) {
    .signature-content .brand-detail-contents .section-image.left-side>div {
        margin-left:-225px
    }
}

@media screen and (max-width: 1919px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image.left-side>div {
        margin-left:-225px;
        margin-left: -11.71875vw
    }

    .signature-content .brand-detail-contents .section-image.left-side>div .desc {
        margin-left: 225px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.left-side>div {
        margin-left:-65px;
        margin-left: -4.0625vw
    }
}

.signature-content .brand-detail-contents .section-image.left-side.type-full {
    padding: 0px 65px 0px 65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.left-side.type-full {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image.left-side.type-full {
        padding:0px 65px 0px 65px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image.left-side.type-full {
        padding:0
    }
}

.signature-content .brand-detail-contents .section-image.right-side>div {
    margin-left: auto
}

@media screen and (min-width: 1920px) {
    .signature-content .brand-detail-contents .section-image.right-side>div {
        margin-right:-225px
    }
}

@media screen and (max-width: 1919px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image.right-side>div {
        margin-right:-225px;
        margin-right: -11.71875vw
    }

    .signature-content .brand-detail-contents .section-image.right-side>div .desc {
        margin-right: 225px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.right-side>div {
        margin-right:-65px;
        margin-right: -4.0625vw
    }
}

.signature-content .brand-detail-contents .section-image.right-side.type-full {
    padding: 0px 65px 0px 65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.right-side.type-full {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-image.right-side.type-full {
        padding:0px 65px 0px 65px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image.right-side.type-full {
        padding:0
    }
}

.signature-content .brand-detail-contents .section-image.type-left {
    padding-right: 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.type-left {
        padding-right:95px;
        padding-right: 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image.type-left {
        padding:0;
        padding-right: 28px;
        padding-right: 4.375vw
    }
}

.signature-content .brand-detail-contents .section-image.type-right {
    padding-left: 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image.type-right {
        padding-left:95px;
        padding-left: 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image.type-right {
        padding:0;
        padding-left: 28px;
        padding-left: 4.375vw
    }
}

.signature-content .brand-detail-contents .section-image .space-1 {
    margin-left: 120px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-1 {
        margin-left:120px;
        margin-left: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-1 {
        margin-left:51px;
        margin-left: 7.96875vw
    }
}

.signature-content .brand-detail-contents .section-image .space-2 {
    margin-left: 240px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-2 {
        margin-left:240px;
        margin-left: 15vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-2 {
        margin-left:102px;
        margin-left: 15.9375vw
    }
}

.signature-content .brand-detail-contents .section-image .space-3 {
    margin-left: 360px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-3 {
        margin-left:360px;
        margin-left: 22.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-3 {
        margin-left:153px;
        margin-left: 23.90625vw
    }
}

.signature-content .brand-detail-contents .section-image .space-4 {
    margin-left: 480px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-4 {
        margin-left:480px;
        margin-left: 30vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-4 {
        margin-left:204px;
        margin-left: 31.875vw
    }
}

.signature-content .brand-detail-contents .section-image .space-5 {
    margin-left: 600px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-5 {
        margin-left:600px;
        margin-left: 37.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-5 {
        margin-left:255px;
        margin-left: 39.84375vw
    }
}

.signature-content .brand-detail-contents .section-image .space-6 {
    margin-left: 720px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-6 {
        margin-left:720px;
        margin-left: 45vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-6 {
        margin-left:306px;
        margin-left: 47.8125vw
    }
}

.signature-content .brand-detail-contents .section-image .space-7 {
    margin-left: 840px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-7 {
        margin-left:840px;
        margin-left: 52.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-7 {
        margin-left:357px;
        margin-left: 55.78125vw
    }
}

.signature-content .brand-detail-contents .section-image .space-8 {
    margin-left: 960px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-8 {
        margin-left:960px;
        margin-left: 60vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-8 {
        margin-left:408px;
        margin-left: 63.75vw
    }
}

.signature-content .brand-detail-contents .section-image .space-9 {
    margin-left: 1080px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-9 {
        margin-left:1080px;
        margin-left: 67.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-9 {
        margin-left:459px;
        margin-left: 71.71875vw
    }
}

.signature-content .brand-detail-contents .section-image .space-10 {
    margin-left: 1200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-image .space-10 {
        margin-left:1200px;
        margin-left: 75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-image .space-10 {
        margin-left:510px;
        margin-left: 79.6875vw
    }
}

.signature-content .brand-detail-contents .section-image .center {
    position: relative;
    padding: 0;
    margin: 0 auto
}

.signature-content .brand-detail-contents .section-image.images {
    font-size: 0;
    white-space: nowrap
}

.signature-content .brand-detail-contents .section-image.images>div {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.signature-content .brand-detail-contents .section-video {
    position: relative;
    font-size: 0;
    margin-bottom: 250px;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video {
        margin-bottom:250px;
        margin-bottom: 15.625vw;
        max-width: 1440px;
        max-width: 90vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video {
        margin-bottom:250px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video {
        padding:0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw;
        margin-bottom: 200px;
        margin-bottom: 31.25vw;
        max-width: 612px;
        max-width: 95.625vw;
        padding-bottom: 0
    }
}

.signature-content .brand-detail-contents .section-video img {
    width: 100%
}

.signature-content .brand-detail-contents .section-video.desc-block .desc {
    display: block;
    padding-top: 23px;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #000;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    word-break: break-word
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        font-size:1.125vw;
        padding-top: 23px;
        padding-top: 1.4375vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        padding-top:23px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        padding-top:23px;
        padding-top: 3.59375vw;
        font-size: 3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff {
    font-size: 0
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block {
    font-size: 0;
    text-align: left;
    position: relative;
    display: inline-block;
    margin-right: 25px;
    padding-right: 27px;
    line-height: 100%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block {
        margin-right:25px;
        margin-right: 1.5625vw;
        padding-right: 27px;
        padding-right: 1.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block {
        margin-right:25px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block {
        padding-right:27px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block {
        margin-right:0;
        padding-right: 0;
        display: block;
        text-align: center;
        margin-bottom: -1px
    }
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -9px;
    width: 1px;
    height: 18px;
    background: #ccc;
    transform: rotate(30deg)
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:after {
        height:18px;
        height: 1.125vw;
        margin-top: -9px;
        margin-top: -.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:after {
        height:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:after {
        margin-top:-9px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:after {
        display:none
    }
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block:last-child:after {
    display: none
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
    display: inline-block;
    font-size: 18px;
    line-height: 166.66667%;
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #777
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:1.125vw;
        line-height: 175%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:3.125vw;
        line-height: 160%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-title {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
    display: inline-block;
    margin-left: 7px;
    font-size: 18px;
    line-height: 166.66667%;
    font-family: "Gotham Book";
    font-weight: normal;
    color: #999
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:1.125vw;
        line-height: 175%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:3.125vw;
        line-height: 160%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-video.desc-block .desc.type-staff .desc-block .desc-text {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .section-video.desc-block .desc a {
    color: #ba8748;
    text-decoration: none;
    display: inline-block;
    word-break: break-all
}

.signature-content .brand-detail-contents .section-video .image-block iframe,.signature-content .brand-detail-contents .section-video .video-block iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    border: 0
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video .image-block iframe,.signature-content .brand-detail-contents .section-video .video-block iframe {
        box-sizing:border-box;
        padding: 0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .brand-detail-contents .section-video .image-block .ctrl-hide .video-js .vjs-dock-title,.signature-content .brand-detail-contents .section-video .video-block .ctrl-hide .video-js .vjs-dock-title {
    display: none
}

.signature-content .brand-detail-contents .section-video .image-block .ctrl-hide .video-js .vjs-dock-description,.signature-content .brand-detail-contents .section-video .video-block .ctrl-hide .video-js .vjs-dock-description {
    display: none
}

.signature-content .brand-detail-contents .section-video .image-block .frame-panel,.signature-content .brand-detail-contents .section-video .video-block .frame-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.0001);
    z-index: 5
}

.signature-content .brand-detail-contents .section-video .bc-player-default_default {
    width: 100%;
    height: auto;
    background: none
}

.signature-content .brand-detail-contents .section-video .video-js .vjs-tech {
    position: static;
    width: 100%;
    height: auto;
    display: block
}

.signature-content .brand-detail-contents .section-video .btn-close {
    z-index: 99;
    display: none;
    right: 30px;
    top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-video .btn-close {
        right:30px;
        right: 1.875vw;
        top: 30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video .btn-close {
        right:28px;
        right: 4.375vw;
        top: 28px;
        top: 4.375vw
    }
}

.signature-content .brand-detail-contents .section-video .video-close-button {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 30px;
    height: 30px;
    z-index: 99;
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video .video-close-button {
        top:30px;
        top: 4.6875vw;
        right: 30px;
        right: 4.6875vw;
        width: 26px;
        width: 4.0625vw;
        height: 26px;
        height: 4.0625vw
    }
}

.signature-content .brand-detail-contents .section-video .video-close-button:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    top: 15px;
    background-color: #fff;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video .video-close-button:after {
        top:15px;
        top: 2.34375vw;
        width: 26px;
        width: 4.0625vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .brand-detail-contents .section-video .video-close-button:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 2px;
    top: 15px;
    background-color: #fff;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-video .video-close-button:before {
        top:15px;
        top: 2.34375vw;
        width: 26px;
        width: 4.0625vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .brand-detail-contents .section-text {
    padding: 250px 455px 250px 455px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-text {
        padding:250px 455px 250px 455px;
        padding: 15.625vw 28.4375vw 15.625vw 28.4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-text {
        padding:200px 102px 200px 102px;
        padding: 31.25vw 15.9375vw 31.25vw 15.9375vw
    }
}

.signature-content .brand-detail-contents .section-text+.section-text {
    padding-top: 0
}

.signature-content .brand-detail-contents .section-text+.module-banner {
    margin-top: 0
}

.signature-content .brand-detail-contents .section-text .title-block {
    position: relative;
    color: #000;
    margin: 0 0 42px;
    font-family: "Gotham Bold";
    font-weight: normal;
    letter-spacing: -1.05px;
    font-size: 42px;
    line-height: 109.52381%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:2.625vw;
        margin: 0px 0px 42px 0px;
        margin: 0vw 0vw 2.625vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:36px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:42px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:6.5625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:21px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-text .title-block {
        font-size:42px
    }
}

.signature-content .brand-detail-contents .section-text .sub-title-block {
    position: relative;
    color: #000;
    margin: -27px 0 44px 0;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 22px;
    line-height: 136.36364%
}

.signature-content .brand-detail-contents .section-text .sub-title-block.italic {
    font-style: italic
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:1.5vw;
        line-height: 150%;
        margin: -27px 0px 44px 0px;
        margin: -1.6875vw 0vw 2.75vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:4.375vw;
        line-height: 142.85714%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-text .sub-title-block {
        font-size:28px
    }
}

.signature-content .brand-detail-contents .section-text .text-block {
    position: relative;
    color: #333;
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 22px;
    line-height: 163.63636%
}

.signature-content .brand-detail-contents .section-text .text-block .italic,.signature-content .brand-detail-contents .section-text .text-block.italic {
    font-style: italic !important;
    text-align: center
}

.signature-content .brand-detail-contents .section-text .text-block .italic>*,.signature-content .brand-detail-contents .section-text .text-block.italic>* {
    font-style: italic !important
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:1.5vw;
        line-height: 166.66667%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:4.375vw;
        line-height: 160.71429%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .section-text .text-block {
        font-size:28px
    }
}

.signature-content .brand-detail-contents .section-text .text-block p {
    margin: 0 0 40px
}

.signature-content .brand-detail-contents .section-text .text-block p:last-child {
    margin: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .section-text .text-block p {
        margin:0px 0px 40px 0px;
        margin: 0vw 0vw 2.5vw 0vw
    }
}

.signature-content .brand-detail-contents .section-text .text-block .text-gold {
    color: #ba8748
}

.signature-content .brand-detail-contents .section-text .text-block .underline-box {
    position: relative;
    display: inline-block;
    font-style: inherit
}

.signature-content .brand-detail-contents .section-text .text-block .underline-box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 4px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .section-text .text-block .underline-box:after {
        bottom:1px;
        bottom: .15625vw;
        height: 6px;
        height: .9375vw
    }
}

.signature-content .brand-detail-contents .section-text .text-block .underline-box.gold:after {
    background: #ba8748
}

.signature-content .brand-detail-contents .section-text .text-block .underline-box.gray:after {
    background: #a7a9ac
}

.signature-content .brand-detail-contents .section-text .text-block .underline-box.active:after {
    transition-property: transform;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out";
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.signature-content .brand-detail-contents .section-text .text-block .url-a {
    text-decoration: none;
    color: #2577ca
}

.signature-content .brand-detail-contents .section-text .text-block .url-a:hover {
    text-decoration: none;
    border-bottom: 2px solid #2577ca;
    padding-bottom: 0.5px
}

.signature-content .brand-detail-contents .section-text .text-block .left-text {
    text-align: left
}

.signature-content .brand-detail-contents>*:last-child {
    padding-bottom: 0;
    margin-bottom: 0
}

.signature-content .brand-detail-contents .brand-title-block+div {
    padding-top: 0;
    margin-top: 0
}

.signature-content .brand-detail-contents .section-image+.section-text {
    padding-top: 0
}

.signature-content .brand-detail-contents .section-video+.section-text {
    padding-top: 0
}

.signature-content .brand-detail-contents .link-box {
    font-size: 18px;
    line-height: 27px;
    color: #333;
    font-family: "Gotham Medium";
    font-weight: normal;
    word-break: break-all
}

.signature-content .brand-detail-contents .link-box a {
    color: #ba8748;
    text-decoration: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:1.125vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1422.22222px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:16px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 512px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:16px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .link-box {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .btn-play.type1 {
    bottom: 30px;
    left: 40px;
    z-index: 6
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .btn-play.type1 {
        bottom:30px;
        bottom: 1.875vw;
        left: 40px;
        left: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .btn-play.type1 {
        bottom:28px;
        bottom: 4.375vw;
        left: 42px;
        left: 6.5625vw
    }
}

.signature-content .brand-detail-contents .btn-play.right-align {
    bottom: 30px;
    right: 40px;
    left: auto;
    z-index: 3
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .btn-play.right-align {
        bottom:30px;
        bottom: 1.875vw;
        right: 40px;
        right: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .btn-play.right-align {
        bottom:28px;
        bottom: 4.375vw;
        right: 42px;
        right: 6.5625vw
    }
}

.signature-content .brand-detail-contents .over-dimmed {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0,0,0,0.2)
}

.signature-content .dimmed-bg {
    position: fixed;
    bottom: -100%;
    width: 100%;
    height: 100%;
    z-index: 999;
    background-color: #000;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .lg-signature-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    bottom: -100%;
    -webkit-background-clip: border-box;
    -moz-background-clip: border-box;
    z-index: 20000;
    background-color: #fff;
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .lg-signature-popup .gallery-wrap {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 80px 140px 80px 140px;
    padding: 4.16667vw 7.29167vw 4.16667vw 7.29167vw
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap {
        padding:90px 28px 90px 28px;
        padding: 14.0625vw 4.375vw 14.0625vw 4.375vw;
        z-index: 6
    }
}

.signature-content .lg-signature-popup .gallery-wrap .vjs-dock-text {
    display: none
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-close {
    position: absolute;
    z-index: 55;
    top: 50px;
    right: 50px;
    z-index: 3
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-close {
        top:35px;
        top: 5.46875vw;
        right: 28px;
        right: 4.375vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-close a {
    position: relative;
    display: block;
    font-family: "Gotham Bold";
    font-weight: normal;
    color: #000;
    font-size: 14px;
    line-height: 157.14286%;
    text-decoration: none;
    padding-right: 28px;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-close a {
        font-size:0;
        width: 25px;
        height: 25px;
        outline: 0
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-close a:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 18px;
    height: 2px;
    background-color: #000;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out";
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-close a:after {
        width:26px;
        width: 4.0625vw;
        height: 2px
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-close a:before {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    right: 0;
    width: 18px;
    height: 2px;
    background-color: #000;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out";
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-close a:before {
        width:26px;
        width: 4.0625vw;
        height: 2px
    }
}

body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-close a:hover:after,body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-close a:hover:before {
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0)
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame {
    width: 85%;
    height: 100%;
    position: relative;
    display: block;
    max-width: 1640px;
    overflow: hidden;
    margin: 0 auto;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .video-frame .btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    bottom: auto
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div {
    width: 100%
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div video {
    width: 100%;
    height: auto
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div .bc-player-default_default {
    width: 100%;
    height: auto;
    background: none
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div .vjs-big-play-button {
    display: none
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div .video-js {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame>div .video-js .vjs-tech {
    position: static;
    width: 100%;
    height: auto
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track,.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: 100%
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track:before,.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track:after {
    content: "";
    display: table
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track:after {
    clear: both
}

.slick-loading .signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-track {
    visibility: hidden
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    text-align: center
}

[dir="rtl"] .signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-slide {
    float: right
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-slide img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-frame .slick-slide iframe {
    width: 100%;
    height: 100%;
    border: 0;
    position: absolute;
    top: 0;
    left: 0
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 70px
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-prev {
        left:28px;
        left: 4.375vw;
        bottom: 100px;
        bottom: 15.625vw;
        top: auto;
        transform: translateY(0)
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    top: auto;
    left: 0;
    transition-property: left, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a:before,.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a:after {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a {
        width:40px;
        width: 6.25vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span {
        height:2px;
        height: .3125vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span:before {
    box-sizing: content-box;
    content: "";
    display: block;
    position: absolute;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 14px;
    height: 14px;
    top: -7px;
    left: 0;
    border-top: 2px solid #000;
    border-left: 2px solid #000
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span:before {
        top:-5px;
        top: -.78125vw;
        width: 12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        border-width: 2px;
        border-width: .3125vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span.sr-only {
    height: 0
}

body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a:hover {
    width: 50px;
    left: -5px
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a:hover {
        width:50px;
        width: 7.8125vw;
        left: -10px;
        left: -1.5625vw
    }
}

body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-layerpopup-prev-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-layerpopup-prev-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-prev a>span {
    display: none
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 50px
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-next {
        right:28px;
        right: 4.375vw;
        bottom: 100px;
        bottom: 15.625vw;
        top: auto;
        transform: translateY(0);
        z-index: 99
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-next a {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    right: 0;
    transition-property: right, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-next a:before,.signature-content .lg-signature-popup .gallery-wrap .gallery-next a:after {
    display: none
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-next a {
        width:40px;
        width: 6.25vw;
        height: 40px;
        height: 6.25vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-next a>span {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: block;
    height: 2px;
    width: 100%;
    background-color: #000
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-next a>span {
        height:2px;
        height: .3125vw
    }
}

.signature-content .lg-signature-popup .gallery-wrap .gallery-next a>span:before {
    box-sizing: content-box;
    content: "";
    display: block;
    position: absolute;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 14px;
    height: 14px;
    top: -7px;
    right: 0;
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-wrap .gallery-next a>span:before {
        top:-6px;
        top: -.9375vw;
        width: 12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        border-width: 2px;
        border-width: .3125vw
    }
}

body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-next a:hover {
    width: 50px;
    right: -10px
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .lg-signature-popup .gallery-wrap .gallery-next a:hover {
        width:50px;
        width: 7.8125vw;
        right: -10px;
        right: -1.5625vw
    }
}

body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-next a {
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-layerpopup-next-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-next a {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/common/btn-layerpopup-next-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

body.touch .signature-content .lg-signature-popup .gallery-wrap .gallery-next a>span {
    display: none
}

.signature-content .lg-signature-popup .gallery-nav {
    position: absolute;
    width: 100%;
    bottom: 30px;
    z-index: 5;
    text-align: center;
    font-size: 0
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-nav {
        bottom:100px;
        bottom: 15.625vw
    }
}

.signature-content .lg-signature-popup .gallery-nav a {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 1px solid transparent;
    border-radius: 50%;
    transition-property: border;
    -moz-transition-duration: 0.25s;
    -o-transition-duration: 0.25s;
    -webkit-transition-duration: 0.25s;
    transition-duration: 0.25s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-nav a {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .lg-signature-popup .gallery-nav a:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #000
}

@media screen and (max-width: 767px) {
    .signature-content .lg-signature-popup .gallery-nav a:after {
        width:8px;
        width: 1.25vw;
        height: 8px;
        height: 1.25vw
    }
}

.signature-content .lg-signature-popup .gallery-nav a.on {
    border: 1px solid #000
}

.signature-content .lg-signature-popup .vod-panel {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(255,255,255,0.001);
    z-index: 2
}

.signature-content .lg-signature-popup .btn-play {
    z-index: 3
}

.signature-content .back-to-the-list {
    text-align: center;
    max-width: 1600px;
    margin: 125px auto 125px
}

.signature-content .back-to-the-list * {
    font-family: "Gotham Bold";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .back-to-the-list {
        margin-top:125px;
        margin-top: 7.8125vw;
        margin-bottom: 125px;
        margin-bottom: 7.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .back-to-the-list {
        margin-top:120px;
        margin-top: 18.75vw;
        margin-bottom: 120px;
        margin-bottom: 18.75vw
    }
}

.signature-content .back-to-the-list a {
    display: inline-block;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    -moz-transition: background 0.2s,color 0.2s;
    -o-transition: background 0.2s,color 0.2s;
    -webkit-transition: background 0.2s,color 0.2s;
    transition: background 0.2s,color 0.2s
}

.signature-content .back-to-the-list a>div {
    position: relative;
    width: 80px;
    height: 1px;
    margin: 0 auto;
    background: #bfbfbf;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .back-to-the-list a>div {
        width:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .back-to-the-list a>div {
        width:100px;
        width: 15.625vw;
        height: 2px;
        height: .3125vw
    }
}

.signature-content .back-to-the-list a>div span {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    background: #000;
    vertical-align: top;
    -moz-transition: width 1.2s;
    -o-transition: width 1.2s;
    -webkit-transition: width 1.2s;
    transition: width 1.2s;
    -webkit-animation: scroll_animate 6s infinite;
    -moz-animation: scroll_animate 6s infinite;
    -ms-animation: scroll_animate 6s infinite;
    -o-animation: scroll_animate 6s infinite;
    animation: scroll_animate 6s infinite
}

@media screen and (max-width: 767px) {
    .signature-content .back-to-the-list a>div span {
        height:2px;
        height: .3125vw
    }
}

.signature-content .back-to-the-list a>span {
    margin-top: 20px;
    display: inline-block
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .back-to-the-list a>span {
        margin-top:15px;
        margin-top: .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .back-to-the-list a>span {
        margin-top:20px;
        margin-top: 3.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .back-to-the-list a {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .back-to-the-list a {
        font-size:3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .back-to-the-list a {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .back-to-the-list a {
        font-size:20px
    }
}

body.no-touch .signature-content .back-to-the-list a:hover {
    color: #ba8748;
    -moz-transition: background 0.2s,color 0.2s;
    -o-transition: background 0.2s,color 0.2s;
    -webkit-transition: background 0.2s,color 0.2s;
    transition: background 0.2s,color 0.2s
}

body.no-touch .signature-content .back-to-the-list a:hover>div {
    background: #eee1d1
}

body.no-touch .signature-content .back-to-the-list a:hover>div span {
    background: #ba8748
}

.signature-content .brand-detail-gallery {
    max-width: 1470px;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    font-size: 0;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery {
        padding:0px 15px 0px 15px;
        padding: 0vw .9375vw 0vw .9375vw;
        max-width: 1470px;
        max-width: 91.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .brand-detail-gallery .gallery-box-wrap {
    position: relative;
    margin-top: 110px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box-wrap {
        margin-top:110px;
        margin-top: 6.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-top,.signature-content .brand-detail-gallery .gallery-box-wrap {
        display:inline
    }
}

.signature-content .brand-detail-gallery .gallery-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    box-sizing: border-box;
    max-width: 450px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box {
        margin:0px 15px 0px 15px;
        margin: 0vw .9375vw 0vw .9375vw;
        max-width: 450px;
        max-width: 28.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box {
        margin:0px 14px 0px 14px;
        margin: 0vw 2.1875vw 0vw 2.1875vw;
        width: 41.25vw
    }

    body.no-touch .signature-content .brand-detail-gallery .gallery-box {
        width: 39.3vw
    }
}

.signature-content .brand-detail-gallery .gallery-box .image-block {
    position: relative;
    overflow: hidden
}

.signature-content .brand-detail-gallery .gallery-box .image-block img {
    display: block;
    width: 100%;
    transform: scale(1);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

body.no-touch .signature-content .brand-detail-gallery .gallery-box .image-block:hover img,body.no-touch .signature-content .brand-detail-gallery .gallery-box .image-block:focus img {
    transform: scale(1.05)
}

.signature-content .brand-detail-gallery .gallery-box.gutter-large {
    padding-left: 40px;
    padding-right: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box.gutter-large {
        padding-left:40px;
        padding-left: 2.5vw;
        padding-right: 40px;
        padding-right: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box.gutter-large {
        padding-left:10px;
        padding-left: 1.5625vw;
        padding-right: 10px;
        padding-right: 1.5625vw
    }
}

.signature-content .brand-detail-gallery .gallery-box.gutter-small {
    padding-left: 20px;
    padding-right: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box.gutter-small {
        padding-left:20px;
        padding-left: 1.25vw;
        padding-right: 20px;
        padding-right: 1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box.gutter-small {
        padding-left:5px;
        padding-left: .78125vw;
        padding-right: 5px;
        padding-right: .78125vw
    }
}

.signature-content .brand-detail-gallery .gallery-box.box-1 {
    margin-top: 80px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box.box-1 {
        margin-top:80px;
        margin-top: 5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box.box-1 {
        margin-top:0
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box.box-2 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-gallery .gallery-box.box-3 {
    margin-top: 160px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-gallery .gallery-box.box-3 {
        margin-top:160px;
        margin-top: 10vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-gallery .gallery-box.box-3 {
        margin-top:0
    }
}

.signature-content .brand-detail-contents .outline-cover .video-block {
    border: 1px solid #dddddd
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-3 {
        margin-top:-106px;
        margin-top: -16.5625vw
    }
}

.signature-content .brand-detail-contents.germany .brand-detail-gallery .box-4 {
    margin-top: -325px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-4 {
        margin-top:-325px;
        margin-top: -20.3125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.germany .brand-detail-gallery .box-5 {
    margin-top: -205px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-5 {
        margin-top:-205px;
        margin-top: -12.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-5 {
        margin-top:-78px;
        margin-top: -12.1875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.germany .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.russia .brand-detail-gallery .box-3 {
        margin-top:-18px;
        margin-top: -2.8125vw
    }
}

.signature-content .brand-detail-contents.russia .brand-detail-gallery .box-4 {
    margin-top: -265px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.russia .brand-detail-gallery .box-4 {
        margin-top:-265px;
        margin-top: -16.5625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.russia .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.russia .brand-detail-gallery .box-5 {
    margin-top: -315px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.russia .brand-detail-gallery .box-5 {
        margin-top:-315px;
        margin-top: -19.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.russia .brand-detail-gallery .box-5 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-3 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.spain .brand-detail-gallery .box-4 {
    margin-top: -10px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-4 {
        margin-top:-10px;
        margin-top: -.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-4 {
        margin-top:6px;
        margin-top: .9375vw
    }
}

.signature-content .brand-detail-contents.spain .brand-detail-gallery .box-5 {
    margin-top: -210px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-5 {
        margin-top:-210px;
        margin-top: -13.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-5 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.spain .brand-detail-gallery .box-6 {
        margin-top:-15px;
        margin-top: -2.34375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-3 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-4 {
        margin-top:14px;
        margin-top: 2.1875vw
    }
}

.signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-5 {
    margin-top: -170px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-5 {
        margin-top:-170px;
        margin-top: -10.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-5 {
        margin-top:14px;
        margin-top: 2.1875vw
    }
}

.signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-6 {
    margin-top: -30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-6 {
        margin-top:-30px;
        margin-top: -1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.ces-2019 .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-3 {
        margin-top:-51px;
        margin-top: -7.96875vw
    }
}

.signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-4 {
    margin-top: -20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-4 {
        margin-top:-20px;
        margin-top: -1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-5 {
    margin-top: -70px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-5 {
        margin-top:-70px;
        margin-top: -4.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-5 {
        margin-top:-51px;
        margin-top: -7.96875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wsj .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@keyframes scroll_animate {
    0% {
        transform-origin: top right;
        transform: scale(0, 1);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    30% {
        transform-origin: top right;
        transform: scale(1, 1)
    }

    41% {
        transform-origin: top left;
        transform: scale(1, 1);
        animation-timing-function: cubic-bezier(0.48, 0.02, 0, 0.99)
    }

    100% {
        transform-origin: top left;
        transform: scale(0, 1)
    }
}

.signature-content .brand-detail-contents.holiday-landing .fnt-b {
    font-family: "Gotham Bold";
    font-weight: normal
}

.signature-content .brand-detail-contents.holiday-landing .section-video.custom-space0 {
    margin-bottom: 150px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .section-video.custom-space0 {
        margin-bottom:150px;
        margin-bottom: 9.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .section-video.custom-space0 {
        margin-bottom:120px;
        margin-bottom: 18.75vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .section-text.custom-space0 {
    padding-bottom: 150px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .section-text.custom-space0 {
        padding-bottom:150px;
        padding-bottom: 9.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .section-text.custom-space0 {
        padding-bottom:120px;
        padding-bottom: 18.75vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 {
    margin-bottom: 150px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 {
        margin-bottom:150px;
        margin-bottom: 9.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 {
        margin-bottom:120px;
        margin-bottom: 18.75vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 p {
    margin: 0;
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    font-family: "Gotham Bold";
    color: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 p {
        font-size:2.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 p {
        font-size:6.25vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 p {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul {
    text-align: center;
    padding: 0;
    margin-top: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul {
        margin-top:50px;
        margin-top: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul {
        margin-top:46px;
        margin-top: 7.1875vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li {
    display: inline-block;
    width: 330px;
    margin: 0 15px;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li {
        width:330px;
        width: 20.625vw;
        margin: 0px 15px 0px 15px;
        margin: 0vw .9375vw 0vw .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li {
        width:278px;
        width: 43.4375vw;
        margin: 0px 0px 0px 0px;
        margin: 0vw 0vw 0vw 0vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li a {
    text-decoration: none;
    display: block
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .img {
    display: block;
    overflow: hidden;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .img {
        margin-bottom:30px;
        margin-bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .img {
        margin-bottom:20px;
        margin-bottom: 3.125vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .img img {
    display: block;
    width: 100%
}

.signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .txt {
    color: #000;
    font-size: 18px;
    text-decoration: none;
    font-family: "Gotham Medium"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .txt {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .txt {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .txt {
        font-size:3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.holiday-landing .custom-list0 ul li .txt {
        font-size:11px
    }
}

.signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery {
    text-align: center
}

.signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .gallery-box-wrap {
    margin-top: 110px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .gallery-box-wrap {
        margin-top:110px;
        margin-top: 6.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-2 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-3 {
        margin-top:-84px;
        margin-top: -13.125vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-4 {
    margin-top: -50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-4 {
        margin-top:-50px;
        margin-top: -3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-5 {
        margin-top:-136px;
        margin-top: -21.25vw
    }
}

.signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-6 {
    margin-top: -30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-6 {
        margin-top:-30px;
        margin-top: -1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.holiday-landing .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-3 {
        margin-top:-115px;
        margin-top: -17.96875vw
    }
}

.signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-4 {
    margin-top: -160px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-4 {
        margin-top:-160px;
        margin-top: -10vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-5 {
    margin-top: -70px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-5 {
        margin-top:-70px;
        margin-top: -4.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-5 {
        margin-top:-34px;
        margin-top: -5.3125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.delfino .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
    font-size: 22px;
    color: #a8a9ad;
    letter-spacing: 0;
    margin-top: 6px;
    line-height: 163.63636%;
    font-family: "Gotham Medium";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        font-size:1.375vw;
        margin-top: 6px;
        margin-top: .375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        font-size:22px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        margin-top:6px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        margin-top:6px;
        margin-top: .9375vw;
        line-height: 160.71429%;
        font-size: 4.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.trends-2019 .brand-title-block h1 span {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-3 {
        margin-top:-35px;
        margin-top: -5.46875vw
    }
}

.signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-4 {
    margin-top: -30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-4 {
        margin-top:-30px;
        margin-top: -1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-5 {
    margin-top: -80px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-5 {
        margin-top:-80px;
        margin-top: -5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-5 {
        margin-top:-21px;
        margin-top: -3.28125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wall-paper .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.modernism .col-modernism-logo {
    max-width: 482px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.modernism .col-modernism-logo {
        max-width:482px;
        max-width: 30.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .col-modernism-logo {
        padding:0px 20px 0px 20px
    }
}

.signature-content .brand-detail-contents.modernism .desc-block .desc {
    position: relative;
    color: #999999
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .desc-block .desc {
        text-align:left
    }
}

.signature-content .brand-detail-contents.modernism .desc-block .desc .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.modernism .desc-block .desc .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .desc-block .desc .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.modernism .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

.signature-content .brand-detail-contents.modernism .desc-spe {
    display: block !important;
    position: relative;
    line-height: 100% !important;
    padding-top: 70px;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #999999;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    white-space: normal
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .desc-spe {
        text-align:left;
        padding-top: 60px
    }
}

.signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
    position: absolute;
    top: 73px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
        line-height:150%;
        font-size: 19px;
        font-size: 1.1875vw;
        top: 73px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
        line-height:150%;
        font-size: 20px !important
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
        font-size:3.125vw;
        top: 65px
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-star {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
    position: relative;
    left: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
        line-height:150%;
        font-size: 19px;
        font-size: 1.1875vw
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
        line-height:150%;
        font-size: 20px !important
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
        font-size:3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.modernism .desc-spe .desc-desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.modernism .txt-left .title {
    margin: 15px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .txt-left .title {
        margin:15px
    }
}

.signature-content .brand-detail-contents.modernism .reference-info {
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.modernism .reference-info {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .brand-detail-contents.modernism .reference-info {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.modernism .reference-info {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.modernism .reference-info {
        font-size:20px;
        font-size: 3.125vw;
        line-height: 150%
    }

    .signature-content .brand-detail-contents.modernism .reference-info a {
        display: block
    }
}

.signature-content .brand-detail-contents.modernism .reference-info a {
    text-decoration: none;
    color: #2577ca
}

.signature-content .brand-detail-contents.modernism .reference-info a:hover {
    text-decoration: none;
    border-bottom: 2px solid #2577ca;
    padding-bottom: 0.5px
}

.signature-content .brand-detail-contents.natural-captivity .col-modernism-logo {
    max-width: 435px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .col-modernism-logo {
        max-width:435px;
        max-width: 27.1875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .col-modernism-logo {
        padding:0px 20px 0px 20px
    }
}

.signature-content .brand-detail-contents.natural-captivity .desc-block .desc {
    position: relative;
    color: #999999
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-block .desc {
        text-align:left
    }
}

.signature-content .brand-detail-contents.natural-captivity .desc-block .desc .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-block .desc .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-block .desc .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.natural-captivity .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

.signature-content .brand-detail-contents.natural-captivity .desc-spe {
    display: block !important;
    position: relative;
    line-height: 100% !important;
    padding-top: 70px;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #999999;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    white-space: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe {
        text-align:left
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe {
        text-align:left;
        padding-top: 60px
    }
}

.signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
    position: absolute;
    top: 73px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        line-height:150%;
        font-size: 1.5625vw;
        top: 75px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        line-height:150%;
        font-size: 18px !important
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        font-size:3.125vw;
        top: 65px
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-star {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
    position: relative;
    left: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        line-height:150%;
        font-size: 1.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        line-height:150%;
        font-size: 18px !important
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        font-size:3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.natural-captivity .desc-spe .desc-desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.natural-captivity .txt-left .title {
    margin: 15px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .txt-left .title {
        margin:15px
    }
}

.signature-content .brand-detail-contents.natural-captivity .reference-info {
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.natural-captivity .reference-info {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .brand-detail-contents.natural-captivity .reference-info {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.natural-captivity .reference-info {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.natural-captivity .reference-info {
        font-size:20px;
        font-size: 3.125vw;
        line-height: 150%
    }

    .signature-content .brand-detail-contents.natural-captivity .reference-info a {
        display: block
    }
}

.signature-content .brand-detail-contents.natural-captivity .reference-info a {
    text-decoration: none;
    color: #2577ca
}

.signature-content .brand-detail-contents.natural-captivity .reference-info a:hover {
    text-decoration: none;
    border-bottom: 2px solid #2577ca;
    padding-bottom: 0.5px
}

.signature-content .brand-detail-contents.monocle3 .col-monocle3-logo {
    max-width: 450px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.monocle3 .col-monocle3-logo {
        max-width:450px;
        max-width: 28.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .col-monocle3-logo {
        padding:0px 20px 0px 20px
    }
}

.signature-content .brand-detail-contents.monocle3 .title-block {
    text-align: center
}

.signature-content .brand-detail-contents.monocle3 .sub-title-block {
    text-align: center;
    margin-bottom: 100px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .sub-title-block {
        padding:0 70px 0 70px;
        margin-bottom: 100px;
        margin-bottom: 15.625vw
    }
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text {
    padding: 0;
    overflow: hidden;
    max-width: 1440px;
    padding: 0px 65px 250px 65px
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text {
        padding:0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text {
        padding:0px
    }
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block {
    display: table;
    overflow: hidden
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block {
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    width: 720px
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block {
        display:table-row
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block {
        display:block;
        text-align: center;
        width: 100%;
        max-width: 100%;
        padding: 0px
    }
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block a {
    display: inline-block;
    overflow: hidden
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block img {
    display: block;
    max-width: 100%;
    height: auto
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block img {
        display:block;
        margin: auto
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block img {
        margin:0 auto
    }
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block img {
    transform: scale(1);
    -moz-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

body.no-touch .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block:hover img,body.no-touch .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .image-block:focus img {
    transform: scale(1.05)
}

.signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .text-block {
    display: table-cell;
    vertical-align: middle;
    width: 600px;
    padding-left: 77px
}

@media all and (min-width: 768px) and (max-width: 1200px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .text-block {
        padding:0px 455px 250px 455px;
        padding: 0vw 28.4375vw 15.625vw 28.4375vw;
        padding-top: 100px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .monocle3-image-text .image-text-block .text-block {
        display:block;
        width: auto;
        padding-left: 0px;
        padding: 100px 102px 200px 102px;
        padding: 15.625vw 15.9375vw 31.25vw 15.9375vw
    }
}

.signature-content .brand-detail-contents.monocle3 .images {
    margin-bottom: 100px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .images {
        margin-bottom:100px;
        margin-bottom: 15.625vw
    }
}

.signature-content .brand-detail-contents.monocle3 .sub-text {
    text-align: center;
    padding: 0px 200px 250px 200px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .sub-text {
        padding:0px 102px 200px 102px;
        padding: 0vw 15.9375vw 31.25vw 15.9375vw
    }
}

.signature-content .brand-detail-contents.monocle3 .sub-text .text-block {
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .sub-text .text-block {
        font-size:2.8125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 426.66667px) {
    .signature-content .brand-detail-contents.monocle3 .sub-text .text-block {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (min-width: 711.11111px) {
    .signature-content .brand-detail-contents.monocle3 .sub-text .text-block {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.monocle3 .sub-text:last-child {
    padding: 0px 200px 0px 200px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.monocle3 .sub-text:last-child {
        padding:0px 102px 0px 102px;
        padding: 0vw 15.9375vw 0vw 15.9375vw
    }
}

.signature-content .brand-detail-contents.vslb .txt-left .title {
    margin: 15px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.vslb .txt-left .title {
        margin:15px
    }
}

.signature-content .brand-detail-contents.vslb .reference-info {
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.vslb .reference-info {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .brand-detail-contents.vslb .reference-info {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.vslb .reference-info {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.vslb .reference-info {
        font-size:20px;
        font-size: 3.125vw;
        line-height: 150%
    }

    .signature-content .brand-detail-contents.vslb .reference-info a {
        display: block
    }
}

.signature-content .brand-detail-contents.vslb .reference-info a {
    text-decoration: none;
    color: #2577ca
}

.signature-content .brand-detail-contents.vslb .reference-info a:hover {
    text-decoration: none;
    border-bottom: 2px solid #2577ca;
    padding-bottom: 0.5px
}

.signature-content .brand-detail-contents.city-trip-london .col-citylondon-logo {
    max-width: 547px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-london .col-citylondon-logo {
        max-width:547px;
        max-width: 34.1875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-london .col-citylondon-logo {
        padding:0px 20px 0px 20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-london .desc-block .desc-left {
        max-width:80% !important;
        text-align: left
    }
}

.signature-content .brand-detail-contents.city-trip-london .desc-block .desc {
    position: relative;
    color: #999999
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-london .desc-block .desc {
        text-align:left;
        max-width: 80%
    }
}

.signature-content .brand-detail-contents.city-trip-london .desc-block .desc .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-london .desc-block .desc .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-london .desc-block .desc .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.city-trip-london .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

.signature-content .brand-detail-contents.city-trip-london .reference-info {
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-london .reference-info {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .brand-detail-contents.city-trip-london .reference-info {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-london .reference-info {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-london .reference-info {
        font-size:20px;
        font-size: 3.125vw;
        line-height: 150%
    }

    .signature-content .brand-detail-contents.city-trip-london .reference-info a {
        display: block
    }
}

.signature-content .brand-detail-contents.city-trip-london .reference-info a {
    text-decoration: none;
    color: #2577ca
}

.signature-content .brand-detail-contents.city-trip-london .reference-info a:hover {
    text-decoration: none;
    border-bottom: 2px solid #2577ca;
    padding-bottom: 0.5px
}

.signature-content .brand-detail-contents.alessandro-mendini2 .banner-info {
    padding-bottom: 90px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .banner-info {
        padding-bottom:70px;
        padding-bottom: 10.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .desc-block {
        margin:0 auto
    }
}

.signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc {
    position: relative;
    color: #999999;
    text-align: left;
    max-width: 45%;
    padding-top: 80px
}

@media screen and (max-width: 970px) and (min-width: 768px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc {
        max-width:58%
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc {
        text-align:left;
        max-width: 60%;
        left: -20px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc .desc-star {
    position: absolute;
    top: 83px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc .desc-star {
        top:93px;
        top: 5.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc .desc-star {
        top:83px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini2 .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .section-image {
        padding:0px;
        width: 100%
    }
}

.signature-content .brand-detail-contents.alessandro-mendini2 .section-image .image-wraping {
    overflow: hidden
}

.signature-content .brand-detail-contents.alessandro-mendini2 .section-image .image-wraping .image-block {
    width: 33.3%;
    float: left;
    padding: 1px;
    border-left: 0;
    text-align: center;
    box-sizing: border-box
}

.signature-content .brand-detail-contents.alessandro-mendini2 .section-image .image-wraping .image-block a {
    display: inline-block;
    overflow: hidden;
    width: 100%
}

.signature-content .brand-detail-contents.alessandro-mendini2 .section-image .image-wraping .image-block img {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini2 .section-image .image-wraping .image-block {
        padding:1px
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe {
    display: block !important;
    position: relative;
    line-height: 100% !important;
    padding-top: 70px;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #999999;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    white-space: normal
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe {
        text-align:left;
        padding-top: 60px
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
    position: absolute;
    top: 73px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        line-height:150%;
        font-size: 1.125vw;
        top: 75px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        font-size:3.125vw;
        top: 65px
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-star {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
    position: relative;
    left: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        font-size:1.125vw;
        padding-top: 23px;
        padding-top: 1.4375vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        padding-top:23px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        padding-top:23px;
        padding-top: 3.59375vw;
        font-size: 3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-spe .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-spe .desc-desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc {
    position: relative;
    color: #999999
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc {
        text-align:left
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .desc-block .desc .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .desc-block .desc .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .section-video,.signature-content .brand-detail-contents.city-trip-berlin .section-video,.signature-content .brand-detail-contents.city-trip-seoul .section-video {
    margin-bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-video,.signature-content .brand-detail-contents.city-trip-berlin .section-video,.signature-content .brand-detail-contents.city-trip-seoul .section-video {
        margin-bottom:0
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-video,.signature-content .brand-detail-contents.city-trip-berlin .section-video,.signature-content .brand-detail-contents.city-trip-seoul .section-video {
        margin-bottom:0
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging {
    position: relative;
    max-width: 80%;
    margin: 0 auto;
    font-size: 18px;
    color: #999999;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    text-align: center;
    white-space: normal
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
    padding-top: 23px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        font-size:1.125vw;
        padding-top: 23px;
        padding-top: 1.4375vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        padding-top:23px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        padding-top:23px;
        padding-top: 3.59375vw;
        font-size: 3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc-star,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.city-trip-sanfrancisco .section-exception.tagging .desc-desc,.signature-content .brand-detail-contents.city-trip-berlin .section-exception.tagging .desc-desc,.signature-content .brand-detail-contents.city-trip-seoul .section-exception.tagging .desc-desc {
    position: relative;
    left: 10px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-3 {
        margin-top:-38px;
        margin-top: -5.9375vw
    }
}

.signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-4 {
    margin-top: -40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-4 {
        margin-top:-40px;
        margin-top: -2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-5 {
    margin-top: -70px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-5 {
        margin-top:-70px;
        margin-top: -4.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-5 {
        margin-top:-58px;
        margin-top: -9.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.santi-zoraidez .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.santi-studio .reference-info,.signature-content .brand-detail-contents.peter-tarka .reference-info {
    font-size: 18px;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.santi-studio .reference-info,.signature-content .brand-detail-contents.peter-tarka .reference-info {
        font-size:18px;
        font-size: 1.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.santi-studio .reference-info,.signature-content .brand-detail-contents.peter-tarka .reference-info {
        font-size:20px;
        font-size: 3.125vw;
        line-height: 150%
    }

    .signature-content .brand-detail-contents.santi-studio .reference-info a,.signature-content .brand-detail-contents.peter-tarka .reference-info a {
        display: block
    }
}

.signature-content .brand-detail-contents.santi-studio .reference-info a,.signature-content .brand-detail-contents.peter-tarka .reference-info a {
    text-decoration: none
}

.signature-content .brand-detail-contents.alessandro-mendini .disclaimer {
    padding-left: 0;
    font-size: 18px;
    color: #999
}

.signature-content .brand-detail-contents.alessandro-mendini .disclaimer li {
    position: relative;
    margin-top: 30px;
    padding-left: 25px;
    list-style: none
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .disclaimer li {
        font-size:4.375vw;
        line-height: 160.71429%;
        padding-left: 20px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.alessandro-mendini .disclaimer li {
        font-size:14px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .disclaimer li em {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 22px;
    color: #ba8748;
    font-style: normal
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .disclaimer li em {
        font-size:4.6875vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.alessandro-mendini .disclaimer li em {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .product-banner .txt .title {
        padding:40px 0 34px 0
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .banner-info {
    padding-bottom: 90px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .banner-info {
        padding-bottom:70px;
        padding-bottom: 10.9375vw
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text {
    padding: 0;
    overflow: hidden;
    border: 1px solid #ddd;
    max-width: 1200px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text {
        max-width:508px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text>.image-block {
    float: left;
    max-width: 560px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text>.image-block {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        max-width: 590px;
        max-width: 36.875vw;
        margin-left: 50px;
        margin-left: 3.125vw
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text>.image-block img {
    display: block;
    width: 100%
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text {
    float: right;
    width: 56%;
    padding: 25px 90px 0px 50px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text {
        padding:45px 90px 35px 50px;
        padding: 2.8125vw 5.625vw 2.1875vw 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text {
        width:100%;
        padding: 30px 35px 30px 35px;
        padding: 4.6875vw 5.46875vw 4.6875vw 5.46875vw
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .image-block {
    max-width: 661px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .image-block {
        max-width:661px;
        max-width: 41.3125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .image-block {
        max-width:500px;
        max-width: 78.125vw
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .image-block img {
    width: 100%
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text {
    padding: 25px 0px 0px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text {
        padding:35px 0px 0px 0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text {
        padding-top:40px;
        padding-top: 6.25vw
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
    font-size: 17.7px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:1.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1309.09091px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 407.27273px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block {
        font-size:22px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-text .image-text .section-text .text-block p {
    margin-bottom: 22px
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap {
    overflow: hidden
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap .image-block {
    width: 33.3%;
    float: left;
    padding: 40px;
    border: 1px solid #ddd;
    border-left: 0;
    text-align: center;
    box-sizing: border-box
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap .image-block:first-of-type {
    border-left: 1px solid #ddd
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap .image-block a {
    display: inline-block;
    width: 100%
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap .image-block img {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.alessandro-mendini .section-image .mendini-image-wrap .image-block {
        padding:13px
    }
}

.signature-content .brand-detail-contents.alessandro-mendini .section-image .liner {
    border: 1px solid #ddd
}

.signature-content .brand-detail-contents.james-suckling .disclaimer {
    font-size: 18px;
    color: #999
}

.signature-content .brand-detail-contents.james-suckling .disclaimer li {
    position: relative;
    margin-top: 30px;
    padding-left: 25px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .disclaimer li {
        font-size:4.375vw;
        line-height: 160.71429%;
        padding-left: 20px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.james-suckling .disclaimer li {
        font-size:14px
    }
}

.signature-content .brand-detail-contents.james-suckling .disclaimer li em {
    position: absolute;
    top: 3px;
    left: 0;
    font-size: 22px;
    color: #ba8748;
    font-style: normal
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .disclaimer li em {
        font-size:4.6875vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.james-suckling .disclaimer li em {
        font-size:15px
    }
}

.signature-content .brand-detail-contents.james-suckling .important-text {
    color: #ba8748
}

.signature-content .brand-detail-contents.james-suckling .product-banner {
    margin: 0px auto 100px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .product-banner .txt .title {
        padding:40px 0 34px 0
    }
}

.signature-content .brand-detail-contents.james-suckling .banner-info {
    padding-bottom: 90px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .banner-info {
        padding-bottom:70px;
        padding-bottom: 10.9375vw
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image {
    margin: 0px 0 250px !important
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image {
        margin:0px 0 100px !important
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .title p {
    font-size: 18px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .title p {
        font-size:3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 407.27273px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .title p {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .title p {
        font-size:22px
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping {
    overflow: hidden;
    display: flex;
    padding: 0;
    justify-content: center
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping {
        flex-wrap:wrap
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block {
    float: left;
    padding: 15px;
    border-left: 0;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
    width: 25%
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block {
        width:50%
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block a {
    overflow: hidden;
    display: inline-block;
    width: 100%;
    text-decoration: none
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block span {
    font-family: "Gotham Medium";
    font-weight: normal;
    display: block;
    margin-top: 15px;
    font-size: 14pt;
    color: black
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block span {
        font-size:2.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 560px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block span {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block span {
        font-size:16px
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block img {
    display: block;
    width: 100%;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block {
        padding:15px
    }
}

.signature-content .brand-detail-contents.james-suckling .cut-image .image-wraping .image-block:hover {
    text-decoration: underline
}

.signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-1 {
    margin-top: 80px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-1 {
        margin-top:80px;
        margin-top: 5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-1 {
        margin-top:0px;
        margin-top: 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-3 {
        margin-top:-70px;
        margin-top: -10.9375vw
    }
}

.signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-4 {
    margin-top: -220px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-4 {
        margin-top:-220px;
        margin-top: -13.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-4 {
        margin-top:45px;
        margin-top: 7.03125vw
    }
}

.signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-5 {
    margin-top: -190px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-5 {
        margin-top:-190px;
        margin-top: -11.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.andreas-wannerstedt .brand-detail-gallery .box-5 {
        margin-top:30px;
        margin-top: 4.6875vw
    }
}

.signature-content .brand-detail-contents.mdw-2019 .image-border {
    border: 1px solid #dddddd
}

.signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-1 {
    margin-top: 160px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-1 {
        margin-top:160px;
        margin-top: 10vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-1 {
        margin-top:0
    }
}

.signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-3 {
    margin-top: 80px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-3 {
        margin-top:80px;
        margin-top: 5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-3 {
        margin-top:-21px;
        margin-top: -3.28125vw
    }
}

.signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-4 {
    margin-top: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-4 {
        margin-top:0px;
        margin-top: 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-5 {
    margin-top: -85px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-5 {
        margin-top:-85px;
        margin-top: -5.3125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-5 {
        margin-top:23px;
        margin-top: 3.59375vw
    }
}

.signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-6 {
    margin-top: -30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-6 {
        margin-top:-30px;
        margin-top: -1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.mdw-2019 .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.art-inspire .section-image .desc-block .desc {
    word-break: normal
}

.signature-content .brand-detail-contents.event-ces-2020 .important-text {
    color: #ba8748
}

.signature-content .brand-detail-contents.event-ces-2020 .special-code {
    font-family: 'cursive';
    font-weight: 600
}

.signature-content .brand-detail-contents.event-ces-2020 .section-title {
    text-align: center;
    text-decoration: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title {
        margin-top:250px;
        margin-top: 15.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title {
        margin-top:250px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title {
        margin-top:10px;
        margin-top: 1.5625vw;
        margin-bottom: 10px;
        margin-bottom: 1.5625vw
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2 {
    position: relative;
    font-size: 48px;
    line-height: 116.66667%;
    font-family: "Gotham Bold";
    font-weight: normal;
    padding-bottom: 40px;
    letter-spacing: -1.4px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2 {
        font-size:3vw;
        padding-bottom: 40px;
        padding-bottom: 2.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2 {
        padding-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2 {
        font-size:5.625vw;
        padding-bottom: 30px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2 {
        font-size:18px
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60px;
    height: 2px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2:after {
        width:30px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title.underline h2:after {
        width:30px
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .section-title+.section-text {
    padding-top: 50px
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-title+.section-text {
        padding-top:10px
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .disclaimer {
    position: relative;
    font-family: "Gotham Book";
    font-weight: normal;
    font-size: 14px;
    line-height: 171.42857%;
    color: #999
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .disclaimer {
        font-size:1.25vw;
        line-height: 170%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 960px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .disclaimer {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .disclaimer {
        font-size:3.125vw;
        line-height: 170%;
        margin-top: -10px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .disclaimer {
        font-size:10px
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap {
    text-align: center
}

.signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span {
    display: inline-block;
    margin: 60px 90px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span {
        width:152px;
        width: 9.5vw;
        margin-left: 46px;
        margin-left: 2.875vw;
        margin-right: 46px;
        margin-right: 2.875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span {
        width:152px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span img {
        width:100%
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span {
        margin:0;
        width: 110px;
        width: 17.1875vw;
        margin-left: 46px;
        margin-left: 7.1875vw;
        margin-right: 46px;
        margin-right: 7.1875vw
    }

    .signature-content .brand-detail-contents.event-ces-2020 .section-text .text-block .images-wrap span img {
        width: 100%
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .gallery-box-wrap {
    margin-top: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .gallery-box-wrap {
        margin-top:40px;
        margin-top: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-3 {
        margin-top:-124px;
        margin-top: -19.375vw
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-4 {
    margin-top: -60px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-4 {
        margin-top:-60px;
        margin-top: -3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-5 {
        margin-top:-60px;
        margin-top: -9.375vw
    }
}

.signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-6 {
    margin-top: 70px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-6 {
        margin-top:70px;
        margin-top: 4.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.event-ces-2020 .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents.art-inspire-oled .section-video.desc-block .btn-play.type1 {
    bottom: 30px;
    left: 40px;
    z-index: 3
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.art-inspire-oled .section-video.desc-block .btn-play.type1 {
        bottom:30px;
        bottom: 1.875vw;
        left: 40px;
        left: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.art-inspire-oled .section-video.desc-block .btn-play.type1 {
        bottom:28px;
        bottom: 4.375vw;
        left: 42px;
        left: 6.5625vw
    }
}

.signature-content .brand-detail-contents .list-box {
    font-size: 18px;
    line-height: 150%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .list-box {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1333.33333px) {
    .signature-content .brand-detail-contents .list-box {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .list-box {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .list-box {
        margin-top:6px;
        margin-top: .9375vw;
        line-height: 150%;
        font-size: 3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .list-box {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents .list-box {
        font-size:20px
    }
}

.signature-content .brand-detail-contents .list-box ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 7px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .list-box ul {
        margin-top:7px;
        margin-top: .4375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .list-box ul {
        margin-top:7px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .list-box ul {
        margin-top:7px;
        margin-top: 1.09375vw
    }
}

.signature-content .brand-detail-contents .list-box ul li {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #ba8748;
    text-indent: -14px;
    margin-left: 14px
}

.signature-content .brand-detail-contents .list-box ul li a {
    text-decoration: none;
    color: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .list-box ul li {
        text-indent:-14px;
        text-indent: -.875vw;
        margin-left: 14px;
        margin-left: .875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .list-box ul li {
        text-indent:-14px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents .list-box ul li {
        margin-left:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .list-box ul li {
        text-indent:-14px;
        text-indent: -2.1875vw;
        margin-left: 14px;
        margin-left: 2.1875vw
    }
}

.signature-content .brand-detail-contents .list-box ul.type-black li {
    color: #333
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-3 {
        margin-top:-48px;
        margin-top: -7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-4 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-5 {
        margin-top:-160px;
        margin-top: -25vw
    }
}

.signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-6 {
    margin-top: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-6 {
        margin-top:40px;
        margin-top: 2.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.nordic .brand-detail-gallery .box-6 {
        margin-top:48px;
        margin-top: 7.5vw
    }
}

.signature-content .brand-detail-contents .module-banner,.signature-content .brand-detail-contents .product-banner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 250px auto 100px;
    padding: 0 95px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .module-banner,.signature-content .brand-detail-contents .product-banner {
        padding:0px 95px 0px 95px;
        padding: 0vw 5.9375vw 0vw 5.9375vw;
        margin-bottom: 100px;
        margin-bottom: 6.25vw;
        margin-top: 250px;
        margin-top: 15.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner,.signature-content .brand-detail-contents .product-banner {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw;
        margin-bottom: 100px;
        margin-bottom: 15.625vw;
        margin-top: 200px;
        margin-top: 31.25vw;
        min-width: 100%
    }
}

.signature-content .brand-detail-contents .module-banner.mid-banner,.signature-content .brand-detail-contents .product-banner.mid-banner {
    margin-bottom: 250px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .module-banner.mid-banner,.signature-content .brand-detail-contents .product-banner.mid-banner {
        margin-bottom:250px;
        margin-bottom: 15.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner.mid-banner,.signature-content .brand-detail-contents .product-banner.mid-banner {
        margin-bottom:200px;
        margin-bottom: 31.25vw
    }
}

.signature-content .brand-detail-contents .module-banner .img,.signature-content .brand-detail-contents .product-banner .img {
    width: 100%;
    font-size: 0
}

.signature-content .brand-detail-contents .module-banner .img img,.signature-content .brand-detail-contents .product-banner .img img {
    width: 100%
}

.signature-content .brand-detail-contents .module-banner .txt,.signature-content .brand-detail-contents .product-banner .txt {
    position: absolute;
    left: 185px;
    top: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .module-banner .txt,.signature-content .brand-detail-contents .product-banner .txt {
        left:185px;
        left: 11.5625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner .txt,.signature-content .brand-detail-contents .product-banner .txt {
        left:0;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .brand-detail-contents .module-banner .txt .title,.signature-content .brand-detail-contents .product-banner .txt .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 111.11111%;
    font-size: 36px;
    color: #000;
    letter-spacing: -.9px;
    padding: 73px 0 34px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .module-banner .txt .title,.signature-content .brand-detail-contents .product-banner .txt .title {
        font-size:2.25vw;
        padding: 73px 0px 34px 0px;
        padding: 4.5625vw 0vw 2.125vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner .txt .title,.signature-content .brand-detail-contents .product-banner .txt .title {
        font-size:6.5625vw;
        line-height: 109.52381%;
        text-align: center;
        padding: 73px 0px 34px 0px;
        padding: 11.40625vw 0vw 5.3125vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents .module-banner .txt .title,.signature-content .brand-detail-contents .product-banner .txt .title {
        font-size:21px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner .txt .btn-hero,.signature-content .brand-detail-contents .product-banner .txt .btn-hero {
        text-align:center
    }
}

.signature-content .brand-detail-contents .module-banner.pack-shot .txt .title,.signature-content .brand-detail-contents .product-banner.pack-shot .txt .title {
    padding: 120px 0 34px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents .module-banner.pack-shot .txt .title,.signature-content .brand-detail-contents .product-banner.pack-shot .txt .title {
        padding:120px 0px 34px 0px;
        padding: 7.5vw 0vw 2.125vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents .module-banner.pack-shot .txt .title,.signature-content .brand-detail-contents .product-banner.pack-shot .txt .title {
        padding:100px 0px 34px 0px;
        padding: 15.625vw 0vw 5.3125vw 0vw
    }
}

.signature-content .brand-detail-contents .section-text+.module-banner,.signature-content .brand-detail-contents .section-text+.product-banner,.signature-content .brand-detail-contents .section-text+#product-banner .product-banner {
    margin-top: 0
}

.signature-content .brand-detail-contents.product-detail-explanation ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.signature-content .brand-detail-contents.product-detail-explanation p {
    margin-top: 0;
    margin-bottom: 0
}

.signature-content .brand-detail-contents.product-detail-explanation .section-title {
    margin: 250px auto 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title {
        width:1410px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title {
        width:1410px;
        width: 88.125vw;
        margin-top: 250px;
        margin-top: 15.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title {
        width:1410px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title {
        margin-top:250px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title {
        margin-top:200px;
        margin-top: 31.25vw;
        margin-bottom: 90px;
        margin-bottom: 14.0625vw;
        padding: 0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-title.underline .head-block:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    width: 60px;
    height: 2px;
    background: #ba8748
}

.signature-content .brand-detail-contents.product-detail-explanation .section-image {
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image {
        width:1410px;
        padding: 0
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image {
        width:1410px;
        width: 88.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image {
        width:1410px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text {
    font-size: 1rem
}

.signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text .image-block {
    margin-bottom: 100px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text .image-block {
        margin-bottom:100px;
        margin-bottom: 6.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text .image-block {
        margin-bottom:100px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text .image-block {
        margin-bottom:90px;
        margin-bottom: 14.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-image.with-text .text-block {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-text h3 {
    font-size: 42px;
    line-height: 109.52381%;
    font-family: "Gotham Bold";
    font-weight: normal;
    margin: 0 0 40px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-text h3 {
        font-size:2.625vw;
        margin: 0px 0px 40px 0px;
        margin: 0vw 0vw 2.5vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-text h3 {
        margin:0px 0px 40px 0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-text h3 {
        font-size:6.25vw;
        line-height: 110%;
        margin: 0px 0px 40px 0px;
        margin: 0vw 0vw 6.25vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-text h3 {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section {
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section {
        box-sizing:border-box
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left {
    float: left;
    width: 690px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left {
        width:690px;
        width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left {
        width:690px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left {
        width:100%;
        float: none;
        box-sizing: border-box
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
    float: right;
    width: 690px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        width:690px;
        width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        width:690px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        width:100%;
        float: none;
        box-sizing: border-box
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
    padding-top: 60px;
    padding-bottom: 60px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        padding-top:60px;
        padding-top: 3.75vw;
        padding-bottom: 60px;
        padding-bottom: 3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        padding-top:60px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        padding-bottom:60px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right {
        padding-top:100px;
        padding-top: 15.625vw;
        padding-bottom: 100px;
        padding-bottom: 15.625vw
    }

    .signature-content .brand-detail-contents.product-detail-explanation .half-section .block-left:last-child,.signature-content .brand-detail-contents.product-detail-explanation .half-section .block-right:last-child {
        padding-bottom: 0
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
    position: relative;
    width: 450px;
    margin: 100px auto 0;
    font-size: 22px;
    padding-left: 32px;
    line-height: 163.63636%;
    font-family: "Gotham Medium";
    font-weight: normal;
    text-align: left;
    padding-top: 0;
    max-width: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        width:450px;
        width: 28.125vw;
        margin-top: 100px;
        margin-top: 6.25vw;
        font-size: 1.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        width:450px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        margin-top:100px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 872.72727px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        width:auto;
        font-size: 4.375vw;
        margin-top: 90px;
        margin-top: 14.0625vw;
        padding: 0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc {
        font-size:14px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section .desc h3 {
    font-size: 42px;
    line-height: 109.52381%;
    font-family: "Gotham Bold";
    font-weight: normal;
    margin: 0 0 40px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc h3 {
        font-size:2.625vw;
        margin: 0px 0px 40px 0px;
        margin: 0vw 0vw 2.5vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc h3 {
        margin:0px 0px 40px 0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc h3 {
        font-size:6.25vw;
        line-height: 110%;
        margin: 0px 0px 40px 0px;
        margin: 0vw 0vw 6.25vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section .desc h3 {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-left {
    padding-right: 15px;
    border-right: 2px solid #f5f5f5
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-left {
        padding-right:15px;
        padding-right: .9375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-left {
        padding-right:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-left {
        border-right:0;
        padding-right: 0;
        border-bottom: 2px solid #f5f5f5
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-right {
    padding-left: 15px;
    border-left: 2px solid #f5f5f5
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-right {
        padding-left:15px;
        padding-left: .9375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-right {
        padding-left:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.divide-line .b-right {
        border-left:0;
        padding-left: 0;
        border-top: 2px solid #f5f5f5
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text {
        display:table
    }

    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text>[class*="-block"] {
        display: table-cell;
        vertical-align: middle
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text {
        margin-top:120px;
        margin-top: 18.75vw;
        margin-bottom: 90px;
        margin-bottom: 14.0625vw;
        box-sizing: border-box
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .image-block {
    width: 810px;
    padding-right: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .image-block {
        width:810px;
        width: 50.625vw;
        padding-right: 30px;
        padding-right: 1.875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .image-block {
        width:810px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .image-block {
        padding-right:30px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .image-block {
        width:100%
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block {
        width:570px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block {
        width:570px;
        width: 35.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block {
        width:570px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw;
        margin-top: 90px;
        margin-top: 14.0625vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block h3 {
    font-size: 42px;
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 109.52381%;
    letter-spacing: -1.05px;
    margin: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block h3 {
        font-size:2.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block h3 {
        font-size:6.25vw;
        line-height: 110%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block h3 {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
    font-size: 22px;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 163.63636%;
    margin: 40px 0 0 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
        font-size:1.375vw;
        margin: 40px 0px 0px 0px;
        margin: 2.5vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 872.72727px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
        margin:40px 0px 0px 0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
        font-size:4.375vw;
        line-height: 160.71429%;
        margin: 40px 0px 0px 0px;
        margin: 6.25vw 0vw 0vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .half-section.side-text .text-block p {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-title+.half-section .block-left {
        padding-top:0
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle {
    margin: 0 auto
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle {
    padding-top: 100px;
    margin-top: 100px;
    position: relative
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #f5f5f5
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle:before {
        left:28px;
        left: 4.375vw;
        right: 28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle {
        padding-top:100px;
        padding-top: 6.25vw;
        margin-top: 100px;
        margin-top: 6.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle {
        padding-top:100px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle {
        margin-top:100px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-particle {
        padding-top:100px;
        padding-top: 15.625vw;
        margin-top: 100px;
        margin-top: 15.625vw
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.section-particle {
        margin-top:80px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.section-particle {
        margin-top:80px;
        margin-top: 5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.section-particle {
        margin-top:80px
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.divide-line {
        padding-top:80px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.divide-line {
        padding-top:80px;
        padding-top: 5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.divide-line {
        padding-top:80px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle.divide-line+.divide-line {
        padding-top:0
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title {
    padding-top: 200px;
    margin-top: 200px;
    position: relative
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background-color: #e5e5e5
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title:before {
        left:28px;
        left: 4.375vw;
        right: 28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title {
        padding-top:200px;
        padding-top: 12.5vw;
        margin-top: 200px;
        margin-top: 12.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title {
        padding-top:200px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title {
        margin-top:200px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.section-title {
        padding-top:200px;
        padding-top: 31.25vw;
        margin-top: 200px;
        margin-top: 31.25vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .section-particle+.chaining-text {
    margin-top: 0;
    border-top: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.chaining-text {
        margin-top:0
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .section-particle+.chaining-text {
        margin-top:0;
        padding-top: 90px;
        padding-top: 14.0625vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .head-block {
    margin: 0 0 100px 0;
    font-size: 80px;
    line-height: 107.5%;
    font-family: "Gotham Bold";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .head-block {
        font-size:5vw;
        margin-bottom: 100px;
        margin-bottom: 6.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .head-block {
        margin-bottom:100px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .head-block {
        font-size:12.5vw;
        margin-bottom: 90px;
        margin-bottom: 14.0625vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .head-block {
        font-size:40px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .underline .head-block {
    position: relative;
    padding-bottom: 40px;
    font-size: 60px;
    line-height: 106.66667%;
    letter-spacing: -1.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .underline .head-block {
        font-size:3.75vw;
        padding-bottom: 40px;
        padding-bottom: 2.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .underline .head-block {
        padding-bottom:40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .underline .head-block {
        font-size:7.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .underline .head-block {
        font-size:24px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .text-block {
    width: 690px;
    margin: 0 auto;
    font-family: "Gotham Medium";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block {
        width:690px;
        width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block {
        width:690px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block {
        box-sizing:border-box;
        width: 100%
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .text-block .head-copy {
    font-size: 42px;
    line-height: 109.52381%;
    font-family: "Gotham Bold";
    font-weight: normal;
    margin: 0 0 40px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block .head-copy {
        margin:0px 0px 40px 0px;
        margin: 0vw 0vw 2.5vw 0vw;
        font-size: 2.625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block .head-copy {
        margin:0px 0px 40px 0px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block .head-copy {
        margin:0px 0px 40px 0px;
        margin: 0vw 0vw 6.25vw 0vw;
        font-size: 6.25vw;
        line-height: 110%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block .head-copy {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .text-block p {
    position: relative;
    margin: 0px auto 0;
    padding-top: 0;
    text-align: left;
    font-size: 22px;
    line-height: 163.63636%;
    font-family: "Gotham Medium";
    font-weight: normal
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block p {
        font-size:1.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 872.72727px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block p {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block p {
        font-size:4.375vw;
        line-height: 160.71429%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-block p {
        font-size:14px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .num {
    text-align: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 171.42857%;
    font-family: "Gotham Bold";
    font-weight: normal;
    display: inline-block;
    background: #ba8748;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 5px;
    color: #fff
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        width:24px;
        width: 1.5vw;
        height: 24px;
        height: 1.5vw;
        top: 5px;
        top: .3125vw;
        font-size: .875vw;
        min-height: 14px;
        min-width: 14px;
        line-height: 24px;
        line-height: 1.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        width:24px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        height:24px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        top:5px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        line-height:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw;
        top: 3px;
        top: .46875vw;
        margin: 0px 0px 40px 0px;
        margin: 0vw 0vw 6.25vw 0vw;
        font-size: 2.8125vw;
        line-height: 166.66667%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num {
        font-size:9px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .num-list li {
    position: relative;
    padding-left: 32px;
    font-size: 22px;
    line-height: 163.63636%;
    font-family: "Gotham Medium";
    font-weight: normal;
    margin: 0 0 40px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        margin-bottom:40px;
        margin-bottom: 2.5vw;
        padding-left: 32px;
        padding-left: 2vw;
        font-size: 1.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        margin-bottom:40px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        padding-left:32px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 872.72727px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        font-size:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        margin:0px 0px 40px 0px;
        margin: 0vw 0vw 6.25vw 0vw;
        padding-left: 40px;
        padding-left: 6.25vw;
        font-size: 4.375vw;
        line-height: 160.71429%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .num-list li .num {
        top:7px;
        top: 1.09375vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
    position: relative;
    font-size: 18px;
    line-height: 166.66667%;
    color: #999;
    padding-left: 32px;
    margin-top: 40px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        font-size:1.125vw;
        padding-left: 32px;
        padding-left: 2vw;
        margin-top: 40px;
        margin-top: 2.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        padding-left:32px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        margin-top:40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        font-size:4.375vw;
        line-height: 135.71429%;
        padding-left: 40px;
        padding-left: 6.25vw;
        margin-top: 40px;
        margin-top: 6.25vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer {
        font-size:14px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .disclaimer.no-numbering {
    padding-left: 0
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        width:20px;
        height: 20px;
        font-size: 11px;
        line-height: 190.90909%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        font-size:.6875vw;
        width: 20px;
        width: 1.25vw;
        height: 20px;
        height: 1.25vw;
        line-height: 21px;
        line-height: 1.3125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1745.45455px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        width:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        height:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .num {
        line-height:21px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .disclaimer .paragraph:not(:first-child) {
    margin-top: 10px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .paragraph:not(:first-child) {
        margin-top:10px;
        margin-top: .625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .disclaimer .paragraph:not(:first-child) {
        margin-top:10px;
        margin-top: 1.5625vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
    display: flex;
    font-size: 18px;
    color: #999;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 150%;
    white-space: normal
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        justify-content:center
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:1.125vw;
        line-height: 150%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:3.125vw;
        line-height: 150%
    }
}

@media screen and (max-width: 767px) and (max-width: 448px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:14px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe {
        font-size:20px
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-star,.signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-desc {
    display: inline-block
}

.signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-star {
    padding-top: 4px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-star {
        padding-top:4px;
        padding-top: .25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-star {
        padding-top:4px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-star {
        padding-top:4px;
        padding-top: .625vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-desc {
    margin-left: 12px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-desc {
        margin-left:12px;
        margin-left: .75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-desc {
        margin-left:12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.product-detail-explanation .desc-spe .desc-desc {
        margin-left:12px;
        margin-left: 1.875vw
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .text-center {
    text-align: center
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.product-detail-explanation .text-center-d {
        text-align:center
    }
}

.signature-content .brand-detail-contents.product-detail-explanation .important-text {
    color: #ba8748
}

.signature-content .brand-detail-contents.product-detail-explanation .disclaimer-bleet {
    color: #999
}

.signature-content .brand-detail-contents.product-detail-explanation .plusmn {
    font-family: monospace
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.bottom-freezer .text-block sup,.signature-content .brand-detail-contents.bottom-freezer .desc sup {
        font-size:1.5rem
    }
}

@media screen and (min-width: 768px) {
    .signature-content .brand-detail-contents.bottom-freezer .section-image.half-section .desc {
        width:453px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.bottom-freezer .section-image.half-section .desc {
        width:453px;
        width: 28.3125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .brand-detail-contents.bottom-freezer .section-image.half-section .desc {
        width:453px
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .signature-content .brand-detail-contents.lewis-hamilton .brand-title-block {
        padding:0px 0px 0px 0px;
        padding: 0vw 0vw 0vw 0vw
    }
}

.signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc {
    position: relative;
    color: #999999
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc {
        text-align:left
    }
}

.signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc .desc-star {
    position: absolute;
    top: 27px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc .desc-star {
        top:27px;
        top: 1.6875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc .desc-star {
        top:27px;
        top: 4.21875vw
    }
}

.signature-content .brand-detail-contents.wood-aesthetic .desc-block .desc .desc-desc {
    position: relative;
    left: 20px
}

.signature-content .phil-contents {
    text-align: left
}

.signature-content .phil-contents .contents-header {
    padding-top: 310px
}

.signature-content .phil-contents .contents-header span {
    position: relative;
    display: block;
    text-align: center;
    color: #ba8748;
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-contents .contents-header span {
        font-size:1.25vw;
        margin-bottom: 8px;
        margin-bottom: .5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .phil-contents .contents-header span {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .phil-contents .contents-header span {
        font-size:20px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .phil-contents .contents-header span {
        margin-bottom:8px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-contents .contents-header span {
        margin-bottom:8px;
        margin-bottom: 1.25vw;
        line-height: 110%;
        font-size: 3.125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-contents .contents-header span {
        font-size:10px
    }
}

@media screen and (max-width: 767px) and (min-width: 640px) {
    .signature-content .phil-contents .contents-header span {
        font-size:20px
    }
}

.signature-content .phil-contents .contents-header h1 {
    font-size: 66px;
    font-family: "Gotham Bold";
    line-height: 106.66667%;
    letter-spacing: -1.5px;
    text-align: center;
    margin: 0
}

.signature-content .phil-contents .contents-header h1:after {
    content: "";
    display: block;
    position: relative;
    width: 1px;
    height: 80px;
    background: #ccc;
    margin: 60px auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .phil-contents .contents-header h1:after {
        height:50px;
        margin-top: 60px;
        margin-top: 3.75vw;
        margin-bottom: 60px;
        margin-bottom: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-contents .contents-header h1:after {
        height:80px;
        height: 12.5vw;
        margin-top: 60px;
        margin-top: 9.375vw;
        margin-bottom: 60px;
        margin-bottom: 9.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-contents .contents-header {
        padding-top:310px;
        padding-top: 19.375vw
    }

    .signature-content .phil-contents .contents-header h1 {
        font-size: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-contents .contents-header {
        margin-top:120px;
        margin-top: 18.75vw;
        padding-top: 186px;
        padding-top: 29.0625vw
    }

    .signature-content .phil-contents .contents-header h1 {
        font-size: 9.375vw;
        line-height: 108.33333%;
        font-size: 7.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-contents .contents-header h1 {
        font-size:30px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-contents .contents-header h1 {
        font-size:24px
    }
}

.signature-content .phil-contents * {
    font-family: "Gotham Medium";
    font-weight: normal
}

.signature-content .phil-section {
    position: relative;
    max-width: 1600px;
    margin: 0 auto
}

.signature-content .phil-section .parallax-visual {
    box-sizing: content-box
}

.signature-content .phil-section .parallax-visual.visual-1 {
    width: 1600px;
    height: 960px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-state-of-the-art-living-experience-w.jpg") no-repeat
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .parallax-visual.visual-1 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-state-of-the-art-living-experience-w.jpg") no-repeat;
        background-size: 100% 100%;
        width: 1600px;
        width: 100vw;
        height: 960px;
        height: 60vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-visual.visual-1 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-state-of-the-art-living-experience-m.jpg") no-repeat;
        background-size: 100% 100%;
        width: 640px;
        width: 100vw;
        height: 384px;
        height: 60vw
    }
}

.signature-content .phil-section .parallax-visual.visual-2 {
    width: 1320px;
    height: 960px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-greatness-inspired-by-essence-w.jpg") no-repeat
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .parallax-visual.visual-2 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-greatness-inspired-by-essence-w.jpg") no-repeat;
        background-size: 100% 100%;
        width: 1320px;
        width: 82.5vw;
        height: 960px;
        height: 60vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-visual.visual-2 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-greatness-inspired-by-essence-m.jpg") no-repeat;
        background-size: 100% 100%;
        width: 560px;
        width: 87.5vw;
        height: 408px;
        height: 63.75vw
    }
}

.signature-content .phil-section .parallax-visual.visual-3 {
    width: 1200px;
    height: 1150px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-leading-craftsmanship-starts-at-the-essence-w.jpg") no-repeat
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .parallax-visual.visual-3 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-leading-craftsmanship-starts-at-the-essence-w.jpg") no-repeat;
        background-size: 100% 100%;
        width: 1200px;
        width: 75vw;
        height: 1150px;
        height: 71.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-visual.visual-3 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-leading-craftsmanship-starts-at-the-essence-m.jpg") no-repeat;
        background-size: 100% 100%;
        width: 510px;
        width: 79.6875vw;
        height: 489px;
        height: 76.40625vw
    }
}

.signature-content .phil-section .parallax-visual.visual-4 {
    width: 1600px;
    height: 930px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-great-designs-must-be-experienced-w.jpg") no-repeat
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .parallax-visual.visual-4 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-great-designs-must-be-experienced-w.jpg") no-repeat;
        background-size: 100% 100%;
        width: 1600px;
        width: 100vw;
        height: 930px;
        height: 58.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-visual.visual-4 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-great-designs-must-be-experienced-m.jpg") no-repeat;
        background-size: 100% 100%;
        width: 640px;
        width: 100vw;
        height: 372px;
        height: 58.125vw
    }
}

.signature-content .phil-section .parallax-visual.visual-5 {
    width: 1080px;
    height: 1050px;
    background: url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-true-class-defined-by-true-performance-w.jpg") no-repeat
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .parallax-visual.visual-5 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-true-class-defined-by-true-performance-w.jpg") no-repeat;
        background-size: 100% 100%;
        width: 1080px;
        width: 67.5vw;
        height: 1050px;
        height: 65.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-visual.visual-5 {
        background:url("/content/dam/lge/se/migration/lg-signature/resource/images/brand/philosophy/lg-signature-brand-philosophy-true-class-defined-by-true-performance-m.jpg") no-repeat;
        background-size: 100% 100%;
        width: 460px;
        width: 71.875vw;
        height: 446px;
        height: 69.6875vw
    }
}

.signature-content .phil-section .img {
    position: relative;
    width: 100%;
    overflow: visible;
    font-size: 0
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .img {
        margin:0 auto
    }
}

.signature-content .phil-section .img img {
    width: 100%
}

.signature-content .phil-section .img .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    font-weight: bold;
    line-height: 100%;
    font-size: 100px;
    color: #000;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    letter-spacing: -2.5px
}

@media screen and (min-width: 768px) {
    .signature-content .phil-section .img .title {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .img .title {
        font-size:6.25vw;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .phil-section .img .title {
        font-size:100px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .img .title {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 9.375vw;
        line-height: 110%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-section .img .title {
        font-size:30px
    }
}

.signature-content .phil-section .img.img-black .title {
    color: #fff
}

.signature-content .phil-section.section-1 .img .parallax-visual {
    margin-left: 65px;
    max-width: 1320px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.section-1 .img .parallax-visual {
        margin-left:65px;
        margin-left: 4.0625vw;
        max-width: 1320px;
        max-width: 82.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.section-1 .img .parallax-visual {
        margin-left:0px;
        margin-left: 0vw;
        max-width: 560px;
        max-width: 87.5vw
    }
}

.signature-content .phil-section.section-2 .img .parallax-visual {
    margin-left: 400px;
    max-width: 1200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.section-2 .img .parallax-visual {
        margin-left:400px;
        margin-left: 25vw;
        max-width: 1200px;
        max-width: 75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.section-2 .img .parallax-visual {
        margin-left:130px;
        margin-left: 20.3125vw;
        max-width: 510px;
        max-width: 79.6875vw
    }
}

.signature-content .phil-section.section-3 .img .parallax-visual {
    max-width: 1600px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.section-3 .img .parallax-visual {
        max-width:1600px;
        max-width: 100vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.section-3 .img .parallax-visual {
        max-width:640px;
        max-width: 100vw
    }
}

.signature-content .phil-section.section-4 .img .parallax-visual {
    margin-left: 335px;
    max-width: 1080px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.section-4 .img .parallax-visual {
        max-width:1080px;
        max-width: 67.5vw;
        margin-left: 355px;
        margin-left: 22.1875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.section-4 .img .parallax-visual {
        max-width:431px;
        max-width: 67.34375vw;
        margin-left: 130px;
        margin-left: 20.3125vw
    }
}

.signature-content .phil-section .desc {
    width: 905px;
    box-sizing: border-box;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 163.63636%;
    font-size: 22px;
    color: #333
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .desc {
        font-size:1.375vw;
        width: 905px;
        width: 56.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .phil-section .desc {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .phil-section .desc {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .desc {
        font-size:4.375vw;
        line-height: 160.71429%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-section .desc {
        font-size:14px
    }
}

.signature-content .phil-section .desc .summary {
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 11px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section .desc .summary {
        font-size:.875vw;
        padding-top: 11px;
        padding-top: .6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .phil-section .desc .summary {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .phil-section .desc .summary {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .desc .summary {
        font-size:3.125vw;
        padding-top: 40px;
        padding-top: 6.25vw;
        line-height: 165%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .phil-section .desc .summary {
        font-size:10px
    }
}

.signature-content .phil-section .desc .text-block {
    position: relative
}

.signature-content .phil-section .underline-box {
    position: relative;
    display: inline-block
}

.signature-content .phil-section .underline-box:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 4px;
    width: 100%;
    transform: scaleX(0);
    transform-origin: 0 0
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .underline-box:after {
        bottom:1px;
        bottom: .15625vw;
        height: 6px;
        height: .9375vw
    }
}

.signature-content .phil-section .underline-box.gold:after {
    background: #ba8748
}

.signature-content .phil-section .underline-box.gray:after {
    background: #a7a9ac
}

.signature-content .phil-section .underline-box.active:after {
    transition-property: transform;
    -moz-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out";
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.signature-content .phil-section.type1 .img .title {
    left: 0;
    padding: 0 0 0px 215px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.type1 .img .title {
        padding:0px 0px 0px 215px;
        padding: 0vw 0vw 0vw 13.4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1 .img .title {
        padding:0px 80px 0px 80px;
        padding: 0vw 12.5vw 0vw 12.5vw
    }
}

.signature-content .phil-section.type1 .desc {
    float: right;
    padding: 620px 215px 288px 15px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.type1 .desc {
        padding:620px 215px 288px 15px;
        padding: 38.75vw 13.4375vw 18vw .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1 .desc {
        width:100%;
        padding: 308px 80px 288px 80px;
        padding: 48.125vw 12.5vw 45vw 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1.section-1 .desc {
        padding:350px 80px 288px 80px;
        padding: 54.6875vw 12.5vw 45vw 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1.section-2 .desc {
        padding:350px 80px 288px 80px;
        padding: 54.6875vw 12.5vw 45vw 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1.section-3 .desc {
        padding:350px 80px 288px 80px;
        padding: 54.6875vw 12.5vw 45vw 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type1.section-4 .desc {
        padding:383px 80px 288px 80px;
        padding: 59.84375vw 12.5vw 45vw 12.5vw
    }
}

.signature-content .phil-section.type2 .img .title {
    right: 0;
    padding: 0 185px 20px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.type2 .img .title {
        padding:0px 185px 20px 0px;
        padding: 0vw 11.5625vw 1.25vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type2 .img .title {
        right:auto;
        left: 0;
        padding: 0px 0px 85px 28px;
        padding: 0vw 0vw 13.28125vw 4.375vw
    }
}

.signature-content .phil-section.type2 .desc {
    float: left;
    padding: 288px 80px 288px 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .phil-section.type2 .desc {
        padding:288px 80px 288px 95px;
        padding: 18vw 5vw 18vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section.type2 .desc {
        padding:288px 56px 288px 56px;
        padding: 45vw 8.75vw 45vw 8.75vw
    }
}

.signature-content .phil-section .parallax-target {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .phil-section .parallax-target {
        height:100%
    }
}

.signature-content .phil-section .parallax-ref {
    position: relative;
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .objMove .parallax-target {
        z-index:6
    }
}

.signature-content .product-detail-contents .module {
    position: relative
}

.signature-content .product-detail-contents .module .parallax-visual {
    overflow: hidden
}

.signature-content .product-detail-contents .module .parallax-visual img {
    width: 100%;
    margin: 0
}

.signature-content .product-detail-contents .module+.module {
    margin-top: 400px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module+.module {
        margin-top:400px;
        margin-top: 25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module+.module {
        margin-top:0
    }
}

.signature-content .product-detail-contents .module.module-a+.module {
    margin-top: 200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module.module-a+.module {
        margin-top:200px;
        margin-top: 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module.module-a+.module {
        margin-top:250px;
        margin-top: 39.0625vw
    }
}

.signature-content .product-detail-contents .module+.module.module-banner {
    margin-top: 200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module+.module.module-banner {
        margin-top:200px;
        margin-top: 12.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module+.module.module-banner {
        margin-top:150px;
        margin-top: 23.4375vw
    }
}

.signature-content .product-detail-contents .module.module-b+.module {
    margin-top: 0
}

.signature-content .product-detail-contents .module+.module.module-gallery {
    margin-top: 125px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module+.module.module-gallery {
        margin-top:125px;
        margin-top: 7.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module+.module.module-gallery {
        margin-top:-210px;
        margin-top: -32.8125vw
    }
}

.signature-content .product-detail-contents .module.module-b+.module.module-gallery {
    margin-top: -102px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module.module-b+.module.module-gallery {
        margin-top:-102px;
        margin-top: -6.375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module.module-b+.module.module-gallery {
        margin-top:-180px;
        margin-top: -28.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module.module-g+.module {
        margin-top:300px;
        margin-top: 46.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module.module-g+.module.module-gallery {
        margin-top:120px;
        margin-top: 18.75vw
    }
}

.signature-content .product-detail-contents .module .icon {
    position: absolute;
    left: 0;
    width: 100%
}

.signature-content .product-detail-contents .module .icon.top {
    top: 0
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module .icon.top {
        top:auto;
        bottom: 0
    }
}

.signature-content .product-detail-contents .module .icon.bottom {
    bottom: 0
}

.signature-content .product-detail-contents .module .icon img {
    width: 100%;
    height: auto
}

.signature-content .product-detail-contents .module .module-video-player .btn-play {
    z-index: 1
}

.signature-content .product-detail-contents .module .module-video-player .video-player-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.signature-content .product-detail-contents .module .module-video-player .video-player-area video {
    width: 100%;
    height: 100%;
    background: #fff
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module .module-video-player .video-player-area video {
        background:#000
    }
}

.signature-content .product-detail-contents .module .module-video-player .video-player-area.active {
    display: block
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .opacity,.signature-content .product-detail-contents .keyvisual .opacity {
        opacity:0 !important
    }
}

.signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #ba8748;
    font-size: 20px;
    letter-spacing: -.5px;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:1.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:20px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:3.75vw;
        letter-spacing: -.6px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:2.5vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .eyebrow,.signature-content .product-detail-contents .keyvisual .text-area .eyebrow {
        font-size:8px
    }
}

.signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
    padding: 12px 0 0 0;
    margin: 0;
    font-family: "Gotham Bold";
    font-weight: normal;
    letter-spacing: -2px;
    font-size: 80px;
    line-height: 107.5%;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:80px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:12.5vw;
        padding-top: 21px;
        padding-top: 3.28125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:40px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:8.4375vw;
        padding-top: 14px;
        padding-top: 2.1875vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area .title,.signature-content .product-detail-contents .keyvisual .text-area .title {
        font-size:27px
    }
}

.signature-content .product-detail-contents .keyvisual-cover .scroll-icon,.signature-content .product-detail-contents .keyvisual .scroll-icon {
    position: absolute;
    right: 50px;
    bottom: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1440px) {
    .signature-content .product-detail-contents .keyvisual-cover .scroll-icon,.signature-content .product-detail-contents .keyvisual .scroll-icon {
        right:50px;
        right: 3.125vw;
        bottom: 50px;
        bottom: 3.125vw;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .scroll-icon,.signature-content .product-detail-contents .keyvisual .scroll-icon {
        right:28px;
        right: 4.375vw;
        bottom: 40px;
        bottom: 6.25vw
    }
}

.signature-content .product-detail-contents .keyvisual-cover {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    overflow: hidden;
    background: #000
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover {
        position:static
    }
}

.signature-content .product-detail-contents .keyvisual-cover .video-area {
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: opacity 2.4s ease-out;
    -o-transition: opacity 2.4s ease-out;
    -webkit-transition: opacity 2.4s ease-out;
    transition: opacity 2.4s ease-out
}

.signature-content .product-detail-contents .keyvisual-cover .video-area .bg {
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .keyvisual-cover .video-area .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .video-area .video {
        display:none
    }
}

.signature-content .product-detail-contents .keyvisual-cover .video-area .video .bc-player-default_default {
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .keyvisual-cover .video-area .video .bc-player-default_default video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.signature-content .product-detail-contents .keyvisual-cover .text-area {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: opacity 2.4s ease-out;
    -o-transition: opacity 2.4s ease-out;
    -webkit-transition: opacity 2.4s ease-out;
    transition: opacity 2.4s ease-out
}

.signature-content .product-detail-contents .keyvisual-cover .text-area .title {
    color: #fff;
    -moz-transition: color 0.5s;
    -o-transition: color 0.5s;
    -webkit-transition: color 0.5s;
    transition: color 0.5s
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-area.black .title {
        color:#000
    }
}

.signature-content .product-detail-contents .keyvisual-cover .text-wrap {
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-wrap {
        position:fixed;
        padding: 317px 56px 0px 56px;
        padding: 49.53125vw 8.75vw 0vw 8.75vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .product-detail-contents .keyvisual-cover .text-wrap {
        padding:120px 56px 0px 56px;
        padding: 18.75vw 8.75vw 0vw 8.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .text-wrap.opacity {
        position:static
    }
}

.signature-content .product-detail-contents .keyvisual-cover.on .video-area {
    opacity: 1
}

.signature-content .product-detail-contents .keyvisual-cover.on .text-area {
    opacity: 1
}

.signature-content .product-detail-contents .keyvisual-cover .btn-play {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual-cover .btn-play {
        bottom:50px;
        bottom: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual-cover .btn-play {
        bottom:40px;
        bottom: 6.25vw
    }
}

.signature-content .product-detail-contents .keyvisual {
    opacity: 0;
    position: relative;
    z-index: 1
}

.signature-content .product-detail-contents .keyvisual.on {
    opacity: 1
}

.signature-content .product-detail-contents .keyvisual .img-area {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    font-size: 0;
    padding-bottom: 240px
}

.signature-content .product-detail-contents .keyvisual .img-area:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1px;
    height: 80px;
    bottom: 80px;
    background: #ccc
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .keyvisual .img-area {
        padding-bottom:150px
    }

    .signature-content .product-detail-contents .keyvisual .img-area:after {
        height: 50px;
        bottom: 50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .img-area {
        padding-bottom:250px;
        padding-bottom: 39.0625vw
    }

    .signature-content .product-detail-contents .keyvisual .img-area:after {
        height: 90px;
        height: 14.0625vw;
        bottom: 80px;
        bottom: 12.5vw
    }
}

.signature-content .product-detail-contents .keyvisual .img-area img {
    width: 100%
}

.signature-content .product-detail-contents .keyvisual .text-area {
    position: absolute;
    left: 0;
    top: 388px;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual .text-area {
        top:388px;
        top: 24.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .text-area {
        position:static;
        padding-top: 317px;
        padding-top: 49.53125vw
    }
}

.signature-content .product-detail-contents .keyvisual .text-area .subtitle {
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 135.71429%;
    font-size: 28px;
    color: #333;
    padding-top: 24px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle {
        font-size:1.75vw;
        padding-top: 24px;
        padding-top: 1.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1028.57143px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle {
        font-size:18px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle {
        font-size:28px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle {
        font-size:4.6875vw;
        line-height: 120%;
        padding-top: 22px;
        padding-top: 3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle {
        font-size:15px
    }
}

.signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
    color: #ba8748;
    font-size: 20px;
    letter-spacing: -.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:1.25vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:20px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:3.75vw;
        letter-spacing: -.6px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:12px
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:2.5vw
    }
}

@media screen and (max-width: 767px) and (orientation: landscape) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual .text-area .subtitle span {
        font-size:8px
    }
}

.signature-content .product-detail-contents .keyvisual .text-area .desc {
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 45px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual .text-area .desc {
        font-size:.875vw;
        padding-top: 45px;
        padding-top: 2.8125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .product-detail-contents .keyvisual .text-area .desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .keyvisual .text-area .desc {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .text-area .desc {
        font-size:3.125vw;
        padding-top: 43px;
        padding-top: 6.71875vw;
        line-height: 165%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .keyvisual .text-area .desc {
        font-size:10px
    }
}

.signature-content .product-detail-contents .keyvisual .text-wrap {
    max-width: 1600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 0 0 0 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .keyvisual .text-wrap {
        padding:0px 0px 0px 95px;
        padding: 0vw 0vw 0vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .keyvisual .text-wrap {
        padding:0px 56px 0px 56px;
        padding: 0vw 8.75vw 0vw 8.75vw
    }
}

.layer-player {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #000
}

.layer-player .video-js {
    width: 100%;
    height: 100%
}

.layer-player .btn-close {
    right: 50px;
    top: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .layer-player .btn-close {
        right:50px;
        right: 3.125vw;
        top: 50px;
        top: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .layer-player .btn-close {
        right:28px;
        right: 4.375vw;
        top: 28px;
        top: 4.375vw
    }
}

.locked {
    overflow: hidden
}

.signature-content .product-detail-contents .module-a {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-a .title {
    position: relative;
    text-align: center;
    max-width: 690px;
    margin: 0 auto;
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 106.66667%;
    font-size: 60px;
    color: #000;
    letter-spacing: -1.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .title {
        font-size:3.75vw;
        padding: 0px 95px 0px 95px;
        padding: 0vw 5.9375vw 0vw 5.9375vw;
        max-width: 690px;
        max-width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-a .title {
        font-size:60px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .title {
        font-size:7.5vw;
        line-height: 108.33333%;
        padding: 0px 56px 0px 56px;
        padding: 0vw 8.75vw 0vw 8.75vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-a .title {
        font-size:24px
    }
}

.signature-content .product-detail-contents .module-a .title:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -33px;
    width: 60px;
    height: 2px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .title:after {
        width:60px;
        width: 3.75vw;
        bottom: -33px;
        bottom: -2.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw;
        bottom: -33px;
        bottom: -5.15625vw
    }
}

.signature-content .product-detail-contents .module-a .desc {
    max-width: 690px;
    margin: 0 auto;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 163.63636%;
    font-size: 22px;
    color: #333;
    padding: 87px 0 0 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .desc {
        font-size:1.375vw;
        padding: 87px 95px 0px 95px;
        padding: 5.4375vw 5.9375vw 0vw 5.9375vw;
        max-width: 690px;
        max-width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .product-detail-contents .module-a .desc {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-a .desc {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .desc {
        box-sizing:border-box;
        width: 100%;
        font-size: 4.375vw;
        line-height: 160.71429%;
        padding: 85px 56px 0px 56px;
        padding: 13.28125vw 8.75vw 0vw 8.75vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-a .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-a .summary {
    max-width: 690px;
    margin: 0 auto;
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .summary {
        font-size:.875vw;
        padding: 30px 95px 0px 95px;
        padding: 1.875vw 5.9375vw 0vw 5.9375vw;
        max-width: 690px;
        max-width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .product-detail-contents .module-a .summary {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-a .summary {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .summary {
        box-sizing:border-box;
        font-size: 3.125vw;
        line-height: 165%;
        padding: 50px 56px 0px 56px;
        padding: 7.8125vw 8.75vw 0vw 8.75vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-a .summary {
        font-size:10px
    }
}

.signature-content .product-detail-contents .module-a .icon-images {
    text-align: center;
    font-size: 0;
    letter-spacing: 0px;
    word-spacing: 0px;
    padding: 90px 0 0;
    max-width: 1080px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .icon-images {
        max-width:1080px;
        max-width: 67.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .icon-images {
        box-sizing:border-box;
        padding: 70px 14px 0px 14px;
        padding: 10.9375vw 2.1875vw 0vw 2.1875vw
    }
}

.signature-content .product-detail-contents .module-a .icon-images .images-wrap {
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    height: 0;
    overflow: hidden
}

.signature-content .product-detail-contents .module-a .icon-images .images-wrap:first-child {
    height: auto
}

.signature-content .product-detail-contents .module-a .icon-images .images-wrap span {
    display: inline-block;
    margin: 0 75px 100px;
    width: 210px;
    vertical-align: top
}

.signature-content .product-detail-contents .module-a .icon-images .images-wrap span img {
    width: 100%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .icon-images .images-wrap span {
        margin:0px 75px 100px 75px;
        margin: 0vw 4.6875vw 6.25vw 4.6875vw;
        width: 210px;
        width: 13.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .icon-images .images-wrap span {
        box-sizing:border-box;
        margin: 0px 10px 79px 10px;
        margin: 0vw 1.5625vw 12.34375vw 1.5625vw;
        width: 176px;
        width: 27.5vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button {
    position: relative;
    height: 48px;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 65px;
    box-sizing: border-box
}

.signature-content .product-detail-contents .module-a .accordion-button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background: #eee;
    box-sizing: border-box;
    padding-left: inherit;
    padding-right: inherit
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-a .accordion-button {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button {
        height:40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button {
        box-sizing:border-box;
        height: 80px;
        height: 12.5vw;
        width: 91.25%;
        padding: 0
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a {
    position: relative;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a {
        width:40px;
        height: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a {
        width:80px;
        width: 12.5vw;
        height: 80px;
        height: 12.5vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a>span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.signature-content .product-detail-contents .module-a .accordion-button a>span.button-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1
}

.signature-content .product-detail-contents .module-a .accordion-button a>span.button-shape:before,.signature-content .product-detail-contents .module-a .accordion-button a>span.button-shape:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff
}

.signature-content .product-detail-contents .module-a .accordion-button a>span.arrow-box {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    z-index: 2
}

.signature-content .product-detail-contents .module-a .accordion-button a>span.arrow-box .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    height: 16px;
    background: #fff
}

.signature-content .product-detail-contents .module-a .accordion-button a>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a>span.arrow-box .arrow:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 2px;
    height: 9px
}

.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:after {
    width: 12px;
    height: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:after {
        width:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:after {
        width:24px;
        width: 3.75vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:before {
    width: 2px;
    height: 12px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:before {
        height:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.button-shape:before {
        width:4px;
        width: .625vw;
        height: 24px;
        height: 3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow {
        height:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow {
        width:4px;
        width: .625vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:after {
    margin-top: 0px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:after {
        height:7px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:after {
        width:4px;
        width: .625vw;
        height: 14px;
        height: 2.1875vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:after {
    margin-left: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:after {
        margin-left:4px;
        margin-left: .625vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:before {
    margin-left: -4px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.expand>span.arrow-box .arrow:before {
        margin-left:-8px;
        margin-left: -1.25vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-a .accordion-button a.expand:hover>span.button-shape {
    opacity: 0;
    top: 100%
}

body.no-touch .signature-content .product-detail-contents .module-a .accordion-button a.expand:hover>span.arrow-box {
    opacity: 1;
    top: 0
}

.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.button-shape:after {
    width: 12px;
    height: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.button-shape:after {
        width:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.button-shape:after {
        width:24px;
        width: 3.75vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow {
        height:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow {
        width:4px;
        width: .625vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:after {
    margin-top: -10px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-top:-7px;
        height: 7px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-top:-16px;
        margin-top: -2.5vw;
        width: 4px;
        width: .625vw;
        height: 14px;
        height: 2.1875vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:after {
    margin-left: -4px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-left:-6px;
        margin-left: -.9375vw
    }
}

.signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:before {
    margin-left: 2px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-a .accordion-button a.collapse>span.arrow-box .arrow:before {
        margin-left:2px;
        margin-left: .3125vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-a .accordion-button a.collapse:hover>span.button-shape {
    opacity: 0;
    top: -100%
}

body.no-touch .signature-content .product-detail-contents .module-a .accordion-button a.collapse:hover>span.arrow-box {
    opacity: 1;
    top: 0
}

.signature-content .product-detail-contents .module-a.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-a.ready .title {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-a.ready .desc {
    -moz-transition: transform 1000ms ease 200ms;
    -o-transition: transform 1000ms ease 200ms;
    -webkit-transition: transform 1000ms ease 200ms;
    transition: transform 1000ms ease 200ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-a.ready .summary {
    -moz-transition: transform 1000ms ease 300ms;
    -o-transition: transform 1000ms ease 300ms;
    -webkit-transition: transform 1000ms ease 300ms;
    transition: transform 1000ms ease 300ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-a.ready .icon-images {
    -moz-transition: transform 1000ms ease 400ms;
    -o-transition: transform 1000ms ease 400ms;
    -webkit-transition: transform 1000ms ease 400ms;
    transition: transform 1000ms ease 400ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-a.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-a.ready.on .title,.signature-content .product-detail-contents .module-a.ready.on .desc,.signature-content .product-detail-contents .module-a.ready.on .summary,.signature-content .product-detail-contents .module-a.ready.on .icon-images {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-b {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-b .img {
    position: relative;
    width: 100%;
    overflow: visible;
    font-size: 0
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .img {
        width:91.25%;
        margin: 0 auto
    }
}

.signature-content .product-detail-contents .module-b .img img {
    width: 100%
}

.signature-content .product-detail-contents .module-b .img .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 106.66667%;
    font-size: 60px;
    color: #000;
    -moz-transition: color 0.2s;
    -o-transition: color 0.2s;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
    letter-spacing: -1.5px
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-b .img .title {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .img .title {
        font-size:3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-b .img .title {
        font-size:60px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .img .title {
        position:static;
        font-size: 7.5vw;
        line-height: 108.33333%;
        margin-top: 91px;
        margin-top: 14.21875vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-b .img .title {
        font-size:24px
    }
}

.signature-content .product-detail-contents .module-b .img .title:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: auto;
    bottom: -13px;
    width: 60px;
    height: 2px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .img .title:after {
        width:60px;
        width: 3.75vw;
        bottom: -13px;
        bottom: -.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .img .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw;
        bottom: 48px;
        bottom: 7.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .img .btn-play.type2.pause {
        display:none
    }

    .signature-content .product-detail-contents .module-b .img .btn-play.type2.left,.signature-content .product-detail-contents .module-b .img .btn-play.type2.right {
        left: auto;
        right: 28px;
        right: 4.375vw
    }
}

.signature-content .product-detail-contents .module-b .img.img-black .title {
    color: #fff
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.img-seq .img .btn-play.type2.pause {
        display:block
    }
}

.signature-content .product-detail-contents .module-b .desc {
    margin-bottom: 104px;
    width: 50%;
    box-sizing: border-box;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 163.63636%;
    font-size: 22px;
    color: #333
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .desc {
        font-size:1.375vw;
        margin-bottom: 104px;
        margin-bottom: 6.5vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .product-detail-contents .module-b .desc {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-b .desc {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .desc {
        width:100%;
        font-size: 4.375vw;
        line-height: 160.71429%;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-b .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-b .desc .summary {
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 11px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .desc .summary {
        font-size:.875vw;
        padding-top: 11px;
        padding-top: .6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .product-detail-contents .module-b .desc .summary {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-b .desc .summary {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .desc .summary {
        font-size:3.125vw;
        padding-top: 40px;
        padding-top: 6.25vw;
        line-height: 165%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-b .desc .summary {
        font-size:10px
    }
}

.signature-content .product-detail-contents .module-b.type1 .img .title {
    left: 0;
    padding: 0 0 20px 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type1 .img .title {
        padding:0px 0px 20px 95px;
        padding: 0vw 0vw 1.25vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type1 .img .title {
        padding:0px 0px 85px 28px;
        padding: 0vw 0vw 13.28125vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-b.type1 .desc {
    float: right;
    padding: 288px 95px 288px 15px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type1 .desc {
        padding:288px 95px 288px 15px;
        padding: 18vw 5.9375vw 18vw .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type1 .desc {
        padding:288px 56px 288px 56px;
        padding: 45vw 8.75vw 45vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-b.type2 .img .title {
    right: 0;
    padding: 0 185px 20px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type2 .img .title {
        padding:0px 185px 20px 0px;
        padding: 0vw 11.5625vw 1.25vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type2 .img .title {
        right:auto;
        left: 0;
        padding: 0px 0px 85px 28px;
        padding: 0vw 0vw 13.28125vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-b.type2 .desc {
    float: left;
    padding: 288px 80px 288px 95px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type2 .desc {
        padding:288px 80px 288px 95px;
        padding: 18vw 5vw 18vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type2 .desc {
        padding:288px 56px 288px 56px;
        padding: 45vw 8.75vw 45vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-b.type3 .img .title {
    width: 100%;
    text-align: center;
    padding: 0 0 20px 0
}

.signature-content .product-detail-contents .module-b.type3 .img .title:after {
    display: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type3 .img .title {
        padding:0px 0px 20px 0px;
        padding: 0vw 0vw 1.25vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type3 .img .title {
        width:auto;
        padding: 0px 28px 85px 28px;
        padding: 0vw 4.375vw 13.28125vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-b.type3 .desc {
    padding: 0px 80px 288px 95px;
    margin-bottom: 284px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type3 .desc {
        margin-bottom:284px;
        margin-bottom: 17.75vw;
        padding: 0px 80px 288px 95px;
        padding: 0vw 5vw 18vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type3 .desc {
        margin-bottom:0;
        padding: 0px 56px 288px 56px;
        padding: 0vw 8.75vw 45vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-b.type3.line-1 .desc {
    padding: 0px 80px 248px 95px;
    margin-bottom: 284px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type3.line-1 .desc {
        margin-bottom:284px;
        margin-bottom: 17.75vw;
        padding: 0px 80px 248px 95px;
        padding: 0vw 5vw 15.5vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type3.line-1 .desc {
        margin-bottom:0;
        padding: 0px 56px 248px 56px;
        padding: 0vw 8.75vw 38.75vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-b.type3.line-3 .desc {
    padding: 0px 80px 376px 95px;
    margin-bottom: 284px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b.type3.line-3 .desc {
        margin-bottom:284px;
        margin-bottom: 17.75vw;
        padding: 0px 80px 376px 95px;
        padding: 0vw 5vw 23.5vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b.type3.line-3 .desc {
        margin-bottom:0;
        padding: 0px 56px 376px 56px;
        padding: 0vw 8.75vw 58.75vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-b .parallax-target {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .parallax-target {
        height:auto
    }
}

.signature-content .product-detail-contents .module-b .parallax-ref {
    position: relative;
    width: 100%
}

.signature-content .product-detail-contents .module-b.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-b.ready .img {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-b.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-b.ready.on .img {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-b .v-background {
    position: relative;
    overflow: hidden
}

.signature-content .product-detail-contents .module-b .v-background .one-time {
    -moz-transition: all 1200ms ease 100ms;
    -o-transition: all 1200ms ease 100ms;
    -webkit-transition: all 1200ms ease 100ms;
    transition: all 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-b .v-background .v-object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.signature-content .product-detail-contents .module-b .v-background .v-object .object-top {
    position: absolute;
    top: 0;
    width: 100%
}

.signature-content .product-detail-contents .module-b .v-background .v-object .object-bottom {
    position: absolute;
    bottom: 0;
    width: 100%
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 40px 95px;
    z-index: 3
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object {
        width:65px;
        width: 4.0625vw;
        padding: 40px 95px 40px 95px;
        padding: 2.5vw 5.9375vw 2.5vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object {
        left:0;
        right: auto;
        padding: 30px 28px 30px 28px;
        padding: 4.6875vw 4.375vw 4.6875vw 4.375vw;
        width: 60px;
        width: 9.375vw
    }
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap {
    position: relative
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .drag-obj {
    display: block;
    position: relative
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text {
    position: absolute;
    bottom: 0;
    left: -110%;
    font-size: 16px;
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text {
        font-size:1vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text {
        margin-left:-20px;
        margin-left: -1.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text {
        display:none
    }
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text:after {
    content: "";
    display: block;
    position: absolute;
    position: static;
    display: inline-block;
    margin-left: 10px;
    width: 9px;
    height: 9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-top .guide-text:after {
        width:9px;
        width: .5625vw;
        height: 9px;
        height: .5625vw
    }
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-bottom>div {
    -moz-transition: all 150ms;
    -o-transition: all 150ms;
    -webkit-transition: all 150ms;
    transition: all 150ms;
    position: relative
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-bottom>div:last-child {
    position: absolute;
    opacity: 1;
    top: 0;
    width: 100%
}

.signature-content .product-detail-contents .module-b .v-background .v-drag-object .v-drag-object-wrap .object-bottom.on>div:last-child {
    opacity: 0
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .objMove .parallax-target {
        z-index:6
    }
}

.signature-content .product-detail-contents .module-c {
    max-width: 1920px;
    margin: 0 auto
}

.signature-content .product-detail-contents .module-c .visual {
    width: 57.03125%;
    position: relative;
    font-size: 0
}

.signature-content .product-detail-contents .module-c .visual img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .visual {
        width:91.25%;
        margin: 0 auto
    }
}

.signature-content .product-detail-contents .module-c .text {
    position: absolute;
    width: 450px
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-c .text {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-c .text {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 450px;
        width: 28.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .text {
        position:static;
        width: 100%;
        box-sizing: border-box;
        padding: 85px 56px 280px 56px;
        padding: 13.28125vw 8.75vw 43.75vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-c .text p {
    margin: 0
}

.signature-content .product-detail-contents .module-c .text .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 60px;
    line-height: 106.66667%;
    padding: 0px 0px 30px 0px;
    margin: 0px 0px 50px 0px;
    position: relative;
    letter-spacing: -1.5px
}

.signature-content .product-detail-contents .module-c .text .title:after {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 2px;
    background: #ba8748;
    bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-c .text .title {
        font-size:3.75vw;
        padding: 0px 0px 30px 0px;
        padding: 0vw 0vw 1.875vw 0vw;
        margin: 0px 0px 50px 0px;
        margin: 0vw 0vw 3.125vw 0vw
    }

    .signature-content .product-detail-contents .module-c .text .title:after {
        width: 60px;
        width: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .text .title {
        width:100%;
        font-size: 7.5vw;
        padding: 0px 0px 35px 0px;
        padding: 0vw 0vw 5.46875vw 0vw;
        margin: 0px 0px 50px 0px;
        margin: 0vw 0vw 7.8125vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-c .text .title {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .text .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-c .text .desc {
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 22px;
    line-height: 163.63636%
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-c .text .desc {
        font-size:1.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .product-detail-contents .module-c .text .desc {
        font-size:15px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-c .text .desc {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .text .desc {
        font-size:4.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-c .text .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-c .text .summary {
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 25px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-c .text .summary {
        font-size:.875vw;
        padding-top: 25px;
        padding-top: 1.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1371.42857px) {
    .signature-content .product-detail-contents .module-c .text .summary {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-c .text .summary {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-c .text .summary {
        font-size:3.125vw;
        padding-top: 40px;
        padding-top: 6.25vw;
        line-height: 165%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-c .text .summary {
        font-size:10px
    }
}

.signature-content .product-detail-contents .module-c.type1 .visual {
    margin-right: auto
}

.signature-content .product-detail-contents .module-c.type1 .text {
    left: 63.28125%
}

.signature-content .product-detail-contents .module-c.type2 .visual {
    margin-left: auto
}

.signature-content .product-detail-contents .module-c.type2 .text {
    right: 63.28125%
}

.signature-content .product-detail-contents .module-c.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-c.ready .visual {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-c.ready .text .title,.signature-content .product-detail-contents .module-c.ready .text .desc,.signature-content .product-detail-contents .module-c.ready .text .summary {
    opacity: 0
}

.signature-content .product-detail-contents .module-c.ready .text .title {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.signature-content .product-detail-contents .module-c.ready .text .title:after {
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.signature-content .product-detail-contents .module-c.ready .text .desc {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.signature-content .product-detail-contents .module-c.ready .text .summary {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    transform: translate(0, 30px)
}

.signature-content .product-detail-contents .module-c.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-c.ready.on .visual {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms
}

.signature-content .product-detail-contents .module-c.ready.on .text .title,.signature-content .product-detail-contents .module-c.ready.on .text .desc,.signature-content .product-detail-contents .module-c.ready.on .text .summary {
    opacity: 1;
    -moz-transition: transform 1000ms ease 100ms,opacity 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms,opacity 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms,opacity 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms,opacity 1000ms ease 100ms
}

.signature-content .product-detail-contents .module-c.ready.on .text .title strong,.signature-content .product-detail-contents .module-c.ready.on .text .desc strong,.signature-content .product-detail-contents .module-c.ready.on .text .summary strong {
    font-weight: bold
}

.signature-content .product-detail-contents .module-c.ready.on .text .title {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition-delay: 400ms;
    -o-transition-delay: 400ms;
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms
}

.signature-content .product-detail-contents .module-c.ready.on .text .title:after {
    -moz-transition: transform 600ms ease 100ms;
    -o-transition: transform 600ms ease 100ms;
    -webkit-transition: transform 600ms ease 100ms;
    transition: transform 600ms ease 100ms;
    -moz-transition-delay: 500ms;
    -o-transition-delay: 500ms;
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.signature-content .product-detail-contents .module-c.ready.on .text .desc {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition-delay: 600ms;
    -o-transition-delay: 600ms;
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms
}

.signature-content .product-detail-contents .module-c.ready.on .text .summary {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -moz-transition-delay: 700ms;
    -o-transition-delay: 700ms;
    -webkit-transition-delay: 700ms;
    transition-delay: 700ms
}

.signature-content .product-detail-contents .module-d {
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden
}

.signature-content .product-detail-contents .module-d .visual {
    font-size: 0
}

.signature-content .product-detail-contents .module-d .visual img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .visual {
        width:91.25%;
        margin: 0 auto;
        max-height: 420px
    }
}

.signature-content .product-detail-contents .module-d .overlap {
    width: 545px;
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 72px 90px 35px 95px;
    box-sizing: border-box;
    color: #000;
    text-decoration: none;
    cursor: pointer
}

.signature-content .product-detail-contents .module-d .overlap .expanded-contents {
    display: none;
    position: relative;
    padding-top: 40px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .expanded-contents {
        padding-top:35px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .product-detail-contents .module-d .overlap .expanded-contents {
        padding-bottom:30px
    }
}

.signature-content .product-detail-contents .module-d .overlap .collapse-contents {
    display: block
}

.signature-content .product-detail-contents .module-d .overlap .carousel-control {
    position: absolute;
    padding-bottom: 20px;
    background: #fff;
    z-index: 2;
    width: 100%;
    left: 0;
    top: 0
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-control {
        padding-bottom:10px
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap {
    width: 160px;
    position: relative;
    height: 20px;
    margin-left: auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap {
        height:18px;
        width: 108px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap {
        width:166px;
        width: 25.9375vw;
        height: 20px
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -moz-transition: width 0.2s,left 0.2s,right 0.2s;
    -o-transition: width 0.2s,left 0.2s,right 0.2s;
    -webkit-transition: width 0.2s,left 0.2s,right 0.2s;
    transition: width 0.2s,left 0.2s,right 0.2s;
    position: absolute;
    z-index: 2;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 16px;
    background: transparent;
    text-indent: -9999em;
    border: 0
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-disabled {
    display: none !important
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev {
    left: 30px
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next {
    right: 30px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev {
        left:20px
    }

    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next {
        right: 20px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev {
        left:28px;
        left: 4.375vw
    }

    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next {
        right: 28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow {
        width:24px;
        height: 12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow {
        width:40px;
        width: 6.25vw;
        height: 20px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow {
        height:10px
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:before,.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:after {
    content: "";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:before {
    width: 100%;
    height: 2px;
    background: #000;
    top: 7px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:before {
        top:5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:before {
        min-height:1px;
        top: 9.5px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:before {
        top:3.5px
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:after {
    width: 10px;
    height: 10px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    top: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:after {
        width:8px;
        height: 8px;
        top: 1px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:after {
        width:12px;
        height: 12px;
        top: 3.5px
    }
}

@media screen and (max-width: 767px) and (max-width: 480px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:after {
        width:6px;
        height: 6px;
        top: 0.5px
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev:before {
    right: 0
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev:after {
    left: 1px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev {
    background: url("/global/lg-signature/resource/images/common/btn-layerpopup-prev-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev:before,body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev {
        background:url("/global/lg-signature/resource/images/common/btn-layerpopup-prev-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next:before {
    left: 0
}

.signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next:after {
    right: 1px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next {
    background: url("/global/lg-signature/resource/images/common/btn-layerpopup-next-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next:before,body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next {
        background:url("/global/lg-signature/resource/images/common/btn-layerpopup-next-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-prev:after {
        left:2px;
        left: .3125vw
    }

    .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow.slick-next:after {
        right: 2px;
        right: .3125vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover {
    -moz-transition: width 0.2s,left 0.2s,right 0.2s;
    -o-transition: width 0.2s,left 0.2s,right 0.2s;
    -webkit-transition: width 0.2s,left 0.2s,right 0.2s;
    transition: width 0.2s,left 0.2s,right 0.2s;
    width: 35px
}

body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-prev {
    left: 25px
}

body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-next {
    right: 25px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover {
        width:29px
    }

    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-prev {
        left: 15px
    }

    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-next {
        right: 15px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover {
        width:50px;
        width: 7.8125vw
    }

    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-prev {
        left: 18px;
        left: 2.8125vw
    }

    body.no-touch .signature-content .product-detail-contents .module-d .overlap .carousel-arrow-wrap button.slick-arrow:hover.slick-next {
        right: 18px;
        right: 2.8125vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap {
    width: auto;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap {
        height:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap {
        top:-6px;
        top: -.9375vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots {
    padding: 0 0 0 28px;
    margin: 0;
    z-index: 2;
    font-size: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots {
        padding:0px 0px 0px 28px;
        padding: 0vw 0vw 0vw 1.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots {
        padding:0px 0px 0px 28px;
        padding: 0vw 0vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 4px 0 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li {
        width:18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw;
        margin: 0px 8px 0px 0px;
        margin: 0vw 1.25vw 0vw 0vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li button {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: -9999em;
    border: 1px solid rgba(0,0,0,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li button {
        border-width:2px;
        border-width: .3125vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li button:before {
        width:8px;
        width: 1.25vw;
        height: 8px;
        height: 1.25vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .carousel-id-wrap ul.slick-dots li.slick-active button {
    border-color: #000
}

.signature-content .product-detail-contents .module-d .overlap .carousel-contents {
    overflow-x: hidden;
    width: 100%
}

.signature-content .product-detail-contents .module-d .overlap .carousel-contents .item {
    float: left
}

.signature-content .product-detail-contents .module-d .overlap .carousel-contents .slick-list {
    overflow: hidden !important
}

.signature-content .product-detail-contents .module-d .overlap .carousel-contents .slick-slide {
    outline: none
}

.signature-content .product-detail-contents .module-d .overlap .text .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 36px;
    line-height: 111.11111%;
    padding: 0px 0px 36px 0px;
    margin: 0;
    position: relative;
    letter-spacing: -.9px
}

.signature-content .product-detail-contents .module-d .overlap .text .title:after {
    content: "";
    display: block;
    position: absolute;
    width: 60px;
    height: 2px;
    background: #ba8748;
    bottom: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap .text .title {
        font-size:2.25vw;
        padding: 0px 0px 36px 0px;
        padding: 0vw 0vw 2.25vw 0vw
    }

    .signature-content .product-detail-contents .module-d .overlap .text .title:after {
        width: 60px;
        width: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .text .title {
        width:100%;
        font-size: 7.5vw;
        padding: 0px 0px 35px 0px;
        padding: 0vw 0vw 5.46875vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-d .overlap .text .title {
        font-size:24px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .text .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-d .overlap .text .desc-box {
    overflow: hidden;
    height: auto;
    max-height: 0;
    -moz-transition: max-height 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -o-transition: max-height 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transition: max-height 1000ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: max-height 1000ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

body.touch .signature-content .product-detail-contents .module-d .overlap .text .desc-box {
    max-height: none
}

.signature-content .product-detail-contents .module-d .overlap .text .desc {
    font-size: 18px;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 166.66667%;
    margin: 0;
    padding: 53px 0px 33px 0px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap .text .desc {
        font-size:1.125vw;
        padding: 53px 0px 33px 0px;
        padding: 3.3125vw 0vw 2.0625vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1066.66667px) {
    .signature-content .product-detail-contents .module-d .overlap .text .desc {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-d .overlap .text .desc {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .text .desc {
        font-size:4.375vw;
        padding: 50px 0px 33px 0px;
        padding: 7.8125vw 0vw 5.15625vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-d .overlap .text .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-d .overlap .text .summary {
    display: block;
    margin: 0;
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 171.42857%;
    font-size: 14px;
    color: #999;
    padding-top: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap .text .summary {
        font-size:.875vw;
        padding: 30px 0px 0px 0px;
        padding: 1.875vw 0vw 0vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1257.14286px) {
    .signature-content .product-detail-contents .module-d .overlap .text .summary {
        font-size:11px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-d .overlap .text .summary {
        font-size:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap .text .summary {
        box-sizing:border-box;
        font-size: 3.125vw;
        line-height: 165%;
        padding: 50px 0px 0px 0px;
        padding: 7.8125vw 0vw 0vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-d .overlap .text .summary {
        font-size:10px
    }
}

.signature-content .product-detail-contents .module-d .overlap.set-animate {
    -moz-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: all 700ms cubic-bezier(0.77, 0, 0.175, 1)
}

.signature-content .product-detail-contents .module-d .overlap.expanded {
    width: 56.5625%;
    cursor: default
}

.signature-content .product-detail-contents .module-d .overlap.expanded .collapse-contents {
    display: none
}

.signature-content .product-detail-contents .module-d .overlap.expanded .expanded-contents {
    display: block;
    height: 100%
}

.signature-content .product-detail-contents .module-d .overlap.expanded .expanded-contents .contents-view-box {
    height: 100%;
    overflow: auto
}

.signature-content .product-detail-contents .module-d .overlap.expanded .expanded-contents .contents-wrap {
    height: auto
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap.expanded .expanded-contents {
        height:auto
    }

    .signature-content .product-detail-contents .module-d .overlap.expanded .expanded-contents .contents-view-box {
        height: auto
    }
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-d .overlap.expanded {
        height:100% !important;
        padding: 75px 90px 75px 95px
    }

    .signature-content .product-detail-contents .module-d .overlap.expanded .mCSB_inside>.mCSB_container {
        margin-right: 30px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap.expanded {
        height:100% !important;
        padding: 75px 90px 75px 95px;
        padding: 4.6875vw 5.625vw 4.6875vw 5.9375vw
    }

    .signature-content .product-detail-contents .module-d .overlap.expanded .mCSB_inside>.mCSB_container {
        margin-right: 30px;
        margin-right: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap.expanded {
        width:100%;
        height: auto !important;
        padding: 150px 28px 270px 28px;
        padding: 23.4375vw 4.375vw 42.1875vw 4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .overlap {
        width:34.0625%;
        padding: 72px 90px 35px 95px;
        padding: 4.5vw 5.625vw 2.1875vw 5.9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .overlap {
        position:relative;
        width: 100%;
        bottom: auto;
        top: 0;
        padding: 85px 56px 280px 56px;
        padding: 13.28125vw 8.75vw 43.75vw 8.75vw
    }

    .signature-content .product-detail-contents .module-d .overlap .text .desc-box {
        max-height: 100%
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual {
    width: 100%;
    font-size: 0;
    position: relative
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual img {
    width: 100%
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .video-player-area .close {
    display: none
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2 {
    z-index: 1
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.left {
    left: 28px
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.right {
    right: 28px
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.top {
    top: 20px
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.bottom {
    bottom: 20px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.left {
        left:28px;
        left: 1.75vw
    }

    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.right {
        right: 28px;
        right: 1.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.left {
        left:28px;
        left: 4.375vw
    }

    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.right {
        right: 28px;
        right: 4.375vw
    }

    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.top {
        top: 30px;
        top: 4.6875vw
    }

    .signature-content .product-detail-contents .module-d .expanded-contents .contents-visual .btn-play.type2.bottom {
        bottom: 30px;
        bottom: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-text {
    padding: 57px 32px 0px 32px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text {
        padding:57px 32px 0px 32px;
        padding: 3.5625vw 2vw 0vw 2vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text {
        padding:57px 28px 0px 28px;
        padding: 8.90625vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-text .title {
    font-size: 28px;
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 135.71429%;
    letter-spacing: -.7px;
    padding: 0 0 23px 0;
    margin-top: -7px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text .title {
        font-size:1.75vw;
        padding-bottom: 23px;
        padding-bottom: 1.4375vw;
        margin-top: -7px;
        margin-top: -.4375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 914.28571px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text .title {
        font-size:16px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text .title {
        font-size:6.25vw;
        line-height: 110%;
        padding-bottom: 20px;
        padding-bottom: 3.125vw;
        letter-spacing: -1px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text .title {
        font-size:20px
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
    font-size: 18px;
    font-family: "Gotham Medium";
    font-weight: normal;
    line-height: 166.66667%;
    margin: 0 0 1em 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:1.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1155.55556px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:13px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:4.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 297.14286px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:13px
    }
}

@media screen and (max-width: 767px) and (min-width: 411.42857px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-text p {
        font-size:18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple {
        margin-top:-40px;
        margin-top: -6.25vw
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap {
    border-top: 1px solid #eee;
    padding: 60px 0 60px 15px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap {
        padding:60px 0px 60px 15px;
        padding: 3.75vw 0vw 3.75vw .9375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap {
        padding:80px 0px 28px 0px;
        padding: 12.5vw 0vw 4.375vw 0vw
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:first-child {
    border-top: 0;
    padding-top: 25px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:first-child {
        padding-top:25px;
        padding-top: 1.5625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:first-child {
        padding-top:0
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:last-child {
    padding-bottom: 0
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap:last-child {
        padding-bottom:16px;
        padding-bottom: 2.5vw
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-visual {
    float: left;
    width: 210px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-visual {
        width:210px;
        width: 13.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-visual {
        float:none;
        width: 100%
    }
}

.signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-text {
    float: left;
    width: 495px;
    box-sizing: border-box;
    padding: 11px 0 0 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-text {
        width:475px;
        width: 29.6875vw;
        padding: 11px 0px 0px 30px;
        padding: .6875vw 0vw 0vw 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d .expanded-contents .contents-view-box.multiple .contents-wrap .contents-text {
        float:none;
        width: 100%;
        padding: 51px 30px 0px 30px;
        padding: 7.96875vw 4.6875vw 0vw 4.6875vw
    }
}

.signature-content .product-detail-contents .module-d.type1 .overlap {
    left: 0
}

.signature-content .product-detail-contents .module-d.type1 .overlap .btn-plus {
    top: 30px;
    right: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d.type1 .overlap .btn-plus {
        top:30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d.type1 .overlap .btn-plus {
        top:30px;
        top: 4.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d.type1 .overlap .btn-plus {
        right:30px;
        right: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d.type1 .overlap .btn-plus {
        right:auto;
        right: 30px;
        right: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-d.type2 .overlap {
    right: 0
}

.signature-content .product-detail-contents .module-d.type2 .overlap .btn-plus {
    top: 30px;
    left: 30px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d.type2 .overlap .btn-plus {
        top:30px;
        top: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d.type2 .overlap .btn-plus {
        top:30px;
        top: 4.6875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-d.type2 .overlap .btn-plus {
        left:30px;
        left: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-d.type2 .overlap .btn-plus {
        right:auto;
        left: 30px;
        left: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-d.ready .visual {
    opacity: 0;
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-d.ready .text .title:after {
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    -webkit-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.signature-content .product-detail-contents .module-d.on .visual {
    opacity: 1;
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -moz-transition: transform 1200ms ease 100ms,opacity 1200ms ease 100ms,max-height 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: transform 1200ms ease 100ms,opacity 1200ms ease 100ms,max-height 700ms cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: transform 1200ms ease 100ms,opacity 1200ms ease 100ms,max-height 700ms cubic-bezier(0.77, 0, 0.175, 1);
    transition: transform 1200ms ease 100ms,opacity 1200ms ease 100ms,max-height 700ms cubic-bezier(0.77, 0, 0.175, 1)
}

.signature-content .product-detail-contents .module-d.on .text .title:after {
    -moz-transition: transform 600ms ease 100ms;
    -o-transition: transform 600ms ease 100ms;
    -webkit-transition: transform 600ms ease 100ms;
    transition: transform 600ms ease 100ms;
    -moz-transition-delay: 1200ms;
    -o-transition-delay: 1200ms;
    -webkit-transition-delay: 1200ms;
    transition-delay: 1200ms;
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

.signature-content .product-detail-contents .module-d.on .overlap.expanded .expanded-contents {
    opacity: 0;
    -webkit-animation: fade-in 1000ms 1 700ms forwards;
    -moz-animation: fade-in 1000ms 1 700ms forwards;
    -ms-animation: fade-in 1000ms 1 700ms forwards;
    -o-animation: fade-in 1000ms 1 700ms forwards;
    animation: fade-in 1000ms 1 700ms forwards
}

@-webkit-keyframes fade-in {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fade-in {
    .signature-content .product-detail-contents .module-d.on .overlap.expanded .expanded-contents 0% {
        opaicty: 0
    }

    .signature-content .product-detail-contents .module-d.on .overlap.expanded .expanded-contents 100% {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

.signature-content .product-detail-contents .module-d.on .ie-collapse .collapse-contents {
    opacity: 0;
    -webkit-animation: fade-in2 1000ms 1 700ms both;
    -moz-animation: fade-in2 1000ms 1 700ms both;
    -ms-animation: fade-in2 1000ms 1 700ms both;
    -o-animation: fade-in2 1000ms 1 700ms both;
    animation: fade-in2 1000ms 1 700ms both
}

@-webkit-keyframes fade-in2 {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes fade-in2 {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@-ms-keyframes fade-in2 {
    .signature-content .product-detail-contents .module-d.on .ie-collapse .collapse-contents 0% {
        opaicty: 0
    }

    .signature-content .product-detail-contents .module-d.on .ie-collapse .collapse-contents 100% {
        opacity: 1
    }
}

@-o-keyframes fade-in2 {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fade-in2 {
    0% {
        opaicty: 0
    }

    100% {
        opacity: 1
    }
}

.signature-content .product-detail-contents .mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.signature-content .product-detail-contents .mCustomScrollbar.mCS_no_scrollbar,.signature-content .product-detail-contents .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.signature-content .product-detail-contents .mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.signature-content .product-detail-contents .mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.signature-content .product-detail-contents .mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.signature-content .product-detail-contents .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.signature-content .product-detail-contents .mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.signature-content .product-detail-contents .mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.signature-content .product-detail-contents .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.signature-content .product-detail-contents .mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.signature-content .product-detail-contents .mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    height: 100%;
    margin: 0 auto
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 1px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonUp,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.signature-content .product-detail-contents .mCSB_scrollTools,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonUp,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonDown,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonLeft,.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.signature-content .product-detail-contents .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.signature-content .product-detail-contents .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.signature-content .product-detail-contents .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.signature-content .product-detail-contents .mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.signature-content .product-detail-contents .mCS-autoHide>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.signature-content .product-detail-contents .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.signature-content .product-detail-contents .mCustomScrollbar>.mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,.signature-content .product-detail-contents .mCustomScrollBox:hover>.mCSB_scrollTools,.signature-content .product-detail-contents .mCustomScrollBox:hover ~ .mCSB_scrollTools,.signature-content .product-detail-contents .mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.signature-content .product-detail-contents .mCS-autoHide:hover>.mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_draggerRail {
    background-color: #eee
}

.signature-content .product-detail-contents .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000
}

.signature-content .product-detail-contents .scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative
}

.signature-content .product-detail-contents .scroll-wrapper>.scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important
}

.signature-content .product-detail-contents .scroll-wrapper>.scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0
}

.signature-content .product-detail-contents .scroll-element {
    display: none
}

.signature-content .product-detail-contents .scroll-element,.signature-content .product-detail-contents .scroll-element div {
    box-sizing: content-box
}

.signature-content .product-detail-contents .scroll-element.scroll-x.scroll-scrollx_visible,.signature-content .product-detail-contents .scroll-element.scroll-y.scroll-scrolly_visible {
    display: block
}

.signature-content .product-detail-contents .scroll-element .scroll-bar,.signature-content .product-detail-contents .scroll-element .scroll-arrow {
    cursor: default
}

.signature-content .product-detail-contents .scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999
}

.signature-content .product-detail-contents .scroll-textarea>.scroll-content {
    overflow: hidden !important
}

.signature-content .product-detail-contents .scroll-textarea>.scroll-content>textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important
}

.signature-content .product-detail-contents .scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
    height: 0;
    width: 0
}

.signature-content .product-detail-contents .scroll-element,.signature-content .product-detail-contents .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10
}

.signature-content .product-detail-contents .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%
}

.signature-content .product-detail-contents .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%
}

.signature-content .product-detail-contents .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px
}

.signature-content .product-detail-contents .scroll-element .scroll-element_outer {
    overflow: hidden
}

.signature-content .product-detail-contents .scroll-element .scroll-element_outer,.signature-content .product-detail-contents .scroll-element .scroll-element_track,.signature-content .product-detail-contents .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px
}

.signature-content .product-detail-contents .scroll-element .scroll-element_track,.signature-content .product-detail-contents .scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4
}

.signature-content .product-detail-contents .scroll-element .scroll-element_track {
    background-color: #e0e0e0
}

.signature-content .product-detail-contents .scroll-element .scroll-bar {
    background-color: #c2c2c2
}

.signature-content .product-detail-contents .scroll-element:hover .scroll-bar {
    background-color: #919191
}

.signature-content .product-detail-contents .scroll-element.scroll-draggable .scroll-bar {
    background-color: #919191
}

.signature-content .product-detail-contents .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
    left: -12px
}

.signature-content .product-detail-contents .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
    top: -12px
}

.signature-content .product-detail-contents .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
    left: -12px
}

.signature-content .product-detail-contents .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
    top: -12px
}

.signature-content .product-detail-contents .module-e {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e {
        padding-bottom:288px;
        padding-bottom: 45vw
    }
}

.signature-content .product-detail-contents .module-e img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .image {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-e .txt {
    max-width: 690px;
    margin-left: auto;
    margin-right: auto;
    padding: 100px 65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .txt {
        padding:100px 65px 100px 65px;
        padding: 6.25vw 4.0625vw 6.25vw 4.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .txt {
        padding:90px 56px 100px 56px;
        padding: 14.0625vw 8.75vw 15.625vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-e .txt .title {
    position: relative;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 60px;
    line-height: 64px;
    color: #000;
    text-align: center;
    letter-spacing: -1.5px;
    padding-top: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .txt .title {
        font-size:3.75vw;
        line-height: 106.66667%
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .txt .title {
        font-size:7.5vw;
        line-height: 108.33333%
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-e .txt .title {
        font-size:24px
    }
}

.signature-content .product-detail-contents .module-e .txt .title:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -33px;
    width: 60px;
    height: 2px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .txt .title:after {
        width:60px;
        width: 3.75vw;
        bottom: -33px;
        bottom: -2.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .txt .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw;
        bottom: -37px;
        bottom: -5.78125vw
    }
}

.signature-content .product-detail-contents .module-e .txt .title+.desc {
    padding: 83px 0 0 0;
    max-width: 690px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .txt .title+.desc {
        max-width:690px;
        max-width: 43.125vw;
        padding-top: 83px;
        padding-top: 5.1875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .txt .title+.desc {
        padding-top:85px;
        padding-top: 13.28125vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents {
    position: relative;
    overflow: hidden;
    height: 0;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap {
    margin-top: 100px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap {
        margin-top:100px;
        margin-top: 6.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap {
        margin-top:50px;
        margin-top: 7.8125vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .text {
    padding: 80px 65px 200px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .text {
        padding:80px 65px 200px 65px;
        padding: 5vw 4.0625vw 12.5vw 4.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .text {
        padding:50px 56px 200px 56px;
        padding: 7.8125vw 8.75vw 31.25vw 8.75vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image {
    max-width: 990px;
    margin: 0 auto;
    padding: 0 65px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image {
        width:82.5%;
        margin: 0 auto;
        padding: 0
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2 {
    max-width: 1230px;
    overflow: hidden
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2>div {
    float: left;
    width: 50%
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2>div {
        box-sizing:border-box;
        float: none;
        width: 100%;
        padding: 0px 120px 0px 120px;
        padding: 0vw 7.5vw 0vw 7.5vw
    }

    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2>div:first-child {
        margin-bottom: 90px;
        margin-bottom: 5.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2>div {
        float:none;
        width: 100%
    }

    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image.column-2>div:first-child {
        margin-bottom: 90px;
        margin-bottom: 14.0625vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .image .module-video-wrap {
    position: relative
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .sub-title {
    max-width: 690px;
    margin: 0 auto;
    text-align: center;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 36px;
    line-height: 111.11111%;
    padding: 0px 0px 36px 0px;
    position: relative;
    letter-spacing: -.9px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .sub-title {
        font-size:2.25vw;
        padding: 0px 0px 36px 0px;
        padding: 0vw 0vw 2.25vw 0vw;
        max-width: 690px;
        max-width: 43.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .sub-title {
        width:100%;
        font-size: 6.25vw;
        line-height: 110%;
        padding: 0px 56px 35px 56px;
        padding: 0vw 8.75vw 5.46875vw 8.75vw;
        box-sizing: border-box
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .sub-title {
        font-size:20px
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .desc {
    max-width: 690px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .desc {
        max-width:690px;
        max-width: 43.125vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .summary {
    max-width: 690px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .summary {
        max-width:690px;
        max-width: 43.125vw
    }
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap .sub-title+.desc {
    padding-top: 0
}

.signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap>div:last-child {
    padding-bottom: 100px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap>div:last-child {
        padding-bottom:100px;
        padding-bottom: 6.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .collapse-contents .contents-wrap>div:last-child {
        padding-bottom:100px;
        padding-bottom: 15.625vw
    }
}

.signature-content .product-detail-contents .module-e .desc {
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    color: #333
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .desc {
        font-size:1.375vw;
        line-height: 163.63636%
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .product-detail-contents .module-e .desc {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .desc {
        font-size:4.375vw;
        line-height: 160.71429%;
        padding-bottom: 0px;
        padding-bottom: 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-e .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-e .summary {
    margin: 0;
    font-family: "Gotham Book";
    font-weight: normal;
    line-height: 160%;
    font-size: 15px;
    color: #999;
    padding-top: 30px;
    max-width: 690px;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .summary {
        font-size:.9375vw;
        padding: 30px 0px 0px 0px;
        padding: 1.875vw 0vw 0vw 0vw;
        max-width: 690px;
        max-width: 43.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1280px) {
    .signature-content .product-detail-contents .module-e .summary {
        font-size:12px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (min-width: 1600px) {
    .signature-content .product-detail-contents .module-e .summary {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .summary {
        box-sizing:border-box;
        font-size: 3.125vw;
        line-height: 165%;
        padding: 50px 0px 0px 0px;
        padding: 7.8125vw 0vw 0vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-e .summary {
        font-size:10px
    }
}

.signature-content .product-detail-contents .module-e .accordion-button {
    position: relative;
    height: 48px;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0 65px;
    box-sizing: border-box
}

.signature-content .product-detail-contents .module-e .accordion-button:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background: #eee;
    box-sizing: border-box;
    padding-left: inherit;
    padding-right: inherit
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-e .accordion-button {
        padding:0px 65px 0px 65px;
        padding: 0vw 4.0625vw 0vw 4.0625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button {
        height:40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button {
        box-sizing:border-box;
        height: 80px;
        height: 12.5vw;
        width: 91.25%;
        padding: 0
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a {
    position: relative;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background: #000;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    z-index: 2;
    overflow: hidden
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a {
        width:40px;
        height: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a {
        width:80px;
        width: 12.5vw;
        height: 80px;
        height: 12.5vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a>span {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s
}

.signature-content .product-detail-contents .module-e .accordion-button a>span.button-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1
}

.signature-content .product-detail-contents .module-e .accordion-button a>span.button-shape:before,.signature-content .product-detail-contents .module-e .accordion-button a>span.button-shape:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff
}

.signature-content .product-detail-contents .module-e .accordion-button a>span.arrow-box {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: -100%;
    z-index: 2
}

.signature-content .product-detail-contents .module-e .accordion-button a>span.arrow-box .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    height: 16px;
    background: #fff
}

.signature-content .product-detail-contents .module-e .accordion-button a>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a>span.arrow-box .arrow:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #fff;
    width: 2px;
    height: 9px
}

.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:after {
    width: 12px;
    height: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:after {
        width:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:after {
        width:24px;
        width: 3.75vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:before {
    width: 2px;
    height: 12px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:before {
        height:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.button-shape:before {
        width:4px;
        width: .625vw;
        height: 24px;
        height: 3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow {
        height:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow {
        width:4px;
        width: .625vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:after {
    margin-top: 0px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:after {
        height:7px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:after {
        width:4px;
        width: .625vw;
        height: 14px;
        height: 2.1875vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:after {
    margin-left: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:after {
        margin-left:4px;
        margin-left: .625vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:before {
    margin-left: -4px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.expand>span.arrow-box .arrow:before {
        margin-left:-8px;
        margin-left: -1.25vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-e .accordion-button a.expand:hover>span.button-shape {
    opacity: 0;
    top: 100%
}

body.no-touch .signature-content .product-detail-contents .module-e .accordion-button a.expand:hover>span.arrow-box {
    opacity: 1;
    top: 0
}

.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.button-shape:after {
    width: 12px;
    height: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.button-shape:after {
        width:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.button-shape:after {
        width:24px;
        width: 3.75vw;
        height: 4px;
        height: .625vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 100%;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow {
        height:14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow {
        width:4px;
        width: .625vw;
        height: 30px;
        height: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:after {
    margin-top: -10px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-top:-7px;
        height: 7px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:before,.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-top:-16px;
        margin-top: -2.5vw;
        width: 4px;
        width: .625vw;
        height: 14px;
        height: 2.1875vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:after {
    margin-left: -4px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:after {
        margin-left:-6px;
        margin-left: -.9375vw
    }
}

.signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:before {
    margin-left: 2px;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-e .accordion-button a.collapse>span.arrow-box .arrow:before {
        margin-left:2px;
        margin-left: .3125vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-e .accordion-button a.collapse:hover>span.button-shape {
    opacity: 0;
    top: -100%
}

body.no-touch .signature-content .product-detail-contents .module-e .accordion-button a.collapse:hover>span.arrow-box {
    opacity: 1;
    top: 0
}

.signature-content .product-detail-contents .module-e.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-e.ready .image {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-e.ready .txt {
    -moz-transition: transform 1000ms ease 200ms;
    -o-transition: transform 1000ms ease 200ms;
    -webkit-transition: transform 1000ms ease 200ms;
    transition: transform 1000ms ease 200ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-e.ready .collapse-contents {
    -moz-transition: transform 1000ms ease 300ms,height 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 300ms,height 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 300ms,height 1000ms ease 100ms;
    transition: transform 1000ms ease 300ms,height 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-e.ready .accordion-button {
    -moz-transition: transform 1000ms ease 400ms;
    -o-transition: transform 1000ms ease 400ms;
    -webkit-transition: transform 1000ms ease 400ms;
    transition: transform 1000ms ease 400ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-e.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-e.ready.on .image,.signature-content .product-detail-contents .module-e.ready.on .txt,.signature-content .product-detail-contents .module-e.ready.on .collapse-contents,.signature-content .product-detail-contents .module-e.ready.on .accordion-button {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-f {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-f .tab {
    position: absolute;
    top: 0;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-f .tab {
        position:absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab {
        left:4.375%;
        width: 91.25%;
        margin: 0 auto
    }
}

.signature-content .product-detail-contents .module-f .tab ul {
    display: table;
    border-collapse: collapse;
    table-layout: fixed;
    width: 810px;
    margin: 0 auto;
    border: 0
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab ul {
        width:648px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab ul {
        width:100%
    }
}

.signature-content .product-detail-contents .module-f .tab ul li.on+li a {
    border-left: 0
}

.signature-content .product-detail-contents .module-f .tab ul li {
    display: table-cell;
    text-align: center;
    background: #fff;
    width: 270px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab ul li {
        width:216px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab ul li {
        width:33.3333%
    }
}

.signature-content .product-detail-contents .module-f .tab ul li:last-child a {
    border-right: 1px solid #eee
}

.signature-content .product-detail-contents .module-f .tab ul li a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 19px 0 18px;
    box-sizing: border-box;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    color: #a7a9ac;
    text-decoration: none;
    text-align: center
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab ul li a {
        padding:15px 0 14px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab ul li a {
        text-align:center;
        display: block;
        padding: 28px 0px 25px 0px;
        padding: 4.375vw 0vw 3.90625vw 0vw
    }
}

.signature-content .product-detail-contents .module-f .tab ul li a .img {
    display: inline-block;
    position: relative;
    width: 42px;
    height: 42px;
    vertical-align: middle;
    overflow: hidden
}

.signature-content .product-detail-contents .module-f .tab ul li a .img img {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    height: auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab ul li a .img {
        width:34px;
        height: 34px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab ul li a .img {
        display:block;
        margin: 0 auto;
        width: 54px;
        width: 8.4375vw;
        height: 54px;
        height: 8.4375vw
    }
}

.signature-content .product-detail-contents .module-f .tab ul li a .txt {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 5px;
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: -.4px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab ul li a .txt {
        font-size:13px;
        line-height: 14px;
        letter-spacing: -.325px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab ul li a .txt {
        display:block;
        width: 100%;
        text-align: center;
        margin: 0;
        padding-top: 12px;
        padding-top: 1.875vw;
        font-size: 3.75vw;
        line-height: 108.33333%;
        letter-spacing: -.6px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-f .tab ul li a .txt {
        font-size:12px
    }
}

.signature-content .product-detail-contents .module-f .tab ul li.on {
    border-color: #ba8748;
    background: #ba8748
}

.signature-content .product-detail-contents .module-f .tab ul li.on a {
    border: 0;
    color: #fff
}

.signature-content .product-detail-contents .module-f .tab ul li.on a .img img {
    left: auto;
    right: 0
}

.signature-content .product-detail-contents .module-f .tab ul li:first-child.on a:before {
    display: none
}

.signature-content .product-detail-contents .module-f .tab-cont .cont {
    opacity: 0;
    position: absolute;
    -moz-transition: opacity 0s;
    -o-transition: opacity 0s;
    -webkit-transition: opacity 0s;
    transition: opacity 0s
}

.signature-content .product-detail-contents .module-f .tab-cont .cont.on {
    position: relative;
    opacity: 1;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .img {
    font-size: 0;
    width: 100%
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .img img {
    width: 100%
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .txt {
    margin-top: 80px;
    width: 810px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 60px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt {
        margin-top:64px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt {
        margin-top:170px;
        margin-top: 26.5625vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt {
        width:810px;
        width: 50.625vw;
        padding: 0px 60px 0px 60px;
        padding: 0vw 3.75vw 0vw 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt {
        width:100%;
        padding: 0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title {
    position: relative;
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 60px;
    line-height: 64px;
    color: #000;
    text-align: center;
    padding: 87px 0 0 0;
    letter-spacing: -1.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title {
        font-size:3.75vw;
        line-height: 106.66667%;
        padding-top: 87px;
        padding-top: 5.4375vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title {
        font-size:7.5vw;
        line-height: 108.33333%;
        padding-top: 80px;
        padding-top: 12.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title {
        font-size:24px
    }
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: -33px;
    width: 60px;
    height: 2px;
    background: #ba8748
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title:after {
        width:60px;
        width: 3.75vw;
        bottom: -33px;
        bottom: -2.0625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .title:after {
        width:60px;
        width: 9.375vw;
        height: 4px;
        height: .625vw;
        bottom: -37px;
        bottom: -5.78125vw
    }
}

.signature-content .product-detail-contents .module-f .tab-cont .cont .txt .desc {
    font-family: "Gotham Medium";
    font-weight: normal;
    font-size: 22px;
    line-height: 36px;
    color: #333;
    padding: 83px 0 0 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .desc {
        font-size:1.375vw;
        line-height: 163.63636%;
        padding-top: 83px;
        padding-top: 5.1875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1090.90909px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .desc {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .desc {
        font-size:4.375vw;
        line-height: 160.71429%;
        padding-top: 85px;
        padding-top: 13.28125vw;
        padding-bottom: 333px;
        padding-bottom: 52.03125vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-f .tab-cont .cont .txt .desc {
        font-size:14px
    }
}

.signature-content .product-detail-contents .module-f.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-f.ready .tab-cont {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-f.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-f.ready.on .tab-cont {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-g {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-g .visual {
    font-size: 0;
    position: relative
}

.signature-content .product-detail-contents .module-g .visual img {
    width: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-g .visual {
        width:91.25%;
        margin: 0 auto;
        max-height: 420px
    }

    .signature-content .product-detail-contents .module-g .visual .video {
        display: none
    }
}

.signature-content .product-detail-contents .module-g .visual .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-g .visual .video {
        display:none
    }
}

.signature-content .product-detail-contents .module-g .visual .video .bc-player-default_default {
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-g .visual .video .bc-player-default_default video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-g .layer-player {
    position: absolute;
    z-index: 1
}

.signature-content .product-detail-contents .module-g.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-g.ready .visual {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-g.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-g.ready.on .visual {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-r9-video {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-r9-video {
        width:91.25%;
        margin-bottom: 280px;
        margin-bottom: 43.75vw
    }
}

.signature-content .product-detail-contents .module-r9-video video {
    width: 100%
}

.signature-content .product-detail-contents .module-r9-video.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-r9-video.ready .title {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-video.ready .desc {
    -moz-transition: transform 1000ms ease 200ms;
    -o-transition: transform 1000ms ease 200ms;
    -webkit-transition: transform 1000ms ease 200ms;
    transition: transform 1000ms ease 200ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-video.ready .summary {
    -moz-transition: transform 1000ms ease 300ms;
    -o-transition: transform 1000ms ease 300ms;
    -webkit-transition: transform 1000ms ease 300ms;
    transition: transform 1000ms ease 300ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-video.ready .icon-images {
    -moz-transition: transform 1000ms ease 400ms;
    -o-transition: transform 1000ms ease 400ms;
    -webkit-transition: transform 1000ms ease 400ms;
    transition: transform 1000ms ease 400ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-video.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-r9-video.ready.on .title,.signature-content .product-detail-contents .module-r9-video.ready.on .desc,.signature-content .product-detail-contents .module-r9-video.ready.on .summary,.signature-content .product-detail-contents .module-r9-video.ready.on .icon-images {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-r9-fade {
    position: relative;
    max-width: 1600px;
    margin: 0 auto;
    overflow: hidden;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-r9-fade {
        width:91.25%;
        margin-bottom: 280px;
        margin-bottom: 43.75vw
    }
}

.signature-content .product-detail-contents .module-r9-fade img {
    width: 100%;
    display: block
}

.signature-content .product-detail-contents .module-r9-fade .over-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    opacity: 0
}

.signature-content .product-detail-contents .module-r9-fade.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-r9-fade.ready .title {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-fade.ready .desc {
    -moz-transition: transform 1000ms ease 200ms;
    -o-transition: transform 1000ms ease 200ms;
    -webkit-transition: transform 1000ms ease 200ms;
    transition: transform 1000ms ease 200ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-fade.ready .summary {
    -moz-transition: transform 1000ms ease 300ms;
    -o-transition: transform 1000ms ease 300ms;
    -webkit-transition: transform 1000ms ease 300ms;
    transition: transform 1000ms ease 300ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-fade.ready .icon-images {
    -moz-transition: transform 1000ms ease 400ms;
    -o-transition: transform 1000ms ease 400ms;
    -webkit-transition: transform 1000ms ease 400ms;
    transition: transform 1000ms ease 400ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-r9-fade.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-r9-fade.ready.on .title,.signature-content .product-detail-contents .module-r9-fade.ready.on .desc,.signature-content .product-detail-contents .module-r9-fade.ready.on .summary,.signature-content .product-detail-contents .module-r9-fade.ready.on .icon-images {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-gallery {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 80px 95px 0;
    box-sizing: border-box;
    background: #fff
}

.signature-content .product-detail-contents .module-gallery button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery {
        padding-top:80px;
        padding-left: 95px;
        padding-left: 5.9375vw;
        padding-right: 95px;
        padding-right: 5.9375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery {
        padding-top:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery {
        padding:90px 28px 0px 28px;
        padding: 14.0625vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-gallery:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1px;
    height: 80px;
    top: 0;
    background: #ccc
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery:after {
        height:50px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery:after {
        height:80px;
        height: 12.5vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap {
    position: relative;
    width: 100%;
    margin: 125px auto 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap {
        height:910px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap {
        height:910px;
        height: 56.875vw;
        margin-top: 125px;
        margin-top: 7.8125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap {
        box-sizing:border-box;
        padding: 0;
        margin-top: 120px;
        margin-top: 18.75vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list {
    position: relative;
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual {
    font-size: 0;
    overflow: hidden
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a {
    display: block;
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a img {
    width: 100%;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus {
        opacity:0;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 48px;
        height: 48px;
        background: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        z-index: 2
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        content: "";
        display: block;
        position: absolute;
        background: #000;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before {
        width: 2px;
        height: 12px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        width: 12px;
        height: 2px
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus {
        width:40px;
        height: 40px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before {
        height: 10px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        width: 10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus {
        opacity:1;
        position: absolute;
        z-index: 2;
        right: 28px;
        right: 4.375vw;
        bottom: 28px;
        bottom: 4.375vw;
        width: 18px;
        width: 2.8125vw;
        height: 18px;
        height: 2.8125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        content: "";
        display: block;
        position: absolute;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before {
        width: 4px;
        width: .625vw;
        height: 18px;
        height: 2.8125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        width: 18px;
        width: 2.8125vw;
        height: 4px;
        height: .625vw
    }

    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus {
        background: url("/global/lg-signature/resource/images/common/gallery-plus-btn-m.png") no-repeat 0 50%;
        background-size: 100% auto
    }

    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a .plus:after {
        display: none
    }
}

body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a:focus img,body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a:hover img {
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transition: transform 0.5s
}

@media screen and (min-width: 768px) {
    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a:focus .plus,body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual a:hover .plus {
        opacity:1;
        -moz-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -webkit-transition: opacity 0.2s;
        transition: opacity 0.2s
    }
}

@media screen and (min-width: 768px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual {
        position:absolute;
        width: 450px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(1) {
        height: 360px;
        left: 0;
        top: 80px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(2) {
        height: 600px;
        top: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(3) {
        height: 280px;
        right: 0;
        top: 160px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(4) {
        height: 280px;
        left: 0;
        bottom: 160px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(5) {
        height: 360px;
        right: 0;
        bottom: 80px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(6) {
        height: 280px;
        bottom: 0;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual {
        width:450px;
        width: 28.125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(1) {
        height: 360px;
        height: 22.5vw;
        top: 80px;
        top: 5vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(2) {
        height: 600px;
        height: 37.5vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(3) {
        height: 280px;
        height: 17.5vw;
        top: 160px;
        top: 10vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(4) {
        height: 280px;
        height: 17.5vw;
        bottom: 160px;
        bottom: 10vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(5) {
        height: 360px;
        height: 22.5vw;
        bottom: 80px;
        bottom: 5vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(6) {
        height: 280px;
        height: 17.5vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual {
        position:relative;
        width: 278px;
        width: 43.4375vw;
        height: 180px;
        height: 28.125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(1),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(3),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(5) {
        float: left
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(2),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(4),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(6) {
        float: right
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(2) {
        margin-top: 90px;
        margin-top: 14.0625vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(3),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(4),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(5),.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-list .visual:nth-child(6) {
        margin-top: 28px;
        margin-top: 4.375vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 2;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .draggable {
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .draggable .slick-track {
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap {
    width: 100%;
    height: 100%;
    opacity: 0;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap.slick-initialized {
    opacity: 1
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap .img {
    float: left;
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap .img img {
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    margin: 0;
    padding: 0;
    width: 30px;
    height: 16px;
    background: transparent;
    text-indent: -9999em;
    border: 0;
    overflow: hidden
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-disabled {
    display: none !important
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
    left: 50px
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
    right: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
        left:50px;
        left: 3.125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
        right: 50px;
        right: 3.125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
        left:32px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
        right: 32px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
        left:28px;
        left: 4.375vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
        right: 28px;
        right: 4.375vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow {
        width:24px;
        height: 12px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow {
        overflow:visible;
        width: 40px;
        width: 6.25vw;
        height: 20px;
        height: 3.125vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:after {
    content: "";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:before {
    width: 100%;
    height: 2px;
    background: #fff;
    top: 7px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:before {
        top:5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:before {
        min-height:1px;
        height: 2px;
        height: .3125vw;
        top: 9.5px;
        top: 1.48438vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:after {
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:after {
        width:8px;
        height: 8px;
        top: 1px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:after {
        border-width:2px;
        border-width: .3125vw;
        width: 12px;
        width: 1.875vw;
        height: 12px;
        height: 1.875vw;
        top: 3.5px;
        top: .54688vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev:before {
    right: 0
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev:after {
    left: 2px;
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
    background: url("/global/lg-signature/resource/images/common/gallery-arrow-left-white-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev {
        background:url("/global/lg-signature/resource/images/common/gallery-arrow-left-white-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next:before {
    left: 0
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next:after {
    right: 2px;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
    background: url("/global/lg-signature/resource/images/common/gallery-arrow-right-white-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next {
        background:url("/global/lg-signature/resource/images/common/gallery-arrow-right-white-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-prev:after {
        left:2px;
        left: .3125vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow.slick-next:after {
        right: 2px;
        right: .3125vw
    }
}

body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover {
    -moz-transition: width 0.2s,left 0.2s,right 0.2s;
    -o-transition: width 0.2s,left 0.2s,right 0.2s;
    -webkit-transition: width 0.2s,left 0.2s,right 0.2s;
    transition: width 0.2s,left 0.2s,right 0.2s;
    width: 35px
}

body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-prev {
    left: 45px
}

body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-next {
    right: 45px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-prev {
        left:45px;
        left: 2.8125vw
    }

    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-next {
        right: 45px;
        right: 2.8125vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1024px) {
    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover {
        width:29px
    }

    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-prev {
        left: 27px
    }

    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-next {
        right: 27px
    }
}

@media screen and (max-width: 767px) {
    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover {
        width:50px;
        width: 7.8125vw
    }

    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-prev {
        left: 18px;
        left: 2.8125vw
    }

    body.no-touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer button.slick-arrow:hover.slick-next {
        right: 18px;
        right: 2.8125vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    bottom: 30px;
    font-size: 0;
    z-index: 2
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots {
        bottom:30px;
        bottom: 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots {
        bottom:30px;
        bottom: 4.6875vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li {
        width:18px;
        height: 18px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li {
        width:30px;
        width: 4.6875vw;
        height: 30px;
        height: 4.6875vw;
        margin: 0px 4px 0px 4px;
        margin: 0vw .625vw 0vw .625vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li button {
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    text-indent: -9999em;
    border: 1px solid rgba(255,255,255,0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    background: transparent
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li button {
        border-width:2px;
        border-width: .3125vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li button:before {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li button:before {
        width:8px;
        width: 1.25vw;
        height: 8px;
        height: 1.25vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer ul.slick-dots li.slick-active button {
    border-color: #fff
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .layer-wrap.slick-initialized+.close {
    opacity: 1
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close {
    position: absolute;
    right: 50px;
    top: 50px;
    opacity: 0;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
    width: 22px;
    height: 22px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close {
        right:50px;
        right: 3.125vw;
        top: 50px;
        top: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close {
        right:28px;
        right: 4.375vw;
        top: 28px;
        top: 4.375vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a {
    display: block;
    width: 100%;
    height: 100%
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:after {
    content: "";
    display: block;
    position: absolute;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:before {
    width: 2px;
    height: 22px;
    top: 0;
    left: 10px
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:after {
    width: 22px;
    height: 2px;
    top: 10px;
    left: 0
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a {
    background: url("/global/lg-signature/resource/images/common/gallery-x-btn-White-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a {
        background:url("/global/lg-signature/resource/images/common/gallery-x-btn-White-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close {
        width:18px;
        height: 18px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:before {
        width: 2px;
        height: 18px;
        left: 8px
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:after {
        width: 18px;
        height: 2px;
        top: 8px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close {
        width:28px;
        width: 4.375vw;
        height: 28px;
        height: 4.375vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:before {
        width: 4px;
        width: .625vw;
        height: 28px;
        height: 4.375vw;
        left: 12px;
        left: 1.875vw
    }

    .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer .close a:after {
        width: 28px;
        width: 4.375vw;
        height: 4px;
        height: .625vw;
        top: 12px;
        top: 1.875vw
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow:before {
    background: #000
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow:after {
    border-color: #000
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-prev {
    background: url("/global/lg-signature/resource/images/common/gallery-arrow-left-black-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-prev:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-prev:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-prev {
        background:url("/global/lg-signature/resource/images/common/gallery-arrow-left-black-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-next {
    background: url("/global/lg-signature/resource/images/common/gallery-arrow-right-black-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-next:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-next:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black button.slick-arrow.slick-next {
        background:url("/global/lg-signature/resource/images/common/gallery-arrow-right-black-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black ul.slick-dots li button:before {
    background: #000
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black ul.slick-dots li.slick-active button {
    border-color: #000
}

.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a:before,.signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a:after {
    background: #000
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a {
    background: url("/global/lg-signature/resource/images/common/gallery-x-btn-black-2x.png") no-repeat 0 50%;
    background-size: 100% auto
}

body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a:before,body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a:after {
    display: none
}

@media screen and (max-width: 767px) {
    body.touch .signature-content .product-detail-contents .module-gallery .gallery-wrap .gallery-layer.control-black .close a {
        background:url("/global/lg-signature/resource/images/common/gallery-x-btn-black-m-2x.png") no-repeat 0 50%;
        background-size: 100% auto
    }
}

.signature-content .product-detail-contents .module-gallery.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-gallery.ready .gallery-wrap {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-gallery.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-gallery.ready.on .gallery-wrap {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents .module-banner {
    position: relative;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto 100px;
    padding: 0 95px;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-banner {
        padding:0px 95px 0px 95px;
        padding: 0vw 5.9375vw 0vw 5.9375vw;
        margin-bottom: 100px;
        margin-bottom: 6.25vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-banner {
        padding:0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw;
        margin-bottom: 100px;
        margin-bottom: 15.625vw
    }
}

.signature-content .product-detail-contents .module-banner .img {
    width: 100%;
    font-size: 0
}

.signature-content .product-detail-contents .module-banner .img img {
    width: 100%
}

.signature-content .product-detail-contents .module-banner .txt {
    position: absolute;
    left: 185px;
    top: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-banner .txt {
        left:185px;
        left: 11.5625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-banner .txt {
        left:0;
        width: 100%;
        box-sizing: border-box;
        padding: 0px 28px 0px 28px;
        padding: 0vw 4.375vw 0vw 4.375vw
    }
}

.signature-content .product-detail-contents .module-banner .txt .title {
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 111.11111%;
    font-size: 36px;
    color: #000;
    letter-spacing: -.9px;
    padding: 73px 0 34px 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-detail-contents .module-banner .txt .title {
        font-size:2.25vw;
        padding: 73px 0px 34px 0px;
        padding: 4.5625vw 0vw 2.125vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-banner .txt .title {
        font-size:6.5625vw;
        line-height: 109.52381%;
        text-align: center
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-detail-contents .module-banner .txt .title {
        font-size:21px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-detail-contents .module-banner .txt .btn-hero {
        text-align:center
    }
}

.signature-content .product-detail-contents .module-banner.ready {
    opacity: 0;
    -moz-transition: opacity 1200ms ease 100ms;
    -o-transition: opacity 1200ms ease 100ms;
    -webkit-transition: opacity 1200ms ease 100ms;
    transition: opacity 1200ms ease 100ms
}

.signature-content .product-detail-contents .module-banner.ready .img,.signature-content .product-detail-contents .module-banner.ready .txt {
    -moz-transition: transform 1000ms ease 100ms;
    -o-transition: transform 1000ms ease 100ms;
    -webkit-transition: transform 1000ms ease 100ms;
    transition: transform 1000ms ease 100ms;
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px)
}

.signature-content .product-detail-contents .module-banner.ready.on {
    opacity: 1
}

.signature-content .product-detail-contents .module-banner.ready.on .img,.signature-content .product-detail-contents .module-banner.ready.on .txt {
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.signature-content .product-detail-contents.template .module {
    outline: 1px solid coral
}

.signature-content .product-detail-contents.template .module:before {
    background: coral;
    color: white;
    font-size: 12px;
    left: 0;
    top: 0;
    width: auto;
    padding: 10px;
    box-sizing: border-box;
    z-index: 100000
}

.signature-content .product-detail-contents.template .module.module-a.type1:before {
    content: "Module A1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-b.type1:before {
    content: "Module B1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-b.type2:before {
    content: "Module B2";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-c.type1:before {
    content: "Module C1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-c.type2:before {
    content: "Module C2";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-d.type1:before {
    content: "Module D1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-d.type2:before {
    content: "Module D2";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-e.type1:before {
    content: "Module E1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-f.type1:before {
    content: "Module F1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-g.type1:before {
    content: "Module G1";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-banner:before {
    content: "Module Banner";
    display: block;
    position: absolute
}

.signature-content .product-detail-contents.template .module.module-gallery:before {
    content: "Module Gallery";
    display: block;
    position: absolute
}

.signature-content .select-your-country {
    background: url("/se/lg-signature/resource/images/select-your-country/bg-image-d.jpg") no-repeat 50% 0;
    background-size: 100% auto;
    max-width: 1600px;
    margin: 0 auto
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country {
        background-image:url("/se/lg-signature/resource/images/select-your-country/bg-image-m.jpg")
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-ms-keyframes fade-in {
    .signature-content .select-your-country 0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    .signature-content .select-your-country 50% {
        opacity: 0
    }

    .signature-content .select-your-country 100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.signature-content .select-your-country .contents-header,.signature-content .select-your-country .contents-body {
    max-width: 1410px;
    padding: 0 30px;
    margin: 0 auto;
    position: relative
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .contents-header,.signature-content .select-your-country .contents-body {
        padding:0 28px
    }
}

.signature-content .select-your-country .contents-header {
    padding-top: 338px;
    padding-bottom: 188px
}

.signature-content .select-your-country .contents-header h1 {
    font-size: 60px;
    font-family: "Gotham Bold";
    line-height: 106.66667%;
    letter-spacing: -1.5px;
    text-align: center;
    margin: 0;
    opacity: 0;
    -webkit-animation: fade-in 1s 1 forwards;
    -moz-animation: fade-in 1s 1 forwards;
    -ms-animation: fade-in 1s 1 forwards;
    -o-animation: fade-in 1s 1 forwards;
    animation: fade-in 1s 1 forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .contents-header {
        padding-top:338px;
        padding-top: 21.125vw;
        padding-bottom: 188px;
        padding-bottom: 11.75vw
    }

    .signature-content .select-your-country .contents-header h1 {
        font-size: 3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .contents-header {
        margin-top:120px;
        margin-top: 18.75vw;
        padding-top: 186px;
        padding-top: 29.0625vw;
        padding-bottom: 188px;
        padding-bottom: 29.375vw
    }

    .signature-content .select-your-country .contents-header h1 {
        line-height: 108.33333%;
        font-size: 7.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .select-your-country .contents-header h1 {
        font-size:24px
    }
}

.signature-content .select-your-country .contents-header:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1px;
    height: 80px;
    bottom: 60px;
    background: #ccc;
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.35s forwards;
    -moz-animation: fade-in 1s 1 0.35s forwards;
    -ms-animation: fade-in 1s 1 0.35s forwards;
    -o-animation: fade-in 1s 1 0.35s forwards;
    animation: fade-in 1s 1 0.35s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .contents-header:after {
        height:80px;
        height: 5vw;
        bottom: 60px;
        bottom: 3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .contents-header {
        padding-bottom:103px;
        padding-bottom: 16.09375vw
    }

    .signature-content .select-your-country .contents-header:after {
        height: 50px;
        bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .contents-header:after {
        height:80px;
        height: 12.5vw;
        bottom: 60px;
        bottom: 9.375vw
    }
}

.signature-content .select-your-country .contents-body {
    padding-bottom: 330px;
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.7s forwards;
    -moz-animation: fade-in 1s 1 0.7s forwards;
    -ms-animation: fade-in 1s 1 0.7s forwards;
    -o-animation: fade-in 1s 1 0.7s forwards;
    animation: fade-in 1s 1 0.7s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .contents-body {
        padding-bottom:330px;
        padding-bottom: 20.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .contents-body {
        padding-bottom:320px;
        padding-bottom: 50vw
    }
}

.signature-content .select-your-country .contents-body:after {
    content: "";
    display: block;
    position: absolute;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translate(-50%);
    width: 1px;
    height: 80px;
    bottom: 126px;
    background: #ccc
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .contents-body:after {
        height:80px;
        height: 5vw;
        bottom: 126px;
        bottom: 7.875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .contents-body {
        padding-bottom:290px
    }

    .signature-content .select-your-country .contents-body:after {
        height: 50px;
        bottom: 120px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .contents-body:after {
        height:80px;
        height: 12.5vw;
        bottom: 126px;
        bottom: 19.6875vw
    }
}

.signature-content .select-your-country .contents-body .accordion-item {
    margin-top: 10px
}

.signature-content .select-your-country .contents-body .accordion-item:first-child {
    margin-top: 0
}

.signature-content .select-your-country .accordion-item {
    background: #fff;
    padding: 46px 90px 50px 90px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .accordion-item {
        padding:47px 90px 47px 90px;
        padding: 2.9375vw 5.625vw 2.9375vw 5.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item {
        padding:53px 38px 55px 40px;
        padding: 8.28125vw 5.9375vw 8.59375vw 6.25vw
    }
}

.signature-content .select-your-country .accordion-item .item-header .item-title {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 20px;
    font-family: "Gotham Medium";
    letter-spacing: -.5px;
    position: relative
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item .item-header .item-title {
        font-size:4.375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .select-your-country .accordion-item .item-header .item-title {
        font-size:14px
    }
}

.signature-content .select-your-country .accordion-item .item-header.expanded .item-body {
    display: block
}

.signature-content .select-your-country .accordion-item .item-header .btn-plus {
    right: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.signature-content .select-your-country .accordion-item .item-header .btn-plus .anchor:after {
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease
}

.signature-content .select-your-country .accordion-item .item-header .btn-plus.collapse .anchor {
    -moz-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.signature-content .select-your-country .accordion-item .item-header .btn-plus.collapse .anchor:after {
    -moz-transform: rotate(-90deg) translate(-50%, -50%);
    -o-transform: rotate(-90deg) translate(-50%, -50%);
    -webkit-transform: rotate(-90deg) translate(-50%, -50%);
    -ms-transform: rotate(-90deg) translate(-50%, -50%);
    transform: rotate(-90deg) translate(-50%, -50%);
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    opacity: 0
}

.signature-content .select-your-country .accordion-item .item-body {
    display: none
}

.signature-content .select-your-country .accordion-item .item-body ul {
    margin: 14px 0 0 0;
    padding: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .accordion-item .item-body ul {
        margin-top:14px;
        margin-top: .875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .accordion-item .item-body ul {
        margin-top:0;
        margin-bottom: 10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item .item-body ul {
        margin-top:19px;
        margin-top: 2.96875vw
    }
}

.signature-content .select-your-country .accordion-item .item-body .countries-list {
    font-size: 0
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country {
    vertical-align: top;
    display: inline-block;
    padding-top: 30px;
    padding-right: 35px;
    width: 25%;
    box-sizing: border-box
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country {
        padding-top:30px;
        padding-top: 1.875vw;
        padding-right: 35px;
        padding-right: 2.1875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country {
        padding-top:37px;
        padding-right: 0
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country {
        display:block;
        width: 100%;
        padding: 37px 0px 0px 0px;
        padding: 5.78125vw 0vw 0vw 0vw
    }
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .country-wrap {
    display: block;
    position: relative
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .flag {
    width: 50px;
    height: 50px;
    float: left
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .flag img {
    width: 100%;
    height: auto
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .flag {
        float:none;
        margin: 0 auto 14px auto
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .flag {
        width:80px;
        width: 12.5vw;
        height: 80px;
        height: 12.5vw
    }
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .name {
    margin-left: 65px
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .name p {
    font-size: 15px;
    letter-spacing: -.375px;
    font-family: "Gotham Book";
    color: #000;
    margin: 0
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .name p .language {
    display: block;
    color: #ba8748;
    font-family: "Gotham Medium"
}

.signature-content .select-your-country .accordion-item .item-body .countries-list .country .name p .language a {
    color: #ba8748;
    text-decoration: none
}

@media screen and (min-width: 1025px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .name {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .name {
        margin-left:0;
        text-align: center
    }
}

@media screen and (max-width: 767px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .name {
        position:absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-left: 100px;
        margin-left: 15.625vw
    }

    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .name p {
        font-size: 3.75vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .select-your-country .accordion-item .item-body .countries-list .country .name p {
        font-size:12px
    }
}

.signature-content .select-your-country.no-css-animation .contents-header:after,.signature-content .select-your-country.no-css-animation .contents-header h1 {
    opacity: 1 !important
}

.signature-content .select-your-country.no-css-animation .contents-body {
    opacity: 1
}

.signature-content .legal-contents {
    position: relative;
    max-width: 990px;
    padding: 314px 30px 0;
    box-sizing: border-box;
    margin: 0 auto
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents {
        max-width:990px;
        max-width: 61.875vw;
        padding: 314px 30px 0px 30px;
        padding: 19.625vw 1.875vw 0vw 1.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents {
        padding:272px 56px 0px 56px;
        padding: 42.5vw 8.75vw 0vw 8.75vw
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-ms-keyframes fade-in {
    .signature-content .legal-contents 0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    .signature-content .legal-contents 100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
        -moz-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        -webkit-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

    100% {
        opacity: 1;
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.signature-content .legal-contents .contents-header {
    position: relative;
    padding-bottom: 190px
}

.signature-content .legal-contents .contents-header .header-wrap span {
    opacity: 0;
    -webkit-animation: fade-in 1s 1 forwards;
    -moz-animation: fade-in 1s 1 forwards;
    -ms-animation: fade-in 1s 1 forwards;
    -o-animation: fade-in 1s 1 forwards;
    animation: fade-in 1s 1 forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .legal-contents .contents-header .header-wrap h1 {
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.2s forwards;
    -moz-animation: fade-in 1s 1 0.2s forwards;
    -ms-animation: fade-in 1s 1 0.2s forwards;
    -o-animation: fade-in 1s 1 0.2s forwards;
    animation: fade-in 1s 1 0.2s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .legal-contents .contents-header .header-wrap p {
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.3s forwards;
    -moz-animation: fade-in 1s 1 0.3s forwards;
    -ms-animation: fade-in 1s 1 0.3s forwards;
    -o-animation: fade-in 1s 1 0.3s forwards;
    animation: fade-in 1s 1 0.3s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

.signature-content .legal-contents .contents-header:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    height: 80px;
    bottom: 60px;
    background: #ccc;
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.4s forwards;
    -moz-animation: fade-in 1s 1 0.4s forwards;
    -ms-animation: fade-in 1s 1 0.4s forwards;
    -o-animation: fade-in 1s 1 0.4s forwards;
    animation: fade-in 1s 1 0.4s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-header {
        padding-bottom:190px;
        padding-bottom: 11.875vw
    }

    .signature-content .legal-contents .contents-header:after {
        height: 80px;
        height: 5vw;
        bottom: 60px;
        bottom: 3.75vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .legal-contents .contents-header {
        padding-bottom:103px;
        padding-bottom: 16.09375vw
    }

    .signature-content .legal-contents .contents-header:after {
        height: 50px;
        bottom: 40px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-header {
        padding-bottom:190px;
        padding-bottom: 29.6875vw
    }

    .signature-content .legal-contents .contents-header:after {
        height: 80px;
        height: 12.5vw;
        bottom: 60px;
        bottom: 9.375vw
    }
}

.signature-content .legal-contents .contents-header span {
    display: block;
    text-align: center;
    font-family: "Gotham Medium";
    font-weight: normal;
    color: #ba8748;
    font-size: 20px;
    margin: 0 0 10px;
    line-height: 110%;
    letter-spacing: -.5px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-header span {
        font-size:1.25vw;
        margin: 0px 0px 10px 0px;
        margin: 0vw 0vw .625vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1200px) {
    .signature-content .legal-contents .contents-header span {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-header span {
        line-height:110%;
        font-size: 3.125vw;
        margin: 0px 0px 10px 0px;
        margin: 0vw 0vw 1.5625vw 0vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .legal-contents .contents-header span {
        font-size:10px
    }
}

.signature-content .legal-contents .contents-header h1 {
    font-size: 60px;
    font-family: "Gotham Bold";
    font-weight: normal;
    line-height: 106.66667%;
    letter-spacing: -1.5px;
    text-align: center;
    margin: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-header h1 {
        font-size:3.75vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-header h1 {
        line-height:108.33333%;
        font-size: 7.5vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .legal-contents .contents-header h1 {
        font-size:24px
    }
}

.signature-content .legal-contents .contents-header p {
    font-family: "Gotham Book";
    font-size: 19px;
    line-height: 157.89474%;
    color: #333;
    margin: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-header p {
        font-size:1.1875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1263.15789px) {
    .signature-content .legal-contents .contents-header p {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-header p {
        line-height:163.63636%;
        font-size: 3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .legal-contents .contents-header p {
        font-size:11px
    }
}

.signature-content .legal-contents .contents-header h1+p {
    margin-top: 50px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-header h1+p {
        margin-top:50px;
        margin-top: 3.125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-header h1+p {
        margin-top:50px;
        margin-top: 7.8125vw
    }
}

.signature-content .legal-contents .contents-body {
    padding-bottom: 330px;
    opacity: 0;
    -webkit-animation: fade-in 1s 1 0.5s forwards;
    -moz-animation: fade-in 1s 1 0.5s forwards;
    -ms-animation: fade-in 1s 1 0.5s forwards;
    -o-animation: fade-in 1s 1 0.5s forwards;
    animation: fade-in 1s 1 0.5s forwards;
    -moz-transition-timing-function: "ease-out";
    -o-transition-timing-function: "ease-out";
    -webkit-transition-timing-function: "ease-out";
    transition-timing-function: "ease-out"
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body {
        padding-bottom:330px;
        padding-bottom: 20.625vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body {
        padding-bottom:320px;
        padding-bottom: 50vw
    }
}

.signature-content .legal-contents .contents-body .text-block {
    padding-bottom: 110px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body .text-block {
        padding-bottom:110px;
        padding-bottom: 6.875vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body .text-block {
        padding-bottom:110px;
        padding-bottom: 17.1875vw
    }
}

.signature-content .legal-contents .contents-body .text-block:last-child {
    padding-bottom: 0
}

.signature-content .legal-contents .contents-body .text-block h2 {
    font-family: "Gotham Bold";
    font-weight: normal;
    font-size: 28px;
    line-height: 135.71429%;
    letter-spacing: -.7px;
    color: #000;
    margin: 0 0 15px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body .text-block h2 {
        font-size:1.75vw;
        margin: 0px 0px 15px 0px;
        margin: 0vw 0vw .9375vw 0vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1257.14286px) {
    .signature-content .legal-contents .contents-body .text-block h2 {
        font-size:22px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body .text-block h2 {
        line-height:110%;
        font-size: 6.25vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .legal-contents .contents-body .text-block h2 {
        font-size:20px
    }
}

.signature-content .legal-contents .contents-body .text-block p {
    font-family: "Gotham Book";
    font-size: 19px;
    line-height: 157.89474%;
    color: #333;
    margin: 0
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body .text-block p {
        font-size:1.1875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) and (max-width: 1263.15789px) {
    .signature-content .legal-contents .contents-body .text-block p {
        font-size:15px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body .text-block p {
        line-height:163.63636%;
        font-size: 3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .legal-contents .contents-body .text-block p {
        font-size:11px
    }
}

.signature-content .legal-contents .contents-body .text-block p+p {
    margin-top: 35px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body .text-block p+p {
        margin:35px 0px 0px 0px;
        margin: 2.1875vw 0vw 0vw 0vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body .text-block p+p {
        margin-top:45px;
        margin-top: 7.03125vw
    }
}

.signature-content .legal-contents .contents-body:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 1px;
    height: 80px;
    bottom: 126px;
    background: #ccc
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .legal-contents .contents-body:after {
        height:80px;
        height: 5vw;
        bottom: 126px;
        bottom: 7.875vw
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .signature-content .legal-contents .contents-body {
        padding-bottom:290px
    }

    .signature-content .legal-contents .contents-body:after {
        height: 50px;
        bottom: 120px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .legal-contents .contents-body:after {
        height:80px;
        height: 12.5vw;
        bottom: 126px;
        bottom: 19.6875vw
    }
}

.signature-content .showroom-contents {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 175vw
}

.signature-content .showroom-contents p,.signature-content .showroom-contents a,.signature-content .showroom-contents li {
    font-family: "Gotham Bold";
    font-weight: normal
}

.signature-content .showroom-contents div {
    -webkit-tap-highlight-color: transparent
}

.signature-content .showroom-contents.view_tablet {
    height: 225vw
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents {
        height:290vw
    }
}

.signature-content .showroom-contents .showroomTabArea {
    display: none;
    position: relative;
    width: 100%;
    height: 90px;
    border-bottom: 5px solid #eee;
    background-color: #fff;
    z-index: 4
}

.signature-content .showroom-contents .showroomTabArea.view_tablet {
    height: 13.125vw
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents .showroomTabArea {
        height:23.4375vw;
        border-bottom: 5px solid #eee
    }
}

.signature-content .showroom-contents .showroomTabArea .showroomTabs {
    position: absolute;
    text-align: center;
    margin-left: -300px;
    width: 600px;
    left: 50%;
    bottom: -5px
}

.signature-content .showroom-contents .showroomTabArea .showroomTabs ul {
    margin-left: -.83333vw;
    font-size: 0;
    white-space: nowrap
}

.signature-content .showroom-contents .showroomTabArea .showroomTabs ul li {
    display: inline-block;
    text-decoration: none;
    margin-left: .83333vw;
    padding: 0 13px 12px 13px;
    color: #ccc;
    font-size: 26px;
    letter-spacing: -0.5px;
    cursor: pointer
}

.signature-content .showroom-contents .showroomTabArea .showroomTabs ul li.on {
    color: #000;
    border-bottom: 5px solid #000
}

body.no-touch .signature-content .showroom-contents .showroomTabArea .showroomTabs ul li:hover {
    color: #000;
    transition-duration: 0.3s
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents .showroomTabArea .showroomTabs ul li {
        font-size:5.15625vw;
        margin-left: 0vw;
        padding: 0 13px 7px 13px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .showroom-contents .showroomTabArea .showroomTabs ul li {
        font-size:16.5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents .showroomTabArea .showroomTabs ul li>p {
        padding:0 13px 7px 20px
    }

    .signature-content .showroom-contents .showroomTabArea .showroomTabs ul li.on {
        border-bottom: 5px solid #000
    }
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents .showroomTabArea .showroomTabs ul {
        margin-left:-2.03125vw
    }
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents .showroomTabArea .showroomTabs {
        width:auto;
        text-align: left;
        margin-left: 0;
        left: 0
    }
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_S {
    height: 15.15625vw;
    border-bottom: 5px solid #eeeeee
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_S .showroomTabs {
    text-align: center;
    margin-left: -300px;
    width: 600px;
    left: 50%
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_S .showroomTabs ul {
    margin-left: -2.5vw
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_S .showroomTabs ul li {
    font-size: 26px;
    margin-left: 2.5vw;
    padding: 0 13px 2px 13px
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_S .showroomTabs ul li.on {
    border-bottom: 5px solid #000000
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_L_L {
    height: 12.5vw
}

.signature-content .showroom-contents .showroomTabArea.view_mobile_P {
    height: 23.4375vw
}

.signature-content .showroom-contents .showroomTabArea.view_tablet_P {
    height: 11.25vw
}

.signature-content .showroom-contents .showroomTabArea.view_tablet_L {
    height: 8.125vw
}

.signature-content .showroom-contents .showroomTabArea.view_PC {
    height: 90px
}

.signature-content .showroom-contents #showroom_carousel {
    visibility: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    min-width: 300px
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask {
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100vw;
    height: 50vw
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask.view_tablet {
    width: 80vw;
    height: 80vw
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .carouselItemsMask {
        width:125vw;
        height: 200vw
    }
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems {
    position: relative;
    visibility: hidden;
    height: 100%
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div {
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>img {
    display: block;
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>video {
    display: block;
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper {
    position: absolute;
    left: 0;
    top: 0
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn {
    display: none;
    position: absolute;
    border: none;
    padding: 0px;
    text-align: left;
    background-color: #ba8748;
    margin-top: -18px;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-radius: 18px
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn {
        margin-top:-15px;
        margin-left: -15px;
        width: 29px;
        height: 29px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        border-radius: 15px
    }
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div {
    margin-top: 8px;
    text-indent: -9999px;
    transition-duration: 0.5s;
    transform-origin: 18px 10px;
    width: 35px
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div:before {
    content: "";
    display: block;
    position: absolute;
    margin-top: 9px;
    margin-left: 12px;
    width: 12px;
    height: 2px;
    background-color: #fff
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div:after {
    content: "";
    display: block;
    position: absolute;
    margin-top: -20px;
    margin-left: 17px;
    width: 2px;
    height: 12px;
    background-color: #fff
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div {
        transition-duration:0s;
        margin-top: 5px;
        margin-left: -6px
    }

    .signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div:before {
        margin-top: 9px;
        margin-left: 15px;
        width: 12px;
        height: 2px
    }

    .signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn>div:after {
        margin-top: -20px;
        margin-left: 20px;
        width: 2px;
        height: 12px
    }
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper .goExBtn p {
    display: none;
    opacity: 0;
    font-size: 8pt;
    margin-top: -22px;
    margin-left: 34px;
    white-space: nowrap;
    text-overflow: clip;
    letter-spacing: 1px;
    color: #fff;
    opacity: 0
}

.signature-content .showroom-contents #showroom_carousel .carouselItemsMask .carouselItems>div>.exBtnWrapper>.showroomGradation {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%
}

.signature-content .showroom-contents #showroom_carousel .carouselUI {
    display: none
}

.signature-content .showroom-contents #showroom_carousel.showroom_livingroom .carouselItems .view_minimalist .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_livingroom_minimalist.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_livingroom .carouselItems .view_natural .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_livingroom_natural.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_livingroom .carouselItems .view_sleek .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_livingroom_sleek.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_kitchen .view_minimalist .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_kitchen_minimalist.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_kitchen .view_natural .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_kitchen_natural.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_kitchen .view_sleek .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_kitchen_sleek.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_laundryroom .view_minimalist .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_laundryroom_minimalist.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_laundryroom .view_natural .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_laundryroom_natural.png")
}

.signature-content .showroom-contents #showroom_carousel.showroom_laundryroom .view_sleek .showroomGradation {
    background: left top/100% 100% no-repeat url("../images/showroom/gradation_laundryroom_sleek.png")
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button {
    outline: none;
    left: 50px;
    transition-property: margin, width;
    transition-duration: 0.2s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.001);
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button:after {
    left: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-135deg)
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button.view_tablet {
    left: 37px
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button {
        left:13px;
        top: 42.9%
    }

    .signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button:before {
        margin-top: -2px;
        height: 1px;
        width: 28px
    }

    .signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button:after {
        width: 9px;
        height: 9px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff
    }
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ>button:hover {
    margin-left: -10px;
    width: 50px
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ.showroomOldBw>button {
    background: left 50% no-repeat url("../images/showroom/gallery-arrow-left-white-m-2x.png")
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ.showroomOldBw>button:before {
    display: none
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ.showroomOldBw>button:after {
    display: none
}

.signature-content .showroom-contents #showroom_carousel .moveLeft_TJ.smallScreenMoveBtn>button {
    left: 25px
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button {
    outline: none;
    position: absolute;
    margin-top: -10px;
    right: 50px;
    transition-property: margin, width;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    position: absolute;
    z-index: 3;
    display: block;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,0.001);
    border: 0;
    font-size: 0;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    display: block;
    height: 2px;
    width: 100%;
    background-color: #fff
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button:after {
    right: 1px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg)
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button.view_tablet {
    right: 37px
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button {
        right:13px;
        top: 41%
    }

    .signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button:before {
        margin-top: -2px;
        margin-left: 12px;
        height: 1px;
        width: 28px
    }

    .signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button:after {
        width: 9px;
        height: 9px;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff
    }
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ>button:hover {
    margin-right: -10px;
    width: 50px
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ.showroomOldBw>button {
    background: left 50% no-repeat url("../images/showroom/gallery-arrow-right-white-m-2x.png")
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ.showroomOldBw>button:before {
    display: none
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ.showroomOldBw>button:after {
    display: none
}

.signature-content .showroom-contents #showroom_carousel .moveRight_TJ.smallScreenMoveBtn>button {
    right: 25px
}

.signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveLeft_TJ>button:before,.signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveRight_TJ>button:before,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveLeft_TJ>button:before,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveRight_TJ>button:before,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveLeft_TJ>button:before,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveRight_TJ>button:before,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveLeft_TJ>button:before,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveRight_TJ>button:before {
    background-color: #000
}

.signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveLeft_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveRight_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveLeft_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveRight_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveLeft_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveRight_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveLeft_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveRight_TJ>button:after {
    border-top: 2px solid #000;
    border-right: 2px solid #000
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveLeft_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_minimalist>.moveRight_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveLeft_TJ>button:after,.signature-content .showroom-contents #showroom_carousel.showroom_livingroom.showroom_minimalist>.moveRight_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveLeft_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveRight_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveLeft_TJ>button:after,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveRight_TJ>button:after {
        border-top:1px solid #000;
        border-right: 1px solid #000
    }
}

body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveLeft_TJ.showroomOldBw.showroomOldBw>button,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveLeft_TJ.showroomOldBw.showroomOldBw>button {
    background: left 50% no-repeat url("../images/showroom/gallery-arrow-left-black-m-2x.png")
}

body.touch .signature-content .showroom-contents #showroom_carousel.showroom_kitchen.showroom_sleek>.moveRight_TJ.showroomOldBw.showroomOldBw>button,body.touch .signature-content .showroom-contents #showroom_carousel.showroom_laundryroom.showroom_sleek>.moveRight_TJ.showroomOldBw.showroomOldBw>button {
    background: left 50% no-repeat url("../images/showroom/gallery-arrow-right-black-m-2x.png")
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ {
    position: absolute;
    margin-left: -24.0625vw;
    left: 50%;
    font-size: 0
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet {
    margin-left: -32.1875vw;
    bottom: 2vw
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ {
        margin-left:-43.125vw;
        bottom: 5vw
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li {
    position: relative;
    display: inline-block;
    padding: 0px;
    margin: 0px;
    margin-left: 6px;
    width: 2.08333vw;
    height: 1.5625vw;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li>p {
    display: none;
    position: absolute;
    margin-top: -19px;
    top: 0;
    left: 0;
    color: #FFFFFF;
    font-size: .83333vw
}

@media (max-width: 1440px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>p {
        font-size:12px
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavBack {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: 0.5
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavBack {
        height:4px
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavFore {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    opacity: 0.5;
    width: 0;
    opacity: 1
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavFore {
        height:4px
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li.on {
    width: 38.17708vw
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li.on>p {
    display: block
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ li.on>div.carouselNavBack {
    width: 38.17708vw
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li {
        margin-left:1.5625vw;
        width: 10.9375vw;
        height: 8.59375vw
    }

    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavBack {
        height: .625vw
    }

    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>div.carouselNavFore {
        height: .625vw;
        width: 0;
        opacity: 1
    }

    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>p {
        margin-top: -3.28125vw;
        font-size: 3.59375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li>p {
        font-size:11.5px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li.on {
        width:46.875vw
    }

    .signature-content .showroom-contents #showroom_carousel .nav_TJ li.on>div.carouselNavBack {
        width: 46.875vw
    }
}

@media screen and (max-width: 450px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li {
        margin-left:.78125vw
    }
}

@media screen and (max-width: 380px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ li {
        margin-left:.78125vw
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomLandscape {
    margin-left: -33%;
    width: 62%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomLandscape ul {
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomLandscape ul li {
    width: 4%;
    height: 30px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomLandscape ul li.on {
    width: 87%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomLandscape ul li.on>div.carouselNavBack {
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomPortrait {
    margin-left: -33%;
    width: 60%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomPortrait ul {
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomPortrait ul li {
    width: 4%;
    height: 30px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomPortrait ul li.on {
    width: 87%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.showroomOldBw.showroomPortrait ul li.on>div.carouselNavBack {
    width: 100%
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S {
    margin-left: -200px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li {
    width: 50px;
    margin-left: 6px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li p {
    margin-top: 4px;
    font-size: 16px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li.on {
    width: 244px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li.on>div:nth-child(2) {
    width: 244px;
    height: 3px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li.on>div:nth-child(3) {
    height: 3px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li>div:nth-child(2) {
    width: 50px;
    height: 3px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_S li>div:nth-child(3) {
    height: 3px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_mobile_L_L li p {
    margin-top: -10px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li {
    margin-left: .625vw;
    width: 3.75vw;
    height: 2.1875vw
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li>div.carouselNavBack {
    height: 3px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li>div.carouselNavFore {
    height: 3px;
    width: 0;
    opacity: 1
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li>p {
    margin-top: -1.3125vw;
    font-size: 1.4375vw
}

@media (max-width: 834.78261px) {
    .signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li>p {
        font-size:12px
    }
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li.on {
    width: 45.8125vw
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.view_tablet li.on>div.carouselNavBack {
    width: 45.8125vw
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.smallScreenThemeText1 ul li p {
    margin-top: -12px;
    font-size: 12px
}

.signature-content .showroom-contents #showroom_carousel .nav_TJ.smallScreenThemeText2 ul li p {
    margin-top: -12px;
    font-size: 14px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ {
    position: absolute;
    left: 50%;
    width: 66px;
    height: 66px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ:before {
    content: "";
    display: block;
    position: absolute;
    background-color: #000000;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    transition-duration: 0.15s
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ>div {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -6px;
    margin-left: -3px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ:not(.on)>div {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.44px;
    border-color: transparent transparent transparent #000
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:before {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #000;
    margin-left: -3px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:after {
    content: "";
    display: block;
    position: absolute;
    width: 3px;
    height: 12px;
    background-color: #000;
    margin-left: 5px
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover:not(.on)>div {
    border-color: transparent transparent transparent #FFFFFF
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover.on>div:before,body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover.on>div:after {
    background-color: #FFFFFF
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover:before {
    content: "";
    display: block;
    position: absolute;
    width: 66px;
    height: 66px;
    margin-top: -33px;
    margin-left: -33px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_S {
    width: 50px;
    height: 50px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_S:not(.on)>div {
    margin-top: -5px;
    margin-left: -3px;
    border-width: 5px 0 5px 8px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_S>div:before {
    width: 3px;
    height: 10px;
    margin-top: 1px;
    margin-left: -6px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_S>div:after {
    width: 3px;
    height: 10px;
    margin-top: 1px;
    margin-left: 1px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_L {
    width: 50px;
    height: 50px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_L:not(.on)>div {
    margin-top: -5px;
    margin-left: -3px;
    border-width: 5px 0 5px 8px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_L>div:before {
    width: 3px;
    height: 10px;
    margin-top: 1px;
    margin-left: -2px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_mobile_L_L>div:after {
    width: 3px;
    height: 10px;
    margin-top: 1px;
    margin-left: 5px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_tablet:not(.on)>div {
    margin-top: -6px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 10.44px;
    border-color: transparent transparent transparent #000
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_tablet.on>div:before {
    margin-top: 0;
    margin-left: -2px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.view_tablet.on>div:after {
    margin-top: 0;
    margin-left: 6px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size {
    width: 58px;
    height: 58px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size:not(.on)>div {
    margin-top: -5px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 9.57px;
    border-color: transparent transparent transparent #000
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size.on>div {
    margin-top: -5px;
    margin-left: 0
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size.on>div:before {
    width: 4px;
    height: 11px;
    margin-left: -6px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size.on>div:after {
    width: 4px;
    height: 11px;
    margin-left: 2px
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_S_size:hover:before {
    width: 60px;
    height: 60px;
    margin-top: -30px;
    margin-left: -30px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size {
    width: 49px;
    height: 49px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size:not(.on)>div {
    margin-top: -5px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 9.57px;
    border-color: transparent transparent transparent #000
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size.on>div {
    margin-top: -5px;
    margin-left: 0
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size.on>div:before {
    width: 4px;
    height: 11px;
    margin-left: -6px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size.on>div:after {
    width: 4px;
    height: 11px;
    margin-left: 2px
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XS_size:hover:before {
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size {
    width: 40px;
    height: 40px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size:not(.on)>div {
    margin-top: -5px;
    margin-left: -3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 8.7px;
    border-color: transparent transparent transparent #000
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size.on>div {
    margin-top: -5px;
    margin-left: 1px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size.on>div:before {
    width: 3px;
    height: 10px;
    margin-left: -5px
}

.signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size.on>div:after {
    width: 3px;
    height: 10px;
    margin-left: 1px
}

body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.playBtn_XXS_size:hover:before {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px
}

@media screen and (max-width: 767px) {
    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ {
        width:66px;
        height: 66px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:not(.on)>div {
        margin-top: -6px;
        margin-left: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 0 7px 12.18px;
        border-color: transparent transparent transparent #000
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div {
        margin-top: -6px;
        margin-left: 1px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:before {
        width: 4px;
        height: 12px;
        margin-left: -7px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:after {
        width: 4px;
        height: 12px;
        margin-left: 2px
    }

    body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover:before {
        width: 66px;
        height: 66px;
        margin-top: -33px;
        margin-left: -33px
    }
}

@media screen and (max-width: 450px) {
    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ {
        width:49px;
        height: 49px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:not(.on)>div {
        margin-top: -5px;
        margin-left: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5.5px 0 5.5px 9.57px;
        border-color: transparent transparent transparent #000
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div {
        margin-top: -5px;
        margin-left: 0
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:before {
        width: 4px;
        height: 11px;
        margin-left: -6px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:after {
        width: 4px;
        height: 11px;
        margin-left: 2px
    }

    body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover:before {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        margin-left: -25px
    }
}

@media screen and (max-width: 380px) {
    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ {
        width:40px;
        height: 40px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:not(.on)>div {
        margin-top: -5px;
        margin-left: -3px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px 0 5px 8.7px;
        border-color: transparent transparent transparent #000
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div {
        margin-top: -5px;
        margin-left: 1px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:before {
        width: 3px;
        height: 10px;
        margin-left: -5px
    }

    .signature-content .showroom-contents #showroom_carousel .playBtn_TJ.on>div:after {
        width: 3px;
        height: 10px;
        margin-left: 1px
    }

    body.no-touch .signature-content .showroom-contents #showroom_carousel .playBtn_TJ:hover:before {
        width: 40px;
        height: 40px;
        margin-top: -20px;
        margin-left: -20px
    }
}

.signature-content .product-top-menu {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    background-color: #fff;
    z-index: 10000
}

.signature-content .product-top-menu .inner {
    overflow: hidden;
    max-width: 1300px;
    margin: 0 auto;
    padding: 13px 10px
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .signature-content .product-top-menu .inner {
        padding:13px 20px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-top-menu .inner {
        padding:0
    }
}

.signature-content .product-top-menu .inner.open .btn-wrap {
    display: block
}

.signature-content .product-top-menu .inner.open .btn-collapse span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.signature-content .product-top-menu .inner.open .btn-collapse span:before {
    right: 11px;
    right: 1.71875vw
}

.signature-content .product-top-menu .inner .btn-collapse {
    display: none;
    border: 0;
    outline: none
}

.signature-content .product-top-menu .inner .btn-collapse:focus {
    outline: none
}

@media screen and (max-width: 767px) {
    .signature-content .product-top-menu .inner .btn-collapse {
        display:block;
        position: absolute;
        top: 16px;
        top: 2.5vw;
        right: 0;
        width: 70px;
        width: 10.9375vw;
        padding: 0;
        text-align: center
    }
}

.signature-content .product-top-menu .inner .btn-collapse span {
    display: inline-block;
    position: relative;
    width: 16px;
    width: 2.5vw;
    height: 11px;
    height: 1.71875vw;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    vertical-align: middle
}

.signature-content .product-top-menu .inner .btn-collapse span:before,.signature-content .product-top-menu .inner .btn-collapse span:after {
    display: block;
    content: '';
    position: absolute;
    width: 1px;
    height: 10px;
    height: 1.5625vw;
    top: 0px;
    right: 5px;
    right: .78125vw;
    background: #898989
}

.signature-content .product-top-menu .inner .btn-collapse span:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.signature-content .product-top-menu .inner .btn-collapse span:before {
    right: 12px;
    right: 1.875vw;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.signature-content .product-top-menu .inner .product-tit {
    float: left;
    margin-bottom: 0;
    line-height: 35px
}

@media screen and (max-width: 767px) {
    .signature-content .product-top-menu .inner .product-tit {
        width:92%;
        padding: 10px 0;
        margin: 0 4%;
        line-height: 159.09091%;
        font-size: 3.4375vw
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-top-menu .inner .product-tit {
        font-size:11px
    }
}

.signature-content .product-top-menu .inner .btn-wrap {
    display: block;
    overflow: hidden;
    float: right
}

@media screen and (max-width: 767px) {
    .signature-content .product-top-menu .inner .btn-wrap {
        display:none;
        clear: both;
        width: 100%;
        padding: 0 2% 13px
    }

    .signature-content .product-top-menu .inner .btn-wrap a {
        float: left;
        width: 46%;
        margin: 0 2%;
        font-size: 3.125vw;
        line-height: 160%;
        padding: 4px 20px
    }
}

@media screen and (max-width: 767px) and (max-width: 320px) {
    .signature-content .product-top-menu .inner .btn-wrap a {
        font-size:10px
    }
}

@media screen and (max-width: 767px) {
    .signature-content .product-top-menu .inner .btn-wrap a:only-child {
        display:block;
        float: none;
        width: 96%;
        margin: 0 auto
    }
}

.debug-line {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    opacity: 0.5
}

.debug-line.on {
    display: block
}

@media screen and (min-width: 768px) {
    .debug-line div>div {
        position:absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 100%;
        padding: 0 15px;
        border-left: 1px solid red;
        border-right: 1px solid red;
        -moz-transform: translateX(-16px);
        -o-transform: translateX(-16px);
        -webkit-transform: translateX(-16px);
        -ms-transform: translateX(-16px);
        transform: translateX(-16px)
    }

    .debug-line .right div:nth-child(1) {
        border-color: red
    }

    .debug-line .right div:nth-child(2) {
        border-color: orange;
        margin-left: 120px
    }

    .debug-line .right div:nth-child(3) {
        border-color: yellow;
        margin-left: 240px
    }

    .debug-line .right div:nth-child(4) {
        border-color: green;
        margin-left: 360px
    }

    .debug-line .right div:nth-child(5) {
        border-color: blue;
        margin-left: 480px
    }

    .debug-line .right div:nth-child(6) {
        border-color: violet;
        margin-left: 600px
    }

    .debug-line .left div:nth-child(1) {
        border-color: red
    }

    .debug-line .left div:nth-child(2) {
        border-color: orange;
        margin-left: -120px
    }

    .debug-line .left div:nth-child(3) {
        border-color: yellow;
        margin-left: -240px
    }

    .debug-line .left div:nth-child(4) {
        border-color: green;
        margin-left: -360px
    }

    .debug-line .left div:nth-child(5) {
        border-color: blue;
        margin-left: -480px
    }

    .debug-line .left div:nth-child(6) {
        border-color: violet;
        margin-left: -600px
    }
}

@media screen and (min-width: 768px) and (max-width: 1599px) {
    .debug-line div>div {
        -moz-transform:translateX(-1vw);
        -o-transform: translateX(-1vw);
        -webkit-transform: translateX(-1vw);
        -ms-transform: translateX(-1vw);
        transform: translateX(-1vw);
        padding: 0px 15px 0px 15px;
        padding: 0vw .9375vw 0vw .9375vw
    }

    .debug-line .right div:nth-child(2) {
        margin-left: 120px;
        margin-left: 7.5vw
    }

    .debug-line .right div:nth-child(3) {
        margin-left: 240px;
        margin-left: 15vw
    }

    .debug-line .right div:nth-child(4) {
        margin-left: 360px;
        margin-left: 22.5vw
    }

    .debug-line .right div:nth-child(5) {
        margin-left: 480px;
        margin-left: 30vw
    }

    .debug-line .right div:nth-child(6) {
        margin-left: 600px;
        margin-left: 37.5vw
    }

    .debug-line .left div:nth-child(2) {
        margin-left: -120px;
        margin-left: -7.5vw
    }

    .debug-line .left div:nth-child(3) {
        margin-left: -240px;
        margin-left: -15vw
    }

    .debug-line .left div:nth-child(4) {
        margin-left: -360px;
        margin-left: -22.5vw
    }

    .debug-line .left div:nth-child(5) {
        margin-left: -480px;
        margin-left: -30vw
    }

    .debug-line .left div:nth-child(6) {
        margin-left: -600px;
        margin-left: -37.5vw
    }
}

@media screen and (max-width: 767px) {
    .debug-line div>div {
        position:absolute;
        top: 0;
        left: 50%;
        width: 0;
        height: 100%;
        padding: 0px 14px 0px 14px;
        padding: 0vw 2.1875vw 0vw 2.1875vw;
        border-left: 1px solid red;
        border-right: 1px solid red;
        -moz-transform: translateX(-2.34375vw);
        -o-transform: translateX(-2.34375vw);
        -webkit-transform: translateX(-2.34375vw);
        -ms-transform: translateX(-2.34375vw);
        transform: translateX(-2.34375vw)
    }

    .debug-line .right div:nth-child(1) {
        border-color: red
    }

    .debug-line .right div:nth-child(2) {
        border-color: orange;
        margin-left: 102px;
        margin-left: 15.9375vw
    }

    .debug-line .right div:nth-child(3) {
        border-color: yellow;
        margin-left: 204px;
        margin-left: 31.875vw
    }

    .debug-line .right div:nth-child(4),.debug-line .right div:nth-child(5),.debug-line .right div:nth-child(6) {
        display: none
    }

    .debug-line .left div:nth-child(1) {
        border-color: red
    }

    .debug-line .left div:nth-child(2) {
        border-color: orange;
        margin-left: -102px;
        margin-left: -15.9375vw
    }

    .debug-line .left div:nth-child(3) {
        border-color: yellow;
        margin-left: -204px;
        margin-left: -31.875vw
    }

    .debug-line .left div:nth-child(4),.debug-line .left div:nth-child(5),.debug-line .left div:nth-child(6) {
        display: none
    }

    .debug-line .debug-cont {
        position: relative;
        width: auto;
        height: 100%;
        margin: 0px 28px 0px 28px;
        margin: 0vw 4.375vw 0vw 4.375vw;
        outline: 1px solid green
    }
}

@media screen and (min-width: 1600px) {
    .debug-line .debug-cont {
        position:relative;
        max-width: 1600px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        outline: 1px solid red
    }

    .debug-line .debug-cont:before,.debug-line .debug-cont:after {
        content: "1600";
        display: block;
        position: absolute;
        top: 0;
        font-size: 11px;
        color: red;
        width: 100%;
        padding: 10px;
        box-sizing: border-box
    }

    .debug-line .debug-cont:before {
        left: 0
    }

    .debug-line .debug-cont:after {
        right: 0;
        text-align: right
    }
}

@media screen and (min-width: 768px) {
    .debug-line .debug-cont2 {
        position:absolute;
        left: 50%;
        top: 0;
        width: 1410px;
        height: 100%;
        margin: 0 auto;
        outline: 1px solid maroon;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }

    .debug-line .debug-cont2:before,.debug-line .debug-cont2:after {
        content: "1410";
        display: block;
        position: absolute;
        top: 0;
        font-size: 11px;
        color: maroon;
        width: 100%;
        padding: 10px;
        box-sizing: border-box
    }

    .debug-line .debug-cont2:before {
        left: 0
    }

    .debug-line .debug-cont2:after {
        right: 0;
        text-align: right
    }
}

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1599px) {
    .debug-line .debug-cont2 {
        width:1410px;
        width: 88.125vw
    }
}

@media screen and (min-width: 1920px) {
    .debug-line .debug-cont3 {
        position:absolute;
        left: 50%;
        top: 0;
        max-width: 1920px;
        width: 100%;
        height: 100%;
        margin: 0 auto;
        outline: 1px solid maroon;
        position: absolute;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translate(-50%)
    }

    .debug-line .debug-cont3:before,.debug-line .debug-cont3:after {
        content: "1920";
        display: block;
        position: absolute;
        top: 0;
        font-size: 11px;
        color: maroon;
        width: 100%;
        padding: 10px;
        box-sizing: border-box
    }

    .debug-line .debug-cont3:before {
        left: 0
    }

    .debug-line .debug-cont3:after {
        right: 0;
        text-align: right
    }
}

.toggle-debugline {
    position: fixed;
    left: 50%;
    top: 0;
    margin-left: -50px;
    width: 100px;
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    background: rgba(255,0,0,0.5);
    z-index: 999999999
}

.toggle-debugline a {
    color: #fff
}

/*# sourceMappingURL=style.css.map */