@charset "utf-8";

/* reset */

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

/* width */

.lc-nav .nav,
.lc-header,
.lc-container {width:var(--main-width);}

/* banner */

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

.l-banner-12001 {position:relative; display:block;}
.l-banner-12001 > ul {display:table; width:100%; table-layout:fixed;}
.l-banner-12001 > ul > li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-12001 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-12001 .item {position:relative; width:var(--main-width); margin:0 auto; text-align:center;}
.l-banner-12001 img,
.l-banner-12001 video {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-12001 iframe {max-width:100%;}

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

/* l-category */

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

/* lc-nav */

.lc-nav .nav {margin:0 auto; display:block; height:45px; text-align:right;}
.lc-nav .nav li {z-index:1; position:relative; display:inline-block; vertical-align:top;}
.lc-nav .nav li:nth-child(n+2) {margin-left:18px;}
.lc-nav .nav li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:-10px; top:calc(50% - 3px); width:4px; height:6px; background:var(--c-btn) no-repeat; background-position:0px 0px; opacity:0.3;}
.lc-nav .nav a {margin:-3px 0 0 0; z-index:1; position:relative; display:block;}
.lc-nav .nav a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:45px; font-size:11px; color:#999;}
.lc-nav .nav a:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:33px; width:0; height:0; border-bottom:1px solid var(--color2); opacity:0;}
.lc-nav .nav a:hover {color:var(--color2);}
.lc-nav .nav a:hover:after {width:100%; opacity:1;}

/* lc-header */

.lc-header {position:relative; margin:0 auto; padding-bottom:10px;}
.lc-header:before {display:block; content:''; position:absolute; left:0; bottom:1px; width:100%; height:0; border-bottom:1px solid #e0e0e0;}
.lc-header:after {display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:0; border-bottom:1px solid #f0f0f0;}

.lc-header .subject {position:relative; display:block; height:20px;}
.lc-header .subject .block {position:absolute; left:0; top:0;}
.lc-header .subject .block a {margin:-4px 0 -2px 0; display:inline-block; vertical-align:top;}
.lc-header .subject .block a {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:20px; color:#333;}
.lc-header .subject .block .btn {margin-left:10px; top:1px; z-index:1; position:relative; display:inline-block; vertical-align:top; width:19px; height:19px; cursor:pointer;}
.lc-header .subject .block .btn:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--c-btn) no-repeat; background-position:-300px 0px; opacity:0.3; cursor:pointer;}
.lc-header .subject .block .btn p {transition:opacity 0.2s; z-index:-1; display:block; white-space:nowrap; visibility:hidden; position:absolute; left:calc(50% - 75px); top:-29px; width:150px; text-align:center; opacity:0;}
.lc-header .subject .block .btn span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lc-header .subject .block .btn span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-header .subject .block .btn span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-header .subject .block .btn span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:0px -50px;}
.lc-header .subject .block .btn:hover {z-index:1000;}
.lc-header .subject .block .btn:hover:after {background-position-x:-350px; opacity:1;}
.lc-header .subject .block .btn:hover p {opacity:1; visibility:visible; animation:lc-header-btn-ani .2s linear;}
.lc-header.ty-options .subject .block .btn:after {background-position-y:-50px; opacity:0.8;}
.lc-header.ty-options .subject .block .btn:hover:after {background-position-x:-350px; opacity:1;}

@keyframes lc-header-btn-ani {
0% {top:-29px;}
25% {top:-39px;}
50% {top:-49px;}
75% {top:-39px;}
100% {top:-29px;}
}

