@charset "utf-8";

/* l-position */

.l-position {height:51px; border-bottom:1px solid #eff0f0;}
.l-position a {text-decoration:none;}
.l-position .wrap {}
.l-position .wrap li {position:relative; margin-left:12px; display:inline-block; vertical-align:middle;}
.l-position .wrap li:first-child {margin-left:0;}
.l-position .text {position:relative; top:1px;}
.l-position .text {line-height:50px; font-size:12px; color:#666666; font-family:dotum,'돋움',sans-serif;}
.l-position .icon-home {position:relative; display:inline-block; width:16px; height:17px;}
.l-position .icon-home:before {display:block; content:''; position:absolute; left:0; top:0; width:16px; height:17px; background-position:0px -75px; opacity:0.6;}
.l-position .icon-home:hover:before {background-position-y:-125px; opacity:1;}
.l-position .icon-arrow {position:relative; display:inline-block; width:10px; height:17px;}
.l-position .icon-arrow:before {display:block; content:''; position:absolute; left:0; top:0; width:10px; height:17px; background-position:-25px -75px; opacity:0.2;}

.l-position .icon-arrow-d {position:relative; padding-right:27px; cursor:pointer;}
.l-position .icon-arrow-d:before {display:block; content:''; position:absolute; right:0; top:calc(50% - 9px); width:15px; height:15px; background-position:-75px -75px;}
.l-position .icon-arrow-d:hover {color:#000000;}
.l-position .icon-arrow-d:hover:before {background-position-y:-100px;}
.l-position .icon-arrow-d.on:before {background-position-y:-125px;}

.l-position .icon-arrow-d2 {position:relative; padding-right:18px; cursor:pointer;}
.l-position .icon-arrow-d2:before {display:block; content:''; position:absolute; right:0; top:calc(50% - 9px); width:15px; height:15px; background-position:-325px -75px;}
.l-position .icon-arrow-d2:hover {color:#000000;}
.l-position .icon-arrow-d2:hover:before {background-position-y:-100px;}
.l-position .icon-arrow-d2.on:before {background-position-y:-125px;}

.l-position .layer {z-index:10; display:none; position:absolute; left:-15px; top:40px; width:198px; border:1px solid #888888; background-color:#ffffff;}
.l-position .layer a {display:block; padding:8px 15px;}
.l-position .layer a {line-height:14px; font-size:12px; color:#666666; font-family:dotum,'돋움',sans-serif;}
.l-position .layer a:hover {color:#ffffff !important;}
.l-position .layer.on {display:block;}

.l-position .side {position:absolute; right:0; top:10px;}
.l-position .side ul {display:inline-block; vertical-align:middle;}
.l-position .side li {position:relative; display:inline-block; vertical-align:middle;}

.l-position .share {padding-left:16px; position:relative; display:inline-block; vertical-align:middle;}
.l-position .share {line-height:25px; font-size:11px; color:#666666; font-family:dotum,'돋움',sans-serif;}
.l-position .share:before {display:block; content:''; position:absolute; left:0; top:6px; width:12px; height:11px; background-position:-50px -175px; opacity:0.6;}

.l-position .btn-share {margin-left:10px;}
.l-position .btn-share li {margin-left:2px; cursor:pointer;}
.l-position .btn-share li:first-child {margin-left:0;}
.l-position .btn-share li a {display:block; width:25px; height:25px;}
.l-position .btn-share li a:before {opacity:0.2;}
.l-position .btn-share li a:hover:before {opacity:1; background-position-y:-450px;}

.l-position .share-kakaotalk:before,
.l-position .share-line:before,
.l-position .share-kakaostory:before,
.l-position .share-twitter:before,
.l-position .share-facebook:before {display:block; content:''; position:absolute; left:0; top:0; width:25px; height:25px; background-position-y:-400px;}
.l-position .share-kakaotalk:before {background-position-x:0px;}
.l-position .share-line:before {background-position-x:-25px;}
.l-position .share-kakaostory:before {background-position-x:-50px;}
.l-position .share-twitter:before {background-position-x:-75px;}
.l-position .share-facebook:before {background-position-x:-100px;}

.l-position .zoom {display:block; position:relative; margin-left:10px; padding:7px 7px 8px 25px; border:1px solid #e7e7e7; background-color:#ffffff; border-radius:3px; cursor:pointer;}
.l-position .zoom {font-weight:400; line-height:14px; font-size:12px; color:#666666;}
.l-position .zoom:before {display:block; content:''; position:absolute; left:7px; top:8px; width:15px; height:15px; background-position:-75px -175px; opacity:0.6;}
.l-position .zoom:hover {border:1px solid #bababa; color:#000000;}
.l-position .zoom:hover:before {opacity:1;}

/* 배너 */

.l-banner-12000 {position:relative; display:block;}
.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 a {display:table; margin:0 auto; display:block;}
.l-banner-12000 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-12000 img {max-width:100%; border:0; width:100%;}
.l-banner-12000 video,
.l-banner-12000 iframe {max-width:100%;}

.l-banner-12001 {position:relative; display:block; padding-bottom:70px;}
.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 a {display:table; margin:0 auto; display:block;}
.l-banner-12001 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-12001 img {max-width:100%; border:0; width:100%;}
.l-banner-12001 video,
.l-banner-12001 iframe {max-width:100%;}

/* category-not */

.category-not {padding:70px 0 70px 0;}
.category-not .icon-not {position:relative; width:160px; height:160px; margin:0 auto; background-position:0 -100px;}
.category-not p {margin-top:30px; text-align:center;}
.category-not p {font-weight:700; line-height:32px; font-size:24px; color:#000000;}
.category-not .list {margin-top:50px; text-align:center;}
.category-not .list .btn {transition:background 0.2s, color 0.2s; margin-left:10px; text-decoration:none; display:inline-block; padding:0 25px; min-width:200px; height:40px; background-color:#4e4d4d; text-align:center; cursor:pointer;}
.category-not .list .btn {font-weight:700; line-height:40px; font-size:16px; color:#ffffff;}
.category-not .list .btn:first-child {margin-left:0}

/* l-category-header */

.l-category-header .header-title {position:relative; margin-top:30px; padding-bottom:25px; text-align:center;}
.l-category-header .header-title a {text-decoration:none;}
.l-category-header .header-title .title {font-weight:700; line-height:28px; font-size:24px; color:#000000;}
.l-category-header .header-title .side {display:block; position:absolute; top:0; right:0;}
.l-category-header .header-title .side ul li {margin-left:5px; display:inline-block; vertical-align:middle;}
.l-category-header .header-title .side a {transition:border 0.2s, background 0.2s, color 0.2s; display:block; padding:0 12px 0 12px; height:28px; border:1px solid #3682dc; background-color:#498eeb; cursor:pointer;}
.l-category-header .header-title .side a {text-decoration:none; font-weight:700; line-height:28px; font-size:13px; color:#ffffff;}
.l-category-header .header-title .side a:hover {border:1px solid #1c6bca; background-color:#1c6bca; color:#ffffff;}

.l-category-header .category-list {position:relative; margin:0 0 25px 0; background-color:#ffffff;}
.l-category-header .category-list ul {position:relative; margin:1px 0 0 1px;}
.l-category-header .category-list li {position:relative; display:inline-block; vertical-align:top; width:25%;}
.l-category-header .category-list li a {text-decoration:none; position:relative; display:block;}
.l-category-header .category-list li span {margin:-1px 0 0 -1px; padding:13px 15px 14px 15px; min-height:15px; position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-header .category-list li span {font-weight:400; line-height:15px; font-size:13px; color:#666666;}
.l-category-header .category-list li span:before {display:block; content:''; position:absolute; left:0px; top:0px; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #eff0f0;}
.l-category-header .category-list li.on {background-color:#fbfbfb;}
.l-category-header .category-list li.on a:before {z-index:1; display:block; content:''; position:absolute; left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 2px); border:1px solid #eff0f0;}
.l-category-header .category-list li.on span {color:#000000;}
.l-category-header .category-list li:hover a:before {z-index:2; display:block; content:''; position:absolute; left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 2px); border:1px solid #000000;}
.l-category-header .category-list li:hover span {color:#000000;}
.l-category-header .category-list li.hidden {display:none}
.l-category-header .category-list .btn {z-index:10; display:none; position:absolute; right:1px; bottom:1px; width:41px; height:40px; background-color:#ffffff; cursor:pointer;}
.l-category-header .category-list .btn:before {display:block; content:''; position:absolute; left:0px; top:calc(50% - 11px); width:0; height:22px; border-left:1px solid #eff0f0;}
.l-category-header .category-list .btn:after {display:block; content:''; position:absolute; left:11px; top:10px; width:20px; height:20px; background-position:-400px 0px; opacity:0.8;}
.l-category-header .category-list .btn.more:after {background-position-x:-425px;}
.l-category-header .category-list .btn:hover:after {background-position-y:-50px; opacity:1;}
.l-category-header .category-list .btn.on {display:block;}

.l-category-header .choice-list {position:relative; display:none; background-color:#000000;}
.l-category-header .choice-list ul {position:relative; padding:6px 80px 9px 5px;}
.l-category-header .choice-list li {padding-right:18px; margin-left:15px; position:relative; display:inline-block; vertical-align:top; cursor:pointer;}
.l-category-header .choice-list li {font-weight:400; line-height:25px; font-size:12px; color:#c2c2c2;}
.l-category-header .choice-list li .close {z-index:1; display:block; position:absolute; right:0; top:calc(50% - 7px); width:16px; height:16px;}
.l-category-header .choice-list li .close:before {display:block; content:''; position:absolute; left:0; top:0; width:16px; height:16px; background-size:600px 1000px; background-position:-260px -20px; opacity:0.5;}
.l-category-header .choice-list li:hover {color:#ffffff;}
.l-category-header .choice-list li:hover .close:before {opacity:1;}
.l-category-header .choice-list.on {display:block;}
.l-category-header .choice-list .btn {z-index:1; display:block; position:absolute; right:10px; top:8px; padding:0 9px; background-color:#e1e1e1; border-radius:3px; cursor:pointer;}
.l-category-header .choice-list .btn {font-weight:400; line-height:24px; font-size:12px; color:#000000;}
.l-category-header .choice-list .btn:hover {background-color:#ffffff;}

.l-category-header .search-list {margin-bottom:25px; display:none; background-color:#ffffff; border:1px solid #eff0f0;}
.l-category-header .search-list .item {margin-top:-1px; border-top:1px solid #eff0f0;}
.l-category-header .search-list.on {display:block;}

.l-category-header .brand-list {position:relative; display:none;}
.l-category-header .brand-list.on {display:block;}
.l-category-header .brand-list.more {min-height:104px;}
.l-category-header .brand-list .side {position:absolute; left:20px; top:13px;}
.l-category-header .brand-list .title p {font-weight:400; line-height:16px; font-size:12px; color:#000000;}
.l-category-header .brand-list .sort {display:block; margin-top:15px; width:90px;}
.l-category-header .brand-list .sort p {margin-top:10px; position:relative; padding:0 0 2px 0; cursor:pointer;}
.l-category-header .brand-list .sort p {font-weight:400; line-height:16px; font-size:12px; color:#959595;}
.l-category-header .brand-list .sort p:before {display:block; content:''; position:absolute; left:0px; bottom:0; width:100%; height:0px; border-bottom:1px solid #eff0f0;}
.l-category-header .brand-list .sort p:after {display:block; content:''; position:absolute; right:0px; top:1px; width:14px; height:14px; background-size:450px 750px; background-position:-135px -45px; opacity:0.2;}
.l-category-header .brand-list .sort p:first-child {margin-top:0;}
.l-category-header .brand-list .sort p.on {color:#000000;}
.l-category-header .brand-list .sort p.on:before {border-color:#000000;}
.l-category-header .brand-list .sort p.on:after {background-position-y:-45px; opacity:1;}
.l-category-header .brand-list .sort p:hover:after {background-position-y:-75px; opacity:1;}
.l-category-header .brand-list .sort.hidden {display:none;}
.l-category-header .brand-list .list {padding:14px 0;}
.l-category-header .brand-list ul {position:relative; margin:-14px 40px 0 123px;}
.l-category-header .brand-list li {margin:14px 0 0 0; position:relative; display:inline-block; vertical-align:top; width:25%;}
.l-category-header .brand-list li.hidden {display:none}
.l-category-header .brand-list .btn {z-index:10; display:none; position:absolute; right:1px; top:9px; width:41px; height:calc(100% - 19px); border-left:1px solid #eff0f0;}
.l-category-header .brand-list .btn.on {display:block;}
.l-category-header .brand-list .icon {display:block; position:relative; left:0; top:-8px; width:41px; height:40px; background-color:#ffffff; cursor:pointer;}
.l-category-header .brand-list .icon:before {display:block; content:''; position:absolute; left:0px; top:calc(50% - 11px); width:0; height:22px;}
.l-category-header .brand-list .icon:after {display:block; content:''; position:absolute; left:11px; top:10px; width:20px; height:20px; background-position:-400px 0px; opacity:0.8;}
.l-category-header .brand-list .icon.more:after {background-position-x:-425px;}
.l-category-header .brand-list .icon:hover:after {background-position-y:-50px; opacity:1;}
.l-category-header .brand-list .count {margin-left:5px;}
.l-category-header .brand-list .count {font-weight:400; line-height:16px; font-size:11px; color:#959595; font-family:Tahoma,dotum,'돋움',sans-serif;}
.l-category-header .brand-list .checkbox {position:absolute; left:0; top:0; width:16px; height:16px;}
.l-category-header .brand-list .checkbox label {width:16px; height:16px;}
.l-category-header .brand-list .checkbox label:before {width:16px; height:16px; background-size:600px 1000px; opacity:0.15;}
.l-category-header .brand-list .checkbox label.focus:before {background-position-y:-40px; opacity:1;}
.l-category-header .brand-list .block {position:relative; display:inline-block; max-width:100%;}
.l-category-header .brand-list .block > label {margin:-1px 0 0 23px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-header .brand-list .block > label {font-weight:400; line-height:16px; font-size:12px; color:#555555;}
.l-category-header .brand-list .block:hover .checkbox label:before {opacity:1;}
.l-category-header .brand-list .block:hover > label {color:#000000;}

.l-category-header .icon-list {position:relative; display:none;}
.l-category-header .icon-list.on {display:block;}
.l-category-header .icon-list.more {}
.l-category-header .icon-list .side {position:absolute; left:20px; top:13px;}
.l-category-header .icon-list .title p {font-weight:400; line-height:16px; font-size:12px; color:#000000;}
.l-category-header .icon-list .list {padding:14px 0;}
.l-category-header .icon-list ul {position:relative; margin:-14px 40px 0 123px;}
.l-category-header .icon-list li {margin:14px 0 0 0; position:relative; display:inline-block; vertical-align:top; width:25%;}
.l-category-header .icon-list li.hidden {display:none}
.l-category-header .icon-list .btn {z-index:10; display:none; position:absolute; right:1px; top:9px; width:41px; height:calc(100% - 19px); border-left:1px solid #eff0f0;}
.l-category-header .icon-list .btn.on {display:block;}
.l-category-header .icon-list .icon {display:block; position:relative; left:0; top:-8px; width:41px; height:40px; background-color:#ffffff; cursor:pointer;}
.l-category-header .icon-list .icon:before {display:block; content:''; position:absolute; left:0px; top:calc(50% - 11px); width:0; height:22px;}
.l-category-header .icon-list .icon:after {display:block; content:''; position:absolute; left:11px; top:10px; width:20px; height:20px; background-position:-400px 0px; opacity:0.8;}
.l-category-header .icon-list .icon.more:after {background-position-x:-425px;}
.l-category-header .icon-list .icon:hover:after {background-position-y:-50px; opacity:1;}
.l-category-header .icon-list .checkbox {position:absolute; left:0; top:0; width:16px; height:16px;}
.l-category-header .icon-list .checkbox label {width:16px; height:16px;}
.l-category-header .icon-list .checkbox label:before {width:16px; height:16px; background-size:600px 1000px; opacity:0.15;}
.l-category-header .icon-list .checkbox label.focus:before {background-position-y:-40px; opacity:1;}
.l-category-header .icon-list .block {position:relative; display:inline-block; max-width:100%;}
.l-category-header .icon-list .block > label {margin:-1px 0 0 23px; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-header .icon-list .block > label {font-weight:400; line-height:16px; font-size:12px; color:#555555;}
.l-category-header .icon-list .block:hover .checkbox label:before {opacity:1;}
.l-category-header .icon-list .block:hover > label {color:#000000;}

.l-category-header .standard-list {position:relative;}
.l-category-header .standard-list .side {position:absolute; left:20px; top:17px;}
.l-category-header .standard-list .title p {font-weight:400; line-height:16px; font-size:12px; color:#000000;}
.l-category-header .standard-list .list {padding:14px 0;}
.l-category-header .standard-list ul {position:relative; margin:1px 0px 0 124px;}
.l-category-header .standard-list li {position:relative; display:inline-block; vertical-align:top;}
.l-category-header .standard-list li .checkbox {width:auto; height:auto;}
.l-category-header .standard-list li .checkbox label {position:relative; display:block; width:99px; height:auto; text-align:center;}
.l-category-header .standard-list li .checkbox label:before {display:none;}
.l-category-header .standard-list li .checkbox label span {margin:-1px 0 0 -1px; padding:3px 0 5px 0; position:relative; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-category-header .standard-list li .checkbox label span {font-weight:400; line-height:15px; font-size:12px; color:#666666;}
.l-category-header .standard-list li .checkbox label span:before {display:block; content:''; position:absolute; left:0px; top:0px; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #d9d9d9;}
.l-category-header .standard-list li .checkbox label.focus:before {z-index:1; display:block; content:''; position:absolute; left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 2px); border:1px solid #000000;}
.l-category-header .standard-list li .checkbox label.focus span {color:#000000;}
.l-category-header .standard-list li .checkbox label:hover {background-color:#000000;}
.l-category-header .standard-list li .checkbox label:hover:before {z-index:1; display:block; content:''; position:absolute; left:-1px; top:0px; width:calc(100% - 1px); height:calc(100% - 2px); border:1px solid #000000;}
.l-category-header .standard-list li .checkbox label:hover span {color:#ffffff;}

.l-category-header .color-list {position:relative;}
.l-category-header .color-list .side {position:absolute; left:20px; top:18px;}
.l-category-header .color-list .title p {font-weight:400; line-height:16px; font-size:12px; color:#000000;}
.l-category-header .color-list .list {padding:14px 0;}
.l-category-header .color-list ul {position:relative; margin:0px 0px 0 123px;}
.l-category-header .color-list li {margin-left:9px; position:relative; display:inline-block; vertical-align:top;}
.l-category-header .color-list li:first-child {margin-left:0;}
.l-category-header .color-list li .checkbox {width:auto; height:auto;}
.l-category-header .color-list li .checkbox label {position:relative; display:block; width:24px; height:24px; border:1px solid transparent; border-radius:3px;}
.l-category-header .color-list li .checkbox label:before {z-index:1; display:none; content:''; position:absolute; left:5px; top:7px; width:15px; height:11px; background-position:0 -200px; opacity:1;}
.l-category-header .color-list li .checkbox label.focus:before {display:block;}
.l-category-header .color-list li .checkbox label:hover {border-color:#000000;}
.l-category-header .color-list .color-ffffff .checkbox label {border:1px solid #d9d9d9;}
.l-category-header .color-list .color-ffffff .checkbox label:before {background-position-y:-175px;}

.l-category-header .total-msg {margin-top:20px; text-align:center;}
.l-category-header .total-msg p {padding:0 15px; display:inline-block; background-color:#ffffff; border-radius:4px;}
.l-category-header .total-msg p {font-weight:400; line-height:27px; font-size:14px; color:#555555;}
.l-category-header .total-msg p .text {font-weight:700; color:#000000;}

.l-category-header .supplier-list {margin-top:20px; position:relative;}
.l-category-header .supplier-list:before {z-index:2; display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:2px solid #000000;}
.l-category-header .supplier-list ul {display:block; white-space:nowrap; overflow:hidden; height:41px;}
.l-category-header .supplier-list li {position:relative; display:inline-block; vertical-align:middle;}
.l-category-header .supplier-list li .radio {display:inline-block; vertical-align:middle; width:auto; height:auto;}
.l-category-header .supplier-list li .radio label {z-index:1; position:relative; display:block; width:auto; height:auto; background-color:#fbfbfb; cursor:pointer;}
.l-category-header .supplier-list li .radio label:before {}
.l-category-header .supplier-list li .radio label span {padding:0 30px 1px 30px; position:relative; display:block; word-break:break-all; border-left:1px solid #d9d9d9; border-top:1px solid #d9d9d9;}
.l-category-header .supplier-list li .radio label span:before {display:block; content:''; position:absolute; left:0; top:0; width:100%; height:0; border-top:1px solid #ffffff;}
.l-category-header .supplier-list li .radio label span {font-weight:400; line-height:38px; font-size:13px; color:#363636;}
.l-category-header .supplier-list li .radio label.focus {z-index:3; background-color:#ffffff;}
.l-category-header .supplier-list li .radio label.focus:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:calc(100% - 3px); height:calc(100% - 2px); border:2px solid #000000; border-bottom:0; opacity:1;}
.l-category-header .supplier-list li .radio label.focus:after {z-index:2; display:block; content:''; position:absolute; left:2px; bottom:-1px; width:calc(100% - 3px); height:0; border-bottom:2px solid #ffffff; opacity:1;}
.l-category-header .supplier-list li .radio label.focus span {font-weight:700; color:#000000;}
.l-category-header .supplier-list li:last-child .radio label span {border-right:1px solid #d9d9d9;}
.l-category-header .supplier-list li:last-child .radio label.focus:before {width:calc(100% - 4px);}
.l-category-header .supplier-list li:last-child .radio label.focus:after {width:calc(100% - 4px);}
.l-category-header .supplier-list .more {display:none;}
.l-category-header .supplier-list.on .more {z-index:5; display:block; position:absolute; top:1px; right:0; width:38px; height:38px; cursor:pointer; background-color:#fbfbfb; border-right:1px solid #d9d9d9;}
.l-category-header .supplier-list.on .more:before {display:block; content:''; position:absolute; top:6px; left:5px; width:26px; height:26px; background-position:-250px -75px; opacity:0.2;}
.l-category-header .supplier-list.on .more:hover:before {background-position-y:-125px; opacity:1;}

.l-category-header .order-list {position:relative; height:50px; border-bottom:1px solid #eff0f0; background-color:#ffffff;}
.l-category-header .order-list .order {display:block; padding:0 5px 0 5px;}
.l-category-header .order-list .order .sortby {margin:10px 0 0 20px; display:inline-block; vertical-align:middle;}
.l-category-header .order-list .order .sortby {font-weight:400; line-height:28px; font-size:12px; color:#666666;}
.l-category-header .order-list .order .selectbox {transition:border 0.2s, background 0.2s; margin:10px 0 0 10px; text-align:left; display:inline-block; vertical-align:middle; position:relative; background-color:#ffffff; border:1px solid #d9d9d9; width:178px; cursor:pointer;}
.l-category-header .order-list .order .selectbox .select {position:relative; display:block; height:28px; padding:0 9px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-category-header .order-list .order .selectbox .select {font-weight:400; line-height:28px; font-size:12px; color:#666666;}
.l-category-header .order-list .order .selectbox .select:before {z-index:2; display:block; content:''; position:absolute; right:28px; top:0; width:0; height:100%; border-left:1px solid #d9d9d9;}
.l-category-header .order-list .order .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:4px; top:calc(50% - 10px); width:20px; height:20px; background-position:-75px 0px; opacity:0.4;}
.l-category-header .order-list .order .selectbox .option {display:none; position:absolute; left:-1px; top:28px; width:calc(100% + 2px);}
.l-category-header .order-list .order .selectbox .option ul {position:relative; background-color:#ffffff; border:1px solid #d9d9d9;}
.l-category-header .order-list .order .selectbox .option ul li {position:relative; padding:0 9px 0 9px; display:block; height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-category-header .order-list .order .selectbox .option ul li {text-decoration:none; font-weight:400; line-height:28px; font-size:12px; color:#666666;}
.l-category-header .order-list .order .selectbox .option ul li:hover {transition:opacity 0.2s, border 0.2s, background 0.2s, color 0.2s; background-color:#fbfbfb; color:#000000;}
.l-category-header .order-list .order .selectbox .option ul li.focus {background-color:#ffffff;}
.l-category-header .order-list .order .selectbox.focus {background-color:#ffffff; border:1px solid #d9d9d9;}
.l-category-header .order-list .order .selectbox.focus .select {}
.l-category-header .order-list .order .selectbox.focus .select:after {background-position:-50px 0px}
.l-category-header .order-list .order .selectbox.focus .option {display:block;}
.l-category-header .order-list .order .selectbox.w100 {display:block; width:calc(100% - 2px);}
.l-category-header .order-list .order .order-radio li {margin-left:10px; position:relative; display:inline-block; vertical-align:middle;}
.l-category-header .order-list .order .order-radio li .radio {display:inline-block; vertical-align:middle; width:auto; height:auto;}
.l-category-header .order-list .order .order-radio li .radio label {z-index:1; position:relative; display:block; width:auto; height:auto; cursor:pointer;}
.l-category-header .order-list .order .order-radio li .radio label:before {display:none;}
.l-category-header .order-list .order .order-radio li .radio label span {position:relative; display:block; padding:0 5px 0 5px;}
.l-category-header .order-list .order .order-radio li .radio label span {font-weight:400; line-height:50px; font-size:12px; color:#666666;}
.l-category-header .order-list .order .order-radio li .radio label:hover span {text-decoration:underline; color:#000000;}
.l-category-header .order-list .order .order-radio li .radio label.focus span {padding-left:20px; color:#000000;}
.l-category-header .order-list .order .order-radio li .radio label.focus:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 5px); width:15px; height:11px; background-position:0 -175px; opacity:1;}
.l-category-header .order-list .order .order-radio li:first-child{margin-left:15px;}
.l-category-header .order-list .side {position:absolute; right:0px; top:calc(50% - 15px); height:30px;}
.l-category-header .order-list .price,
.l-category-header .order-list .rows,
.l-category-header .order-list .mode {display:inline-block; vertical-align:middle;}
.l-category-header .order-list .rows {margin-left:5px;}
.l-category-header .order-list .mode {margin-left:10px;}
.l-category-header .order-list .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:inline-block; vertical-align:middle; position:relative; background-color:#ffffff; border:1px solid #d9d9d9; width:97px; cursor:pointer;}
.l-category-header .order-list .selectbox .select {position:relative; display:block; height:28px; padding:0 9px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-category-header .order-list .selectbox .select {font-weight:400; line-height:28px; font-size:12px; color:#666666;}
.l-category-header .order-list .selectbox .select:before {z-index:2; display:block; content:''; position:absolute; right:28px; top:0; width:0; height:100%; border-left:1px solid #d9d9d9;}
.l-category-header .order-list .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:4px; top:calc(50% - 10px); width:20px; height:20px; background-position:-75px 0px; opacity:0.4;}
.l-category-header .order-list .selectbox .option {display:none; position:absolute; left:-1px; top:28px; width:calc(100% + 2px);}
.l-category-header .order-list .selectbox .option ul {position:relative; background-color:#ffffff; border:1px solid #d9d9d9;}
.l-category-header .order-list .selectbox .option ul li {position:relative; padding:0 9px 0 9px; display:block; height:28px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-category-header .order-list .selectbox .option ul li {text-decoration:none; font-weight:400; line-height:28px; font-size:12px; color:#666666;}
.l-category-header .order-list .selectbox .option ul li:hover {transition:opacity 0.2s, border 0.2s, background 0.2s, color 0.2s; background-color:#fbfbfb; color:#000000;}
.l-category-header .order-list .selectbox .option ul li.focus {background-color:#ffffff;}
.l-category-header .order-list .selectbox.focus {background-color:#ffffff; border:1px solid #d9d9d9;}
.l-category-header .order-list .selectbox.focus .select {}
.l-category-header .order-list .selectbox.focus .select:after {background-position:-50px 0px}
.l-category-header .order-list .selectbox.focus .option {display:block;}
.l-category-header .order-list .selectbox.w100 {display:block; width:calc(100% - 2px);}
.l-category-header .order-list .price .selectbox .option {width:198px;}
.l-category-header .order-list .price .selectbox .option ul li {padding:0 9px 0 33px;}
.l-category-header .order-list .price .selectbox .option ul li:before {z-index:1; display:block; content:''; position:absolute; left:10px; top:calc(50% - 7px); width:16px; height:16px; background-size:600px 1000px; background-position:-400px 0px; opacity:0.2;}
.l-category-header .order-list .price .selectbox .option ul li:hover:before {opacity:1;}
.l-category-header .order-list .price .selectbox .option ul li.focus:before {background-position:-420px -40px; opacity:1;}
.l-category-header .order-list .price .selectbox .footer {display:block; padding:1px 0 10px 10px;}
.l-category-header .order-list .price .selectbox .footer .input {display:inline-block; vertical-align:middle; border:1px solid #d9d9d9;}
.l-category-header .order-list .price .selectbox .footer .input input {padding:0 5px 0 5px; width:50px; height:24px; border:0; background:transparent;}
.l-category-header .order-list .price .selectbox .footer .input input {font-weight:400; line-height:24px; font-size:12px; color:#666666;}
.l-category-header .order-list .price .selectbox .footer .input.focus input {color:#000000;}
.l-category-header .order-list .price .selectbox .footer .line {padding:0 5px; display:inline-block; vertical-align:middle;}
.l-category-header .order-list .price .selectbox .footer .line {font-weight:400; line-height:24px; font-size:12px; color:#666666;}
.l-category-header .order-list .price .selectbox .footer .submit {position:relative; margin-left:2px; display:inline-block; vertical-align:middle; width:24px; height:24px; background-color:#fbfbfb; border:1px solid #d9d9d9; cursor:pointer;}
.l-category-header .order-list .price .selectbox .footer .submit:before {z-index:1; display:block; content:''; position:absolute; left:4px; top:4px; width:16px; height:16px; background-size:600px 1000px; background-position:-280px 0px; opacity:0.2;}
.l-category-header .order-list .price .selectbox .footer .submit:hover {background-color:#000000; border:1px solid #000000; cursor:pointer;}
.l-category-header .order-list .price .selectbox .footer .submit:hover:before {background-position:-280px -20px; opacity:1;}
.l-category-header .order-list .mode .radio {margin-left:-1px; display:inline-block; vertical-align:middle; width:auto; height:auto;}
.l-category-header .order-list .mode .radio label {position:relative; display:block; width:28px; height:28px; background-color:#ffffff; border:1px solid #d9d9d9; cursor:pointer;}
.l-category-header .order-list .mode .radio label:before {display:block; content:''; position:absolute; left:4px; top:4px; width:20px; height:20px; background-position:-450px 0px; opacity:0.4;}
.l-category-header .order-list .mode .radio:nth-child(2) label:before {background-position-x:-475px;}
.l-category-header .order-list .mode .radio label.focus:before {opacity:1;}
.l-category-header .order-list .mode .radio label.focus:after {z-index:2; display:block; content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 0px); height:100%; border:1px solid #000000;}
.l-category-header .order-list .mode .radio label:hover {background-color:#000000;}
.l-category-header .order-list .mode .radio label:hover:before {opacity:1; background-position-y:-25px;}

/* l-category-list */

.l-category-list {display:table; width:100%; table-layout:fixed; background-color:#ffffff;}
.l-category-list a {text-decoration:none;}
.l-category-list ul {display:table-row;}
.l-category-list li {position:relative; display:table-cell; vertical-align:middle; border-top:1px solid #ebedf1; height:120px; padding-top:15px; padding-bottom:15px;}
.l-category-list ul:last-child li {border-bottom:1px solid #ebedf1;}
.l-category-list ul:first-child li {border-top:0;}
.l-category-list ul:hover li {background-color:#fbfbfb;}

.l-category-list .field-thumb {overflow:hidden; min-width:150px; max-width:150px; width:150px; padding-right:20px; padding-left:10px;}
.l-category-list .field-title {}
.l-category-list .field-price,
.l-category-list .field-delivery,
.l-category-list .field-cart {min-width:180px; max-width:180px; width:180px; border-left:1px solid #ebedf1;}

.l-category-list.type2 .field-price,
.l-category-list.type2 .field-delivery,
.l-category-list.type2 .field-cart {min-width:160px; max-width:160px; width:160px;}

.l-category-list .field-title .block {margin-right:20px;}
.l-category-list .field-price .block,
.l-category-list .field-delivery .block,
.l-category-list .field-cart .block {margin:0 20px;}

.l-category-list .field-thumb .block {position:relative; overflow:hidden; display:block; width:150px; height:150px;}
.l-category-list .field-thumb a {z-index:5; display:block; position:absolute; left:0; top:0; width:150px; height:150px; background-color:#ffffff; opacity:0;}

.l-category-list .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:15px; top:10px; width:65px; height:65px; opacity:1;}
.l-category-list .icon img {width:100%; height:100%; border:0;}

.l-category-list .discount {transition:left 0.4s, opacity 0.4s; z-index:2; display:block; position:absolute; left:2px; top:2px; width:50px; height:55px; 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%; background-size:1050px 1750px; background-position:-350px -350px;}
.l-category-list .discount span {margin-top:9px; display:inline-block; vertical-align:bottom;}
.l-category-list .discount .swung {font-weight:800; line-height:22px; font-size:14px; color:#ffffff;}
.l-category-list .discount .num {font-weight:800; line-height:22px; font-size:20px; color:#ffffff;}
.l-category-list .discount .percent {margin-left:1px; position:relative; top:3px;}
.l-category-list .discount .percent {font-weight:400; line-height:24px; font-size:11px; color:#ffffff;}
.l-category-list .discount.type2:before {background-position-y:-420px;}
.l-category-list .lang.discount:before {background-position-y:-490px;}
.l-category-list .lang.discount.type2:before {background-position-y:-560px;}

.l-category-list .state {z-index:1; display:block; position:absolute; left:0; top:0; width:150px; height:150px; text-align:center;}
.l-category-list .state {font-weight:700; line-height:150px; font-size:24px; color:#ffffff;}
.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 .thumb,
.l-category-list .adult {position:relative; display:block; width:150px; height:150px;}
.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:11px; top:11px; width:128px; height:128px; background-size:600px 1000px; background-position:-140px -80px;}

.l-category-list .adult img,
.l-category-list .thumb img {transition:opacity 0.4s; display:block; position:absolute; left:0; top:0; width:100%; min-width:150px; border:0;}
.l-category-list .thumb img:nth-child(2) {opacity:0;}

.l-category-list .field-thumb:hover .discount {left:-50px; opacity:0;}
.l-category-list .field-thumb:hover .icon {opacity:0;}
.l-category-list .field-thumb.type2:hover .thumb img:nth-child(1) {opacity:0;}
.l-category-list .field-thumb.type2:hover .thumb img:nth-child(2) {opacity:1;}

.l-category-list .field-title p {display:inline-block; max-width:100%;}
.l-category-list .field-title p span,
.l-category-list .field-title p a {display:block; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.l-category-list .field-title .supplier span,
.l-category-list .field-title .brand span {white-space:nowrap;}

.l-category-list .supplier span {padding:3px 4px 3px 4px; border:1px solid #000000; background-color:#ffffff;}
.l-category-list .supplier span {font-weight:400; line-height:13px; font-size:11px; color:#000000;}
.l-category-list .brand {margin-top:6px;}
.l-category-list .brand span {font-weight:700; line-height:15px; font-size:13px; color:#000000;}
.l-category-list .title {margin-top:6px;}
.l-category-list .title span,
.l-category-list .title a {max-height:34px;}
.l-category-list .title span,
.l-category-list .title a {font-weight:400; line-height:17px; font-size:13px; color:#363636;}
.l-category-list .title span,
.l-category-list .title a:hover {text-decoration:underline;}

.l-category-list .open_price {padding:6px 0 6px 0; text-align:center; background-color:#000000; border-radius:2px;}
.l-category-list .open_price {font-weight:400; line-height:13px; font-size:11px; color:#ffffff;}
.l-category-list .open_price.type2 {background-color:#666666;}

.l-category-list .price {margin-top:9px;}
.l-category-list .price p {position:relative; display:block;}
.l-category-list .price p:nth-child(1) span {position:relative; top:1px; display:inline-block; vertical-align:bottom;}
.l-category-list .price p:nth-child(1) span {font-weight:400; line-height:22px; font-size:13px; color:#000000;}
.l-category-list .price p:nth-child(1) .currency-price {font-weight:800; 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:800; line-height:14px; font-size:12px; color:#000000;}
.l-category-list .price p:nth-child(1) .currency-text {margin-left:4px;}
.l-category-list .price p:nth-child(1) .swung {vertical-align:top;}
.l-category-list .price p:nth-child(1) .swung {font-weight:800; line-height:14px; font-size:12px; color:#000000;}
.l-category-list .price p:nth-child(2) {margin-top:3px;}
.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 {font-weight:400; line-height:15px; font-size:13px; color:#000000; letter-spacing:-0.5px;}
.l-category-list .price p:nth-child(2) .currency-text {margin-left:4px;}
.l-category-list .price p:nth-child(2) .price-line {color:#898989;}
.l-category-list .price p:nth-child(2) .price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:8px; width:100%; height:0; border-top:1px solid #959595;}
.l-category-list .price.currency-KRW p:nth-child(1) .swung {font-weight:800; line-height:22px; font-size:20px; color:#000000;}

.l-category-list .review {margin-top:11px; padding-top:7px; position:relative;}
.l-category-list .review:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0px; width:20px; height:0; border-top:1px solid #000000;}
.l-category-list .review p {position:relative; display:inline-block; vertical-align:middle;}
.l-category-list .review p:last-child {margin-left:5px;}
.l-category-list .review p:last-child {font-weight:400; line-height:15px; font-size:11px; color:#959595;}
.l-category-list .review .star > 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 > span:first-child {margin-left:0;}
.l-category-list .review .star-0 {background-position:-450px -250px;}
.l-category-list .review .star-1 {background-position:-475px -250px;}
.l-category-list .review .star-2 {background-position:-500px -250px;}
.l-category-list .review .star-3 {background-position:-525px -250px;}
.l-category-list .review .star-4 {background-position:-550px -250px;}
.l-category-list .review .star-5 {background-position:-575px -250px;}
.l-category-list .review .star-6 {background-position:-475px -275px;}
.l-category-list .review .star-7 {background-position:-500px -275px;}
.l-category-list .review .star-8 {background-position:-525px -275px;}
.l-category-list .review .star-9 {background-position:-550px -275px;}
.l-category-list .review .star-10 {background-position:-575px -275px;}

.l-category-list .delivery p {position:relative; padding-left:10px; border-bottom:1px solid #ebedf1;}
.l-category-list .delivery p {font-weight:400; line-height:32px; font-size:12px; color:#666666;}
.l-category-list .delivery p:before {z-index:1; display:block; content:''; position:absolute; left:2px; top:calc(50% - 1px); width:2px; height:2px; background-color:#d9d9d9;}
.l-category-list .delivery .parcel {font-weight:700; color:#000000;}

.l-category-list .sale_quantity span {display:inline-block; vertical-align:middle;}

.l-category-list .btn span {margin-top:4px; display:block; padding:10px 0; border:1px solid #d9d9d9; background-color:#ffffff; text-align:center; cursor:pointer;}
.l-category-list .btn span {font-weight:700; line-height:14px; font-size:12px; color:#666666;}
.l-category-list .btn span:first-child {margin-top:0;}
.l-category-list .btn span:hover {background-color:#000000; border-color:#000000; color:#ffffff;}

.l-category-list .btn2 {margin-top:10px;}
.l-category-list .btn2 p {z-index:1; position:relative; display:inline-block; vertical-align:middle; width:33.333%; height:30px; cursor:pointer;}
.l-category-list .btn2 p:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:5px; width:20px; height:20px; opacity:0.3;}
.l-category-list .btn2 p:after {z-index:1; display:block; content:''; position:absolute; left:0; top:0px; width:0; height:100%; border-left:1px solid #ebedf1;}
.l-category-list .btn2 p:nth-child(1):before {background-position:-450px -175px;}
.l-category-list .btn2 p:nth-child(2):before {background-position:-475px -175px;}
.l-category-list .btn2 p:nth-child(3):before {background-position:-525px -175px;}
.l-category-list .btn2 p:first-child:after {display:none;}
.l-category-list .btn2 p:hover:before {opacity:1;}
.l-category-list .btn2 p a {display:block; height:30px;}

/* l-category-image */

.l-category-image {display:table; width:100%; table-layout:fixed; background-color:#ffffff;}
.l-category-image a {text-decoration:none;}
.l-category-image ul {margin:0px 0 0 -30px;}
.l-category-image li {margin:30px 0 30px 30px; position:relative; display:inline-block; vertical-align:top; width:calc(25% - 30px);}

.l-category-image .image {position:relative;}
.l-category-image .image > a {z-index:5; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; opacity:0;}

.l-category-image .icon {transition:opacity 0.4s; z-index:2; display:block; position:absolute; right:-5px; top:-5px; width:65px; height:65px; 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 > img {z-index:1; position:relative; width:100%; height:100%; border:0;}

.l-category-image .discount {transition:left 0.4s, opacity 0.4s; z-index:2; display:block; position:absolute; left:2px; top:2px; width:50px; height:55px; 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%; background-size:1050px 1750px; background-position:-350px -350px;}
.l-category-image .discount span {margin-top:9px; display:inline-block; vertical-align:bottom;}
.l-category-image .discount .swung {font-weight:800; line-height:22px; font-size:14px; color:#ffffff;}
.l-category-image .discount .num {font-weight:800; line-height:22px; font-size:20px; color:#ffffff;}
.l-category-image .discount .percent {margin-left:1px; position:relative; top:3px;}
.l-category-image .discount .percent {font-weight:400; line-height:24px; font-size:11px; color:#ffffff;}
.l-category-image .discount.type2:before {background-position-y:-420px;}
.l-category-image .lang.discount:before {background-position-y:-490px;}
.l-category-image .lang.discount.type2:before {background-position-y:-560px;}

.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% - 64px); top:calc(50% - 64px); width:128px; height:128px; background-size:600px 1000px; background-position:-140px -80px;}

.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 > div,
.l-category-image .thumb > 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 .thumb img:nth-child(2) {opacity: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 > div {display:table; width:100%; height:100%;}
.l-category-image .state > div > 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:700; line-height:40px; font-size:36px; color:#ffffff;}

.l-category-image .btn {transition:bottom 0.4s; z-index:6; display:block; position:absolute; left:0; bottom:-40px; width:100%; height:40px;}
.l-category-image .btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#ffffff; opacity:0.9;}

.l-category-image .btn span {z-index:1; position:relative; display:inline-block; vertical-align:middle; width:20%; height:40px; cursor:pointer;}
.l-category-image .btn span:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px; opacity:0.3;}
.l-category-image .btn .btn-preview:before {background-position:-450px -175px;}
.l-category-image .btn .btn-blank:before {background-position:-475px -175px;}
.l-category-image .btn .btn-cart:before {background-position:-500px -175px;}
.l-category-image .btn .btn-wishlist:before {background-position:-525px -175px;}
.l-category-image .btn .btn-order:before {background-position:-550px -175px;}
.l-category-image .btn span:first-child:after {display:none;}
.l-category-image .btn span:hover:before {opacity:1;}
.l-category-image .btn span a {display:block; height:30px;}

.l-category-image .btn.type2 span {width:33.333%;}

.l-category-image .image:hover .discount {left:-50px; opacity:0;}
.l-category-image .image:hover .icon {opacity:0;}
.l-category-image .image.type2:hover .thumb img:nth-child(1) {opacity:0;}
.l-category-image .image.type2:hover .thumb img:nth-child(2) {opacity:1;}
.l-category-image .image:hover .btn {bottom:0px;}

.l-category-image .supplier {margin-top:10px;}
.l-category-image .supplier span {display:inline-block; padding:3px 4px 3px 4px; border:1px solid #000000; background-color:#ffffff;}
.l-category-image .supplier span {font-weight:400; line-height:13px; font-size:11px; color:#000000;}
.l-category-image .brand {margin-top:6px;}
.l-category-image .brand span {display:inline-block;}
.l-category-image .brand span {font-weight:700; line-height:15px; font-size:13px; color:#000000;}
.l-category-image .title {margin-top:6px;}
.l-category-image .title span,
.l-category-image .title a {max-height:34px; display:block; word-break:break-all; overflow:hidden;}
.l-category-image .title span,
.l-category-image .title a {font-weight:400; line-height:17px; font-size:13px; color:#363636;}
.l-category-image .title span,
.l-category-image .title a:hover {text-decoration:underline;}

.l-category-image .open_price {margin:10px 0 4px 0; padding:6px 0 6px 0; text-align:center; background-color:#000000; border-radius:2px;}
.l-category-image .open_price {font-weight:400; line-height:13px; font-size:11px; color:#ffffff;}
.l-category-image .open_price.type2 {background-color:#666666;}

.l-category-image .price {margin-top:9px;}
.l-category-image .price p {position:relative; display:inline-block;}
.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 {font-weight:400; line-height:22px; font-size:13px; color:#000000;}
.l-category-image .price p:nth-child(1) .currency-price {font-weight:800; 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:800; line-height:14px; font-size:12px; color:#000000;}
.l-category-image .price p:nth-child(1) .currency-text {margin-left:4px;}
.l-category-image .price p:nth-child(1) .swung {vertical-align:top;}
.l-category-image .price p:nth-child(1) .swung {font-weight:800; line-height:14px; font-size:12px; color:#000000;}
.l-category-image .price p:nth-child(2) {margin-left:10px;}
.l-category-image .price p:nth-child(2) span {top:-4px;}
.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 {font-weight:400; line-height:15px; font-size:13px; color:#000000; letter-spacing:-0.5px;}
.l-category-image .price p:nth-child(2) .text.price-line {color:#898989;}
.l-category-image .price p:nth-child(2) .text.price-line:before {z-index:1; display:block; content:''; position:absolute; left:0; top:8px; width:100%; height:0; border-top:1px solid #959595;}
.l-category-image .price p:nth-child(2) .currency-text {margin-left:4px; color:#898989;}
.l-category-image .price.currency-KRW p:nth-child(1) .swung {font-weight:800; line-height:22px; font-size:20px; color:#000000;}

.l-category-image .review {margin-top:4px;}
.l-category-image .review p {position:relative; display:inline-block; vertical-align:middle;}
.l-category-image .review p:last-child {margin-left:5px;}
.l-category-image .review p:last-child {font-weight:400; line-height:15px; font-size:11px; color:#959595;}
.l-category-image .review .star > span {margin-left:2px; z-index:1; overflow:hidden; position:relative; display:inline-block; vertical-align:top; width:10px; height:10px;}
.l-category-image .review .star > span:first-child {margin-left:0;}
.l-category-image .review .star-0 {background-position:-450px -250px;}
.l-category-image .review .star-1 {background-position:-475px -250px;}
.l-category-image .review .star-2 {background-position:-500px -250px;}
.l-category-image .review .star-3 {background-position:-525px -250px;}
.l-category-image .review .star-4 {background-position:-550px -250px;}
.l-category-image .review .star-5 {background-position:-575px -250px;}
.l-category-image .review .star-6 {background-position:-475px -275px;}
.l-category-image .review .star-7 {background-position:-500px -275px;}
.l-category-image .review .star-8 {background-position:-525px -275px;}
.l-category-image .review .star-9 {background-position:-550px -275px;}
.l-category-image .review .star-10 {background-position:-575px -275px;}

.l-category-image .delivery {position:relative; margin-top:8px; padding-top:9px; position:relative;}
.l-category-image .delivery:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0px; width:20px; height:0; border-top:1px solid #000000;}
.l-category-image .delivery .list span {margin-left:7px; padding-left:7px; position:relative; display:inline-block; vertical-align:top;}
.l-category-image .delivery .list span {font-weight:400; line-height:14px; font-size:12px; color:#666666;}
.l-category-image .delivery .list 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 .list span:first-child {margin-left:0; padding-left:0;}
.l-category-image .delivery .list span:first-child:before {display:none;}

.l-category-image .delivery > div:nth-child(2) {position:absolute; right:0; top:9px;}

.l-category-image .sale_quantity {font-weight:400; line-height:14px; font-size:12px; color:#666666;}

/* l-category-page */

.l-category-page {position:relative; margin-top:50px; min-height:40px;}
.l-category-page .paging {margin:0 auto;}
.l-category-page .paging span {text-decoration:none; display:block; text-align:center; cursor:pointer;}
.l-category-page .paging span {font-weight:400; line-height:40px; font-size:16px; color:#555555;}
.l-category-page .paging .prev1,
.l-category-page .paging .prev2,
.l-category-page .paging .next1,
.l-category-page .paging .next2 {position:relative; width:40px; height:40px;}
.l-category-page .paging .prev1:before,
.l-category-page .paging .prev2:before,
.l-category-page .paging .next1:before,
.l-category-page .paging .next2:before {display:block; content:''; position:absolute; left:0; top:0; width:40px; height:40px; background-size:1500px 2500px; opacity:0.2;}
.l-category-page .paging .prev1:before {background-position-x:-300px;}
.l-category-page .paging .prev2:before {background-position-x:-200px;}
.l-category-page .paging .next1:before {background-position-x:-250px;}
.l-category-page .paging .next2:before {background-position-x:-350px;}
.l-category-page .paging .prev1:hover:before,
.l-category-page .paging .prev2:hover:before,
.l-category-page .paging .next1:hover:before,
.l-category-page .paging .next2:hover:before {opacity:1;}
.l-category-page .paging .on,
.l-category-page .paging .off {margin-left:4px; padding:0 15px 0 15px;}
.l-category-page .paging .number1 span {margin-left:0px;}
.l-category-page .paging .on {font-weight:700; color:#ffffff;}
.l-category-page .paging .off {background-color:#ffffff; color:#909090;}
.l-category-page .paging .off:hover {font-weight:700; color:#000000;}


.l-category-footer {height:70px;}

/* 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) {

.l-category-image .price p:nth-child(2) span {top:0px;}

}

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

}