@charset "utf-8";

/* reset */

body,
.l-main {
    background-color: #fff !important;
}

.l-main .l-wrap {
    max-width: 100% !important;
}

#products-image-ZoomContainer {z-index:98 !important;}

/* banner */

.l-banner-12003 {
    position:relative;
    width: 100%;
}

.l-banner-12003 .link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.l-banner-12003 li {
    width: 100%;
    overflow: hidden;
}

.l-banner-12003 li .banner-item {
    width: 100%;
    display: flex;
    justify-content: center;
}

.l-banner-12004:after {display:block; position: absolute; width: 100%; bottom: -1px; content: ''; border-top: 1px solid #e3e3e3;}
.l-banner-12004 {position:relative; display:block; padding:31px 0;}
.l-banner-12004 > ul {display:table; width:100%; table-layout:fixed;}
.l-banner-12004 > ul > li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-12004 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-12004 .item {width:var(--main-width); margin:0 auto; text-align:center;}
.l-banner-12004 img,
.l-banner-12004 video,
.l-banner-12004 iframe {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}

.l-banner-12005 {left:20px; bottom:20px;}
.l-banner-12005 .btn {right:5px; top:5px; width:40px; height:40px; background:var(--p-btn) no-repeat; background-position:0px -700px;}
.l-banner-12005 .btn:hover {background-position:-50px -700px;}
.l-banner-12005 .body > div {border-radius:10px;}

/* .lc-auth-adult */

.lc-auth-adult {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 80px 0;
}

.lc-auth-adult .msg1 {
    color: #111;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
}

.lc-auth-adult .msg2 {
    color: #111;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
}

.lc-auth-adult .msg3 {
    color: #F11;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.lc-auth-adult .button-wrap {
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 40px 0;
}

.lc-auth-adult .button-wrap > a {
    width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}

.lc-auth-adult .button-wrap > a:nth-child(1) {
    border: 1px solid #111;
    background: #FFF;
    color: #111;
}

.lc-auth-adult .button-wrap > a:nth-child(2) {
    background: #111;
    color: #FFF;
}

/* .lc-auth-level */

.lc-auth-level {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 80px 0;
}

.lc-auth-level .image img {
    max-width: 400px;
    max-height: 180px;
}

.lc-auth-level .msg1 {
    color: #111;
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    line-height: normal;
}

.lc-auth-level .msg2 {
    color: #346AFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
}

.lc-auth-level .button-wrap {
    display: flex;
    gap: 8px;
    justify-content: center;
    padding: 40px 0;
}

.lc-auth-level .button-wrap > a {
    width: 200px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-size: 18px;
    font-weight: 500;
    line-height: 140%;
    cursor: pointer;
}

.lc-auth-level .button-wrap > a:nth-child(1) {
    border: 1px solid #111;
    background: #FFF;
    color: #111;
}

.lc-auth-level .button-wrap > a:nth-child(2) {
    background: #111;
    color: #FFF;
}

/* l-products */

.l-products {transition:all .1s ease; opacity:0;}
.l-products.active {opacity:1;}
.l-products.ty-min {min-height:1000px;}
.l-products a {text-decoration:none;}

.products-bg {
    background-color: var(--bgcolor);
}

.products-wrap {
    margin:0 auto;
    /*max-width: var(--main-width);*/
    width: var(--main-width);
}

/* lc-nav */

.lc-nav .nav {
    position: relative;
    height:80px;
    display:flex;
    justify-content: space-between;
    margin: 0 auto;
}

.lc-nav .category {
    height: 26px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.lc-nav .category .nav-arrow {
    margin: 0 10px;
}

.lc-nav .category li a {
    color: #999;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-nav .category li a:hover {
    color: var(--color2);
    text-decoration-line: underline;
}

.lc-nav .category li.active a {
    color: #111;
}

.lc-nav .category li.active a:hover {
    color: var(--color2);
}

.lc-nav .side {
    display: flex;
    gap: 8px;
    margin-top: 16px;
}

.lc-nav .side-hover {
    height: fit-content;
    display: none;
    gap: 8px;
    margin-top: 16px;
}

.lc-nav .side-hover.active {
    display: flex;
}

.lc-nav .side-hover > li span {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.lc-nav .side-hover .reward-btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    cursor: pointer;
}

.lc-nav .side-hover .reward-btn p {
    color: #666;
    font-size: 12px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-nav .side-hover .reward-btn:hover p {
    color: #111;
    text-decoration: underline;
}

.lc-nav .side-hover .reward-btn:hover .reward-p1 {
    display: none;
}

.lc-nav .side-hover .reward-btn .reward-p2 {
    display: none;
}

.lc-nav .side-hover .reward-btn:hover .reward-p2 {
    display: block;
}

.lc-nav .side-hover .reward-btn .help-message {
    position: absolute;
    bottom: -39px;
    min-width: 244px;
    height: 34px;
    display: none;
    justify-content: center;
    padding: 3px 4px;
    border-radius: 4px;
    background: #000;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
    z-index: 2;
}

.lc-nav .side-hover .reward-btn:hover .help-message {
    display: flex;
}

.lc-nav .side-hover .reward-btn .help-message .reward-help-icon {
    position: absolute;
    top: -4px;
    width: 8px;
    height: 5px;
}

.lc-nav .side-hover .reward-btn .help-message p {
    color: #FFF;
    text-decoration: none;
}

.lc-nav .side-hover .share-kakao:hover a span:nth-child(1) {
    display: none;
}

.lc-nav .side-hover .share-kakao a span:nth-child(2) {
    display: none;
}

.lc-nav .side-hover .share-kakao:hover a span:nth-child(2) {
    display: flex;
}

.lc-nav .side-hover .share-line:hover a span:nth-child(1) {
    display: none;
}

.lc-nav .side-hover .share-line a span:nth-child(2) {
    display: none;
}

.lc-nav .side-hover .share-line:hover a span:nth-child(2) {
    display: flex;
}

.lc-nav .side-hover .share-facebook:hover a span:nth-child(1) {
    display: none;
}

.lc-nav .side-hover .share-facebook a span:nth-child(2) {
    display: none;
}

.lc-nav .side-hover .share-facebook:hover a span:nth-child(2) {
    display: flex;
}

.lc-nav .side-hover .share-twitter:hover a span:nth-child(1) {
    display: none;
}

.lc-nav .side-hover .share-twitter a span:nth-child(2) {
    display: none;
}

.lc-nav .side-hover .share-twitter:hover a span:nth-child(2) {
    display: flex;
}

.lc-nav .side-hover .share-url:hover span:nth-child(1) {
    display: none;
}

.lc-nav .side-hover .share-url span:nth-child(2) {
    display: none;
}

.lc-nav .side-hover .share-url:hover span:nth-child(2) {
    display: flex;
}


.lc-nav .side > li {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.lc-nav .side > .wish-list:hover svg path {
    stroke: #111;
}

.lc-nav .side > .wish-list.active svg path {
    stroke: var(--color2);
    fill: var(--color2);
}

.lc-header {
    margin-bottom: 100px;
}

.lc-header .contents {
    position: relative;
    width: 100%;
    display: flex;
    align-items: start;
    gap: 100px;
}

.lc-header .contents.right {
    justify-content: end;
}

.lc-header .contents.contents-type-a {
    gap: 60px;
}

.lc-header .contents .gallery-image-wrap {
    width: calc(100% - 540px);
}

.lc-header .contents .gallery-image-wrap.fixed {
    position: absolute;
    left: 0;
}

.lc-header .contents.contents-type-b .gallery-image-wrap {
    width: calc(100% - 620px);
}

.lc-header .contents.contents-type-c .gallery-image-wrap {
    width: calc(100% - 650px);
}

.lc-header .contents .gallery-image.gallery-type-a {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

.lc-header .contents .gallery-image.gallery-type-b {
    position: relative;
    /*width: 100%;*/
    display: flex;
    gap: 10px;
    flex: 1;
}

.lc-header .contents .gallery-image.gallery-type-c {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

.lc-header .contents .gallery-image.gallery-type-a .gallery {
    position: relative;
    max-width: 440px;
    width: 100%;
    display: flex;
    justify-content: center;
}

.lc-header .contents .gallery-image.gallery-type-b .gallery {
    position: relative;
    max-height: 530px;
    height: 100%;
}

.lc-header .contents .gallery-image.gallery-type-b:not(.basic-st) .gallery.type_b {
    max-height: 650px;
}

.lc-header .contents .gallery-image.gallery-type-b:not(.basic-st) .gallery.type_c {
    max-height: 770px;
}

.lc-header .contents .gallery-image.gallery-type-b:not(.basic-st) .gallery.type_d {
    max-height: 434px;
}

.lc-header .contents .gallery-image.gallery-type-b:not(.basic-st) .gallery.type_e {
    max-height: 366.8px;
}

.lc-header .contents .gallery-image.gallery-type-c .gallery {
    position: relative;
    max-width: 440px;
    width: 100%;
    display: flex;
    justify-content: center;
}

/*.lc-header .contents .gallery-image.gallery-type-a ul {*/
/*    width: fit-content;*/
/*}*/

.lc-header .contents .gallery-image .gallery li {
    position: relative;
    width: 80px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #E6E6E6;
    border-radius: 4px;
    overflow: hidden;
}

.lc-header .contents .gallery-image.gallery-type-b:not(.basic-st) .gallery li {
    height: auto !important;
}

.lc-header .contents .gallery-image.basic-st .gallery li {
    height: 80px !important;
}

.lc-header .contents .gallery-image .gallery li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.lc-header .contents .gallery-image.basic-st .gallery li img {
    width: unset;
    height: unset;
    object-fit: unset;
    max-width: 100%;
    max-height: 100%;
}

.lc-header .contents .gallery-image .gallery li.active img {
    opacity: 1;
}

.lc-header .contents .gallery-image .gallery li .video-background {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.30);
    z-index: 2;
}

.lc-header .contents .image-round .gallery-image .gallery li .video-background {
    border-radius: 4px;
}

.lc-header .contents .gallery-image.gallery-type-a .gallery-wrap {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.lc-header .contents .gallery-image.gallery-type-c .gallery-wrap {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0 auto;
}


.lc-header .contents .gallery-image .swiper-btn-prev svg path {
    fill: #666666;
}

.lc-header .contents .gallery-image .swiper-btn-prev.swiper-button-disabled svg path {
    fill: #CCC;
}

.lc-header .contents .gallery-image .swiper-btn-prev:not(.swiper-button-disabled):hover {
    border: 1px solid #CCC;
}


.lc-header .contents .gallery-image .swiper-btn-next svg path {
    fill: #666666;
}

.lc-header .contents .gallery-image .swiper-btn-next.swiper-button-disabled svg path {
    fill: #CCC;
}

.lc-header .contents .gallery-image .swiper-btn-next:not(.swiper-button-disabled):hover {
    border: 1px solid #CCC;
}

.lc-header .contents .gallery-image.gallery-type-a .swiper-btn-prev {
    position: absolute;
    left: 0;
    width: 24px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    z-index: 2;
    cursor: pointer;
}

.lc-header .contents .gallery-image.gallery-type-a .swiper-btn-next {
    position: absolute;
    right: 0;
    width: 24px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    z-index: 2;
    cursor: pointer;
}

.lc-header .contents .gallery-image.gallery-type-b .swiper-btn {
    display: flex;
    gap: 4px;
    margin-top: 10px;
}

.lc-header .contents .gallery-image.gallery-type-b .swiper-btn > div {
    width: 36px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
}

.lc-header .contents .gallery-image.gallery-type-c .swiper-btn-prev {
    position: absolute;
    left: -34px;
    width: 24px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    z-index: 2;
    cursor: pointer;
}

.lc-header .contents .gallery-image.gallery-type-c .swiper-btn-next {
    position: absolute;
    right: -34px;
    width: 24px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    z-index: 2;
    cursor: pointer;
}

.lc-header .contents .gallery-image .image-wrap {
    position: relative;
    height: fit-content;
    background: #E6E6E6;
    display: flex;
    align-items: center;
}

.lc-header .contents .image-round .gallery-image .image-wrap {
    border-radius: 8px;
    overflow: hidden;
}

.lc-header .contents .gallery-image.gallery-type-a .image-wrap {
    width: 100%;
}

.lc-header .contents .gallery-image.gallery-type-b .image-wrap {
    width: calc(100% - 90px);
}

.lc-header .contents .gallery-image.gallery-type-b .image-wrap.no-gallery {
    width: 100%;
}

.lc-header .contents .gallery-image.gallery-type-d .image-wrap {
    width: 100%;
}

.lc-header .contents .gallery-image .image-wrap .image {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-header .contents .gallery-image .image-wrap.no-image .image {
    display: none;
}

.lc-header .contents .gallery-image .image-wrap .image:after {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.lc-header .contents .gallery-image .image-wrap .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-header .contents .gallery-image.basic-st .image-wrap .image img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    width: unset;
    height: unset;
    object-fit: unset;
}

.lc-header .contents .gallery-image .image-wrap .image-prev {
    position: absolute;
    left: 0;
    padding: 0 12px;
    cursor: pointer;
    z-index: 1000;
}

.lc-header .contents .gallery-image .image-wrap .image-next {
    position: absolute;
    right: 0;
    padding: 0 12px;
    cursor: pointer;
    z-index: 1000;
}

.lc-header .contents .gallery-image .image-wrap .image-video {
    position: relative;
    width: 100%;
    height: 100%;
    align-items: center;
    background: #000;
    display: none;
}

.lc-header .contents .gallery-image .image-wrap.no-image .image-video {
    display: flex;
}

.lc-header .contents .gallery-image .image-wrap .image-video:after {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.lc-header .contents .gallery-image .image-wrap .image-video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
}

.lc-header .gallery-image .open-gallery {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}

.lc-header .gallery-image .open-gallery > li {
    position: relative;
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-header .image-round .gallery-image .open-gallery > li {
    border-radius: 8px;
    overflow: hidden;
}

.lc-header .open-gallery > li:nth-child(1) {
    display: none;
}

.lc-header .gallery-image .open-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-header .gallery-image.basic-st .open-gallery img {
    /*position: absolute;*/
    position: relative;
    max-width: 100%;
    max-height: 100%;
    width: unset;
    height: unset;
    object-fit: unset;
}

.lc-header .gallery-image .open-gallery .image-video {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #000;
}

.lc-header .gallery-image .open-gallery .image-video iframe {
    width: 100%;
}

.lc-header .gallery-image:not(.basic-st) .open-gallery .image-video iframe {
    height: 100%;
}

/* lc-audios */

.lc-audios {
    padding: 24px 0;
}

.lc-audios .items {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}

.lc-audios .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.lc-audios .item .title {
    margin-top: 12px;
    color: #666;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

/* lc-audios */

.lc-header .contents .details-wrap {
    width: 480px;
}

.lc-header .contents .details-wrap.fixed {
    position: absolute;
    right: 0;
}

.lc-header .contents.contents-type-b .details-wrap {
    width: 520px;
}

.lc-header .contents.contents-type-c .details-wrap {
    width: 550px;
    padding-bottom: 13px;
}

.lc-header .details-wrap .order-time {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #E6E6E6;
}
.lc-header .details-wrap .order-time p {
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}
.lc-header .details-wrap .order-time span {
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 4px;
    margin-right: 4px;
    margin-left: 8px;
    border-radius: 4px;
    background: #333;
    color: #FFF;
    font-family: Arial;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
}

.lc-header .details-wrap .icon-keyword {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    gap: 4px;
}

.lc-header .details-wrap .icon-keyword > div {
    position: relative;
    display: flex;
    height: 23px;
    padding: 0px 6px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    cursor: pointer;
}

.lc-header .details-wrap .icon-keyword > div a {
    position: absolute;
    width: 100%;
    height: 100%;
}

.lc-header .details-wrap .icon-keyword > div p {
    max-width: 225px;
    font-size: 12px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-header .details-wrap .icon {
    border: 1px solid #333;
    background: #333;
}

.lc-header .details-wrap .icon:hover {
    border: 1px solid var(--color2);
    background: var(--color2);
}

.lc-header .details-wrap .icon p {
    color: #FFF;
}

.lc-header .details-wrap .icon-keyword .keyword {
    color: #111;
    border: 1px solid #E6E6E6;
    background: #FFF;
}

.lc-header .details-wrap .keyword:hover {
    border: 1px solid #333;
}

.lc-header .details-wrap .brand {
    position: relative;
    width: fit-content;
    margin-bottom: 8px;
    cursor: pointer;
}

.lc-header .details-wrap .brand p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
    text-decoration-line: underline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-header .details-wrap .brand:hover p {
    color: var(--color2);
}

.lc-header .details-wrap .products-title {
    margin-bottom: 16px;
}

.lc-header .details-wrap .products-title p {
    color: #111;
    font-size: 18px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .products-title.bold p {
    font-size: 20px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
}

.lc-header .details-wrap .summary {
    margin-bottom: 16px;
}

.lc-header .details-wrap .summary p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 140%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.lc-header .details-wrap .products-price {
    position: relative;
    padding-bottom: 36px;
}

.lc-header .details-wrap .price > p {
    display: flex;
    align-items: center;
}

.lc-header .details-wrap .price > p > span {
    display: flex;
    align-items: center;
}

.lc-header .details-wrap .price .currency-price {
    color: #111;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin-right: 3px;
}

.lc-header .details-wrap .list_price.type-1 .price .currency-price {
    color: #999;
    font-family: Arial;
    font-size: 16px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    text-decoration: line-through;
}

.lc-header .details-wrap .price .currency-text {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .list_price.type-1 .price .currency-text {
    color: #999;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    padding-top: 1px;
}

.lc-header .details-wrap .discount-price {
    display: flex;
}

.lc-header .details-wrap .discount-percent {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-header .details-wrap .discount-percent svg path {
    fill: var(--color2);
}

.lc-header .details-wrap .discount-percent p {
    color: var(--color2);
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
    margin-right: 4px;
}

.lc-header .details-wrap .discount-percent .time-sale-timer {
    position: absolute;
    bottom: 9px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    padding: 2px 4px 0 4px;
    border-radius: 4px;
    background: var(--color2);
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
}

.lc-header .details-wrap .discount-percent .time-sale-timer .time-sale-arrow {
    position: absolute;
    top: -4px;
    left: 25px;
}

.lc-header .details-wrap .discount-percent .time-sale-timer p {
    color: #FFF;
    font-family: Arial;
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    margin-right: 0;
}

@keyframes blink { 50% { opacity: 0.0; } }

.lc-header .details-wrap .discount-percent .time-sale-timer p .time-sale-comma {
    margin: 0 6px;
    animation: blink 1s step-start 0s infinite;
}

.lc-header .details-wrap .discount-percent .time-sale-timer p .time-sale-comma svg path {
    fill: #FFF;
}

.lc-header .details-wrap .products-price .supplier {
    position: absolute;
    top: 2px;
    right: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-header .details-wrap .products-price .supplier a {
    color: #666;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .products-price .supplier:hover svg path {
    fill: var(--color2);
}

.lc-header .details-wrap .products-price .supplier:hover a {
    color: var(--color2);
}

.lc-header .details-wrap .review-quantity {
    display: flex;
    align-items: center;
    padding-bottom: 24px;
}

.lc-header .details-wrap .review:hover .review-icon svg path {
    fill: var(--color2);
}

.lc-header .details-wrap .review {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-header .details-wrap .review .score {
    display: flex;
    align-items: center;
    color: #111;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 120%;
    gap: 4px;
}

.lc-header .details-wrap .review:hover .score {
    color: var(--color2);
}

.lc-header .details-wrap .review .count {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    text-decoration: none;
    cursor: pointer;
}

.lc-header .details-wrap .review:hover .count {
    color: var(--color2);
}

.lc-header .details-wrap .review-quantity-division {
    width: 1px;
    height: 14px;
    background: #E4E4E4;
    margin: 0 12px;
}

.lc-header .details-wrap .quantity {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-header .details-wrap .quantity p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .details-wrap-division {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 20px;
}

.lc-header .details-wrap .country {
    height: 38px;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0 8px;
    background-color: #111;
    margin-bottom: 16px;
}

.lc-header .details-wrap .country p {
    color: #FFF;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .country p span {
    text-decoration: underline;
    cursor: pointer;
}

.lc-header .details-wrap .card {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.lc-header .details-wrap .card .title {
    width: 100px;
}

.lc-header .details-wrap .card .title p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 140%;
}

.lc-header .details-wrap .card .content {
    width: calc(100% - 100px);
    display: flex;
    justify-content: space-between;
}

.lc-header .details-wrap .card .content p {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    cursor: pointer;
}

.lc-header .details-wrap .card .content p:hover {
    color: var(--color2);
    text-decoration: underline;
}

.lc-header .details-wrap .point {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.lc-header .details-wrap .point .title {
    width: 100px;
}

.lc-header .details-wrap .point .title p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 140%;
}

.lc-header .details-wrap .point .content {
    width: calc(100% - 100px);
    display: flex;
    gap: 4px;
}

.lc-header .details-wrap .point .content p {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .point .content .review-point {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .delivery-choice {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.lc-header .details-wrap .delivery-choice .title {
    width: 100px;
}

.lc-header .details-wrap .delivery-choice .title p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 140%;
}

.lc-header .details-wrap .delivery-choice .content {
    width: calc(100% - 100px);
    display: flex;
    gap: 4px;
}

.lc-header .details-wrap .delivery-choice .content p {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-header .details-wrap .delivery-choice .content p > span:first-child {
    display: flex;
    align-items: center;
}

.lc-header .details-wrap .delivery-choice .content p > span:first-child:after {
    content: "";
    display: block;
    width: 1px;
    height: 14px;
    margin: 0 4px 0 8px;
    background-color: #E4E4E4;
}

.lc-header .details-wrap .delivery-choice .content p > span:nth-child(3) {
    color: #346AFF;
}

.lc-header .details-wrap .delivery-choice .detail-btn {
    position: absolute;
    right: 0;
    display: flex;
    align-items: center;
    gap: 2px;
}

.lc-header .details-wrap .delivery-choice .detail-btn p {
    color: #666;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    text-decoration: underline;
    cursor: pointer;
}

.lc-header .details-wrap .delivery {
    display: flex;
    margin-bottom: 18px;
}

.lc-header .details-wrap .delivery .title {
    width: 100px;
    padding-top: 8px;
}

.lc-header .details-wrap .delivery .title p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 140%;
}

.lc-header .details-wrap .delivery .content {
    width: calc(100% - 100px);
    display: flex;
    gap: 4px;
}

.lc-header .details-wrap .delivery .content .delivery-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.lc-header .details-wrap .delivery .content .delivery-radio p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .delivery .content .radio label {
    position: relative;
    height: 36px;
    padding: 0 9px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
    box-sizing: border-box;
}

.lc-header .details-wrap .delivery .content .radio label:hover p {
    color: #111;
}

.lc-header .details-wrap .delivery .content .radio label.focus {
    padding: 0 8px;
    border: 1px solid #111;
}

.lc-header .details-wrap .delivery .content .radio label.focus p {
    color: #111;
}

.lc-header .details-wrap .delivery .content input {
    appearance: none;
}

.lc-header .details-wrap .order-level-info {
    padding: 20px 0;
    border-top: 1px solid #E4E4E4;
}

.lc-header .details-wrap .order-level-info-box {
    height: 38px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    background: #666;
    padding: 0 8px;
    gap: 6px;
}

.lc-header .details-wrap .order-level-info-box p {
    color: #FFF;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .order-level-info-box p > a {
    color: #FFF;
    text-decoration-line: underline;
}

.lc-header .details-wrap .file-download {
    padding: 12px 0 10px 0;
    border-top: 1px solid #E4E4E4;
}

/* naverpay */

.lc-header .dw-naverpay:not(.active) {display: none}

.lc-header .details-wrap .file-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 12px;
    margin-top: 8px;
    background: #F8F8F8;
}

.lc-header .details-wrap .file-item-contents {
    width: calc(100% - 150px);
}

.lc-header .details-wrap .file-item-name {
    color: #111;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-header .details-wrap .file-item-title {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .file-item-button {
    width: 98px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #111;
    background: #FFF;
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .details-wrap .naver-kakao-order {
    position: relative;
    width: 100%;
    height: 60px;
    display: flex;
    gap: 8px;
    margin-top: 16px;
    padding: 12px 0;
    border-top: 2px solid #000;
    border-bottom: 1px solid #EAECEE;
}

.lc-header .details-wrap .naver-kakao-order .description {
    width: 120px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.lc-header .details-wrap .naver-kakao-order .description p {
    color: #666;
    font-size: 11px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    font-family: Noto Sans KR;
}

.lc-header .details-wrap .naver-kakao-order .button {
    width: calc(100% - 128px);
    height: 100%;
    display: flex;
    gap: 8px;
}

.lc-header .details-wrap .naver-kakao-order .button span {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    cursor: pointer;
}

.lc-header .details-wrap .naver-kakao-order .button .naver-button {
    border: 1px solid #00C851;
    background: #00DE5A;
}

.lc-header .details-wrap .naver-kakao-order .button .kakao-button {
    border: 1px solid #F8E400;
    background: #FFEB00;
}

.lc-header .details-wrap .dw-naverpay {
    padding-top: 16px;
}


/* lc-notice */

.lc-notice {
    padding: 60px 0;
    border-top: 1px solid #E6E6E6;
}
.lc-notice:not(.active) {
    display: none;
}

.lc-notice .image {
    text-align:center;
}

.lc-notice .content {
    width: 100%;
    overflow: hidden;
    text-overflow:ellipsis;
    word-break:break-all;
}

/* lc-coupon */

.lc-coupon {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 60px 0;
    border-top: 1px solid #E6E6E6;
}

.lc-coupon:not(.active) {
    display: none;
}

.lc-coupon .ty-hidden {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.lc-coupon .wrap {
    width: 1000px;
}

.lc-coupon .title {
    color: #666;
    font-size: 18px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
    text-align: center;
}

.lc-coupon .coupon {
    margin-top: 40px;
}

.lc-coupon .coupon > ul {
    display:flex;
    justify-content: center;
    gap: 40px;
}

.lc-coupon .coupon > ul > li {
    width: calc(50% - 20px);
    display: flex;
    justify-content: center;
}

.lc-coupon .coupon > ul > li > div {
    position: relative;
}

.lc-coupon .coupon .coupon-download {
    position: absolute;
    right: -10px;
    bottom: -10px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 60px;
    background: rgba(0, 0, 0, 0.80);
    z-index: 2;
    cursor: pointer;
}

/* .lc-tab */

.lc-tab {
    margin-top: 60px;
}

.lc-tab .lc-tab-wrap {
    width: var(--main-width);
    height: 60px;
    display: flex;
    z-index: 2000;
}

.lc-tab.ty-fixed-tab .lc-tab-wrap {
    position: fixed;
    top: 0;
}

.lc-tab .lc-tab-wrap > div {
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    background: #FFF;
    color: #666;
    font-size: 18px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    cursor: pointer;
}

.lc-tab .lc-tab-wrap > div:last-child {
    border-right: 1px solid #E6E6E6;
}

.lc-tab .lc-tab-wrap > div:hover {
    color: #111;
    font-size: 18px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-tab .lc-tab-wrap > div.active {
    background: #111;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    color: #FFF;
    font-size: 18px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}


/* .lc-container */

.lc-container {
    position: relative;
}

.lc-container.side-on {
    display: flex;
}

.lc-container.ty-fixed-side60 {
    padding-top: 60px;
}

.lc-container .inner {
    position: relative;
    width: 100%;
}

.lc-container.side-on .inner {
    position: relative;
    width: calc(100% - 380px);
    background: #FFFFFF;
}

/* lc-detail */

.lc-container .lc-detail {
    position: relative;
    width: 100%;
    display: flex;
    margin-bottom: 20px;
}

.lc-container .lc-detail-wrap {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
}

.lc-container .lc-detail-wrap .item {
    position: relative;
    padding: 36px;
    background: #FFF;
}

.lc-container .lc-detail-wrap .item:last-child {
    border-right: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-2 .item {
    /*width: calc((100% - 3px) / 2 - 72px);*/
    width: calc(100% / 2);
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    box-sizing: border-box;
}

.lc-container .lc-detail-wrap.column-2 .item:nth-child(2n) {
    border-right: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-2 .item:nth-child(-n+2) {
    border-top: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-3 .item {
    /*width: calc((100% - 4px) / 3 - 72px);*/
    width: calc(100% / 3);
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    box-sizing: border-box;
}

.lc-container .lc-detail-wrap.column-3 .item:nth-child(3n) {
    border-right: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-3 .item:nth-child(-n+3) {
    border-top: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-4 .item {
    /*width: calc((100% - 5px) / 4 - 72px);*/
    width: calc(100% / 4);
    border-bottom: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    box-sizing: border-box;
}

.lc-container .lc-detail-wrap.column-4 .item:nth-child(4n) {
    border-right: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap.column-4 .item:nth-child(-n+4) {
    border-top: 1px solid #E6E6E6;
}

.lc-container .lc-detail-wrap .item .image {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E6E6E6;
    overflow: hidden;
    cursor: pointer;
}

.lc-container .lc-detail-wrap .item .image:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.lc-container .lc-detail-wrap .item .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-container .lc-detail-wrap .item .image .option-num {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 4px;
    background: rgba(0, 0, 0, 0.80);
    color: #FFF;
    font-size: 14px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-container .lc-detail-wrap .item .image .limit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-container .lc-detail-wrap .item .image .limit img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: unset;
    z-index: 1;
}

.lc-container .lc-detail-wrap .item .image .overlay {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
}

.lc-container .lc-detail-wrap .item .title {
    margin: 10px 0;
}

.lc-container .lc-detail-wrap .item .title p {
    color: #111;
    font-size: 18px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.lc-container .lc-detail-wrap .item .before-price {
    display: flex;
    align-items: center;
}

.lc-container .lc-detail-wrap .item .before-price > span {
    display: flex;
    align-items: center;
}

.lc-container .lc-detail-wrap .item .before-price .currency-price {
    color: #999;
    font-family: Arial;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: line-through;
}

.lc-container .lc-detail-wrap .item .before-price .currency-text {
    color: #999;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    padding-bottom: 3px;
    padding-left: 3px;
}

.lc-container .lc-detail-wrap .item .before-price > span:nth-child(2) {
    color: #999;
    font-size: 13px;
    font-weight: 350;
    line-height: 140%;
}

.lc-container .lc-detail-wrap .item .price-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-bottom: 20px;
}

.lc-container .lc-detail-wrap .item .price-wrap .discount p {
    color: var(--color2);
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.lc-container .lc-detail-wrap .item .sale-price {
    display: flex;
    align-items: center;
}

.lc-container .lc-detail-wrap .item .sale-price > span {
    display: flex;
    align-items: center;
}

.lc-container .lc-detail-wrap .item .sale-price .currency-price {
    color: #111;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.lc-container .lc-detail-wrap .item .sale-price .currency-text {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    padding-bottom: 1px;
    padding-left: 3px;
}

.lc-container .lc-detail-wrap .item .sale-price > span:nth-child(2) {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-container .lc-detail-wrap .item .btn {
    display: flex;
    gap: 4px;
}

.lc-container .lc-detail-wrap .item .detail-view {
    flex: 1;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #111;
    background: #111;
    color: #FFF;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    cursor: pointer;
}

.lc-container .lc-detail-wrap .item .sideoption {
    flex: 1;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #111;
    background: #FFF;
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    cursor: pointer;
}


/* lc-side */

.lc-side {
    position: relative;
    width: 340px;
    padding-left: 40px;
    z-index: 1999;
}

.lc-side .lc-side-wrap {
    width: calc(100% - 1px);
    height: 100vh;
    border-left: 1px solid #E6E6E6;
    background: #fff;
}

.lc-container.ty-fixed-side .lc-side-wrap {
    position: fixed;
    top: 0;
    width: 339px;
}

.lc-container.ty-fixed-side60 .lc-side-wrap {
    position: fixed;
    top: 60px;
    width: 339px;
    height: calc(100vh - 60px);
}

.lc-container.ty-fixed-stop .lc-side-wrap {
    position: absolute;
    top: unset;
    bottom: 0;
}

.lc-side .options-wrap {
    padding: 0 12px;
    border-bottom: 1px solid #E4E4E4;
    background: #FAFAFA;
}

.lc-side .products-order .options {
    width: 100%;
    padding: 0;
    margin: 10px 0;
    border-top: 0;
}

.lc-side .products-order .options > ul {
    flex-direction: column;
    margin-top: 7px;
}

.lc-side .products-order .options > ul:nth-child(n+2) {
    margin-top: 15px;
}

.lc-side .products-order .options > ul .option-title {
    width: 100%;
}

.lc-side .products-order .options > ul > li:nth-child(2) {
    width: 100%;
    margin-top: 4px;
}

.lc-side .products-order .addoption {
    width: 100%;
    padding: 10px 0;
    margin: 0 0;
    border-top: 1px solid #E6E6E6;
}

.lc-side .products-order .addoption .tit {
    display: none;
}

.lc-side .products-order .addoption > ul {
    flex-direction: column;
    margin-top: 7px;
}

.lc-side .products-order .addoption > ul:nth-child(n+3) {
    margin-top: 15px;
}

.lc-side .products-order .addoption > ul .addoption-title {
    width: 100%;
}

.lc-side .products-order .addoption > ul > li:nth-child(2) {
    width: 100%;
    margin-top: 4px;
}

.lc-side .scroll-wrap {
    position: relative;
}

.lc-side .scroll-wrap .scroll-wrapper {
    height: 100%;
}

.lc-side .scroll-wrap .scroll-wrapper div[data-scroll] {
    padding: 0 16px;
}

.lc-side .products-order .choice {
    margin: 0;
    border: 0;
}

.lc-side .products-order .choice .block .quantity-count {
    display: none;
}

.lc-side .products-order .choice .addoption-title-div {
    display: none;
}

.lc-side .products-order .choice .block.ty-addopt .title {
    padding: 0;
}

.lc-side .products-order .choice .block.ty-addopt .quantity-price {
    padding: 0;
}

.lc-side .footer {
    padding: 4px 8px 8px 8px;
}

.lc-side .products-order .buy {
    padding: 0;
}

/* lc-videos */

.lc-videos {
    padding-bottom: 80px;
}

.lc-videos:not(.active) {
    display: none;
}

.lc-videos .item {
    display: flex;
    justify-content: center;
}

.lc-videos .item:nth-child(n+2) {
    margin-top: 40px;
}

.lc-videos video {
    max-width: 100%;
}

/* lc-description */

.lc-description {
    position: relative;
    padding-bottom: 80px;
}

.lc-description.hidden {
    padding-bottom: 0;
}

.lc-description.show {
    padding-bottom: 0;
}

.lc-description.hidden .lc-description-wrap {
    position: relative;
    max-height: 3000px;
    overflow: hidden;
}

.lc-description.hidden .lc-description-wrap:after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
}

.lc-description .lc-description-wrap .image {
    text-align: center;
}
.lc-description .lc-description-wrap .image img {
    max-width: 100%;
    border:0;
}

.lc-description .detail-more-button {
    width: 320px;
    height: 64px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin: 40px auto 96px auto;
    border-radius: 100px;
    background: #9747FF;
    box-shadow: 0px 4px 4px 0px rgba(151, 71, 255, 0.25);
    cursor: pointer;
}

.lc-description .detail-more {
    display: none;
}

.lc-description.hidden .detail-more {
    display: flex;
}

.lc-description .detail-hide {
    display: none;
}

.lc-description.show .detail-hide {
    display: flex;
}

.lc-description .detail-more-button p {
    color: #FFF;
    font-size: 24px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-description .content {
    text-overflow:ellipsis;
    word-break:break-all;
}

.lc-description .content {
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 1.625;
    font-size: 17px;
    color: #000;
}

.lc-description .content a {
    color: #0000ff;
}
.lc-description .content img {
    border: 0;
}

/* lc-mark */

.lc-mark {
    border: 1px solid #E6E6E6;
}

.lc-description .lc-mark {
    margin-top: 40px;
}

.lc-information .lc-mark {
    margin-top: 20px;
}

.lc-mark .mark-wrap {
    position: relative;
    display: flex;
    height: 75px;
}

.lc-mark .mark-wrap:nth-child(n+2) {
    border-top: 1px solid #E6E6E6;
}

.lc-mark .mark-wrap .mark-group {
    display: flex;
    width: 240px;
    height: 100%;
    padding: 16px 24px;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    background: #F8F8F8;
    border-right: 1px solid #E6E6E6;
}

.lc-mark .mark-wrap .mark-group p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-mark .mark-wrap .mark-contents {
    width: calc(100% - 240px);
    height: 100%;
    display: flex;
    align-items: center;
    padding: 16px 24px;
    gap: 8px;
    box-sizing: border-box;
    background: #FFF;
}

.lc-mark .mark-wrap .mark-title p {
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-mark .mark-wrap .mark-link {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lc-mark .mark-wrap .mark-link a {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.top-gap-div {
    height: 80px;
    border-bottom: 4px solid #111;
}

.bottom-gap-div {
    height: 80px;
}

/* lc-information */

.lc-information {
    border-bottom: 1px solid #E6E6E6;
}

.lc-information .information-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
}

.lc-information .information-header > p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-information .information-header > span {
    width: 50px;
    height: 12px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.lc-information.on .information-header svg {
    transform: rotate(180deg);
}

.lc-information .contents {
    margin-bottom: 80px;
}

.lc-information.off .contents {
    display: none;
}

.lc-information .image {
    text-align: center;
}

.lc-information .image img {
    border: 0;
}

.lc-information .content {
    text-overflow:ellipsis;
    word-break:break-all;
}

.lc-information .content {
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 1.625;
    font-size: 17px;
    color: #000;
}

.lc-information .content a {
    color: #0000ff;
}
.lc-description .content img {
    border: 0;
}

.lc-information .list {
    border: 1px solid #E6E6E6;
}

.lc-information .list > ul {
    display: flex;
}

.lc-information .list > ul:nth-child(n+2) {
    border-top: 1px solid #E6E6E6;
}

.lc-information .list > ul > li:first-child {
    width: 240px;
    padding: 16px 24px;
    background: #F8F8F8;
    border-right: 1px solid #E6E6E6;
    box-sizing: border-box;
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    word-break: break-all;
}

.lc-information .list > ul > li:last-child {
    width: calc(100% - 240px);
    padding: 16px 24px;
    box-sizing: border-box;
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    word-break: break-all;
}

/* lc-delivery */

.lc-delivery {
    border-bottom: 1px solid #E6E6E6;
}

.lc-delivery .delivery-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
}

.lc-delivery .delivery-header > p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-delivery .delivery-header > span {
    width: 50px;
    height: 12px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.lc-delivery.on .delivery-header svg {
    transform: rotate(180deg);
}

.lc-delivery .contents {
    margin-bottom: 80px;
}

.lc-delivery.off .contents {
    display: none;
}

.lc-delivery .image {
    text-align: center;
}

.lc-delivery .image img {
    border: 0;
}

.lc-delivery .content {
    text-overflow:ellipsis;
    word-break:break-all;
}

.lc-delivery .content {
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 1.625;
    font-size: 17px;
    color: #000;
}

.lc-delivery .content a {
    color: #0000ff;
}

/* lc-return */

.lc-return {
    border-bottom: 1px solid #E6E6E6;
}

.lc-return .return-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
}

.lc-return .return-header > p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-return .return-header > span {
    width: 50px;
    height: 12px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.lc-return.on .return-header svg {
    transform: rotate(180deg);
}

.lc-return .contents {
    margin-bottom: 80px;
}

.lc-return.off .contents {
    display: none;
}

.lc-return .image {
    text-align: center;
}

.lc-return .image img {
    border: 0;
}

.lc-return .content {
    text-overflow:ellipsis;
    word-break:break-all;
}

.lc-return .content {
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 1.625;
    font-size: 17px;
    color: #000;
}

.lc-return .content a {
    color: #0000ff;
}

/* lc-as */

.lc-as {
    border-bottom: 1px solid #E6E6E6;
}

.lc-as .as-header {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    cursor: pointer;
}

.lc-as .as-header > p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-as .as-header > span {
    width: 50px;
    height: 12px;
    display: flex;
    justify-content: center;
    padding-top: 8px;
}

.lc-as.on .as-header svg {
    transform: rotate(180deg);
}

.lc-as .contents {
    margin-bottom: 80px;
}

.lc-as.off .contents {
    display: none;
}

.lc-as .image {
    text-align: center;
}

.lc-as .image img {
    border: 0;
}

.lc-as .content {
    text-overflow:ellipsis;
    word-break:break-all;
}

.lc-as .content {
    font-family: var(--family-light);
    font-weight: var(--weight-light);
    line-height: 1.625;
    font-size: 17px;
    color: #000;
}

.lc-as .content a {
    color: #0000ff;
}

/* lc-related */

.lc-related {
    position: relative;
    display: none;
    padding-bottom: 80px;
    border-top: 4px solid #111;
}

.lc-related.active {
    display: block;
}

.lc-related .header {
    padding-top: 36px;
    padding-bottom: 22px
}

.lc-related .header a {
    color: #111;
    font-size: 20px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-related .lc-related-wrap {
    position: relative;
    /*display: flex;*/
    /*align-items: center;*/
}

.lc-related .lc-related-wrap .products-link {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.lc-related .lc-related-wrap .swiper-container {
    /*margin: 0;*/
}

.lc-related .lc-related-wrap.column-4 .swiper-slide {
    width: calc((100% - 60px) / 4);
}

.lc-related .lc-related-wrap.column-5 .swiper-slide {
    width: calc((100% - 80px) / 5);
}

.lc-related .lc-related-wrap .image {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E6E6E6;
    overflow: hidden;
}

.lc-related .lc-related-wrap .image > span {
    position: absolute;
}

.lc-related .lc-related-wrap .image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-related .lc-related-wrap .image .overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.80);
}

.lc-related .lc-related-wrap .image .limit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-related .lc-related-wrap .image .limit img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: unset;
    z-index: 1;
}

.lc-related .lc-related-wrap .title {
    margin-top: 16px;
}

.lc-related .lc-related-wrap .title p {
    color: #111;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.lc-related .lc-related-wrap .price {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

.lc-related .lc-related-wrap .price .sale-price {
    color: #111;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}

.lc-related .lc-related-wrap .price .before-price {
    color: #999;
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
    text-decoration: line-through;
}

.lc-related .lc-related-wrap .price .discount-percent {
    color: var(--color2);
    font-family: Arial;
    font-size: 16px;
    font-weight: 700;
    line-height: 140%;
}

.lc-related .lc-related-wrap .swiper-btn-prev {
    position: absolute;
    left: 0;
    display: flex;
    width: 20px;
    height: 48px;
    padding-left: 4px;
    align-items: center;
    border-radius: 0px 25px 25px 0px;
    opacity: 0.8;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    z-index: 3;
    cursor: pointer;
}

.lc-related .lc-related-wrap.column-4 .swiper-btn-prev {
    top: calc((var(--main-width) - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_b .swiper-btn-prev {
    top: calc((var(--main-width) * 1.25 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_c .swiper-btn-prev {
    top: calc((var(--main-width) * 1.5 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_d .swiper-btn-prev {
    top: calc((var(--main-width) * 0.8 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_e .swiper-btn-prev {
    top: calc((var(--main-width) * 0.66 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-5 .swiper-btn-prev {
    top: calc((var(--main-width) - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_b .swiper-btn-prev {
    top: calc((var(--main-width) * 1.25 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_c .swiper-btn-prev {
    top: calc((var(--main-width) * 1.5 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_d .swiper-btn-prev {
    top: calc((var(--main-width) * 0.8 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_e .swiper-btn-prev {
    top: calc((var(--main-width) * 0.66 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap .swiper-btn-next {
    position: absolute;
    right: 0;
    display: flex;
    width: 20px;
    height: 48px;
    padding-right: 4px;
    justify-content: end;
    align-items: center;
    border-radius: 25px 0 0 25px;
    opacity: 0.8;
    background: #FFF;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    z-index: 3;
    cursor: pointer;
}

.lc-related .lc-related-wrap.column-4 .swiper-btn-next {
    top: calc((var(--main-width) - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_b .swiper-btn-next {
    top: calc((var(--main-width) * 1.25 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_c .swiper-btn-next {
    top: calc((var(--main-width) * 1.5 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_d .swiper-btn-next {
    top: calc((var(--main-width) * 0.8 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-4.type_e .swiper-btn-next {
    top: calc((var(--main-width) * 0.66 - 60px) / 8 - 24px);
}

.lc-related .lc-related-wrap.column-5 .swiper-btn-next {
    top: calc((var(--main-width) - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_b .swiper-btn-next {
    top: calc((var(--main-width) * 1.25 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_c .swiper-btn-next {
    top: calc((var(--main-width) * 1.5 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_d .swiper-btn-next {
    top: calc((var(--main-width) * 0.8 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap.column-5.type_e .swiper-btn-next {
    top: calc((var(--main-width) * 0.66 - 80px) / 10 - 24px);
}

.lc-related .lc-related-wrap .swiper-button-disabled svg path {
    fill: #CCC;
}

@keyframes lc-report-graph-ani {
    0% {top:-30px;}
    25% {top:-40px;}
    50% {top:-50px;}
    75% {top:-40px;}
    100% {top:-30px;}
}

/* lc-board */

.lc-board {
    margin-bottom: 80px;
}

.lc-board .header {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 24px 0px;
    border-top: 4px solid #111;
}

.lc-board .header .title {
    color: #111;
    font-size: 24px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-board .header .count {
    color: #111;
    font-family: Arial;
    font-size: 20px;
    font-weight: 700;
    line-height: 140%;
}

.lc-board .menu-wrap {
    display: flex;
    height: 51px;
    justify-content: space-between;
    border-bottom: 1px solid #E6E6E6;
}

.lc-board .menu-wrap .menu-item {
    display: flex;
    gap: 24px;
}

.lc-board .menu-wrap .menu-item .item {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.lc-board .menu-wrap .menu-item .item.focus:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2px;
    background: #111;
    bottom: -1px;
}

.lc-board .menu-wrap .menu-item input {
    appearance: none;
}

.lc-board .menu-wrap .menu-item .item p {
    color: #CCC;
    font-size: 20px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-board .menu-wrap .menu-item .item.focus p {
    color: #111;
    font-size: 20px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-board .menu-wrap .board-write {
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
}

.lc-board .menu-wrap .board-write:hover {
    border: 1px solid #CCC;
}

.lc-board .menu-wrap .board-write p {
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-board .menu-wrap .board-write:hover p {
    color: #111;
}

.lc-board .sort-wrap {
    display: flex;
    justify-content: space-between;
    padding: 20px 0;
    border-bottom: 1px solid #111;
}

.lc-board .sort-wrap .sort-div-1 {
    display: flex;
    gap: 8px;
}

.lc-board .sort-wrap .selectbox {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
    padding-left: 5px;
}

.lc-board .sort-wrap .selectbox.focus {
    border: 1px solid #666;
    border-radius: unset;
}

.lc-board .sort-wrap .selectbox.score {
    width: 154px;
}

.lc-board .sort-wrap .selectbox.option {
    min-width: 360px;
    max-width: 500px;
}

.lc-container.side-on .lc-board .sort-wrap .selectbox.option {
    min-width: 300px;
}

.lc-board .sort-wrap .selectbox .select {
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
    padding: 6px 0 6px 6px;
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    word-break: break-all;
}

.lc-board .sort-wrap .selectbox .arrow {
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-board .sort-wrap .selectbox.focus .arrow svg {
    transform: rotate(180deg);
}

.lc-board .sort-wrap .selectbox.focus .arrow svg path {
    fill: #111;
}

.lc-board .sort-wrap .selectbox .option {
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    z-index: 20;
    cursor: pointer;
    display: none;
}

.lc-board .sort-wrap .selectbox.focus .option {
    display: block;
}


.lc-board .sort-wrap  .selectbox .option {
    position: absolute;
    left: -1px;
    width: calc(100% + 2px);
    z-index: 20;
    cursor: pointer;
    display: none;
}

.lc-board .sort-wrap .selectbox.focus .option {
    display: block;
}

.lc-board .sort-wrap .selectbox .option ul {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
    background-color: #fff;
    border: 1px solid #666;
}

.lc-board .sort-wrap .selectbox .option ul li {
    display: flex;
    align-items: center;
    padding: 6px 10px 6px 16px;
    color: #111;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    word-break: break-all;
}

.lc-board .sort-wrap .selectbox .option ul li:hover {
    background: #F4F4F4;
}

.lc-board .sort-wrap .selectbox .option ul li.focus {
    background: #FAFAFA;
}

.lc-board .sort-wrap .selectbox .star-icon {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-board .sort-wrap .selectbox .star-icon.disabled {
    opacity: 0.2;
}

.lc-board .sort-wrap .selectbox .star-icon:first-child {
    margin-left: 6px;
}

.lc-review .load {
    display: none;
}

.lc-review .load.active {
    display: block;
}

.lc-review .load .item {
    display: flex;
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

.lc-review .load .item:hover {
    background: #FAFAFA;
}

.lc-review .load .icon-wrap {
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}

.lc-review .load.type-small .icon-wrap {
    width: 100px;
}

.lc-review .load .icon-wrap .score {
    height: 24px;
    display: flex;
    align-items: center;
}

.lc-review .load .icon-wrap .score .star-icon {
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-review .load .icon-wrap .score .star-icon.disabled {
    opacity: 0.2;
}

.lc-review .load .icon-wrap .best-icon {
    width: 81px;
    height: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #111;
    background: #111;
}

.lc-review .load .icon-wrap .best-icon p {
    color: #FFF;
    font-size: 12px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-review .load .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: calc(100% - 520px);
    padding-left: 20px;
}

.lc-review .load .contents-wrap.open {
    padding-bottom: 20px;
}

.lc-review .load.type-small .contents-wrap {
    width: calc(100% - 400px);
}

.lc-review .load .contents-wrap .product-option {
    margin-bottom: 4px;
}

.lc-review .load .contents-wrap .product-option p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-review .load .contents-wrap .content p {
    color: #111;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 160%;
    word-break: break-all;
}

.lc-review .load .contents-wrap:not(.open) .content p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lc-review .load .contents-wrap .image-wrap {
    position: relative;
    width: calc(var(--main-width) - 140px);
    display: none;
    gap: 12px;
    margin: 12px 0;
}

.side-on .lc-review .load .contents-wrap .image-wrap {
    width: calc(var(--main-width) - 500px);
}

.lc-review .load .contents-wrap.open .image-wrap {
    display: flex;
    flex-wrap: wrap;
}

.lc-review .load .contents-wrap .image-wrap .image {
    position: relative;
    width: 240px;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #E6E6E6;
    border-radius: 4px;
    overflow: hidden;
}

.lc-review .load.type-small .contents-wrap .image-wrap .image {
    width: 160px;
    height: 160px;
}

.lc-review .load .contents-wrap .image-wrap .image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.lc-review .load .image .viewer {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: none;
    background: rgba(0, 0, 0, 0.50);
    cursor: pointer;
}

.lc-review .load .image:hover .viewer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-review .load .contents-wrap .button-wrap {
    display: none;
    gap: 4px;
    padding: 12px 0;
}

.lc-review .load .contents-wrap.open .button-wrap {
    display: flex;
}

.lc-review .load .contents-wrap .button-wrap .btn {
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
}

.lc-review .load .contents-wrap .button-wrap .btn:hover {
    border: 1px solid #CCC;
}

.lc-review .load .contents-wrap .button-wrap .btn p {
    color: #666;
    font-size: 12px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-review .load .contents-wrap .button-wrap .btn:hover p {
    color: #111;
}

.lc-review .load .contents-wrap .reply {
    display: none;
    padding: 20px 20px 16px 20px;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
}

.lc-review .load .contents-wrap.open .reply {
    display: block;
}

.lc-review .load .contents-wrap .reply-content p {
    color: #666;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 160%;
    word-break: break-all;
}

.lc-review .load .contents-wrap .reply-writer-wrap {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-top: 16px;
}

.lc-review .load .contents-wrap .reply-writer-wrap p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-review .load .contents-wrap .reply-writer-wrap .division {
    width: 1px;
    height: 13px;
    background: #E4E4E4;
    margin: 0 5px;
}

.lc-review .load .photo-preview {
    position: relative;
    width: 80px;
    height: 100%;
    display: flex;
    justify-content: center;
}

.lc-review .load .photo-preview .image {
    position: relative;
    width: 52px;
    height: 52px;
    overflow: hidden;
    border-radius: 4px;
}

.lc-review .load .photo-preview .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lc-review .load .photo-preview .image .image-count {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.80);
    color: #FFF;
    font-family: Arial;
    font-size: 11px;
    font-weight: 700;
    line-height: 140%;
}

.lc-review .load .writer {
    width: 150px;
    text-align: center;
}

.lc-review .load.type-small .writer {
    width: 120px;
}

.lc-review .load .writer p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-review .load .date {
    width: 150px;
    text-align: center;
}

.lc-review .load.type-small .date {
    width: 80px;
}

.lc-review .load .date p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-review .load .date .short {
    display: none;
}

.lc-review .load.type-small .long {
    display: none;
}

.lc-review .load.type-small .short {
    display: block;
}

.lc-review .no-list {
    height: 94px;
    display: none;
    padding: 12px 0;
    gap: 12px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background: #FAFAFA;
}

.lc-review .no-list.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.lc-review .no-list p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-review .no-list .review-type-all-btn {
    width: 112px;
    height: 34px;
    display: none;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    cursor: pointer;
}

.lc-review .no-list .review-type-all-btn.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-review .paging {
    display: none;
    padding-top: 24px;
}

.lc-review .paging.active {
    display: flex;
    justify-content: center;
}

.lc-review .paging > ul {
    display: flex;
}

.lc-review .paging > ul > li {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
}

.lc-review .paging .paging-icon svg path {
    fill: #E6E6E6;
}

.lc-review .paging .paging-icon:hover svg path {
    fill: #111;
}

.lc-review .paging .paging-btn {
    color: #999;
    font-size: 13px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-review .paging .paging-btn.ty-on {
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #333;
}

.lc-review .paging .paging-btn:hover {
    border-radius: 4px;
    border: 1px solid #111;
    background: #111;
    color: #FFF;
}

.lc-inquiry .load {
    display: none;
}

.lc-inquiry .load.active {
    display: block;
}

.lc-inquiry .checkbox label {
    position: relative;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
}

.lc-inquiry .checkbox label .check-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}

.lc-inquiry .checkbox label.focus .check-icon {
    display: block;
}

.lc-inquiry .checkbox label p {
    color: #333;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-inquiry .checkbox input {
    appearance: none;
}

.lc-inquiry .load .item {
    display: flex;
    padding: 16px 0 16px 0;
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
}

.lc-inquiry .load .item:hover {
    background: #FAFAFA;
}

.lc-inquiry .load .state {
    width: 120px;
    display: flex;
    justify-content: center;
}

.lc-inquiry .load.type-small .state {
    width: 80px;
}

.lc-inquiry .load .state > span {
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid #DDD;
    background: #FFF;
}

.lc-inquiry .load .state > span.active {
    border-radius: 4px;
    border: 1px solid #111;
    background: #111;
}

.lc-inquiry .load .state > span p {
    color: #666;
    font-size: 12px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-inquiry .load .state > span.active p {
    color: #FFF;
}

.lc-inquiry .load .contents-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: calc(100% - 440px);
    padding-left: 20px;
}

.lc-inquiry .load.type-small .contents-wrap {
    width: calc(100% - 300px);
}

.lc-inquiry .load .contents-wrap .title {
    display: flex;
    gap: 10px;
}

.lc-inquiry .load .contents-wrap .title > span {
    width: 24px;
    height: 24px;
    display: flex;
    justify-items: center;
    align-items: center;
}

.lc-inquiry .load .contents-wrap .title > p {
    color: #111;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 160%;
    word-break: break-all;
}

.lc-inquiry .load .contents-wrap:not(.open) .title p {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.lc-inquiry .load .contents-wrap .product-option {
    display: none;
}

.lc-inquiry .load .contents-wrap.open .product-option {
    display: block;
}

.lc-inquiry .load .contents-wrap .product-option p {
    color: #666;
    font-size: 12px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-inquiry .load .contents-wrap .content {
    display: none;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed #CECECE;
}

.lc-inquiry .load .contents-wrap.open .content {
    display: block;
}

.lc-inquiry .load .contents-wrap .content p {
    color: #111;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 160%;
    word-break: break-all;
}

.lc-inquiry .load .contents-wrap .button-wrap {
    display: none;
    gap: 4px;
    padding: 12px 0;
}

.lc-inquiry .load .contents-wrap.open .button-wrap {
    display: flex;
}

.lc-inquiry .load .contents-wrap .button-wrap .btn {
    height: 23px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    cursor: pointer;
}

.lc-inquiry .load .contents-wrap .button-wrap .btn:hover {
    border: 1px solid #CCC;
}

.lc-inquiry .load .contents-wrap .button-wrap .btn p {
    color: #666;
    font-size: 12px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-inquiry .load .contents-wrap .button-wrap .btn:hover p {
    color: #111;
}

.lc-inquiry .load .contents-wrap .reply {
    display: none;
    padding: 20px 20px 16px 20px;
    border-radius: 8px;
    border: 1px solid #E4E4E4;
    background: #F8F8F8;
}

.lc-inquiry .load .contents-wrap.open .reply {
    display: block;
}

.lc-inquiry .load .contents-wrap .reply-content p {
    color: #666;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 160%;
    word-break: break-all;
}

.lc-inquiry .load .contents-wrap .reply-writer-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 16px;
}

.lc-inquiry .load .contents-wrap .reply-writer-wrap p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-inquiry .load .contents-wrap .reply-writer-wrap .division {
    width: 1px;
    height: 13px;
    background: #E4E4E4;
    margin: 0 5px;
}

.lc-inquiry .load .writer {
    width: 150px;
    text-align: center;
}

.lc-inquiry .load.type-small .writer {
    width: 120px;
}

.lc-inquiry .load .writer p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-inquiry .load .date {
    width: 150px;
    text-align: center;
}

.lc-inquiry .load.type-small .date {
    width: 80px;
}

.lc-inquiry .load .date p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lc-inquiry .load .date .short {
    display: none;
}

.lc-inquiry .load.type-small .long {
    display: none;
}

.lc-inquiry .load.type-small .short {
    display: block;
}

.lc-inquiry .no-list {
    height: 94px;
    display: none;
    padding: 12px 0;
    gap: 12px;
    border-top: 1px solid #E6E6E6;
    border-bottom: 1px solid #E6E6E6;
    background: #FAFAFA;
}

.lc-inquiry .no-list.active {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.lc-inquiry .no-list p {
    color: #999;
    font-size: 15px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-inquiry .no-list .inquiry-type-all-btn {
    width: 126px;
    height: 34px;
    display: none;
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #666;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    cursor: pointer;
}

.lc-inquiry .no-list .inquiry-type-all-btn.active {
    display: flex;
    justify-content: center;
    align-items: center;
}

.lc-inquiry .paging {
    display: none;
    padding-top: 24px;
}

.lc-inquiry .paging.active {
    display: flex;
    justify-content: center;
}

.lc-inquiry .paging > ul {
    display: flex;
}

.lc-inquiry .paging > ul > li {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
}

.lc-inquiry .paging .paging-icon svg path {
    fill: #E6E6E6;
}

.lc-inquiry .paging .paging-icon:hover svg path {
    fill: #111;
}

.lc-inquiry .paging .paging-btn {
    color: #999;
    font-size: 13px;
    font-family: var(--family-medium);
    font-weight: var(--weight-medium);
    line-height: 140%;
}

.lc-inquiry .paging .paging-btn.ty-on {
    border-radius: 4px;
    border: 1px solid #E6E6E6;
    background: #FFF;
    color: #333;
}

.lc-inquiry .paging .paging-btn:hover {
    border-radius: 4px;
    border: 1px solid #111;
    background: #111;
    color: #FFF;
}

.lc-header .orderupload-item {
    padding: 16px 0;
    border-top: 1px dashed #E4E4E4;
}

.lc-header .orderupload-title {
    color: #111;
    font-size: 16px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    word-break: break-all;
}

.lc-header .orderupload-inner {
    width: calc(100% - 24px);
    height: 40px;
    display: flex;
    align-items: center;
    padding: 12px;
    margin-top: 12px;
    background: #F8F8F8;
}

.lc-header .orderupload-file {
    position: relative;
    width: 100px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111;
}

.lc-header .orderupload-file input {
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.lc-header .orderupload-button {
    color: #FFF;
    font-size: 14px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
}

.lc-header .orderupload-info {
    width: calc(100% - 116px);
    display: flex;
    margin-left: 16px;
}

.lc-header .orderupload-info .placeholder {
    width: 100%;
    color: #999;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lc-header .orderupload-info a {
    position: relative;
    width: calc(100% - 40px);
    display: flex;
    align-items: center;
}

.lc-header .orderupload-name {
    color: #000;
    font-size: 13px;
    font-family: var(--family-regular);
    font-weight: var(--weight-regular);
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lc-header .orderupload-del {
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #E6E6E6;
    cursor: pointer;
    background: #fff;
}

.lc-header .orderupload-item:not(.active) .ty-edit,
.lc-header .orderupload-item.active .ty-write {
    display: none;
}