@charset "utf-8";

.l-menu,
.l-cart-back {display: none !important;}

.l-float {
    padding-bottom: 5px;
}

.l-cart-btn {z-index:999; position:fixed; left:0; bottom:0; width:100%; height:58px;}
.l-cart-btn .btn {padding:5px 4px; border-top:1px solid #cacaca; background-color:#ffffff;}
.l-cart-btn .btn span {margin-left:4px; width:calc(50% - 2px); height:46px; display:inline-block; vertical-align:top; border-bottom:1px solid #000000; background-color:#4e4d4d; text-align:center; border-radius:5px; cursor:pointer;}
.l-cart-btn .btn span {font-weight:bold; line-height:46px; font-size:16px; color:#ffffff;}
.l-cart-btn .btn span:first-child {margin-left:0;}

.l-container {padding:0 0 0 0;}

.l-container .c-addr {display:flex; flex-direction:column; justify-content:space-around; padding:10px 10px 10px 50px; min-height:35px; z-index:1; position:relative; background-color:#ffd800; vertical-align:middle; word-break:break-all; cursor:pointer;}
.l-container .c-addr {font-weight:bold; line-height:20px; font-size:12px; color:#000000;}
.l-container .c-addr:before {z-index:-1; display:block; content:''; position:absolute; left:10px; top:10px;}

.l-container .c-tab {margin-top:10px; position:relative;}
.l-container .c-tab:before {z-index:2; display:block; content:''; position:absolute; left:0px; bottom:0px; width:100%; height:0; border-bottom:2px solid #000000;}
.l-container .c-tab ul {margin:0 10px; display:block; white-space:nowrap; overflow:hidden; height:47px;}
.l-container .c-tab li {position:relative; display:inline-block; vertical-align:middle; width:100%;}
.l-container .c-tab li div {z-index:1; position:relative; display:block; cursor:pointer;}
.l-container .c-tab li a {text-decoration:none; text-align:center; padding:0 10px 1px 10px; position:relative; display:block; word-break:break-all; border-left:1px solid transparent; border-top:1px solid transparent;}
.l-container .c-tab li span {display:inline-block; vertical-align:middle;}
.l-container .c-tab li span {font-weight:bold; line-height:44px; font-size:16px; color:#999999;}
.l-container .c-tab li.on div {z-index:3; background-color:#ffffff; border-radius:5px 5px 0 0;}
.l-container .c-tab li.on div: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; border-radius:5px 5px 0 0;}
.l-container .c-tab li.on div:after {z-index:2; display:block; content:''; position:absolute; left:2px; bottom:-2px; width:calc(100% - 3px); height:0; border-bottom:3px solid #ffffff; opacity:1;}
.l-container .c-tab li.on span {color:#000000;}
.l-container .c-tab li:last-child a {border-right:1px solid transparent;}
.l-container .c-tab li:last-child.on div:before {width:calc(100% - 4px);}
.l-container .c-tab li:last-child.on div:after {width:calc(100% - 4px);}
.l-container .c-tab.type-2 li {width:50%;}

.l-container .c-choice {z-index:100; position:relative; height:44px;}
.l-container .c-choice .wrap {display:block; position:absolute; left:0; top:0; right:0; margin:0 auto; width:100%; height:44px; background-color:#ffffff; border-bottom:1px solid #e0e0e0;}
.l-container .c-choice .wrap.on {position:fixed;}
.l-container .c-choice .checkbox {width:auto; height:auto;}
.l-container .c-choice .checkbox label {padding:0 15px 0 38px; width:auto; height:44px;}
.l-container .c-choice .checkbox label {font-weight:bold; line-height:44px; font-size:14px; color:#333333;}
.l-container .c-choice .checkbox label:before {left:10px; top:calc(50% - 10px); width:20px; height:20px;}
.l-container .c-choice .side {padding:0 15px; position:absolute; right:0; top:0; cursor:pointer;}
.l-container .c-choice .side {line-height:44px; font-size:14px; color:#333333;}

.l-container .c-list {margin-top:10px;}
.l-container .c-list .array {z-index:1; padding:15px; min-height:100px; position:relative; background-color:#ffffff;}
.l-container .c-list .array .checkbox {z-index:2; position:absolute; left:0px; top:0px; width:40px; height:40px;}
.l-container .c-list .array .checkbox label {width:40px; height:40px;}
.l-container .c-list .array .checkbox label:before {left:calc(50% - 10px); top:calc(50% - 10px); width:20px; height:20px;}
.l-container .c-list .array .cart-del {z-index:1; position:absolute; right:0px; top:0px; width:44px; height:44px; cursor:pointer;}
.l-container .c-list .array .cart-del:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 12px); top:calc(50% - 12px); opacity:0.5;}
.l-container .c-list .array .thumb {z-index:1; position:absolute; left:15px; top:15px; width:75px; height:75px;}
.l-container .c-list .array .thumb-inner {display:block; position:relative; width:100%; height:100%; max-height:75px; line-height: 75px; overflow:hidden;}
.l-container .c-list .array .thumb-inner img {width:100%; border:0;}
.l-container .c-list .array .state {z-index:1; display:block; position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;}
.l-container .c-list .array .state:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.5;}
.l-container .c-list .array .state span {position:absolute; left:0; top:calc(50% - 10px); width:100%; text-align:center;}
.l-container .c-list .array .state span {font-weight:bold; line-height:20px; font-size:15px; color:#ffffff;}
.l-container .c-list .array .wrap {margin-left:90px;}

.l-container .c-list .array .supplier {max-width:calc(100% - 40px); padding:3px 4px; display:inline-flex; z-index:1; position:relative;}
.l-container .c-list .array .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-container .c-list .array .supplier p {position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-container .c-list .array .supplier p {line-height:12px; font-size:10px; color:#000000;}

.l-container .c-list .array .products {margin-top:3px; display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.l-container .c-list .array .products {line-height:19px; font-size:12px; color:#666666;}

.l-container .c-list .array .product {padding:5px 0 5px 0; display:table;}
.l-container .c-list .array .product span {position:relative; vertical-align:top; word-break:break-all;}
.l-container .c-list .array .product span:nth-child(1) {line-height:21px; font-size:15px; color:#000000;}
.l-container .c-list .array .product span:nth-child(2) {display:inline-block; margin-left:7px; z-index:1; padding-right:10px;}
.l-container .c-list .array .product span:nth-child(2) {line-height:21px; font-size:11px; color:#999999;}
.l-container .c-list .array .product span:nth-child(2):before {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 4px); opacity:0.5;}

.l-container .c-list .array .addoption {padding-bottom:5px; display:table; cursor:pointer;}
.l-container .c-list .array .addoption p {margin-top:4px;}
.l-container .c-list .array .addoption p:first-child {margin-top:0;}
.l-container .c-list .array .addoption p > span {position:relative; vertical-align:top; word-break:break-all;}
.l-container .c-list .array .addoption p > span:nth-child(1) {line-height:18px; font-size:13px; color:#5674b9;}
.l-container .c-list .array .addoption p > span:nth-child(2) {top:1px; display:inline-block; margin-left:7px; z-index:1; padding-right:10px;}
.l-container .c-list .array .addoption p > span:nth-child(2) {line-height:16px; font-size:11px; color:#999999;}
.l-container .c-list .array .addoption p > span:nth-child(2):before {z-index:-1; display:block; content:''; position:absolute; right:0; top:calc(50% - 4px); opacity:0.5;}

.l-container .c-list .array .optiontxt {padding-bottom:5px;}
.l-container .c-list .array .optiontxt {line-height:16px; font-size:12px; color:#5674b9;}

.l-container .c-list .array .soldout {margin-top:12px; padding-top:12px; border-top:1px solid #e0e0e0;}
.l-container .c-list .array .soldout {line-height:16px; font-size:12px; color:#ed1c24;}

.l-container .c-list .array .price {position:relative; margin-top:10px;}
.l-container .c-list .array .price .block {display:flex; flex-direction:column; justify-content:space-around; height:32px;}
.l-container .c-list .array .price p {}
.l-container .c-list .array .price p span {position:relative; display:inline-block; vertical-align:bottom;}
.l-container .c-list .array .price p:nth-child(1) {font-weight:bold; line-height:24px; font-size:20px; color:#000000;}
.l-container .c-list .array .price p:nth-child(1) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .array .price p:nth-child(1) .currency-decimal {line-height:14px; font-size:12px;}
.l-container .c-list .array .price p:nth-child(1) .currency-text {margin-left:3px; position:relative; top:-3px;}
.l-container .c-list .array .price p:nth-child(1) .currency-text {line-height:17px; font-size:12px;}
.l-container .c-list .array .price p:nth-child(2) {margin-top:2px;}
.l-container .c-list .array .price p:nth-child(2) span {line-height:16px; font-size:12px; color:#999999;}
.l-container .c-list .array .price p:nth-child(2) span:before {z-index:1; display:block; content:''; position:absolute; left:0; top:8px; width:100%; height:0; border-top:1px solid #999999;}
.l-container .c-list .array .price .quantity {height:42px; position:absolute; right:-4px; top:-6px;}
.l-container .c-list .array .price .minus,
.l-container .c-list .array .price .plus {z-index:2; display:block; position:absolute; right:0; top:0; width:42px; height:42px; cursor:pointer;}
.l-container .c-list .array .price .minus:before,
.l-container .c-list .array .price .plus:before {display:block; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); opacity:0.5;}
.l-container .c-list .array .price .minus:after,
.l-container .c-list .array .price .plus:after {display:block; content:''; position:absolute; left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; border:1px solid #cdcdcd; border-radius:100%;}
.l-container .c-list .array .price .minus {right:72px;}
.l-container .c-list .array .price .plus {right:0;}
.l-container .c-list .array .price .input {z-index:1; display:block; position:absolute; right:42px; top:5px; height:32px; border:0;}
.l-container .c-list .array .price .input input {width:30px; height:32px; border:0; background:transparent; text-align:center;}
.l-container .c-list .array .price .input input {font-weight:bold; line-height:32px; font-size:16px; color:#333333;}
.l-container .c-list .array .price .input.focus input {text-decoration:underline; color:#000000;}

.l-container .c-list .array .dtype {padding-top:9px; margin-top:16px; position:relative; border-top:1px solid #e0e0e0;}
.l-container .c-list .array .dtype p {line-height:16px; font-size:12px; color:#333333;}
.l-container .c-list .array .dtype .side {display:block; position:absolute; right:0; top:9px;}
.l-container .c-list .array .dtype .side {line-height:16px; font-size:12px; color:#666666;}

.l-container .c-list .array .dprice {margin-top:6px; position:relative;}
.l-container .c-list .array .dprice .block p {display:inline-block; vertical-align:top;}
.l-container .c-list .array .dprice .block p {line-height:20px; font-size:12px; color:#333333;}
.l-container .c-list .array .dprice .block p:nth-child(2) {margin-left:15px; margin-top:0px;}
.l-container .c-list .array .dprice .block p:nth-child(2) {line-height:20px; font-size:16px; color:#000000;}
.l-container .c-list .array .dprice .block p:nth-child(2) .currency-price {font-weight:bold;}
.l-container .c-list .array .dprice .block p:nth-child(2) .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-list .array .dprice .block p:nth-child(2) .currency-decimal {line-height:14px; font-size:12px;}
.l-container .c-list .array .dprice .block p:nth-child(2) .currency-text {margin-left:3px; position:relative; top:-1px;}
.l-container .c-list .array .dprice .block p:nth-child(2) .currency-text {line-height:17px; font-size:12px;}
.l-container .c-list .array .dprice .side {position:absolute; right:0; top:0;}
.l-container .c-list .array .dprice .side {text-decoration:underline; line-height:20px; font-size:12px; color:#333333;}

.l-container .c-list .array .btn {margin-top:25px; position:relative;}
.l-container .c-list .array .btn span {margin-left:4px; width:calc(50% - 4px); display:inline-block; vertical-align:top; border:1px solid #dcdcdc; background-color:#fafafa; text-align:center; cursor:pointer;}
.l-container .c-list .array .btn span {font-weight:bold; line-height:34px; font-size:13px; color:#999999;}
.l-container .c-list .array .btn span:first-child {margin-left:0;}
.l-container .c-list .array .btn span:nth-child(2) {color:#ffffff;}

.l-container .c-list .array:before {z-index:-1; display:block; content:''; position:absolute; left:0; width:100%; height:0;}
.l-container .c-list .array:after {z-index:-1; display:block; content:''; position:absolute; left:0; width:100%; height:0;}

.l-container .c-list .array.type-3 {margin-top:10px;}
.l-container .c-list .array.type-3:before {top:-10px; border-top:1px solid #dcdcdc;}
/*.l-container .c-list .array.type-3:after {top:0; border-top:1px solid #dcdcdc;}*/
.l-container .c-list .array.type-3:after {display:none;}

.l-container .c-list .array.type-2 {margin-top:10px;}
.l-container .c-list .array.type-2:before {top:-10px; border-top:1px solid #dcdcdc;}
/*.l-container .c-list .array.type-2:after {top:0; border-top:1px solid #dcdcdc;}*/
.l-container .c-list .array.type-2:after {display:none;}

.l-container .c-list .array.type-1:before {left:15px; top:0; width:calc(100% - 30px); border-top:1px solid #dcdcdc;}
.l-container .c-list .array.type-1:after {display:none;}

.l-container .c-list .array.type-0:before {left:15px; top:0; width:calc(100% - 30px); border-top:1px dashed #dcdcdc;}
.l-container .c-list .array.type-0:after {display:none;}

.l-container .c-list .array:first-child:before,
.l-container .c-list .array:first-child:after {display:none;}

.l-container .c-list .array:last-child:after {display:block; left:0; bottom:0; width:100%; border-bottom:1px solid #dcdcdc;}

.l-container .c-items {padding-bottom:100px;}
.l-container .c-item {border-top:1px solid #e0e0e0;}
.l-container .c-item:last-child {border-bottom:1px solid #e0e0e0;}
.l-container .c-item > .title {z-index:1; position:relative; padding:0 0 0 15px; display:block; background-color:#ffffff; cursor:pointer;}
.l-container .c-item > .title {font-weight:bold; line-height:49px; font-size:15px; color:#333333;}
.l-container .c-item > .title:before {z-index:-1; display:block; content:''; position:absolute; right:15px; top:calc(50% - 5px); opacity:0.5;}
.l-container .c-item .wrap {display:none; padding:0px 15px; border-top:1px solid #e0e0e0; background-color:#ffffff;}
.l-container .c-item.on .wrap {display:block;}
.l-container .c-item .card li {position:relative; display:block; vertical-align:middle; border-top:1px dotted #ebebeb;}
.l-container .c-item .card li:first-child {border-top:0;}
.l-container .c-item .card li div:nth-child(1) {position:absolute; left:0; top:calc(50% - 14px);}
.l-container .c-item .card li div:nth-child(2) {margin-left:80px; padding:13px 15px 17px 0;}
.l-container .c-item .card li p {margin-top:5px; word-break:break-all;}
.l-container .c-item .card li p {line-height:18px; font-size:14px; color:#000000;}
.l-container .c-item .card li p:first-child {margin-top:0;}
.l-container .c-item .card li p span {display:inline; vertical-align:middle;}
.l-container .c-item .card li p span:nth-child(1) {color:#707070;}
.l-container .c-item .card li p span:nth-child(2) {margin-left:5px;}
.l-container .c-item .country {padding:20px 0; margin:-10px 0 0 -10px;}
.l-container .c-item .country p {position:relative; margin:10px 0 0 10px; display:inline-block; vertical-align:top; width:calc(50% - 10px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-container .c-item .country p {line-height:25px; font-size:13px; color:#4d4d4d;}
.l-container .c-item .country p span:nth-child(2) {display:block; margin-left:35px;}
.l-container .c-item .country .flag-code {display:block; position:absolute; left:0; top:0; width:25px; height:25px;}
.l-container .c-item .text {padding:20px 0;}
.l-container .c-item .text {line-height:18px; font-size:14px; color:#000000;}
.l-container .c-item .delivery {padding:0;}
.l-container .c-item .delivery .title {display:flex; padding:12px 15px 12px 15px; background-color:#4e4d4d;}
.l-container .c-item .delivery .title span {position:relative; display:inline-block; vertical-align:top; white-space:nowrap;}
.l-container .c-item .delivery .title span:nth-child(1) {padding:0 9px; border:1px solid #000000; background-color:#ffffff; border-radius:5px;}
.l-container .c-item .delivery .title span:nth-child(1) {line-height:22px; font-size:14px; color:#474747;}
.l-container .c-item .delivery .title span:nth-child(2) {top:2px; margin-left:7px; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.l-container .c-item .delivery .title span:nth-child(2) {line-height:20px; font-size:13px; color:#ffffff;}
.l-container .c-item .delivery .block {padding:11px 20px 13px 20px; background-color:#ffffff;}
.l-container .c-item .delivery .block ul {margin:-10px 0 0 -30px;}
.l-container .c-item .delivery .block li {z-index:1; margin:10px 0 0 30px; position:relative; display:inline-block; vertical-align:top; width:calc(50% - 30px);}
.l-container .c-item .delivery .block li:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:calc(50% - 1px); width:2px; height:2px; background-color:#999999;}
.l-container .c-item .delivery .block li p:nth-child(1) {margin-left:7px;}
.l-container .c-item .delivery .block li p:nth-child(1) {line-height:18px; font-size:14px; color:#333333;}
.l-container .c-item .delivery .block li p:nth-child(2) {display:block; position:absolute; right:0; top:0;}
.l-container .c-item .delivery .block li p:nth-child(2) {line-height:18px; font-size:14px; color:#333333;}
.l-container .c-item .delivery .price {margin-top:13px; padding-top:12px; border-top:1px dotted #e0e0e0; text-align:center;}
.l-container .c-item .delivery .price {line-height:18px; font-size:14px; color:#333333;}

#c-item-delivery {display:none;}
#c-item-delivery.use {display:block;}

.l-container .c-btn {z-index:1; padding:10px; position:relative;}
.l-container .c-btn:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000000; opacity:0.04;}
.l-container .c-btn ul {}
.l-container .c-btn li {margin-left:10px; width:calc(50% - 7px); display:inline-block; vertical-align:top; border:1px solid #d8d8d8; background-color:#ffffff; text-align:center; cursor:pointer; border-radius:4px;}
.l-container .c-btn li {line-height:39px; font-size:14px; color:#000000;}
.l-container .c-btn li:first-child {margin-left:0;}

.l-container .c-price {margin-top:30px; padding:15px 15px 12px 15px; background-color:#ffffff;}
.l-container .c-price ul {margin-top:10px; position:relative;}
.l-container .c-price ul:first-child {margin-top:0;}
.l-container .c-price li {display:block;}
.l-container .c-price li:nth-child(1) {line-height:20px; font-size:14px; color:#000000;}
.l-container .c-price li:nth-child(2) {position:absolute; right:0; top:0; text-align:right;}
.l-container .c-price li .price {line-height:20px; font-size:16px; color:#000000;}
.l-container .c-price li .price .currency-price {font-weight:bold;}
.l-container .c-price li .price .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-price li .price .currency-decimal {line-height:14px; font-size:12px;}
.l-container .c-price li .price .currency-text {margin-left:3px; position:relative; top:-1px;}
.l-container .c-price li .price .currency-text {line-height:16px; font-size:12px;}
.l-container .c-price li .price.red {color:#ff003f;}
.l-container .c-price ul:last-child {margin-top:15px; border-top:1px solid #000000; height:45px;}
.l-container .c-price ul:last-child li {position:absolute; right:0; top:11px;}
.l-container .c-price ul:last-child p {position:relative; display:inline-block; vertical-align:top;}
.l-container .c-price ul:last-child p:nth-child(1) {top:2px; margin-right:20px;}
.l-container .c-price ul:last-child p:nth-child(1) {line-height:30px; font-size:14px; color:#000000;}
.l-container .c-price ul:last-child li .price {line-height:30px; font-size:25px; color:#000000;}
.l-container .c-price ul:last-child li .price .currency-price {font-weight:bold;}
.l-container .c-price ul:last-child li .price .currency-decimal {margin-left:2px; vertical-align:top;}
.l-container .c-price ul:last-child li .price .currency-decimal {line-height:14px; font-size:12px;}
.l-container .c-price ul:last-child li .price .currency-text {margin-left:3px; position:relative; top:-1px;}
.l-container .c-price ul:last-child li .price .currency-text {line-height:18px; font-size:13px;}

.l-container .c-order {padding:30px 10px 50px 10px;}
.l-container .c-order > ul > li {margin-top:10px; position:relative; border-bottom:1px solid #050505; background-color:#4e4d4d; border-radius:5px; text-align:center; cursor:pointer;}
.l-container .c-order > ul > li {font-weight:bold; line-height:46px; font-size:16px; color:#ffffff;}
.l-container .c-order > ul > li:first-child {margin-top:0;}

.l-container .c-present {margin:0 10px 30px 10px; padding:30px 10px 15px 10px; border:1px solid #e0e0e0; background-color:#f5f5f5; border-radius:5px;}
.l-container .c-present .img {margin:0 auto; width:50px; height:46px;}
.l-container .c-present .text {margin-top:20px; text-align:center;}
.l-container .c-present .text {line-height:17px; font-size:13px; color:#333333;}
.l-container .c-present .btn {margin:30px 5px 0px 5px; text-align:center;}
.l-container .c-present .btn li {margin-left:10px; width:100%; display:inline-block; vertical-align:top; border-radius:5px; text-align:center; cursor:pointer;}
.l-container .c-present .btn li {font-weight:bold; line-height:41px; font-size:14px; color:#ffffff;}
.l-container .c-present .btn li:first-child {margin-left:0;}
.l-container .c-present .btn li.type1 {background-color:#ed4e62;}
.l-container .c-present .btn li.type2 {background-color:#4ebaed;}
.l-container .c-present.type-2 .btn li {width:calc(50% - 5px);}

.l-container .c-not {padding:80px 0;}
.l-container .c-not .icon {z-index:1; position:relative; margin:0 auto; width:80px; height:72px;}
.l-container .c-not .icon:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0;}
.l-container .c-not p {margin-top:20px; text-align:center;}
.l-container .c-not p {line-height:22px; font-size:18px; color:#000000;}

.cart-naverpay {
    padding:20px 0;
}

/* change-product */

.layout-create.lc-c-product {position:absolute; background-color:#fcfcfc; border:1px solid #000000; border-radius:5px;}
.layout-create.lc-c-product .header {position:relative; overflow:hidden; border-radius:5px 5px 0 0;}
.layout-create.lc-c-product .body {padding:15px;}
.layout-create.lc-c-product .subj {font-weight:bold; line-height:18px; font-size:13px; color:#4e4d4d;}
.layout-create.lc-c-product .subj.type2 {margin-top:15px; padding-top:11px; border-top:1px dotted #e0e0e0;}
.layout-create.lc-c-product .item {margin-top:10px; padding:10px; position:relative; border:1px solid #e0e0e0; background-color:#ffffff;}
.layout-create.lc-c-product .item .thumb {display:block; position:absolute; left:10px; top:10px; width:75px; height:75px; overflow:hidden;}
.layout-create.lc-c-product .item .thumb img {width:100%;}
.layout-create.lc-c-product .item .block {margin-left:85px; min-height:75px;}
.layout-create.lc-c-product .item .title {line-height:20px; font-size:15px; color:#000000;}
.layout-create.lc-c-product .item .price {}
.layout-create.lc-c-product .item .price {line-height:24px; font-size:20px; color:#000000;}
.layout-create.lc-c-product .item .price .currency-price {font-weight:bold;}
.layout-create.lc-c-product .item .price .currency-decimal {margin-left:2px; vertical-align:top;}
.layout-create.lc-c-product .item .price .currency-decimal {line-height:14px; font-size:12px;}
.layout-create.lc-c-product .item .price .currency-text {margin-left:3px; position:relative; top:-1px;}
.layout-create.lc-c-product .item .price .currency-text {line-height:17px; font-size:12px;}

.layout-create.lc-c-product .prooption {margin-top:10px; display:block; position:relative;}
.layout-create.lc-c-product .prooption.type-line {border-bottom:1px solid #ffffff;}
.layout-create.lc-c-product .prooption.type-line:before {display:block; content:''; position:absolute; left:0; bottom:0px; width:100%; height:0; border-bottom:1px solid #e9e9e9;}
.layout-create.lc-c-product .prooption > ul {margin-top:15px; display:block; width:100%;}
.layout-create.lc-c-product .prooption > ul:first-child {margin-top:0;}
.layout-create.lc-c-product .prooption .selectbox {transition:border 0.2s, background 0.2s; text-align:left; display:block; vertical-align:middle; position:relative; background-color:#f2f3f5; border:1px solid #cdcdcd; cursor:pointer;}
.layout-create.lc-c-product .prooption .selectbox:before {z-index:10; display:block; content:''; position:absolute; left:-1px; top:-1px; width:calc(100% + 2px); height:calc(100% + 2px); cursor:default;}
.layout-create.lc-c-product .prooption .selectbox .select {position:relative; display:flex; flex-direction:column; justify-content:space-around; height:41px;}
.layout-create.lc-c-product .prooption .selectbox .select .title {padding:0 25px 0 9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; word-break:break-all;}
.layout-create.lc-c-product .prooption .selectbox .select .title {line-height:1.3; font-size:14px; color:#999999;}
.layout-create.lc-c-product .prooption .selectbox .select:after {z-index:2; display:block; content:''; position:absolute; right:10px; top:calc(50% - 3px); opacity:0.2;}
.layout-create.lc-c-product .prooption .selectbox .option {z-index:3; display:none; position:absolute; left:-1px; top:0; width:100%; border:1px solid #000000;}
.layout-create.lc-c-product .prooption .selectbox .option ul {position:relative; overflow-x:hidden; overflow-y:auto; height:351px; background-color:#ffffff;}
.layout-create.lc-c-product .prooption .selectbox .option ul li {padding:15px 10px 15px 10px; position:relative; display:block; border-bottom:1px dotted #cdcdcd;}
.layout-create.lc-c-product .prooption .selectbox .option ul li:first-child {display:none;}
.layout-create.lc-c-product .prooption .selectbox .option ul li.focus {transition:background 0.2s; background-color:#f4f5f7;}
.layout-create.lc-c-product .prooption .selectbox .option ul li .title {line-height:1.3; font-size:14px; color:#000000;}
.layout-create.lc-c-product .prooption .selectbox .option ul li.focus .title {color:#252525;}
.layout-create.lc-c-product .prooption .selectbox .soldout {cursor:default;}
.layout-create.lc-c-product .prooption .selectbox .soldout .title {color:#999999 !important;}
.layout-create.lc-c-product .prooption .selectbox .soldout .red {margin-right:5px; display:inline-block; color:#ef4f4e;}
.layout-create.lc-c-product .prooption .selectbox.focus {background-color:#ffffff; border:1px solid #252525;}
.layout-create.lc-c-product .prooption .selectbox.focus .select {color:#252525;}
.layout-create.lc-c-product .prooption .selectbox.focus .select:after {opacity:1;}
.layout-create.lc-c-product .prooption .selectbox.focus .option {display:block;}
.layout-create.lc-c-product .prooption .selectbox.w100 {display:block; width:calc(100% - 2px);}
.layout-create.lc-c-product .prooption .selectbox.on {background-color:#ffffff; border-color:#000000;}
.layout-create.lc-c-product .prooption .selectbox.on:before {display:none;}
.layout-create.lc-c-product .prooption .selectbox.on .select:after {opacity:1;}
.layout-create.lc-c-product .prooption .selectbox.on .select .title {color:#000000;}
.layout-create.lc-c-product .prooption .selectbox.first .option ul li:first-child {display:block;}

.layout-create.lc-c-product .option-thumb .selectbox .select {height:auto; min-height:60px; padding:8px 25px 8px 9px; white-space:normal; overflow:visible;}
.layout-create.lc-c-product .option-thumb .selectbox .select {line-height:0; font-size:0;}
.layout-create.lc-c-product .option-thumb .selectbox .select .title {padding:0; white-space:normal; overflow:visible;}
.layout-create.lc-c-product .option-thumb .selectbox .option ul li {padding:10px 10px 10px 10px;}
.layout-create.lc-c-product .option-thumb .selectbox .thumb {display:block; position:absolute; left:10px; top:8px; width:60px; height:60px;}
.layout-create.lc-c-product .option-thumb .selectbox .thumb img {width:100%; height:100%;}
.layout-create.lc-c-product .option-thumb .selectbox .table {margin-left:70px; display:table; width:calc(100% - 70px);}
.layout-create.lc-c-product .option-thumb .selectbox .table-cell {display:table-cell; vertical-align:middle; height:60px;}
.layout-create.lc-c-product .option-thumb .selectbox .title {margin-bottom:4px;}
.layout-create.lc-c-product .option-thumb .selectbox .price span {position:relative; display:inline-block; vertical-align:bottom;}
.layout-create.lc-c-product .option-thumb .selectbox .currency-price {font-weight:bold; line-height:20px; font-size:18px; color:#000000;}
.layout-create.lc-c-product .option-thumb .selectbox .currency-text {margin-left:4px; top:1px;}
.layout-create.lc-c-product .option-thumb .selectbox .currency-text {line-height:18px; font-size:12px; color:#000000;}
.layout-create.lc-c-product .option-thumb .selectbox .currency-decimal {margin-left:2px; vertical-align:top;}
.layout-create.lc-c-product .option-thumb .selectbox .currency-decimal {font-weight:bold; line-height:14px; font-size:12px; color:#000000;}
.layout-create.lc-c-product .option-thumb .selectbox .soldout .title,
.layout-create.lc-c-product .option-thumb .selectbox .soldout .currency-price,
.layout-create.lc-c-product .option-thumb .selectbox .soldout .currency-decimal,
.layout-create.lc-c-product .option-thumb .selectbox .soldout .currency-text {color:#959595;}

.layout-create.lc-c-product .choice {margin-top:5px; display:block;}
.layout-create.lc-c-product .choice .block {margin-top:5px; z-index:1; display:block; position:relative; padding:12px 10px 13px 10px; border:1px solid #cdcdcd; background-color:#ffffff;}
.layout-create.lc-c-product .choice .block:first-child {margin-top:0;}
.layout-create.lc-c-product .choice .del {z-index:1; position:absolute; right:0px; top:0px; width:34px; height:34px; cursor:pointer;}
.layout-create.lc-c-product .choice .del:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 12px); top:calc(50% - 12px); opacity:0.5;}
.layout-create.lc-c-product .choice .title {}
.layout-create.lc-c-product .choice .title {line-height:20px; font-size:15px; color:#5674b9;}
.layout-create.lc-c-product .choice .box {position:relative; margin-top:10px;}
.layout-create.lc-c-product .choice .box .price {height:30px;}
.layout-create.lc-c-product .choice .box .price span {line-height:24px; font-size:20px; color:#5674b9;}
.layout-create.lc-c-product .choice .box .price span {position:relative; display:inline-block; vertical-align:bottom;}
.layout-create.lc-c-product .choice .box .price .currency-price {font-weight:bold;}
.layout-create.lc-c-product .choice .box .price .currency-decimal {margin-left:2px; vertical-align:top;}
.layout-create.lc-c-product .choice .box .price .currency-decimal {line-height:14px; font-size:12px;}
.layout-create.lc-c-product .choice .box .price .currency-text {margin-left:3px; position:relative; top:-3px;}
.layout-create.lc-c-product .choice .box .price .currency-text {line-height:17px; font-size:12px;}
.layout-create.lc-c-product .choice .box .quantity {height:42px; position:absolute; right:-4px; top:-10px;}
.layout-create.lc-c-product .choice .box .minus,
.layout-create.lc-c-product .choice .box .plus {z-index:2; display:block; position:absolute; right:0; top:0; width:42px; height:42px; cursor:pointer;}
.layout-create.lc-c-product .choice .box .minus:before,
.layout-create.lc-c-product .choice .box .plus:before {display:block; content:''; position:absolute; left:calc(50% - 6px); top:calc(50% - 6px); opacity:0.5;}
.layout-create.lc-c-product .choice .box .minus:after,
.layout-create.lc-c-product .choice .box .plus:after {display:block; content:''; position:absolute; left:calc(50% - 15px); top:calc(50% - 15px); width:30px; height:30px; border:1px solid #cdcdcd; border-radius:100%;}
.layout-create.lc-c-product .choice .box .minus {right:72px;}
.layout-create.lc-c-product .choice .box .plus {right:0;}
.layout-create.lc-c-product .choice .box .input {z-index:1; display:block; position:absolute; right:42px; top:5px; height:32px; border:0;}
.layout-create.lc-c-product .choice .box .input input {width:30px; height:32px; border:0; background:transparent; text-align:center;}
.layout-create.lc-c-product .choice .box .input input {font-weight:bold; line-height:32px; font-size:16px; color:#333333;}
.layout-create.lc-c-product .choice .box .input.focus input {text-decoration:underline; color:#000000;}

.layout-create.lc-c-product .addoption {margin-top:8px; display:block; position:relative;}
.layout-create.lc-c-product .addoption > ul {margin-top:10px; display:block; width:100%;}
.layout-create.lc-c-product .addoption > ul:first-child {margin-top:0;}
.layout-create.lc-c-product .addoption > ul > li {position:relative; display:block;}
.layout-create.lc-c-product .addoption > ul > li:nth-child(1) {}
.layout-create.lc-c-product .addoption > ul > li:nth-child(1) {line-height:20px; font-size:13px; color:#5674b9;}
.layout-create.lc-c-product .addoption > ul > li:nth-child(2) {margin-top:8px;}
.layout-create.lc-c-product .addoption .select {position:relative; border:1px solid #cdcdcd; background-color:#ffffff;}
.layout-create.lc-c-product .addoption .select:after {z-index:1; display:block; content:''; position:absolute; right:10px; top:calc(50% - 3px); opacity:0.5;}
.layout-create.lc-c-product .addoption .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:32px; padding:0 10px 0 10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.layout-create.lc-c-product .addoption .select select {line-height:32px; font-size:13px; color:#333333;}

.layout-create.lc-c-product .footer {margin-top:30px; display:block; position:relative;}
.layout-create.lc-c-product .footer span {margin-top:4px; display:block; border:1px solid #dcdcdc; background-color:#fafafa; text-align:center; border-radius:5px; cursor:pointer;}
.layout-create.lc-c-product .footer span {font-weight:bold; line-height:39px; font-size:14px; color:#999999;}
.layout-create.lc-c-product .footer span:first-child {margin-top:0; color:#ffffff;}

.l-container .c-list .item-not {
    text-align: center;
    padding: 80px 0;
}

.l-container .c-list .item-not svg {
    display: inline-block;
    width: 100px;
    height: 100px;
}

.l-container .c-list .item-not svg path,
.l-container .c-list .item-not svg line {
    fill:none;stroke:#000000;stroke-width:2.67;stroke-linecap:round;stroke-miterlimit:10;
}

.l-container .c-list .item-not p {
    margin-top: 10px;
    text-align: center;
    font-weight: bold;
    line-height: 32px;
    font-size: 16px;
    color: #333333;
}
