@charset "utf-8";
@import url('common.css');
:root {
    --main-color: #ff0082;
	--swiper-pagination-color :#ff0082;
}

.swiper-button-prev, .swiper-button-next {width: auto;height: auto;-webkit-box-shadow: none;box-shadow: none;text-shadow: none;top: 50%;outline: 0}
.swiper-button-prev:after, .swiper-button-next:after {display: none;}

body.intro {background:#ef43ad;}
.intro {position: relative;  }
.intro section {position: absolute; top:50%; left: 50%; transform: translate(-50%, 50%); }
.intro h1 { text-align:center; }
.intro h1 img { width:50%; }    
.intro span {display:block; margin:0 auto; text-align:center; text-transform:uppercase; font-size:6rem; font-weight:700; color:#fff; }

html {font-size: 13px;}
.index {padding-top: 80px;}
.slick-prev:before, .slick-next:before {color: #222}

/* HEADER */
header {position: fixed;height: 80px;left: 0;right: 0;top: 0;background: rgba(255, 0, 130, 1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); color: #fff;-webkit-transition: all 0.3s;transition: all 0.3s; z-index: 33;}
header.fixed {background: rgba(255, 0, 130, 0.9); -webkit-transition: all 0.3s; transition: all 0.3s;}
header .container {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;height: 100%;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
header h1 {font-size: 0;position: relative;z-index: 1; margin-top:10px;}
header h1 a {display: block; width: 60px;}
header .user-nav {margin-left: auto;z-index: 1;}
header .user-nav li {display: inline-block; position: relative; margin-left: 25px;}
header .user-nav li i {font-size:2.5rem; }
header .user-nav li .badge {background: #fff72a; color: #222; width: ;height: ;border-radius: 50%;line-height: 20px; text-align:left; position: absolute;right: -15px;top: 50%;margin-top: -24px;}
header #gnb {font-size: 18px;margin: 0 auto;position: relative;z-index: 1;}
header #gnb>ul {text-align: right}
header #gnb>ul>li {display: inline-block; margin-left:50px; font-size: 1.23rem; font-weight:600; line-height: 80px;;position: relative;-webkit-transition: all 0.3s;transition: all 0.3s; text-transform:uppercase; }
header .top-search {display: none;position: absolute;right: 0;top: 30px; width: 160px; border: 1px solid #ccc;}
header .top-search .input-group .form-control {border: 0; border-radius: 0;}
header .top-search .input-group .btn {background: none;height: 100%;padding-left: 5px;padding-right: 5px;}
header .top-search .input-group .btn img {vertical-align: top;max-width: inherit;;}
header .top-search .input-group .btn:last-child {display: none}
header #toggle-category {}
header #close-category {display: none; color: #fff;font-size: 2rem;position: absolute;left: 50%;margin-left: 510px;top: 289px;background: #000; width: 50px;height: 50px;padding: 0;}
/*header .overlay {background: rgba(0, 0, 0, 0.6);position: fixed;left: 0;right: 0;top: -290px;height: 290px;opacity:0;z-index: 0;-webkit-transition: all 0.3s;transition: all 0.3s}*/
#toggle-open, .mobile-top-nav, .toggle-nav-wrap {display: none}
header.category #gnb ul ul, header.category #close-category {display: block}
header.category .overlay {opacity: 1;top: 0; -webkit-transition: all 0.3s; transition: all 0.3s}

footer {background: #222; border-top:1px solid rgba(255, 255, 255, 0.15); color:rgba(255, 255, 255, 0.6); text-align:center; font-size:1rem; letter-spacing:0; padding:3rem 0; }
footer address {line-height:1.6; }
footer address span {display:inline-block; margin:0 3px; }
footer .copy {display:block;  margin-top:.75rem; font-size:1rem; color:rgba(255, 255, 255, 0.5); }
footer .copy b { font-weight:600; color:rgba(255, 255, 255, 0.8);}
footer .sns {margin-top:2rem; }
footer .sns li {display:inline-block;}
footer .sns li+li {margin-left:1rem; }
footer .sns li i {font-size:2rem; color:rgba(255, 255, 255, 0.4);}
footer .scroll-top {position:fixed; right:2em; bottom:5rem; background:rgba(255, 255, 255, 0.3); width: 4em; height: 4em; color:#fff; line-height:4em; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 999}
footer .scroll-top.is-showing {bottom:5em;; opacity:0.8;}

.index section {margin: 80px 0; text-align: center}
.index section h1 {font-size: 2.75rem;margin-bottom: 1.5em; font-weight: 600; text-transform:uppercase; }

.main-visual {max-width: 1920px; height:auto; margin: 0 auto;position: relative}
.main-visual .swiper-button-prev, .main-visual .swiper-button-next {width: 56px;height: 107px;margin-top: -52px;}
.main-visual .swiper-button-prev:after, .main-visual .swiper-button-next:after {display: none}
.main-visual .swiper-button-prev {background: url(../img/arr_main_prev.png) no-repeat 50%;left: 5%}
.main-visual .swiper-button-next {background: url(../img/arr_main_next.png) no-repeat 50%;right: 5%}
.main-visual .swiper-pagination {bottom: 5% !important; font-size: 0}
.main-visual .swiper-pagination-bullet {background: #fff;width: 15px;height: 15px;border-radius: 1rem;-webkit-transition:all 0.3s;transition:all 0.3s;opacity: .5}
.main-visual .swiper-pagination-bullet-active {width: 28px;-webkit-transition:all 0.3s;transition:all 0.3s;opacity: 1}

.index .sc1 {max-width:1920px;  background: #f7f7f7;margin: 0 auto; padding:40px 0}
.index .sc1 .item {position:relative; margin:20px 10px; }
.index .sc1 .item span.rank {position:absolute; font-size:1.25rem; top:-.75rem; left:-.75rem; line-height:3rem; width:3rem; height:3rem; border-radius:50%; background:#ff0082; color:#fff; font-weight:900; }
.index .sc1 .item span.best-list {display:block; padding:1.25rem; background:#fff; cursor: pointer;-webkit-transition: all 0.3s;transition: all 0.3s; border:0px solid rgba(0, 0, 0, 0)}
.index .sc1 .item span.best-list:hover { background:#222;  -webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15); color:#fff; }
.index .sc1 .item span.best-list:hover span.desc {border-top:1px solid rgba(255, 255, 255, 0.15);}
.index .sc1 .item span.best-list span.desc {display:block; font-size:1rem; text-align:left; border-top:1px solid rgba(0, 0, 0, 0.075); padding-top:1.5rem; }
.index .sc1 .item span.best-list span.desc b {display:block; font-size:1.25rem; }
.index .sc1 .item span.best-list span.desc strong {display:block; font-size:1.125rem; margin:0 0 .45rem 0; font-weight:600; }
.index .sc1 .item span.best-list span.desc strong span {color:#ff0082; }

.index .item-list li {margin-bottom: 30px;}
.index .item-list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 0px;margin-right: 0px;}
.item-list li {position: relative;  padding:0rem 0 2rem 0; border:2px solid transparent; }
.item-list li:hover {-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15); border-color: #ff0082; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);-webkit-transition: all 0.3s;transition: all 0.3s}
.item-list li span.desc {display:block;}
.item-list li span.desc b {display:block; font-size:1.25rem; padding:.5rem; }
.item-list li span.desc span.price {font-weight:600; }
.item-list li span.cart {display:block; margin-top:1rem; }
.item-list li span.cart i {display:inline-block; font-size:2.5rem; margin-right:2rem; vertical-align:middle; }
.item-list li span.cart button {height:3rem; line-height:.5rem; background:transparent !important; }
.item-list li a {display: block;position: relative}

.index .sc2 {width:1200px; margin:0 auto; padding:40px 0 0 0}

.index .sc3 {margin-top:0rem; }
.index .sc3 #now {height: 530px; text-align: left;overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between}
.index .sc3 .slick-prev:before, .index .sc3 .slick-next:before {color: #fff}
.index .sc3 .slider-nav {width:530px;position: relative}
.index .sc3 .slider-nav .item {position: relative;}
.index .sc3 .slider-nav strong {display: block;position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.8);color: #fff;padding: 15px;padding-right: 100px;font-size: 1.23rem;}
.index .sc3 .slider-for {padding: 30px 40px;width: calc(100% - 530px); background: #f9f9f9}
.index .sc3 .slider-for img:nth-child(2) {float: right}
.index .sc3 .slider-nav .custom-paging {position: absolute;right: 35px;width: 30px;text-align: center;bottom: 15px;z-index: 2;font-size: 1.076rem; color: #fff;}
.index .sc3 .slider-nav .slick-prev, .index .sc3 .slider-nav .slick-next {bottom: 15px;top: auto;z-index: 1;-webkit-transform: none;transform: none}
.index .sc3 .slider-nav .slick-prev {left: auto;right:65px}
.index .sc3 .slider-nav .slick-next {right: 15px;}
.index .sc3 .slick-dots {bottom: auto;top: 0;right: 0;left: auto;-webkit-transform: none;transform: none;width: auto;}
.index .sc3 .slick-dots li {display: block;font-size: 0;width: auto;height: auto;margin-bottom: 10px;}
.index .sc3 .slick-dots li:hover {-webkit-box-shadow: none;box-shadow: none}
.index .sc3 .slick-dots li button {background: #666;width: 10px;height: 10px; border-radius: 10px;opacity: .5}
.index .sc3 .slick-dots li button:before {color: #666;display: none;}
.index .sc3 .slick-dots li.slick-active button {height: 30px;-webkit-transition: all 0.3s;transition: all 0.3s;opacity: 1}

.index .sc8 {margin: 0; padding: 60px 0 40px 0;background: #efefef}
.index .sc8 ul {width:1200px; margin:0 auto;}
.index .sc8 li {/* padding-top: 20px; */}

.sub-top {display: none}
.sub-content {padding-bottom:5rem}
.sub-content h2 {font-weight: 600;font-size: 1.975rem;margin-top: 1em;margin-bottom: 0em;position: relative;}
.sub-content h2.pad {margin-bottom: 1em;}
.sub-content h2.line {padding-bottom: 1em;border-bottom: 1px solid #e5e5e5}
.sub-content h2:first-child {margin-top: 0;}
.sub-content h2 small {font-size: 13px;color: #666; display: block;margin-top: 2em;padding-top: 1.5em;position: relative}
.sub-content h2 small:before {content: "";width: 50px;height: 1px;background: #222;position: absolute;left: 50%;top: 0;margin-left: -25px}
.sub-content h2+p {margin-bottom: 2em;margin-top:1em; font-size: 1em;}
.sub-content h2.line+h3 {margin-top: 5px;}
.sub-content h2>span {float:right; font-size:.9rem; font-weight:normal; color: var(--main-color);}
.sub-content h3 {font-size: 1.25rem;margin-top: 2em;position: relative;margin-bottom: 1.25em;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.sub-content h3 a.right {border:1px solid #e2340e; padding:.5rem 1.2rem; float:right; font-size:1rem; font-weight:normal; color:var(--main-color); border-radius:.5rem; }
.sub-content h3:first-child {margin-top: 5px;}
.sub-content h3 a {font-size: 1rem;color: #888;font-weight: normal;margin-left: auto;-ms-flex-item-align: center;align-self: center}
.sub-content h3 small {margin-left: auto; color: #999;display: block;font-weight: normal;font-size: 1rem;line-height: normal}
.sub-content h3 .btns {display: inline-block;margin-top: -2px; margin-left: 10px;}
.sub-content h3 .btns .btn.lightgray {border-color: #666}
.sub-content h3.center {text-align: center}
.sub-content h3.line {padding-bottom: 1rem;border-bottom: 1px solid #e5e5e5}
.sub-content h3 span {margin-left: auto; font-size: 1rem; -ms-flex-item-align: center; align-self: center}
.sub-content h3 .checkbox {margin-left: auto; font-size: 1rem; -ms-flex-item-align: center; align-self: center}
.sub-content h3 .checkbox label {margin-right: 0; color: #777}
.sub-content h3+p {margin-top: -.5em;margin-bottom: 1.5em;}
.sub-content h4 {color:#222;margin: 1.5em 0 1em;font-size: 1.25rem; font-weight: normal}
.sub-content h4+p {margin-top: -.5em;margin-bottom: 2rem;}
.sub-content h4:first-child {margin-top: 0;}
.sub-content h4 p {font-weight: normal;font-size: 13px;color: #999; display: inline-block;margin-left: 10px;}

.insta {color: #fff;text-align: center;padding:80px 0; background:#222; }
.insta h1 {font-size: 2.307rem;font-weight: 600;margin-bottom: 5.5%;}
.insta h1 small {font-weight: normal;font-size: 1.076rem;color: #8e8e8e;display: block;margin-top: 5px;}
.insta ul {text-align: center;font-size: 0;max-width: 930px;margin: 0 auto}
.insta li {width: 290px;display: inline-block;margin: 5px;}
.insta li:nth-child(1) {position: relative;-webkit-transform: translate(0,-150px);transform: translate(0,-150px);}
.insta li:nth-child(4) {position: relative;-webkit-transform: translate(0,-150px);transform: translate(0,-150px)}
.insta li:nth-child(3) {position: relative;-webkit-transform: translate(0,30px);transform: translate(0,30px)}
.insta li:nth-child(6) {position: relative;-webkit-transform: translate(0,-40px);transform: translate(0,-40px)}
.insta li:nth-child(1) span, .insta li:nth-child(6) span {width: 220px;padding-top: 75.8620%;}
.insta li:nth-child(1) span {float: right}
.insta li span {display: block;padding-top: 100%; position: relative;overflow: hidden}
.insta li:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}
.insta li span img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;-webkit-transition:all 0.3s;transition:all 0.3s; cursor: pointer}

/* 상품상세정보 */
.goods-detail-wrap .panel+.panel {margin-top: 4rem;}
.detail-top {margin-bottom: 2rem;}
.detail-top:before, .detail-top:after {content:"";display: table;width: 100%;}
.detail-top .prd-thumb {float:left;text-align: left; position: relative;}
.detail-top .prd-thumb .big-thumb {width: 560px; height: auto; border: 1px solid #e5e5e5; border-radius: 0rem;}
.detail-top .prd-thumb .big-thumb span {display: block;padding-top: 100%;position: relative;overflow: hidden;}
.detail-top .prd-thumb .big-thumb span img {position: absolute;width: 100%;height: 100%;left: 0;top: 0;-o-object-fit: cover;object-fit: cover}
.detail-top .prd-thumb .thumb-list {margin-top: 1rem;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.detail-top .prd-thumb .thumb-list span {border: 1px solid #e5e5e5;width: 100px;height: 100px;border-radius:0rem; overflow: hidden}
.detail-top .prd-thumb .thumb-list span.active {border-color: var(--main-color)}
.detail-top .prd-thumb .thumb-list span+span {margin-left: 1rem;}
.detail-top .prd-thumb .category-rank {margin-top: 1.5rem;;padding-left: 1.25rem;}
.detail-top .prd-thumb .category-rank strong {font-size: 1.25rem; display: block;margin-bottom: .5em; color: var(--main-color)}
.detail-top .prd-thumb .category-rank span {color: #117bdf}
.detail-top .prd-name {display: block; font-size: 1.875rem;margin-bottom: .5em; font-weight:600; }
.detail-top .desc {color: var(--main-color);}
.detail-top .prd-info {width: 600px;float: right; position: relative;margin-top: 1rem;}
.detail-top .prd-info .info-top {position: relative;padding-bottom: 1.5rem;}
.detail-top .prd-info .review-count {line-height: 1; font-size:1rem; color: #888; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.detail-top .prd-info table.table {border: 0;border-bottom: 1px solid #e5e5e5;}
.detail-top .prd-info table.table tbody {border-top: 1px solid #e5e5e5}
.detail-top .prd-info table.table th {font-size: 1.25rem;min-width: 70px}
.detail-top .prd-info table.table th, .detail-top .prd-info table.table td {border: 0; padding: 5px 0;}
.detail-top .prd-info table.table td {color: #666;}
.detail-top .prd-info table.table td b {color:var(--main-color);}
.detail-top .prd-info table.table tbody tr:first-child th, .detail-top .prd-info table.table tbody tr:first-child td {padding-top: 1.5rem;}
.detail-top .prd-info table.table tbody tr:last-child th, .detail-top .prd-info table.table tbody tr:last-child td {padding-bottom: 1.5rem;}
.detail-top .prd-info dl {padding: 1.5rem 0;border-bottom: 1px solid #e5e5e5}
.detail-top .prd-info dt {font-size: 1.25rem; font-weight: normal; margin-bottom: .5em; color: #222}
.detail-top .prd-info dd {font-size: .875rem; color: #666}
.detail-top .prd-info .delivery-info .fee {font-size: 1.125rem; color: #222}
.detail-top .prd-info .delivery-info p {display: inline-block; margin-left: 10px;}
.detail-top .prd-info .delivery-info .box {border-radius: .5rem;padding: 1rem;background: #fff4f2; margin-bottom: 0rem;}
.detail-top .prd-info .volume-info dd {display: -webkit-box;display: -ms-flexbox;display: flex;}
.detail-top .prd-info .volume-info dd b {color: var(--main-color)}
.detail-top .prd-info .volume-info .radio {max-width: 33%}
.detail-top .prd-info .volume-info .radio+.radio {margin-left: .625rem;}
.detail-top .prd-info .volume-info .radio label {border: 2px solid #e5e5e5; border-radius: 1rem; padding: 1.5rem; text-align: center; font-size: 1rem;margin: 0;}
.detail-top .prd-info .volume-info .radio label:before {display: none}
.detail-top .prd-info .volume-info .radio :checked+label {border-color: var(--main-color); border-width: 2px}

.detail-top .prd-info .goods-info dd {}
.detail-top .prd-info .goods-info ul {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap}
.detail-top .prd-info .goods-info li {margin-bottom:0rem;width: 50%}
.detail-top .btn-box {margin: 1.5rem 0;display: -webkit-box;display: -ms-flexbox;display: flex;padding: 1rem;border-radius: 0rem;background: #f8f8f8; position: relative;}
.detail-top .btn-box .btn {font-size: 1.125rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1}
.detail-top .btn-box .btn.line {background: #fff !important}
.detail-top .btn-box .btn+.btn {margin-left: 1rem;}
.detail-top .total-price {margin: 1.5rem 0; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; font-size: 1.25rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.detail-top .total-price .radio {}
.detail-top .total-price .price {margin-left: auto; font-size: 1.5rem;}
.detail-top .total-price .price small {color: var(--main-color); font-size: 1.125rem;margin-right: 5px;}
.detail-top .total-price .qty {padding-top: 20px;width: 100%;   flex-wrap:wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;margin-top: 1rem; }
.detail-top .total-price .qty span {width: 20%;flex-grow:1}
.detail-top .total-price .qty .right {margin-left: auto;width: 80%; text-align: right; padding: 5px 0; margin-top:-3rem; }
.detail-top .buy-option.active .qty, .detail-top .buy-option.active .btn-box {display: flex;}
.detail-top .total-price .qty p {width: 100%;}
.detail-top .total-price .qty select {width: 200px;display: inline-block;}
.detail-top .total-price .radio label {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; color: #222}
.detail-top .total-price .radio label:before {position: static;-ms-flex-negative: 0;flex-shrink: 0; background: #ddd; width: 24px;height: 24px;line-height: 1; border: .25rem solid #f8f8f8 !important;outline: 1px solid #ddd !important;margin-right: 10px;}
.detail-top .total-price .radio :checked+label:before {background: var(--main-color)}
.detail-top .total-price .radio :checked+label:after {content: '' !important;background: none;}
.detail-top .soldout {text-align:center; margin:2rem 0; }
.detail-top .soldout b {display:block; margin:.5rem; color:var(--main-color); font-size:1.15rem;}

.detail-top .writer-info {font-size: 1.1em;margin-top: -5px;margin-bottom: 30px;line-height: 20px;}
.detail-top .writer-info small {font-size: 80%;color: #888;display: inline-block;vertical-align: top;}
.detail-top .writer-info .star-average {display: inline-block;vertical-align: 0;}
.detail-top .naver-pay {margin: 25px 0}

.add-cart-layer {position: fixed;top:auto;left:auto;right:50%;bottom:10rem;width: 600px;margin-right: -630px;overflow: visible;z-index: 100;text-align: left;}
.add-cart-layer:before {content:"";display: block;position: fixed;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.add-cart-layer .goods {display: flex; align-items:center; margin-bottom: 2rem;}
.add-cart-layer .goods .thumb {border-radius:1rem;overflow: hidden;flex-shrink:0;width:20%;background: #f8f8f8;}
.add-cart-layer .goods .info {padding-left: 2rem;}
.add-cart-layer .modal-dialog {margin: 0;}
.add-cart-layer .modal-content {overflow: hidden;padding-bottom: 7rem;}
.add-cart-layer .modal-body {overflow-y: auto;max-height:50vh;padding-right: 8px;}
.add-cart-layer .modal-body::-webkit-scrollbar {background: #f8f8f8; width: 8px;border-radius: 8px;}
.add-cart-layer .modal-body::-webkit-scrollbar-thumb {background: rgba(0, 0, 0, 0.28); border-radius: 8px;}
.add-cart-layer .modal-footer {display: flex;position: absolute;left:0;right:0; bottom:0; padding: 1rem;background: #fff;}
.add-cart-layer ul.goods-list li .price {font-size:1rem}
.add-cart-layer ul.goods-list li .info strong {font-size:.9rem}
.add-cart-layer p {background: #f8f8f8;text-align: center;padding: .75rem;border-radius:1rem;}
.add-cart-layer p i {color:var(--main-color);font-weight: bold;margin-right: 5px;}

#share {width:600px;}

.sns-share {position: absolute;right: 0;top: 0; width: ; text-align: left; z-index: 9;}
.sns-share i { font-size:2.25rem; vertical-align:top; }
.sns-share .modal {position: absolute;background: none;right: 0;bottom:auto;top:105%;left:auto;overflow: visible;z-index: 100;padding: 0 !important;}
.sns-share .modal:before {content:"";display: block;position: fixed;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.sns-share .modal-dialog {margin: 0;}
.sns-share .wish {display: inline-block; font-size: 0;vertical-align: top;margin-left: 1rem;}
.sns-share .wish .btn {background: url(../img/ic-heart.png) no-repeat 50%; width: 30px;height: 30px;font-size: 0}
.sns-share .wish .btn.active {background-image: url(../img/ic-heart-on.png)}
.sns-share .inner {position: absolute;top: 100%;right: 0;display: none;margin-top: 10px;white-space: nowrap;background: #fff;border: 1px solid #e5e5e5; padding: 20px; z-index: 10;-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)}
.sns-share .inner:before {content: "";border: 5px solid transparent;border-bottom-color: #fff;position: absolute;right:55px;top: -10px;z-index: 1;}
.sns-share .inner:after {content: "";border: 6px solid transparent;border-bottom-color: #ddd;position: absolute;right:54px;top: -12px;}
.sns-share .inner .btn {position: absolute;right: 20px;top: 15px;padding: 0;border: 0;width: 12px;padding: 0; background: #fff;overflow: hidden; font-size: 0;}
.sns-share .inner .btn img {max-width: 100%}
.sns-share .inner a {display: inline-block;font-size:.857rem;color: #777}
.sns-share .inner img {max-width: 30px;;display: block;margin: 0 auto 5px;}
.sns-share .inner a+a {margin-left: 10px;}
.sns-share .modal-backdrop {display: none;}

.add-cart-layer .modal-footer .btn {line-height:30px; }


/* 수량증가/감소 */
.count-sel {width: 150px; display: inline-block;position: relative;}
.count-sel input {width: 100%; border-radius: 2rem;height: 3.125rem; padding: 0 3rem;background: #fff; text-align: center}
.count-sel .btn {background:none;top: 0; bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;padding: 0;position: absolute;border: 0;font-size: 2rem}
.count-sel .btn.count-up {right: .75rem;}
.count-sel .btn.count-down {left: .75rem; opacity: .3}

.breadcrumb {padding: 12px 0; text-align: left;color: #666;}
.breadcrumb li {vertical-align: top;line-height: 32px;}
.breadcrumb li+li:before {content:"\f112"; font-family:'LineAwesome'; margin-right:5px;}
.breadcrumb li:first-child i {font-size:1rem; }
.breadcrumb .active {color:var(--main-color); font-weight:600;}

.goods-detail-info {clear: both;}
.goods-detail-info .info-content { margin-bottom: 3rem;}
.goods-detail-info .tab-nav { margin: 4rem 0 3rem}
.goods-detail-info .tab-nav:after {display: none}
.goods-detail-info .tab-nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap}
.goods-detail-info .tab-nav li {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width: 25%;margin: 0;}
.goods-detail-info .tab-nav li a {font-size: 1.125rem;display: block;border-radius: 0rem;border: 1px solid #e5e5e5;background: #f8f8f8; padding: 1rem}
.goods-detail-info .tab-nav li.active a {background: #666; border-color:#333; color: #fff; font-weight:500; }
.goods-detail-info .tab-nav span {font-size: 80%;padding-left: 5px;}
.goods-detail-info h3 {color: #222}
.goods-detail-info h4 {font-size: 1.125rem}
.goods-detail-info .review-count {margin-left: -15px;margin-right: -15px;margin-top: -1rem;}
.goods-detail-info .review-count .panel-heading {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.goods-detail-info .review-count .panel-heading .grade {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: auto; font-size: 1.125rem}
.goods-detail-info .review-count .panel-heading .grade b {color: #222; font-size: 2rem;margin: 0 1rem; line-height: 1}
.goods-detail-info .review-count .panel-body {display: -webkit-box;display: -ms-flexbox;display: flex}
.goods-detail-info .review-count dl {width: 25%;padding: 0 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 1rem;margin-bottom: 2rem;}
.goods-detail-info .review-count dt {margin-right: 1rem; color: #222;line-height: 1 }
.goods-detail-info .review-count dd {position: relative;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}
.goods-detail-info .review-count dd .progress {height: .75rem; border-radius: 1rem; margin: 0;}
.goods-detail-info .review-count dd .progress-bar {background: var(--main-color)}
.goods-detail-info .review-count dd span {position: absolute;left: 0;bottom: -1.5rem; font-size: .875rem; color: #888}
.goods-detail-info .con {color: #666; line-height: 1.8; padding-left: 15px;padding-right: 15px; text-align:center; }
.goods-detail-info .con .table-striped {/* table-layout: fixed */}
.goods-detail-info .con .table .tit {color: #4c7d0d; vertical-align: top;}
.goods-detail-info .board-list {position: relative; }
.goods-detail-info .board-list .btn-box {position:absolute; right:0; top:0; border-top: none; }
.goods-detail-info .board-list .btn-box .btn {font-size: 1rem; padding:0; margin-top:-1rem;}
.goods-detail-info .board-list .table {border-color: #222; border-bottom: 0; margin-top:1rem; }
.goods-detail-info .board-list .table .detail-view {display: none;}
.goods-detail-info .board-list .table .detail-view td {text-align: left;background: #f8f8f8; padding: 2rem}
.goods-detail-info .board-list .table .detail-view.active {display: table-row;}
.goods-detail-info .board-list .table .detail-view.active td {}
.goods-detail-info .board-list .table th {border-bottom: 1px solid #222; font-size: .875rem}
.goods-detail-info .board-list .table th,
.goods-detail-info .board-list .table td {vertical-align: top;}
.goods-detail-info .board-list .table td {color: #666}
.goods-detail-info .board-list .table td.title {text-align:left; }
.goods-detail-info .board-list .table td.done {color: var(--main-color)}
.goods-detail-info .board-list .table .ing {/* color: #888 */}
.goods-detail-info .board-list .comment {background: #fff;border-radius: 1.5rem;padding: 1.5rem;margin-top: 1rem;}
.goods-detail-info .board-list .comment small {color: #888; font-size: .875rem}
.goods-detail-info .board-list .comment p {margin-top: 1rem;}
.goods-detail-info .photo-list {clear:both; margin-top:0rem; }
.goods-detail-info .photo-list li {border-bottom: 1px solid #e5e5e5; padding: 2rem 0;padding-right: 200px;position: relative; min-height: 150px}
.goods-detail-info .photo-list .grade {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .875rem; color: #222;margin-bottom: 2rem;}
.goods-detail-info .photo-list .grade .name {margin-left: 10px;}
.goods-detail-info .photo-list .date {position: absolute;right: 0;top: 2rem; font-size: .875rem}
.goods-detail-info .photo-list .thumb {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 1.5rem 0}
.goods-detail-info .photo-list .thumb img {border-radius: 1rem; overflow: hidden; width: 150px;height: 150px;-o-object-fit: cover;object-fit: cover}
.goods-detail-info .photo-list .text {color: #222;margin-top: 1.5rem;}
.goods-detail-info .photo-list .like {position: absolute; right: 0;top: 5rem}
.goods-detail-info .photo-list .like img {margin-right: 5px;}
.goods-detail-info .photo-list .like .btn {color: #222; border: 0;border-radius: 2rem;padding: .75rem 1.5rem;}

.goods-detail-info .photo-list .btn-box {padding:0 1rem; }
.btn-box.review .btn {float:right; padding:0;}

.star-average {background: url(../img/sp_icon_common_off.png) no-repeat 0 50%;display: inline-block;height: 19px;min-width: 80px;background-size: 80px; vertical-align: top;}
.star-average span {display: block;height: 100%; background: url(../img/sp_icon_common_on.png) no-repeat 0 50%;background-size: 80px;vertical-align: top;}

/* 상품 */
ul.goods-list[class*=col] {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 0px;margin-right: 0px;}
ul.goods-list:not(.swiper-wrapper) {}
ul.goods-list li:not(.swiper-slide) { -ms-flex-positive: 1;  -webkit-box-flex: 1;  flex-grow: 1; padding: 0 8px;margin-bottom: 50px; position: relative;}
ul.goods-list li.swiper-slide {margin-bottom: 0;}
ul.goods-list li .thumb {margin-bottom: 15px;position: relative;border-radius: 0px; padding-top: 100%;border:1px solid #eee; overflow: hidden}
ul.goods-list.none li .thumb {border:0;}
ul.goods-list li .thumb img {position: absolute;left: 0;top: 0;width: 100%;height: 100%;;}
ul.goods-list li .thumb .icon {position: absolute;right: 0;bottom: 0;z-index: 10; background:var(--main-color);; padding:.75rem; cursor: pointer; opacity:70%;}
ul.goods-list li .thumb .icon i {font-size:2rem; color:#fff; }
ul.goods-list li .state {position: absolute;left: 0;top: 0; font-size: .812rem; color: #fff; border-radius: 0 3px 1rem 3px; background: #9c9c9c; padding: .5em 2em; z-index: 1;}
ul.goods-list li .state.complete {background-color: var(--main-color)}
ul.goods-list li .state.next {background-color: #222}
ul.goods-list li .info {}
ul.goods-list li .info strong {display: block; color: #666; font-weight: 300; margin: 5px 0;line-height: 1.5;}
ul.goods-list li .info b span {color:var(--main-color); }
ul.goods-list li .review {margin-top: 10px;color: #888;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center; font-size: .875rem;}
ul.goods-list li .review:before {content: "";display: block;width: 1rem;height: 1rem; background: url(../img/ic_rating.png) no-repeat 0 50%  / cover;margin-right: 5px;}
ul.goods-list li .price {font-size: 1.125rem;font-weight: 600}
ul.goods-list li .price b {}
ul.goods-list li .price s {display: block;color: #888;font-size: 100%}
ul.goods-list li .price .discount {display: inline-block;color: #df3942;margin-left: 5px;}
ul.goods-list li .price .discount em {font-style: normal;font-weight: bold;}
ul.goods-list li .thumb .sale {color: #fff;position: absolute;left: 0;top: 0;background: #fd914c;padding: .5em 1em;text-align: center;line-height: 1.2; z-index: 1;}
ul.goods-list li .thumb .sale b {font-size: 1.5em;}
.goods-list.col-6 li {-ms-flex-preferred-size: 16.6666%;flex-basis: 16.6666%;max-width:16.6666%;}
.goods-list.col-5 li {-ms-flex-preferred-size: 20%;flex-basis: 20%;max-width:20%;}
.goods-list.col-4 li {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width:25%;}
.goods-list.col-3 li {-ms-flex-preferred-size: 33.3333%;flex-basis: 33.3333%;;max-width:33.3333%; position: relative}

.item-list.col-6 li {-ms-flex-preferred-size: 16.6666%;flex-basis: 16.6666%;max-width:16.6666%;}
.item-list.col-5 li {-ms-flex-preferred-size: 20%;flex-basis: 20%;max-width:20%;}
.item-list.col-4 li {-ms-flex-preferred-size: 25%;flex-basis: 25%;max-width:25%;}
.item-list.col-3 li {-ms-flex-preferred-size: 33.3333%;flex-basis: 33.3333%;;max-width:33.3333%; position: relative}

.goods-sort {display: -webkit-box;display: -ms-flexbox;-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: -2rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom:1px solid #ddd;}
.goods-sort select {width: auto; min-width: 10rem;margin-left: 5px;}
.goods-sort i {font-size:1.75rem; }
.goods-sort .btn {padding: 0.35rem;}
.goods-sort .btn {margin-left: 5px;;-ms-flex-negative: 0;;flex-shrink: 0;}
.goods-sort .filter {display: none}

.goods-wrap {width: 1200px}

.prd-info2 {text-align:left; }
.prd-info2 dd { font-size:1rem; line-height:1.8; }

@media all and (max-width: 1400px) {
    .index header nav li {padding: 0 1.9%}
}
@media all and (max-width: 1200px) {
    .main-visual .float {margin: 0;left: 0;width: 100%;top: 10px;-webkit-transform: none;transform: none}
    .main-visual .control {margin: 0;left: 0}
    #skin-test .inner li span {display: none}
    .detail-info {padding: 2rem}
    .detail-info ul {left: 2rem;bottom: 2rem;font-size: 1rem;}
    .main-visual .item {height:300px; }
    .main-visual .slick-dots {margin: 0;left: 0;width: 100%;}
    .main-visual .slick-dots li {font-size: .923rem}
    .main-visual .slick-dots li+li {margin: 0;}
}
@media all and (max-width: 992px) {
	html {font-size: 13px;}
	body {}
	#wrap {width:100%; padding-top: 3.846rem; max-width:100% !important; overflow:hidden; }
	header {height:3.846rem; }
	header h1 {margin-left:3rem; margin-top:.75rem}
	header h1 img {height: 35px;}
	.container {width:94%; }

	.breadcrumb {display:none; }
	.sub-content {padding-bottom:1rem}
	

	.item-list li {margin-bottom: 1rem;}
	.item-list li:hover {-webkit-box-shadow: none;box-shadow: none}
	.index section {margin: 8% 0; text-align: center}
	.index section h1 {font-size: 1.615rem;margin-bottom: 1.5em;}

	.main-visual {}
	.main-visual .swiper-button-prev, .main-visual .swiper-button-next {width: 20px;background-size: 20px;}
	.main-visual .swiper-pagination {bottom: 2rem;}
	.main-visual .swiper-pagination-bullet {width: 10px;height: 10px;}
	.main-visual .swiper-pagination-bullet-active {width: 20px}
	.fitness-center {height: 50vh;padding: 15px;background-position: 22% 10%}

	.toggle-nav-wrap {display: block}
    .toggle-nav-wrap .overlay {display: none;z-index: 1;}
    .toggle-nav-wrap #toggle-close {display: none}
    .toggle-nav-wrap.active {margin-left: 0;-webkit-transition: all .5s;transition: all .5s;}
    .toggle-nav-wrap.active .toggle-nav {left: 0;}
    .toggle-nav-wrap.active #toggle-close {display: block}
    #toggle-open {display: block;position: absolute;left:0px;top: 0;height: 50px; padding: 0;font-size: 2rem;background: none;}
    #toggle-open img {height: 14px;}
    #toggle-close {position: fixed;left: 270px; top: 0; opacity: 1; color: #fff; font-size: 2rem; font-weight: normal;z-index: 102}
    .toggle-nav {width: 260px;height: 100%;position: fixed;top: 0;left: -260px;overflow-x: hidden;overflow-y: auto; background: #fff;-webkit-transition: all .5s;transition: all .5s; z-index: 3;}
    .toggle-nav .search-form {background: #ededed;padding: 10px;padding-top: 40px;margin:0;}
    .toggle-nav .search-form .form-control {border-radius: 14px;border-color: var(--main-color);padding-left: 30px; background: #fff url(../img/ico_search_top.png) no-repeat 10px 50%;background-size: 12px;width:100%;margin-left: 0;}
    .toggle-nav .my-links {background: var(--main-color);color: #fff;}
    .toggle-nav .my-links ul {display: table;width: 100%;border-collapse: collapse;table-layout: fixed}
    .toggle-nav .my-links li {display: table-cell;text-align: center;vertical-align: middle;border: 1px solid rgba(255, 255, 255, 0.3);padding: 10px 0; font-size:1.125rem; text-transform:uppercase;}
    .toggle-nav .my-links li img {height: 17px;margin: 0 auto 5px;display: block}
    .toggle-nav .category-nav {color: #333}
	.toggle-nav .category-nav>ul>li {position: relative;border-bottom: 1px solid #ddd; text-transform:uppercase;  }
	.toggle-nav .category-nav>ul>li a {display: block;padding: 10px 12px;position: relative;}
	.toggle-nav .category-nav>ul>li>a:after {content: "";font: normal normal normal 14px/1.5 LineAwesome; position: absolute;right: 0;margin: 0 12px;}
	.toggle-nav .category-nav>ul>li.arr>a:after {content: "\f112";}
	.toggle-nav .category-nav>ul>li>a {font-weight: bold;}
	.toggle-nav .category-nav .has-sub>a:after {content: "\f2c2"}
	.toggle-nav .category-nav ul ul {display: none;border-top: 1px solid #ccc;margin-bottom: -1px;background: #eaeaea;font-size: 12px;}
	.toggle-nav .category-nav ul ul li {border-bottom: 1px solid #ccc}
	.toggle-nav .category-nav ul ul a {padding: 8px 12px;}
	.toggle-nav .category-nav .active ul {display: block;}
	.toggle-nav .category-nav .active>a {color: #434142}
	.toggle-nav .category-nav .active>a:after {content: "\f28e"}
	
	header .user-nav {width:25%; margin-left:auto ;z-index: 1;}
	header .user-nav li {display: inline-block; position: relative; margin-left:5px;}
	header .user-nav li i {font-size:2.5rem; }
	header .user-nav li .badge {background: #fff72a; color: #222; width:18px;height: 18px;border-radius: 50%;line-height: 10px;position: absolute;right: 0px;top: 50%;margin-top: -18px;}


	footer .scroll-top {position:fixed; font-size:3.5rem; right:1em; bottom:0; background:rgba(255, 255, 255, 0.3); width:2em; height: 2em; font-size:1.5rem; color:#fff; line-height:2em; text-align:center; cursor:pointer; border-radius:100%; opacity:0;-webkit-transition:all 0.3s;transition:all 0.3s;z-index: 999}
	footer .scroll-top.is-showing {bottom: 3em;; opacity:0.8;}

	.index .sc1 {padding:3% 0}
	.index .sc1 .item span.best-list span.desc { font-size:.9rem; padding-top:1rem; }
	.index .sc1 .item span.best-list span.desc b {display:block; font-size:1rem; }
	.index .sc1 .item span.best-list span.desc strong {display:block; font-size:1rem; margin:0 0 .45rem 0; font-weight:600; }

	#calendar-slider {margin-top:0rem;}

	.index .item-list li {margin-bottom:1rem;}
	.item-list li {position: relative;  padding:.5rem .5rem 1rem .5rem; border:2px solid transparent; }
	.item-list li:hover {-webkit-box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15); border-color: #ff0082; box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.15);-webkit-transition: all 0.3s;transition: all 0.3s}
	.item-list li span.desc {display:block;}
	.item-list li span.desc b {display:block; font-size:.95rem; margin-bottom:0rem; }
	.item-list li span.desc span.price {font-weight:600; font-size:.85rem; }
	.item-list li span.cart {display:block; margin-top:.5rem; }
	.item-list li span.cart i {display:inline-block; font-size:1.5rem; margin-right:2rem; vertical-align:middle; }
	.item-list li a {display: block;position: relative}
	.item-list button {padding:.125rem .5rem; }
	.item-list.col-6 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .item-list.col-5 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .item-list.col-4 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .item-list.col-3 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}

	.index .sc8 {padding:8% 0 5% 0}

	.index .item-list li {margin-bottom: 30px;}

	.sub-content h2 {display:none;}
	
	.index .sc1{max-width:100%;}
	.index .sc2 {width:100%;}
	
	.index .sc8 ul {width:100%; margin:0 auto;}

	.index .sc3 #now {height: auto;display: block; margin-top:-1rem; }
	.index .sc3 .item img {width: 100%}
	.index .sc3 .slider-nav {width: 100%}
	.index .sc3 .slider-nav strong {font-size: 1.076rem;padding-right: 15px;padding-bottom: 10px;}
	.index .sc3 .slider-for {width: 100%;height: auto;padding: 30px 10px;}
	/*.index .sc3 .slider-for img:nth-child(2) {display: none}*/

	.index .sc5 .copy {left: 2rem;text-shadow: 0 0 2px rgba(0, 0, 0, 0.66)}
	.index .sc5 .copy p {font-size: 1rem;margin-bottom: .5em;}
	.index .sc5 .copy strong {font-size: 1.461rem}

	.sub-top {display: block;position:relative;overflow: hidden;border-top: 1p solid #ddd; margin-top:-.85rem;}
	.sub-top h1 {font-size: 18px;line-height: 43px;font-weight: bold;display: block;padding: 0 15px;background:#f7f7f7;text-align: center;border-bottom: 1px solid #ddd;height: 45px;}
	.sub-top .go-back {display: block;position:absolute;left: 0;top: 1rem;margin-left: 15px; font-size:23px;z-index:2;}

	.insta {padding: 8% 0}
	.insta h1 {font-size: 1.538rem;}
	.insta .ins-list {margin-top:-1.5rem; }
	.insta h1 small img {max-width: 9.23rem}
	.insta li {width: 30%;-webkit-transform: none !important;transform: none !important}
	.insta li span {padding-top: 100% !important;width: 100% !important;float: none !important}

	footer {padding:1.5rem 0; }
	footer address {font-size:.8rem;}
	footer .copy {display:block;  margin-top:-.5rem; font-size:.85rem; color:rgba(255, 255, 255, 0.5); }
	footer .copy b { font-weight:600; color:rgba(255, 255, 255, 0.8);}
	footer .sns {margin-top:1rem; }

	.detail-top {margin: 0px; padding-top:1rem}
    .detail-top .prd-thumb {width: auto;float:none;margin: 0 15px 20px}
    .detail-top .prd-thumb .big-thumb {width: 100%; height: auto;}
    .detail-top .prd-thumb .thumb-list span {width: 17vw;height: 17vw;-ms-flex-negative: 0;flex-shrink: 0; border-radius: .625rem}
    .detail-top .prd-thumb .thumb-list span+span {margin-left: 1vw;}
    .detail-top .prd-thumb .category-rank {padding-left: 0;}
    .detail-top .prd-info {width: auto;float: none;padding: 0 15px;margin-right: 0;}
    .detail-top .prd-info .prd-name {padding-right: 70px;}
    .detail-top .prd-info .desc {font-size: inherit;margin-top: 0}
    .detail-top .prd-info .sns-share {top: 0;right: 0;}
    .detail-top .prd-info .sns-share .inner {top: 20px;}
    .detail-top .prd-info .sns-share img {max-height: 18px}
	.detail-top .prd-info .delivery-info .fee {font-size: 1rem; color: #222}
    .detail-top .btn-box {position: fixed;left: 0;right: 0;bottom: 0;margin: 0;z-index: 99;}
    .detail-top .btn-box .btn {line-height:10px ;padding-left: 0;padding-right: 0;font-size: 1.025rem}
    .detail-top .prd-info table.table th {min-width: inherit;width: 50px}
    .detail-top .prd-info .goods-info ul {display: block}
    .detail-top .prd-info .goods-info li {width: auto}
    .detail-top .prd-info .volume-info .radio label {padding: 1rem;border-radius: .5rem;}
    .detail-top .prd-info .volume-info .radio :checked+label {border-width: 1px}
    .detail-top .total-price .radio label:before {width: 18px;height: 18px}
    .detail-top .total-price .qty {padding-left: 0px}
	.detail-top .total-price .qty span {width: 30%;}
	.detail-top .total-price .qty .right {width: 70%;}
	.detail-top .total-price .qty select {width: 100%;max-width:200px}
    .detail-top .btn-box {padding: 1rem; border-radius: 0;background: #fff; -webkit-box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); box-shadow: -5px -5px -10px rgba(0, 0, 0, 0.1);}
    .detail-top .btn-box .btn {}

	#share { width:24rem; }
	#share h3 {font-size:1rem; }

	.add-cart-layer { width:26rem; left:.75rem;}

	.detail-top .prd-info dt {font-size:1rem; }

	.panel-heading h3 {font-size:1.125rem; }

	ul.goods-list li .thumb .icon {padding:.35rem;}
	ul.goods-list li .thumb .icon i {font-size:1.5rem; color:#fff; }

	.goods-wrap { width:100%; margin-left:0rem;}
	/* 상품 */
	ul.goods-list {width:100%; margin-left:0rem;}
    ul.goods-list[class*=col] {margin-left: 0px;margin-right: 0px;}
    ul.goods-list:not(.swiper-wrapper) {margin-bottom: -25px;}
    ul.goods-list li:not(.swiper-slide) {padding: 0 6px;margin-bottom: 25px;}
    ul.goods-list li .info {min-height: inherit;font-size: .8rem}
    ul.goods-list li .info strong {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
    ul.goods-list li .thumb {border-radius:0px}
    ul.goods-list li .thumb .icon img {max-width: 2.5em}
    ul.goods-list li .review {font-size: .9rem;}
	ul.goods-list li .price {font-size: .9rem;font-weight: 600}
	.goods-list.col-6 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .goods-list.col-5 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .goods-list.col-4 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}
    .goods-list.col-3 li {-ms-flex-preferred-size: 50%;flex-basis: 50%;max-width: 50%;}

	.cart-swiper1.panel .panel-body {padding-bottom:3rem !important; }
	.swiper-pagination-clickable .swiper-pagination-bullet {margin:1rem .125rem; text-align:center; width:12px; height:12px; }

	.goods-detail-info .tab-nav { margin-top:1rem; }
	.goods-detail-info .tab-nav ul {padding-top: 1px;margin-left: -2px;}
    .goods-detail-info .tab-nav li {width: calc(50% - 4px);margin: 2px;}
    .goods-detail-info .tab-nav li a {font-size: .937rem; padding: .75rem;}
    .goods-detail-info .tab-nav li.active {position: relative;}

	.goods-detail-info .review-count { margin-top:-25px; margin-left: -15px;margin-right: -15;}
	.goods-detail-info .review-count .panel-heading {padding:5px 15px; }
	.goods-detail-info .review-count .panel-heading .grade b {font-size:1.5rem; }
    .goods-detail-info .review-count .panel-body {display: block; padding:10px 15px 35px 15px; margin-bottom:-2rem; }
    .goods-detail-info .review-count dl {padding: 0;width: auto;margin: 5px 0;}
    .goods-detail-info .review-count dt {width: 50px}
    .goods-detail-info .review-count dd {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
    .goods-detail-info .review-count dd .progress {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; width: calc(100% - 70px)}
    .goods-detail-info .review-count dd span {position: static;width: 70px; padding-left: 1rem;}

	.goods-detail-info .photo-list {margin-left:-15px; margin-right:-15px; }
	.goods-detail-info .photo-list li {padding-right: 0;min-height: inherit}
    .goods-detail-info .photo-list .grade {margin-bottom: 1rem;}
    .goods-detail-info .photo-list .thumb img {width: 5rem;height: 5rem; border-radius: 0}
    .goods-detail-info .photo-list .text {margin-top: 0rem; font-size:.85rem; line-height:1.2; }
    .goods-detail-info .photo-list .like {position: static;text-align: right; margin-top: 1rem;}
    .goods-detail-info .photo-list .like img {max-width: 15px}
    .goods-detail-info .photo-list .like .btn {font-size: .875rem; padding:.5rem 1rem; }

	.goods-detail-info h3 {font-size:1.125rem; }
	.goods-detail-info p {font-size:.85rem; }

	 /* 게시판 */
    .board-list table.table.normal colgroup {display: table-column-group;;}
    .board-list table.table {text-align: left;border-bottom-color: #eee}
    .board-list table.table thead {display: none}
    .board-list table.table tr:first-child {border-top: 0;}
    .board-list table.table tr.notice td:first-child {margin-bottom: 5px;}
    .board-list table.table:not(.normal) tr {display: block;position: relative;padding: 10px;border-top: 1px dotted #ddd;margin-top: -1px; overflow: hidden;}
    .board-list table.table:not(.normal) td {border: 0 !important;padding: 0;display: inline-block;vertical-align: top;line-height: 1.6}
    .board-list table.table:not(.normal) td+td {margin-right: 5px;}
    .board-list table.table td.no {font-weight: bold;position: absolute;right: 0;display: none}
    .board-list table.table td.no-list {display:block;font-weight: bold;}
    .board-list table.table td.hit {display: none}
    .board-list table.table td.date {color: #999;}
    .board-list table.table:not(.normal) td.date a { position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table:not(.normal) td.ing, .board-list table.table:not(.normal) td.done { position: absolute;right: 0;top: 0;padding: 10px;}
    .board-list table.table td.order-no {position: absolute;right: 0;top: 0;padding: 10px;margin-right: 0 !important;}
    .board-list table.table td.order {position: absolute;right: 10px;bottom: 10px}
    .board-list table.table:not(.normal) td.title {display: block;position: relative; height: auto;color: #222;font-size: 110%;}
	.board-list table.table td.title {width:80%;}
    .board-list table.table td.title a {font-size: 1.125rem}

	.goods-detail-info .board-list .btn-box .btn  {line-height:2.4; margin-top:0rem;}    

	.btn-box.review .btn {min-width: 8rem; padding:.5rem 0; line-height: 20px; margin-top:0rem; float:right; }

	.goods-sort {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start; margin-top: 1rem ; margin-bottom: -.5rem; border-bottom:0;}
    .goods-sort select {min-width: inherit; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; height: 2.5rem; padding-left: 5px;}
    .goods-sort select:first-child {margin-left: 0;}
    .goods-sort .btn {width: 2.5rem; height: 2.5rem; padding: 0;}
    .goods-sort .btn img {max-height: .875rem}
    .goods-sort .filter {display: block;min-width: 2.5rem;width: auto;padding-left: .5rem;padding-right: .5rem;margin-left: 0;}
    .goods-sort .filter i {font-size: 1rem; color: #222;}
	
	.sns-share i { font-size:1.75rem; vertical-align:top; }
	.detail-top .prd-name {display: block; font-size: 1.275rem;margin-bottom: .5em; font-weight:600; }
	
	.info-content .board-list {margin-top:-20px;}
}

@media all and (max-width: 320px) {
    html {font-size: 12px;}
}

/* 회원관련 */
.member-form {border: 1px solid #e5e5e5; border-radius: 1.25rem; padding: 70px 1rem 90px 1rem; text-align: center; margin-top:3rem; }
.member-form h2 { margin-bottom:1rem; }
.member-form .form {max-width: 400px;margin: 0 auto}
.member-form .form-row+.form-row {margin-top:.5rem; }
.member-form ul {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: .875rem; color: #666}
.member-form.account .form>ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start}
.member-form .help-block {font-size: 1rem;}
.member-form .checkbox u {color: #222}
.member-form .checkbox+.checkbox {margin-top: .25rem}
.member-form .btn-box {border-top:0; }
.member-form .btn-box .btn {font-size: 1.25rem; width: 100%}
.member-form .or {margin: 2rem 0; position: relative}
.member-form .or:before {content: "";position: absolute;left: 0;right: 0;top: 50%;margin-top: -1px;border-top: 1px solid #e5e5e5; z-index: -1;}
.member-form .or span {display: inline-block;background: #fff;padding: 5px 15px;z-index: 1;}
.sns-login ul {width:90%; margin:2rem auto 0 auto; }
.sns-login li img {width:50px;}
.sns-login {text-align: center}
.sns-login h3 {font-size: 1.375rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}

/* 폼 */
.form {}
.form .form-row {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top: .75rem;}
.form .form-row:last-child {margin-bottom: 0;}
.form .form-row.has-btn {position: relative;}
.form .form-row.has-btn .form-control {padding-right: 30%}
.form .form-row.has-btn a {text-decoration:none ; position: absolute;right: 1rem;top: 1rem}

.member-form .spot {color:var(--main-color) !important;}

.terms-list .scrollable {white-space: pre-line;min-height: 180px;max-height: 270px;border: 1px solid #e5e5e5;padding: 15px;color: #888;margin-bottom: 10px;}
.terms-list dl+dl {margin-top: 5%;}
.terms-list dt {background: #fcfcfc;padding: 30px;line-height: 1; font-size: 1.285rem;border-top: 1px solid #ccc;}
.terms-list dd {padding: 30px;}
.terms-list .all {padding: 0 30px;margin-bottom: 5%;}
.terms {height: 500px;border: 1px solid #e5e5e5;padding: 20px;}

@media (max-width: 992px) {
    .member-form {padding: 2rem; margin-bottom:4rem;}
    .member-form .sns-login img {max-width: 80%}
	.member-form .btn-box .btn {line-height:30px;}
	.member-form .btn-box {padding:.5rem 0.75rem; }
    .terms {height: 55vh}
}

/* 장바구니 */
.shopping {display: -webkit-box;display: -ms-flexbox;display: flex;min-height: 880px}
.shopping .btn.order {font-size: 1.275rem;display: block;width: 100%;}
.shopping .order-left {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; max-width: 785px;}
.shopping .order-right {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin-left: 50px;background: #f8f8f8;border-radius: 1.25rem;max-width: 430px;height: auto;}
.shopping .order-right .panel {margin-top: 0;margin-bottom: 1.25rem;}
.shopping .order-right .inner {position: -webkit-sticky;position: sticky; top: 0; padding: 1.25rem;}
.shopping .order-right .input-group {display: -webkit-box;display: -ms-flexbox;display: flex;}
.shopping .order-right .input-group .form-control {display: block;flex-grow: 1; border-radius: .625rem;}
.shopping .order-right .input-group .input-group-btn {display: block;margin-left: 10px; width: auto;}
.shopping .order-right .input-group .input-group-btn .btn {border-radius: .625rem; font-size: 14px; padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0;padding-bottom: 0;height: 3.437rem;}
.shopping .order-right .help-block {font-size: .875rem; color: #666}
.shopping .order-right .help-block span {color: #333; font-weight: 500}
.shopping .order-right .help-block b {color: var(--main-color)}
.shopping .order-right .coupon-list {}
.shopping .order-right .coupon-list li {margin-bottom: 1rem;}
.shopping .order-right .order-price {font-size: 1.125rem;}
.shopping .order-right .order-price dl {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;border-bottom: 1px dashed #ddd; padding-bottom: .5rem; margin-bottom: 1.25rem;}
.shopping .order-right .order-price dt {width: 35%;margin-bottom:1rem; font-weight: normal}
.shopping .order-right .order-price dd {width: 65%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-left: auto; text-align: right;margin-bottom:0rem;}
.shopping .order-right .order-price .bluechip-discount {color: var(--main-color)}
.shopping .order-right .order-price .total-price {padding-bottom: 0;border: 0; margin-bottom: 0;}
.shopping .order-right .order-price .total-price:last-child dt,
.shopping .order-right .order-price .total-price:last-child dd {margin-bottom: 0;}
.shopping .order-right .order-price .total-price dt {font-weight: bold}
.shopping .order-right .order-price .total-price dd { color: var(--main-color)}
.shopping .order-right .order-price .total-price b {font-size: 1.875rem;}
.shopping .order-right .progress {height: .75rem; border-radius: 1rem; margin: 0;}
.shopping .order-right .progress-bar {background-color: var(--main-color); border-radius: 1rem;}

.order-left .input-group {margin-top:10px;}
.order-left .input-group input {border-radius:.5rem !important;}
.order-left .input-group .input-group-btn .btn {border-radius: .625rem; font-size: 1rem;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0;padding-bottom: 0;height: 3.437rem; margin-left:10px;}

.cart-goods-list {}
.cart-goods-list .goods-select {margin-bottom: 0px;display: -webkit-box;display: -ms-flexbox;display: flex;}
.cart-goods-list .goods-select .delete-all {margin-left: auto; font-size: .975rem; color: var(--main-color);}
.cart-goods-list .goods-select .delete-all a.bk {color:#000; }
.cart-goods-list .goods-select .delete-all a {margin:0 5px;}
.cart-goods-list .cart-header {display: -webkit-box;display: -ms-flexbox;display: flex;}
.cart-goods-list .cart-header {border-top: 1px solid #e5e5e5;}
.cart-goods-list .cart-header div {text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: .75rem}
.cart-goods-list .cart-header div:not(:first-child) {width: 130px; -ms-flex-negative: 0; flex-shrink: 0;-webkit-box-flex: 0;-ms-flex-positive: 0;flex-grow: 0}
.cart-goods-list .cart-body {border-top: 1px solid #e5e5e5;}
.cart-goods-list .cart-goods-group {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5;}
.cart-goods-list .goods-info-area {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap}
.cart-goods-list .goods-info-area .cell {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 1.5rem .75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.cart-goods-list .goods-info-area .cell.desc {position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start; width: calc(100% - 390px)}
.cart-goods-list .goods-info-area .cell.desc .title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -ms-flex-item-align: stretch; align-self: stretch;  -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1}
.cart-goods-list .goods-info-area .cell.desc .title strong {font-weight: normal; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1}
.cart-goods-list .goods-info-area .cell.desc .title a:before {content: "";position: absolute;left: 30px;top: 0;bottom: 0;right: 0;}
.cart-goods-list .goods-info-area .cell.desc .title .delivery {font-size: .875rem;margin-top: auto}
.cart-goods-list .goods-info-area .cell.desc>.checkbox {width: 1.25rem;}
.cart-goods-list .goods-info-area .cell.desc>.checkbox label {left: -.75rem}
.cart-goods-list .goods-info-area .thumb {background: #f8f8f8;border-radius: .75rem; margin-left:10px; margin-right: 20px; overflow: hidden; width: 100px;height: 100px; -ms-flex-negative: 0; flex-shrink: 0}
.cart-goods-list .goods-info-area .thumb img {-o-object-fit: cover;object-fit: cover}
.cart-goods-list .goods-info-area .cell .tit {display: none;}
.cart-goods-list .goods-info-area .qty {width: 130px; -ms-flex-negative: 0; flex-shrink: 0; text-align: center}
.cart-goods-list .goods-info-area .qty .form-control {max-width: 4.687rem; height: 2.812rem}
.cart-goods-list .goods-info-area .price {width: 130px; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}
.cart-goods-list .goods-info-area .price del {color: #888; font-weight: normal}
.cart-goods-list .goods-info-area .price .discount {color: var(--main-color); font-size: .875rem; text-align: center}
.cart-goods-list .goods-info-area .price .discount b {display: block; font-size: 1rem;}
.cart-goods-list .goods-subscribe {width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;}
.cart-goods-list .goods-subscribe .inner {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 30px; font-size: .875rem; margin-bottom: 1.5rem;}
.cart-goods-list .goods-subscribe .wish-del {width: 100px; text-align: center; margin-right: 20px;}
.cart-goods-list .goods-subscribe .wish-del .btn {border: 0;padding: 0; font-size: .875rem; line-height: 1; border-radius: 0}
.cart-goods-list .goods-subscribe .wish-del .btn+.btn {padding-left: 10px; margin-left: 10px;border-left: 1px solid #e5e5e5}
.cart-goods-list .delivery span {color: var(--main-color); margin-left: 5px;}
.cart-goods-list .delevery-cycle {background: #f8f8f8;padding: .75rem; padding-left: 150px;}
.cart-goods-list .delevery-cycle span {background: url(../img/arrow_d.png) no-repeat 0 50% / 15px; display: inline-block;padding-top: 5px; padding-left: 1.25rem; font-size: .875rem}
.cart-goods-list .delevery-cycle .form-control {width: auto;display: inline-block; height: 2.812rem; min-width: 150px; margin-left: 10px;}
.cart-goods-list .cart-delete-msg {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; width: 100%; padding: 1.5rem; display: -webkit-box; display: -ms-flexbox; display: flex;}
.cart-goods-list .cart-delete-msg span {color: var(--main-color);margin-right: 5px; white-space: nowrap}
.cart-goods-list .cart-delete-msg a {margin-left: auto; font-size: .875rem;-ms-flex-negative: 0;flex-shrink: 0; padding-left: 5px;}

.shopping.order .cart-goods-list .delevery-cycle {padding-left: 140px;}
.shopping.order .scrollable::-webkit-scrollbar {width: 5px;border-radius: 5px; background-color: #ddd;}
.shopping.order .scrollable::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 5px;}
.shopping.order .delivery-type {}
.shopping.order .delivery-type label p {font-size: 1rem; color: var(--main-color)}
.shopping.order .delivery-type label b img {margin-left: 10px;}
.shopping.order .delivery-type label .fee {margin-left: auto; font-size: 1.25rem; color: #222;}
.shopping.order .delivery-type label .fee b {font-size: 1.5rem;margin: 0;}
.shopping.order .delivery-type :checked+label {color: #777}
.shopping.order .order-view {cursor: pointer}
.shopping.order .order-view.active i {-webkit-transform: rotate(180deg);transform: rotate(180deg)}
.shopping.order .delivery-set {display: -webkit-box;display: -ms-flexbox;display: flex; text-align: left; font-size: .875rem}
.shopping.order .delivery-set a {margin-left: auto;}
.shopping.order .delivery-set li {display: block;}
.shopping.order .delivery-set li+li {margin-top: .5rem;}

.btn.save {color: var(--main-color); padding: 0;width: auto;height: auto;font-size: 1rem;}

.modal-content .input-group {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top:.75rem; }
.modal-content .input-group .form-control {display: block; flex-grow: 1; border-radius: .625rem;}
.modal-content .input-group .input-group-btn {display: block;margin-left: 10px; width: auto;}
.modal-content .input-group .input-group-btn .btn {border-radius: .625rem; font-size:1rem;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0;padding-bottom: 0;height: 3.437rem;}

@media (max-width: 992px) {
    .body-cart {/* padding-bottom: 15.625rem */}
    .shopping {display: block; min-height: inherit}
    .shopping .order-right .inner {position: static}
    .shopping .order-left {width: auto}
    .shopping .order-right {margin-left: 0;margin-top: 1.25rem;}
    .shopping .order-right .input-group .input-group-btn .btn {font-size: 1.125rem}
    .shopping .order-right .order-price {position: fixed; padding: 1.25rem; left: 0;right: 0;bottom: 0;z-index: 10; background: #fff; -webkit-box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.1); box-shadow: -5px -5px -10px rgba(0, 0, 0, 0.1)}
    .shopping .order-right .order-price .panel-heading,
    .shopping .order-right .order-price .price-sum,
    .shopping .order-right .order-price .discount {display: none}
    .shopping .order-right .order-price.active .panel-heading {display: block}
    .shopping .order-right .order-price.active .price-sum,
    .shopping .order-right .order-price.active .discount {display: -webkit-box;display: -ms-flexbox;display: flex}
    .shopping .order-right .order-price.active .price-detail-view {display: none !important}
    .shopping .order-right .price-detail-view {text-align: right; font-size: .875rem}

    .cart-goods-list {}
    .cart-goods-list .goods-select .delete-all {font-size: 1rem; margin-top:1rem;}
    .cart-goods-list .cart-header {display: none}
    .cart-goods-list .goods-info-area .cell.desc {width: 100%;border-bottom: 1px dashed #e5e5e5; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1}
    .cart-goods-list .goods-info-area .cell.desc .title strong {font-size: 1.062rem}
    .cart-goods-list .goods-info-area .cell.desc .title .delivery {margin-top: 10px;}
    .cart-goods-list .goods-info-area .thumb {width: 4.375rem;height: 4.375rem;margin-right: 10px;}
    .cart-goods-list .goods-info-area .cell .tit {display: block;margin: 0; width:15%; text-align:left; }
    .cart-goods-list .goods-info-area .qty .form-control {margin-left: auto; width: auto; max-width: inherit; min-width:5rem; }
    .cart-goods-list .goods-info-area .qty, .cart-goods-list .goods-info-area .price {width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;padding: 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .cart-goods-list .goods-info-area .price.total {font-size: 1.125rem;font-weight: bold; margin-top: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap}
    .cart-goods-list .goods-info-area .price del {font-size: 1rem}
    .cart-goods-list .goods-info-area .price .discount {width: 100%; font-size: 1.125rem;text-align: right; font-weight: normal}
    .cart-goods-list .goods-info-area .price .discount b {font-size: 100%; display: inline-block; margin-right: 5px;}
    .cart-goods-list .goods-info-area .qty {padding-top: 0;padding-bottom: 0;margin-top: -.75rem;margin-bottom: -.75rem;}
    .cart-goods-list .goods-subscribe {padding-top: 1rem;border-top: 1px dashed #e5e5e5;}
    .cart-goods-list .goods-subscribe .inner {font-size: 1rem;padding-left: 0;}
    .cart-goods-list .goods-subscribe .wish-del {width: 55%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0}
    .cart-goods-list .goods-subscribe .wish-del .btn {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; border: 1px solid #999 !important;border-radius: 5px !important; font-size: 1rem; padding: .75rem 1rem !important}
    .cart-goods-list .goods-subscribe .wish-del .btn+.btn {margin-left: 5px;}
    .cart-goods-list .delevery-cycle {padding-left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
    .cart-goods-list .delevery-cycle span {background-size: .875rem; font-size: 1rem;}
    .cart-goods-list .delevery-cycle .form-control {margin-left: auto}
    .cart-goods-list .cart-delete-msg {padding-left: 1rem;padding-right: 1rem;}
    .cart-goods-list .cart-delete-msg span:before {content: '\f34c'; font-family: 'LineAwesome'}
    .cart-goods-list .cart-delete-msg a {font-size: 1rem; color: #999}

    .shopping.order .cart-goods-list .goods-subscribe {-webkit-box-ordinal-group: 0;-ms-flex-order: -1;order: -1;border-top: 0;padding-top: 0}
    .shopping.order .cart-goods-list .delevery-cycle {padding-left: 1rem;}
    .shopping.order .scrollable {max-height: 10rem}
    .shopping.order .scrollable::-webkit-scrollbar {width: 5px;border-radius: 5px; background-color: #ddd;}
    .shopping.order .scrollable::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 5px;}
    .shopping.order .order-right {background: none; padding: 0; margin: 0;}
    .shopping.order .order-right .inner {margin: 0;padding: 0;}
	.shopping .order-right .order-price .panel .panel-body {padding:1rem; }
	.shopping .order-right .order-price dl {margin-bottom:0 !important;}
	.shopping .order-right .panel {margin-bottom: 0.5rem !important;}
	.shopping .order-right .help-block {letter-spacing:-1px;}
	.panel .pre {font-size:.85rem !important; }

	.payment-type .radio label b {width: 75px;flex-shrink:0}
}

@media (max-width: 424px) {
    .shopping.order .delivery-type {}
    .shopping.order .delivery-type label {padding-left: 3rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;}
    .shopping.order .delivery-type label:before {position: absolute;left: 1rem;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%)}
    .shopping.order .delivery-type label b img {max-height: 2rem}
    .shopping.order .delivery-type label .fee {margin-left: 0;margin-top: 1rem;}
}

.snb {float: left;margin-right: 30px;width: 230px;margin-bottom: 50px;}
.snb nav {border: 1px solid #e5e5e5;border-radius: 0rem; overflow: hidden}
.snb nav dl+dl {border-top: 1px solid #e5e5e5;}
.snb nav dl dt {font-size: 1.25rem; font-weight: 600; padding: 1rem 1.25rem; background: #f8f8f8;}
.snb nav dl dd {padding: 0 1.25rem;border-top: 1px solid #e5e5e5;}
.snb nav dl dd ul {margin-top: 1rem;margin-bottom: 1rem;}
.snb nav dl dd a {display: block;padding-left:7px;background:url(../img/bul_grayx2.gif) no-repeat 0 .5em;}
.snb nav dl li.active, .snb nav dl li:hover {color: var(--main-color);}
.snb nav dl li+li {margin-top: 5px;}
.snb .my-info {background: #fcfcfc; min-height: 95px; border: 1px solid #d9d9d9; margin-bottom: -1px;padding: 15px; padding-left: 95px; position: relative;margin-top: 10px; color: #888;font-size: 90%}
.snb .my-info .badge {background: none;border-radius: 0;border: 0;padding: 0;position: absolute;left: 0;top: 50%; margin: 15px;margin-top: -32px;}
.snb .my-info span {color: var(--main-color);}
.snb .my-info a {display: block; width: 85px;margin-top: 5px; padding: 4px 12px;}
.snb .call {border: 1px solid #d9d9d9; margin-top: 10px;font-size: 13px}
.snb .call h2 {border: 0;padding: 20px;text-align: left;font-size: 15px;}
.snb .call h2 div {font-size: 25px;color: var(--main-color);margin-top: 10px;}
.snb .call h2:before {display: none;}
.snb .call dl {border-top: 1px solid #e5e5e5;background: #fcfcfc;padding: 20px;}
.snb .call dt {float: left;}
.snb .call dd {margin-left: 55px;}

@media (max-width: 992px) {
	.snb {float: none; width: auto; margin: 0 0 1.875rem}
    .snb nav dl {}
    .snb nav dl dt {position: relative;font-size:.825rem; padding: .75rem 1.25rem; }
    .snb nav dl dt:after {content:"\f110";font-family: 'LineAwesome'; position: absolute;right:1rem;top:1rem}
    .snb nav dl dt.active:after {content:"\f113";}
    .snb nav dl dt.active+dd {display: block;}
    .snb nav dl dd {display: none;}
    .snb nav dl ul {font-size:0}
    .snb nav dl li {display: inline-block;vertical-align: top; margin: 0;padding-right: 0; width: 33%; font-size:1rem}
    .snb nav dl li+li {margin-top: 0;}
}
/* 마이페이지 */
.mypage-wrap {float: left;width: 940px; margin-bottom:50px;}
.mypage-top ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; border-radius: 0rem; padding: 1.25rem; background: #fff2f9;}
.mypage-top li {background: #fff; border-radius: 1.25rem; padding: 1.875rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; max-width: 33.3333%; font-size: 1.25rem}
.mypage-top li+li {margin-left: 1.25rem;}
.mypage-top li img {margin-right: auto;max-width: 4.687rem;}
.mypage-top li:nth-child(4) {margin-left: 0;margin-top: 1.25rem;max-width: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.mypage-top li:nth-child(3) span {color: var(--main-color); display: block; text-align: right; margin-left: auto; margin-top: 0;}
.mypage-top li:nth-child(3) span small {display: block; font-size: .812rem; color: #888}
.mypage-top span {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 2rem; margin-top: 1rem;}
.mypage-top b {font-weight: 600}
.mypage-top .btn {display: block;width: 100%;padding: .75rem;margin: 1rem 0 0; border-radius:.75rem; }
.mypage-top p {font-size: .875rem; margin-top: 1rem; color: #888}
.mypage-wrap .order-date li {display: inline-block;margin-right: 15px;}
.mypage-wrap .order-date.info2 {background: #f5f5f5;margin-bottom: 15px;}
.mypage-wrap .mypage-links {margin: 2.5rem 0 5rem 0;}
.mypage-wrap .mypage-links li {border-radius: 0rem;border: 1px solid #e5e5e5; padding: 1rem; font-size: 1.125rem}
.mypage-wrap .mypage-links li a {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.mypage-wrap .mypage-links li i {margin-right: 1rem; font-size:2rem; color:#333; }
.mypage-wrap .mypage-links li span {margin-left: auto; color: #888; font-size: .875rem;border-bottom: 1px solid #e5e5e5}
.mypage-wrap .mypage-links li+li {margin-top: 1.25rem;}
.mypage-wrap .order-payment .b {}
.mypage-wrap .order-payment .price {font-size:1.25rem;color:var(--main-color);font-weight: bold;}
ul.goods-list.wish li .info  {min-height:7rem !important; }

.mypage-main {position: relative;}
.mypage-main .wishlist {position: relative;padding-left: 1.875rem;padding-right: 1.875rem;;}
.mypage-main .wishlist .thumb {margin-bottom: 0;}
.mypage-main .swiper-button-prev {left: 0;}
.mypage-main .swiper-button-next {right: 0;}
.mypage-main .recent-order {background: #f8f8f8; border-radius: 0rem; padding: 1.875rem 3.125rem; position: relative}
.mypage-main .recent-order .swiper-button-prev {left: 1rem;}
.mypage-main .recent-order .swiper-button-next {right: 1rem;}
.mypage-main .bluechip-code {position: absolute;right: 0;top: 0;font-size: .875rem; color: #666; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.1}
.mypage-main .bluechip-code span:first-child {color: var(--main-color)}
.bluechip-code span b {font-size: 1.125rem; font-weight: 600; color: #222;padding-left: .5rem;padding-right: 1.5rem;background: url(../img/ic_copy.png) no-repeat 100% 50% / .875rem}
.mypage-main .bluechip-code span+span {padding-left: 1rem;margin-left: 1rem;border-left: 1px solid #e5e5e5}
.recent-order .goods-list>li {border: 1px solid #ddd; border-radius:.75rem; padding: 1.25rem !important; overflow: hidden; background: #fff}

/* 주문목록 */
.order-search {}
.order-search .form {margin-bottom: 2rem;}
.order-search .form span {margin: 0 5px; -ms-flex-item-align: center; align-self: center}
.order-search .btn {margin-right: 5px;min-width: 90px}
.order-search .form-control {background-position: 0 50%; padding-left: 3rem; padding-right: 1rem; width: auto; max-width: 240px}
.order-search .btn.active {-webkit-box-shadow: none;box-shadow: none}
.order-list {}
.order-list .panel-heading {background: #f8f8f8; display: -webkit-box; display: -ms-flexbox; display: flex; color: #333}
.order-list .panel-heading .order-no span {display: inline-block; line-height: 1}
.order-list .panel-heading .order-no span+span {margin-left: 10px;border-left: 1px solid #e5e5e5; padding-left: 10px;}
.order-list .panel-heading .price {margin-left: auto;}
.order-list .state {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: .875rem; /* color: #888; */ padding-bottom: 1.25rem; border-bottom: 1px solid #e5e5e5}
.order-list .state span {padding: .5rem 1.5rem; border-radius: 1.25rem; background: #9c9c9c; color: #fff; font-weight: bold; font-size: 1rem; margin-right: 1rem;}
.order-list .state span.complete {background: var(--main-color)}
.order-list .state span.cancel {background: #cdcdcd}
.order-list .btns { text-align:right; width:100%; padding-top: 1.25rem; border-top: 1px solid #e5e5e5;}
.order-list .btns .btn {font-size: 1.25rem; width: 35%}
.order-list .btns .btn+.btn {margin-left: .75rem;}
.order-list .goods-list-group {padding: 1.875rem 0}
.order-list .goods-list-group:first-child {padding: 1rem 0;}
.order-list .goods-list-group li {position: relative;  min-height: 100px;}
.order-list .goods-list-group li+li {margin-top: 1.875rem;}
.order-list .goods-list-group .thumb {border-radius: 1rem;background: #f8f8f8;  overflow: hidden;width: 100px; height: 100px; -ms-flex-negative: 0; flex-shrink: 0; position: absolute; left: 0;}
.order-list .goods-list-group .thumb img {-o-object-fit: cover;object-fit: cover}
.order-list .goods-list-group .info {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1}
.order-list .goods-list-group .info .goods-name {padding-left: 120px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex;}
.order-list .goods-list-group .info strong {font-weight: normal; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;max-width: 70%}
.order-list .goods-list-group .info .qty {margin-left: auto; padding-left: 1rem}
.order-list .goods-list-group .info .price {padding-left: 2rem;}
.order-list .goods-list-group .info .price:last-child {text-align: right}
.order-list .goods-list-group .info .price small {font-size: .875rem; display: block;}
.order-list .goods-list-group .info .add-btns {width: 100%; margin-top: .5rem; margin-left: 120px;}
.order-list .goods-list-group .info .add-btns .btn {font-size: .875rem; padding: .75rem}
.order-list .goods-list-group .ads-info {margin-left:1rem;}
.order-list .goods-list-group .ads-info b {display:block; font-size:1.1rem; margin-bottom:1rem; }
.order-list .goods-list-group .ads-info span.desc {display:block; font-size:1rem; }
.order-list .panel.btn {width:100%; text-align:center; padding:1.25rem 0;  }
.order-list .panel.btn i {margin-right:.5rem; font-size:1.35rem; }

.panel-form {border: 1px solid #e5e5e5; border-radius: 1.25rem; padding: 90px 1rem; text-align: center}
.panel-form .form {max-width: 470px;margin: 0 auto}
.panel-form h3 {font-weight: 400;font-size: 1.25rem;margin-top: 2em;margin-bottom: 1em;position: relative;}
.panel-form .btn-box .btn {font-size: 1.25rem; width: 100%}
.panel-form p {color:#666; font-size:1rem; text-align:left; }

.chk-group .checkbox+.checkbox {margin-top: .75rem;}
.chk-group .checkbox label {font-size: 1rem; color: #777;border: 1px solid #e5e5e5; border-radius:0rem; padding:1rem 1rem 1rem 0rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; text-align:left; }
.chk-group .checkbox label:before {opacity: 0;position: static;-ms-flex-negative: 0;flex-shrink: 0;}
.chk-group .checkbox :checked+label {color: var(--main-color); border-color: var(--main-color)}
.chk-group .checkbox :checked+label:before {background: var(--main-color)}
.chk-group .checkbox :checked+label:after {content: '' !important;background: none;}

.modal-content .input-group {display: -webkit-box;display: -ms-flexbox;display: flex; margin-top:.75rem; }
.modal-content .input-group .form-control {display: block;width: auto; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; border-radius:0rem;}
.modal-content .input-group .input-group-btn {display: block;margin-left: 10px; width: auto;}
.modal-content .input-group .input-group-btn .btn {border-radius: 0rem; font-size:1rem;padding-left: 1.25rem;padding-right: 1.25rem;padding-top: 0;padding-bottom: 0;height: 3.437rem;}

.goods-list .btn-box .btn {width:100%; padding: .15rem 1rem !important}

.table.center .ing {color:#666; }
.table.center .done {color:var(--main-color)}
.table.center .prd {font-size:.9rem; color:#888; }

.board-view .comment {background:#f8f8f8; border-radius:.75rem;  padding:2rem; margin-top:1.5rem; color:#666; }
.board-view .comment span.tit {display:block; margin-bottom:1rem; font-size:.85rem; color:#888; }
.board-view .comment span.tit b {color:#000; font-size:1.1rem; display:inline-block; margin-right:.5rem; }

.file-upload .btn {width:auto; }
.mypage-wrap .form {position:relative; }
.mypage-wrap .form span.txt {position:absolute; left:8rem; top:1.25rem; }

.mypage-wrap .btn-box .btn {padding-left: 3rem; padding-right: 3rem;padding:.25rem; }
.mypage-wrap .btns .btn {max-width: 23%; padding: .75rem 1rem;}
.mypage-wrap .board-view .btn-box .btn, .mypage-wrap.board-write .btn-box .btn {padding:.25rem; }
.customer-center .board-view .btn-box .btn, .customer-center .btn-box .btn {padding:.25rem; }

.panel .left {float:left; color:#666; }
.panel .left b {font-weight:normal; color:#000; }
.panel .left span.bar {display:inline-block; margin:0 1rem; color:#ccc; }
.panel .right {float:right; }
.panel .right span {padding: .5rem 1.5rem; border-radius: 1.25rem; background: #9c9c9c; color: #fff; font-weight: bold; /*  font-size: 1rem;margin-right: 1rem; */}
.panel .right span.cancel {background: #cdcdcd}
.panel span.complete {padding: .5rem 1.5rem; border-radius: 1.25rem; color: #fff; font-weight: bold; font-size: 1rem; margin-right: 1rem; background: var(--main-color)}

.panel .panel-heading .date { padding-left: 2rem; margin-left: auto; margin-top:.5rem; font-size:.9rem; color:#888; }
.panel .panel-body .state a { margin-left: auto;}
.panel .panel-body .state a img {margin-right:.5rem; }
.panel .panel-body .state {position: relative;}
.panel .panel-body .state .return-msg {display: none;position: absolute;right:0;top:80%;background: #fff;padding: 1rem;border-radius:.5rem;text-align: left;box-shadow: 0 0 5px rgba(0,0,0,0.1);z-index: 1;}
.panel .panel-body .state .return-msg dl {font-size:.85rem}
.panel .panel-body .state .return-msg dl dt {width: auto;display: block;font-weight: bold;}
.panel .panel-body .state .return-msg dl dd {width: auto;display: block;text-align: left; font-weight: normal; text-align:left; color:#666}

.panel .panel-heading .order-no b {color:#000;}
.panel .panel-heading .price a {border:1px solid #ddd; background:#fff; padding:.5rem 1rem; border-radius:.5rem; }
.panel .panel-body .goods-name del {color:#888; font-size:.85rem; }
.panel .panel-heading.bg {background:#f8f8f8; }
.panel .panel-body p {text-align:center; }
.panel .panel-body p img {margin:1rem 0; }
.panel .panel-body .file-upload {margin:0 auto; text-align: center}
.panel .panel-heading.bg .price {float:right; margin-top:-2rem; }
.panel .panel-heading.bg .price button {padding:.5rem 1rem; }
.panel .panel-body button.xs {padding:.5rem 1rem;}

.state dl {width:100%;color: #222; font-size: 1rem}
.state dl+dl {margin-top: 1rem;}
.state dl dt {display:inline-block; width:50%; font-weight:normal; line-height:2; }
.state dl dd {display:inline-block; width:48%; text-align:right; font-weight:bold;}
.state dl.total dt {font-weight:bold; }
.state:last-child {border-bottom: 0;padding-bottom: 0;}

p.red {color:var(--main-color); margin-top:1rem}

.delivery-top ul {display: -webkit-box;display: -ms-flexbox;display: flex; border-radius: 1.25rem; padding: 1.25rem; background: #fff4f2; margin-bottom: 1.5rem;}
.delivery-top li {background: #fff; border-radius: 1.25rem; padding: 1.875rem;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; max-width: 50%; font-size: 1.25rem}
.delivery-top li+li {margin-left: 1.25rem;}
.delivery-top li img {margin-top:0rem; float:right; max-width: 5rem; }
.delivery-top span {display:block; font-size: 1rem; margin-top: 1rem;}
.delivery-top b {font-weight: 600}

.mypage-wrap h4:not(:first-child) {margin-top:2rem;}
.mypage-wrap .review-list {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex; margin-top:1.5rem; }
.mypage-wrap .review-list li {position: relative;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;max-width: 100px; border-radius: 15px; border:1px solid #ddd;}
.mypage-wrap .review-list li span {position:absolute; right:-10px; top:-10px; }
.mypage-wrap .review-list li+li {margin-left: 10px;}
.mypage-wrap .review-list a {padding-top: 100%;position: relative;display: block;overflow: hidden}
.mypage-wrap .review-list a img {position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.mypage-wrap .coupon-list li {margin-bottom: 1rem; color:#666; font-size:1rem; }
.mypage-wrap .coupon-list li u {color:var(--main-color)}

.panel-body.review .thumb {margin-top:0rem; float:left; max-width: 8rem;  border-radius: 10px; overflow:hidden; margin-right:1rem;}
.panel-body.review .info b {display:block; margin-bottom:.5rem; font-size:1.2rem; }

.txt-info {padding:1rem; color:#666; }
.txt-info span.tit {display:block; margin-bottom:.75rem; color:#000; font-size:1.1rem; }
.txt-info dd {line-height:1.8; }
.txt-info dt {color:#000; }

.mypage-wrap .cart-header {display: -webkit-box;display: -ms-flexbox;display: flex;}
.mypage-wrap .cart-header {border-top: 1px solid #e5e5e5; background:#f8f8f8; }
.mypage-wrap .cart-header div {text-align: left; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: .75rem; color:#888;}

.mypage-wrap .cart-goods-group {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.mypage-wrap .goods-info-area {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #e5e5e5; padding:0 1rem; }
.mypage-wrap .goods-info-area .cell {display: -webkit-box;display: -ms-flexbox;display: flex;padding: 1.5rem .75rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
.mypage-wrap .goods-info-area .cell.desc {position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start; width: calc(100% - 390px)}
.mypage-wrap .goods-info-area .cell.desc .title {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center; -ms-flex-item-align: stretch; align-self: stretch;  -webkit-box-flex: 1;  -ms-flex-positive: 1;  flex-grow: 1}
.mypage-wrap .goods-info-area .cell.desc .title strong {font-weight: normal; display: block; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1}
.mypage-wrap .goods-info-area .cell.desc .title a:before {content: "";position: absolute;left: 30px;top: 0;bottom: 0;right: 0;}
.mypage-wrap .goods-info-area .cell.desc .title .delivery {font-size: .875rem;margin-top: auto}
.mypage-wrap .goods-info-area .cell.desc>.checkbox {width: 1.25rem;}
.mypage-wrap .goods-info-area .cell.desc>.checkbox label {left: -.75rem}
.mypage-wrap .goods-info-area .thumb {background: #f8f8f8;border-radius: .75rem; margin-right: 20px; overflow: hidden; width: 100px;height: 100px; -ms-flex-negative: 0; flex-shrink: 0}
.mypage-wrap .goods-info-area .thumb img {-o-object-fit: cover;object-fit: cover}
.mypage-wrap .goods-info-area .price { line-height:2; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column}

.delivery-type li {position:relative;}
.delivery-type li span.right {color:var(--main-color); position:absolute; right:2%; }

.delivery-list ul {position:relative; display: -webkit-box; display: -ms-flexbox; display: flex; }
.delivery-list li {position: relative; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100px; }
.delivery-list li+li {margin-left:1rem;}
.delivery-list li .thumb {border-radius: 1rem;background: #f8f8f8;  overflow: hidden;width: 100px; height: 100px; -ms-flex-negative: 0; flex-shrink: 0; }
.delivery-list li .thumb img {-o-object-fit: cover;object-fit: cover}
.delivery-list li span.desc {display:block; font-size:.9rem; margin:.5rem 0 2rem 0; }

.delivery-detail {display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom:2rem; }
.delivery-detail .thumb {border-radius: 1rem;background: #f8f8f8;  overflow: hidden;width: 100px; height: 100px; margin-right: 1rem; -ms-flex-negative: 0; flex-shrink: 0; }
.delivery-detail .info {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center}
.delivery-detail .info .title {font-size: 1.125rem; font-weight: bold;}
.delivery-detail .info a {color:var(--main-color); -ms-flex-item-align: end; align-self: flex-end; margin-left: auto}

.edit-list {}
.edit-list dt {padding: 1.5rem; border: 1px solid #e5e5e5;position: relative;font-weight: normal;background: #f8f8f8; border-radius:1rem; }

.edit-list dt {margin-top:1rem; }
.edit-list dt span {color: var(--main-color);width: 8rem;padding: 0 1rem; display: inline-block; text-align: center}
.edit-list dt.active {border-radius:1rem 1rem 0 0 ; }
.edit-list dt:after {content: "수정"; background:url(../img/arr_down.png) no-repeat 100% center; font-family: 'FontAwesome'; font-size: 1rem; line-height: 1; position: absolute;right: 1.5rem;top: 1.65rem; padding-right: 1.5rem;}
.edit-list dt.active:after {content: "접기"; background-image:url(../img/arr_up.png)}
.edit-list dd {display: none; padding: 1.5rem; color: #666; border: 1px solid #e5e5e5;position: relative; border-top:0rem; background:#fff; border-radius: 0 0  1rem 1rem; }
.edit-list dd select {width:50%; }
.edit-list dd span {line-height:3; color:var(--main-color); margin-left:1rem }

.radio-group strong {color:#000; font-size:1rem;}

.coupon-search {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;border-radius: 1.25rem;padding: 1.25rem;background:#f8f8f8; }
.coupon-search .input-group .form-control, .coupon-search .input-group .btn {border-radius: .75rem}
.coupon-search .input-group .form-control{background:#fff;}
.coupon-search .input-group .btn {font-size: 1.25rem;height: 3.437rem;padding: 0;padding-bottom: 0; margin-left: 10px;padding-left:30px;padding-right: 30px;}
.coupon-search b {display:block; margin:.5rem; }
.coupon-search p {margin-bottom:1.5rem ; margin-left:.5rem; font-size:.9rem; color:#666; }

.mypage-wrap .board-list table.table td.title small {display:block; color:#888 }
.mypage-wrap .board-list table.table td.title {font-size:1.25rem; }

/* 게시판 */
.board-list .list-top {margin-bottom: 1rem; color: #666}
.board-list .list-top b {color: #222;}
.board-list .list-top span {color: #222;font-weight: bold}
.board-list table.table {}
.board-list table.table thead th {padding-top: .75rem;padding-bottom: .75rem;}
.board-list table.table tr.notice td:first-child {color: #c00b14}
.board-list table.table tr.notice td:first-child span {color: #c00b14;}
.board-list table.table td {color: #666; font-weight: normal;}
.board-list table.table td img {margin: 0 3px;vertical-align: -1px;}
.board-list table.table td .thumb img {vertical-align: middle;margin: 0 10px 0 0;}
.board-list table.table td.img img {max-width:90px}
.board-list table.table td.state b {color: var(--main-color);font-weight: normal}
.board-list table.table td.state .btn:not(.confirm) {background: none; border-bottom: 1px solid #666;padding: 0;padding-bottom: 3px}
.board-list table.table td.title {text-align: left; color: #222;}
.board-list table.table td.title notice {color: var(--main-color)}
.board-list table.table td.category {color: #888}
.board-list table.table td.supply {}
.board-list table.table td.order {color: var(--main-color);text-decoration: underline}
.board-list table.table td.sel input {margin: 0;}
.board-list table.table td.reply .title {padding-left: 20px;}
.board-list table.table td.date {color: #888; font-size: .875rem}
.board-list table.table td.date a {color: var(--main-color);text-decoration: underline;display: block}
.board-list table.table td.order-no a {color: var(--main-color);text-decoration: underline}
.board-list table.table td.mileage.total {color: var(--main-color)}
.board-list table.table td.score img {margin: 0;}
.board-list table.table td.price {color: #222}
.board-list table.table td.price b {}
.board-list table.table td.price span {color: #222;margin-left: 10px;}
.board-list table.table td.price.discount {color: #777}
.board-list table.table td.price.total b {color: var(--main-color)}
.board-list table.table td.print u {text-decoration: none; border-bottom: 1px solid #666;padding: 0;padding-bottom: 3px}
.board-list table.table td b {color: #222;}

.board-list td.push {width:40%; text-align:right; }
.board-list td.push div {display:inline-block; }
.board-list td.push div span {display:block; text-align:center; }

.board-view .board-con {padding: 20px;text-align: left}
.board-view .board-con img {margin:0 auto 30px;}
.board-view dl {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5}
.board-view dt+dt {border-top: 1px solid #e5e5e5;}
.board-view dt {background: #f8f8f8;font-weight: normal; padding: 1.5rem 2rem; display: -webkit-box; display: -ms-flexbox; display: flex;}
.board-view dt .title {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding-right: 2rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
.board-view dt .date {width: 20%;margin-left: auto;}
.board-view dt .state {width: 20%;margin-left: auto;}
.board-view dt span {padding-right: 1.25rem;display: inline-block; min-width: 5rem; color: #888}
.board-view dt strong {color: #222;}
.board-view dt .writer {padding: 20px;border-top: 1px solid #e5e5e5;}
.board-view dt .writer span {float: right;}
.board-view dd {padding: 1.875rem;border-top: 1px solid #e5e5e5}
.board-view dd.goods-info {display: table;width: 100%;}
.board-view dd.goods-info .thumb {display: table-cell;vertical-align: top;width: 40%;}
.board-view dd.goods-info .info {display: table-cell;}
.board-view dd.goods-info .info .icon {font-size: 20px;font-weight: normal;margin-right: 10px;color: var(--main-color);border: 1px solid var(--main-color);padding: 2px 10px;line-height: 1;}
.board-view dd.goods-info .info strong {font-size: 20px;font-weight: normal}
.board-view dd.goods-info .info .price {font-size: 30px;font-weight: bold;margin-top: 10px;}
.board-view dd.goods-info .info .table {border: 0;}
.board-view dd.goods-info .info .table tbody tr:first-child > * {padding-top: 30px;}
.board-view dd.goods-info .info .table tbody tr:last-child > * {padding-bottom: 30px;}
.board-view dd.goods-info .info .table tbody+tbody {border-width: 1px;border-color: #e5e5e5}
.board-view dd.goods-info .info .table th, .board-view dd.goods-info .info .table td {padding: 5px 0;border: 0;vertical-align: top;}
.board-view dd.goods-info .info .table th {color: #888}
.board-view dd .tag-list {margin-top: 40px;}
.board-view dd .tag-list span {background: #ebebeb;font-size: 15px; border-radius: 20px;padding: 5px 10px;display: inline-block;}

.input-checkbox {}
.input-checkbox input[type='radio'],
.input-checkbox input[type='checkbox'] { vertical-align: middle; margin: 0 5px; }
.input-radio input,
.input-checkbox input { z-index: 9; width: 16px; height: 16px; display: none;}
.input-radio label,
.input-checkbox label { display: inline-block; height: 16px; line-height: 16px; padding: 0 0 0 23px; background: url(../img/input_radio.png) no-repeat 0 0; background-size: 16px; margin-right: 12px; cursor: pointer; }
.input-checkbox label { background: url(../img/input_check.png) no-repeat 0 0; background-size: 16px; }
.input-radio input:checked + label,
.input-checkbox input:checked + label { background-position: 0 -16px; }

.checkbox-toggle {width: 6rem !important; font-size: .727rem;}
.checkbox-toggle input {opacity: 0;position: absolute}
.checkbox-toggle label {width: 6rem; height: 2.25rem;border: 1px solid #ddd;background: #ddd; border-radius: 2rem;margin: 0; position: relative;}
.checkbox-toggle label:before {content: "";position: absolute;left: 0;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);width: 3rem;height: 2.25rem;background: #fff;border: 1px solid #ccc; border-radius: 2rem;-webkit-transition: all 0.3s;transition: all 0.3s}
.checkbox-toggle label:after {content: "OFF";position: absolute;color: #fff;right: .75rem;top: 50%;-webkit-transform: translate(0, -50%);transform: translate(0, -50%)}
.checkbox-toggle :checked+label {background: var(--main-color);}
.checkbox-toggle :checked+label:before {content: ""; margin-left:2.9rem; -webkit-transition: all 0.3s;transition: all 0.3s;border-color: var(--main-color)}
.checkbox-toggle :checked+label:after {content: "ON"; left: .75rem;right: auto}

/* 블루칩관리 */
.bluechip-adm {}
.bluechip-adm .bluechip-code {background: #f8f8f8;border-radius: 1.5rem;padding: 1.5rem;margin-bottom: 1.5rem;position: relative;}
.bluechip-adm .bluechip-code ul {padding-left: 5px;}
.bluechip-adm .bluechip-code .spot {position: absolute;right:1.5rem;top:1.5rem;margin: 0;font-size: .875rem}
.bluechip-adm .bluechip-code span {font-size: 1.125rem; display: -webkit-box;display: -ms-flexbox;display: flex; background: #fff;border-radius: 1rem;padding: 1rem;}
.bluechip-adm .bluechip-code b {margin-left: auto;}
.bluechip-adm .bluechip-code div {}
.bluechip-adm .save-guide {border-radius: 1.5rem;background: #f8f8f8; padding: 2rem 2.5rem}
.bluechip-adm .save-guide li {display: inline-block;vertical-align: top;width: 40%; font-size: 1.125rem; line-height: 1.8}
.bluechip-adm .save-guide li img {margin-right: 5px;}
.bluechip-adm .save-guide div {text-align: right; margin-top: 1rem;}

.wish-del .btn {width:48.5% !important;}

.star-average {background: url(../img/sp_icon_common_off.png) no-repeat 0 50%;display: inline-block;height: 19px;min-width: 120px;background-size: 120px; vertical-align: top;}
.star-average span {display: block;height: 100%; background: url(../img/sp_icon_common_on.png) no-repeat 0 50%;background-size: 120px;vertical-align: top;}

.star {border:0;background: none;color:#ddd;padding: 0;font-size:1.5rem}
.star.good {color: #ffca00;}

.goods-banner {font-size: 0; position: relative; margin-bottom: 3rem; margin-top: 3rem; }

@media (max-width: 992px) {
	.star-average {background: url(../img/sp_icon_common_off.png) no-repeat 0 50%;display: inline-block;height: 19px;min-width: 80px;background-size: 80px; vertical-align: top;}
	.star-average span {display: block;height: 100%; background: url(../img/sp_icon_common_on.png) no-repeat 0 50%;background-size: 80px;vertical-align: top;}
	
    .mypage-wrap {float: none; width: 100%;}
    .mypage-top li {max-width: inherit;margin-left: 0; font-size: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 1.25rem}
    .mypage-top li span {margin-left: auto;margin-top: 0;max-width: 70%; font-size: 1.25rem}
    .mypage-top li+li {margin-left: 0;margin-top: 1rem !important;}
    .mypage-top li img {max-width: 1.875rem;margin-right: 5px;}
    .mypage-top li:nth-child(4) {border: 1px solid rgba(226, 52, 14, 0.42)}
    .mypage-top li:nth-child(4) span {font-size: 1.875rem}

    .snb nav dl dt:nth-of-type(2) ~ dd:nth-of-type(7),
    .snb nav dl dt:nth-of-type(2) ~ dd:nth-of-type(8),
    .snb nav dl dt:nth-of-type(2) ~ dd:nth-of-type(9),
    .snb nav dl dt:nth-of-type(2) ~ dd:nth-of-type(10) {width: 47%}

    .mypage-main .recent-order {padding: 1.5rem 1.5rem 3rem 1.5rem;}
    .mypage-main .wishlist {padding-left: 0;padding-right: 0; padding-bottom:2rem; }
    .mypage-main .bluechip-code {position: static;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: -5px;margin-bottom: 1rem;}
    .mypage-main .bluechip-code span+span {padding-left: 0;border-left: 0;margin-top: 5px;}

    /* 주문목록 */
    .order-search .form-row {-ms-flex-wrap: wrap;flex-wrap: wrap}
    .order-search .btn {min-width: inherit}
    .order-search .form-control {max-width: 20%}
    .order-list {}
    .order-list .panel-heading {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end}
    .order-list .panel-heading .order-no {}
    .order-list .panel-heading .order-no span {display: block; line-height: normal}
    .order-list .panel-heading .order-no span+span {margin-left: 0;padding-left: 0;border: 0;}
    .order-list .btns {ms-flex-wrap: wrap;flex-wrap: wrap; margin-left: -5px;margin-right: -5px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start}
    .order-list .btns .btn {font-size: 1rem;max-width: 100%; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; width: calc(32.5% - 8px); margin: 4px 0; padding: .75rem}
    .order-list .btns .btn+.btn {margin-left: 4px}
    .order-list .goods-list-group {padding: 1.25rem 0}
    .order-list .goods-list-group li {min-height: inherit}
    .order-list .goods-list-group .thumb {width: 4.375rem;height: 4.375rem;}
    .order-list .goods-list-group .info {}
    .order-list .goods-list-group .info .goods-name {-ms-flex-wrap: wrap;flex-wrap: wrap; padding-left: 5rem;min-height: 4.375rem;}
    .order-list .goods-list-group .info strong {max-width: inherit;width: 100%; font-size: 1.062rem; /* min-height: 2em; */margin-bottom: 5px;}
    .order-list .goods-list-group .info .qty {margin-left: 0;padding-left: 0;padding-right: 1rem;}
    .order-list .goods-list-group .info .price {text-align: left !important;padding-left: 0;}
    .order-list .goods-list-group .info .price small {display: inline}
    .order-list .goods-list-group .info .add-btns {margin-left: 0; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .order-list .goods-list-group .info .add-btns .btn {padding: .5rem; border-radius: 5px;/* max-width: 33.3333%; */ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1}
    .order-list .goods-list-group .info .add-btns .btn+.btn {margin-left: 5px;}

	.cart-goods-list {}
    .mypage-wrap .goods-info-area {padding: 0;}
    .cart-goods-list .goods-select .delete-all {font-size: 1rem;}
    .cart-goods-list .cart-header {display: none}
    .cart-goods-list .goods-info-area .cell.desc {width: 100%;border-bottom: 1px dashed #e5e5e5; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1}
    .cart-goods-list .goods-info-area .cell.desc .title strong {font-size: 1.062rem}
    .cart-goods-list .goods-info-area .cell.desc .title .delivery {margin-top: 10px;}
    .cart-goods-list .goods-info-area .thumb {width: 4.375rem;height: 4.375rem;margin-right: 10px;}
    .cart-goods-list .goods-info-area .cell .tit {display: block;margin: 0;}
    .cart-goods-list .goods-info-area .qty .form-control {margin-left: auto; width: auto; max-width: inherit}
    .cart-goods-list .goods-info-area .qty, .cart-goods-list .goods-info-area .price {width: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row;padding: 1rem 1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex;}
    .cart-goods-list .goods-info-area .price.total {font-size: 1.125rem;font-weight: bold; margin-top: 5px; -ms-flex-wrap: wrap; flex-wrap: wrap}
    .cart-goods-list .goods-info-area .price del {font-size: 1rem}
    .cart-goods-list .goods-info-area .price .discount {width: 100%; font-size: 1.125rem;text-align: right; font-weight: normal}
    .cart-goods-list .goods-info-area .price .discount b {font-size: 100%; display: inline-block; margin-left: 5px;margin-right: 5px;}
    .cart-goods-list .goods-info-area .qty {padding-bottom: 0;margin-bottom: -.75rem;}
    .cart-goods-list .goods-subscribe {padding-top: 1rem;border-top: 1px dashed #e5e5e5;}
    .cart-goods-list .goods-subscribe .inner {font-size: 1rem;padding-left: 0;}
    .cart-goods-list .goods-subscribe .wish-del {width: 55%;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-negative: 0;flex-shrink: 0}
    .cart-goods-list .goods-subscribe .wish-del .btn {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; border: 1px solid #999 !important;border-radius: 5px !important; font-size: 1rem; padding: .75rem 1rem !important}
    .cart-goods-list .goods-subscribe .wish-del .btn+.btn {margin-left: 5px;}
    .cart-goods-list .delevery-cycle {padding-left: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center}
    .cart-goods-list .delevery-cycle span {background-size: .875rem; font-size: 1rem;}
    .cart-goods-list .delevery-cycle .form-control {margin-left: auto}
    .cart-goods-list .cart-delete-msg {padding-left: 1rem;padding-right: 1rem;}
    .cart-goods-list .cart-delete-msg span:before {content: '\f34c'; font-family: 'LineAwesome'}
    .cart-goods-list .cart-delete-msg a {font-size: 1rem; color: #999}

	.goods-banner {font-size: 0; position: relative; margin-bottom: 1rem; margin-top: 1rem; }

    .panel-form { padding: 30px 1rem 10px 1rem;}

    .checkbox-toggle {width: 4.5rem !important}
    .checkbox-toggle label {width: 4.25rem;height: 1.75rem;}
    .checkbox-toggle label:before {width: 1.5rem;height: 1.5rem;}
    .checkbox-toggle :checked+label:before {margin-left:2.5rem;}

    .delivery-top li {text-align: center}
    .delivery-top li img {display: block;float: none; margin: 0 auto; max-width: 3rem}
    .delivery-detail .thumb {width: 4rem; height: 4rem;}
    .delivery-detail .info {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center}
    .delivery-detail .info a {margin-left: 0;margin-top: 5px; -ms-flex-item-align: start; align-self: flex-start}

    .edit-list dt:after {background-size: 1rem !important}

    /* 블루칩관리 */
	.bluechip-adm .bluechip-code .spot {position: static;margin: 1rem 0;padding-left: 1rem;}
    .bluechip-adm .mypage-top li {-ms-flex-wrap: wrap;flex-wrap: wrap}
    .bluechip-adm .save-guide {padding: 1.5rem}
    .bluechip-adm .save-guide li {display: block;width: auto}
    .bluechip-adm .save-guide li img {max-height: 1.25rem}

	.board-view dt {-ms-flex-wrap: wrap;flex-wrap: wrap}
    .board-view dt .title {padding-right: 0;width: 100%; margin-bottom: 5px;}
    .board-view dt .title span {display: none;}
    .board-view dt .date {width: 100%}
    .board-view dt .state {width: 50%}
    .board-view dt span {width: 5rem;min-width: inherit}
    .board-view dt strong {font-size: 1.125rem}
    .board-view dt .writer {padding: 15px;}
    .board-view dt .writer span {float: none;;display: block;margin-top: 5px;}
    .board-view dd.goods-info .thumb {width: 25%;max-width: 120px;}
    .board-view dd.goods-info .info {vertical-align: top;padding-left: 10px;}
    .board-view dd.goods-info .info .icon {font-size: 12px;margin-bottom: 10px;display: inline-block;}
    .board-view dd.goods-info .info strong {font-size: 14px;display: block}
    .board-view dd.goods-info .info .price {font-size: 20px;}
    .board-view dd.goods-info .info .table {display: table;}
    .board-view dd.goods-info .info .table tr {display: table-row}
    .board-view dd.goods-info .info .table tbody {display: table-row-group}
    .board-view dd.goods-info .info .table tbody tr:first-child > * {padding-top: 10px;}
    .board-view dd.goods-info .info .table tbody tr:last-child > * {padding-bottom: 10px;}
    .board-view dd.goods-info .info .table tbody tr {border: 0;}
    .board-view dd.goods-info .info .table th, .board-view dd.goods-info .info .table td {padding: 5px 0;display: table-cell;font-size: inherit}
    .board-view dd.goods-info .info .table th {width: 25%}
    .board-view dd .tag-list {margin-top: 20px;}
    .board-view dd .tag-list span {font-size: inherit;margin: 2px 0}
}

@media (max-width: 550px) {
    .order-search .form span {width: 30px;margin: 0;text-align: center}
    .order-search .btn {min-width: 18%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1; max-width: 20%; padding: .75rem; margin-bottom: 5px;}
    .order-search .btn:nth-child(5) {margin-right: 0;}
    .order-search .form-control {max-width: inherit; width: calc(50% - 15px); padding-top: .75rem;padding-bottom: .75rem;height: auto}
}

.customer-center {float: left;width: 940px; margin-bottom:5rem; }
.customer-center .tab-nav {margin-bottom: 40px}
.customer-center .terms {height: 544px}
.customer-center .title-area {height: 30px;position: relative;margin-top: 40px;}
.customer-center .title-area h4 {font-size: 1.153rem;}
.customer-center .title-area a {position: absolute;right: 0;top: 0;font-size: .923rem;opacity: .5}

.faq-category:after {display: none}
.faq-category li {width: 14.2857%;margin: 0;float: left;font-size: 1rem;}
.faq-category li a {padding: .5em 0;border-radius: 0;border: 1px solid #ddd;}
.faq-category li+li a {margin-left: -1px;}
.faq-category li.active a {background: #222;color: #fff;border: 1px solid #222}
.faq-list {border-top: 1px solid #e5e5e5}
.faq-list dt {padding: 1.5rem 2.5rem; border-bottom: 1px solid #e5e5e5;position: relative;font-weight: normal;}
.faq-list dt span {color: var(--main-color);width: 8rem;padding: 0 1rem; display: inline-block; text-align: center}
.faq-list dt.active a {}
.faq-list dt:before {content: 'Q';display: inline-block;position: absolute;left: 1.5rem;top: 1.5rem;font-size: 1.25rem; line-height: 1; font-weight: bold; color: #222; text-align:  right;}
.faq-list dt:after {content: "\f107"; font-family: 'FontAwesome'; font-size: 1.875rem; line-height: 1; position: absolute;right: 1.5rem;top: 1.25rem}
.faq-list dt.active:after {content: "\f106";}
.faq-list dd {display: none;padding: 1.5rem 2.5rem;padding-left: 5.75rem; color: #666;border-bottom: 1px solid #e5e5e5;background: #f8f8f8;position: relative;}
.faq-list dd:before {content: 'A';display: inline-block;position: absolute;left: 1.5rem;top: 1.5rem;padding-left: 1.5rem;background: url(../img/arrow_a.png) no-repeat 0 -5px / 1rem; line-height: 1;font-size: 1.25rem; text-align:  right;font-weight: bold;color:  var(--main-color);}

.faq-search{-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;border-radius: 1.25rem;padding: 1.25rem;border:1px solid #ddd}
.faq-search .input-group .form-control, .faq-search .input-group .btn {border-radius: .75rem}
.faq-search .input-group .form-control{background:#f8f8f8 url("../img/ic_search_small.png") no-repeat 1rem center;padding-left:2.75rem}
.faq-search .input-group .btn {font-size: 1.25rem;height: 3.437rem;padding: 0;padding-bottom: 0; margin-left: 10px;padding-left:30px;padding-right: 30px;}

.faq-tab.tab-nav {text-align: center;margin-bottom: 3%;margin-top:2rem}
.faq-tab.tab-nav:after {display: none}
.faq-tab.tab-nav li {float: none;display: inline-block;margin: 2px 2px;width: 15.5%;min-width: 72px;}
.faq-tab.tab-nav li a {display:block;width:100%;border-radius: 2em;background: #f8f8f8;border:1px solid #d9d9d9;padding: .35em .5em;font-size: 18px; color: #666;font-weight: 400;text-align: center;}
.faq-tab.tab-nav li.active a {color: #fff;border: 0; background: var(--main-color)}

.request-product h3{margin-bottom:.3em; font-weight: 400;}
.request-product textarea{padding-top:1rem;padding-bottom:1rem}
.request-product .btn{padding-left: 3rem; padding-right: 3rem; font-size: 1.125rem}



@media (max-width: 768px) {
    .customer-center {float: none; width: 100%;}

    .faq-search .input-group .btn {padding-left: 1rem;padding-right: 1rem;font-size: 1rem}
    .faq-content .top-search {padding: 12px;}
    .faq-content .input-group {max-width: none;margin: 0}
    .faq-category ul {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .faq-category li {width: 25%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;background: #f5f5f5;border: 1px solid #fff;height: 40px;}
    .faq-category li a {height: auto;line-height: 1;border: 0; width: 100%;-ms-flex-item-align: center;align-self: center;background: none;}
    .faq-category li.active {background: #222;border-color: #222;}
    .faq-list dt {}
    .faq-list dt:before {left: 1rem}
    .faq-list dt:after {right: 1rem}
    .faq-list dt span {width: auto;display: block; text-align: left; padding-left: 0;}
    .faq-list dd {padding-left: 4.5rem;}
    .faq-tab.tab-nav li a {font-size: 1rem;padding: .35em 1em}
}