@charset "utf-8";

body:not(.skin-template-basic) .c-header {
    display: none !important;
}

.skin-template-basic .l-header {
    display: none !important;
}

/* reset */

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

/* base */

.c-header {font-size:0; line-height:0; position:relative; width:100%;}

.c-header {background-color:#fff;}
.c-header a {text-decoration:none;}

/* index */

.ch-menu {z-index:1000;}

/* ch-menu */

.ch-menu {display:block; position:relative; height:51px;}
.ch-menu .fixed {z-index:1; display:block; position:relative; left:0; top:0px; right:0; height:51px; white-space:nowrap; overflow-x:auto;}
.ch-menu .fixed:after {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #e0e0e0; opacity:1;}
.ch-menu .wrap {display:block; position:relative; height:50px;}
.ch-menu .menu {display:block; position:absolute; left:0; top:0; width:50px; height:100%; cursor:pointer;}
.ch-menu .menu svg {display:block; position:absolute; left:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px; opacity:0.8;}
.ch-menu .menu line {fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}

.ch-menu .inner {
    margin:0 92px 0 50px;
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
}
.ch-menu .logo {
    position:relative;
    margin-right:10px;
}

.ch-menu .logo img {border:0; max-width:160px; max-height:100px;}
.ch-menu .title {flex-grow:1; height:51px;}
.ch-menu .title .block {display:block; position:relative; width:100%; height:100%;}
.ch-menu .title a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ch-menu .title a {font-weight:bold; line-height:51px; font-size:18px; color:#000;}
.ch-menu .btn {display:block; position:absolute; right:12px; top:0; width:80px; height:100%;}
.ch-menu .btn ul {height:100%;}
.ch-menu .btn li {position:relative; display:inline-block; vertical-align:top; width:40px; height:100%; cursor:pointer;}
.ch-menu .btn svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:25px; height:25px; fill:#000; opacity:0.8;}
.ch-menu .btn a {position:relative; display:block; height:100%;}
.ch-menu .btn a p {display:block; position:absolute; left:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px;}
.ch-menu .btn a span {z-index:1; display:none; position:absolute; right:-5px; top:-5px; width:16px; height:16px; text-align:center;}
.ch-menu .btn a span {font-weight:bold; line-height:1.4; font-size:11px; color:#fff;}
.ch-menu .btn a span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#f43142; border-radius:100%; opacity:1;}
.ch-menu .btn a span.active {display:block;}
.ch-menu .btn li:nth-child(1) svg circle,
.ch-menu .btn li:nth-child(1) svg line {fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.ch-menu .btn li:nth-child(2) svg path,
.ch-menu .btn li:nth-child(2) svg line {fill:none;stroke:#000000;stroke-width:2.67;stroke-linecap:round;stroke-miterlimit:10;}

.ch-menu.ty-fixed .fixed {position:fixed;}
.ch-menu.ty-fixed .fixed:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; min-width:100%; min-height:100%; background-color:#fff; opacity:0.98;}

/* l-category */

.l-category a {text-decoration:none;}

/* lc-header */

.lc-header {position:relative;}

/* lc-btns */

.lc-btns {position:relative; height:40px; border-bottom:1px solid #e0e0e0; background-color:#fff;}

.lc-btns .total {display:block; padding:0 12px;}
.lc-btns .total {line-height:40px; font-size:13px; color:#666;}
.lc-btns .total span {display:inline-block; vertical-align:top;}
.lc-btns .total span {font-weight:bold; font-size:14px; color:var(--color2);}

.lc-btns .ct {display:inline-block; padding:0 12px; cursor:pointer;}
.lc-btns .ct ul {height:100%;}
.lc-btns .ct li {position:relative; display:inline-block; vertical-align:top; height:40px; margin-right:9px;}
.lc-btns .ct p {font-weight:bold; line-height:40px; font-size:15px; color:#000;}
.lc-btns .ct svg {display:block; position:absolute; left:calc(50% - 3px); top:calc(50% - 3px); width:6px; height:6px;}
.lc-btns .ct svg:nth-child(1) {display:block;}
.lc-btns .ct svg:nth-child(2) {display:none;}
.lc-btns .side {display:block; position:absolute; right:0; top:0; height:100%;}
.lc-btns .side ul {height:100%;}
.lc-btns .side li {z-index:1; position:relative; display:inline-block; vertical-align:top; height:100%; cursor:pointer; border-left:1px solid #e0e0e0;}
.lc-btns .side select {display:block; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:transparent; opacity:0; cursor:pointer;}
.lc-btns .side option {line-height:40px; font-size:12px; color:#000;}
.lc-btns .side svg {display:inline-block; width:15px; height:15px;}
.lc-btns .side li:nth-child(1) {padding:0 12px;}
.lc-btns .side li:nth-child(1) svg {top:3px; position:relative; display:inline-block;}
.lc-btns .side li:nth-child(1) svg line {fill:none;stroke:#000000;stroke-width:2.25;stroke-linecap:round;stroke-miterlimit:10;}
.lc-btns .side li:nth-child(1) span {margin-left:7px; display:inline-block;}
.lc-btns .side li:nth-child(1) span {line-height:40px; font-size:12px; color:#666;}
.lc-btns .side li:nth-child(2) svg {display:none;}
.lc-btns .side li:nth-child(2) svg path {fill:var(--color2);}
.lc-btns .side li:nth-child(n+2) {width:40px;}
.lc-btns .side li:nth-child(n+2) svg {position:absolute; left:calc(50% - 7.5px); top:calc(50% - 7.5px);}
.lc-btns .side li:nth-child(3) svg line {fill:none;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-miterlimit:10;}
.lc-btns .side li:nth-child(3) svg,
.lc-btns .side li:nth-child(4) svg {opacity:0.6;}

.ty-best .lc-btns .side li:first-child,
.ty-best .lc-btns .side li[data-btn='filters'] {display:none;}

/* categorys */

.lc-header .categorys {display:none; margin-top:10px; background-color:#fff;}
.lc-header .categorys.active {opacity:1;}
.lc-header .categorys .swiper-container {display:block; height:auto;}
.lc-header .categorys .swiper-wrapper {height:auto;}
.lc-header .categorys .swiper-slide {width:100%; height:auto;}
.lc-header .categorys .swiper-pagination {transition:all .3s ease; z-index:20; display:block; position:relative; left:auto; right:auto; bottom:0; width:100%; height:40px; text-align:center; opacity:1;}
.lc-header .categorys .swiper-pagination span {transition:all .3s ease; position:relative; display:inline-block; margin:0 2px !important; width:6px; height:40px; cursor:pointer;}
.lc-header .categorys .swiper-pagination span:before {transition:all .3s ease; display:block; content:''; position:absolute; left:calc(50% - 3px); top:calc(50% - 3px); width:6px; height:6px; background-color:#000; border-radius:6px; opacity:0.1;}
.lc-header .categorys .swiper-pagination span.active {background-color:transparent; width:18px;}
.lc-header .categorys .swiper-pagination span.active:before {opacity:1; left:calc(50% - 9px); width:18px; background-color:000; opacity:1;}
.lc-header .categorys.ty-stop .swiper-wrapper {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-align-items:center;
    -ms-flex-align:center;
    -webkit-justify-content:center;
    align-items:center;
    justify-content:center;
}
.lc-header .categorys.ty-stop .swiper-slide {width:100%;}

.lc-header .categorys .inner {margin:1px -1px 0 1px; display:flex; flex-wrap: wrap;}
.lc-header .categorys .inner > div {z-index:1; position:relative; margin:-1px 0 0 -1px; display:inline-block; vertical-align:top; width:calc(50% - 1px); min-height:43px; height:auto; border:1px solid #f0f0f0; background-color:#fff;}
.lc-header .categorys .inner a {z-index:10; width:100%; height:100%; display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.lc-header .categorys .inner .title {padding:0 10px 0px 20px; height:35px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-header .categorys .inner .title {line-height:43px; font-size:15px; color:#666;}
.lc-header .categorys .inner .image {position:relative; text-align:center;}
.lc-header .categorys .inner .image img {width:60px; height:60px;}
.lc-header .categorys .inner .image .ty-no {position:relative; margin:0 auto; width:60px; height:60px; background-color:#ececec;}
.lc-header .categorys .inner .image .ty-no svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:40px; height:40px; fill:#000; opacity:0.1;}
.lc-header .categorys .inner .ty-image {padding:20px 0; height:auto;}
.lc-header .categorys .inner .ty-image .title {text-align:center; padding:0 10px; height:auto; font-size:13px;}
.lc-header .categorys .inner .ty-image.best img {height:60px; width:60px; display:block; margin:0 auto;}


/* ty-categorys */

.lc-header.ty-categorys .lc-btns .ct svg:nth-child(1) {display:none;}
.lc-header.ty-categorys .lc-btns .ct svg:nth-child(2) {display:block;}
.lc-header.ty-categorys .categorys {display:block;}

.lc-header.ty-mode0 .lc-btns .side li:nth-child(2) svg:nth-child(1) {display:block;}
.lc-header.ty-mode1 .lc-btns .side li:nth-child(2) svg:nth-child(2) {display:block;}
.lc-header.ty-mode2 .lc-btns .side li:nth-child(2) svg:nth-child(3) {display:block;}

/* l-banner-22000 */

.l-banner-22000 {background-color:#fff; border-bottom:1px solid #e0e0e0; position: relative;}
.l-banner-22000.active {opacity:1;}
.l-banner-22000 .swiper-container {display:block; height:auto;}
.l-banner-22000 .swiper-wrapper {height:auto;}
.l-banner-22000 .swiper-slide {width:100%; height:auto;}

.l-banner-22000 .swiper-button {display:block; position:absolute; right:7px; top:8px;}
.l-banner-22000 .swiper-play {z-index:2; display:block; position:absolute; right:41px; top:-3px; width:24px; height:24px; background:var(--c-btn) no-repeat; background-size:var(--c-size); background-position:-100px 0px; cursor:pointer;}
.l-banner-22000 .swiper-play.active {background-position-y:-50px;}
.l-banner-22000 .swiper-pagination {z-index:1; display:block; position:absolute; top:auto; left:auto; top:0; right:0; width:60px; height:18px; text-align:left;}
.l-banner-22000 .swiper-pagination {line-height:18px; font-size:11px; color:#ffffff;}
.l-banner-22000 .swiper-pagination:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; border-radius:18px; opacity:0.5;}
.l-banner-22000 .swiper-pagination span {display:inline-block; vertical-align:top;}
.l-banner-22000 .swiper-pagination .swiper-pagination-current {margin-left:24px; font-weight:bold;}
.l-banner-22000 .swiper-pagination .swiper-pagination-total {}

.l-banner-22000 .item {position:relative;}
.l-banner-22000 img,
.l-banner-22000 video {max-width:100% !important; max-height:none !important; width:100% !important; height:auto !important; border:0;}
.l-banner-22000 iframe {max-width:100%;}

.l-banner-22000.ty-stop .swiper-slide {width:100%;}

.sst-active .l-banner-22000:hover .swiper-button {z-index:0;}

/* l-banner-22001 */

.l-banner-22001 {background-color:#fff; border-bottom:1px solid #e0e0e0; position: relative;}
.l-banner-22001.active {opacity:1;}
.l-banner-22001 .swiper-container {display:block; height:auto;}
.l-banner-22001 .swiper-wrapper {height:auto;}
.l-banner-22001 .swiper-slide {width:100%; height:auto;}

.l-banner-22001 .swiper-button {display:block; position:absolute; right:7px; top:8px;}
.l-banner-22001 .swiper-play {z-index:2; display:block; position:absolute; right:41px; top:-3px; width:24px; height:24px; background:var(--c-btn) no-repeat; background-size:var(--c-size); background-position:-100px 0px; cursor:pointer;}
.l-banner-22001 .swiper-play.active {background-position-y:-50px;}
.l-banner-22001 .swiper-pagination {z-index:1; display:block; position:absolute; top:auto; left:auto; top:0; right:0; width:60px; height:18px; text-align:left;}
.l-banner-22001 .swiper-pagination {line-height:18px; font-size:11px; color:#ffffff;}
.l-banner-22001 .swiper-pagination:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; border-radius:18px; opacity:0.5;}
.l-banner-22001 .swiper-pagination span {display:inline-block; vertical-align:top;}
.l-banner-22001 .swiper-pagination .swiper-pagination-current {margin-left:24px; font-weight:bold;}
.l-banner-22001 .swiper-pagination .swiper-pagination-total {}

.l-banner-22001 .item {position:relative;}
.l-banner-22001 img,
.l-banner-22001 video {max-width:100% !important; max-height:none !important; width:100% !important; height:auto !important; border:0;}
.l-banner-22001 iframe {max-width:100%;}

.l-banner-22001.ty-stop .swiper-slide {width:100%;}

.sst-active .l-banner-22001:hover .swiper-button {z-index:0;}
/* filters */

.searchfilter-overlay {z-index:1000; position:fixed; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background-color:#000000; opacity:0.4;}

.lc-header .filters {z-index:1001; position:fixed; right:-240px; top:0; width:240px; height:100%; background-color:#fafafa; transition:right 0.3s; overflow-y:scroll;}
.lc-header .filters.on {right:0; transition:right 0.3s; transition-timing-function:ease;}

.lc-header .filters .header {height:50px; background:#222222; border-bottom:1px solid #000000; position:fixed; width:240px; z-index:2000;}
.lc-header .filters .header .title {position:relative; height:50px; padding-left:37px;}
.lc-header .filters .header .title {font-size:18px; font-weight:bold; line-height:50px; color:#ffffff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-header .filters .header .title .filter-icon {z-index:10; display:block; position:absolute; left:0; top:0; width:37px; height:50px;}
.lc-header .filters .header .title .filter-icon svg  {z-index:-1; position:absolute; display:block; left:15px; top:calc(50% - 7.5px); width:15px; height:15px;}
.lc-header .filters .header .title .filter-icon line {fill:none; stroke:#ffffff; stroke-width:2; stroke-linecap:round; stroke-miterlimit:10;}
.lc-header .filters .header .title .btn-close {z-index:10; display:block; position:absolute; right:0; top:0; width:35px; height:50px; cursor:pointer;}
.lc-header .filters .header .title .btn-close svg  {z-index:-1; position:absolute; display:block; right:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px;}
.lc-header .filters .header .title .btn-close line {fill:none; stroke:#ffffff; stroke-width:2; stroke-linecap:round;stroke-miterlimit:10;}

.lc-header .filters .header .title .reset {z-index:10; display:none; position:absolute; right:40px; top:0; width:30px; height:50px;}
.lc-header .filters .header .title .reset svg {z-index:1; position:absolute; right:0; top:calc(50% - 12.5px); width:25px; height:25px; fill:#fff;}
.lc-header .filters .header .title .reset path {fill:none;stroke:#ffffff;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
.lc-header .filters .header .title .reset.view {display:block;}


/* choice */
.lc-header .choice {display:none; border-width:0 0 1px 0; border-style:solid; border-color:#000000;}
.lc-header.ty-choice .choice {display:block; position:absolute; top:51px; width:100%; white-space:nowrap; overflow-x:auto;}
.lc-header.ty-choice .choice:before {content:''; display:block; width:100%; height:48px; background:#222; opacity:0.9; position:absolute; left:0; top:0;}

.lc-header .choice .list {display:block; position:relative; white-space:nowrap; overflow-x:auto;}
.lc-header .choice .list ul {display:block;}
.lc-header .choice .list li {z-index:1;  position:relative; display:inline-block;cursor:pointer; margin-left:7px; padding:10px 0;}
.lc-header .choice .list li:after {z-index:-3; display:block; content:''; position:absolute; left:0; top:10px; width:100%; height:28px; border-radius:60px; -webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75); -moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75); box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);}
.lc-header .choice .list li:first-child {margin-left:15px;}
.lc-header .choice .list li:last-child {margin-right:15px;}

.lc-header .choice .list p {padding:0 12px; position:relative; background-color:var(--color2); border-radius:60px;}/* white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}*/
.lc-header .choice .list p {line-height:28px; font-size:12px; color:#fff;}
.lc-header .choice .list p .color {position:relative; top:-1px; margin-right:5px; display:inline-block; vertical-align:middle; width:15px; height:15px; background-color:#ccc; border-radius:100%;}

::-webkit-scrollbar {display:none;}

.lc-header .filters .group {padding:0 0 30px 0; margin-top:50px;}
.lc-header.ty-choice .filters .group {margin-top:99px;}
.lc-header .filters .filter {display:block; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0;}
.lc-header .lters .filter.active .view {display:block;}
.lc-header .filters .title {position:relative; height:55px; cursor: pointer}
.lc-header .filters .title p {padding:0 35px 0 15px; background:#f5f5f5; width:calc(100% - 50px);}
.lc-header .filters .title p {line-height:55px; font-size:15px; color:#111111; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}


.lc-header .filters .filter .title .filter-arrow {display:block; position:absolute; right:10px; top:calc(50% - 7.5px); width:15px; height:15px;}
.lc-header .filters .filter .title .filter-arrow svg {z-index:-1; width:15px; height:15px; display:inline-block; opacity:0.2;}
.lc-header .filters .filter .title .filter-arrow svg:nth-child(1) {display:inline-block;}
.lc-header .filters .filter .title .filter-arrow svg:nth-child(2) {display:none;}
.lc-header .filters .filter .title .filter-arrow line {fill:none;stroke:#000000;stroke-width:3;stroke-linecap:square;stroke-miterlimit:10;}
.lc-header .filters .filter .title .filter-arrow.active svg:nth-child(1) {display:none;}
.lc-header .filters .filter .title .filter-arrow.active svg:nth-child(2) {display:inline-block; opacity:0.8;}

.lc-header .filters .filter .sub {display:none;}
.lc-header .filters .filter .sub.view {display:block; border-top:1px solid #e0e0e0;}


.lc-header .filters .view {position:relative;}


.lc-header .filters .more-btn {display:none; position:relative; border-width:1px 0 0 0; border-style:solid; border-color:#e0e0e0; text-align:center; background-color:#fff; overflow:hidden;}
.lc-header .filters .filter .more-btn.on {display:block;}
.lc-header .filters .more-btn .more {color:#333; font-size:14px; line-height:43px; height:43px;}
.lc-header .filters .more-btn .more {transition:all .3s ease; display:none; text-align:center; cursor:pointer; position:relative; z-index:2; padding-right:15px;}
.lc-header .filters .more-btn .arrow {position:absolute; top:calc(50% - 5px); left:0; right:0; padding-left:37px; z-index:1;}
.lc-header .filters .more-btn .arrow svg {display:inline-block; width:10px; height:10px; margin-left:5px;}
.lc-header .filters .more-btn .arrow svg:nth-child(1) {display:none;}
.lc-header .filters .more-btn .arrow svg:nth-child(2) {display:inline-block;}
.lc-header .filters .filter.ty-more .more-btn .arrow svg {display:inline-block; width:10px; height:10px; margin-left:5px;}
.lc-header .filters .filter.ty-more .more-btn .arrow svg:nth-child(1) {display:inline-block;}
.lc-header .filters .filter.ty-more .more-btn .arrow svg:nth-child(2) {display:none;}
.lc-header .filters .more-btn .arrow line {fill:none;stroke:#000000;stroke-width:1.8;stroke-linecap:square;stroke-miterlimit:10; opacity:0.8;}
.lc-header .filters .more-btn .more.active {display:block;}

.lc-header .filters .checkboxs .sort {background:#f5f5f5; width:calc(100% - 23px); padding:8px 8px 8px 15px; border-width:0 0 1px 0; border-style:solid; border-color:#e0e0e0;}
.lc-header .filters .checkboxs .sort p {display:inline-block; width:calc(50% - 2px); height:25px; border:1px solid #e0e0e0; background:#fafafa; cursor:pointer;}
.lc-header .filters .checkboxs .sort p {font-size:12px; line-height:25px; color:#999999; text-align:center;}
.lc-header .filters .checkboxs .sort p:nth-child(2) {margin-left:-1px;}

.lc-header .filters .checkboxs .sort p.on {background:var(--color2); color:#ffffff;}

.lc-header .filters .checkboxs li {display:block; vertical-align:middle; height:54px; border-top:1px dashed #e0e0e0; background:#fff;}
.lc-header .filters .checkboxs li:first-child {border-top:1px dashed transparent;}
.lc-header .filters .checkboxs li.ty-hidden {display:none;}
.lc-header .filters .checkboxs .checkbox {margin-right:15px; position:relative; display:block; width:calc(100% - 15px); height:54px;}
.lc-header .filters .checkboxs .checkbox label svg {width:18px; height:54px; position:absolute; left:0; top:0; padding-left:15px;}
.lc-header .filters .checkboxs .checkbox label path {fill:none;stroke:#000000;stroke-width:2;stroke-miterlimit:10; opacity:0.2;}
.lc-header .filters .checkboxs .checkbox label.focus svg {width:18px; height:54px; position:absolute; left:0; top:0; padding-left:15px;}
.lc-header .filters .checkboxs .checkbox label.focus path {fill:none;stroke:var(--color2);stroke-width:2;stroke-miterlimit:10; opacity:0.2;}
.lc-header .filters .checkboxs .checkbox label.focus line {fill:none;stroke:var(--color2);stroke-width:4;stroke-linecap:square;stroke-miterlimit:10;}
.lc-header .filters .checkboxs .checkbox label.focus span:nth-child(1) {display:none;}

.lc-header .filters .checkboxs .checkbox input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}
.lc-header .filters .checkboxs .checkbox label {overflow:hidden; padding:0 0 0 43px; width:calc(100% - 43px); height:55px; position:relative; display:block; cursor:pointer;}
.lc-header .filters .checkboxs .checkbox label p {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox;display:flex; width:100%;}
.lc-header .filters .checkboxs .checkbox label p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-header .filters .checkboxs .checkbox label p { line-height:55px; font-size:14px; color:#333;}
.lc-header .filters .checkboxs .checkbox label p:nth-child(3) {color:#999999;}
.lc-header .filters .checkboxs .checkbox label p span {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}

.lc-header .filters .checkboxs .checkbox label.focus p,
.lc-header .filters .checkboxs .checkbox label:hover p {color:#333;}
.lc-header .filters .checkboxs .checkbox label:hover p span:nth-child(1):before {width:100%; opacity:1;}

.lc-header .filters .radios {padding:10px 15px; border-bottom:1px dashed #e0e0e0; background:#fff;}

.lc-header .filters .radios li {display:inline-block; vertical-align:top; width:50%;}
.lc-header .filters .radios li.ty-hidden {display:none;}
.lc-header .filters .radios .radio {position:relative; display:block; width:100%; height:35px;}
.lc-header .filters .radios .radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}
.lc-header .filters .radios .radio label {overflow:hidden; padding:0 0 0 9px; width:calc(100% - 9px); height:35px; position:relative; display:block; cursor:pointer;}
.lc-header .filters .radios .radio label p {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox;display:flex;}
.lc-header .filters .radios .radio label p {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-header .filters .radios .radio label p {line-height:35px; font-size:12px; color:#333;}
.lc-header .filters .radios .radio label p span:nth-child(1) {z-index:1; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-header .filters .radios .radio label p span:nth-child(1):before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:5px; width:0; height:0; border-bottom:1px solid #000; opacity:0;}
.lc-header .filters .radios .radio label p span:nth-child(2) {margin-left:3px; white-space:nowrap; display:flex; align-items:flex-end; color:#ccc;}
.lc-header .filters .radios .radio label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 1.5px); width:3px; height:3px; background:#cccccc; opacity:1;}
.lc-header .filters .radios .radio label.focus:before {background:var(--color2);}
.lc-header .filters .radios .radio label.focus p {color:#000;}

.lc-header .filters .colors {padding:10px 15px;}
.lc-header .filters .colors li {display:inline-block; vertical-align:middle; height:40px; width:20%; text-align:center;}
.lc-header .filters .colors .checkbox {position:relative; display:inline-block; width:auto; height:auto;}
.lc-header .filters .colors .checkbox input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}
.lc-header .filters .colors .checkbox label {transition:all .3s ease; width:34px; height:34px; position:relative; display:block; border:1px solid #fff; cursor:pointer; border-radius:100%; margin-top:2px;}
.lc-header .filters .colors .checkbox label svg {position:absolute; width:18px; height:18px; left:calc(50% - 9px); top:calc(50% - 11px); display:none;}
.lc-header .filters .colors .checkbox label line {fill:none;stroke:#ffffff;stroke-width:6;stroke-linecap:square;stroke-miterlimit:10;}
.lc-header .filters .colors .checkbox label.focus svg {display:block;}
.lc-header .filters .colors .checkbox label[data-color='ffffff'] {width:34px; height:34px; border-color:#f0f0f0;}
.lc-header .filters .colors .checkbox label[data-color='ffffff'].focus svg line {stroke:#000000;}

.lc-header .filters .price {display:block; position:relative; padding:15px; background-color:#ffffff;}
.lc-header .filters .price li {display:inline-block; vertical-align:top;}
.lc-header .filters .price li:nth-child(1) {margin:0 4px 4px 0;}
.lc-header .filters .price li:nth-child(3) {position:absolute; right:15px; top:15px; width:60px; height:71px;}
.lc-header .filters .price .input {position:relative; display:block; border:1px solid #ccc; background-color:#fff; width:144px; height:32px;}
.lc-header .filters .price .input input {transition:width .3s ease; z-index:1; position:relative; padding:0 10px; width:calc(100% - 20px); height:32px; border:0; background:transparent; white-space:nowrap; overflow:hidden;}
.lc-header .filters .price .input input {line-height:32px; font-size:12px; color:#999;}
.lc-header .filters .price .input .name {left:10px; top:0;}
.lc-header .filters .price .input .name {line-height:32px; font-size:12px; color:#999;}
/*.lc-header .filters .price .input .sign {display:block; position:absolute; right:10px; top:0;}
.lc-header .filters .price .input .sign {line-height:32px; font-size:12px; color:#999;}*/
.lc-header .filters .price .input.value {border-color:#f0f0f0; background-color:#fff;}
.lc-header .filters .price .input.value input {color:#000;}
.lc-header .filters .price .input.focus,
.lc-header .filters .price .input.active input {border-color:var(--color2); background-color:#ffffdd; color:#000000;}
.lc-header .filters .price .apply {display:block; height:72px; background-color:#333; text-align:center; position:relative;}
.lc-header .filters .price .apply svg {width:25px; height:25px; opacity:0.8; display:block; position:absolute; top:calc(50% - 12.5px); left:calc(50% - 12.5px);}
.lc-header .filters .price .apply path {fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;}
.lc-header .filters .price .apply line {fill:none;stroke:#ffffff;stroke-width:4;stroke-linecap:round;stroke-miterlimit:10;}
.lc-header .filters .price.active {display:block;}

.lc-header .options.ty-8 .filters .checkboxs li {width:12.5%;}
.lc-header .options.ty-7 .filters .checkboxs li {width:14.285%;}
.lc-header .options.ty-6 .filters .checkboxs li {width:16.666%;}
.lc-header .options.ty-5 .filters .checkboxs li {width:20%;}

.lc-header .options.ty-8 .filters .radios li {width:12.5%;}
.lc-header .options.ty-7 .filters .radios li {width:14.285%;}
.lc-header .options.ty-6 .filters .radios li {width:16.666%;}
.lc-header .options.ty-5 .filters .radios li {width:20%;}


/* scroll-top */

.lc-header .filters .scroll-top {display:block; text-align:center; padding-bottom:150px;}
.lc-header .filters .scroll-top svg {width:40px; height:40px; opacity:0.1;}
.lc-header .filters .scroll-top path {enable-background:new 0 0 80 80;}
/* lc-container */

.lc-container {margin:0 auto; padding-bottom:50px; min-height:300px;}
.lc-container.no-pd {padding-bottom: 0;}
.ty-event .lc-container {padding-bottom: 0;}

/* lc-load */

.lc-load {display:none;}
.lc-load.active {display:block;}
.lc-load.lc-skin0,
.lc-load.lc-skin2 {background:#ffffff;}

/* lc-skin0 */

.lc-skin0 .order-guide,
.lc-skin1 .order-guide,
.lc-skin2 .order-guide {
    box-sizing: border-box;
    z-index: 9;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 38px;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    padding:0 5px;
}

.lc-skin0 .order-guide:before,
.lc-skin1 .order-guide:before,
.lc-skin2 .order-guide:before {
    z-index: -1;
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.8;
}

.lc-skin0 .item {position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 > ul {padding:20px 7px;}
.lc-skin0 .item {width:50%;}

.lc-skin0 .item .inner {position:relative; padding:0 7px 20px 7px;}
.lc-skin0 .href {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; cursor:pointer;}
.lc-skin0 .image {display:block; position:relative;}

.lc-skin0 .number {z-index:5; position:absolute; left:0; top:0; width:40px; height:40px; pointer-events:none; text-align:center;}
.lc-skin0 .number {line-height:40px; font-size:18px; color:#fff;}
.lc-skin0 .number:before {transition:all 0.3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333;}
.lc-skin0 .number:after {z-index:-2; display:block; content:''; position:absolute; left:0; top:3px; width:100%; height:calc(100% - 3px); box-shadow:0px 3px 2px 0 rgba(0,0,0,0.2);}

.lc-skin0 .icon {z-index:2; display:block; position:absolute; right:0; top:0; width:42px; height:42px;}

.lc-skin0 .img {position:relative; overflow:hidden;}
.lc-skin0 .img > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.lc-skin0 .thumb {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lc-skin0 .thumb:before {transition:all 0.3s ease; z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #000; opacity:0;}
.lc-skin0 .thumb p {z-index:3; display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.lc-skin0 .thumb div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lc-skin0 .thumb img {transition:all .5s ease; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; max-width:100%; max-height:100%; border:0; opacity:1;}
.lc-skin0 .thumb img:nth-child(2) {opacity:0;}
.lc-skin0 .thumb .ty-no {background-color:#ececec;}
.lc-skin0 .thumb .ty-no svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:120px; height:120px; fill:#000; opacity:0.1;}

.lc-skin0 .block {margin-top:15px;}

.lc-skin0 .title {margin:-4px 0 12px 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-skin0 .title {line-height:1.4; font-size:15px; color:#111;}
.lc-skin0 .title .brand {color:#666;}

.lc-skin0 .openprice {}
.lc-skin0 .openprice span {display:inline-block; height:24px; padding:0 7px; border:1px solid var(--color2); background-color:#fff; border-radius:3px;}
.lc-skin0 .openprice span {font-weight:bold; line-height:24px; font-size:13px; color:var(--color2);}

.lc-skin0 .price3 p {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 .price3 p {line-height:1.4; font-size:13px; color:#ccc;}
.lc-skin0 .price3 p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:50%; width:calc(100% - 10px); height:0; border-top:1px solid #999;}

.lc-skin0 .price {position:relative;}
.lc-skin0 .price li {display:inline-block; vertical-align:top;}
.lc-skin0 .price span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 .price .discount {margin-right:3px;}
.lc-skin0 .price .discount {line-height:1.4; font-size:18px; color:#ff0000;}
.lc-skin0 .price .swung {top:5px; line-height:1.4; font-size:12px; color:#000;}
.lc-skin0 .price.ty-KRW .currency-price {font-weight:bold; line-height:1.4; font-size:18px; color:#000;}
.lc-skin0 .price.ty-KRW .currency-text {margin-left:3px; top:5px; line-height:1.4; font-size:12px; color:#000;}
.lc-skin0 .price:not(.ty-KRW) .currency-price {font-weight:bold; line-height:1.4; font-size:18px; color:#000;}
.lc-skin0 .price:not(.ty-KRW) .currency-decimal {margin-left:2px; top:3px; line-height:1.4; font-size:9px; color:#000;}

.lc-skin0 .price .btn-wishlist {z-index:20; position:absolute; right:0; top:calc(50% - 15px); width:30px; height:30px; border:1px solid #ddd; background-color:#fff; border-radius:100%; cursor:pointer;}
.lc-skin0 .price .btn-wishlist svg {position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px; opacity:0.5;}
.lc-skin0 .price .btn-wishlist svg path,
.lc-skin0 .price .btn-wishlist svg line {fill:none;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-miterlimit:10;}

.lc-skin0 .price2 span {font-weight:bold; line-height:1.4; font-size:13px; color:#2e3192;}

.lc-skin0 .delivery {margin-top:5px;}
.lc-skin0 .delivery span {display:inline-block; vertical-align:top;}
.lc-skin0 .delivery span {line-height:1.4; font-size:13px; color:#000;}
.lc-skin0 .delivery span:nth-child(2) {margin-left:3px;}

.lc-skin0 .footer {margin-top:12px; padding-top:8px; border-top:1px solid #f0f0f0;}

.lc-skin0 .supplier {
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.lc-skin0 .supplier > div:nth-child(2) {flex:none; margin-left:auto;}
.lc-skin0 .supplier .name {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin0 .supplier .name {line-height:1.4; font-size:12px; color:#333;}
.lc-skin0 .supplier .sale span:nth-child(1) {line-height:1.4; font-size:11px; color:#7493af;}
.lc-skin0 .supplier .sale span:nth-child(2) {margin-left:5px;}
.lc-skin0 .supplier .sale span:nth-child(2) {line-height:1.4; font-size:12px; color:#7493af;}
.lc-skin0 .supplier.ty-2 .name {margin-right:10px;}

.lc-skin0 .review li {display:inline-block; vertical-align:middle;}
.lc-skin0 .review li:nth-child(2) {margin:0 3px 0 5px;}
.lc-skin0 .review li:nth-child(2) {font-weight:bold; line-height:1.4; font-size:12px; color:#333;}
.lc-skin0 .review li:nth-child(3) {line-height:1.4; font-size:12px; color:var(--color2);}
.lc-skin0 .review .score svg {z-index:3; position:absolute; height:10px;}
.lc-skin0 .review .score path {fill:#fff; width:10px; height:10px;}
.lc-skin0 .review .score span {z-index:1; position:relative; top:0; display:inline-block; vertical-align:top; width:10px; height:10px; background-color:#bbb;}
.lc-skin0 .review .score span:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; height:100%; background-color:var(--color2);}
.lc-skin0 .review .score svg:after {z-index:3; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.lc-skin0 .review .score span:nth-child(n+2) {margin-left:2px;}
.lc-skin0 .review .score span.ty-0:before {width:0;}
.lc-skin0 .review .score span.ty-1:before {width:10%;}
.lc-skin0 .review .score span.ty-2:before {width:20%;}
.lc-skin0 .review .score span.ty-3:before {width:30%;}
.lc-skin0 .review .score span.ty-4:before {width:40%;}
.lc-skin0 .review .score span.ty-5:before {width:50%;}
.lc-skin0 .review .score span.ty-6:before {width:60%;}
.lc-skin0 .review .score span.ty-7:before {width:70%;}
.lc-skin0 .review .score span.ty-8:before {width:80%;}
.lc-skin0 .review .score span.ty-9:before {width:90%;}
.lc-skin0 .review .score span.ty-10:before {width:100%;}

/* lc-skin1 */

.lc-skin1 > ul {}
.lc-skin1 .item {position:relative; display:block; background:#ffffff; border-bottom:1px solid #e0e0e0; margin-bottom:10px;}
.lc-skin1 .item:nth-child(n+2) {}

.lc-skin1 .item .inner {display:flex; position:relative; padding:14px;}
.lc-skin1 .href {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; cursor:pointer;}
.lc-skin1 .image {flex:none; display:block; position:relative; width:100px;}

.lc-skin1 .number {z-index:5; position:absolute; left:0; top:0; width:40px; height:40px; pointer-events:none; text-align:center;}
.lc-skin1 .number {line-height:40px; font-size:18px; color:#fff;}
.lc-skin1 .number:before {transition:all 0.3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333;}
.lc-skin1 .number:after {z-index:-2; display:block; content:''; position:absolute; left:0; top:3px; width:100%; height:calc(100% - 3px); box-shadow:0px 3px 2px 0 rgba(0,0,0,0.2);}

.lc-skin1 .icon {z-index:2; display:block; position:absolute; right:0; top:0; width:35px; height:35px;}

.lc-skin1 .img {width:100%; height:100%; position:relative; overflow:hidden;}
.lc-skin1 .img > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.lc-skin1 .thumb {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0;}
.lc-skin1 .thumb:before {transition:all 0.3s ease; z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #000; opacity:0;}
.lc-skin1 .thumb p {z-index:3; display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.lc-skin1 .thumb div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lc-skin1 .thumb img {transition:all .5s ease; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0; opacity:1;}
.lc-skin1 .thumb img:nth-child(2) {opacity:0;}
.lc-skin1 .thumb .ty-no {background-color:#ececec;}
.lc-skin1 .thumb .ty-no svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:100px; height:100px; fill:#000; opacity:0.1;}

.lc-skin1 .thumb__img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center;
}

.lc-skin1 .block {flex:1 1 auto; position:relative; margin:0 0 0 30px; padding-top:1px; min-height:132px;}

.lc-skin1 .title {margin:0 0 8px 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-skin1 .title {line-height:1.4; font-size:15px; color:#111;}
.lc-skin1 .title .brand {color:#666;}

.lc-skin1 .openprice {}
.lc-skin1 .openprice span {display:inline-block; height:24px; padding:0 7px; border:1px solid var(--color2); background-color:#fff; border-radius:3px;}
.lc-skin1 .openprice span {font-weight:bold; line-height:24px; font-size:13px; color:var(--color2);}


.lc-skin1 .price .discount {display:inline-block; margin-right:8px;}
.lc-skin1 .price .discount {line-height:1.0; font-size:28px; color:#ff0000; font-weight:600; vertical-align:bottom;}
.lc-skin1 .price .discount span {font-size:11px; line-height:1.2; font-weight:400; vertical-align:bottom; margin-left:2px;}

.lc-skin1 .price .price3 {margin-bottom:1px;}
.lc-skin1 .price .price3 p {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lc-skin1 .price .price3 p {line-height:1.0; font-size:12px; color:#ccc;}
.lc-skin1 .price .price3 p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:40%; width:calc(100% - 13px); height:0; border-top:1px solid #ccc;}
.lc-skin1 .price .price3 p .swung {color:#ccc; line-height:1.0;}

.lc-skin1 .price {position:relative;}
.lc-skin1 .price ul {display:inline-block;}
.lc-skin1 .price li {display:block; vertical-align:bottom;}
.lc-skin1 .price span {position:relative; display:inline-block; vertical-align:bottom;}
.lc-skin1 .price .swung {line-height:1.0; font-size:12px; color:#000; vertical-align:middle;}
.lc-skin1 .price.ty-KRW .currency-price {font-weight:bold; line-height:1; font-size:18px; color:#000; vertical-align:bottom;}
.lc-skin1 .price.ty-KRW .currency-text {margin-left:3px; line-height:1.2; font-size:12px; color:#000; vertical-align:bottom;}
.lc-skin1 .price:not(.ty-KRW) .currency-price {font-weight:bold; line-height:1.4; font-size:18px; color:#000;}
.lc-skin1 .price:not(.ty-KRW) .currency-decimal {margin-left:2px; top:3px; line-height:1.4; font-size:9px; color:#000; vertical-align:top;}

.lc-skin1 .price .btn-wishlist {z-index:20; position:absolute; right:0; top:calc(50% - 15px); width:30px; height:30px; border:1px solid #ddd; background-color:#fff; border-radius:100%; cursor:pointer;}
.lc-skin1 .price .btn-wishlist svg {position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px; opacity:0.5;}
.lc-skin1 .price .btn-wishlist svg path,
.lc-skin1 .price .btn-wishlist svg line {fill:none;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-miterlimit:10;}

.lc-skin1 .price2 span {font-weight:bold; line-height:1.4; font-size:13px; color:#2e3192;}

.lc-skin1 .delivery {padding-top:10px;}
.lc-skin1 .delivery span {display:inline-block; vertical-align:top;}
.lc-skin1 .delivery span {line-height:1.4; font-size:13px; color:#000;}
.lc-skin1 .delivery span:nth-child(2) {padding-left:3px;}
.lc-skin1 .delivery span.ty-1 {padding-left:8px; position:relative;}
.lc-skin1 .delivery span.ty-1:before {content:','; display:inline-block; width:2px; position:absolute; left:0;}

.lc-skin1 .footer {margin-top:12px; padding-top:8px; border-top:1px solid #f0f0f0;}
.lc-skin1 .footer.ty-1 {display:none;}

.lc-skin1 .supplier {display:-webkit-box; display:-moz-box; display:-webkit-flex; display:-ms-flexbox; display:flex;}
.lc-skin1 .supplier > div:nth-child(2) {flex:none; margin-left:auto;}
.lc-skin1 .supplier .name {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:-3px; padding-bottom:5px;}
.lc-skin1 .supplier .name {line-height:1.4; font-size:12px; color:#333;}

.lc-skin1 .review {margin-top:-5px;}
.lc-skin1 .review.ty-2 ul {display:inline-block; position:relative;}
.lc-skin1 .review.ty-2 ul.sale {position:absolute; right:0; margin-top:-1px;}
.lc-skin1 .review li {display:inline-block; vertical-align:middle;}
.lc-skin1 .review li:nth-child(2) {margin:0 3px 0 5px;}
.lc-skin1 .review li:nth-child(2) {font-weight:bold; line-height:1.4; font-size:12px; color:#333;}
.lc-skin1 .review li:nth-child(3) {line-height:1.4; font-size:12px; color:var(--color2);}
.lc-skin1 .review .score {height:10px;}
.lc-skin1 .review .score svg {z-index:3; position:absolute; height:10px;}
.lc-skin1 .review .score path {fill:#fff; width:10px; height:10px;}
.lc-skin1 .review .score span {z-index:1; position:relative; top:0; display:inline-block; vertical-align:top; width:10px; height:10px; background-color:#bbb;}
.lc-skin1 .review .score span:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; height:100%; background-color:var(--color2);}
.lc-skin1 .review .score svg:after {z-index:3; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.lc-skin1 .review .score span:nth-child(n+2) {margin-left:2px;}
.lc-skin1 .review .score span.ty-0:before {width:0;}
.lc-skin1 .review .score span.ty-1:before {width:10%;}
.lc-skin1 .review .score span.ty-2:before {width:20%;}
.lc-skin1 .review .score span.ty-3:before {width:30%;}
.lc-skin1 .review .score span.ty-4:before {width:40%;}
.lc-skin1 .review .score span.ty-5:before {width:50%;}
.lc-skin1 .review .score span.ty-6:before {width:60%;}
.lc-skin1 .review .score span.ty-7:before {width:70%;}
.lc-skin1 .review .score span.ty-8:before {width:80%;}
.lc-skin1 .review .score span.ty-9:before {width:90%;}
.lc-skin1 .review .score span.ty-10:before {width:100%;}

.lc-skin1 .review .sale span {vertical-align:bottom;}
.lc-skin1 .review .sale span:nth-child(1) {line-height:1.2; font-size:11px; color:#7493af;}
.lc-skin1 .review .sale span:nth-child(2) {margin-left:5px;}
.lc-skin1 .review .sale span:nth-child(2) {line-height:1.2; font-size:12px; color:#7493af;}

/* lc-skin2 */

.lc-skin2 > ul {padding-top:20px;}
.lc-skin2 .item {position:relative; display:block; padding:0 7px;}
.lc-skin2 .item:nth-child(n+2) {}

.lc-skin2 .item .inner {position:relative; padding:0 0 20px 0; margin:0 7px;}
.lc-skin2 .href {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; cursor:pointer;}
.lc-skin2 .image {display:block; width:100%; height:100%;}

.lc-skin2 .number {z-index:5; position:absolute; left:0; top:0; width:40px; height:40px; pointer-events:none; text-align:center;}
.lc-skin2 .number {line-height:40px; font-size:18px; color:#fff;}
.lc-skin2 .number:before {transition:all 0.3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333;}
.lc-skin2 .number:after {z-index:-2; display:block; content:''; position:absolute; left:0; top:3px; width:100%; height:calc(100% - 3px); box-shadow:0px 3px 2px 0 rgba(0,0,0,0.2);}

.lc-skin2 .icon {z-index:2; display:block; position:absolute; right:0; top:0; width:70px; height:70px;}

.lc-skin2 .img {position:relative; overflow:hidden;}
.lc-skin2 .img > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.lc-skin2 .thumb {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lc-skin2 .thumb:before {transition:all 0.3s ease; z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 6px); height:calc(100% - 6px); border:3px solid #000; opacity:0;}
.lc-skin2 .thumb p {z-index:3; display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.lc-skin2 .thumb div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.lc-skin2 .thumb img {transition:all .5s ease; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; border:0; opacity:1; max-width:100%; max-height:100%;}
.lc-skin2 .thumb img:nth-child(2) {opacity:0;}
.lc-skin2 .thumb .ty-no {background-color:#ececec;}
.lc-skin2 .thumb .ty-no svg {display:inline-block; margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:100px; height:100px; fill:#000; opacity:0.1;}

.lc-skin2 .block {position:relative; margin:15px 0 0; min-height:60px;}

.lc-skin2 .title {margin:0 0 15px 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.lc-skin2 .title {line-height:1.4; font-size:16px; color:#111;}
.lc-skin2 .title .brand {color:#666;}

.lc-skin2 .price .discount {display:inline-block; margin-right:7px;}
.lc-skin2 .price .discount {line-height:1.0; font-size:20px; color:#ff0000; vertical-align:bottom;}

.lc-skin2 .price {position:relative;}
.lc-skin2 .price ul {display:inline-block;}
.lc-skin2 .price li {display:inline-block; vertical-align:bottom;}
.lc-skin2 .price span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin2 .price .swung {line-height:1.5; font-size:12px; color:#000; vertical-align:bottom;}
.lc-skin2 .price.ty-KRW .currency-price {font-weight:bold; line-height:1; font-size:20px; color:#000; vertical-align:bottom;}
.lc-skin2 .price.ty-KRW .currency-text {margin-left:2px; line-height:1.5; font-size:12px; color:#000; vertical-align:bottom;}
.lc-skin2 .price:not(.ty-KRW) .currency-price {font-weight:bold; line-height:1.4; font-size:18px; color:#000;}
.lc-skin2 .price:not(.ty-KRW) .currency-decimal {margin-left:2px; top:3px; line-height:1.4; font-size:9px; color:#000;}

.lc-skin2 .price .price3 {margin-left:10px;}
.lc-skin2 .price .price3 p {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lc-skin2 .price .price3 p {line-height:1.0; font-size:13px; color:#ccc;}
.lc-skin2 .price .price3 p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:50%; width:calc(100% - 20px); height:0; border-top:1px solid #ccc;}
.lc-skin2 .price .price3 p .swung {color:#ccc; line-height:1.0;}

.lc-skin2 .openprice {}
.lc-skin2 .openprice span {display:inline-block; height:24px; padding:0 7px; border:1px solid var(--color2); background-color:#fff; border-radius:3px;}
.lc-skin2 .openprice span {font-weight:bold; line-height:24px; font-size:13px; color:var(--color2);}

.lc-skin2 .price .btn-wishlist {z-index:20; position:absolute; right:0; top:calc(50% - 15px); width:30px; height:30px; border:1px solid #ddd; background-color:#fff; border-radius:100%; cursor:pointer;}
.lc-skin2 .price .btn-wishlist svg {position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px; opacity:0.5;}
.lc-skin2 .price .btn-wishlist svg path,
.lc-skin2 .price .btn-wishlist svg line {fill:none;stroke:#000000;stroke-width:2.5;stroke-linecap:round;stroke-miterlimit:10;}

.lc-skin2 .price2 span {font-weight:bold; line-height:1.4; font-size:13px; color:#2e3192;}

.lc-skin2 .delivery {padding-top:10px;}
.lc-skin2 .delivery span {display:inline-block; vertical-align:top;}
.lc-skin2 .delivery span {line-height:1.4; font-size:13px; color:#000;}
.lc-skin2 .delivery span:nth-child(2) {margin-left:3px;}

.lc-skin2 .footer {margin-top:12px; padding-top:12px; border-top:1px solid #f0f0f0;}
.lc-skin2 .footer.ty-1 {display:none;}

.lc-skin2 .review {margin-top:-5px;}
.lc-skin2 .review ul {display:inline-block;}
.lc-skin2 .review.ty-2 ul {position:relative;}
.lc-skin2 .review.ty-2 ul.ty-1 {padding-right:15px;}
.lc-skin2 .review.ty-2 ul.ty-1:after {content:''; display:inline-block; width:2px; height:12px; background:#f0f0f0; position:absolute; right:6px; bottom:4px;}
.lc-skin2 .review li {display:inline-block; vertical-align:middle;}
.lc-skin2 .review li:nth-child(2) {margin:0 3px 0 5px;}
.lc-skin2 .review li:nth-child(2) {font-weight:bold; line-height:1.4; font-size:15px; color:#333;}
.lc-skin2 .review li:nth-child(3) {line-height:1.4; font-size:15px; color:var(--color2);}
.lc-skin2 .review .score {height:11px;}
.lc-skin2 .review .score svg {z-index:3; position:absolute; height:11px;}
.lc-skin2 .review .score path {fill:#fff; width:11px; height:11px;}
.lc-skin2 .review .score span {z-index:1; position:relative; top:0; display:inline-block; vertical-align:top; width:11px; height:11px; background-color:#bbb;}
.lc-skin2 .review .score span:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; height:100%; background-color:var(--color2);}
.lc-skin2 .review .score svg:after {z-index:3; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.lc-skin2 .review .score span:nth-child(n+2) {margin-left:2px;}
.lc-skin2 .review .score span.ty-0:before {width:0;}
.lc-skin2 .review .score span.ty-1:before {width:10%;}
.lc-skin2 .review .score span.ty-2:before {width:20%;}
.lc-skin2 .review .score span.ty-3:before {width:30%;}
.lc-skin2 .review .score span.ty-4:before {width:40%;}
.lc-skin2 .review .score span.ty-5:before {width:50%;}
.lc-skin2 .review .score span.ty-6:before {width:60%;}
.lc-skin2 .review .score span.ty-7:before {width:70%;}
.lc-skin2 .review .score span.ty-8:before {width:80%;}
.lc-skin2 .review .score span.ty-9:before {width:90%;}
.lc-skin2 .review .score span.ty-10:before {width:100%;}

.lc-skin2 .review .sale span {vertical-align:bottom;}
.lc-skin2 .review .sale span:nth-child(1) {line-height:1.6; font-size:13px; color:#7493af;}
.lc-skin2 .review .sale span:nth-child(2) {margin-left:5px;}
.lc-skin2 .review .sale span:nth-child(2) {line-height:1.4; font-size:15px; color:#7493af;}

.lc-skin2 .supplier {display:inline-block; position:absolute; right:0;}
.lc-skin2 .supplier .name {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-bottom:5px;}
.lc-skin2 .supplier .name {line-height:1.6; font-size:13px; color:#333;}


/* paging */

.lc-paging {position:relative; display:none; width:100%; margin-top:10px;}
.lc-paging.active {display:block;}
.lc-container.no-pd .lc-paging.active {padding-bottom: 50px;}

/* paging-number */

.lc-paging .paging-number {margin-top:10px; height:48px;}
.lc-paging .paging-number ul {text-align:center;}
.lc-paging .paging-number li {display:inline-block; vertical-align:top; text-align:center;}
.lc-paging .paging-number .paging-btn {z-index:1; position:relative; width:40px; height:48px; cursor:pointer;}
.lc-paging .paging-number .paging-btn {font-weight:bold; line-height:48px; font-size:15px; color:#666;}
.lc-paging .paging-number .paging-btn.ty-on {color:#000;}
.lc-paging .paging-number .paging-icon {position:relative; width:40px; height:48px; opacity:0.6;}
.lc-paging .paging-number .paging-icon svg {display:inline-block; position:absolute; left:calc(50% - 7.5px); top:calc(50% - 7.5px); width:15px; height:15px;}
.lc-paging .paging-number .paging-icon.ty-off {opacity:0.1;}
.lc-paging .paging-number .paging-icon.ty-on {cursor:pointer;}
.lc-paging .paging-number .paging-icon.ty-prev-0 line {fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.lc-paging .paging-number .paging-icon.ty-prev-1 line {margin-right:6px; fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.lc-paging .paging-number .paging-icon.ty-next-1 line {margin-left:6px; fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}
.lc-paging .paging-number .paging-icon.ty-next-0 line {fill:none;stroke:#000000;stroke-width:3;stroke-linecap:round;stroke-miterlimit:10;}


/* paging-load */

.lc-paging .paging-load {transition:all .3s ease; margin:10px auto 0 auto; z-index:1; position:relative; width:100%; height:50px; background-color:#fff; cursor:pointer;}
.lc-paging .paging-load ul {text-align:center;}
.lc-paging .paging-load li {z-index:1; position:relative; display:inline-block; vertical-align:middle;}
.lc-paging .paging-load li:nth-child(1) span {font-weight:bold; line-height:50px; font-size:17px; color:#333;}
.lc-paging .paging-load li:nth-child(2) {margin-left:15px;}
.lc-paging .paging-load li:nth-child(2) span {line-height:50px; font-size:17px; color:#999;}
.lc-paging .paging-load li:nth-child(2) span:nth-child(2) {margin:0 4px;}

/* lc-not */

.lc-not {display:none;}
.lc-not.active {display:block; padding-bottom:70px;}
.lc-not .block {padding-top:100px; text-align:center;}
.lc-not .img {max-width:400px; max-height:180px;}
.lc-not .logo-img {text-align: center;}
.lc-not .logo-img img {max-width: 100%; max-height: 100%; border:0;}
.lc-not .logo {display:inline-block; width:140px; height:140px; background:var(--c-btn) no-repeat; opacity:0.5; background-size:var(--c-size); background-position-x:-200px;}
.lc-not .logo.ty-0 {background-position-y:0px;}
.lc-not .logo.ty-1 {background-position-y:-150px;}
.lc-not .logo.ty-2 {background-position-y:-300px;}
.lc-not .logo.ty-filter {width:140px; height:140px; background-position:-750px -100px; opacity:0.3;}
.lc-not .tx {margin:45px 0 0 0; text-align:center;}
.lc-not .tx {line-height:1.7; font-size:14px; color:#333;}
.lc-not .btn {margin:45px 0 0 0;}
.lc-not .btn a,
.lc-not .btn span {transition:all .3s ease; padding-bottom:1px; display:inline-block; width:160px; height:34px; background-color:#333; text-align:center; line-height:34px; font-size:13px; color:#fff; cursor:pointer;}
.lc-not .btn a:hover,
.lc-not .btn span:hover {background-color:#000;}

/* best */

.l-category.ty-best .lc-header {padding-bottom:20px;}
.l-category.ty-best .lc-header:before,
.l-category.ty-best .lc-header:after,
.l-category.ty-best .lc-header .title .block .btn,
.l-category.ty-best .lc-paging {display:none !important;}

.l-category.ty-best .lc-header .options {display:block;}

.l-category.ty-best .lc-header .categorys li {border-color:#e0e0e0; background-color:#f8f8f8;}
.l-category.ty-best .lc-header .categorys li a {color:#888; text-align:center;}
.l-category.ty-best .lc-header .categorys li:hover {border-color:var(--color2); background-color:#fff;}
.l-category.ty-best .lc-header .categorys li:hover a {color:var(--color2);}
.l-category.ty-best .lc-header .categorys li.active {z-index:2; border-color:#000; background-color:#333;}
.l-category.ty-best .lc-header .categorys li.active a {color:#fff;}

.l-category.ty-best .lc-skin0 .inner:hover .thumb:before,
.l-category.ty-best .lc-skin1 .inner:hover .thumb:before {opacity:1;}

/* all */


/* lc-category-share */

.lc-category-share {transition:margin .3s ease, opacity .3s ease; opacity:0 !important; position:fixed; top:auto; left:0; right:0; bottom:0; width:100%;}
.lc-category-share.active {opacity:1 !important; bottom:0;}
.lc-category-share:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; box-shadow:0 0 5px 5px #000000; background-color:transparent; opacity:0.1; border-radius:10px 10px 0 0;}
.lc-category-share .body {padding:20px 25px 18px 25px; position:relative; background-color:#ffffff; border-radius:10px 10px 0 0;}
.lc-category-share .btn-close {z-index:10; display:block; position:absolute; right:0; top:0; width:45px; height:45px; cursor:pointer;}
.lc-category-share .btn-close:after {z-index:1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%;}
.lc-category-share .btn-close svg {z-index:-1; position:absolute; display:block; left:calc(50% - 12.5px); top:calc(50% - 12.5px); width:25px; height:25px;}
.lc-category-share .btn-close line {fill:none;stroke:#000000;stroke-width:2;stroke-linecap:round;stroke-miterlimit:10;}
.lc-category-share .title {text-align:center;}
.lc-category-share .title {font-weight:bold; line-height:1.4; font-size:16px; color:#000;}
.lc-category-share ul {margin-top:16px; text-align:center;}
.lc-category-share li {position:relative; display:inline-block; vertical-align:middle; width:33.333%; padding:12px 0;}
.lc-category-share li a,
.lc-category-share li input {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#fff; opacity:0; cursor:pointer;}
.lc-category-share li input {font-size:1px;}
.lc-category-share li div {margin:0 auto; width:45px; height:45px; background:var(--c-btn) no-repeat; background-size:var(--c-size); background-position-x:-950px;}
.lc-category-share li p {margin:8px 0 -2px 0; text-align:center;}
.lc-category-share li p {font-weight:bold; line-height:1.4; font-size:14px; color:#555;}
.lc-category-share .ty-kakaotalk div {background-position-y:0px;}
.lc-category-share .ty-line div {background-position-y:-50px;}
.lc-category-share .ty-facebook div {background-position-y:-100px;}
.lc-category-share .ty-twitter div {background-position-y:-150px;}
.lc-category-share .ty-kakaostory div {background-position-y:-200px;}
.lc-category-share .ty-copy div {background-position-y:-250px;}

/* lc-event-description */
.lc-event-description .image {text-align: center;}
.lc-event-description .content {line-height:1.625; font-size:17px; color:#000; padding: 0 7px;}
.lc-event-description .content {margin:0 auto; vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.lc-event-description .content.html {padding: 0;}
.l-category.ty-event .lc-paging {display: none;}

@media screen and (min-width:360px) {

.lc-skin0 .item {width:50%;}

}

@media screen and (min-width:540px) {

.lc-skin0 .item {width:33.333%;}

}

@media screen and (min-width:720px) {

.lc-skin0 .item {width:25%;}

}

@media screen and (min-width:900px) {

.lc-skin0 .item {width:20%;}

}

@media screen and (min-width:1080px) {

.lc-skin0 .item {width:16.666%;}

}

@media screen and (min-width:1260px) {

.lc-skin0 .item {width:14.285%;}

}

@media screen and (min-width:1440px) {

.lc-skin0 .item {width:12.5%;}

}

@media screen and (min-width:1620px) {

.lc-skin0 .item {width:11.111%;}

}

@media screen and (min-width:1800px) {

.lc-skin0 .item {width:10%;}

}

@media screen and (min-width:1980px) {

.lc-skin0 .item {width:9.09%;}

}

@media screen and (min-width:2160px) {

.lc-skin0 .item {width:8.333%;}

}

@media screen and (min-width:2340px) {

.lc-skin0 .item {width:7.692%;}

}

/* image resize */

.lc-skin0 .thumb__img,
.lc-skin1 .thumb__img,
.lc-skin2 .thumb__img {object-fit: cover; object-position: center; width:100%; height:100%;}

.lc-skin0 .thumb__overlay--black,
.lc-skin1 .thumb__overlay--black,
.lc-skin2 .thumb__overlay--black {background: rgba(0, 0, 0, 0.80);}

.lc-skin0 .thumb__overlay--white,
.lc-skin1 .thumb__overlay--white,
.lc-skin2 .thumb__overlay--white {background: rgba(255, 255, 255, 0.80);}