<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

.l-banner-29000 {margin-bottom:20px; position:relative; display:block;}
.l-banner-29000 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-29000 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-29000 a {margin:0 auto; display:block;}
.l-banner-29000 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-29000 img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-29000 video,
.l-banner-29000 iframe {max-width:720px;}

.l-banner-29001 {padding-top:50px; position:relative; display:block;}
.l-banner-29001 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-29001 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-29001 a {margin:0 auto; display:block;}
.l-banner-29001 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-29001 img {width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; border:0;}
.l-banner-29001 video,
.l-banner-29001 iframe {max-width:720px;}

/* searchfilter-price */

.layout-create.lc-searchfilter-price {position:fixed; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-searchfilter-price .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-searchfilter-price .header .side .btn {margin-right:0px;}
.layout-create.lc-searchfilter-price .body {padding:20px; background-color:#fcfcfc;}
.layout-create.lc-searchfilter-price .list ul:nth-child(2) {margin-top:15px;}
.layout-create.lc-searchfilter-price .list li:nth-child(1) {}
.layout-create.lc-searchfilter-price .list li:nth-child(1) {line-height:14px; font-size:12px; color:#333333;}
.layout-create.lc-searchfilter-price .list li:nth-child(2) {margin-top:8px;}
.layout-create.lc-searchfilter-price .list .input {position:relative; padding:0 28px 0 10px; display:block; border:1px solid #cacaca; background-color:#efefef;}
.layout-create.lc-searchfilter-price .list .input input {z-index:1; position:relative; width:calc(100% - 35px); height:40px; border:0; background:transparent;}
.layout-create.lc-searchfilter-price .list .input input {line-height:40px; font-size:18px;}
.layout-create.lc-searchfilter-price .list .input span {z-index:2; display:block; content:''; position:absolute; right:10px; top:0;}
.layout-create.lc-searchfilter-price .list .input span {line-height:40px; font-size:18px; color:#333333;}
.layout-create.lc-searchfilter-price .list .input.focus {border:1px solid #333333; background-color:#fff25e;}
.layout-create.lc-searchfilter-price .list .input.focus span {opacity:1;}
.layout-create.lc-searchfilter-price .apply {margin-top:20px; display:block; text-align:center; cursor:pointer;}
.layout-create.lc-searchfilter-price .apply {text-decoration:none; line-height:45px; font-size:18px; color:#ffffff;}

/* searchfilter-q */

.layout-create.lc-searchfilter-q {position:fixed; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-searchfilter-q .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-searchfilter-q .header .side .btn {margin-right:0px;}
.layout-create.lc-searchfilter-q .body {padding:20px; background-color:#fcfcfc;}
.layout-create.lc-searchfilter-q .list ul:nth-child(2) {margin-top:15px;}
.layout-create.lc-searchfilter-q .list li:nth-child(1) {}
.layout-create.lc-searchfilter-q .list li:nth-child(1) {line-height:14px; font-size:12px; color:#333333;}
.layout-create.lc-searchfilter-q .list li:nth-child(2) {margin-top:8px;}
.layout-create.lc-searchfilter-q .list .input {position:relative; padding:0 10px 0 10px; display:block; border:1px solid #cacaca; background-color:#efefef;}
.layout-create.lc-searchfilter-q .list .input input {z-index:1; position:relative; width:100%; height:40px; border:0; background:transparent;}
.layout-create.lc-searchfilter-q .list .input input {line-height:40px; font-size:18px;}
.layout-create.lc-searchfilter-q .list .input span {z-index:2; display:block; content:''; position:absolute; right:10px; top:0;}
.layout-create.lc-searchfilter-q .list .input span {line-height:40px; font-size:18px; color:#333333;}
.layout-create.lc-searchfilter-q .list .input.focus {border:1px solid #333333; background-color:#fff25e;}
.layout-create.lc-searchfilter-q .list .input.focus span {opacity:1;}
.layout-create.lc-searchfilter-q .apply {margin-top:20px; display:block; text-align:center; cursor:pointer;}
.layout-create.lc-searchfilter-q .apply {text-decoration:none; line-height:45px; font-size:18px; color:#ffffff;}

/* adult */

.layout-create.lc-adult {position:absolute; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-adult .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-adult .header .side .btn {margin-right:0px;}
.layout-create.lc-adult .body {padding:30px 15px; background-color:#fcfcfc;}
.layout-create.lc-adult .body .icon-adult {position:relative; width:160px; height:160px; margin:0 auto; background-position:-175px -100px; opacity:1;}
.layout-create.lc-adult .body .block {margin-top:30px;}
.layout-create.lc-adult .body .block p {text-align:center;}
.layout-create.lc-adult .body .block p {line-height:22px; font-size:13px;}
.layout-create.lc-adult .body .btn {padding:20px 60px 0 60px;}
.layout-create.lc-adult .body .btn p {z-index:1; margin-top:10px; display:block; position:relative; text-align:center; cursor:pointer;}
.layout-create.lc-adult .body .btn p,
.layout-create.lc-adult .body .btn p a {line-height:42px; font-size:16px; color:#ffffff;}
.layout-create.lc-adult .body .btn p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:1; border-radius:42px;}
.layout-create.lc-adult .body .btn p:first-child {margin-top:0;}
.layout-create.lc-adult .body .btn a {display:block; height:42px;}

/* level */

.layout-create.lc-level {position:absolute; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-level .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-level .header .side .btn {margin-right:0px;}
.layout-create.lc-level .body {padding:30px 15px; background-color:#fcfcfc;}
.layout-create.lc-level .body .icon-secret {position:relative; width:160px; height:160px; margin:0 auto; background-position:-350px -100px; opacity:1;}
.layout-create.lc-level .body .block {margin-top:30px;}
.layout-create.lc-level .body .block p {text-align:center;}
.layout-create.lc-level .body .block p {line-height:22px; font-size:13px;}
.layout-create.lc-level .body .btn {padding:20px 60px 0 60px;}
.layout-create.lc-level .body .btn p {z-index:1; margin-top:10px; display:block; position:relative; text-align:center; cursor:pointer;}
.layout-create.lc-level .body .btn p,
.layout-create.lc-level .body .btn p a {line-height:42px; font-size:16px; color:#ffffff;}
.layout-create.lc-level .body .btn p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:1; border-radius:42px;}
.layout-create.lc-level .body .btn p:first-child {margin-top:0;}
.layout-create.lc-level .body .btn a {display:block; height:42px;}

#btn-searchfilter {padding:10px; display:block; z-index:100; position:fixed; left:0px; bottom:53px; width:44px; cursor:pointer;}
#btn-searchfilter &gt; span {display:block; width:44px; height:44px;}

/* searchfilter */

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

.searchfilter {z-index:1000; display:block; position:fixed; right:0px; top:0; bottom:0; width:0; height:100%;}
.searchfilter .wrap {transition:left 0.3s; transition-timing-function:ease; font-size:0; line-height:0; z-index:1; display:block; position:absolute; left:0px; top:0; bottom:0; right:0; width:280px; background-color:#ffffff;}
.searchfilter.on .wrap:before {z-index:10; display:block; content:''; position:absolute; left:-10px; top:0; width:10px; min-height:100%; background:url('../img/shadow_h10.png') repeat-y; background-size:10px 10px; opacity:0.25;}
.searchfilter.on .wrap {left:-280px;}
.searchfilter.off .wrap {transition:left 0.2s; transition-timing-function:linear;}

.searchfilter .header {z-index:1; position:absolute; left:0px; top:0; width:100%; height:52px; background-color:#ffffff; border-bottom:1px solid #cacaca;}
.searchfilter .header .title {margin-left:15px;}
.searchfilter .header .title {font-weight:bold; line-height:52px; font-size:18px; color:#000000;}
.searchfilter .header .btn-close {position:absolute; right:0px; top:0; width:52px; height:52px; cursor:pointer;}
.searchfilter .header .btn-close:before {display:block; content:''; position:absolute; left:calc(50% - 12px); top:calc(50% - 12px); opacity:0.2;}

.searchfilter .body {top:53px; overflow:hidden; position:relative; max-height:100%; height:calc(100% - 53px); overflow-y:auto;}

.searchfilter .choice-list {display:none; position:relative; background-color:#464646;}
.searchfilter .choice-list.on {display:block;}
.searchfilter .choice-list ul {margin:-10px 0 0 -10px; position:relative; padding:15px;}
.searchfilter .choice-list li {max-width:calc(100% - 10px); padding:0 0 1px 0; margin:10px 0 0 10px; position:relative; display:inline-block; vertical-align:top; background-color:#6b6b6b; border-radius:35px; cursor:pointer;}
.searchfilter .choice-list li {font-weight:bold; line-height:34px; font-size:14px; color:#ffffff;}
.searchfilter .choice-list li:before {display:block; content:''; position:absolute; right:15px; top:calc(50% - 7px); width:13px; height:13px; opacity:0.5;}
.searchfilter .choice-list li p {margin:0 33px 0 15px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.searchfilter .choice-list .btn {z-index:1; position:relative; display:block; text-align:center; cursor:pointer;}
.searchfilter .choice-list .btn {line-height:42px; font-size:13px; color:#c2c2c2;}
.searchfilter .choice-list .btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px dotted #ffffff; opacity:0.1;}

.searchfilter .items {padding-bottom:200px;}
.searchfilter .item {z-index:1; padding-top:1px; display:none; position:relative;}
.searchfilter .item:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px solid #eff0f0;}
.searchfilter .item:last-child:after { display:block; content:''; position:absolute; left:0; bottom:0px; width:100%; height:0; border-bottom:1px solid #eff0f0;}

.searchfilter .item .arrow {display:block; position:absolute; right:15px; top:24px; width:11px; height:6px;}
.searchfilter .item .arrow:before {display:block; content:''; position:absolute; right:0; top:0; width:100%; height:100%; opacity:0.2;}
.searchfilter .item .title {position:relative; padding:0 30px 0 15px; display:block; cursor:pointer;}
.searchfilter .item .title span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.searchfilter .item .title span {line-height:55px; font-size:16px; color:#000000;}

.searchfilter .item .list {display:none; background-color:#fafafa;}
.searchfilter .item li {z-index:1; position:relative; display:block;}
.searchfilter .item li:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px dotted #e0e0e0;}
.searchfilter .item li.first:before {border-top:1px solid #e0e0e0;}
.searchfilter .item li.hidden {display:none}
.searchfilter .item li p {padding:0 25px 0 30px; display:block;}
.searchfilter .item li p span {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.searchfilter .item li p span {line-height:48px; font-size:15px; color:#000000;}

.searchfilter .item .checkbox {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.searchfilter .item .checkbox label {width:100%; height:100%;}
.searchfilter .item .checkbox label:before {z-index:-1; left:15px; top:15px; width:20px; height:20px;}

.searchfilter .item .radio {display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.searchfilter .item .radio label {width:100%; height:100%;}
.searchfilter .item .radio label:before {z-index:-1; left:15px; top:15px; width:20px; height:20px;}

.searchfilter .item .block {padding:17px 0 13px 0; position:relative; display:block; max-width:100%; min-height:19px;}
.searchfilter .item .block &gt; label {margin-top:-2px; margin-left:45px; display:inline-block; word-break:break-all;}
.searchfilter .item .block &gt; label {line-height:19px; font-size:15px; color:#333333;}
.searchfilter .item .count {margin-left:5px;}
.searchfilter .item .count {line-height:19px; font-size:13px; color:#999999;}

.searchfilter .item.on {display:block;}
.searchfilter .item.view .arrow:before {opacity:1;}
.searchfilter .item.view .list {display:block;}

.searchfilter .item .btn {z-index:1; position:relative; display:none; padding:10px; cursor:pointer;}
.searchfilter .item .btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px dotted #e0e0e0;}
.searchfilter .item .btn p {border:1px solid #e4e5e5; text-align:center;}
.searchfilter .item .btn p {line-height:41px; font-size:14px; color:#999999;}
.searchfilter .item .btn.on {display:block;}

.searchfilter .color-list ul {position:relative; border-top:1px solid #e0e0e0; padding:15px;}
.searchfilter .color-list ul:before {border-top:1px solid #e0e0e0;}
.searchfilter .color-list li {display:inline-block; vertical-align:top; width:50px; height:50px;}
.searchfilter .color-list li:before {display:none;}
.searchfilter .color-list .checkbox {display:block; position:absolute; left:0; top:0;}
.searchfilter .color-list .checkbox label {z-index:1; padding:5px; width:40px; height:40px;}
.searchfilter .color-list .checkbox label:before {display:none;}
.searchfilter .color-list .checkbox label.focus:before {display:block; z-index:-1; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px;}
.searchfilter .color-list .checkbox span {position:relative; z-index:-2; display:inline-block; vertical-align:top; width:40px; height:40px; border-radius:3px;}
.searchfilter .color-list .color-ffffff .checkbox span {border:1px solid #d9d9d9;}

/* not */

.l-products-load .not {padding:70px 10px 100px 10px;}
.l-products-load .not .block .icon-logo {text-align: center;}
.l-products-load .not .block .icon-logo img {max-width: 100%; max-height: 100%; border:0;}
.l-products-load .not .block .icon-not {position:relative; width:160px; height:160px; margin:0 auto; background-position:0 -100px; opacity:0.5;}
.l-products-load .not .block p {text-align:center;}
.l-products-load .not .block .text {margin-top:30px; text-align:center;}
.l-products-load .not .block .text {line-height:20px; font-size:15px; color:#000000;}
.l-products-load .not .block .text2 {margin-top:3px;}
.l-products-load .not .block .text2 {line-height:18px; font-size:13px; color:#999999;}
.l-products-load .not .btn {padding:28px 60px 0 60px;}
.l-products-load .not .btn p {z-index:1; margin-top:10px; display:block; position:relative; text-align:center; cursor:pointer;}
.l-products-load .not .btn p,
.l-products-load .not .btn p a {line-height:42px; font-size:16px; color:#ffffff;}
.l-products-load .not .btn p:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.2; border-radius:42px;}
.l-products-load .not .btn p:first-child {margin-top:0;}
.l-products-load .not .btn a {display:block; height:42px;}

/* header */

.l-category-header {}
.l-category-header .header {z-index:1; padding-bottom:2px; position:relative; height:42px; background-color:#ffffff;}
.l-category-header .header:before {z-index:-1; display:block; content:''; position:absolute; left:0px; bottom:1px; width:100%; height:0; border-bottom:1px solid #cacaca;}
.l-category-header .header:after {z-index:-1; display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:1px solid #eff0f0;}
.l-category-header .header .btn-back {z-index:2; display:block; position:absolute; left:0; top:0; width:38px; height:42px; cursor:pointer;}
.l-category-header .header .btn-back:before {display:block; content:''; position:absolute; left:10px; top:calc(50% - 9px); opacity:0.5;}
.l-category-header .header .btn-option {z-index:2; display:block; position:absolute; right:0; top:0; width:38px; height:42px; cursor:pointer;}
.l-category-header .header .btn-option:before {display:block; content:''; position:absolute; left:10px; top:calc(50% - 9px); opacity:0.5;}
.l-category-header .header .title {}
.l-category-header .header .title p {z-index:1; position:relative; display:block; text-align:center;}
.l-category-header .header .title p {line-height:42px; font-size:15px;}

.l-category-header .result {background-color:#ffffff;}
.l-category-header .result .block {padding:50px 15px 50px 15px;}
.l-category-header .result .q {display:block; word-break:break-all; text-align:center;}
.l-category-header .result .q {font-weight:bold; line-height:22px; font-size:18px; color:#ffffff;}
.l-category-header .result .text {margin-top:5px; display:block; word-break:break-all; text-align:center;}
.l-category-header .result .text {line-height:15px; font-size:11px; color:#000000;}

.l-category-header .result .btn {background-color:#fafafa; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.l-category-header .result .btn span {position:relative; display:inline-block; vertical-align:top; width:50%; height:40px; text-align:center; cursor:pointer;}
.l-category-header .result .btn span {line-height:40px; font-size:13px; color:#999999;}
.l-category-header .result .btn span:before {display:block; content:''; position:absolute; left:-1px; top:calc(50% - 9px); width:0; height:17px; border-left:1px solid #e0e0e0;}
.l-category-header .result .btn span:first-child:before {display:none;}

.l-category-header .choice {display:none; position:relative; background-color:#464646;}
.l-category-header .choice.on {display:block;}
.l-category-header .choice ul {padding:5px 15px 15px 5px;}
.l-category-header .choice li {max-width:calc(100% - 10px); padding:0 0 1px 0; margin:10px 0 0 10px; position:relative; display:inline-block; vertical-align:top; background-color:#6b6b6b; border-radius:35px; cursor:pointer;}
.l-category-header .choice li {font-weight:bold; line-height:34px; font-size:14px; color:#ffffff;}
.l-category-header .choice li:before {display:block; content:''; position:absolute; right:15px; top:calc(50% - 7px); width:13px; height:13px; opacity:0.5;}
.l-category-header .choice li p {margin:0 33px 0 15px; position:relative; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.l-category-header .choice .btn {z-index:1; position:relative; display:block; text-align:center; cursor:pointer;}
.l-category-header .choice .btn {line-height:42px; font-size:13px; color:#c2c2c2;}
.l-category-header .choice .btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0px; width:100%; height:0; border-top:1px dotted #ffffff; opacity:0.1;}

.l-category-header .line {height:20px;}

/* order */

.l-category-header .order {position:relative; height:40px; border-bottom:2px solid #000000;}
.l-category-header .order .select {display:block; position:absolute; left:12px; top:0; width:98px; border:1px solid #cacaca; background-color:#ffffff;}
.l-category-header .order .select:after {z-index:1; display:block; content:''; position:absolute; right:10px; top:calc(50% - 3px); opacity:0.5;}
.l-category-header .order .select select {z-index:2; background-color:transparent; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:0; position:relative; display:block; width:100%; height:26px; padding:0 15px 0 8px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-category-header .order .select select {line-height:26px; font-size:12px; color:#464646;}

.l-category-header .order .side {position:absolute; right:12px; top:0;}
.l-category-header .order .side p,
.l-category-header .order .side .mode {display:inline-block; vertical-align:top;}
.l-category-header .order .side p {line-height:26px; font-size:13px; color:#666666;}
.l-category-header .order .side p span {color:#000000;}

.l-category-header .order .mode {margin-left:20px;}
.l-category-header .order .mode .radio {margin-left:-1px; display:inline-block; vertical-align:middle; width:auto; height:auto;}
.l-category-header .order .mode .radio label {z-index:1; position:relative; display:block; width:26px; height:26px; background-color:#ffffff; border:1px solid #cacaca; cursor:pointer;}
.l-category-header .order .mode .radio label:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); opacity:0.2; width:12px; hiehgt:12px;}
.l-category-header .order .mode .radio label.focus {z-index:2;}
.l-category-header .order .mode .radio label.focus:before {opacity:1;}

.l-category-image .order-guide,
.l-category-list .order-guide,
.l-category-large .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;
}

.l-category-image .order-guide:before,
.l-category-list .order-guide:before,
.l-category-large .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;
}

/* image */

.l-category-image {width:100%;}
.l-category-image ul {display:flex; flex-wrap:wrap; align-items:stretch; width:100%; margin-top:0px;}
.l-category-image li {margin-top:0px; z-index:1; position:relative; display:inline-block; vertical-align:top; width:100%; min-height:150px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;}
.l-category-image li:before {z-index:-1; display:block; content:''; position:absolute; left:-1px; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.l-category-image li:last-child:after {z-index:10; display:block; content:''; position:absolute; right:0px; top:0; width:0; height:100%; border-right:1px solid #e0e0e0;}
.l-category-image li a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-image .image {position:relative; background-color:#f6f6f6;}
.l-category-image .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:0; top:0; width:52px; height:52px; opacity:1;}
.l-category-image .icon img {width:100%; height:100%; border:0;}

.l-category-image .block {position:relative; overflow:hidden; display:block; width:100%; height:100%; min-width:100%; max-width:100%; min-height:100%; max-height:100%;}
.l-category-image .block &gt; img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-category-image .discount {z-index:2; display:block; position:absolute; left:4px; top:4px; width:46px; height:50px; text-align:center; opacity:1}
.l-category-image .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-image .discount .sale {margin-top:7px;}
.l-category-image .discount .sale {font-weight:bold; line-height:16px; font-size:10px; color:#ffffff;}
.l-category-image .discount &gt; div {margin:-5px 0 0 2px;}
.l-category-image .discount &gt; div &gt; span {display:inline-block; vertical-align:top;}
.l-category-image .discount .num {font-weight:bold; line-height:22px; font-size:18px; color:#ffffff; letter-spacing:-0.5px;}
.l-category-image .discount .percent {margin-left:2px; position:relative; top:2px;}
.l-category-image .discount .percent {font-weight:bold; line-height:22px; font-size:10px; color:#ffffff;}

.l-category-image .adult {position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.l-category-image .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-image .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 55px); top:calc(50% - 55px); width:110px; height:110px; background-color:#ffffff; border:5px solid #ed1c24; border-radius:100%;}
.l-category-image .adult span {z-index:3; display:block; position:absolute; left:calc(50% - 55px); top:calc(50% - 55px); width:110px; height:110px; text-align:center;}
.l-category-image .adult span {font-weight:bold; line-height:110px; font-size:72px; color:#000000;}

.l-category-image .adult,
.l-category-image .thumb {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-image .adult &gt; div,
.l-category-image .thumb &gt; div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-image .adult img,
.l-category-image .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0;}

.l-category-image .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-category-image .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-image .state &gt; div {display:table; width:100%; height:100%;}
.l-category-image .state &gt; div &gt; div {display:table-cell; vertical-align:middle; text-align:center;}
.l-category-image .state span {display:inline-block;}
.l-category-image .state span {font-weight:bold; line-height:40px; font-size:32px; color:#ffffff;}

.l-category-image .open_price {z-index:1; display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; bottom:0; width:100%; height:51px;}
.l-category-image .open_price:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-image .open_price.type2:before {background-color:#666666;}
.l-category-image .open_price p {margin: auto; text-align:center;}
.l-category-image .open_price p {line-height:17px; font-size:11px; color:#ffffff;}

.l-category-image .supplier {margin-bottom:8px; padding:3px 4px; display:table; position:relative;}
.l-category-image .supplier:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #333333; border-radius:2px;}
.l-category-image .supplier p {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-image .supplier p {line-height:12px; font-size:10px; color:#000000;}

.l-category-image .brand {margin-bottom:3px; display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-image .brand {font-weight:bold; line-height:14px; font-size:12px; color:#000000;}

.l-category-image .title {min-height:50px;}
.l-category-image .title p {display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; word-wrap:break-word; word-break:break-all;}
.l-category-image .title p {line-height:1.3; font-size:14px; color:#333333;}

.l-category-image .cont {display:block; position:relative; padding-top:12px; margin:0 10px;}
.l-category-image .cont.textzoom1 {padding-bottom:4px;}
.l-category-image .cont.textzoom2 {padding-bottom:8px;}
.l-category-image .cont.textzoom3 {padding-bottom:12px;}

.l-category-image .footer {display:block; position:absolute; left:0; right:0; bottom:0; width:100%;}

.l-category-image .price,
.l-category-image .delivery {margin-left:10px; margin-right:10px;}

.l-category-image .price {margin-bottom:10px; display:block; vertical-align:bottom; white-space:nowrap;}
.l-category-image .price p {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-image .price p:nth-child(1) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-image .price p:nth-child(1) span {line-height:22px; font-size:13px; color:#000000;}
.l-category-image .price p:nth-child(1) .currency-price {font-weight:bold; line-height:22px; font-size:20px; color:#000000;}
.l-category-image .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-category-image .price p:nth-child(1) .currency-decimal {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-image .price p:nth-child(1) .currency-text {margin-left:2px; top:2px;}
.l-category-image .price p:nth-child(1) .swung {vertical-align:top;}
.l-category-image .price p:nth-child(1) .swung {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-image .price p:nth-child(2) {margin-left:4px; top:-1px;}
.l-category-image .price p:nth-child(2) span {}
.l-category-image .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-image .price p:nth-child(2) .text {line-height:14px; font-size:10px; color:#000000; letter-spacing:-0.5px;}
.l-category-image .price p:nth-child(2) .currency-text {margin-left:2px;}
.l-category-image .price p:nth-child(2) .price-line {color:#999999;}
.l-category-image .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:7px; width:100%; height:0; border-top:1px solid #999999;}
.l-category-image .price.currency-KRW p:nth-child(1) .swung {top:2px;}
.l-category-image .price.currency-KRW p:nth-child(1) .swung {line-height:22px; font-size:11px; color:#000000;}
.l-category-image .price .openprice {line-height: 1.4; font-size: 13px; color: var(--color2);}

.l-category-image .delivery {margin-bottom:10px; }
.l-category-image .delivery span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.l-category-image .delivery span {line-height:14px; font-size:11px; color:#666666;}
.l-category-image .delivery span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:2px; width:0px; height:11px; border-left:1px solid #ebedf1;}
.l-category-image .delivery span:first-child {margin-left:0; padding-left:0;}
.l-category-image .delivery span:first-child:before {display:none;}

.l-category-image .box {position:relative; height:28px; border-top:1px dotted #e0e0e0;}
.l-category-image .box .review {padding:7px 0 0 7px;}
.l-category-image .box .review p {position:relative; display:inline-block; vertical-align:middle;}
.l-category-image .box .review p:nth-child(2) {margin-left:4px; top:-3px;}
.l-category-image .box .review p:nth-child(2) {line-height:12px; font-size:10px; color:#999999;}
.l-category-image .box .review .star &gt; span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;}
.l-category-image .box .review .star &gt; span:first-child {margin-left:0;}
.l-category-image .box .review .star .s-b-starn {opacity:0.1;}

.l-category-image .box .sale_quantity {display:block; position:absolute; right:10px; top:0;}
.l-category-image .box .sale_quantity {line-height:28px; font-size:10px; color:#666666;}

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

.l-category-image li {width:50%;}

}

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

.l-category-image li {width:33.333%;}

}

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

.l-category-image li {width:25%;}

}

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

.l-category-image li {width:20%;}

}

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

.l-category-image li {width:16.666%;}

}

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

.l-category-image li {width:14.285%;}

}

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

.l-category-image li {width:12.5%;}

}

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

.l-category-image li {width:11.111%;}

}

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

.l-category-image li {width:10%;}

}

/* list */

.l-category-list {width:100%;}
.l-category-list ul {display:block; width:100%; margin-top:-10px;}
.l-category-list li {padding:12px 0; margin-top:10px; z-index:1; position:relative; display:block; vertical-align:top; width:100%; min-height:144px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;}
.l-category-list li:before {z-index:-1; display:block; content:''; position:absolute; left:-1px; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.l-category-list li:last-child:after {z-index:10; display:block; content:''; position:absolute; right:0px; top:0; width:0; height:100%; border-right:1px solid #e0e0e0;}
.l-category-list li a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-list .image {display:block; position:absolute; left:0; top:12px; width:144px; height:144px; background-color:#f6f6f6;}
.l-category-list .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:0; top:0; width:52px; height:52px; opacity:1;}
.l-category-list .icon img {width:100%; height:100%; border:0;}

.l-category-list .block {position:relative; overflow:hidden; display:block; width:100%; height:100%; min-width:100%; max-width:100%; min-height:100%; max-height:100%;}
.l-category-list .block &gt; img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-category-list .discount {z-index:2; display:block; position:absolute; left:4px; top:4px; width:46px; height:50px; text-align:center; opacity:1}
.l-category-list .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-list .discount .sale {margin-top:7px;}
.l-category-list .discount .sale {font-weight:bold; line-height:16px; font-size:10px; color:#ffffff;}
.l-category-list .discount &gt; div {margin:-5px 0 0 2px;}
.l-category-list .discount &gt; div &gt; span {display:inline-block; vertical-align:top;}
.l-category-list .discount .num {font-weight:bold; line-height:22px; font-size:18px; color:#ffffff; letter-spacing:-0.5px;}
.l-category-list .discount .percent {margin-left:2px; position:relative; top:2px;}
.l-category-list .discount .percent {font-weight:bold; line-height:22px; font-size:10px; color:#ffffff;}

.l-category-list .adult {z-index:1; position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.l-category-list .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-list .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 55px); top:calc(50% - 55px); width:100px; height:100px; background-color:#ffffff; border:5px solid #ed1c24; border-radius:100%;}
.l-category-list .adult span {z-index:3; display:block; position:absolute; left:calc(50% - 55px); top:calc(50% - 55px); width:100px; height:100px; text-align:center;}
.l-category-list .adult span {font-weight:bold; line-height:100px; font-size:72px; color:#000000;}

.l-category-list .adult,
.l-category-list .thumb {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-list .adult &gt; div,
.l-category-list .thumb &gt; div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-list .adult img,
.l-category-list .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:auto; height:auto; max-width:100%; max-height:100%; border:0;}

.l-category-list .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-category-list .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-list .state &gt; div {display:table; width:100%; height:100%;}
.l-category-list .state &gt; div &gt; div {display:table-cell; vertical-align:middle; text-align:center;}
.l-category-list .state span {display:inline-block;}
.l-category-list .state span {font-weight:bold; line-height:40px; font-size:28px; color:#ffffff;}

.l-category-list .open_price {z-index:1; display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; bottom:0; width:100%; height:51px;}
.l-category-list .open_price:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-list .open_price.type2:before {background-color:#666666;}
.l-category-list .open_price p {margin: auto; text-align:center;}
.l-category-list .open_price p {line-height:17px; font-size:10px; color:#ffffff; letter-spacing:-1px;}

.l-category-list .wrap {margin:0 10px 0 159px; display:block; position:relative;}

.l-category-list .supplier {z-index:2; margin-bottom:8px; padding:3px 4px; display:table; position:relative;}
.l-category-list .supplier:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #333333; background-color:#ffffff; border-radius:2px;}
.l-category-list .supplier p {word-break:break-all;}
.l-category-list .supplier p {line-height:12px; font-size:10px; color:#000000;}

.l-category-list .sale_quantity {z-index:1; display:block; position:absolute; right:0; top:1px;}
.l-category-list .sale_quantity {line-height:15px; font-size:10px; color:#666666;}

.l-category-list .title {margin-bottom:8px;}
.l-category-list .title {word-break:break-all;}
.l-category-list .title {line-height:1.3; font-size:14px; color:#000000;}
.l-category-list .title span {display:inline; vertical-align:top;}
.l-category-list .title .brand {margin-right:7px; font-weight:bold;}

.l-category-list .price {margin-bottom:10px; display:block; vertical-align:bottom; white-space:nowrap;}
.l-category-list .price p {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-list .price p:nth-child(1) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-list .price p:nth-child(1) span {line-height:22px; font-size:13px; color:#000000;}
.l-category-list .price p:nth-child(1) .currency-price {font-weight:bold; line-height:22px; font-size:20px; color:#000000;}
.l-category-list .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-category-list .price p:nth-child(1) .currency-decimal {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-list .price p:nth-child(1) .currency-text {margin-left:2px; top:2px;}
.l-category-list .price p:nth-child(1) .swung {vertical-align:top;}
.l-category-list .price p:nth-child(1) .swung {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-list .price p:nth-child(2) {margin-left:4px; top:-1px;}
.l-category-list .price p:nth-child(2) span {}
.l-category-list .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-list .price p:nth-child(2) .text {line-height:14px; font-size:10px; color:#000000; letter-spacing:-0.5px;}
.l-category-list .price p:nth-child(2) .currency-text {margin-left:2px;}
.l-category-list .price p:nth-child(2) .price-line {color:#999999;}
.l-category-list .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:7px; width:100%; height:0; border-top:1px solid #999999;}
.l-category-list .price.currency-KRW p:nth-child(1) .swung {top:2px;}
.l-category-list .price.currency-KRW p:nth-child(1) .swung {line-height:22px; font-size:11px; color:#000000;}

.l-category-list .delivery {margin-bottom:10px;}
.l-category-list .delivery span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.l-category-list .delivery span {line-height:14px; font-size:11px; color:#666666;}
.l-category-list .delivery span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:2px; width:0px; height:11px; border-left:1px solid #ebedf1;}
.l-category-list .delivery span:first-child {margin-left:0; padding-left:0;}
.l-category-list .delivery span:first-child:before {display:none;}

.l-category-list .review p {position:relative; display:inline-block; vertical-align:middle;}
.l-category-list .review p:nth-child(2) {margin-left:4px; top:-2px;}
.l-category-list .review p:nth-child(2) {line-height:12px; font-size:10px; color:#999999;}
.l-category-list .review .star &gt; span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;}
.l-category-list .review .star &gt; span:first-child {margin-left:0;}
.l-category-list .review .star .s-b-starn {opacity:0.1;}

.l-category-list .btn-cart {z-index:10; position:absolute; right:50px; bottom:1px; width:50px; height:60px; cursor:pointer;}
.l-category-list .btn-cart:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:38px; height:38px; border:1px solid #e0e0e0; background-color:#ffffff; border-radius:100%;}
.l-category-list .btn-cart:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); opacity:0.2;}

.l-category-list .btn-order {z-index:10; position:absolute; right:10px; bottom:1px; width:40px; height:60px; cursor:pointer;}
.l-category-list .btn-order:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:39px; border-bottom:1px solid #e0e0e0; background-color:#ffffff; border-radius:5px;}
.l-category-list .btn-order:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px);}

.l-category-list .btn-wishlist {z-index:10; position:absolute; right:0; bottom:0; width:40px; height:40px; cursor:pointer;}
.l-category-list .btn-wishlist:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px);}

/* large */

.l-category-large {}

.l-category-large {width:100%;}
.l-category-large &gt; ul {display:block; width:100%; margin-top:-10px;}
.l-category-large &gt; ul &gt; li {margin-top:10px; z-index:1; position:relative; display:inline-block; vertical-align:top; width:100%; min-height:150px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;}
.l-category-large &gt; ul &gt; li:before {z-index:-1; display:block; content:''; position:absolute; left:-1px; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}
.l-category-large &gt; ul &gt; li:last-child:after {z-index:10; display:block; content:''; position:absolute; right:0px; top:0; width:0; height:100%; border-right:1px solid #e0e0e0;}
.l-category-large &gt; ul &gt; li a {z-index:10; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-large .image {margin-bottom:10px; position:relative; background-color:#f6f6f6;}
.l-category-large .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:0; top:0; width:52px; height:52px; opacity:1;}
.l-category-large .icon img {width:100%; height:100%; border:0;}

.l-category-large .block {margin:0 auto; position:relative; overflow:hidden; display:block; width:100%; height:100%; min-width:100%; min-height:100%;}
.l-category-large .block &gt; img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-category-large .discount {z-index:2; display:block; position:absolute; left:10px; top:10px; width:46px; height:50px; text-align:center; opacity:1}
.l-category-large .discount:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-category-large .discount .sale {margin-top:7px;}
.l-category-large .discount .sale {font-weight:bold; line-height:16px; font-size:10px; color:#ffffff;}
.l-category-large .discount &gt; div {margin:-5px 0 0 2px;}
.l-category-large .discount &gt; div &gt; span {display:inline-block; vertical-align:top;}
.l-category-large .discount .num {font-weight:bold; line-height:22px; font-size:18px; color:#ffffff; letter-spacing:-0.5px;}
.l-category-large .discount .percent {margin-left:2px; position:relative; top:2px;}
.l-category-large .discount .percent {font-weight:bold; line-height:22px; font-size:10px; color:#ffffff;}

.l-category-large .adult {position:absolute; left:0; right:0; top:0; bottom:0; display:block; width:100%; height:100%;}
.l-category-large .adult:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-large .adult:after {z-index:2; display:block; content:''; position:absolute; left:calc(50% - 150px); top:calc(50% - 150px); width:280px; height:280px; background-color:#ffffff; border:10px solid #ed1c24; border-radius:100%;}
.l-category-large .adult span {z-index:3; display:block; position:absolute; left:calc(50% - 150px); top:calc(50% - 150px); width:280px; height:280px; text-align:center;}
.l-category-large .adult span {font-weight:bold; line-height:280px; font-size:150px; color:#000000;}

.l-category-large .adult,
.l-category-large .thumb {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-large .adult &gt; div,
.l-category-large .thumb &gt; div {display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}

.l-category-large .adult img,
.l-category-large .thumb img {margin:auto; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:auto; max-width:100%; border:0;}

.l-category-large .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-category-large .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-large .state &gt; div {display:table; width:100%; height:100%;}
.l-category-large .state &gt; div &gt; div {display:table-cell; vertical-align:middle; text-align:center;}
.l-category-large .state span {display:inline-block;}
.l-category-large .state span {font-weight:bold; line-height:70px; font-size:60px; color:#ffffff;}

.l-category-large .open_price {z-index:1; display:flex; align-items:center; justify-content:center; position:absolute; left:0; right:0; bottom:0; width:100%; height:61px;}
.l-category-large .open_price:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.8;}
.l-category-large .open_price.type2:before {background-color:#666666;}
.l-category-large .open_price p {margin: auto; text-align:center;}
.l-category-large .open_price p {line-height:20px; font-size:14px; color:#ffffff;}

.l-category-large .sbblock {padding:0 12px 8px 12px; display:flex; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-large .sbblock span {margin-left:7px; position:relative; display:inline-block;}
.l-category-large .sbblock span:first-child {margin-left:0;}

.l-category-large .supplier {padding:3px 4px;}
.l-category-large .supplier {line-height:12px; font-size:10px; color:#000000;}
.l-category-large .supplier:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #333333; border-radius:2px;}

.l-category-large .brand {}
.l-category-large .brand {font-weight:bold; line-height:16px; font-size:12px; color:#000000;}

.l-category-large .title {margin:0 65px 7px 12px; display:block; position:relative;}
.l-category-large .title.textzoom1 {}
.l-category-large .title.textzoom2 {}
.l-category-large .title.textzoom3 {}
.l-category-large .title p {word-break:break-all;}
.l-category-large .title p {line-height:1.3; font-size:14px; color:#333333;}

.l-category-large .price {margin:0 12px 13px 12px; display:block; vertical-align:bottom; white-space:nowrap;}
.l-category-large .price p {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-large .price p:nth-child(1) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-large .price p:nth-child(1) span {line-height:28px; font-size:13px; color:#000000;}
.l-category-large .price p:nth-child(1) .currency-price {font-weight:bold; line-height:28px; font-size:24px; color:#000000;}
.l-category-large .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-category-large .price p:nth-child(1) .currency-decimal {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-large .price p:nth-child(1) .currency-text {margin-left:2px; top:4px;}
.l-category-large .price p:nth-child(1) .swung {vertical-align:top;}
.l-category-large .price p:nth-child(1) .swung {font-weight:bold; line-height:14px; font-size:11px; color:#333333;}
.l-category-large .price p:nth-child(2) {margin-left:4px; top:-2px;}
.l-category-large .price p:nth-child(2) span {}
.l-category-large .price p:nth-child(2) span {position:relative; display:inline-block; vertical-align:bottom;}
.l-category-large .price p:nth-child(2) .text {line-height:14px; font-size:10px; color:#000000; letter-spacing:-0.5px;}
.l-category-large .price p:nth-child(2) .currency-text {margin-left:2px;}
.l-category-large .price p:nth-child(2) .price-line {color:#999999;}
.l-category-large .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:7px; width:100%; height:0; border-top:1px solid #999999;}
.l-category-large .price.currency-KRW p:nth-child(1) .swung {top:8px;}
.l-category-large .price.currency-KRW p:nth-child(1) .swung {line-height:20px; font-size:11px; color:#000000;}

.l-category-large .box {position:relative; height:30px; border-top:1px dotted #e0e0e0;}
.l-category-large .box .side {position:absolute; right:12px; top:0;}
.l-category-large .box .side ul li {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.l-category-large .box .side ul li:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0px; height:11px; border-left:1px solid #ebedf1;}
.l-category-large .box .side ul li:first-child {margin-left:0; padding-left:0;}
.l-category-large .box .side ul li:first-child:before {display:none;}

.l-category-large .delivery {margin-left:12px;}
.l-category-large .delivery span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.l-category-large .delivery span {line-height:28px; font-size:11px; color:#666666;}
.l-category-large .delivery span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:0px; height:11px; border-left:1px solid #ebedf1;}
.l-category-large .delivery span:first-child {margin-left:0; padding-left:0;}
.l-category-large .delivery span:first-child:before {display:none;}

.l-category-large .review {margin-top:8px;}
.l-category-large .review p {position:relative; display:inline-block; vertical-align:middle;}
.l-category-large .review p:nth-child(2) {margin-left:4px; top:-2px;}
.l-category-large .review p:nth-child(2) {line-height:12px; font-size:10px; color:#999999;}
.l-category-large .review .star &gt; span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;}
.l-category-large .review .star &gt; span:first-child {margin-left:0;}
.l-category-large .review .star .s-b-starn {opacity:0.1;}

.l-category-large .sale_quantity {margin-top:1px;}
.l-category-large .sale_quantity {line-height:28px; font-size:10px; color:#666666;}

.l-category-large .btn-cart {z-index:10; position:absolute; right:0; bottom:-45px; width:60px; height:40px; cursor:pointer;}
.l-category-large .btn-cart:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:38px; height:38px; border:1px solid #e0e0e0; background-color:#ffffff; border-radius:100%;}
.l-category-large .btn-cart:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); opacity:0.2;}

.l-category-large .btn-order {z-index:10; position:absolute; right:0; bottom:-89px; width:60px; height:40px; cursor:pointer;}
.l-category-large .btn-order:before {z-index:-2; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px); width:40px; height:39px; border-bottom:1px solid #e0e0e0; background-color:#ffffff; border-radius:5px;}
.l-category-large .btn-order:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px);}

.l-category-large .btn-wishlist {z-index:10; position:absolute; right:0; bottom:0; width:64px; height:60px; cursor:pointer;}
.l-category-large .btn-wishlist:after {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 20px); top:calc(50% - 20px);}


/* page */

.l-category-page {z-index:1; position:relative; padding:20px 0; height:45px;}
.l-category-page:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.04;}
.l-category-page ul {display:flex; justify-content:center; align-items:center; width:100%; height:45px;}
.l-category-page li {z-index:1; margin-left:-1px; position:relative; display:inline-block; vertical-align:top; text-align:center;}
.l-category-page li {font-weight:bold; line-height:38px; font-size:18px; color:#cccccc;}
.l-category-page li.off,
.l-category-page li.on {width:38px; height:38px; background-color:#ffffff; border:1px solid #e0e0e0;}
.l-category-page li.on {z-index:5;}

.l-category-page li.on,
.l-category-page li.off,
.l-category-page li.s-b-pprev-on,
.l-category-page li.s-b-pnext-on {cursor:pointer;}

.l-category-page li.s-b-pprev-off:after {z-index:10; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}

.l-category-page li.s-b-pnext-off:before,
.l-category-page li.s-b-pnext-on:before {z-index:2; display:block; content:''; position:absolute; left:0; top:0; width:0; height:100%; border-left:1px solid #e0e0e0;}

.l-category-page li.s-b-pnext-off:after {z-index:10; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}


.btn-category-load {z-index:1; position:relative; margin:20px 15px 20px 15px; text-align:center; cursor:pointer;}
.btn-category-load:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 2px); height:calc(100% - 2px); background-color:#ffffff; border:1px solid #e0e0e0;}
.btn-category-load:after {z-index:-2; display:block; content:''; position:absolute; left:1px; top:1px; width:100%; height:100%; background-color:#efefef;}
.btn-category-load span {display:inline-block; vertical-align:top;}
.btn-category-load span:nth-child(1) {line-height:40px; font-size:15px; color:#999999;}
.btn-category-load span:nth-child(2) {margin-left:10px;}
.btn-category-load span:nth-child(2) {line-height:40px; font-size:11px; color:#333333;}
.btn-category-load span:nth-child(3) {margin:0 3px;}
.btn-category-load span:nth-child(3) {line-height:40px; font-size:11px; color:#e0e0e0;}
.btn-category-load span:nth-child(4) {line-height:40px; font-size:11px; color:#cccccc;}


/* option */

.layout-create.lc-option {position:absolute; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-option .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-option .header .side .btn {margin-right:0px;}
.layout-create.lc-option .body {padding:30px 15px; background-color:#fcfcfc;}
.layout-create.lc-option .body ul {position:relative; margin-top:-10px;}
.layout-create.lc-option .body li {position:relative; margin-top:10px; width:100px; height:87px; display:inline-block; vertical-align:top; text-align:center; cursor:pointer;}
.layout-create.lc-option .body a {z-index:10; display:block; height:87px;}
.layout-create.lc-option .body select {z-index:10; position:absolute; left:0; top:0; display:block; width:100%; height:87px; opacity:0;}
.layout-create.lc-option .body option {line-height:14px; font-size:12px; color:#333333;}
.layout-create.lc-option .body span {z-index:1; display:block; position:relative; margin:0 auto; width:48px; height:48px;}
.layout-create.lc-option .body span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.layout-create.lc-option .body p {display:block; margin-top:10px; text-align:center;}
.layout-create.lc-option .body p {line-height:14px; font-size:12px; color:#333333;}

/* share */

.layout-create.lc-share {position:absolute; background-color:#ffffff; border:1px solid #000000; overflow-x:hidden; overflow-y:auto;}
.layout-create.lc-share .header {position:relative; border-bottom:1px solid #cccccc;}
.layout-create.lc-share .header .side .btn {margin-right:0px;}
.layout-create.lc-share .body {padding:30px 15px; background-color:#fcfcfc;}
.layout-create.lc-share .body ul {position:relative; margin-top:-10px;}
.layout-create.lc-share .body li {position:relative; margin-top:10px; width:100px; height:87px; display:inline-block; vertical-align:top; text-align:center; cursor:pointer;}
.layout-create.lc-share .body li a {z-index:10; display:block; height:87px;}
.layout-create.lc-share .body span {z-index:1; display:block; position:relative; margin:0 auto; width:48px; height:48px;}
.layout-create.lc-share .body span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%;}
.layout-create.lc-share .body p {display:block; margin-top:10px; text-align:center;}
.layout-create.lc-share .body p {line-height:14px; font-size:12px; color:#333333;}
.layout-create.lc-share .body.t-4 li {width:75px;}
.layout-create.lc-share .body .copy {margin-top:10px;}
.layout-create.lc-share .body .copy p {margin-left:2px; text-align:left;}
.layout-create.lc-share .body .copy p {line-height:14px; font-size:12px; color:#333333;}
.layout-create.lc-share .body .copy div {position:relative; margin-top:8px; background-color:#ffffff; border:1px solid #ededed;}
.layout-create.lc-share .body .copy div {padding:0 10px;}
.layout-create.lc-share .body .copy div input {width:100%; border:0;}
.layout-create.lc-share .body .copy div input {line-height:35px; font-size:12px; color:#333333;}
.layout-create.lc-share .body .copy div span {position:absolute; right:0; top:0; width:45px; height:35px; background-color:#666666; text-align:center; cursor:pointer;}
.layout-create.lc-share .body .copy div span {line-height:35px; font-size:12px; color:#ffffff;}

/* Chrome */
@media (color-gamut: srgb) {

.l-category-header .choice-list li .close {top:calc(50% - 8px);}

}

/* ie10+ */
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

}

/* ie9 */
@media all and (min-width:0\0) and (min-resolution:.001dpcm) {

}

</pre></body></html>