.lc-header .subject .adm {position:absolute; right:0; top:-3px;}
.lc-header .subject .adm a {transition:all .3s ease; height:24px; padding:1px 10px 0 10px; display:inline-block; vertical-align:top; background-color:#a1b6cf; border-radius:3px;}
.lc-header .subject .adm a {font-family:'gulim'; line-height:24px; font-size:12px; color:#fff;}
.lc-header .subject .adm a:nth-child(n+2) {margin-left:4px;}
.lc-header .subject .adm a:hover {background-color:#143154;}

.lc-header .subject .side {position:absolute; right:0; top:1px;}
.lc-header .subject .side ul {display:inline-block; vertical-align:top;}
.lc-header .subject .side li {display:inline-block; vertical-align:top;}

/* options */

.lc-header .options {display:none; margin-top:30px;}
.lc-header.ty-options .options {display:block;}

/* categorys */

.lc-header .categorys {background-color:#fff;}
.lc-header .categorys ul {margin:1px -1px 0 1px;}
.lc-header .categorys li {z-index:1; position:relative; margin:-1px 0 0 -1px; display:inline-block; vertical-align:top; height:35px; border:1px solid #f0f0f0; background-color:#fff;}
.lc-header .categorys li a {padding:0 10px; height:35px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-header .categorys li a {font-family: var(--family-light);font-weight: var(--weight-light); line-height:35px; font-size:12px; color:#888;}
.lc-header .categorys li:hover {z-index:2; border-color:var(--color2);}
.lc-header .categorys li:hover a {color:var(--color2);}

.lc-header .options.ty-8 .categorys li {width:calc(12.5% - 1px);}
.lc-header .options.ty-7 .categorys li {width:calc(14.285% - 1px);}
.lc-header .options.ty-6 .categorys li {width:calc(16.666% - 1px);}
.lc-header .options.ty-5 .categorys li {width:calc(20% - 1px);}

/* filters */

.lc-header .filters {display:none; background-color:#fff;}
.lc-header .filters.active {display:block;}
.lc-header .filters .filter {display:block; padding:20px 0px 15px 15px;}
.lc-header .filters .filter:nth-child(n+2) {border-top:1px solid #f0f0f0;}
.lc-header .filters .filter:first-child {margin-top:50px; border-top:1px solid #656565;}
.lc-header .filters .filter:last-child {border-bottom:1px solid #f0f0f0;}

.lc-header .filters .title {position:relative; height:22px;}
.lc-header .filters .title p {margin:-3px 0 0 0;}
.lc-header .filters .title p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#333;}

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

.lc-header .filters .more {transition:all .3s ease; display:none; position:absolute; right:0px; top:5px; width:50px; height:19px; background-color:#ccc; text-align:center; border-radius:3px; cursor:pointer;}
.lc-header .filters .more {font-family: var(--family-light);font-weight: var(--weight-light); line-height:19px; font-size:12px; color:#fff;}
.lc-header .filters .more.active {display:block;}
.lc-header .filters .more:hover {background-color:var(--color2);}
.lc-header .filters .more.active:hover {background-color:#333;}

.lc-header .filters .checkboxs,
.lc-header .filters .radios {margin:0 50px -8px 0;}

.lc-header .filters .checkboxs li {display:inline-block; vertical-align:top;}
.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:30px;}
.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 20px; width:calc(100% - 20px); height:30px; 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;}
.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 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:29px; font-size:12px; color:#888;}
.lc-header .filters .checkboxs .checkbox 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 .checkboxs .checkbox 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 .checkboxs .checkbox label p span:nth-child(2) {margin-left:3px; white-space:nowrap; display:flex; align-items:flex-end; color:#ccc;}
.lc-header .filters .checkboxs .checkbox label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 8px); width:15px; height:15px; background:var(--c-btn) no-repeat; background-position:-150px 0px; opacity:1;}
.lc-header .filters .checkboxs .checkbox label.focus:before {background-position:-250px 0px; opacity:1;}
.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 li {display:inline-block; vertical-align:top;}
.lc-header .filters .radios li.ty-hidden {display:none;}
.lc-header .filters .radios .radio {margin-right:15px; position:relative; display:block; width:calc(100% - 15px); height:30px;}
.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 20px; width:calc(100% - 20px); height:30px; 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 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:29px; font-size:12px; color:#888;}
.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% - 8px); width:15px; height:15px; background:var(--c-btn) no-repeat; background-position:-150px -50px; opacity:1;}
.lc-header .filters .radios .radio label.focus:before {background-position:-250px -50px; opacity:1;}
.lc-header .filters .radios .radio label.focus p,
.lc-header .filters .radios .radio label:hover p {color:#333;}
.lc-header .filters .radios .radio label:hover p span:nth-child(1):before {width:100%; opacity:1;}

.lc-header .filters .colors li {display:inline-block; vertical-align:top;}
.lc-header .filters .colors li:nth-child(n+2) {margin-left:10px;}
.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:23px; height:23px; position:relative; display:block; border:1px solid #fff; cursor:pointer;}
.lc-header .filters .colors .checkbox label:before {z-index:1; display:block; content:''; position:absolute; left:calc(50% - 7px); top:calc(50% - 7px); width:15px; height:15px; background:var(--c-btn) no-repeat; background-position:-200px -100px; opacity:0;}
.lc-header .filters .colors .checkbox label.focus:before {opacity:1;}
.lc-header .filters .colors .checkbox label p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 75px); top:-29px; width:150px; text-align:center; opacity:0;}
.lc-header .filters .colors .checkbox label span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px; max-width:calc(100% - 14px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-header .filters .colors .checkbox label span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-header .filters .colors .checkbox label span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-header .filters .colors .checkbox label span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:0px -50px;}
.lc-header .filters .colors .checkbox label[data-color='ffffff'] {width:23px; height:23px; border-color:#f0f0f0;}
.lc-header .filters .colors .checkbox label[data-color='ffffff']:before {background-position-x:-150px;}
.lc-header .filters .colors .checkbox label:hover {border-color:#000; z-index:1000;}
.lc-header .filters .colors .checkbox label:hover p {opacity:1; visibility:visible; animation:lc-header-filters-colors-ani .2s linear;}

@keyframes lc-header-filters-colors-ani {
0% {top:-29px;}
25% {top:-39px;}
50% {top:-49px;}
75% {top:-39px;}
100% {top:-29px;}
}

.lc-header .filters .price {display:none; position:relative; margin-top:15px; padding:12px; height:29px; background-color:#f4f4f4;}
.lc-header .filters .price li {display:inline-block; vertical-align:top;}
.lc-header .filters .price .input {position:relative; display:block; border:1px solid #ccc; background-color:#fff; width:158px; border-radius:3px;}
.lc-header .filters .price .input input {transition:width .3s ease; z-index:1; position:relative; padding:0 10px; width:calc(100% - 20px); height:27px; border:0; background:transparent; white-space:nowrap; overflow:hidden;}
.lc-header .filters .price .input input {font-family: var(--family-light);font-weight: var(--weight-light); line-height:27px; font-size:12px; color:#999;}
.lc-header .filters .price .input .name {left:10px; top:0;}
.lc-header .filters .price .input .name {font-family: var(--family-light);font-weight: var(--weight-light); line-height:27px; 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 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:27px; font-size:12px; color:#666;}
.lc-header .filters .price .input.focus {border-color:var(--color2); background-color:#fff;}
.lc-header .filters .price .input.focus input {color:#000;}
.lc-header .filters .price .input.value {border-color:#666; background-color:#fff;}
.lc-header .filters .price .input.value input {color:#000;}
.lc-header .filters .price .swung {padding:1px 10px 0 10px;}
.lc-header .filters .price .swung {font-family: var(--family-light);font-weight: var(--weight-light); line-height:26px; font-size:12px; color:#888;}
.lc-header .filters .price .apply {transition:all .3s ease; margin-left:4px; display:block; padding:0 12px; height:27px; background-color:#333; border:1px solid #ccc; border-radius:3px; text-align:center; cursor:pointer;}
.lc-header .filters .price .apply {font-family: var(--family-light);font-weight: var(--weight-light); line-height:27px; font-size:12px; color:#fff;}
.lc-header .filters .price .apply:hover {background-color:var(--color2);}
.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%;}

/* choice */

.lc-header .choice {display:none; padding:16px 50px 15px 15px; background-color:#f4f4f4; border-bottom:1px solid #f0f0f0;}
.lc-header.ty-choice .choice {display:block;}
.lc-header .choice .header {position:relative; height:22px;}
.lc-header .choice .header span {display:inline-block; vertical-align:top;}
.lc-header .choice .header .tit {font-family: var(--family-light);font-weight: var(--weight-light); line-height:19px; font-size:12px; color:#333;}
.lc-header .choice .header .reset {transition:all .3s ease; margin-left:10px; height:19px; padding:0 8px; background-color:#ccc; border-radius:3px; cursor:pointer;}
.lc-header .choice .header .reset {font-family: var(--family-light);font-weight: var(--weight-light); line-height:19px; font-size:12px; color:#fff;}
.lc-header .choice .header .reset:hover {background-color:#f44336;}
.lc-header .choice .header .btn {z-index:1; display:block; position:absolute; right:-50px; top:-16px; width:50px; height:50px; cursor:pointer;}
.lc-header .choice .header .btn:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; background:var(--c-btn) no-repeat; background-position:-300px -250px; opacity:0.1;}
.lc-header .choice .header .btn:hover:before {background-position-x:-400px; opacity:1;}
.lc-header .choice .header .btn p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 70px); top:-18px; width:140px; text-align:center; opacity:0;}
.lc-header .choice .header .btn span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lc-header .choice .header .btn span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-header .choice .header .btn span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-header .choice .header .btn span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:0px -50px;}
.lc-header .choice .header .btn:hover {border-color:#000; z-index:1000;}
.lc-header .choice .header .btn:hover p {opacity:1; visibility:visible; animation:lc-header-choice-btn-ani .2s linear;}

@keyframes lc-header-choice-btn-ani {
0% {top:-18px;}
25% {top:-28px;}
50% {top:-38px;}
75% {top:-28px;}
100% {top:-18px;}
}

.lc-header .choice .list {margin-top:8px;}
.lc-header .choice .list ul {display:block; margin:-5px 0 0 -5px; text-align:left;}
.lc-header .choice .list li {z-index:1; margin:5px 0 0 5px; height:25px; position:relative; display:inline-block; border-radius:3px; cursor:pointer;}
.lc-header .choice .list li:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:var(--color2); border-radius:3px; opacity:1;}
.lc-header .choice .list li:after {z-index:-1; display:block; content:''; position:absolute; right:10px; top:calc(50% - 5px); width:9px; height:9px; background:var(--c-btn) no-repeat; background-position:-200px -150px;}
.lc-header .choice .list p {padding:0 24px 0 10px; position:relative; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-header .choice .list p {font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; 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%;}
.lc-header .choice .list li:hover:before {opacity:0.5;}

/* sorts */

.lc-header .sorts {margin-top:33px; position:relative; display:block; height:25px;}
.lc-header .sorts .total {font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; font-size:12px; color:#999;}
.lc-header .sorts .total span {font-family: var(--family-medium);font-weight: var(--weight-medium); color:#333;}
.lc-header .sorts .side {position:absolute; right:0; top:0;}
.lc-header .sorts .side ul {display:inline-block; vertical-align:top;}
.lc-header .sorts .side li {display:inline-block; vertical-align:top;}

.lc-header .sorts .order li {z-index:1; position:relative; padding:0 10px;}
.lc-header .sorts .order li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0; height:11px; border-left:1px solid #e0e0e0;}
.lc-header .sorts .order .radio {display:block; position:relative; width:auto; height:auto;}
.lc-header .sorts .order .radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}
.lc-header .sorts .order .radio label {transition:all .3s ease; overflow:visible; padding:0; width:auto; height:auto; position:relative; display:block; cursor:pointer;}
.lc-header .sorts .order .radio label:before {display:none;}
.lc-header .sorts .order .radio label p {z-index:1; position:relative;}
.lc-header .sorts .order .radio label p {transition:all .3s ease; font-family: var(--family-light);font-weight: var(--weight-light); line-height:25px; font-size:12px; color:#999;}
.lc-header .sorts .order .radio label p:after {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:0; height:0; border-bottom:1px solid var(--color2); opacity:0;}
.lc-header .sorts .order .radio label:hover p {color:var(--color2);}
.lc-header .sorts .order .radio label:hover p:after {width:100%; opacity:1;}
.lc-header .sorts .order .radio label.focus p {color:#555;}

/* side */

.lc-header .side .mode .radio {display:block; position:relative; width:25px; height:25px;}
.lc-header .side .mode .radio label {transition:all .3s ease; z-index:1; overflow:visible; padding:0; width:100%; height:100%; position:relative; display:block; cursor:pointer;}
.lc-header .side .mode .radio label:before {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--c-btn) no-repeat; background-position:-300px -400px; opacity:0.3;}
.lc-header .side .mode .radio label p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 50px); top:-26px; width:100px; text-align:center; opacity:0;}
.lc-header .side .mode .radio label span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lc-header .side .mode .radio label span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-header .side .mode .radio label span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-header .side .mode .radio label span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:0px -50px;}
.lc-header .side .mode .radio label.focus:before {opacity:0.8;}
.lc-header .side .mode .radio label:hover:before {background-position-x:-400px; opacity:1;}
.lc-header .side .mode .radio label:hover p {z-index:1000;}
.lc-header .side .mode .radio label:hover p:after {background-position-x:-350px; opacity:1;}
.lc-header .side .mode .radio label:hover p {opacity:1; visibility:visible; animation:lc-header-ani .2s linear;}
.lc-header .side .mode li:nth-child(1) .radio label:before {background-position-y:-100px;}
.lc-header .side .mode li:nth-child(2) .radio label:before {background-position-y:-150px;}

.lc-header .side .share div {transition:all .3s ease; z-index:1; overflow:visible; padding:0; width:25px; height:25px; position:relative; display:block; cursor:pointer;}
.lc-header .side .share div:before {z-index:-1; display:block; content:''; position:absolute; left:0; bottom:0; width:100%; height:100%; background:var(--c-btn) no-repeat; background-position:-300px -200px; opacity:0.3;}
.lc-header .side .share div p {transition:opacity 0.2s; z-index:-1; display:block; visibility:hidden; position:absolute; left:calc(50% - 50px); top:-26px; width:100px; text-align:center; opacity:0;}
.lc-header .side .share div span {z-index:1; position:relative; display:inline-block; padding:0 7px; height:22px;}
.lc-header .side .share div span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:22px; font-size:13px; color:#ffffff;}
.lc-header .side .share div span:before {z-index:-2; display:block; content:''; position:absolute; left:0; top:0; right:0; bottom:0; background-color:#666; border-radius:4px;}
.lc-header .side .share div span:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 4px); bottom:-4px; width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:0px -50px;}
.lc-header .side .share div:hover:before {background-position-x:-400px; opacity:1;}
.lc-header .side .share div:hover p {z-index:1000;}
.lc-header .side .share div:hover p:after {background-position-x:-350px; opacity:1;}
.lc-header .side .share div:hover p {opacity:1; visibility:visible; animation:lc-header-ani .2s linear;}

@keyframes lc-header-ani {
0% {top:-26px;}
25% {top:-36px;}
50% {top:-46px;}
75% {top:-36px;}
100% {top:-26px;}
}

/* lc-container */

.lc-container {margin:0 auto; padding-bottom:100px; min-height:300px;}

/* lc-load */

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

/* lc-skin0 */

.lc-skin0 .order-guide,
.lc-skin1 .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;
    font-family: var(--family-medium);font-weight: var(--weight-medium);
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    padding:0 5px;
}

.lc-skin0 .order-guide:before,
.lc-skin1 .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.ty-1 > ul {margin:0px 0 0 -20px;}
.lc-skin0.ty-1 .item {margin:20px 0 0 20px; width:calc(25% - 20px);}

.lc-skin0.ty-2 > ul {margin:0 0 0 -25px;}
.lc-skin0.ty-2 .item {margin:25px 0 0 25px; width:calc(25% - 25px);}

.lc-skin0.ty-3 > ul {margin:0 0 0 -25px;}
.lc-skin0.ty-3 .item {margin:25px 0 0 25px; width:calc(20% - 25px);}

.lc-skin0 .item .inner {position:relative;}
.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:-2px; top:-2px; width:40px; height:40px; pointer-events:none; text-align:center;}
.lc-skin0 .number {font-family: var(--family-bold);font-weight: var(--weight-bold); 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 .discount {transition:all 0.3s ease; margin-top:-20px; z-index:2; position:absolute; left:-2px; top:-2px; width:48px; height:48px; opacity:0; pointer-events:none;}

.lc-skin0 .discount {
    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;
    text-align:center;
}
.lc-skin0 .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333;}
.lc-skin0 .discount: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 .discount div {text-align:center;}
.lc-skin0 .discount .tx1 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.2; font-size:11px; color:#fff;}
.lc-skin0 .discount .tx2 span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 .discount .tx2 span:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:1.2; font-size:18px; color:#fff;}
.lc-skin0 .discount .tx2 span:nth-child(2) {margin:1px 0 0 2px;}
.lc-skin0 .discount .tx2 span:nth-child(2) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.2; font-size:11px; color:#fff;}

.lc-skin0 .icon {transition:all 0.3s ease; z-index:2; display:block; position:absolute; right:0; top:0; width:65px; height:65px; opacity:0;}

.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; border:0; max-width:100%; max-height:100%; 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 .btns {z-index:20; display:block; position:absolute; left:2px; bottom:2px;}
.lc-skin0 .btns li {z-index:1; position:relative; display:inline-block; vertical-align:top; width:24px; height:24px; cursor:pointer; opacity:0;}
.lc-skin0 .btns li:before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.1;}
.lc-skin0 .btns li:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--c-btn) no-repeat; background-position-x:-200px;}
.lc-skin0 .btns li:nth-child(n+2) {margin-left:2px;}
.lc-skin0 .btns li:nth-child(1) {transition:all .2s ease;}
.lc-skin0 .btns li:nth-child(2) {transition:all .4s ease;}
.lc-skin0 .btns li:nth-child(3) {transition:all .6s ease;}
.lc-skin0 .btns li:nth-child(4) {transition:all .8s ease;}
.lc-skin0 .btns li:hover:before {background-color:#333; opacity:1;}
.lc-skin0 .btns .btn-preview:after {background-position-y:-250px;}
.lc-skin0 .btns .btn-cart:after {background-position-y:-300px;}
.lc-skin0 .btns .btn-wishlist:after {background-position-y:-350px;}
.lc-skin0 .btns .btn-order:after {background-position-y:-400px;}

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

.lc-skin0 .brand {display:block; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ecebed;}
.lc-skin0 .brand p {display:block; margin:-3px 0 -3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin0 .brand p {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:13px; color:#000;}

.lc-skin0 .title {margin:-4px 0 12px 0; max-height:40px; 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 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:20px; font-size:13px; color:#666;}

.lc-skin0 .openprice {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:var(--color2);}

.lc-skin0 .price span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 .price p {margin:-5px 0 -1px 0; display:inline-block; vertical-align:top;}
.lc-skin0 .price p:nth-child(1) {margin-bottom:-4px;}
.lc-skin0 .price p:nth-child(1) .swung {top:1px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lc-skin0 .price.ty-KRW p:nth-child(1) .currency-price {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:15px; color:#333;}
.lc-skin0 .price.ty-KRW p:nth-child(1) .currency-text {margin-left:3px; top:1px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.--font-family-2 .lc-skin0 .price.ty-KRW p:nth-child(1) .currency-text {top:3px;}
.lc-skin0 .price:not(.ty-KRW) p:nth-child(1) .currency-price {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:15px; color:#333;}
.lc-skin0 .price:not(.ty-KRW) p:nth-child(1) .currency-decimal {margin-left:3px; top:3px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:9px; color:#333;}
.lc-skin0 .price p:nth-child(2) {top:2px; z-index:1; position:relative; margin-left:15px;}
.lc-skin0 .price p:nth-child(2) {position:relative; display:inline-block; vertical-align:top;}
.lc-skin0 .price p:nth-child(2) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#999;}
.lc-skin0 .price p:nth-child(2) span:nth-child(1) {margin-right:3px;}
.lc-skin0 .price p:nth-child(2).ty-0:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #999;}
.lc-skin0 .price p:nth-child(2).ty-1 {color:#2e3192;}

.lc-skin0 .delivery {margin:-2px 0 -2px 0; padding-top:8px;}
.lc-skin0 .delivery span {display:inline-block; vertical-align:top;}
.lc-skin0 .delivery span {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#333;}
.lc-skin0 .delivery span:nth-child(2) {margin-left:3px;}

.lc-skin0 .counts {position:relative; padding-top:30px;}
.lc-skin0 .counts li {z-index:1; position:relative; margin-top:-3px; margin-bottom:-2px; display:inline-block; vertical-align:top;}
.lc-skin0 .counts li {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666;}
.lc-skin0 .counts li:nth-child(n+2) {margin-left:17px;}
.lc-skin0 .counts li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:-10px; top:calc(50% - 1px); width:3px; height:3px; background-color:#ccc;}
.lc-skin0 .counts .sale {margin:-3px 0 -2px 0; display:block; position:absolute; right:0; top:30px;}
.lc-skin0 .counts .sale {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666;}

.lc-skin0 .supplier {margin:-3px 0 -3px 0; padding-top:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin0 .supplier {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#999;}

.lc-skin0 .inner:hover .number:before {background-color:var(--color2);}
.lc-skin0 .inner:hover .discount {margin-top:0; z-index:2; opacity:1;}
.lc-skin0 .inner:hover .icon {opacity:1;}
.lc-skin0 .inner:hover .thumb.ty-1 .thumb__img {-webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.lc-skin0 .inner:hover .thumb.ty-2 div img:nth-child(1) {opacity:0;}
.lc-skin0 .inner:hover .thumb.ty-2 div img:nth-child(2) {opacity:1;}
.lc-skin0 .inner:hover .btns li {opacity:1;}

/* lc-skin1 */

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

.lc-skin1 .item .inner {display:flex;position:relative; padding:30px 0 30px 20px;}
.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:160px;}

.lc-skin1 .number {z-index:5; position:absolute; left:-2px; top:-2px; width:40px; height:40px; pointer-events:none; text-align:center;}
.lc-skin1 .number {font-family: var(--family-bold);font-weight: var(--weight-bold); 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 .discount {transition:all 0.3s ease; margin-top:-20px; z-index:2; position:absolute; left:-2px; top:-2px; width:48px; height:48px; opacity:0; pointer-events:none;}
.lc-skin1 .discount {
    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;
    text-align:center;
}
.lc-skin1 .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#333;}
.lc-skin1 .discount: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 .discount div {text-align:center;}
.lc-skin1 .discount .tx1 {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.2; font-size:11px; color:#fff;}
.lc-skin1 .discount .tx2 span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin1 .discount .tx2 span:nth-child(1) {font-family: var(--family-bold);font-weight: var(--weight-bold); line-height:1.2; font-size:18px; color:#fff;}
.lc-skin1 .discount .tx2 span:nth-child(2) {margin:1px 0 0 2px;}
.lc-skin1 .discount .tx2 span:nth-child(2) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.2; font-size:11px; color:#fff;}

.lc-skin1 .icon {transition:all 0.3s ease; z-index:2; display:block; position:absolute; right:0; top:0; width:39px; height:39px; opacity:0;}

.lc-skin1 .img {position:relative; overflow:hidden;}
.lc-skin1 .img > img { position:absolute; left:0; top:0; z-index:1;  border:0;}

.lc-skin1 .thumb {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.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;  height:100%;}
.lc-skin1 .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;}
.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 .btns {z-index:20; display:block; position:absolute; left:182px; bottom:30px;}
.lc-skin1 .btns li {margin-bottom:2px; z-index:1; position:relative; display:block; width:24px; height:24px; cursor:pointer; opacity:0;}
.lc-skin1 .btns li:before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.1;}
.lc-skin1 .btns li:after {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--c-btn) no-repeat; background-position-x:-200px;}
.lc-skin1 .btns li:last-child {margin-bottom:0;}
.lc-skin1 .btns li:nth-child(1) {transition:all .2s ease;}
.lc-skin1 .btns li:nth-child(2) {transition:all .4s ease;}
.lc-skin1 .btns li:nth-child(3) {transition:all .6s ease;}
.lc-skin1 .btns li:nth-child(4) {transition:all .8s ease;}
.lc-skin1 .btns li:hover:before {background-color:#333; opacity:1;}
.lc-skin1 .btns .btn-preview:after {background-position-y:-250px;}
.lc-skin1 .btns .btn-cart:after {background-position-y:-300px;}
.lc-skin1 .btns .btn-wishlist:after {background-position-y:-350px;}
.lc-skin1 .btns .btn-order:after {background-position-y:-400px;}

.lc-skin1 .block {flex:1 1 auto; position:relative; margin:0 180px 0 40px; padding-top:15px; min-height:145px;}

.lc-skin1 .brand {display:block; margin-bottom:12px; padding-bottom:12px; border-bottom:1px solid #ecebed;}
.lc-skin1 .brand p {display:block; margin:-3px 0 -3px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin1 .brand p {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:13px; color:#000;}

.lc-skin1 .title {margin:-3px 0 12px 0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin1 .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#666;}

.lc-skin1 .openprice {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:var(--color2);}

.lc-skin1 .price span {position:relative; display:inline-block; vertical-align:top;}
.lc-skin1 .price p {margin:-5px 0 -1px 0; display:inline-block; vertical-align:top;}
.lc-skin1 .price p:nth-child(1) {margin-bottom:-4px;}
.lc-skin1 .price p:nth-child(1) .swung {top:1px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.lc-skin1 .price.ty-KRW p:nth-child(1) .currency-price {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:15px; color:#333;}
.lc-skin1 .price.ty-KRW p:nth-child(1) .currency-text {margin-left:3px; top:1px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:13px; color:#333;}
.--font-family-2 .lc-skin1 .price.ty-KRW p:nth-child(1) .currency-text {top:3px;}
.lc-skin1 .price:not(.ty-KRW) p:nth-child(1) .currency-price {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:1.4; font-size:15px; color:#333;}
.lc-skin1 .price:not(.ty-KRW) p:nth-child(1) .currency-decimal {margin-left:3px; top:3px; font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:9px; color:#333;}
.lc-skin1 .price p:nth-child(2) {top:2px; z-index:1; position:relative; margin-left:20px;}
.lc-skin1 .price p:nth-child(2) {position:relative; display:inline-block; vertical-align:top;}
.lc-skin1 .price p:nth-child(2) {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#999;}
.lc-skin1 .price p:nth-child(2) span:nth-child(1) {margin-right:3px;}
.lc-skin1 .price p:nth-child(2).ty-0:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:50%; width:100%; height:0; border-top:1px solid #999;}
.lc-skin1 .price p:nth-child(2).ty-1 {margin-left:15px; color:#2e3192;}

.lc-skin1 .delivery {margin:-2px 0 -2px 0; padding-top:8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.lc-skin1 .delivery {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#333;}

.lc-skin1 .counts {position:relative; position:absolute; left:0; right:0; bottom:8px; width:100%; min-height:12px;}
.lc-skin1 .counts li {z-index:1; position:relative; margin-top:-3px; margin-bottom:-2px; display:inline-block; vertical-align:top;}
.lc-skin1 .counts li {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666;}
.lc-skin1 .counts li:nth-child(n+2) {margin-left:17px;}
.lc-skin1 .counts li:nth-child(n+2):before {z-index:-1; display:block; content:''; position:absolute; left:-10px; top:calc(50% - 1px); width:3px; height:3px; background-color:#ccc;}
.lc-skin1 .counts .supplier {margin:-3px 0 -2px 0; display:block; position:absolute; right:0; top:0;}
.lc-skin1 .counts .supplier {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:12px; color:#666;}

.lc-skin1 .side {z-index:30; display:block; position:absolute; right:0; top:0; width:140px; height:100%;}
.lc-skin1 .side {
    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;
    text-align:center;
}
.lc-skin1 .side li {transition:all .3s ease; width:140px; height:32px; display:block; text-align:center; cursor:pointer;}
.lc-skin1 .side li:nth-child(n+2) {margin-top:4px;}
.lc-skin1 .side li:nth-child(1) {border:1px solid #333; background-color:#333;}
.lc-skin1 .side li:nth-child(1) {font-family: var(--family-medium);font-weight: var(--weight-medium); line-height:32px; font-size:13px; color:#fff;}
.lc-skin1 .side li:nth-child(1):hover {border-color:#000; background-color:#000;}
.lc-skin1 .side li:nth-child(2) {border:1px solid #e0e0e0; background-color:#fff;}
.lc-skin1 .side li:nth-child(2) {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:32px; font-size:13px; color:#666;}
.lc-skin1 .side li:nth-child(2):hover {border-color:#666; color:#333;}

.lc-skin1 .inner:hover .number:before {background-color:var(--color2);}
.lc-skin1 .inner:hover .discount {margin-top:0; z-index:2; opacity:1;}
.lc-skin1 .inner:hover .icon {opacity:1;}
.lc-skin1 .inner:hover .thumb.ty-1 .thumb__img {-webkit-transform:scale(1.3); -ms-transform:scale(1.3);}
.lc-skin1 .inner:hover .thumb.ty-2 div img:nth-child(1) {opacity:0;}
.lc-skin1 .inner:hover .thumb.ty-2 div img:nth-child(2) {opacity:1;}
.lc-skin1 .inner:hover .btns li {opacity:1;}

/* paging */

.lc-paging {position:relative; display:none; width:100%;}
.lc-paging.active {display:block;}

/* paging-number */

.lc-paging .paging-number {margin-top:50px; height:40px;}
.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 li:nth-child(n+2) {margin-left:2px;}
.lc-paging .paging-number .paging-btn {transition:all .3s ease; z-index:1; position:relative; width:40px; height:40px; cursor:pointer;}
.lc-paging .paging-number .paging-btn {font-family: var(--family-light);font-weight: var(--weight-light); line-height:40px; font-size:11px; color:#666666;}
.lc-paging .paging-number .paging-btn:before {transition:all .3s ease; z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 15px); width:calc(100% - 2px); height:28px; background-color:#f4f4f4; border:1px solid #f4f4f4;}
.lc-paging .paging-number .paging-btn.ty-on {color:#fff;}
.lc-paging .paging-number .paging-btn.ty-on:before {background-color:#999;}
.lc-paging .paging-number .paging-btn:hover {color:#000;}
.lc-paging .paging-number .paging-btn:hover:before {background-color:#fff; border-color:#000;}
.lc-paging .paging-number .paging-icon {transition:opacity .3s ease; width:40px; height:40px; background:var(--c-btn) no-repeat; background-position-x:0px; opacity:0.3;}
.lc-paging .paging-number .paging-icon:hover {opacity:1;}
.lc-paging .paging-number .paging-icon.ty-off {opacity:0;}
.lc-paging .paging-number .paging-icon.ty-on {cursor:pointer; opacity:0.2;}
.lc-paging .paging-number .paging-icon.ty-on:hover {opacity:1}
.lc-paging .paging-number .paging-icon.ty-prev-0 {background-position-y:-500px;}
.lc-paging .paging-number .paging-icon.ty-prev-1 {background-position-y:-550px;}
.lc-paging .paging-number .paging-icon.ty-next-1 {background-position-y:-600px;}
.lc-paging .paging-number .paging-icon.ty-next-0 {background-position-y:-650px;}

/* paging-load */

.lc-paging .paging-load {transition:all .3s ease; margin:50px auto 0 auto; z-index:1; position:relative; width:480px; height:40px; background-color:#f4f4f4; 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) {padding-left:21px;}
.lc-paging .paging-load li:nth-child(1):before {display:block; content:''; position:absolute; left:0; top:calc(50% - 2px); width:7px; height:4px; background:var(--c-btn) no-repeat; background-position:-550px -200px;}
.lc-paging .paging-load li:nth-child(1) span {transition:all .3s ease; font-family: var(--family-light);font-weight: var(--weight-light); line-height:40px; font-size:13px; color:#666;}
.lc-paging .paging-load li:nth-child(2) {margin-left:10px;}
.lc-paging .paging-load li:nth-child(2) span {transition:all .3s ease; font-family: var(--family-light);font-weight: var(--weight-light); line-height:40px; font-size:11px; color:#666;}
.lc-paging .paging-load li:nth-child(2) span:nth-child(2) {margin:0 4px;}
.lc-paging .paging-load:hover {background-color:var(--color2);}
.lc-paging .paging-load:hover li:nth-child(1):before {background-position-x:-600px;}
.lc-paging .paging-load:hover li:nth-child(1) span,
.lc-paging .paging-load:hover li:nth-child(2) span {color:#fff;}

/* lc-not */

.lc-not {display:none;}
.lc-not.active {display:block; padding-bottom:20px;}
.lc-not .block {padding-top:100px; text-align:center;}
.lc-not .img {max-width:400px; max-height:180px;}
.lc-not .logo {display:inline-block; width:100px; height:100px; background:var(--c-btn) no-repeat; background-position:-450px 0px; opacity:0.5;}
.lc-not .logo.ty-2 {background-position-y:-150px;}
.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 {font-family: var(--family-regular);font-weight: var(--weight-regular); 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; font-family: var(--family-medium);font-weight: var(--weight-medium); 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 .subject .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;}

/* event */
.l-category.ty-event .lc-header {padding-bottom:20px;}
.l-category.ty-event .lc-header:before,
.l-category.ty-event .lc-header:after,
.l-category.ty-event .lc-header .subject .block .btn,
.l-category.ty-event .lc-header .options,
.l-category.ty-event .lc-paging {display:none !important;}
.lc-event-description.pd-40 {padding-bottom: 40px;}
.lc-event-description .image {text-align: center;}
.lc-event-description .content {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.625; font-size:17px; color:#000;}
.lc-event-description .content {margin:0 auto; vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}

/* category-list */
.lc-category-description.pd-40 {padding-bottom: 40px;}
.lc-category-description .image {text-align: center;}
.lc-category-description .content {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.625; font-size:17px; color:#000;}
.lc-category-description .content {margin:0 auto; vertical-align:top; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}

/* lc-category-share */

.lc-category-share {transition:opacity .3s ease; opacity:0 !important; margin-top:8px;}
.lc-category-share.active {opacity:1 !important;}
.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;}
.lc-category-share .body {padding:25px; position:relative; background-color:#ffffff; border:1px solid #e0e0e0; border-radius:10px;}
.lc-category-share .btn-close {z-index:1; display:block; position:absolute; right:16px; top:16px; width:30px; height:30px; cursor:pointer;}
.lc-category-share .btn-close:after {display:block; z-index:-1; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); width:12px; height:12px; background:var(--c-btn) no-repeat; background-position:-150px -200px; opacity:0.8;}
.lc-category-share .btn-close:hover:after {opacity:1;}
.lc-category-share .title {margin:-4px 0 -4px 0;}
.lc-category-share .title {font-family: var(--family-light);font-weight: var(--weight-light); line-height:1.4; font-size:14px; color:#333;}
.lc-category-share ul {margin:0px 0 0 0;}
.lc-category-share li {margin:20px 0 0 0; position:relative; display:inline-block; vertical-align:middle; width:80px; height:72px;}
.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:50px; height:50px; background:var(--c-btn) no-repeat; background-position-y:0px;}
.lc-category-share li p {margin:8px 0 -2px 0; text-align:center;}
.lc-category-share li p {font-family: var(--family-regular);font-weight: var(--weight-regular); line-height:1.4; font-size:12px; color:#555;}
.lc-category-share .ty-kakaotalk div {background-position-x:-750px;}
.lc-category-share .ty-line div {background-position-x:-800px;}
.lc-category-share .ty-facebook div {background-position-x:-850px;}
.lc-category-share .ty-twitter div {background-position-x:-900px;}
.lc-category-share .ty-kakaostory div {background-position-x:-950px;}
.lc-category-share .ty-copy div {background-position-x:-1000px;}

/* image resize */

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

.lc-skin0 .thumb__overlay--black,
.lc-skin1 .thumb__overlay--white {}

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

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