@charset "utf-8";

/* 카테고리 */
.goods-cate-wrap {margin-bottom:40px;}
.goods-cate-wrap .lnb {margin-bottom:0;}
.goods-cate {text-align: center;}
.goods-cate ul {display: flex;flex-wrap:wrap;}
.goods-cate ul li {position: relative; display: table; width: 20%; min-height: 60px; border: 1px solid #ddd; top: 1px; left: 1px; margin-top: -1px; margin-left: -1px;}
.goods-cate ul li a {display: table-cell; vertical-align:middle; width: 100%; color: #909090; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; padding: 0 5px;}
.goods-cate ul li.active {border-color:#242424; z-index: 1;}
.goods-cate ul li a:hover {color: #242424;}
.goods-cate ul li.active a {color: #242424;}

/* 상품정렬 */
.goods-sort {display:flex; justify-content:space-between; align-items:center; margin-bottom: 40px;}
.goods-sort .total {white-space:nowrap; color:#242424; font-size: 1.111em; font-weight:600; line-height:1.5em; letter-spacing:-.03em;}
.goods-sort .total strong {}
.goods-sort .sort {flex:1 1 auto; min-width:0; width:100%; text-align:right;}
.goods-sort .sort .sort-name {display:none;}
.goods-sort .sort ul {display:inline-flex; margin: 0 -8px;}
.goods-sort .sort ul li {padding:0 8px;}
.goods-sort .sort ul li a {position:relative; display:block; color:#454545; font-size: 0.938em; line-height:1.5em; letter-spacing:-.03em; padding-left: 16px;}
.goods-sort .sort ul li a:before {content:""; position:absolute; top:7px; left: 0; width:8px; height:8px; background:#ccc;}
.goods-sort .sort ul li.active a:before {background-color: #b0282c;}

/* list-wrap */
.goods-list-wrap {position:relative; padding-left:325px;}

/* 상품 리스트 */
.goods-list {padding-top: 25px; border-top: 2px solid #242424; border-bottom: 1px solid #ddd;}
.goods-list > ul {display:flex; flex-wrap:wrap; margin:0 -12px;}
.goods-list > ul > li {position:relative; width:25%; padding:0 12px; margin-bottom:60px;}
.goods-list > ul > li a {position:relative; display:block;}
.goods-list > ul > li .thumb {position:relative; padding-bottom:114%; margin-bottom: 26px; background-color: #fff; overflow:hidden;}
.goods-list > ul > li .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(1); -ms-transform:translate(-50%,-50%) scale(1); -webkit-transform:translate(-50%,-50%) scale(1); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain; transition:.3s;}
.goods-list > ul > li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); border-radius:inherit;}
.goods-list > ul > li a:hover .thumb img {transform:translate(-50%,-50%) scale(1.04); -ms-transform:translate(-50%,-50%) scale(1.04); -webkit-transform:translate(-50%,-50%) scale(1.04);}
.goods-list > ul > li .soldout {position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; color:#fff; line-height:1.3em; background:rgba(0,0,0,.4);}
.goods-list > ul > li .label {position:absolute; top:0; left:0; display:flex; justify-content:center; align-items:center; width: 60px; height: 60px; color: #fff; font-size: 0.833em; font-weight: 500; background-color: #b0282c; border-radius:0 0 35px 0;}
.goods-list > ul > li .info {position: relative;}
.goods-list > ul > li .tit {font-size: 20px; font-weight:500; line-height:1.4em; letter-spacing:-0.03em; margin-bottom:12px; padding-right: 30px;}
.goods-list > ul > li .price {position: relative; font-size:20px; font-weight:700; line-height:1.4em; letter-spacing:-0.03em;}
.goods-list > ul > li .price s {display: inline-block; color: #909090; font-size: 15px; font-weight: 400; line-height: 1.3; margin-left: 12px;}
.goods-list > ul > li .btns {position:absolute; right: 0px; top: 2px; z-index: 10;}
.goods-list > ul > li button {width: 22px; height: 22px; background-color: transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:22px; border: 0; text-indent:-9999em; overflow:hidden;}
.goods-list .btn-cart {background-image:url("../images/shop/btn_cart.png");}
.goods-list .btn-cart.on {background-image:url("../images/shop/btn_cart_on.png");}
.goods-list .btn-wish {background-image:url("../images/shop/btn_wish.png");}
.goods-list .btn-wish.on {background-image:url("../images/shop/btn_wish_on.png");}
.goods-list > ul > li .mark {margin-top: 14px;}
.goods-list > ul > li .mark span {display: inline-block; min-width: 60px; padding: 0 12px; color: #fff; font-size: 0.833em; line-height: 30px; letter-spacing: -.03em; background-color: #e41e3f; border-radius:2px; text-align: center;}


/* 상품상세 상단 */
.good-summary-wrap {}
.goods-summary {position:relative; display:flex;align-items: flex-start; margin-bottom:100px;}

.goods-photo {width:720px; margin-right:7%; padding: 40px; background-color: #f8f8f8; border-radius:10px;}
.goods-photo .slideshow {display: flex;}
.goods-photo .items {}
.goods-photo .items .item {position:relative; padding-bottom:114%; overflow:hidden; background: #fff;}
.goods-photo .items .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 .items .item:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08); border-radius:inherit; z-index: 1;}

.goods-photo .slider-for {width: 75%; margin-right: 30px;}

.goods-photo .slider-nav {flex: 1 1 auto; min-width: 0; width: 1%;}
.goods-photo .slider-nav .items {margin: -10px 0;}
.goods-photo .slider-nav .items .item {margin: 10px 0;}

.goods-info {position:relative; flex: 1 1 auto; min-width: 0; width: 1%;}
.goods-info .wrap:first-child {margin-bottom:20px;}
.goods-info .heart-btn {position:absolute; right:0; top:15px;}

.goods-info .title {margin-bottom:22px; margin-top:-5px;}
.goods-info .title h2 {color:#242424; font-size:28px; line-height:1.4em; letter-spacing:-.03em; padding-right: 35px;}
.goods-info .title p {color:#878787; font-size:18px; line-height:1.4em; letter-spacing:-.03em; margin-top:2px;}
.goods-info .price-area {margin-bottom:14px;}
.goods-info .price-area .price {color:#242424; font-size:34px; font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.goods-info .price-area .price s {display: block; color: #909090; font-size:18px; font-weight: 400; line-height:1.2em; margin-top: 8px;}
.goods-info .btn-wish {position: absolute; top: 2px; right: 0; width: 23px; height: 23px; border: 0; background-color: transparent; background-image:url("../images/shop/btn_wish.png"); background-position:50% 50%; background-repeat:no-repeat; background-size:contain; text-indent:-9999em; overflow:hidden;}
.goods-info .btn-wish.on {background-image:url("../images/shop/btn_wish_on.png");}
.goods-info .wish-tooltip {display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #b0282c; color: #fff; padding: 15px 40px; border-radius:50vh; z-index: 100;}

.goods-info .table {padding: 6px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.goods-info .table table {table-layout:fixed; width:100%; border-collapse:collapse; border-spacing:0px;}
.goods-info .table table tbody th {padding:16px 0; width:85px; font-weight:400; color:#878787; font-size:15px; line-height:1.5em; text-align:left;}
.goods-info .table table tbody td {padding:16px 0; color:#454545; font-size:15px; font-weight:400; line-height:1.5em;}
.goods-info .table table tbody td img {vertical-align:middle;}
.goods-info .total {margin:22px 0 32px; color:#242424; font-size:18px; font-weight:600; line-height:1.5em;}
.goods-info .total .price {color:#b0282c; font-size:28px; font-weight:500; line-height:1.3em; margin-left:14px;}
.goods-info .cart-opt .table {border-top:0;}
.goods-info .btns {margin-bottom:14px;}
.goods-info .btns:last-child {margin-bottom:0;}
.goods-info .btns .row {display:flex; margin:0 -6px;}
.goods-info .btns .col {width:25%; padding:0 6px;}
.goods-info .btns .col-x2 {width:50%;}
.goods-info .btns .col-x4 {width:100%;}
.goods-info .btns .btn {display:block; text-align:center; font-size:17px; font-weight:500; line-height:58px; border-radius:4px;}
.goods-info .btns .btn-wish {border:1px solid #ddd; color:#686868; background:#fff;}
.goods-info .btns .btn-buy {border:1px solid #b0282c; color:#fff; background:#b0282c;}
.goods-info .btns .btn-cart {border:1px solid #b0282c; color:#b0282c; background:#fff;}
.goods-info .btns .btn-soldout {border:1px solid #aaa; background:#aaa; color:#fff; font-weight:400;}
.goods-info .btns .btn-kakao {background:#fee705;}
.goods-info .btns .btn-naver {background:#00c32c;}
.goods-info .btns.mobile-btn {display:none;}

.opt-toggle {display:none;}

.view-more {text-align:center; margin-top:60px;}
.view-more a {display:inline-block; font-size:16px; font-weight:500; line-height:1em; letter-spacing:-0.03em; color:#808080; padding:18px 88px 18px 53px; border:1px solid #ddd; border-radius:100px; position:relative;}
.view-more a:before {content:""; position:absolute; width:16px; height:9px; right:53px; top:50%; margin-top:-4.5px; background:url("../images/sub/more_icon.png") no-repeat 50% 50%; background-size:contain;}


/* 수량 */
.quantity {display:inline-block; position:relative; vertical-align:middle; width:115px; padding:0 29px; border:1px solid #e5e5e5; border-radius:4px; overflow:hidden;}
.quantity .input {display:block; width:100%; height:35px; text-align:center; color:#000; font-size:12px; border: 0;}
.quantity .qty-bt {position:absolute; top:0; width:30px; height:35px; overflow:hidden; text-indent:-999em; background-color:#fff; background-position:50% 50%; background-repeat:no-repeat; border:0;}
.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; margin-bottom: 20px; z-index: 10;}
.add-opt-select .select-hidden {display:none;}
.add-opt-select .select-input {position:relative; padding:0 30px 0 20px; height:45px; border: 1px solid #ddd; color:#454545; line-height:43px; letter-spacing:-.03em; overflow:hidden; white-space:nowrap; cursor:pointer; background: url("../images/shop/select.png") right 15px center no-repeat;}
.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/selectup.png");}

.add-options {margin-top:5px;}
.add-options > ul > li {border-bottom:1px solid #fff; background:#f8f8f8; padding:20px;}
.add-options > ul > li:last-child {border-bottom: 0;}
.add-options .opt-name {display:flex; justify-content:space-between; margin-bottom:12px;}
.add-options .opt-name .name {font-weight:500; line-height:1.4em; color:#242424;}
.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:22px; font-weight:600; line-height:1.4em; color:#242424;}

/* 상세 */
.sticky-contain {position: relative;}
.sticky-contain .column-left {padding-right: 400px;}
.sticky-contain .column-right {position: absolute; top: 0; right: 0; width: 300px; z-index: 10;}

/* 브랜드 상세 */
.goods-brand-inquiry {padding: 20px 25px 35px; background-color: #fff; border: 1px solid #ddd;}
.goods-brand-inquiry .title {margin-bottom: 20px;}
.goods-brand-inquiry .title h3 {color: #242424; font-size: 1.375em; line-height: 1.4; letter-spacing: -.03em;}
.goods-brand-inquiry .title p {color: #454545; margin-top: 5px;}
.goods-brand-inquiry .brand-photo {margin-bottom: 30px;}
.goods-brand-inquiry .brand-photo img {width:100%; height:auto !important; max-width:100%; min-height:100%;}
.goods-brand-inquiry .buttons {margin: 0;}
.goods-brand-inquiry .buttons .cen {margin: -5px;}
.goods-brand-inquiry .buttons .btn {display: inline-block; width: calc(50% - 12px); margin: 5px; padding: 0 5px 0 45px; color: #fff; line-height: 50px; border-radius:8px; background-position:16px center; background-repeat:no-repeat; background-size:19px;}
.goods-brand-inquiry .buttons .btn-tel {background-color: #b0282c; background-image:url("../images/shop/btn_tel.png");}
.goods-brand-inquiry .buttons .btn-pop {background-color: #b0282c; background-image:url("../images/shop/btn_pop.png");}

/* 대표 메뉴 */
.relatied-goods {margin-bottom:50px;}
.relatied-goods h3 {margin-bottom:15px; color:#333; font-size:18px; font-weight:500; line-height:1.3em; letter-spacing:-.03em;}
.relatied-goods .slider {position:relative;}
.relatied-goods .slick-track {margin:0 !important;}
.relatied-goods .slider ul {margin: 0 -5px;}
.relatied-goods .slider ul li {padding: 0 5px;}
.relatied-goods .slider ul li a {display: block;}
.relatied-goods .slider ul li .thumb {position:relative; padding-bottom:100%; margin-bottom: 24px; background-color: #fff; overflow:hidden;}
.relatied-goods .slider ul li .thumb 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;}
.relatied-goods .slider ul li .thumb:after {content:""; position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid rgba(0,0,0,.08);}
.relatied-goods .slider ul li .tit {color: #242424; font-size: 1.125em; line-height:1.65em; letter-spacing:-0.03em; margin-bottom:2px;}
.relatied-goods .slider ul li .txt {color: #242424; font-weight: 500; line-height:1.4em; letter-spacing:-0.03em;}

.relatied-goods-ctrl {position: absolute; top: -60px; right: 0;}
.relatied-goods-ctrl > div {display: inline-block;}
.relatied-goods-ctrl .custom_paging {color: #686868; font-weight: 500; margin-right: 20px;}
.relatied-goods-ctrl .custom_paging .current {color: #56cdc7; font-weight: 700;}
.relatied-goods .slick-arrow {position: relative; width:40px; height:40px; background-color:#fff; background-size:23px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #ddd; overflow:hidden; text-indent:-9999em;}
.relatied-goods .slick-prev {background-image:url("../images/shop/slide_prev.png"); margin-right: -1px;}
.relatied-goods .slick-prev:hover {background-image:url("../images/shop/slide_prev_on.png");}
.relatied-goods .slick-next {background-image:url("../images/shop/slide_next.png");}
.relatied-goods .slick-next:hover {background-image:url("../images/shop/slide_next_on.png");}

/* 상품상세 하단 */
#viewDetail,#viewInfo {padding-top: 100px;}

.goods-view-tab {position: relative; text-align:center; background-color: #fff; border-bottom: 1px solid #ddd;}
.goods-view-tab:before,
.goods-view-tab:after {content:''; position: absolute; bottom: -1px; width: 100%; height: 1px; background-color: #ddd;}
.goods-view-tab:before {right: 100%;}
.goods-view-tab:after {left: 100%;}
.goods-view-tab.fixed {position: fixed; top: 0; left: 0; width: 100%; z-index: 1;}
.goods-view-tab.fixed ul {max-width: 1460px; margin: 0 auto;}
.goods-view-tab ul {display:flex; margin: 0 -30px;}
.goods-view-tab ul li {padding: 0 30px;}
.goods-view-tab ul li a {position: relative; display: block; color:#454545; font-weight: 700; font-size:1.25em; line-height:110px; letter-spacing: -.03em;}
.goods-view-tab ul li.active a {color: #b0282c;}
.goods-view-tab ul li.active a:after {content:''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background-color: #b0282c;}

.goods-detail .editArea,
.goods-detail .detailArea {margin-bottom: 60px;}
.goods-detail-group {margin-bottom: 95px;}
.goods-detail-group:last-child {margin-bottom: 0;}
.goods-detail-tit {position: relative; padding-left: 30px; font-size:22px; font-weight:600; line-height:1.3em; color:#242424; margin-bottom:25px;}
.goods-detail-tit:before {content:''; position: absolute; top: 5px; left: 0; width: 20px; height: 20px; background-color: transparent; border:4px solid #b0282c; border-radius:100%;}
.goods-detail-table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #686868; font-size: 0.938em; line-height:1.75em;}
.goods-detail-table th {padding:11px 20px; background:#f8f9f9; font-weight:500; color:#454545; border-bottom:1px solid #ddd; text-align: left;}
.goods-detail-table td {padding:11px 20px 11px 25px; color:#454545; border-bottom:1px solid #ddd; text-align: left;}
.goods-detail img {width:auto !important; height:auto !important; max-width:100%;}
.goods-detail table {width:100% !important; overflow-x:auto; -webkit-overflow-scrolling:touch;}

.shop-guide-tit {position: relative; font-size:24px; line-height:1.4em; color:#242424; margin-bottom:15px;}
.shop-guide-table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:1px solid #686868; font-size: 1.063em; line-height:1.75em; margin-bottom: 60px;}
.shop-guide-table th {padding:25px 28px; background:#fff; font-size: 1.175em; font-weight:500; color:#454545; letter-spacing: -.03em; border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align: left;}
.shop-guide-table td {padding:25px 20px 25px 28px; color:#454545; letter-spacing: -.03em; border-bottom:1px solid #ddd; text-align: left;}
.shop-guide img {width:auto !important; height:auto !important; max-width:100%;}
.shop-guide table {width:100% !important; overflow-x:auto; -webkit-overflow-scrolling:touch;}

.goods-sub-tit {color: #242424; font-size: 1.125em; font-weight: 600; line-height: 1.3; letter-spacing: -.03em; margin-bottom:15px;}
.goods-sub-tit .vat	{float: right; color: #454545; font-size: 0.889em; font-weight: 400;}

.helpBox {margin-top: 20px; padding: 20px 25px; background-color: #f2f2f2; color: #454545; letter-spacing: -.03em;}
.helpBox .tt {display: block; color: #242424; font-size: 1.125em; font-weight: 600; line-height: 1.5; margin-bottom: 8px;}

/*.shop-guide {margin-top:50px;}
.shop-guide .group {margin-bottom:-1px;}
.shop-guide .tit {display:flex; align-items:center; border:1px solid #ddd; padding:15px 28px;}
.shop-guide .tit h4 {width:155px; color:#005d32; font-size:18px; line-height:1.3em; font-weight:500;}
.shop-guide .tit p {flex:1 1 auto; min-width:0; width:1%; color:#454545; font-weight:300; line-height:1.5em;}
.shop-guide .tit .bt {color:#005d32; font-weight:300; line-height:1.5em; display:flex; align-items:center;}
.shop-guide .tit .bt span {margin-right:10px;}
.shop-guide .tit .bt:after {content:""; display:inline-block; width:14px; height:14px; background:url('../images/shop/guide_arrow_open.png') 50% 50% no-repeat;}
.shop-guide .cnt {display:none;}
.shop-guide .qa dl {display:flex; padding:25px 30px; border-bottom:1px solid #ddd;}
.shop-guide .qa dl:last-child {border-bottom:0;}
.shop-guide .qa dt {color:#242424; font-weight:500; width:45%; max-width:350px;}
.shop-guide .qa dd {color:#686868; font-weight:300; flex:1 1 auto; min-width:0; width:1%;}
.shop-guide .qa ol li {padding-left:.8em; text-indent:-.8em;}
.shop-guide .group.active .bt:after {background-image:url('../images/shop/guide_arrow_close.png');}
.shop-guide .group.active .cnt {display:block;}*/

/* 쇼핑 테이블 */
.step-menu {position: relative; margin-bottom:130px; z-index: 1;}
.step-menu ul {display:flex; justify-content:center;}
.step-menu ul li {padding:0 55px; position:relative; text-align:center;}
.step-menu ul li:last-child:before {display:none;}
.step-menu ul li:before {content:""; position:absolute; width:100%; height:1px; background:#ddd; left:80px; top:15px; z-index:-1;}
.step-menu ul li .num {width:30px; height:30px; line-height:28px; margin:0 auto 14px auto; border:1px solid #ddd; border-radius:100%; background:#fff; font-size:16px; font-weight:600; letter-spacing:-0.03em; color:#878787;}
.step-menu ul li.active .num {color:#fff; background:#b0282c; border-color:#b0282c;}
.step-menu ul li .tit {font-size:18px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#c3c3c3;}
.step-menu ul li.active .tit  {color:#b0282c;}

.cart-info-wrap {display:flex; align-items:center; justify-content:space-between; padding:40px; border-radius:5px; background:#f5f5f5; margin-bottom:80px;}
.cart-info-wrap .list02 {margin-top:0;}

.cart-all-select {color:#333; font-size:16px; font-weight:500; line-height:1.3em; padding:0 7px; margin-bottom:15px;}

.cart-cont-wrap {display:flex; margin-top:25px;}
.cart-cont-wrap .group.left {flex: 1 1 auto; min-width: 0; width: 1%;}
.cart-cont-wrap .group.right {width:300px; margin-left:40px;}
.cart-cont-wrap .group.right .check {color: #686868; font-size:15px; letter-spacing:-0.03em;}
.cart-cont-wrap .total-price {border:1px solid #ddd; padding:23px; background-color: #fff;}
.cart-cont-wrap .total-price h3 {font-size:22px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:40px;}
.cart-cont-wrap .total-price .price-info {padding-bottom:25px; border-bottom:1px solid #ddd; margin-bottom:18px;}
.cart-cont-wrap .total-price .price-info dl {display:flex; justify-content:space-between; margin-bottom:14px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.cart-cont-wrap .total-price .price-info dl:last-child {margin-bottom:0;}
.cart-cont-wrap .total-price .price-info dd.minus {color: #b0282c;}
.cart-cont-wrap .total-price .price {text-align:right; margin-bottom:45px;}
.cart-cont-wrap .total-price .price dt {font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:12px;}
.cart-cont-wrap .total-price .price dd {font-size:24px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.cart-cont-wrap .total-price a {width:100%;}

.shop-table {border-top:1px solid #686868; margin-bottom:40px;}
.shop-table .order-check {left:0; top:40px;}
.shop-table ul li {display:flex; align-items:center; padding:40px 20px 40px 40px; border-bottom:1px solid #dfdfdf; position:relative;}
.shop-table ul li.none {display:block; width:100%; text-align:center; padding:100px 20px;}
.shop-table ul li.none .img {margin-bottom:17px;}
.shop-table ul li.none .tt {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#686868;}
.shop-table ul li.head {padding-top: 25px; padding-bottom: 25px; color: #242424; font-size: 18px; font-weight: 700; line-height: 1.75; text-align: center;}
.shop-table ul li.head .order-price {text-align: left;}

.shop-table .checkbox input:checked + label:before {width:20px; height:20px; background: #b0282c url("../images/bbs/checkbox.png") 50% 50% no-repeat; border-color: #b0282c;}
.shop-table .order-image {width:150px; margin-right:20px;}
.shop-table .order-image a {position: relative; display: block; height: 100%; background-color: #fff; border-radius:12px; overflow:hidden;}
.shop-table .order-image a:after {content:''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border:1px solid #ddd; border-radius:inherit;}
.shop-table .order-title {flex:1 1 auto; min-width:0; width:1%;}
.shop-table .order-title .tit {color:#242424; font-size:18px; font-weight:700; line-height:1.5em; margin-bottom:5px;}
.shop-table .order-title .txt {color:#454545; font-weight:400; line-height:1.5em; margin-bottom:20px;}
.shop-table .order-title .opt {color:#454545; font-weight:400; line-height:1.5em;}
.shop-table .order-quantity {width:86px; text-align:center;}
.shop-table .order-quantity .input {width:100%; height:30px; padding:0; font-size:14px; line-height:1.5em; text-align:center; margin-bottom:4px;}
.shop-table .order-quantity .btn-pack {display:block; width:100%;}
.shop-table .order-qnt {width:100px; text-align:center;}
.shop-table .order-price {width:26%; font-weight:500; margin:0 20px; font-size:18px; font-weight:700; color:#242424;}
.shop-table.complete .order-price {width:auto;}
.shop-table .order-delete {width:18px; text-align:right; margin-left:50px;}
.shop-table .order-option {width: 96px;}
.shop-table .order-option a {display:block; margin:3px 0; padding:10px 20px; line-height:1em;}
.shop-table .order-btn {width:95px; text-align:center; margin-left:20px;}
.shop-table .order-btn p {margin:4px 0;}
.shop-table .order-btn strong {font-weight:500;}
.shop-table .order-btn .btn-pack.small {display:block; margin:4px auto; width:100%; padding:0;}
.shop-table .ico-wish {position:relative; vertical-align:middle; margin-top:-.2em; display:inline-block; overflow:hidden; text-indent:-999em; width:18px; height:18px; overflow:hidden; background:url("../images/shop/wish.png") no-repeat 50% 50%; background-size:contain;}
.shop-table .ico-wish:before {}

.shop-table .ico-delete {position:relative; vertical-align:middle; margin-top:-.2em; display:inline-block; overflow:hidden; text-indent:-999em; width:18px; height:18px; overflow:hidden;}
.shop-table .ico-delete:before, .shop-table .ico-delete:after {content:""; position:absolute;top:0;left:8px; height:100%;width:2px;background-color:#999;}
.shop-table .ico-delete:before {transform:rotate(45deg);}
.shop-table .ico-delete:after {transform:rotate(-45deg);}
.shop-table .ico-delete:hover {opacity:.5;}

.viewing2 h3 {font-size:20px; font-weight:600; line-height:1.2em; letter-spacing:-0.03em; color:#fff; background:#b0282c; padding:28px 50px;}
.viewing2 .fancybox-close {width:19px; height:19px; background:url("../images/sub/pop_close.png") no-repeat 50% 50%; background-size:contain; right:50px; top:33px; border-radius:0;}

.option-pop .quantity.ver3 {margin-left:0; width:100%; border:1px solid #ddd;}
.option-pop .quantity.ver3 .input {}

.quantity.ver3 .qty-bt {border:0; background-color:#fff;}
.option-pop {width:90vw !important; max-width:600px; border-radius:18px; overflow:hidden;}
.option-pop .cnt {background:#fff; padding:50px;}
.option-pop .cnt dl {margin-bottom:50px;}
.option-pop .cnt dt {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}

.viewing2 {width:90vw !important; max-width:600px; border-radius:18px; overflow:hidden !important;}
.viewing2 .fancybox-inner {width:90vw !important; max-width:600px;}
.pre-payment .cnt {background:#fff; padding:50px;}
.pre-payment p {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:27px;}
.pre-payment .tit {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:10px;}
.pre-payment .txt {font-size:18px; font-weight:700; line-height:1.2em; letter-spacing:-0.03em; color:#242424; padding-left:40px; margin-left:40px; position:relative;}
.pre-payment .txt:before {content:""; position:absolute; width:1px; height:40px; left:0; top:50%; margin-top:-20px; background-color:#ddd;}
.pre-payment .box {border:1px solid #ddd; border-radius:6px; display:flex; align-items:center; padding:20px 10px 20px 55px; margin-bottom:13px;}
.pre-payment .more {margin-bottom:25px;}
.pre-payment .more a {padding-right:20px;font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; position:relative;}
.pre-payment .more a:before {content:""; position:absolute; width:8px; height:8px; border-right:1px solid #454545; border-bottom:1px solid #454545; right:0; top:50%; margin-top:-4px; transform:rotate(-45deg);}
.pre-payment .btns {display:flex; margin:-5px;}
.pre-payment .btns a {width:100%; margin:5px; height:60px; line-height:58px;}

/* 주문정보 설명 */
.order-info {margin:20px 0; color:#666; font-size:14px; line-height:24px;}
.order-info em {color:#b0282c; font-style:normal;}

.order-complete {margin-bottom:20px; padding:25px 30px; font-size:16px; line-height:1.3em; color:#242424; letter-spacing:-.02em; border:1px solid #686868; background-color: #fff;}
.order-complete .item {display:inline-block; margin-right:40px;}
.order-complete .item strong {margin-left:5px;}
.order-complete .item:last-child {margin-right:0;}

.order-date { padding:20px; margin-top:50px; font-size:16px; line-height:1.3em; border:1px solid #a70015; border-bottom:0; color:#a70015;}
.order-date:after {content:""; display:block; clear:both;}
.order-date strong {margin-left:10px;}
.order-date a {float:right; color:#a70015; letter-spacing:-.03em;}
.order-date a:after {content:"+"; color:#2c2c2c; font-weight:500; margin-left:10px;}
.order-date .bar {color:#ddd; margin:0 12px; vertical-align:top; font-weight:100;}


/* 주문정보 테이블 */
.order-info-title {margin-top:60px; padding-bottom:16px; border-bottom:1px solid #686868;}
.order-info-title h3 {float:left; color:#242424; font-size:22px; line-height:1.3em;}
.order-info-title .chk {float:right; margin:6px 0 0 20px; color:#454545; line-height:1em;}
.order-info-title:after {content:" "; display:block; clear:both;}

.order-info-table {width:100%; border-collapse:collapse; border-spacing:0px;}
.order-info-table tbody th {padding:15px; padding-left:40px; height:80px; font-weight:700; color:#242424; text-align:left; font-size:18px; border-bottom:1px solid #ddd;}
.order-info-table tbody td {padding:15px; font-size:17px; font-weight:400; color:#454545; border-bottom:1px solid #ddd;}
.order-info-table input {border-radius:5px; height:50px;}
.order-info-table select {border-radius:5px; height:50px;}
.order-info-table .sub-txt {display:block; margin-top:10px; font-size: 0.941em; font-weight:500; color:#686868;}
.order-info-table .btn-pack {height:50px; line-height:48px;}
.cart-cont-wrap .checkbox label:before {width:20px; height:20px; border:2px solid #ddd; border-radius:3px; background:#fff;}
.order-info-table + .buttons {margin-top: 60px;}


.order-pay-info dl {display:flex; align-items:center; border:1px solid #ddd; border-radius:6px; background-color: #fff; padding:35px 40px; margin-top:15px; margin-bottom:10px;}
.order-pay-info dt {font-weight:700; color:#242424; font-size:18px; width:230px;}
.order-pay-info dd {width:100%;}
.order-pay-info dd select {border-radius:5px; height:50px;}
.order-pay-info .btns {display:flex; justify-content:space-between;}
.order-pay-info .btns a {display:flex; align-items:center; justify-content:center; height:70px; width:calc(50% - 6px); background-color: #fff; border:1px solid #ddd; border-radius:5px; font-size:18px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424;}
.order-pay-info .btns a.x2 {width: 100%;}

/* 비회원 주문하기 */
.non-member-cont .tit-wrap {padding:35px 0; border-top:1px solid #686868; border-bottom:1px solid #ddd; margin-bottom:30px;}
.non-member-cont .tit-wrap h3 {font-size:30px; font-weight:500; line-height:1.2em; letter-spacing:-0.03em; color:#242424; margin-bottom:15px;}
.non-member-cont .agree-box {margin-bottom:35px;}
.non-member-cont .agree-box h3 {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.non-member-cont .agree-box p {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:35px;}
.non-member-cont .agree-box label:before {width:20px; height:20px; border:2px solid #242424; border-radius:3px; background:#fff;}
.non-member-cont .agree-box .check {margin-bottom:20px;}
.non-member-cont .agree-box .scroll-box {padding:30px 25px; border-radius:6px; border:1px solid #ddd; font-weight:400; letter-spacing:-0.03em; color:#454545;}
.non-member-cont .txt-box h3 {font-size:20px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545; margin-bottom:10px;}
.non-member-cont .txt-box p {font-size:16px; font-weight:400; line-height:1.2em; letter-spacing:-0.03em; color:#454545;}
.non-member-cont .more {margin-top:80px; text-align:center;}


/* 전체금액 */
.total-price {}
.total-price h3 {}


/* 상품리뷰 */
.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;}


/* 팝업 */
.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;}