@charset "utf-8";

.shop-box-guide {display:flex; align-items:center; margin:0 -50px 30px; padding:45px 40px; background:#eee;}
.shop-box-guide .info {display:flex; width:43%; padding-right:30px;}
.shop-box-guide .info .img {margin:12px 25px 0 0;}
.shop-box-guide .info .cnt {}
.shop-box-guide .info .cnt .tit {margin:0 0 5px 28px; color:#000; font-size:18px; line-height:1.4em; letter-spacing:-.03em;}
.shop-box-guide .info .cnt .tit strong {font-size:20px; line-height:1.4em;}
.shop-box-guide .info .cnt ol li {position:relative; padding-left:28px; color:#505050; font-weight:300; line-height:1.55em; letter-spacing:-.04em;}
.shop-box-guide .info .cnt ol li .num {position:absolute; top:3px; left:0; width:20px; height:20px; background:#000; color:#fff; text-align:center; font-family:'Poppins',sans-serif; font-size:14px; font-weight:500; line-height:20px; border-radius:100%;}
.shop-box-guide .type {flex:1 1 auto; min-width:0; width:1%; text-align:center; border-left:1px solid #ccc; padding:9px 0 9px 27px;}
.shop-box-guide .type ul {display:flex; margin:0 -5px;}
.shop-box-guide .type ul li {width:16.66666666%; padding:0 5px;}
.shop-box-guide .type ul li img {display:block; margin:0 auto 10px;}

.breadcrumb {margin-bottom:22px; color:#505050; font-family:'Poppins','Noto Sans KR',sans-serif; font-size:14px; line-height:1.4em; letter-spacing:-.04em;}
.breadcrumb .home {display:inline-block; padding-left:22px; color:#878787; background:url("../images/shop/home.png") 0 3px no-repeat;}
.breadcrumb .arrow {color:#a4a4a4; margin:0 6px;}

/* 카테고리 */
.goods-cate {text-align:center; margin-bottom:30px;}
.goods-cate ul {display:flex;}
.goods-cate ul li {flex:1;}
.goods-cate ul li:first-child a {border-left:1px solid #dfdfdf;}
.goods-cate ul li a {display:block; height:100%; padding:19px 5px 16px; color:#2c2c2c; font-size:15px; line-height:1.3em; letter-spacing:-.06em; background:#fff; border:1px solid #dfdfdf; border-left:0;}
.goods-cate ul li .ico {display:block; margin:0 auto 9px; width:72px; height:72px; background-position:50% 50%; background-repeat:no-repeat;}
.goods-cate ul li .ico-1 {background-image:url("/images/shop/cate1_off.png");}
.goods-cate ul li .ico-2 {background-image:url("/images/shop/cate2_off.png");}
.goods-cate ul li .ico-3 {background-image:url("/images/shop/cate3_off.png");}
.goods-cate ul li .ico-4 {background-image:url("/images/shop/cate4_off.png");}
.goods-cate ul li .ico-5 {background-image:url("/images/shop/cate5_off.png");}
.goods-cate ul li .ico-6 {background-image:url("/images/shop/cate6_off.png");}
.goods-cate ul li .ico-7 {background-image:url("/images/shop/cate7_off.png");}
.goods-cate ul li .ico-8 {background-image:url("/images/shop/cate8_off.png");}
.goods-cate ul li .ico-9 {background-image:url("/images/shop/cate9.png");}
.goods-cate ul li.last a {color:#fff; background:#f7941e; border-color:#f7941e;}
.goods-cate ul li.active {position:relative;}
.goods-cate ul li.active a {color:#f7941e; background:#fff; border:3px solid #f7941e; box-shadow:2px 2px 10px rgba(0,0,0,.16);}
.goods-cate ul li.active + li {border-left:0;}
.goods-cate ul li.active a:after {content:""; position:absolute; bottom:-10px; left:50%; margin-left:-9px; border-left:9px solid transparent; border-right:9px solid transparent; border-top:10px solid #f7941e;}
.goods-cate ul li.active .ico-1 {background-image:url("/images/shop/cate1_on.png");}
.goods-cate ul li.active .ico-2 {background-image:url("/images/shop/cate2_on.png");}
.goods-cate ul li.active .ico-3 {background-image:url("/images/shop/cate3_on.png");}
.goods-cate ul li.active .ico-4 {background-image:url("/images/shop/cate4_on.png");}
.goods-cate ul li.active .ico-5 {background-image:url("/images/shop/cate5_on.png");}
.goods-cate ul li.active .ico-6 {background-image:url("/images/shop/cate6_on.png");}
.goods-cate ul li.active .ico-7 {background-image:url("/images/shop/cate7_on.png");}
.goods-cate ul li.active .ico-8 {background-image:url("/images/shop/cate8_on.png");}

/* 상품 검색 */
.goods-search {display:flex; align-items:center; padding:18px 30px; margin-bottom:30px; background:#4e4747;}
.goods-search .tit {width:192px; color:#fff; font-size:18px; line-height:1.3em; letter-spacing:-.04em;}
.goods-search .tit img {vertical-align:middle; margin:-.2em 8px 0 0;}
.goods-search .sort-wrap {width:623px; display:flex; justify-content:space-between;}
.goods-search .sort {display:flex; width:calc(33.33333333% - 6px); align-items:center; justify-content:space-between; padding:6px 6px 6px 17px; color:#000; font-weight:300; letter-spacing:-.04em; background:#ede7dc;}
.goods-search .sort .ctr {display:flex;}
.goods-search .sort .btn {display:block; width:32px; height:32px; margin-left:4px; overflow:hidden; text-indent:-9999em; background-color:#afa8a1; background-position:50% 50%; background-repeat:no-repeat;}
.goods-search .sort .btn.up {background-image:url("/images/shop/icon_up.png");}
.goods-search .sort .btn.down {background-image:url("/images/shop/icon_down.png");}
.goods-search .sort .btn:hover,
.goods-search .sort .btn.active {background-color:#f7941e;}
.goods-search .search {flex:1; margin-left:30px; position:relative;}
.goods-search .search .input {display:block; width:100%; height:44px; border:0; padding-right:44px; font-weight:300;}
.goods-search .search .submit {position:absolute; top:0; right:0; width:44px; height:44px; background:url("../images/shop/search.png") 50% 50% no-repeat; border:0;}

/* 상품 리스트 */
.goods-list {display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;}
.goods-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050;}
.goods-list table th {height:51px; padding:7px 5px; color:#4e4747; font-size:14px; font-weight:500; line-height:1.3em; border-bottom:1px solid #dfdfdf; background:#f4f4f4;}
.goods-list table td {height:61px; padding:7px 5px; color:#505050; font-size:15px; font-weight:300; line-height:1.3em; text-align:center; border-bottom:1px solid #dfdfdf;}
.goods-list table td strong {color:#2c2c2c; font-weight:500;}
.goods-list table td .price {color:#f7941e; font-weight:500;}
.goods-list table td .price2 {color:#947d6b; font-weight:500; margin-top:2px;}
.goods-list table td .num {color:#f7941e; font-size:24px; font-weight:700; line-height:1.3em;}
.goods-list .soldout {color:#f7941e; font-weight:500; margin-top:3px;}
.goods-list .bt {display:inline-block; vertical-align:middle; margin:1px; width:70px; text-align:center; color:#fff; font-size:14px; font-weight:500; line-height:30px; letter-spacing:-.04em;}
.goods-list .bt.type1 {background:#f7941e;}
.goods-list .bt.type2 {background:#505050;}
.goods-list .wish {display:inline-block; vertical-align:middle; width:30px; height:30px; background:url("../images/shop/icon_wish_off.png") 50% 50% no-repeat;}
.goods-list .wish.active {background-image:url("/images/shop/icon_wish_on.png");}
.goods-list .icons {display:flex; justify-content:center; flex-wrap:wrap;}
.goods-list .icons img {margin:2px 2px 0;}

.goods-list-m {display:none; color:#505050; font-size:14px; line-height:1.7em; border-top:2px solid #505050;}
.goods-list-m .item {position:relative; padding:20px 25px; border-bottom:1px solid #ccc;}
.goods-list-m .item:nth-child(even) {background:#fbfbfb;}
.goods-list-m strong {color:#2c2c2c; font-weight:500;}
.goods-list-m .icons {margin:-.4em 0 0 3px; display:inline-flex; line-height:0; vertical-align:middle;}
.goods-list-m .icons img {height:15px; margin-left:3px;}
.goods-list-m .tit {font-size:18px; line-height:1.4em; margin:7px 0;}
.goods-list-m .num {color:#f7941e; font-size:24px; font-weight:700; line-height:1.3em;}
.goods-list-m .price {color:#f7941e; font-weight:500;}
.goods-list-m .price2 {color:#947d6b; font-weight:500; margin-left:8px;}
.goods-list-m .bar {display:inline-block; width:1px; height:12px; background:#dfdfdf; vertical-align:middle; margin:-.2em 15px 0;}
.goods-list-m .btns {margin-top:10px;}
.goods-list-m .bt {display:inline-block; vertical-align:middle; margin:1px; width:70px; text-align:center; color:#fff; font-size:14px; font-weight:500; line-height:30px; letter-spacing:-.04em;}
.goods-list-m .bt.type1 {background:#f7941e;}
.goods-list-m .bt.type2 {background:#505050;}
.goods-list-m .wish {position:absolute; top:20px; right:25px; width:30px; height:30px; background:url("../images/shop/icon_wish_off.png") 50% 50% no-repeat;}
.goods-list-m .wish.active {background-image:url("/images/shop/icon_wish_on.png");}
.goods-list-m .quantity {margin-right:6px;}
.goods-list-m .soldout {color:#f7941e; font-weight:500; margin-top:3px;}

/* 상품상세 상단 */
.goods-summary {display:flex; margin-bottom:60px;}

.goods-photo {width:380px; margin-right:80px;}
.goods-photo .item {position:relative; padding-bottom:100%; overflow:hidden;}
.goods-photo .item img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.goods-photo .item .ico {position:absolute; bottom:15px; right:15px; z-index:10; width:48px; height:48px; background:rgba(0,0,0,.46) url("../images/shop/zoom_in.png") 50% 50% no-repeat; border-radius:100%;}
.goods-photo .slider {border:1px solid #dfdfdf; margin-bottom:30px;}
.goods-photo .thumbs {position:relative; padding:0 67px;}
.goods-photo .thumbs .slick-slide {padding:0 5px;}
.goods-photo .thumbs .item {cursor:pointer;}
.goods-photo .thumbs .item:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #dfdfdf;}
.goods-photo .thumbs .slick-current .item:after {border:2px solid #f7941e;}
.goods-photo .slick-arrow {position:absolute; top:50%; margin-top:-15px; width:30px; height:30px; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; border:0; overflow:hidden; text-indent:-9999em;}
.goods-photo .slick-prev {left:22px; background-image:url("../images/shop/slide_prev.png");}
.goods-photo .slick-next {right:22px; background-image:url("../images/shop/slide_next.png");}
.goods-photo .slick-prev:hover {background-image:url("../images/shop/slide_prev_on.png");}
.goods-photo .slick-next:hover {background-image:url("../images/shop/slide_next_on.png");}

.goods-info {flex:1 1 auto; min-width:0; width:1%;}
.goods-info .title {padding-bottom:15px; border-bottom:2px solid #505050;}
.goods-info .title h2 {font-size:28px; line-height:1.3em; letter-spacing:-.04em;}
.goods-info .title p {font-size:20px; line-height:1.3em; letter-spacing:-.04em; margin-top:2px;}
.goods-info .title p + h2 {margin-top:6px;}
.goods-info .info {padding:15px 0; border-bottom:1px solid #dfdfdf;}
.goods-info .info dl {display:flex; align-items:center; padding:9px 0;}
.goods-info .info dt {width:163px; padding:0 16px; color:#505050; line-height:1.5em; letter-spacing:-.04em;}
.goods-info .info dd {flex:1 1 auto; min-width:0; width:1%; font-weight:300; line-height:1.5em; letter-spacing:-.04em;}
.goods-info .price-area dt {font-size:18px;}
.goods-info .price-area dd {font-size:18px;}
.goods-info .price-area .price {font-size:22px; line-height:1.3em; letter-spacing:-.02em; margin-right:4px;}
.goods-info .price-area .sale {color:#f7941e;}
.goods-info .price-area .sp {color:#947d6b;}
.goods-info .price-area .vat {font-size:14px;}
.goods-info .delivery-area {background:#fafafa;}
.goods-info .delivery-area dt img {vertical-align:middle; margin:-.2em 0 0 6px;}
.goods-info .delivery-area dd strong {font-weight:500;}
.goods-info .delivery-area .sm {font-size:14px; line-height:1.7em; color:#878787;}
.goods-info .delivery-area .text-dark {color:#2c2c2c;}
.goods-info .delivery-area .text-orange {color:#f7941e;}
.goods-info .size-area dt,
.goods-info .qnt-area dt {font-weight:500;}
.goods-info .total {text-align:right; margin:25px 0; color:#505050;}
.goods-info .total .price {font-weight:500; margin-left:20px;}
.goods-info .total .price strong {color:#f7941e; font-size:30px; line-height:1.2em;}
.goods-info .total .num {font-weight:500;}
.goods-info .total .num strong {color:#f7941e; font-size:26px; font-weight:500; line-height:1.2em;}
.goods-info .btns .row {display:flex; margin:0 -5px;}
.goods-info .btns .col {flex:1; padding:0 5px;}
.goods-info .btns .btn {display:block; text-align:center; font-size:18px; font-weight:500; line-height:62px;}
.goods-info .btns .btn-buy {color:#fff; background:#f7941e;}
.goods-info .btns .btn-cart {color:#fff; background:#505050;}
.goods-info .btns .btn-soldout {background:#aaa; color:#fff;}
.goods-info .btns .btn-kakao {background:#fae100; color:#3c1d1e;}
.goods-info .btns .btn-kakao img {vertical-align:middle; margin:-.2em 10px 0 0;}
.goods-info .btns.mobile-btn {display:none;}

.opt-toggle {display:none;}

/* 수량 */
.quantity {display:inline-block; position:relative; vertical-align:middle; width:86px; padding:0 23px;}
.quantity .input {display:block; width:100%; height:30px; padding:0; text-align:center; color:#505050; font-size:14px; border:1px solid #dfdfdf;}
.quantity .qty-bt {position:absolute; top:0; width:24px; height:30px; overflow:hidden; text-indent:-999em; background-color:#fafafa; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #dfdfdf;}
.quantity .qty-down {left:0; background-image:url("../images/shop/icon_minus.png");}
.quantity .qty-up {right:0; background-image:url("../images/shop/icon_plus.png");}

/* 옵션별 수량 선택 */
.add-opt-select {position:relative; z-index:10;}
.add-opt-select .select-hidden {display:none;}
.add-opt-select .select-input {position:relative; padding:0 40px 0 17px; height:45px; color:#454545; font-size:15px; line-height:43px; letter-spacing:-.03em; overflow:hidden; white-space:nowrap; cursor:pointer; background:#fff url("../images/shop/select.png") right 17px center no-repeat; border:1px solid #ddd; z-index:2;}
.add-opt-select .select-options {display:none; position:absolute; margin-top:-1px; left:0; width:100%; max-height:460px; font-size:14px; line-height:1.5em; letter-spacing:-.03em; background:#fff; border:1px solid #ddd; overflow:auto;}
.add-opt-select .select-options li {display:flex; justify-content:space-between; padding:13px 17px; cursor:pointer; transition:.2s; font-size:14px; line-height:1.5em; border-bottom:1px solid #eee;}
.add-opt-select .select-options li:last-child {border-bottom:0;}
.add-opt-select .select-options li:hover {background:#f7f7f7}
.add-opt-select.active .select-input {background-image:url("../images/shop/select_up.png");}

.add-options {margin-top:5px;}
.add-options > ul > li {border:1px solid #efefef; background:#fff; margin-bottom:-1px; padding:17px;}
.add-options .opt-name {display:flex; justify-content:space-between; margin-bottom:9px;}
.add-options .opt-name .name {font-size:15px; font-weight:400; line-height:1.4em; color:#454545; margin-top:-3px;}
.add-options .opt-name .del {display:inline-block; position:relative; width:16px; height:16px; overflow:hidden;}
.add-options .opt-name .del:before,
.add-options .opt-name .del:after {content:" "; position:absolute; top:7px; left:0; width:100%; height:2px; background:#989898;}
.add-options .opt-name .del:before {transform:rotate(45deg);}
.add-options .opt-name .del:after {transform:rotate(-45deg);}
.add-options .opt-count {display:flex; justify-content:space-between; align-items:center;}
.add-options .opt-count .price {text-align:right; font-size:15px; font-weight:400; line-height:1.4em; color:#454545;}

/* 배너 */
.goods-banner {display:flex; margin:0 -2px 85px;}
.goods-banner .col {width:50%; padding:0 2px;}

.shop-float-quick {position:absolute; left:50%; margin-left:-880px; z-index:80;}
.shop-float-quick > div {margin-bottom:14px;}

/* 상품상세 하단 */
#viewDetail,#viewReview,#viewQna {margin-bottom:80px;}

.goods-view-tab {text-align:center; margin-bottom:37px;}
.goods-view-tab ul {display:flex;}
.goods-view-tab ul li {flex:1;}
.goods-view-tab ul li a {display:flex; align-items:center; justify-content:center; height:59px; color:#fff; font-size:16px; font-weight:500; line-height:1.3em; border-bottom:1px solid #f7941e; background:#4e4747;}
.goods-view-tab ul li.active a {border:4px solid #f7941e; border-bottom:0; color:#f7941e; background:#fff;}

.goods-detail-wrap {position:relative; padding-right:370px; min-height:calc(100vh - 100px);}

.goods-buy-wrap {position:absolute; top:0; right:0; width:340px; border:1px solid #dfdfdf;}
.goods-buy-wrap h4 {padding:17px 29px; color:#505050; font-size:18px; line-height:1.3em; letter-spacing:-.04em; background:#fafafa; border-bottom:1px solid #dfdfdf;}
.goods-buy-wrap h4 img {vertical-align:middle; margin:-.2em 10px 0 0;}
.goods-buy-wrap .items {height:calc(100vh - 380px); overflow:auto;}
.goods-buy-wrap .item {padding:25px 29px; border-bottom:1px solid #dfdfdf; color:#505050;}
.goods-buy-wrap .item .tit {font-size:14px; line-height:1.5em; letter-spacing:-.04em; margin:-3px 0 12px;}
.goods-buy-wrap .item .cnt {display:flex; justify-content:space-between; align-items:center;}
.goods-buy-wrap .item .price {font-size:18px; font-weight:700; line-height:1.3em;}
.goods-buy-wrap .bottom-area {border-top:1px solid #dfdfdf; padding:28px 10px 20px; background:#fafafa;}
.goods-buy-wrap .total {display:flex; justify-content:space-between; align-items:flex-end; padding:0 15px; margin-bottom:17px; color:#505050; font-size:14px; line-height:1.5em;}
.goods-buy-wrap .total .price {font-weight:500;}
.goods-buy-wrap .total .price strong {color:#f7941e; font-size:26px; line-height:1.2em; margin-right:4px;}
.goods-buy-wrap .total .num {font-weight:500;}
.goods-buy-wrap .total .num strong {color:#f7941e; font-size:20px; font-weight:500; line-height:1.2em;}
.goods-buy-wrap .btns .row {display:flex; flex-wrap:wrap; margin:-3px 0;}
.goods-buy-wrap .btns .col {width:50%; padding:3px 0;}
.goods-buy-wrap .btns .col-x2 {width:100%;}
.goods-buy-wrap .btns .btn {display:block; text-align:center; font-size:16px; font-weight:500; line-height:54px;}
.goods-buy-wrap .btns .btn-buy {color:#fff; background:#f7941e;}
.goods-buy-wrap .btns .btn-cart {color:#fff; background:#505050;}
.goods-buy-wrap .btns .btn-soldout {background:#aaa; color:#fff;}
.goods-buy-wrap .btns .btn-kakao {background:#fae100; color:#3c1d1e;}
.goods-buy-wrap .btns .btn-kakao img {vertical-align:middle; margin:-.3em 6px 0 0;}
.goods-buy-wrap .mobile-btn {display:none;}
.goods-buy-wrap.fixed {position:fixed; top:50px; left:50%; margin-left:260px;}
.goods-buy-wrap.bottom-fixed {top:auto; bottom:0;}

.goods-detail-tit {font-size:16px; font-weight:500; line-height:1.3em; color:#4e4e4e; margin-bottom:10px;}
.goods-detail-table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #ddd; font-size:15px; line-height:1.5em;}
.goods-detail-table th {padding:13px 19px; background:#f8f9f9; text-align:left; font-weight:400; color:#242424; border-bottom:1px solid #ddd;}
.goods-detail-table td {padding:13px 25px; background:#ffffff; color:#686868; font-weight:300; border-bottom:1px solid #ddd;}
.goods-detail-table ul li {padding-left:10px; position:relative;}
.goods-detail-table ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700;}

.btn-shop-area {text-align:right; margin-bottom:22px;}
.btn-shop-write {display:inline-block; padding:0 15px; text-align:center; color:#4b4064; line-height:36px; border:1px solid #505050; border-radius:4px;}

.grade-star {position:relative;display:inline-block;zoom:1;*display:inline;width:75px;height:15px;background-image:url('../images/shop/star.png');vertical-align:middle;}
.grade-star span {position:absolute;top:-999px;left:-999px;font-size:0;line-height:0;text-indent:-999px;}
.grade-star.star20 {background-position:0 0;}
.grade-star.star40 {background-position:0 -15px;}
.grade-star.star60 {background-position:0 -30px;}
.grade-star.star80 {background-position:0 -45px;}
.grade-star.star100 {background-position:0 -60px;}

.shop-guide .group {margin-bottom:35px;}
.shop-guide .group:last-child {margin-bottom:0;}
.shop-guide .group:last-child .cnt {border-bottom:1px solid #dfdfdf;}
.shop-guide .tit {padding:20px; background:#f4f4f4; border-top:2px solid #f7941e; border-bottom:1px solid #dfdfdf;}
.shop-guide .tit h4 {color:#4e4747; font-size:18px; font-weight:500; line-height:1.3em;}
.shop-guide .tit h4 img {vertical-align:middle; margin:-.2em 14px 0 0;}
.shop-guide .cnt {padding:25px 30px; color:#505050; font-size:14px; font-weight:300; line-height:1.65em; letter-spacing:-.03em;}
.shop-guide .cnt ul li {position:relative; padding-left:18px; margin-bottom:8px;}
.shop-guide .cnt ul li:before {content:"·"; position:absolute; top:0; left:0; font-size:1.3em; font-weight:700; color:#f7941e;}
.shop-guide .cnt ul li:last-child {margin-bottom:0;}


/* 쇼핑 테이블 */
.order-step {display:flex; align-items:flex-end; margin-bottom:20px;}
.order-step .txt {flex:1 1 auto; min-width:0; width:1%;}
.order-step .txt ul li {position:relative; padding-left:14px; color:#555; font-weight:300; line-height:1.4em; letter-spacing:-.04em; margin-top:5px;}
.order-step .txt ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700;}
.order-step .step ol {display:flex;}
.order-step .step ol li {display:flex; align-items:center;}
.order-step .step ol li:after {content:""; width:60px; height:60px; background:url("../images/shop/order_step_arrow.png") 50% 50% no-repeat;}
.order-step .step ol li:last-child::after {display:none;}
.order-step .step .box {width:92px; height:92px; padding:20px 0; color:#666; font-weight:400; line-height:1.4em; background:#e5e5e5; text-align:center; border-radius:100%;}
.order-step .step .box strong {font-size:14px; font-weight:500; color:#333;}
.order-step .step .box.active {background:#505050; color:#fff;}
.order-step .step .box.active strong {color:#fff;}

.cart-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.cart-table th {padding:8px 5px; height:51px; border-bottom:1px solid #000; background:#fafafa; font-weight:500; color:#000; line-height:1.5em;}
.cart-table td {padding:17px 5px; height:69px; border-bottom:1px solid #dfdfdf; color:#555; font-weight:300; line-height:1.5em; text-align:center;}
.cart-table input[type="checkbox"] {width:16px; height:16px;}
.cart-table .prd-wrap {display:flex; text-align:left;}
.cart-table .prd-wrap .img {width:100px; margin-right:15px;}
.cart-table .prd-wrap .img img {border:1px solid #e0e0e0;}
.cart-table .prd-wrap .cnt {flex:1 1 auto; min-width:0; width:1%;}
.cart-table .prd-wrap .tit {color:#000; line-height:1.5em; font-weight:500; word-break:break-all; margin-bottom:8px;}
.cart-table .prd-wrap .opt {padding-left:18px; color:#999; font-size:14px; line-height:1.5em; background:url("../images/shop/icon_opt.png") 0 50% no-repeat;}
.cart-table .prd-wrap .opt .bar {display:inline-block; width:1px; height:11px; background:#ddd; vertical-align:middle; margin:-.2em 5px 0;}
.cart-table .order-qnt {width:70px; margin:0 auto;}
.cart-table .order-qnt .input {display:block; text-align:center; width:100%; height:32px; font-size:14px;}
.cart-table .order-qnt .btn-pack {display:block; font-size:12px; width:100%; padding:0; margin-top:2px;}
.cart-table .btn-shop-order {display:block; margin:7px auto; width:62px; height:23px; font-size:12px; line-height:21px; text-align:center; color:#fff; background:#505050; border:1px solid #505050; border-radius:3px;}
.cart-table .btn-shop-delete {display:block; margin:7px auto; width:62px; height:23px; font-size:12px; line-height:21px; text-align:center; color:#4b4064; background:#fff; border:1px solid #ccc; border-radius:3px;}
.cart-table .price {color:#000; font-weight:400;}
.cart-table .num {color:#888; font-size:14px;}
.cart-table .step {color:#000; font-weight:400;}
.cart-table a.step {color:#f7941e; text-decoration:underline;}
.cart-table .date {color:#666; font-size:14px; line-height:1.5em;}
.cart-table .link {display:inline-block; margin-top:4px; color:#000; font-size:14px; line-height:1.5em; word-break:break-all; text-decoration:underline;}
.cart-table .subject {text-align:left; padding-left:15px; color:#000; font-weight:400;}
.cart-table + h3 {margin-top:40px;}

.cart-table-m {display:none; border-top:2px solid #000;}
.cart-table-m input[type="checkbox"] {width:16px; height:16px;}
.cart-table-m .all-check {padding:10px; background:#fafafa; font-weight:500; color:#000; border-bottom:1px solid #dfdfdf;}
.cart-table-m .all-check input {margin-right:10px !important;}
.cart-table-m .order-date {display:flex; justify-content:space-between; padding:10px; background:#fafafa; line-height:1.5em; word-break:break-all; font-weight:500; color:#000; border-bottom:1px solid #dfdfdf; border-top:1px solid #000;}
.cart-table-m .order-date:first-child {border-top:0;}
.cart-table-m .item {display:flex; padding:15px 10px; border-bottom:1px solid #dfdfdf;}
.cart-table-m .check {margin-right:10px;}
.cart-table-m .img {width:100px; margin-right:25px;}
.cart-table-m .img img {border:1px solid #e0e0e0;}
.cart-table-m .cnt {flex:1 1 auto; min-width:0; width:1%;}
.cart-table-m .tit {color:#000; line-height:1.5em; font-weight:500; word-break:break-all; margin-bottom:5px;}
.cart-table-m .opt {padding-left:18px; margin-bottom:12px; color:#999; font-size:14px; line-height:1.5em; background:url("../images/shop/icon_opt.png") 0 50% no-repeat;}
.cart-table-m .opt .bar {display:inline-block; width:1px; height:11px; background:#ddd; vertical-align:middle; margin:-.2em 5px 0;}
.cart-table-m .txt {color:#555; font-weight:300; line-height:1.5em; margin-bottom:3px;}
.cart-table-m .txt strong {color:#333; font-weight:500;}
.cart-table-m .order-quantity {margin:12px 0;}
.cart-table-m .order-quantity .input {height:30px; width:80px; text-align:center;}
.cart-table-m .order-quantity .btn-pack.small {padding:0 9px;}
.cart-table-m .btns {margin-top:10px;}
.cart-table-m .btns a {margin-right:3px;}
.cart-table-m .btn-shop-order {display:inline-block; width:75px; height:30px; font-size:13px; line-height:28px; text-align:center; color:#fff; background:#505050; border:1px solid #505050; border-radius:3px;}
.cart-table-m .btn-shop-delete {display:inline-block; width:75px; height:30px; font-size:13px; line-height:28px; text-align:center; color:#4b4064; background:#fff; border:1px solid #ccc; border-radius:3px;}
.cart-table-m .step {color:#000; font-weight:400;}
.cart-table-m .step a {color:#f7941e; text-decoration:underline;}
.cart-table-m .date {color:#666; font-size:14px; line-height:1.5em;}
.cart-table-m .link {display:inline-block; margin-top:4px; color:#000; font-size:14px; line-height:1.5em; word-break:break-all; text-decoration:underline;}

.select-goods-delete {margin-top:17px; margin-bottom:50px;}
.select-goods-delete input[type="checkbox"] {width:16px; height:16px; margin:0 25px 0 17px !important;}
.select-goods-delete .btn-pack {background:#fff; border-color:#555; color:#000; border-radius:3px;}

/* 주문정보 설명 */
.order-info {margin:20px 0; color:#666; font-size:14px; line-height:24px;}
.order-info em {color:#ed1c24; font-style:normal;}

.order-desc {margin-top:30px; background:#fafafa; border:1px solid #d8d8d8; padding:15px; color:#666; font-size:14px; line-height:24px;}

.my-order-help {display:flex; align-items:center; margin-bottom:40px; color:#555; font-weight:300; line-height:1.6em;}
.my-order-help .ico {width:124px; margin-right:40px;}
.my-order-help .cnt {flex:1 1 auto; min-width:0; width:1%;}
.my-order-help h3 {color:#000; font-size:20px; line-height:1.3em; margin-bottom:12px;}
.my-order-help ul li {position:relative; padding-left:14px;}
.my-order-help ul li:before {content:"·"; position:absolute; top:0; left:0; font-weight:700;}
.my-order-help .point {padding-left:30px; margin-top:20px; font-size:20px; font-weight:400; line-height:1.5em; background:url("../images/shop/check2.png") 0 6px no-repeat;}
.my-order-help .point strong {color:#f7941e;}

.order-complete {padding:45px 0 35px; text-align:center; line-height:1.5em; border-top:1px solid #dedede;}
.order-complete .item {display:inline-block; margin:0 18px; font-size:24px; line-height:1.3em;}
.order-complete .item strong {font-weight:400; color:#3535cb;}
.order-complete p {margin-top:18px;}

/* 주문정보 테이블 */
.order-info-table {padding:10px 0 20px 0; border-top:2px solid #000; border-bottom:1px solid #ddd; margin-bottom:40px;}
.order-info-table table {width:100%; border-collapse:collapse; border-spacing:0px;}
.order-info-table th {padding:5px 7px; height:50px;; font-weight:500; color:#555; text-align:left;}
.order-info-table td {padding:5px 7px; color:#555;}
.order-info-table td * {vertical-align:middle;}
.order-info-table td .input-point {padding:0 5px; height:30px; border:1px solid #ccc; background:#fafafa; line-height:28px;}
.order-info-table td .txt {color:#4d6ccd; font-size:11px; margin-top:4px;}
.order-info-table td .point {color:#ff0000;}
.order-info-table td .radiobox {margin-right:25px;}
.order-info-table .vtop {vertical-align:top; padding-top:15px;}
.order-info-table .input {height:40px;}
.order-info-table .btn-pack.medium {height:40px; line-height:38px; padding:0 15px;}

.guest-private-agree {margin-bottom:50px;}
.guest-private-agree h3 {font-size:24px; line-height:1.3em; margin-bottom:8px;}
.guest-private-agree .scroll-box {position:relative; height:180px; border:1px solid #d8d8d8; text-align:left; font-size:14px; line-height:18px; background:#fff; color:#505050; padding:14px; margin-bottom:20px; overflow:auto;}
.guest-private-agree .check {text-align:center;}

/* 전체금액 */
.total-price {display:flex; justify-content:space-between; align-items:center; text-align:center; border:1px solid #ddd; height:130px; margin:25px 0 60px;}
.total-price dl {width:20%;}
.total-price dt {color:#999; font-size:14px; line-height:1.3em; margin-bottom:12px;}
.total-price dd {color:#000; font-size:20px; font-weight:700; line-height:1.3em;}
.total-price .ico {position:relative; display:inline-block; width:26px; height:26px; border-radius:100%; background:#555;}
.total-price .ico:before,
.total-price .ico:after {background:#fff; position:absolute;}
.total-price .ico.minus:before {content:""; left:8px; right:8px; top:50%; margin-top:-1px; height:2px;}
.total-price .ico.plus:before {content:""; left:8px; right:8px; top:50%; margin-top:-1px; height:2px;}
.total-price .ico.plus:after {content:""; left:50%; top:8px; bottom:8px; margin-left:-1px; width:2px;}
.total-price .ico.equal:before {content:""; left:8px; right:8px; top:50%; margin-top:-4px; height:2px;}
.total-price .ico.equal:after {content:""; left:8px; right:8px; bottom:50%; margin-bottom:-4px; height:2px;}

/* 상품리뷰 */
.grade-star {position:relative;display:inline-block;zoom:1;*display:inline;width:75px;height:15px;background-image:url('../images/shop/star.png');vertical-align:middle;}
.grade-star span {position:absolute;top:-999px;left:-999px;font-size:0;line-height:0;text-indent:-999px;}
.grade-star.star20 {background-position:0 0;}
.grade-star.star40 {background-position:0 -15px;}
.grade-star.star60 {background-position:0 -30px;}
.grade-star.star80 {background-position:0 -45px;}
.grade-star.star100 {background-position:0 -60px;}

.review-prod-info {*zoom:1; padding:0 0 0 80px;}
.review-prod-info:after {content:" "; display:block; clear:both;}
.review-prod-info .img {float:left; margin-left:-80px; line-height:0;}
.review-prod-info .tit {color:#333; font-size:12px; line-height:18px; padding:2px 0;}
.review-prod-info .price {font-size:12px; font-weight:700; color:#333; line-height:18px;}
.review-prod-info .price span {color:#966324; font-size:11px; font-weight:normal;}

/* 적립금 */
.point table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.point th {padding:8px 5px; height:54px; border-bottom:1px solid #000; background:#fafafa; font-weight:500; color:#000; line-height:1.5em;}
.point td {padding:8px 5px; height:54px; border-bottom:1px solid #dfdfdf; color:#555; line-height:1.5em; text-align:center;}
.point td.space-right {padding-right:30px;}
.point .title {font-weight:bold; margin:0 0 5px 0;}
.point .list dl {border:1px solid #ccc; background:#fff; margin:0 0 10px 0;}
.point .list dt {padding:8px 10px; background:#f0f0f0; font-weight:bold; border-bottom:1px solid #ddd; color:#333;}
.point .list dd {padding:3px 10px; font-size:12px; overflow:hidden;}
.point .list dd:nth-child(2) {padding-top:10px;}
.point .list dd:last-child {padding-bottom:10px;}
.point .list dd .fl {color:#666;}
.point .list dd .fr {color:#999;}
.point .list dd strong {color:#d20000;}

/* 찜한 목록 */
.wishlist table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #000;}
.wishlist th {padding:8px 5px; height:54px; border-bottom:1px solid #000; background:#fafafa; font-weight:500; color:#000; line-height:1.5em;}
.wishlist td {padding:8px 5px; height:54px; border-bottom:1px solid #dfdfdf; color:#000; line-height:1.5em; text-align:center;}
.wishlist td.left {text-align:left; padding-left:20px;}
.wishlist input[type="checkbox"] {width:16px; height:16px;}
.wishlist .bar {display:inline-block; width:1px; height:11px; background:#ddd; vertical-align:middle; margin:-.2em 5px 0;}
.wishlist .num {color:#f7941e; font-size:24px; font-weight:700; line-height:1.3em; margin-right:24px;}

.wishlist-m {display:none; border-top:2px solid #000;}
.wishlist-m input[type="checkbox"] {width:16px; height:16px;}
.wishlist-m .all-check {padding:10px; background:#fafafa; font-weight:500; color:#000; border-bottom:1px solid #dfdfdf;}
.wishlist-m .all-check input {margin-right:10px !important;}
.wishlist-m .item {display:flex; padding:15px 10px; border-bottom:1px solid #dfdfdf;}
.wishlist-m .check {margin-right:10px;}
.wishlist-m .cnt {flex:1 1 auto; min-width:0; width:1%;}
.wishlist-m .tit {color:#000; line-height:1.5em; font-weight:500; word-break:break-all; margin-bottom:5px;}
.wishlist-m .tit .bar {display:inline-block; width:1px; height:11px; background:#ddd; vertical-align:middle; margin:-.2em 5px 0;}
.wishlist-m .num {color:#f7941e; font-size:18px; font-weight:700; line-height:1.3em; margin-right:6px;}
.wishlist-m .txt {color:#555; font-weight:300; line-height:1.5em; margin-top:3px;}

/* 팝업 */
.shop-pop-wrap .head {background:#e51d1d; padding:8px 15px; border-bottom:1px solid #c31919;}
.shop-pop-wrap .head h1 {color:#fff; font-size:18px; font-weight:500; line-height:1.2em;}
.shop-pop-wrap .body {padding:15px;}
.shop-pop-wrap .pop-form {margin-bottom:15px;}
.shop-pop-wrap .pop-form .group {position:relative; padding:12px 0 12px 90px; font-size:12px; line-height:26px; border-bottom:1px solid #eee; overflow:hidden;}
.shop-pop-wrap .pop-form .group.first {border-top:0;}
.shop-pop-wrap .pop-form .group.content {padding-left:0;}
.shop-pop-wrap .pop-form .group img {vertical-align:middle;}
.shop-pop-wrap .pop-form .title {position:absolute; left:0; top:12px; width:85px; font-weight:700; color:#333;}
.shop-pop-wrap .pop-desc {background:#fafafa; border:1px solid #eee; padding:15px; font-size:11px; line-height:18px; margin-bottom:20px;}
.shop-pop-wrap .pop-photo {margin-bottom:15px;}
.shop-pop-wrap .pop-photo .tit {color:#333; font-size:20px; font-weight:700; line-height:1.3; margin-bottom:10px;}
.shop-pop-wrap .pop-photo .photo-wrap {*zoom:1;}
.shop-pop-wrap .pop-photo .photo-wrap:after {content:" "; display:block; clear:both;}
.shop-pop-wrap .pop-photo .photo-wrap .img {float:left; width:500px; line-height:0; border:1px solid #d8d8d8;}
.shop-pop-wrap .pop-photo .photo-wrap .thumb {float:right; width:82px;}
.shop-pop-wrap .pop-photo .photo-wrap .thumb li {line-height:0; border:1px solid #d8d8d8; margin-top:6px;}
.shop-pop-wrap .pop-photo .photo-wrap .thumb li:first-child {margin-top:0;}

/* 바로견적 */
.order-cnt {margin-bottom:70px;}

.order-box-type {margin-bottom:40px;}
.order-box-type p {color:#878787; font-weight:300; line-height:1.5em; margin:0 0 12px 15px;}
.order-box-type .imgs {display:flex; text-align:center; border:1px solid #dfdfdf;}
.order-box-type .imgs div {flex:1; padding:9px; border-left:1px solid #dfdfdf;}
.order-box-type .imgs div:first-child {border-left:0;}

.order-table-txt {margin-bottom:12px; color:#f46f31; font-weight:500; line-height:1.4em; text-align:right;}

.order-table table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050;}
.order-table th {padding:10px; height:62px; border:1px solid #dfdfdf; background:#f4f4f4; font-weight:500; color:#4e4747; line-height:1.5em;}
.order-table td {padding:10px; height:69px; border:1px solid #dfdfdf; color:#2c2c2c; line-height:1.5em; text-align:center;}
.order-table tr th:first-child,
.order-table tr td:first-child {border-left:0;}
.order-table tr th:last-child,
.order-table tr td:last-child {border-right:0;}
.order-table .size {display:flex; align-items:center; padding:0 4px;}
.order-table .size span {white-space:nowrap;}
.order-table .size .input {flex:1 1 auto; min-width:0; width:1%; margin:0 10px;}
.order-table .qnt {display:flex; align-items:center; padding:0 4px;}
.order-table .qnt span {margin-left:10px;}
.order-table .qnt .input {flex:1 1 auto; min-width:0; width:1%;}
.order-table .radiobox {margin:2px 5px;}
.order-table .num {font-size:1.25em; font-weight:500; color:#505050; margin:0 8px}
.order-table .item {display:inline-block; margin:0 10px;}
.order-table .item .num {margin:0;}

.order-form table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #505050;}
.order-form th {padding:10px 15px 10px 30px; height:64px; border:1px solid #dfdfdf; background:#f4f4f4; text-align:left; font-weight:500; color:#4e4747; line-height:1.5em;}
.order-form td {padding:10px 15px; border:1px solid #dfdfdf; color:#505050; font-weight:300; line-height:1.5em;}
.order-form tr th:first-child,
.order-form tr td:first-child {border-left:0;}
.order-form tr th:last-child,
.order-form tr td:last-child {border-right:0;}
.order-form .tel-wrap {display:flex; align-items:center;}
.order-form .tel-wrap .hypen {margin:0 7px;}
.order-form .tel-wrap .input {flex:1 1 auto; min-width:0; width:1%;}
.order-form .checkbox {margin:2px 20px 2px 0;}
.order-form .checkbox:last-child {margin-right:0;}
.order-form .txt {display:inline-block; margin-left:15px;}

.order-caution {margin:0 0 50px 10px; color:#505050; font-weight:300; line-height:1.5em;}
.order-caution ul li {position:relative; padding-left:18px; margin-bottom:6px;}
.order-caution ul li:before {content:"·"; font-size:1.2em; font-weight:500; position:absolute; top:0; left:0;}
.order-caution.type2 {margin:20px 0 0 0;}

/* 개인결제 */
.pg-list {border-top:2px solid #505050; padding-top:50px; padding-bottom:30px;}
.pg-list ul {display:flex; flex-wrap:wrap; margin:-22px -17px;}
.pg-list ul li {width:25%; padding:22px 17px; text-align:center;}
.pg-list ul li .box {height:100%; padding:40px 20px 22px; border:1px solid #ddd; border-radius:16px;}
.pg-list ul li p {font-size:24px; font-weight:700; line-height:1.3em; word-break:break-all; margin-bottom:15px;}
.pg-list ul li .btn {display:inline-block; padding:0 32px; color:#fff; font-size:18px; line-height:47px; background:#ee9932; border-radius:4px;}
.pg-list ul li .btn:before {content:""; display:inline-block; vertical-align:middle; margin:-.2em 10px 0 0; width:15px; height:15px; background:url("../images/shop/arrow_white.png") 50% 50% no-repeat;}

.pg-form {display:flex; padding-top:55px;}
.pg-form .left {width:50%; padding-right:30px;}
.pg-form .right {width:50%; padding-left:30px; padding-bottom:100px; position:relative;}
.pg-form .img {position:relative; padding-bottom:100%;}
.pg-form .img img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:70%; max-height:70%; object-fit:contain;}
.pg-form .img:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #ddd}
.pg-form h3 {color:#333; font-size:24px; line-height:1.3em; padding:0 5px 22px; margin-bottom:20px; border-bottom:1px solid #c0c0c0;}
.pg-form table {width:100%; border-collapse:collapse; border-spacing:0px; font-size:18px; line-height:1.5em;}
.pg-form table th {padding:6px 10px; height:56px; font-weight:500; text-align:left;}
.pg-form table th:before {content:"·"; font-weight:700; margin-right:5px;}
.pg-form table td {padding:6px 0; color:#888; font-weight:300;}
.pg-form table td .price {color:#f7941e;}
.pg-form table td .input {border-color:#ccc}
.pg-form .btn-pack {position:absolute; bottom:0; right:0;}

/* 장바구니 담기 팝업 */
.fancy-overlay-white .fancybox-overlay {background:rgba(0,0,0,.5);}

.pop-cart {width:100vh; max-width:520px;}
.pop-cart .title {padding:15px 24px; color:#fff; background:#313131;}
.pop-cart .title h3 {font-size:16px; font-weight:500; line-height:1.3em;}
.pop-cart .content {border:4px solid #313131; padding:60px 20px 35px; text-align:center; font-size:15px; line-height:1.5em; letter-spacing:-.03em;}
.pop-cart .p-name {color:#888; margin-bottom:17px;}
.pop-cart .txt {font-weight:500;}
.pop-cart .btns {margin-top:40px;}
.pop-cart .btn {display:inline-block; width:120px; margin:0 4px; color:#fff; font-size:15px; font-weight:500; line-height:45px; letter-spacing:-.03em;}
.pop-cart .btn.type1 {background:#333;}
.pop-cart .btn.type2 {background:#f7941e;}
.pop-cart .close {position:absolute; top:14px; right:22px; width:20px; height:20px;}
.pop-cart .close:before,
.pop-cart .close:after {content:" "; position:absolute; top:12px; left:0; width:100%; height:2px; background:#fff; border-radius:2px;}
.pop-cart .close:before {transform:rotate(45deg);}
.pop-cart .close:after {transform:rotate(-45deg);}